diff --git a/AGENTS.md b/AGENTS.md
index 363ab4c..28d266e 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -10,12 +10,16 @@ the InvoiceShelf 3.x `AGENTS.md` before making changes.
   routes must disappear when disabled.
 - Every module table is prefixed `tp_`, and every table carries a `company_id` column. Scope every
   query to the company from the `company` header, never from a request parameter.
-- Abilities are namespaced `tasks-projects:` (see `app/Support/Abilities.php`). Until the host
-  ability catalogue is open to modules, gate through `Contracts\Host\ModuleAuthorization` against
-  existing host abilities.
+- Abilities are namespaced `tasks-projects:` by the SDK: register them with
+  `Registry::registerAbility()` and build ids with `Registry::abilityId()`. The bare names live in
+  `app/Support/Abilities.php`; dependencies on host abilities stay un-namespaced.
 - Money is stored and compared as integer minor units, matching the host's `invoices.total`
   convention. Rates are minor units per hour.
 - Migrations are reversible: one concrete class per file, a non-empty `up()` and `down()`, and no
   `drop*`, `rename*`, `raw`, or `statement` calls in `up()`.
 - Run `composer run lint`, `composer run test`, `pnpm run build`, and package validation before
   release.
+- `composer.json` pins `invoiceshelf/modules` 3.4.0 to an unreleased SDK commit through an inline
+  `package` repository, because `registerAbility`, `registerPage` and the `CompanyDataReader`
+  member and invoice readers are not tagged yet. Replace the whole `repositories` block with the
+  plain `vcs` entry once the SDK tags 3.4.0; the `^3.4.0` constraint already matches.
diff --git a/README.md b/README.md
index e935989..49fabf1 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,9 @@
 # InvoiceShelf Tasks and Projects
 
-The official Tasks, Projects and Time Tracking module for InvoiceShelf 3.x. It adds projects hung
-off a customer, tasks that move across a configurable Kanban board, time recorded by hand or by a
-running timer, and a billing wizard that turns unbilled hours into invoice lines.
+The official Tasks, Projects and Time Tracking module for InvoiceShelf 3.x. It adds two sidebar
+entries, Projects and Tasks, and builds invoicing the way Invoice Ninja does it: pick the work
+(a task, a selection of tasks, or a whole project) and land on a draft invoice, rather than
+picking a customer first and hunting for what to bill.
 
 The module is `AGPL-3.0-only`.
 
@@ -15,17 +16,45 @@ The module is `AGPL-3.0-only`.
 ## What it adds
 
 - **Projects.** Name, optional customer, description, colour, status, default billable rate,
-  budget and due date. A project without a customer is internal and never reaches the billing
-  screen.
-- **Tasks and a Kanban board.** Tasks belong to a project or stand alone against a customer, and
-  move across per-company task statuses with drag ordering.
-- **Time tracking.** Manual time entries or a running timer, one per user per company, with a
-  header chip showing elapsed time.
-- **Rate resolution.** Task rate, then the assignee's project rate, then the project default, then
-  the company default from module settings, written onto the time entry so a later rate change
-  never rewrites history.
-- **Task to invoice.** Review unbilled billable entries, choose a grouping, and produce a draft
-  invoice through the host's own invoice endpoint.
+  budget and due date, reachable from its own sidebar entry. A project without a customer is
+  internal and never reaches the billing screens.
+- **Tasks, with three views over one filter.** The Tasks screen is the module's sidebar root: a
+  view switcher moves between a sortable **List**, a **Board** with drag ordering across the
+  company's task statuses, and a **Week** timesheet, and the project, member and status filters
+  in the address bar survive every switch. A task also has its own page, with the time log
+  underneath it.
+- **Time tracking, everywhere a task appears.** Start or stop a task's timer from its row in the
+  list, its card on the board, its own page, or the floating quick-start button that stays
+  reachable from any screen (it search-picks a task by name and starts or stops on it without
+  leaving the page you are on). Only one timer runs per user per company; starting a second one
+  offers to stop the first. A header chip shows the elapsed time and opens the running task.
+- **The task time log.** A task's own page lists every interval logged against it, hand-entered
+  or from the timer: start, end, duration, description, billable, and who logged it. A row
+  already on an invoice is marked and its time, billable flag and task cannot change; its
+  description still can.
+- **Rate resolution.** Task rate, then the assignee's project rate, then the project default,
+  then the company default from module settings, written onto the time entry so a later rate
+  change never rewrites history.
+- **Invoicing from the work, not from a wizard.** "Invoice" on a task row, the bulk selection
+  bar, a task's own page, or a project's header prepares a draft invoice, one line per task, and
+  opens it on the host's own invoice edit screen, ready to review and send. A selection spanning
+  two customers or two currencies is refused with a clear message instead of guessing. The
+  **Unbilled time** page (linked from Reports and from the Projects header) answers the
+  month-end question across every project and customer at once, and is where a single entry can
+  still be left off an invoice on purpose.
+- **Settings**, under **Company Settings → Tasks and Projects**: the default hourly rate, the
+  rounding increment and whether a stopped entry rounds to the nearest increment, up, or down,
+  the first day of the week, whether members see each other's time, whether creating a task
+  starts its creator's timer, whether an invoiced task locks against further edits, whether an
+  invoiced task drops off the board, and which parts of an invoice line an invoiced task writes
+  (a project heading, the task's own description, and each entry's date, time range, hours and
+  description). The module's own settings page under the module menu shows the current value of
+  every one of these next to a link to the form that edits them.
+- **Abilities.** `view-project`, `create-project`, `edit-project` and `delete-project`;
+  `view-task`, `create-task`, `edit-task`, `delete-task` and `manage-task-status`; `view-own-time`,
+  `view-all-time` and `edit-all-time`; and `invoice-tasks`, which also requires the host's own
+  `create-invoice` and `edit-invoice` abilities, because invoicing a task ends on the host's
+  invoice edit page.
 
 See [`specs/tasks-projects.md`](../specs/tasks-projects.md) in the private specs repository for the
 full scope and data model.
@@ -35,8 +64,9 @@ full scope and data model.
 1. Sign in as a super administrator and open **Administration → Modules**.
 2. Pair the application with the InvoiceShelf marketplace if it is not already paired, then install
    and enable **Tasks and Projects**.
-3. Open **Company Settings → Tasks and Projects** to set the default hourly rate, rounding
-   increment, week start day, and whether non-owners may see other members' time.
+3. Open **Company Settings → Tasks and Projects** to set the default hourly rate, the rounding
+   increment and direction, the first day of the week, who may see other members' time, and the
+   task and invoice-line behaviour described above.
 
 ## Disable and uninstall
 
diff --git a/app/Application/BillingSelection.php b/app/Application/BillingSelection.php
new file mode 100644
index 0000000..0aec108
--- /dev/null
+++ b/app/Application/BillingSelection.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use InvalidArgumentException;
+
+/**
+ * What the caller asked to invoice, before it becomes a list of time entries.
+ *
+ * Three shapes reach `billing/prepare`: the explicit entries the unbilled time
+ * page ticks off, the tasks a row or a bulk selection names, and a whole
+ * project. They differ only in how the entries are found, so the difference is
+ * carried here rather than in three overloads of the service, and
+ * `BillingService::resolveEntries()` is the single place that turns any of
+ * them into the same ordered collection.
+ */
+final class BillingSelection
+{
+    /** Entry ids the caller listed itself. */
+    public const ENTRIES = 'entries';
+
+    /** Tasks whose unbilled billable time is wanted. */
+    public const TASKS = 'tasks';
+
+    /** One project, meaning every task filed under it. */
+    public const PROJECT = 'project';
+
+    /** @var list<string> */
+    public const KINDS = [self::ENTRIES, self::TASKS, self::PROJECT];
+
+    /** @param list<int> $ids */
+    private function __construct(
+        public readonly string $kind,
+        public readonly array $ids,
+    ) {}
+
+    /** @param list<int> $entryIds */
+    public static function fromEntryIds(array $entryIds): self
+    {
+        return new self(self::ENTRIES, self::normalise($entryIds));
+    }
+
+    /** @param list<int> $taskIds */
+    public static function fromTaskIds(array $taskIds): self
+    {
+        return new self(self::TASKS, self::normalise($taskIds));
+    }
+
+    public static function fromProject(int $projectId): self
+    {
+        return new self(self::PROJECT, [$projectId]);
+    }
+
+    /** The project this selection names, for the project shape only. */
+    public function projectId(): int
+    {
+        if ($this->kind !== self::PROJECT) {
+            throw new InvalidArgumentException("A {$this->kind} selection does not name a project.");
+        }
+
+        return $this->ids[0];
+    }
+
+    /**
+     * Ids as integers, de-duplicated and in ascending order.
+     *
+     * The order the browser sent is never meaningful: entries come back sorted
+     * by their start, so sorting here only makes the resolution deterministic
+     * and the "which ids are missing" message stable.
+     *
+     * @param  list<int>  $ids
+     * @return list<int>
+     */
+    private static function normalise(array $ids): array
+    {
+        $ids = array_values(array_unique(array_map(intval(...), $ids)));
+        sort($ids);
+
+        return $ids;
+    }
+}
diff --git a/app/Application/BillingService.php b/app/Application/BillingService.php
new file mode 100644
index 0000000..a3dddf2
--- /dev/null
+++ b/app/Application/BillingService.php
@@ -0,0 +1,778 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\DB;
+use InvalidArgumentException;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Application\Exceptions\MixedBillingSelection;
+use Modules\TasksProjects\Application\Exceptions\NotBillable;
+use Modules\TasksProjects\Application\Exceptions\NothingToInvoice;
+use Modules\TasksProjects\Application\Exceptions\UnknownTimeEntries;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Turning unbilled time into invoice lines.
+ *
+ * What to bill arrives as a BillingSelection, so the three ways a screen can
+ * ask (these entries, these tasks, this project) meet in one place and produce
+ * the same ordered list of entries, and each line's name and note are composed
+ * by InvoiceLineComposer from the company's own settings.
+ *
+ * The module never writes to the host invoice tables. `prepare()` returns the
+ * exact body the host invoice endpoint expects, the browser posts it with the
+ * session's own client, and `confirm()` stamps the entries with the ids that
+ * came back. That leaves a window in which the invoice exists and the entries
+ * are not yet stamped, so `confirm()` is idempotent and `unbilled()` treats an
+ * entry whose invoice no longer exists as unbilled again.
+ */
+final class BillingService
+{
+    /** The ways a selection can be collapsed into invoice lines. */
+    public const GROUPINGS = ['task', 'project', 'member', 'summary'];
+
+    /** The single line produced by the `summary` grouping. */
+    public const SUMMARY_LABEL = 'Time';
+
+    /** The grouping a selection falls back to when the caller names none. */
+    public const DEFAULT_GROUPING = 'task';
+
+    public function __construct(
+        private readonly CompanyDataReader $companyData,
+        private readonly ModuleSettings $settings,
+        private readonly InvoiceLineComposer $composer,
+    ) {}
+
+    /**
+     * Billable, unbilled time for one customer, grouped four ways.
+     *
+     * Entries reach this list through their task's denormalised `customer_id`,
+     * which covers both a task on that customer's project and a standalone
+     * billable task. Time on an internal project never appears.
+     *
+     * @param  string|null  $from  inclusive start date, Y-m-d
+     * @param  string|null  $to  inclusive end date, Y-m-d
+     * @return array{customer_id: int, from: string|null, to: string|null, entry_ids: list<int>, minutes: int, currencies: list<array{currency_id: int|null, minutes: int, amount: int}>, entries: list<array<string, mixed>>, groups: array{task: list<array<string, mixed>>, project: list<array<string, mixed>>, member: list<array<string, mixed>>, summary: list<array<string, mixed>>}}
+     */
+    public function unbilled(int $companyId, int $customerId, ?string $from = null, ?string $to = null): array
+    {
+        $entries = $this->unbilledEntries($companyId, $customerId, $from, $to);
+
+        $currencies = [];
+        $minutes = 0;
+        foreach ($entries as $entry) {
+            $key = $entry->currency_id === null ? 'null' : (string) $entry->currency_id;
+            $currencies[$key] ??= ['currency_id' => $entry->currency_id, 'minutes' => 0, 'amount' => 0];
+            $currencies[$key]['minutes'] += (int) $entry->duration_minutes;
+            $currencies[$key]['amount'] += (int) $entry->amount;
+            $minutes += (int) $entry->duration_minutes;
+        }
+
+        $labels = $this->labelsFor($companyId, $entries);
+
+        return [
+            'customer_id' => $customerId,
+            'from' => $from,
+            'to' => $to,
+            'entry_ids' => $entries->map(static fn (TimeEntry $entry): int => (int) $entry->id)->all(),
+            'minutes' => $minutes,
+            'currencies' => array_values($currencies),
+            'entries' => $this->rows($entries, $labels),
+            'groups' => [
+                'task' => $this->group($entries, 'task', $labels, true),
+                'project' => $this->group($entries, 'project', $labels, true),
+                'member' => $this->group($entries, 'member', $labels, true),
+                'summary' => $this->group($entries, 'summary', $labels, true),
+            ],
+        ];
+    }
+
+    /**
+     * Which customers have unbilled billable time, and how much of it.
+     *
+     * The same rule `unbilled()` applies to one customer, applied to all of
+     * them at once: the unbilled time page needs to know who is worth opening
+     * before it asks for anyone's entries. A customer whose work spans two
+     * currencies gets a row per currency, because money in two denominations
+     * cannot be added up and `prepare()` refuses such a selection anyway.
+     *
+     * @param  string|null  $from  inclusive start date, Y-m-d
+     * @param  string|null  $to  inclusive end date, Y-m-d
+     * @return list<array{customer_id: int, entries: int, minutes: int, amount: int, currency_id: int|null}>
+     */
+    public function customers(int $companyId, ?string $from = null, ?string $to = null): array
+    {
+        $customerByTask = Task::query()
+            ->forCompany($companyId)
+            ->whereNotNull('customer_id')
+            ->pluck('customer_id', 'id');
+
+        $entries = $this->unbilledEntriesForTasks(
+            $companyId,
+            array_map(intval(...), $customerByTask->keys()->all()),
+            $from,
+            $to,
+        );
+
+        $rows = [];
+        foreach ($entries as $entry) {
+            $customerId = (int) $customerByTask->get((int) $entry->task_id);
+            $currencyId = $entry->currency_id === null ? null : (int) $entry->currency_id;
+
+            $bucket = $customerId.'|'.($currencyId ?? 'null');
+            $rows[$bucket] ??= [
+                'customer_id' => $customerId,
+                'entries' => 0,
+                'minutes' => 0,
+                'amount' => 0,
+                'currency_id' => $currencyId,
+            ];
+
+            $rows[$bucket]['entries']++;
+            $rows[$bucket]['minutes'] += (int) $entry->duration_minutes;
+            $rows[$bucket]['amount'] += (int) $entry->amount;
+        }
+
+        $rows = array_values($rows);
+        usort($rows, static fn (array $left, array $right): int => [$left['customer_id'], $left['currency_id'] ?? 0]
+            <=> [$right['customer_id'], $right['currency_id'] ?? 0]);
+
+        return $rows;
+    }
+
+    /**
+     * The invoice body for a selection of entries, plus the entry ids behind
+     * each line.
+     *
+     * `groups[i]` lists the entries that produced `items[i]`, so the caller can
+     * hand `confirm()` the line ids the host gave back without re-deriving the
+     * grouping. A line's `price` is the shared rate of its entries, or the
+     * blended rate when they differ, and its `total` is `quantity * price` so
+     * the invoice the host builds matches the preview exactly.
+     *
+     * Every key the host's invoice writer reads is present, including the ones
+     * this module never sets: a line carries its zeroed discount and tax fields
+     * so `DocumentItemService::createItems` never reaches for a missing index,
+     * and `notes` and `template_name` are placeholders the browser fills in from
+     * the company's own defaults before it posts.
+     *
+     * @param  'task'|'project'|'member'|'summary'  $grouping
+     * @return array{invoice_date: string, customer_id: int, currency_id: int|null, discount: int, discount_type: string, discount_val: int, tax: int, sub_total: int, total: int, notes: string|null, template_name: string|null, taxes: list<array<string, mixed>>, items: list<array{name: string, description: string|null, quantity: float, price: int, discount_type: string, discount: int, discount_val: int, tax: int, taxes: list<array<string, mixed>>, total: int}>, groups: list<array{entry_ids: list<int>}>}
+     */
+    public function prepare(int $companyId, BillingSelection $selection, string $grouping = self::DEFAULT_GROUPING): array
+    {
+        if (! in_array($grouping, self::GROUPINGS, true)) {
+            throw new InvalidArgumentException(
+                "Grouping '{$grouping}' is not one of ".implode(', ', self::GROUPINGS).'.',
+            );
+        }
+
+        $entries = $this->resolveEntries($companyId, $selection);
+        $tasks = $this->tasksFor($companyId, $entries);
+        $customerId = $this->singleCustomerFor($tasks, $entries);
+        $currencyId = $this->singleCurrencyFor($entries);
+
+        $labels = $this->labelsFor($companyId, $entries, $tasks);
+        $options = $this->settings->invoiceLineOptions($companyId);
+        $byId = $entries->keyBy(static fn (TimeEntry $entry): int => (int) $entry->id);
+
+        $items = [];
+        $groups = [];
+        $subTotal = 0;
+
+        foreach ($this->group($entries, $grouping, $labels, false) as $row) {
+            /** @var list<TimeEntry> $rowEntries */
+            $rowEntries = array_values(array_map(
+                static fn (int $entryId): TimeEntry => $byId->get($entryId),
+                $row['entry_ids'],
+            ));
+            $task = $grouping === 'task' ? $tasks->get($row['key']) : null;
+
+            $quantity = round($row['minutes'] / 60, 2);
+            $price = $row['rate'] ?? ($quantity > 0.0 ? (int) round($row['amount'] / $quantity) : 0);
+            $total = (int) round($quantity * $price);
+
+            $items[] = [
+                'name' => $this->composer->name((string) $row['label'], $task),
+                'description' => $this->composer->description(
+                    $rowEntries,
+                    $options,
+                    $this->projectNameFor($grouping, $row, $rowEntries, $task, $labels),
+                    $task?->description === null ? null : (string) $task->description,
+                ),
+                'quantity' => $quantity,
+                'price' => $price,
+                'discount_type' => 'fixed',
+                'discount' => 0,
+                'discount_val' => 0,
+                'tax' => 0,
+                'taxes' => [],
+                'total' => $total,
+            ];
+            $groups[] = ['entry_ids' => $row['entry_ids']];
+            $subTotal += $total;
+        }
+
+        return [
+            'invoice_date' => Carbon::now()->toDateString(),
+            'customer_id' => $customerId,
+            'currency_id' => $currencyId,
+            'discount' => 0,
+            'discount_type' => 'fixed',
+            'discount_val' => 0,
+            'tax' => 0,
+            'sub_total' => $subTotal,
+            'total' => $subTotal,
+            'notes' => null,
+            'template_name' => null,
+            'taxes' => [],
+            'items' => $items,
+            'groups' => $groups,
+        ];
+    }
+
+    /**
+     * The entries a selection stands for, ordered by when the work started.
+     *
+     * An explicit list of entry ids is validated to the letter, because the
+     * caller ticked those boxes itself and a silently dropped row would be a
+     * silently dropped invoice line. A task or a project instead asks for
+     * "whatever is still unbilled here", so the same rule the unbilled list
+     * uses applies: stopped, billable, off an internal project, and free of a
+     * live invoice. Nothing left to bill is a refusal of its own rather than an
+     * empty invoice.
+     *
+     * @return Collection<int, TimeEntry>
+     */
+    public function resolveEntries(int $companyId, BillingSelection $selection): Collection
+    {
+        return match ($selection->kind) {
+            BillingSelection::ENTRIES => $this->selectionFor($companyId, $selection->ids),
+            BillingSelection::TASKS => $this->unbilledSelection($companyId, $this->ownTaskIds($companyId, $selection->ids)),
+            BillingSelection::PROJECT => $this->unbilledSelection($companyId, $this->projectTaskIds($companyId, $selection->projectId())),
+            default => throw new InvalidArgumentException(
+                "Billing selection '{$selection->kind}' is not one of ".implode(', ', BillingSelection::KINDS).'.',
+            ),
+        };
+    }
+
+    /**
+     * Stamp entries with the invoice and line ids the host handed back.
+     *
+     * Re-running the same call is harmless: an entry already stamped with this
+     * invoice and this line is left alone, so the returned count is the number
+     * of entries this call actually wrote and a repeat returns zero. An entry
+     * belonging to another invoice, or to another company, is refused.
+     *
+     * @param  list<array{invoice_item_id: int, entry_ids: list<int>}>  $items
+     */
+    public function confirm(int $companyId, int $invoiceId, array $items): int
+    {
+        $wanted = [];
+        foreach ($items as $item) {
+            foreach ($item['entry_ids'] as $entryId) {
+                $wanted[(int) $entryId] = (int) $item['invoice_item_id'];
+            }
+        }
+
+        if ($wanted === []) {
+            return 0;
+        }
+
+        return DB::transaction(function () use ($companyId, $invoiceId, $wanted): int {
+            $entries = TimeEntry::query()
+                ->forCompany($companyId)
+                ->whereIn('id', array_keys($wanted))
+                ->get()
+                ->keyBy('id');
+
+            $missing = array_values(array_diff(array_keys($wanted), $entries->keys()->map(intval(...))->all()));
+            if ($missing !== []) {
+                throw UnknownTimeEntries::forIds($missing);
+            }
+
+            $now = Carbon::now();
+            $stamped = 0;
+
+            foreach ($wanted as $entryId => $invoiceItemId) {
+                /** @var TimeEntry $entry */
+                $entry = $entries->get($entryId);
+
+                if ($entry->invoice_id !== null && (int) $entry->invoice_id !== $invoiceId) {
+                    throw EntriesAlreadyInvoiced::forOtherInvoice((int) $entry->id, (int) $entry->invoice_id);
+                }
+
+                if ((int) $entry->invoice_id === $invoiceId && (int) $entry->invoice_item_id === $invoiceItemId) {
+                    continue;
+                }
+
+                $entry->invoice_id = $invoiceId;
+                $entry->invoice_item_id = $invoiceItemId;
+                $entry->invoiced_at ??= $now;
+                $entry->save();
+                $stamped++;
+            }
+
+            return $stamped;
+        });
+    }
+
+    /** @return Collection<int, TimeEntry> */
+    private function unbilledEntries(int $companyId, int $customerId, ?string $from, ?string $to): Collection
+    {
+        $taskIds = Task::query()
+            ->forCompany($companyId)
+            ->where('customer_id', $customerId)
+            ->pluck('id')
+            ->all();
+
+        return $this->unbilledEntriesForTasks($companyId, array_map(intval(...), $taskIds), $from, $to);
+    }
+
+    /**
+     * The billable, stopped, not-yet-invoiced time logged against these tasks.
+     *
+     * One customer's list and the whole company's list differ only in which
+     * tasks go in, so both ask this: the internal-project exclusion, the date
+     * range and the vanished-invoice rule are written once.
+     *
+     * @param  list<int>  $taskIds
+     * @return Collection<int, TimeEntry>
+     */
+    private function unbilledEntriesForTasks(int $companyId, array $taskIds, ?string $from, ?string $to): Collection
+    {
+        if ($taskIds === []) {
+            /** @var Collection<int, TimeEntry> $none */
+            $none = new Collection;
+
+            return $none;
+        }
+
+        $internalProjectIds = Project::query()
+            ->forCompany($companyId)
+            ->whereNull('customer_id')
+            ->pluck('id')
+            ->all();
+
+        $query = TimeEntry::query()
+            ->forCompany($companyId)
+            ->where('billable', true)
+            ->whereNull('running_user_id')
+            ->whereIn('task_id', $taskIds);
+
+        if ($internalProjectIds !== []) {
+            $query->where(static function (Builder $inner) use ($internalProjectIds): void {
+                $inner->whereNull('project_id')->orWhereNotIn('project_id', $internalProjectIds);
+            });
+        }
+
+        if ($from !== null) {
+            $query->where('started_at', '>=', Carbon::parse($from)->startOfDay());
+        }
+
+        if ($to !== null) {
+            $query->where('started_at', '<=', Carbon::parse($to)->endOfDay());
+        }
+
+        $entries = $query->orderBy('started_at')->orderBy('id')->get();
+        $live = $this->liveInvoiceIds($companyId, $entries);
+
+        return $entries
+            ->reject(static fn (TimeEntry $entry): bool => $entry->invoice_id !== null && in_array((int) $entry->invoice_id, $live, true))
+            ->values();
+    }
+
+    /**
+     * The subset of the invoices these entries point at that still exists.
+     *
+     * The module has no delete hook, so a stamped entry whose invoice was
+     * removed in the host counts as unbilled again rather than as money that
+     * quietly vanished.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @return list<int>
+     */
+    private function liveInvoiceIds(int $companyId, Collection $entries): array
+    {
+        $stamped = $entries
+            ->pluck('invoice_id')
+            ->filter(static fn (?int $id): bool => $id !== null)
+            ->map(intval(...))
+            ->unique()
+            ->values()
+            ->all();
+
+        if ($stamped === []) {
+            return [];
+        }
+
+        return array_values(array_map(intval(...), $this->companyData->existingInvoiceIds($companyId, $stamped)));
+    }
+
+    /**
+     * Load and validate an explicit selection: every id has to exist in the
+     * company, be billable, be stopped and be free of a live invoice.
+     *
+     * @param  list<int>  $entryIds
+     * @return Collection<int, TimeEntry>
+     */
+    private function selectionFor(int $companyId, array $entryIds): Collection
+    {
+        $ids = array_values(array_unique(array_map(intval(...), $entryIds)));
+        sort($ids);
+
+        if ($ids === []) {
+            throw MixedBillingSelection::empty();
+        }
+
+        $entries = TimeEntry::query()
+            ->forCompany($companyId)
+            ->whereIn('id', $ids)
+            ->orderBy('started_at')
+            ->orderBy('id')
+            ->get();
+
+        $missing = array_values(array_diff($ids, $entries->map(static fn (TimeEntry $entry): int => (int) $entry->id)->all()));
+        if ($missing !== []) {
+            throw UnknownTimeEntries::forIds($missing);
+        }
+
+        $running = $entries->first(static fn (TimeEntry $entry): bool => $entry->running_user_id !== null);
+        if ($running !== null) {
+            throw NotBillable::running((int) $running->id);
+        }
+
+        $notBillable = $entries
+            ->reject(static fn (TimeEntry $entry): bool => (bool) $entry->billable)
+            ->map(static fn (TimeEntry $entry): int => (int) $entry->id)
+            ->values()
+            ->all();
+        if ($notBillable !== []) {
+            throw NotBillable::forEntries($notBillable);
+        }
+
+        $live = $this->liveInvoiceIds($companyId, $entries);
+        $invoiced = $entries
+            ->filter(static fn (TimeEntry $entry): bool => $entry->invoice_id !== null && in_array((int) $entry->invoice_id, $live, true))
+            ->map(static fn (TimeEntry $entry): int => (int) $entry->id)
+            ->values()
+            ->all();
+        if ($invoiced !== []) {
+            throw EntriesAlreadyInvoiced::forEntries($invoiced);
+        }
+
+        return $entries;
+    }
+
+    /**
+     * Everything still unbilled on these tasks, or a refusal if that is
+     * nothing.
+     *
+     * @param  list<int>  $taskIds
+     * @return Collection<int, TimeEntry>
+     */
+    private function unbilledSelection(int $companyId, array $taskIds): Collection
+    {
+        $entries = $this->unbilledEntriesForTasks($companyId, $taskIds, null, null);
+
+        if ($entries->isEmpty()) {
+            throw NothingToInvoice::forSelection();
+        }
+
+        return $entries;
+    }
+
+    /**
+     * The named tasks, refusing any the company does not own.
+     *
+     * A task id from another company is a 404 rather than a quietly shorter
+     * invoice, which is the same answer `tasks/{id}` gives.
+     *
+     * @param  list<int>  $taskIds
+     * @return list<int>
+     */
+    private function ownTaskIds(int $companyId, array $taskIds): array
+    {
+        $found = array_map(intval(...), Task::query()
+            ->forCompany($companyId)
+            ->whereIn('id', $taskIds)
+            ->pluck('id')
+            ->all());
+
+        $missing = array_values(array_diff($taskIds, $found));
+        if ($missing !== []) {
+            throw (new ModelNotFoundException)->setModel(Task::class, $missing);
+        }
+
+        return array_values($found);
+    }
+
+    /**
+     * Every task filed under one of the company's projects.
+     *
+     * @return list<int>
+     */
+    private function projectTaskIds(int $companyId, int $projectId): array
+    {
+        $project = Project::query()->forCompany($companyId)->find($projectId);
+
+        if ($project === null) {
+            throw (new ModelNotFoundException)->setModel(Project::class, [$projectId]);
+        }
+
+        return array_values(array_map(intval(...), Task::query()
+            ->forCompany($companyId)
+            ->where('project_id', $project->id)
+            ->pluck('id')
+            ->all()));
+    }
+
+    /**
+     * The tasks these entries were logged against, keyed by id.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @return Collection<int, Task>
+     */
+    private function tasksFor(int $companyId, Collection $entries): Collection
+    {
+        /** @var Collection<int, Task> $tasks */
+        $tasks = Task::query()
+            ->forCompany($companyId)
+            ->whereIn('id', $entries->pluck('task_id')->unique()->all())
+            ->get()
+            ->keyBy('id');
+
+        return $tasks;
+    }
+
+    /**
+     * The project a line's note may head itself with.
+     *
+     * A task line follows its own task, a project line is the project, and a
+     * line that collapses several projects only gets a heading when all of its
+     * work happens to sit in one of them.
+     *
+     * @param  array{key: int|null, label: string, currency_id: int|null, rate: int|null, entry_ids: list<int>, minutes: int, amount: int, description: string|null}  $row
+     * @param  list<TimeEntry>  $entries
+     * @param  array{task: array<int, string>, project: array<int, string>, member: array<int, string>}  $labels
+     */
+    private function projectNameFor(string $grouping, array $row, array $entries, ?Task $task, array $labels): ?string
+    {
+        $projectId = match ($grouping) {
+            'task' => $task?->project_id === null ? null : (int) $task->project_id,
+            'project' => $row['key'],
+            default => self::singleProjectId($entries),
+        };
+
+        return $projectId === null ? null : ($labels['project'][$projectId] ?? null);
+    }
+
+    /**
+     * The one project these entries share, or null when they span several.
+     *
+     * @param  list<TimeEntry>  $entries
+     */
+    private static function singleProjectId(array $entries): ?int
+    {
+        $projectIds = [];
+        foreach ($entries as $entry) {
+            if ($entry->project_id === null) {
+                return null;
+            }
+
+            $projectIds[(int) $entry->project_id] = true;
+        }
+
+        return count($projectIds) === 1 ? (int) array_key_first($projectIds) : null;
+    }
+
+    /**
+     * @param  Collection<int, Task>  $tasks  keyed by id
+     * @param  Collection<int, TimeEntry>  $entries
+     */
+    private function singleCustomerFor(Collection $tasks, Collection $entries): int
+    {
+        $customerIds = [];
+        foreach ($entries as $entry) {
+            $customerId = $tasks->get((int) $entry->task_id)?->customer_id;
+
+            if ($customerId === null) {
+                throw NotBillable::withoutCustomer((int) $entry->id);
+            }
+
+            $customerIds[(int) $customerId] = true;
+        }
+
+        if (count($customerIds) > 1) {
+            throw MixedBillingSelection::customers(array_keys($customerIds));
+        }
+
+        return (int) array_key_first($customerIds);
+    }
+
+    /** @param Collection<int, TimeEntry> $entries */
+    private function singleCurrencyFor(Collection $entries): ?int
+    {
+        $currencies = [];
+        foreach ($entries as $entry) {
+            $currencies[$entry->currency_id === null ? 'null' : (string) $entry->currency_id] = $entry->currency_id;
+        }
+
+        if (count($currencies) > 1) {
+            throw MixedBillingSelection::currencies(array_keys($currencies));
+        }
+
+        $currencyId = reset($currencies);
+
+        return $currencyId === null ? null : (int) $currencyId;
+    }
+
+    /**
+     * One row per entry, with the names the review step shows.
+     *
+     * The grouped views answer "how much"; this answers "which work", so the
+     * step that ticks entries off can render the task, the project, the member
+     * and the day without a second round trip per row.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @param  array{task: array<int, string>, project: array<int, string>, member: array<int, string>}  $labels
+     * @return list<array{id: int, task_id: int, task_name: string, project_id: int|null, project_name: string|null, user_id: int, user_name: string, date: string|null, minutes: int, amount: int, rate: int, currency_id: int|null, description: string|null}>
+     */
+    private function rows(Collection $entries, array $labels): array
+    {
+        return $entries->map(static fn (TimeEntry $entry): array => [
+            'id' => (int) $entry->id,
+            'task_id' => (int) $entry->task_id,
+            'task_name' => $labels['task'][(int) $entry->task_id] ?? "Task {$entry->task_id}",
+            'project_id' => $entry->project_id === null ? null : (int) $entry->project_id,
+            'project_name' => $entry->project_id === null
+                ? null
+                : ($labels['project'][(int) $entry->project_id] ?? "Project {$entry->project_id}"),
+            'user_id' => (int) $entry->user_id,
+            'user_name' => $labels['member'][(int) $entry->user_id] ?? 'Removed member',
+            'date' => $entry->started_at?->toDateString(),
+            'minutes' => (int) $entry->duration_minutes,
+            'amount' => (int) $entry->amount,
+            'rate' => (int) $entry->rate,
+            'currency_id' => $entry->currency_id === null ? null : (int) $entry->currency_id,
+            'description' => $entry->description,
+        ])->values()->all();
+    }
+
+    /**
+     * Human labels for every grouping key the entries touch.
+     *
+     * Member names come from the host reader, so a user who has left the
+     * company renders as a removed member rather than as a bare id.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @param  Collection<int, Task>|null  $tasks  already loaded and keyed by id, when the caller has them
+     * @return array{task: array<int, string>, project: array<int, string>, member: array<int, string>}
+     */
+    private function labelsFor(int $companyId, Collection $entries, ?Collection $tasks = null): array
+    {
+        $tasks ??= $this->tasksFor($companyId, $entries);
+
+        $projectIds = $entries
+            ->pluck('project_id')
+            ->merge($tasks->pluck('project_id'))
+            ->filter(static fn (?int $id): bool => $id !== null)
+            ->unique()
+            ->all();
+        /** @var Collection<int, Project> $projects */
+        $projects = $projectIds === []
+            ? new Collection
+            : Project::query()->forCompany($companyId)->whereIn('id', $projectIds)->get();
+
+        $members = [];
+        foreach ($this->companyData->companyMembers($companyId) as $member) {
+            $members[(int) $member['id']] = (string) $member['name'];
+        }
+
+        return [
+            'task' => $tasks->mapWithKeys(static fn (Task $task): array => [(int) $task->id => (string) $task->name])->all(),
+            'project' => $projects->mapWithKeys(static fn (Project $project): array => [(int) $project->id => (string) $project->name])->all(),
+            'member' => $members,
+        ];
+    }
+
+    /**
+     * Collapse entries into one row per grouping key, in the order the entries
+     * were read.
+     *
+     * `$splitByCurrency` keeps the browsing view honest about multi-currency
+     * work; `prepare()` has already refused a mixed selection, so it groups on
+     * the key alone.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @param  array{task: array<int, string>, project: array<int, string>, member: array<int, string>}  $labels
+     * @return list<array{key: int|null, label: string, currency_id: int|null, rate: int|null, entry_ids: list<int>, minutes: int, amount: int, description: string|null}>
+     */
+    private function group(Collection $entries, string $grouping, array $labels, bool $splitByCurrency): array
+    {
+        $rows = [];
+
+        foreach ($entries as $entry) {
+            [$key, $label] = $this->keyFor($entry, $grouping, $labels);
+            $bucket = ($key === null ? '~' : (string) $key).($splitByCurrency ? '|'.($entry->currency_id ?? 'null') : '');
+
+            $rows[$bucket] ??= [
+                'key' => $key,
+                'label' => $label,
+                'currency_id' => $entry->currency_id === null ? null : (int) $entry->currency_id,
+                'rate' => (int) $entry->rate,
+                'entry_ids' => [],
+                'minutes' => 0,
+                'amount' => 0,
+                'descriptions' => [],
+            ];
+
+            $rows[$bucket]['entry_ids'][] = (int) $entry->id;
+            $rows[$bucket]['minutes'] += (int) $entry->duration_minutes;
+            $rows[$bucket]['amount'] += (int) $entry->amount;
+
+            if ($rows[$bucket]['rate'] !== (int) $entry->rate) {
+                $rows[$bucket]['rate'] = null;
+            }
+
+            $description = trim((string) ($entry->description ?? ''));
+            if ($description !== '' && ! in_array($description, $rows[$bucket]['descriptions'], true)) {
+                $rows[$bucket]['descriptions'][] = $description;
+            }
+        }
+
+        return array_values(array_map(static function (array $row): array {
+            $descriptions = $row['descriptions'];
+            unset($row['descriptions']);
+            $row['description'] = $descriptions === [] ? null : implode("\n", $descriptions);
+
+            return $row;
+        }, $rows));
+    }
+
+    /**
+     * @param  array{task: array<int, string>, project: array<int, string>, member: array<int, string>}  $labels
+     * @return array{0: int|null, 1: string}
+     */
+    private function keyFor(TimeEntry $entry, string $grouping, array $labels): array
+    {
+        return match ($grouping) {
+            'task' => [(int) $entry->task_id, $labels['task'][(int) $entry->task_id] ?? "Task {$entry->task_id}"],
+            'project' => $entry->project_id === null
+                ? [null, 'No project']
+                : [(int) $entry->project_id, $labels['project'][(int) $entry->project_id] ?? "Project {$entry->project_id}"],
+            'member' => [(int) $entry->user_id, $labels['member'][(int) $entry->user_id] ?? 'Removed member'],
+            default => [null, self::SUMMARY_LABEL],
+        };
+    }
+}
diff --git a/app/Application/BoardOrderingService.php b/app/Application/BoardOrderingService.php
new file mode 100644
index 0000000..423fe1c
--- /dev/null
+++ b/app/Application/BoardOrderingService.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Support\Facades\DB;
+use InvalidArgumentException;
+use Modules\TasksProjects\Models\Task;
+
+/**
+ * Fractional ordering for the board, so a drag rewrites a single row.
+ *
+ * A task dropped between two neighbours takes the midpoint of their positions.
+ * Halving a gap forever would eventually exhaust `decimal(20,10)`, so when the
+ * gap falls below MIN_GAP the column is renormalised to whole steps first.
+ */
+final class BoardOrderingService
+{
+    /** Distance between two freshly numbered neighbours. */
+    public const STEP = 1024.0;
+
+    /** Below this the midpoint stops being representable, so the column is rewritten. */
+    public const MIN_GAP = 0.000001;
+
+    /**
+     * The position a task should take between two neighbours of the same column.
+     *
+     * Both neighbours null appends: 1024 in an empty column, last + 1024
+     * otherwise. Only `$afterTaskId` prepends to half of that task's position.
+     * Only `$beforeTaskId` appends a step past it.
+     */
+    public function positionFor(int $companyId, int $statusId, ?int $beforeTaskId = null, ?int $afterTaskId = null): string
+    {
+        $before = $this->neighbourPosition($companyId, $statusId, $beforeTaskId);
+        $after = $this->neighbourPosition($companyId, $statusId, $afterTaskId);
+
+        if ($after !== null && ($after - ($before ?? 0.0)) < self::MIN_GAP) {
+            $this->renormalise($companyId, $statusId);
+
+            $before = $this->neighbourPosition($companyId, $statusId, $beforeTaskId);
+            $after = $this->neighbourPosition($companyId, $statusId, $afterTaskId);
+        }
+
+        return match (true) {
+            $before !== null && $after !== null => self::format(($before + $after) / 2),
+            $before !== null => self::format($before + self::STEP),
+            $after !== null => self::format($after / 2),
+            default => self::format($this->lastPosition($companyId, $statusId) + self::STEP),
+        };
+    }
+
+    /**
+     * Rewrite a column to whole steps (1024, 2048, ...), keeping the current order.
+     *
+     * @return int the number of tasks renumbered
+     */
+    public function renormalise(int $companyId, int $statusId): int
+    {
+        return DB::transaction(static function () use ($companyId, $statusId): int {
+            $tasks = Task::query()
+                ->forCompany($companyId)
+                ->where('task_status_id', $statusId)
+                ->orderBy('board_position')
+                ->orderBy('id')
+                ->get();
+
+            foreach ($tasks as $index => $task) {
+                $task->board_position = self::format(($index + 1) * self::STEP);
+                $task->save();
+            }
+
+            return $tasks->count();
+        });
+    }
+
+    /** @throws InvalidArgumentException when the neighbour is outside the company or the column */
+    private function neighbourPosition(int $companyId, int $statusId, ?int $taskId): ?float
+    {
+        if ($taskId === null) {
+            return null;
+        }
+
+        $task = Task::query()->forCompany($companyId)->find($taskId);
+
+        if ($task === null) {
+            throw new InvalidArgumentException("Task {$taskId} does not belong to company {$companyId}.");
+        }
+
+        if ((int) $task->task_status_id !== $statusId) {
+            throw new InvalidArgumentException("Task {$taskId} is not in task status {$statusId}.");
+        }
+
+        return (float) $task->board_position;
+    }
+
+    private function lastPosition(int $companyId, int $statusId): float
+    {
+        return (float) Task::query()
+            ->forCompany($companyId)
+            ->where('task_status_id', $statusId)
+            ->max('board_position');
+    }
+
+    private static function format(float $position): string
+    {
+        return sprintf('%.10F', $position);
+    }
+}
diff --git a/app/Application/BoardQuery.php b/app/Application/BoardQuery.php
new file mode 100644
index 0000000..ed454ab
--- /dev/null
+++ b/app/Application/BoardQuery.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+
+/**
+ * The board: every status of the company in column order, each with its tasks
+ * in board order.
+ *
+ * This is the widest read in the module, so both queries filter on company_id
+ * first and the grouping happens in PHP rather than through a window function
+ * that MySQL, PostgreSQL and SQLite would each spell differently.
+ */
+final class BoardQuery
+{
+    /** @return list<array{status: TaskStatus, tasks: list<Task>}> */
+    public function columns(int $companyId, ?int $projectId = null, ?int $assigneeId = null): array
+    {
+        $statuses = TaskStatus::query()
+            ->forCompany($companyId)
+            ->orderBy('position')
+            ->orderBy('id')
+            ->get();
+
+        $query = Task::query()
+            ->forCompany($companyId)
+            ->orderBy('task_status_id')
+            ->orderBy('board_position')
+            ->orderBy('id');
+
+        if ($projectId !== null) {
+            $query->where('project_id', $projectId);
+        }
+
+        if ($assigneeId !== null) {
+            $query->where('assignee_id', $assigneeId);
+        }
+
+        $tasks = $query->get()->groupBy('task_status_id');
+
+        $columns = [];
+        foreach ($statuses as $status) {
+            $columns[] = [
+                'status' => $status,
+                'tasks' => array_values($tasks->get($status->id, collect())->all()),
+            ];
+        }
+
+        return $columns;
+    }
+}
diff --git a/app/Application/Concerns/DetectsUniqueViolations.php b/app/Application/Concerns/DetectsUniqueViolations.php
new file mode 100644
index 0000000..c0e61de
--- /dev/null
+++ b/app/Application/Concerns/DetectsUniqueViolations.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Concerns;
+
+use Illuminate\Database\QueryException;
+
+/**
+ * Recognise a unique index violation across MySQL, PostgreSQL and SQLite.
+ *
+ * The module leans on unique indexes for two invariants that a portable query
+ * cannot express: the per-company task number and the single running timer.
+ * Both need to tell a collision apart from any other write failure.
+ */
+trait DetectsUniqueViolations
+{
+    private function isUniqueViolation(QueryException $exception): bool
+    {
+        if (! in_array((string) $exception->getCode(), ['23000', '23505'], true)) {
+            return false;
+        }
+
+        $message = strtolower($exception->getMessage());
+
+        return str_contains($message, 'unique') || str_contains($message, 'duplicate entry');
+    }
+}
diff --git a/app/Application/Concerns/SortsLists.php b/app/Application/Concerns/SortsLists.php
new file mode 100644
index 0000000..fe30dfb
--- /dev/null
+++ b/app/Application/Concerns/SortsLists.php
@@ -0,0 +1,108 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Concerns;
+
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\Model;
+
+/**
+ * Ordering a list the services already hold in memory.
+ *
+ * The sort happens in PHP rather than in the query on purpose. A task's
+ * priority ranks LOW, NORMAL, HIGH, URGENT, which is not its alphabetical
+ * order, and the three supported databases disagree about where a NULL lands:
+ * MySQL and SQLite put it first on an ascending sort, PostgreSQL puts it last.
+ * Sorting here gives one answer everywhere without a CASE expression or a
+ * `NULLS LAST` clause that SQLite would refuse. It costs nothing extra,
+ * because every list endpoint already loads the whole collection and cuts the
+ * page from it in `Controller::paginate`.
+ *
+ * Two rules hold whatever the caller asked for: a row with no value sorts last
+ * in both directions, so an undated task never leads the page, and ties break
+ * on the id in the direction of the sort, so the order is total and a page
+ * boundary never drops or repeats a row.
+ */
+trait SortsLists
+{
+    /**
+     * @template TModel of Model
+     *
+     * @param  Collection<int, TModel>  $items
+     * @param  callable(TModel): (int|string|null)  $value  the comparable value of one row
+     * @param  string  $order  `asc` or `desc`; anything else reads as `asc`
+     * @return Collection<int, TModel>
+     */
+    protected function sortList(Collection $items, callable $value, string $order): Collection
+    {
+        $descending = $order === 'desc';
+
+        return $items
+            ->sort(function (Model $left, Model $right) use ($value, $descending): int {
+                /** @var callable(Model): (int|string|null) $value */
+                $first = $value($left);
+                $second = $value($right);
+
+                if ($first === null || $second === null) {
+                    return $first === $second
+                        ? $this->compareIds($left, $right, $descending)
+                        : ($first === null ? 1 : -1);
+                }
+
+                $comparison = is_int($first) && is_int($second)
+                    ? $first <=> $second
+                    : $this->compareText((string) $first, (string) $second);
+
+                if ($comparison === 0) {
+                    return $this->compareIds($left, $right, $descending);
+                }
+
+                return $descending ? -$comparison : $comparison;
+            })
+            ->values();
+    }
+
+    /**
+     * The key and the direction to sort by, given what the caller asked for.
+     *
+     * A caller who names no column gets the list's own opening order, which is
+     * newest first for projects and by number for tasks. A caller who does
+     * name one gets it ascending unless they say otherwise, because that is
+     * the direction "sort by name" means to the person asking. The form
+     * request has already rejected an unknown key, so the fallback here is
+     * only ever reached by an internal caller.
+     *
+     * @param  array<string, mixed>  $filters
+     * @param  array<string, callable>  $supported  sort key => value reader
+     * @return array{0: string, 1: string}
+     */
+    protected function sortFor(array $filters, array $supported, string $defaultKey, string $defaultOrder): array
+    {
+        $key = $filters['sort_by'] ?? null;
+        $order = $filters['sort_order'] ?? null;
+
+        if (! is_string($key) || ! isset($supported[$key])) {
+            return [$defaultKey, $order === 'asc' || $order === 'desc' ? $order : $defaultOrder];
+        }
+
+        return [$key, $order === 'desc' ? 'desc' : 'asc'];
+    }
+
+    /**
+     * Names read the way a person reads them, so "apple" sits beside "Apple"
+     * rather than in a separate uppercase block the way a byte comparison
+     * would put it. Equal-but-for-case values fall through to the id.
+     */
+    private function compareText(string $first, string $second): int
+    {
+        return strcasecmp($first, $second) <=> 0;
+    }
+
+    private function compareIds(Model $left, Model $right, bool $descending): int
+    {
+        $comparison = (int) $left->getKey() <=> (int) $right->getKey();
+
+        return $descending ? -$comparison : $comparison;
+    }
+}
diff --git a/app/Application/Exceptions/EntriesAlreadyInvoiced.php b/app/Application/Exceptions/EntriesAlreadyInvoiced.php
new file mode 100644
index 0000000..c4308f2
--- /dev/null
+++ b/app/Application/Exceptions/EntriesAlreadyInvoiced.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** Time entries that already carry an invoice can never be re-billed or deleted. */
+final class EntriesAlreadyInvoiced extends TasksProjectsException
+{
+    /** @param list<int> $entryIds */
+    public static function forEntries(array $entryIds): self
+    {
+        return new self('Time entries '.implode(', ', $entryIds).' are already on an invoice.');
+    }
+
+    public static function forEntry(int $entryId): self
+    {
+        return self::forEntries([$entryId]);
+    }
+
+    /**
+     * An edit that would move time an invoice was already raised for.
+     *
+     * @param  list<string>  $fields
+     */
+    public static function forLockedFields(int $entryId, array $fields): self
+    {
+        return new self(
+            "Time entry {$entryId} is already on an invoice: ".implode(', ', $fields).' cannot be changed.',
+        );
+    }
+
+    public static function forOtherInvoice(int $entryId, int $invoiceId): self
+    {
+        return new self("Time entry {$entryId} is already stamped with invoice {$invoiceId}.");
+    }
+}
diff --git a/app/Application/Exceptions/MixedBillingSelection.php b/app/Application/Exceptions/MixedBillingSelection.php
new file mode 100644
index 0000000..17ee713
--- /dev/null
+++ b/app/Application/Exceptions/MixedBillingSelection.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** One invoice covers one customer in one currency. */
+final class MixedBillingSelection extends TasksProjectsException
+{
+    /**
+     * The customers the selection spans, named in the body as well as in the
+     * message, so the screen that offered the selection can say which two
+     * clients it just mixed.
+     *
+     * @param  list<int|string>  $customerIds
+     */
+    public static function customers(array $customerIds): self
+    {
+        return (new self('The selected time entries belong to more than one customer: '.implode(', ', $customerIds).'.'))
+            ->withContext(['customer_ids' => array_values(array_map(intval(...), $customerIds))]);
+    }
+
+    /** @param list<int|string> $currencyIds */
+    public static function currencies(array $currencyIds): self
+    {
+        return new self('The selected time entries use more than one currency: '.implode(', ', $currencyIds).'.');
+    }
+
+    public static function empty(): self
+    {
+        return new self('No time entries were selected.');
+    }
+}
diff --git a/app/Application/Exceptions/NotBillable.php b/app/Application/Exceptions/NotBillable.php
new file mode 100644
index 0000000..18ac3ad
--- /dev/null
+++ b/app/Application/Exceptions/NotBillable.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** Non-billable time, and time on an internal project, never reaches an invoice. */
+final class NotBillable extends TasksProjectsException
+{
+    /** @param list<int> $entryIds */
+    public static function forEntries(array $entryIds): self
+    {
+        return new self('Time entries '.implode(', ', $entryIds).' are not billable.');
+    }
+
+    public static function withoutCustomer(int $entryId): self
+    {
+        return new self("Time entry {$entryId} is on an internal project and has no customer to bill.");
+    }
+
+    public static function running(int $entryId): self
+    {
+        return new self("Time entry {$entryId} is still running and cannot be invoiced until the timer stops.");
+    }
+}
diff --git a/app/Application/Exceptions/NothingToInvoice.php b/app/Application/Exceptions/NothingToInvoice.php
new file mode 100644
index 0000000..3c0a247
--- /dev/null
+++ b/app/Application/Exceptions/NothingToInvoice.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/**
+ * The selection was understood, and it holds no money.
+ *
+ * Invoicing a task or a project asks for "whatever is unbilled here", so an
+ * empty answer is not a broken request: the work is already invoiced, not
+ * billable, or still running. The caller gets a plain message rather than a
+ * validation error against a field it filled in correctly.
+ */
+final class NothingToInvoice extends TasksProjectsException
+{
+    public static function forSelection(): self
+    {
+        return new self('No unbilled billable time on the selected tasks.');
+    }
+}
diff --git a/app/Application/Exceptions/ProjectInUse.php b/app/Application/Exceptions/ProjectInUse.php
new file mode 100644
index 0000000..4676b34
--- /dev/null
+++ b/app/Application/Exceptions/ProjectInUse.php
@@ -0,0 +1,14 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** A project with invoiced time cannot be deleted: the history has to stay. */
+final class ProjectInUse extends TasksProjectsException
+{
+    public static function hasInvoicedTime(int $projectId): self
+    {
+        return new self("Project {$projectId} has invoiced time entries and cannot be deleted.");
+    }
+}
diff --git a/app/Application/Exceptions/StatusInUse.php b/app/Application/Exceptions/StatusInUse.php
new file mode 100644
index 0000000..97e92e6
--- /dev/null
+++ b/app/Application/Exceptions/StatusInUse.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** A board column can only disappear when nothing depends on it. */
+final class StatusInUse extends TasksProjectsException
+{
+    public static function hasTasks(int $statusId, int $taskCount): self
+    {
+        return new self("Task status {$statusId} still holds {$taskCount} task(s). Move them to another status first.");
+    }
+
+    public static function isLast(int $statusId): self
+    {
+        return new self("Task status {$statusId} is the last status of the company and cannot be deleted.");
+    }
+
+    public static function isDefault(int $statusId): self
+    {
+        return new self("Task status {$statusId} is the default status. Mark another status as the default first.");
+    }
+}
diff --git a/app/Application/Exceptions/TaskLocked.php b/app/Application/Exceptions/TaskLocked.php
new file mode 100644
index 0000000..ae649dd
--- /dev/null
+++ b/app/Application/Exceptions/TaskLocked.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/**
+ * A fully invoiced task, while the company locks invoiced tasks.
+ *
+ * The lock is a company setting rather than a rule of the data model: the time
+ * on the task is already history either way, and what the setting protects is
+ * the description and the status the invoice was raised against.
+ */
+final class TaskLocked extends TasksProjectsException
+{
+    public static function forTask(int $taskId): self
+    {
+        return new self("Task {$taskId} is invoiced and this company locks invoiced tasks.");
+    }
+}
diff --git a/app/Application/Exceptions/TasksProjectsException.php b/app/Application/Exceptions/TasksProjectsException.php
new file mode 100644
index 0000000..bf01bd7
--- /dev/null
+++ b/app/Application/Exceptions/TasksProjectsException.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+use RuntimeException;
+
+/**
+ * Base class for every domain rule the module refuses to break.
+ *
+ * Besides the message, a refusal may carry a little structured context: the
+ * ids that made the request impossible, for instance, so the UI can name them
+ * instead of asking the reader to parse the sentence. DomainExceptionRenderer
+ * merges that context into the JSON body next to `message` and `error`.
+ */
+abstract class TasksProjectsException extends RuntimeException
+{
+    /** @var array<string, mixed> */
+    private array $context = [];
+
+    /**
+     * @param  array<string, mixed>  $context
+     * @return $this
+     */
+    public function withContext(array $context): static
+    {
+        $this->context = $context;
+
+        return $this;
+    }
+
+    /** @return array<string, mixed> */
+    public function context(): array
+    {
+        return $this->context;
+    }
+}
diff --git a/app/Application/Exceptions/TimerAlreadyRunning.php b/app/Application/Exceptions/TimerAlreadyRunning.php
new file mode 100644
index 0000000..5a5afa0
--- /dev/null
+++ b/app/Application/Exceptions/TimerAlreadyRunning.php
@@ -0,0 +1,14 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** A user may only have one running timer per company. */
+final class TimerAlreadyRunning extends TasksProjectsException
+{
+    public static function forUser(int $userId, int $companyId): self
+    {
+        return new self("User {$userId} already has a running timer in company {$companyId}.");
+    }
+}
diff --git a/app/Application/Exceptions/TimerMismatch.php b/app/Application/Exceptions/TimerMismatch.php
new file mode 100644
index 0000000..8c57432
--- /dev/null
+++ b/app/Application/Exceptions/TimerMismatch.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/**
+ * The timer the caller asked to stop is not the timer that is running.
+ *
+ * Stopping is addressed to a task, so a stale tab that still shows yesterday's
+ * play button would otherwise stop whatever happens to be running now. Either
+ * nothing runs or it runs somewhere else; both are the same mistake to the UI,
+ * which reloads the running timer and shows it where it really is.
+ */
+final class TimerMismatch extends TasksProjectsException
+{
+    public static function forTask(int $taskId, ?int $runningTaskId): self
+    {
+        if ($runningTaskId === null) {
+            return new self("No timer is running, so task {$taskId} cannot be stopped.");
+        }
+
+        return new self("The running timer is on task {$runningTaskId}, not on task {$taskId}.");
+    }
+}
diff --git a/app/Application/Exceptions/UnknownTimeEntries.php b/app/Application/Exceptions/UnknownTimeEntries.php
new file mode 100644
index 0000000..3a50f81
--- /dev/null
+++ b/app/Application/Exceptions/UnknownTimeEntries.php
@@ -0,0 +1,15 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application\Exceptions;
+
+/** Time entry ids that do not exist in the company the request is scoped to. */
+final class UnknownTimeEntries extends TasksProjectsException
+{
+    /** @param list<int> $entryIds */
+    public static function forIds(array $entryIds): self
+    {
+        return new self('Time entries '.implode(', ', $entryIds).' do not belong to this company.');
+    }
+}
diff --git a/app/Application/InvoiceLineComposer.php b/app/Application/InvoiceLineComposer.php
new file mode 100644
index 0000000..d6734c4
--- /dev/null
+++ b/app/Application/InvoiceLineComposer.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/**
+ * What one invoice line says about the work behind it.
+ *
+ * The host renders `invoice_items.description` with `nl2br`, so the note is
+ * plain text with newlines: an optional project heading, the task's own
+ * description, then one line per time entry. Which of the four parts of an
+ * entry line appear is a company setting, because the same module serves an
+ * agency that bills "2026-09-01  1.50 h  Hero section" and a studio that bills
+ * a bare list of dates.
+ *
+ * Nothing here reads the settings or the database: the service hands over the
+ * entries, the labels and the resolved toggles, which keeps the composition
+ * rules testable on their own and keeps a line's note free of a second query.
+ */
+final class InvoiceLineComposer
+{
+    /** How long a note may get before it is summarised instead. */
+    public const MAX_LENGTH = 2000;
+
+    /** How the parts of one entry line are separated. */
+    public const PART_SEPARATOR = '  ';
+
+    /** The prefix that turns the project name into a heading. */
+    public const HEADING_PREFIX = '## ';
+
+    /**
+     * The line's name: the task's own number and name where the grouping is by
+     * task, and the label the grouping already produced everywhere else.
+     */
+    public function name(string $label, ?Task $task = null): string
+    {
+        if ($task === null) {
+            return $label;
+        }
+
+        return '#'.(int) $task->number.' '.(string) $task->name;
+    }
+
+    /**
+     * The line's note, or null when every part is switched off.
+     *
+     * Entries are read in the order they started. An entry that would render
+     * as an empty line, because the only parts switched on are ones it does
+     * not have, is left out rather than printed as a blank row.
+     *
+     * @param  list<TimeEntry>  $entries
+     * @param  array{project_heading: bool, task_description: bool, entry_dates: bool, entry_times: bool, entry_hours: bool, entry_descriptions: bool}  $options
+     */
+    public function description(
+        array $entries,
+        array $options,
+        ?string $projectName = null,
+        ?string $taskDescription = null,
+    ): ?string {
+        $heading = [];
+
+        if ($options['project_heading'] && trim((string) $projectName) !== '') {
+            $heading[] = self::HEADING_PREFIX.trim((string) $projectName);
+        }
+
+        if ($options['task_description'] && trim((string) $taskDescription) !== '') {
+            $heading[] = trim((string) $taskDescription);
+        }
+
+        $lines = [];
+        foreach ($this->inStartOrder($entries) as $entry) {
+            $line = $this->entryLine($entry, $options);
+
+            if ($line !== null) {
+                $lines[] = $line;
+            }
+        }
+
+        $note = $this->capped($heading, $lines);
+
+        return $note === '' ? null : $note;
+    }
+
+    /**
+     * One entry, as the parts the company asked for.
+     *
+     * @param  array{project_heading: bool, task_description: bool, entry_dates: bool, entry_times: bool, entry_hours: bool, entry_descriptions: bool}  $options
+     */
+    private function entryLine(TimeEntry $entry, array $options): ?string
+    {
+        $parts = [];
+
+        // The company's own date format lives in the host and is not reachable
+        // from a module, so the note states the ISO date, which reads the same
+        // in every locale.
+        if ($options['entry_dates'] && $entry->started_at !== null) {
+            $parts[] = $entry->started_at->format('Y-m-d');
+        }
+
+        if ($options['entry_times'] && $entry->started_at !== null && $entry->ended_at !== null) {
+            $parts[] = $entry->started_at->format('H:i').'-'.$entry->ended_at->format('H:i');
+        }
+
+        if ($options['entry_hours']) {
+            $parts[] = number_format((int) $entry->duration_minutes / 60, 2, '.', '').' h';
+        }
+
+        if ($options['entry_descriptions'] && trim((string) $entry->description) !== '') {
+            $parts[] = trim((string) $entry->description);
+        }
+
+        return $parts === [] ? null : implode(self::PART_SEPARATOR, $parts);
+    }
+
+    /**
+     * Keep the note inside the cap, dropping whole entry lines from the end.
+     *
+     * A truncated note says how many entries it stopped listing, so a client
+     * reading a month of ten-minute entries sees a readable summary instead of
+     * a wall of text cut mid-sentence. The heading lines are never counted as
+     * entries, and the summary line itself has to fit inside the cap too.
+     *
+     * @param  list<string>  $heading
+     * @param  list<string>  $lines
+     */
+    private function capped(array $heading, array $lines): string
+    {
+        $whole = implode("\n", [...$heading, ...$lines]);
+
+        if (mb_strlen($whole) <= self::MAX_LENGTH) {
+            return $whole;
+        }
+
+        $kept = $lines;
+
+        while ($kept !== []) {
+            array_pop($kept);
+            $dropped = count($lines) - count($kept);
+            $summary = 'and '.$dropped.' more '.($dropped === 1 ? 'entry' : 'entries');
+            $note = implode("\n", [...$heading, ...$kept, $summary]);
+
+            if (mb_strlen($note) <= self::MAX_LENGTH) {
+                return $note;
+            }
+        }
+
+        return mb_substr(implode("\n", $heading), 0, self::MAX_LENGTH);
+    }
+
+    /**
+     * @param  list<TimeEntry>  $entries
+     * @return list<TimeEntry>
+     */
+    private function inStartOrder(array $entries): array
+    {
+        usort($entries, static fn (TimeEntry $left, TimeEntry $right): int => [
+            $left->started_at?->getTimestamp() ?? 0, (int) $left->id,
+        ] <=> [
+            $right->started_at?->getTimestamp() ?? 0, (int) $right->id,
+        ]);
+
+        return $entries;
+    }
+}
diff --git a/app/Application/ProjectMemberService.php b/app/Application/ProjectMemberService.php
new file mode 100644
index 0000000..fc47e33
--- /dev/null
+++ b/app/Application/ProjectMemberService.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Modules\TasksProjects\Models\ProjectMember;
+
+/**
+ * Project membership.
+ *
+ * Detaching a member leaves their time entries alone: entries keep `user_id`
+ * and the UI renders a removed member, so history survives a leaver.
+ */
+final class ProjectMemberService
+{
+    public function __construct(private readonly ProjectService $projects) {}
+
+    /** @return Collection<int, ProjectMember> */
+    public function listFor(int $companyId, int $projectId): Collection
+    {
+        $this->projects->findForCompany($companyId, $projectId);
+
+        return ProjectMember::query()
+            ->forCompany($companyId)
+            ->where('project_id', $projectId)
+            ->orderBy('user_id')
+            ->get();
+    }
+
+    /** Attach a member, or update the rate of one already attached. */
+    public function attach(int $companyId, int $projectId, int $userId, ?int $rate = null): ProjectMember
+    {
+        $this->projects->findForCompany($companyId, $projectId);
+
+        $member = ProjectMember::query()
+            ->forCompany($companyId)
+            ->where('project_id', $projectId)
+            ->where('user_id', $userId)
+            ->first();
+
+        if ($member === null) {
+            return ProjectMember::query()->create([
+                'company_id' => $companyId,
+                'project_id' => $projectId,
+                'user_id' => $userId,
+                'rate' => $rate,
+            ]);
+        }
+
+        $member->rate = $rate;
+        $member->save();
+
+        return $member;
+    }
+
+    public function detach(int $companyId, int $projectId, int $userId): void
+    {
+        $member = ProjectMember::query()
+            ->forCompany($companyId)
+            ->where('project_id', $projectId)
+            ->where('user_id', $userId)
+            ->first();
+
+        if ($member === null) {
+            throw (new ModelNotFoundException)->setModel(ProjectMember::class, [$userId]);
+        }
+
+        $member->delete();
+    }
+}
diff --git a/app/Application/ProjectService.php b/app/Application/ProjectService.php
new file mode 100644
index 0000000..61f0418
--- /dev/null
+++ b/app/Application/ProjectService.php
@@ -0,0 +1,299 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Facades\DB;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use Modules\TasksProjects\Application\Concerns\SortsLists;
+use Modules\TasksProjects\Application\Exceptions\ProjectInUse;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\ProjectMember;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/** Project CRUD, archiving and the totals the project detail screen shows. */
+final class ProjectService
+{
+    use SortsLists;
+
+    /**
+     * The columns the list may be ordered by. The request rule reads this, so
+     * a new key is added here and nowhere else.
+     *
+     * @var list<string>
+     */
+    public const SORT_KEYS = ['name', 'status', 'due_date', 'created_at', 'default_rate'];
+
+    /** Newest first, the way the host's own lists open. */
+    public const DEFAULT_SORT_KEY = 'created_at';
+
+    public const DEFAULT_SORT_ORDER = 'desc';
+
+    /** @var list<string> */
+    private const FIELDS = [
+        'customer_id', 'name', 'identifier', 'description', 'colour', 'status',
+        'currency_id', 'default_rate', 'budget_minutes', 'due_date', 'creator_id',
+    ];
+
+    public function __construct(private readonly CompanyDataReader $companyData) {}
+
+    /**
+     * @param  array{status?: string, customer_id?: int, user_id?: int, search?: string, sort_by?: string, sort_order?: string}  $filters
+     * @return Collection<int, Project>
+     */
+    public function listFor(int $companyId, array $filters = []): Collection
+    {
+        $query = Project::query()->forCompany($companyId);
+
+        if (isset($filters['status'])) {
+            $query->where('status', $filters['status']);
+        }
+
+        if (array_key_exists('customer_id', $filters)) {
+            $query->where('customer_id', $filters['customer_id']);
+        }
+
+        if (isset($filters['user_id'])) {
+            $query->whereIn('id', ProjectMember::query()
+                ->forCompany($companyId)
+                ->where('user_id', $filters['user_id'])
+                ->select('project_id'));
+        }
+
+        if (isset($filters['search']) && $filters['search'] !== '') {
+            $search = '%'.$filters['search'].'%';
+
+            $query->where(static function (Builder $inner) use ($search): void {
+                $inner->where('name', 'like', $search)->orWhere('identifier', 'like', $search);
+            });
+        }
+
+        $sorts = $this->sorts();
+        [$key, $order] = $this->sortFor($filters, $sorts, self::DEFAULT_SORT_KEY, self::DEFAULT_SORT_ORDER);
+
+        return $this->sortList($query->get(), $sorts[$key], $order);
+    }
+
+    /**
+     * How each sortable column compares, as a value the sorter can order.
+     *
+     * Dates become timestamps rather than Carbon instances so the comparison
+     * is a plain integer one, and a missing date or rate answers null, which
+     * the sorter always puts last.
+     *
+     * @return array<string, callable(Project): (int|string|null)>
+     */
+    private function sorts(): array
+    {
+        return [
+            'name' => static fn (Project $project): string => (string) $project->name,
+            'status' => static fn (Project $project): string => (string) $project->status,
+            'due_date' => static fn (Project $project): ?int => $project->due_date?->getTimestamp(),
+            'created_at' => static fn (Project $project): ?int => $project->created_at?->getTimestamp(),
+            'default_rate' => static fn (Project $project): ?int => $project->default_rate,
+        ];
+    }
+
+    public function findForCompany(int $companyId, int $id): Project
+    {
+        $project = Project::query()->forCompany($companyId)->find($id);
+
+        if ($project === null) {
+            throw (new ModelNotFoundException)->setModel(Project::class, [$id]);
+        }
+
+        return $project;
+    }
+
+    /**
+     * A project's currency follows the customer it was filed under, unless the
+     * caller named one itself.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    public function create(int $companyId, array $attributes): Project
+    {
+        $values = ['company_id' => $companyId, 'status' => Project::STATUS_ACTIVE];
+
+        foreach (self::FIELDS as $field) {
+            if (array_key_exists($field, $attributes)) {
+                $values[$field] = $attributes[$field];
+            }
+        }
+
+        if (! array_key_exists('currency_id', $attributes)) {
+            $currencyId = $this->customerCurrency($companyId, $values['customer_id'] ?? null);
+
+            if ($currencyId !== null) {
+                $values['currency_id'] = $currencyId;
+            }
+        }
+
+        return Project::query()->create($values);
+    }
+
+    /**
+     * A project's customer is denormalised onto its tasks, so changing it
+     * rewrites the tasks that follow the project, and moves the project to
+     * that customer's currency unless the caller named one itself.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    public function update(int $companyId, int $id, array $attributes): Project
+    {
+        return DB::transaction(function () use ($companyId, $id, $attributes): Project {
+            $project = $this->findForCompany($companyId, $id);
+            $customerChanged = array_key_exists('customer_id', $attributes)
+                && (int) $attributes['customer_id'] !== (int) $project->customer_id;
+
+            foreach (self::FIELDS as $field) {
+                if (array_key_exists($field, $attributes)) {
+                    $project->{$field} = $attributes[$field];
+                }
+            }
+
+            if (! array_key_exists('currency_id', $attributes) && array_key_exists('customer_id', $attributes)) {
+                $currencyId = $this->customerCurrency($companyId, $project->customer_id);
+
+                if ($currencyId !== null) {
+                    $project->currency_id = $currencyId;
+                }
+            }
+
+            $project->save();
+
+            if ($customerChanged) {
+                Task::query()
+                    ->forCompany($companyId)
+                    ->where('project_id', $project->id)
+                    ->get()
+                    ->each(function (Task $task) use ($project): void {
+                        $task->customer_id = $project->customer_id;
+                        $task->save();
+                    });
+            }
+
+            return $project;
+        });
+    }
+
+    public function archive(int $companyId, int $id): Project
+    {
+        return $this->setStatus($companyId, $id, Project::STATUS_ARCHIVED);
+    }
+
+    public function unarchive(int $companyId, int $id): Project
+    {
+        return $this->setStatus($companyId, $id, Project::STATUS_ACTIVE);
+    }
+
+    /**
+     * Delete a project with its members, tasks and time entries.
+     *
+     * Invoiced time is history and never disappears, so a project that carries
+     * any stamped entry is refused: archive it instead.
+     */
+    public function delete(int $companyId, int $id): void
+    {
+        DB::transaction(function () use ($companyId, $id): void {
+            $project = $this->findForCompany($companyId, $id);
+
+            $invoiced = TimeEntry::query()
+                ->forCompany($companyId)
+                ->where('project_id', $project->id)
+                ->whereNotNull('invoice_id')
+                ->exists();
+
+            if ($invoiced) {
+                throw ProjectInUse::hasInvoicedTime((int) $project->id);
+            }
+
+            TimeEntry::query()->forCompany($companyId)->where('project_id', $project->id)->delete();
+            Task::query()->forCompany($companyId)->where('project_id', $project->id)->delete();
+            ProjectMember::query()->forCompany($companyId)->where('project_id', $project->id)->delete();
+
+            $project->delete();
+        });
+    }
+
+    /**
+     * Task counts and logged, billable and unbilled totals for one project.
+     *
+     * Amounts stay in minor units and are not converted between currencies: a
+     * project carries a single currency, inherited from its customer.
+     *
+     * @return array{tasks: array{total: int, open: int, closed: int}, logged_minutes: int, billable_minutes: int, billable_amount: int, unbilled_amount: int, currency_id: int|null}
+     */
+    public function totals(Project $project): array
+    {
+        $companyId = (int) $project->company_id;
+
+        $total = Task::query()->forCompany($companyId)->where('project_id', $project->id)->count();
+        $closed = Task::query()->forCompany($companyId)->where('project_id', $project->id)->whereNotNull('closed_at')->count();
+
+        $entries = TimeEntry::query()
+            ->forCompany($companyId)
+            ->where('project_id', $project->id)
+            ->get(['duration_minutes', 'billable', 'amount', 'invoice_id']);
+
+        $loggedMinutes = 0;
+        $billableMinutes = 0;
+        $billableAmount = 0;
+        $unbilledAmount = 0;
+
+        foreach ($entries as $entry) {
+            $loggedMinutes += (int) $entry->duration_minutes;
+
+            if (! $entry->billable) {
+                continue;
+            }
+
+            $billableMinutes += (int) $entry->duration_minutes;
+            $billableAmount += (int) $entry->amount;
+
+            if ($entry->invoice_id === null) {
+                $unbilledAmount += (int) $entry->amount;
+            }
+        }
+
+        return [
+            'tasks' => ['total' => $total, 'open' => $total - $closed, 'closed' => $closed],
+            'logged_minutes' => $loggedMinutes,
+            'billable_minutes' => $billableMinutes,
+            'billable_amount' => $billableAmount,
+            'unbilled_amount' => $unbilledAmount,
+            'currency_id' => $project->currency_id === null ? null : (int) $project->currency_id,
+        ];
+    }
+
+    /**
+     * The currency of one customer, read through the host contract.
+     *
+     * An internal project has no customer and so no currency to inherit, and a
+     * customer without one leaves the project's currency alone.
+     */
+    private function customerCurrency(int $companyId, mixed $customerId): ?int
+    {
+        if ($customerId === null) {
+            return null;
+        }
+
+        $currencyId = $this->companyData->findCustomer($companyId, (int) $customerId)['currency_id'] ?? null;
+
+        return $currencyId === null ? null : (int) $currencyId;
+    }
+
+    private function setStatus(int $companyId, int $id, string $status): Project
+    {
+        $project = $this->findForCompany($companyId, $id);
+        $project->status = $status;
+        $project->save();
+
+        return $project;
+    }
+}
diff --git a/app/Application/RateResolver.php b/app/Application/RateResolver.php
new file mode 100644
index 0000000..6c72aa7
--- /dev/null
+++ b/app/Application/RateResolver.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Modules\TasksProjects\Models\ProjectMember;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Resolves the hourly rate, in minor units, that a time entry should freeze.
+ *
+ * Order: the task override, the member's rate on the task's project, the
+ * project default, the company default from module settings, then zero. The
+ * resolved value is written onto the entry, so changing a rate later never
+ * rewrites entries that already exist.
+ */
+final class RateResolver
+{
+    public function resolve(Task $task, ?int $userId, ModuleSettings $settings): int
+    {
+        if ($task->rate !== null) {
+            return (int) $task->rate;
+        }
+
+        $project = $task->project_id === null ? null : $task->project()->first();
+
+        if ($project !== null && $userId !== null) {
+            $member = ProjectMember::query()
+                ->forCompany((int) $task->company_id)
+                ->where('project_id', $project->id)
+                ->where('user_id', $userId)
+                ->first();
+
+            if ($member !== null && $member->rate !== null) {
+                return (int) $member->rate;
+            }
+        }
+
+        if ($project !== null && $project->default_rate !== null) {
+            return (int) $project->default_rate;
+        }
+
+        return $settings->defaultRate((int) $task->company_id);
+    }
+}
diff --git a/app/Application/ReportService.php b/app/Application/ReportService.php
new file mode 100644
index 0000000..ad08c3c
--- /dev/null
+++ b/app/Application/ReportService.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Support\Carbon;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/**
+ * Read-only aggregates over logged time, for a dashboard or a reporting module.
+ *
+ * Every total is reported per `currency_id` and never converted: a project
+ * inherits its customer's currency, an internal project has none, and the host
+ * exchange rate logs are not a module concern. Amounts stay in minor units.
+ *
+ * A viewer without the view-all-time ability only ever aggregates their own
+ * time, whatever range they ask for.
+ */
+final class ReportService
+{
+    public function __construct(private readonly CompanyDataReader $companyData) {}
+
+    /**
+     * @param  string  $from  inclusive start date, Y-m-d
+     * @param  string  $to  inclusive end date, Y-m-d
+     * @return array{from: string, to: string, totals: list<array{currency_id: int|null, minutes: int, amount: int, billable_minutes: int, billable_amount: int, unbilled_amount: int}>, by_project: list<array<string, mixed>>, by_member: list<array<string, mixed>>, by_customer: list<array<string, mixed>>, by_billable: list<array<string, mixed>>}
+     */
+    public function summary(int $companyId, string $from, string $to, ?int $viewerUserId, bool $canSeeAll): array
+    {
+        $query = TimeEntry::query()
+            ->forCompany($companyId)
+            ->whereNull('running_user_id')
+            ->where('started_at', '>=', Carbon::parse($from)->startOfDay())
+            ->where('started_at', '<=', Carbon::parse($to)->endOfDay());
+
+        if (! $canSeeAll) {
+            $query->where('user_id', $viewerUserId);
+        }
+
+        $entries = $query->orderBy('started_at')->orderBy('id')->get();
+
+        $projects = $this->projectNames($companyId, $entries);
+        $customers = $this->taskCustomers($companyId, $entries);
+        $members = $this->memberNames($companyId);
+
+        return [
+            'from' => $from,
+            'to' => $to,
+            'totals' => $this->rowsFor($entries, static fn (TimeEntry $entry): array => ['currency' => $entry->currency_id]),
+            'by_project' => $this->rowsFor($entries, static fn (TimeEntry $entry): array => [
+                'currency' => $entry->currency_id,
+                'project_id' => $entry->project_id === null ? null : (int) $entry->project_id,
+                'label' => $entry->project_id === null ? 'No project' : ($projects[(int) $entry->project_id] ?? "Project {$entry->project_id}"),
+            ]),
+            'by_member' => $this->rowsFor($entries, static fn (TimeEntry $entry): array => [
+                'currency' => $entry->currency_id,
+                'user_id' => (int) $entry->user_id,
+                'label' => $members[(int) $entry->user_id] ?? 'Removed member',
+            ]),
+            'by_customer' => $this->rowsFor($entries, static fn (TimeEntry $entry): array => [
+                'currency' => $entry->currency_id,
+                'customer_id' => $customers[(int) $entry->task_id] ?? null,
+            ]),
+            'by_billable' => $this->rowsFor($entries, static fn (TimeEntry $entry): array => [
+                'currency' => $entry->currency_id,
+                'billable' => (bool) $entry->billable,
+            ]),
+        ];
+    }
+
+    /**
+     * Sum the entries into one row per distinct set of dimensions, in the order
+     * the dimensions first appear.
+     *
+     * The `currency` dimension is always present and is rendered as
+     * `currency_id`, so no row ever adds two currencies together.
+     *
+     * @param  Collection<int, TimeEntry>  $entries
+     * @param  callable(TimeEntry): array<string, mixed>  $dimensions
+     * @return list<array<string, mixed>>
+     */
+    private function rowsFor(Collection $entries, callable $dimensions): array
+    {
+        $rows = [];
+
+        foreach ($entries as $entry) {
+            $values = $dimensions($entry);
+            $bucket = implode('|', array_map(static fn (mixed $value): string => match (true) {
+                $value === null => '~',
+                is_bool($value) => $value ? '1' : '0',
+                default => (string) $value,
+            }, $values));
+
+            if (! isset($rows[$bucket])) {
+                $row = $values;
+                $row['currency_id'] = $values['currency'] === null ? null : (int) $values['currency'];
+                unset($row['currency']);
+
+                $rows[$bucket] = $row + [
+                    'minutes' => 0,
+                    'amount' => 0,
+                    'billable_minutes' => 0,
+                    'billable_amount' => 0,
+                    'unbilled_amount' => 0,
+                ];
+            }
+
+            $rows[$bucket]['minutes'] += (int) $entry->duration_minutes;
+            $rows[$bucket]['amount'] += (int) $entry->amount;
+
+            if (! $entry->billable) {
+                continue;
+            }
+
+            $rows[$bucket]['billable_minutes'] += (int) $entry->duration_minutes;
+            $rows[$bucket]['billable_amount'] += (int) $entry->amount;
+
+            if ($entry->invoice_id === null) {
+                $rows[$bucket]['unbilled_amount'] += (int) $entry->amount;
+            }
+        }
+
+        return array_values($rows);
+    }
+
+    /**
+     * @param  Collection<int, TimeEntry>  $entries
+     * @return array<int, string>
+     */
+    private function projectNames(int $companyId, Collection $entries): array
+    {
+        $ids = $entries->pluck('project_id')->filter(static fn (?int $id): bool => $id !== null)->unique()->all();
+
+        if ($ids === []) {
+            return [];
+        }
+
+        return Project::query()
+            ->forCompany($companyId)
+            ->whereIn('id', $ids)
+            ->pluck('name', 'id')
+            ->map(static fn (string $name): string => $name)
+            ->all();
+    }
+
+    /**
+     * @param  Collection<int, TimeEntry>  $entries
+     * @return array<int, int|null>
+     */
+    private function taskCustomers(int $companyId, Collection $entries): array
+    {
+        $ids = $entries->pluck('task_id')->unique()->all();
+
+        if ($ids === []) {
+            return [];
+        }
+
+        return Task::query()
+            ->forCompany($companyId)
+            ->whereIn('id', $ids)
+            ->get(['id', 'customer_id'])
+            ->mapWithKeys(static fn (Task $task): array => [
+                (int) $task->id => $task->customer_id === null ? null : (int) $task->customer_id,
+            ])
+            ->all();
+    }
+
+    /** @return array<int, string> */
+    private function memberNames(int $companyId): array
+    {
+        $names = [];
+
+        foreach ($this->companyData->companyMembers($companyId) as $member) {
+            $names[(int) $member['id']] = (string) $member['name'];
+        }
+
+        return $names;
+    }
+}
diff --git a/app/Application/Rounding.php b/app/Application/Rounding.php
new file mode 100644
index 0000000..409d992
--- /dev/null
+++ b/app/Application/Rounding.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use InvalidArgumentException;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Billing increments, applied when a time entry is saved rather than when it is
+ * invoiced, so what the user sees on the timesheet is what gets billed.
+ *
+ * The direction is a company setting. `nearest` is the historic behaviour and
+ * stays the default; `up` and `down` are the two ways a firm that bills in
+ * blocks wants the block chosen, and neither reads as "nearest" to a client.
+ */
+final class Rounding
+{
+    public const NEAREST = 'nearest';
+
+    public const UP = 'up';
+
+    public const DOWN = 'down';
+
+    /** @var list<string> */
+    public const DIRECTIONS = [self::NEAREST, self::UP, self::DOWN];
+
+    /**
+     * Round a duration to a multiple of the increment.
+     *
+     * Zero stays zero whichever way the company rounds, because an entry with
+     * no time is not worth an increment. Rounding `nearest` then treats a spell
+     * shorter than one increment as a whole one: a two minute call on a fifteen
+     * minute increment bills a quarter of an hour, never nothing. Rounding
+     * `down` is the one direction that may answer zero for real work, which is
+     * exactly what a firm asking to round down is asking for.
+     */
+    public static function roundMinutes(int $minutes, int $increment, string $direction = self::NEAREST): int
+    {
+        if (! in_array($increment, ModuleSettings::ROUNDING_INCREMENTS, true)) {
+            throw new InvalidArgumentException(
+                "Rounding increment {$increment} is not one of ".implode(', ', ModuleSettings::ROUNDING_INCREMENTS).'.',
+            );
+        }
+
+        if (! in_array($direction, self::DIRECTIONS, true)) {
+            throw new InvalidArgumentException(
+                "Rounding direction {$direction} is not one of ".implode(', ', self::DIRECTIONS).'.',
+            );
+        }
+
+        if ($minutes <= 0) {
+            return 0;
+        }
+
+        return match ($direction) {
+            self::UP => (int) ceil($minutes / $increment) * $increment,
+            self::DOWN => intdiv($minutes, $increment) * $increment,
+            default => $minutes < $increment
+                ? $increment
+                : (int) round($minutes / $increment) * $increment,
+        };
+    }
+}
diff --git a/app/Application/TaskLock.php b/app/Application/TaskLock.php
new file mode 100644
index 0000000..e7e2672
--- /dev/null
+++ b/app/Application/TaskLock.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Modules\TasksProjects\Application\Exceptions\TaskLocked;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * The "lock invoiced tasks" setting, in one place.
+ *
+ * A company that bills by task often wants the task to stop moving once the
+ * invoice is out, so what the client was billed for still reads the way it was
+ * billed. The rule is the same wherever a task changes, so the check lives here
+ * rather than being spelled out again in each writer.
+ */
+final class TaskLock
+{
+    public function __construct(
+        private readonly ModuleSettings $settings,
+        private readonly TaskTimeSummary $summary,
+    ) {}
+
+    /** @throws TaskLocked when the company locks invoiced tasks and this one is invoiced */
+    public function guard(int $companyId, int $taskId): void
+    {
+        if (! $this->settings->lockInvoicedTasks($companyId)) {
+            return;
+        }
+
+        if ($this->summary->forTask($companyId, $taskId)['invoiced'] === TaskTimeSummary::INVOICED) {
+            throw TaskLocked::forTask($taskId);
+        }
+    }
+}
diff --git a/app/Application/TaskNumberSequence.php b/app/Application/TaskNumberSequence.php
new file mode 100644
index 0000000..d9315ac
--- /dev/null
+++ b/app/Application/TaskNumberSequence.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Support\Facades\DB;
+use Modules\TasksProjects\Models\Task;
+
+/**
+ * Per-company task numbering.
+ *
+ * The number is `max(number) + 1` inside a transaction, which is portable
+ * across MySQL, PostgreSQL and SQLite. Two concurrent writers can still agree
+ * on the same number; the unique index on `(company_id, number)` catches that
+ * and TaskService retries once.
+ */
+class TaskNumberSequence
+{
+    public function next(int $companyId): int
+    {
+        return DB::transaction(static function () use ($companyId): int {
+            $highest = Task::query()
+                ->forCompany($companyId)
+                ->lockForUpdate()
+                ->max('number');
+
+            return (int) $highest + 1;
+        });
+    }
+}
diff --git a/app/Application/TaskService.php b/app/Application/TaskService.php
new file mode 100644
index 0000000..27d0e05
--- /dev/null
+++ b/app/Application/TaskService.php
@@ -0,0 +1,337 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Database\Query\Builder as QueryBuilder;
+use Illuminate\Database\QueryException;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\DB;
+use Modules\TasksProjects\Application\Concerns\DetectsUniqueViolations;
+use Modules\TasksProjects\Application\Concerns\SortsLists;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/** Task CRUD and board moves. Everything here is scoped to one company. */
+final class TaskService
+{
+    use DetectsUniqueViolations;
+    use SortsLists;
+
+    /**
+     * The columns the list may be ordered by. The request rule reads this, so
+     * a new key is added here and nowhere else.
+     *
+     * @var list<string>
+     */
+    public const SORT_KEYS = ['number', 'name', 'priority', 'due_date', 'created_at'];
+
+    /** The per-company sequence, which is the order people refer to tasks in. */
+    public const DEFAULT_SORT_KEY = 'number';
+
+    public const DEFAULT_SORT_ORDER = 'asc';
+
+    /** @var list<string> */
+    private const FIELDS = [
+        'name', 'description', 'assignee_id', 'priority', 'due_date',
+        'estimated_minutes', 'billable', 'rate', 'creator_id',
+    ];
+
+    public function __construct(
+        private readonly TaskNumberSequence $numbers,
+        private readonly BoardOrderingService $board,
+        private readonly TaskStatusService $statuses,
+        private readonly ProjectService $projects,
+        private readonly TaskLock $lock,
+    ) {}
+
+    /**
+     * @param  array{project_id?: int, assignee_id?: int, task_status_id?: int, customer_id?: int, invoiced?: bool, due_before?: string, due_after?: string, search?: string, sort_by?: string, sort_order?: string}  $filters
+     * @return Collection<int, Task>
+     */
+    public function listFor(int $companyId, array $filters = []): Collection
+    {
+        $query = Task::query()->forCompany($companyId);
+
+        foreach (['project_id', 'assignee_id', 'task_status_id', 'customer_id'] as $field) {
+            if (array_key_exists($field, $filters)) {
+                $query->where($field, $filters[$field]);
+            }
+        }
+
+        if (isset($filters['due_after'])) {
+            $query->where('due_date', '>=', Carbon::parse($filters['due_after'])->toDateString());
+        }
+
+        if (isset($filters['due_before'])) {
+            $query->where('due_date', '<=', Carbon::parse($filters['due_before'])->toDateString());
+        }
+
+        if (isset($filters['search']) && $filters['search'] !== '') {
+            $query->where('name', 'like', '%'.$filters['search'].'%');
+        }
+
+        if (isset($filters['invoiced'])) {
+            $this->filterByInvoiced($query, $companyId, (bool) $filters['invoiced']);
+        }
+
+        $sorts = $this->sorts();
+        [$key, $order] = $this->sortFor($filters, $sorts, self::DEFAULT_SORT_KEY, self::DEFAULT_SORT_ORDER);
+
+        return $this->sortList($query->get(), $sorts[$key], $order);
+    }
+
+    /**
+     * How each sortable column compares, as a value the sorter can order.
+     *
+     * Priority sorts by its rank rather than by its name, so URGENT sits above
+     * HIGH instead of below it, and a task with no priority set answers null,
+     * which the sorter always puts last.
+     *
+     * @return array<string, callable(Task): (int|string|null)>
+     */
+    private function sorts(): array
+    {
+        return [
+            'number' => static fn (Task $task): int => (int) $task->number,
+            'name' => static fn (Task $task): string => (string) $task->name,
+            'priority' => static fn (Task $task): ?int => self::priorityRank($task),
+            'due_date' => static fn (Task $task): ?int => $task->due_date?->getTimestamp(),
+            'created_at' => static fn (Task $task): ?int => $task->created_at?->getTimestamp(),
+        ];
+    }
+
+    /** LOW, NORMAL, HIGH, URGENT as 1 to 4; an unset or unknown value as null. */
+    private static function priorityRank(Task $task): ?int
+    {
+        $rank = array_search($task->priority, Task::PRIORITIES, true);
+
+        return $rank === false ? null : $rank + 1;
+    }
+
+    public function findForCompany(int $companyId, int $id): Task
+    {
+        $task = Task::query()->forCompany($companyId)->find($id);
+
+        if ($task === null) {
+            throw (new ModelNotFoundException)->setModel(Task::class, [$id]);
+        }
+
+        return $task;
+    }
+
+    /**
+     * Create a task, denormalising the customer from its project.
+     *
+     * The number comes from the per-company sequence; because two writers can
+     * pick the same one, the unique index catches the loser and the write is
+     * retried once with a fresh number.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    public function create(int $companyId, array $attributes): Task
+    {
+        $project = isset($attributes['project_id']) && $attributes['project_id'] !== null
+            ? $this->projects->findForCompany($companyId, (int) $attributes['project_id'])
+            : null;
+
+        $status = isset($attributes['task_status_id']) && $attributes['task_status_id'] !== null
+            ? $this->statuses->findForCompany($companyId, (int) $attributes['task_status_id'])
+            : $this->statuses->defaultFor($companyId);
+
+        $values = [
+            'company_id' => $companyId,
+            'project_id' => $project?->id,
+            'customer_id' => $this->customerFor($project, $attributes),
+            'task_status_id' => $status->id,
+            'billable' => (bool) ($attributes['billable'] ?? true),
+            'closed_at' => $status->is_closed ? Carbon::now() : null,
+        ];
+
+        foreach (self::FIELDS as $field) {
+            if (array_key_exists($field, $attributes)) {
+                $values[$field] = $attributes[$field];
+            }
+        }
+
+        return $this->withRetry(fn (): Task => Task::query()->create($values + [
+            'number' => $this->numbers->next($companyId),
+            'board_position' => $this->board->positionFor($companyId, (int) $status->id),
+        ]));
+    }
+
+    /** @param array<string, mixed> $attributes */
+    public function update(int $companyId, int $id, array $attributes): Task
+    {
+        return DB::transaction(function () use ($companyId, $id, $attributes): Task {
+            $task = $this->findForCompany($companyId, $id);
+            $this->lock->guard($companyId, (int) $task->id);
+
+            if (array_key_exists('project_id', $attributes)) {
+                $project = $attributes['project_id'] === null
+                    ? null
+                    : $this->projects->findForCompany($companyId, (int) $attributes['project_id']);
+
+                $task->project_id = $project?->id;
+                $task->customer_id = $this->customerFor($project, $attributes);
+            } elseif (array_key_exists('customer_id', $attributes) && $task->project_id === null) {
+                $task->customer_id = $attributes['customer_id'];
+            }
+
+            if (array_key_exists('task_status_id', $attributes)
+                && (int) $attributes['task_status_id'] !== (int) $task->task_status_id) {
+                $status = $this->statuses->findForCompany($companyId, (int) $attributes['task_status_id']);
+                $this->applyStatus($task, $status);
+                $task->board_position = $this->board->positionFor($companyId, (int) $status->id);
+            }
+
+            foreach (self::FIELDS as $field) {
+                if (array_key_exists($field, $attributes)) {
+                    $task->{$field} = $attributes[$field];
+                }
+            }
+
+            $task->save();
+
+            return $task;
+        });
+    }
+
+    /** Deleting a task takes its time entries with it, unless any of them are invoiced. */
+    public function delete(int $companyId, int $id): void
+    {
+        DB::transaction(function () use ($companyId, $id): void {
+            $task = $this->findForCompany($companyId, $id);
+            $this->lock->guard($companyId, (int) $task->id);
+
+            $invoiced = TimeEntry::query()
+                ->forCompany($companyId)
+                ->where('task_id', $task->id)
+                ->whereNotNull('invoice_id')
+                ->pluck('id')
+                ->all();
+
+            if ($invoiced !== []) {
+                throw EntriesAlreadyInvoiced::forEntries(array_map(intval(...), $invoiced));
+            }
+
+            TimeEntry::query()->forCompany($companyId)->where('task_id', $task->id)->delete();
+
+            $task->delete();
+        });
+    }
+
+    /** Drop a task between two neighbours of the target column. */
+    public function move(int $companyId, int $taskId, int $statusId, ?int $beforeId = null, ?int $afterId = null): Task
+    {
+        return DB::transaction(function () use ($companyId, $taskId, $statusId, $beforeId, $afterId): Task {
+            $task = $this->findForCompany($companyId, $taskId);
+            $this->lock->guard($companyId, (int) $task->id);
+            $status = $this->statuses->findForCompany($companyId, $statusId);
+
+            $position = $this->board->positionFor($companyId, (int) $status->id, $beforeId, $afterId);
+
+            $this->applyStatus($task, $status);
+            $task->board_position = $position;
+            $task->save();
+
+            return $task;
+        });
+    }
+
+    /** Entering a closed status stamps closed_at; leaving one clears it. */
+    private function applyStatus(Task $task, TaskStatus $status): void
+    {
+        $task->task_status_id = $status->id;
+
+        if ($status->is_closed) {
+            $task->closed_at ??= Carbon::now();
+
+            return;
+        }
+
+        $task->closed_at = null;
+    }
+
+    /**
+     * Narrow the list to tasks whose billable time has, or has not, reached an
+     * invoice.
+     *
+     * The state belongs to the entries, so it is asked of them rather than
+     * cached on the task: uninvoiced means at least one billable entry is still
+     * unbilled, and invoiced means a stamped entry exists and no unbilled one
+     * does. Both are `exists` subqueries, which MySQL, PostgreSQL and SQLite
+     * all plan off the `(company_id, task_id)` index and all spell the same.
+     *
+     * @param  Builder<Task>  $query
+     */
+    private function filterByInvoiced(Builder $query, int $companyId, bool $invoiced): void
+    {
+        if (! $invoiced) {
+            $query->whereExists($this->billableEntries($companyId, stamped: false));
+
+            return;
+        }
+
+        $query->whereExists($this->billableEntries($companyId, stamped: true))
+            ->whereNotExists($this->billableEntries($companyId, stamped: false));
+    }
+
+    /** A correlated subquery over the stopped, billable entries of the task. */
+    private function billableEntries(int $companyId, bool $stamped): callable
+    {
+        $entries = (new TimeEntry)->getTable();
+        $tasks = (new Task)->getTable();
+
+        return static function (QueryBuilder $sub) use ($companyId, $stamped, $entries, $tasks): void {
+            $sub->selectRaw('1')
+                ->from($entries)
+                ->whereColumn($entries.'.task_id', $tasks.'.id')
+                ->where($entries.'.company_id', $companyId)
+                ->whereNull($entries.'.running_user_id')
+                ->where($entries.'.billable', true);
+
+            $stamped
+                ? $sub->whereNotNull($entries.'.invoice_id')
+                : $sub->whereNull($entries.'.invoice_id');
+        };
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function customerFor(?Project $project, array $attributes): ?int
+    {
+        if ($project !== null) {
+            return $project->customer_id === null ? null : (int) $project->customer_id;
+        }
+
+        return isset($attributes['customer_id']) ? (int) $attributes['customer_id'] : null;
+    }
+
+    /**
+     * Run a write once more when the per-company number collided.
+     *
+     * @template T
+     *
+     * @param  callable(): T  $write
+     * @return T
+     */
+    private function withRetry(callable $write): mixed
+    {
+        try {
+            return $write();
+        } catch (QueryException $exception) {
+            if (! $this->isUniqueViolation($exception)) {
+                throw $exception;
+            }
+
+            return $write();
+        }
+    }
+}
diff --git a/app/Application/TaskStatusService.php b/app/Application/TaskStatusService.php
new file mode 100644
index 0000000..27009af
--- /dev/null
+++ b/app/Application/TaskStatusService.php
@@ -0,0 +1,207 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Facades\DB;
+use Modules\TasksProjects\Application\Exceptions\StatusInUse;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+
+/**
+ * The board columns of one company.
+ *
+ * The four defaults are created here rather than seeded by a migration: a
+ * migration runs once per database while companies come and go, and the
+ * reversible-migration contract keeps data writes out of `up()`.
+ */
+final class TaskStatusService
+{
+    /** @var list<array{name: string, colour: string, is_default: bool, is_closed: bool}> */
+    public const DEFAULTS = [
+        ['name' => 'Backlog', 'colour' => '#94a3b8', 'is_default' => true, 'is_closed' => false],
+        ['name' => 'In Progress', 'colour' => '#3b82f6', 'is_default' => false, 'is_closed' => false],
+        ['name' => 'Review', 'colour' => '#f59e0b', 'is_default' => false, 'is_closed' => false],
+        ['name' => 'Done', 'colour' => '#22c55e', 'is_default' => false, 'is_closed' => true],
+    ];
+
+    /** Create Backlog / In Progress / Review / Done, but only for a company that has no statuses yet. */
+    public function ensureDefaults(int $companyId): void
+    {
+        DB::transaction(function () use ($companyId): void {
+            if (TaskStatus::query()->forCompany($companyId)->exists()) {
+                return;
+            }
+
+            foreach (self::DEFAULTS as $position => $status) {
+                TaskStatus::query()->create($status + [
+                    'company_id' => $companyId,
+                    'position' => $position + 1,
+                ]);
+            }
+        });
+    }
+
+    /** @return Collection<int, TaskStatus> */
+    public function listFor(int $companyId): Collection
+    {
+        return TaskStatus::query()
+            ->forCompany($companyId)
+            ->orderBy('position')
+            ->orderBy('id')
+            ->get();
+    }
+
+    public function findForCompany(int $companyId, int $id): TaskStatus
+    {
+        $status = TaskStatus::query()->forCompany($companyId)->find($id);
+
+        if ($status === null) {
+            throw (new ModelNotFoundException)->setModel(TaskStatus::class, [$id]);
+        }
+
+        return $status;
+    }
+
+    /** The status new tasks land in, creating the defaults when the company has none. */
+    public function defaultFor(int $companyId): TaskStatus
+    {
+        $this->ensureDefaults($companyId);
+
+        $status = TaskStatus::query()
+            ->forCompany($companyId)
+            ->orderByDesc('is_default')
+            ->orderBy('position')
+            ->orderBy('id')
+            ->first();
+
+        if ($status === null) {
+            throw (new ModelNotFoundException)->setModel(TaskStatus::class);
+        }
+
+        return $status;
+    }
+
+    /** @param array<string, mixed> $attributes */
+    public function create(int $companyId, array $attributes): TaskStatus
+    {
+        return DB::transaction(function () use ($companyId, $attributes): TaskStatus {
+            $status = TaskStatus::query()->create([
+                'company_id' => $companyId,
+                'name' => $attributes['name'],
+                'colour' => $attributes['colour'] ?? null,
+                'position' => (int) ($attributes['position'] ?? $this->nextPosition($companyId)),
+                'is_default' => (bool) ($attributes['is_default'] ?? false),
+                'is_closed' => (bool) ($attributes['is_closed'] ?? false),
+            ]);
+
+            $this->keepSingleDefault($companyId, $status);
+
+            return $status;
+        });
+    }
+
+    /** @param array<string, mixed> $attributes */
+    public function update(int $companyId, int $id, array $attributes): TaskStatus
+    {
+        return DB::transaction(function () use ($companyId, $id, $attributes): TaskStatus {
+            $status = $this->findForCompany($companyId, $id);
+
+            foreach (['name', 'colour', 'position', 'is_default', 'is_closed'] as $field) {
+                if (array_key_exists($field, $attributes)) {
+                    $status->{$field} = $attributes[$field];
+                }
+            }
+
+            $status->save();
+            $this->keepSingleDefault($companyId, $status);
+
+            return $status;
+        });
+    }
+
+    /**
+     * Apply the wanted order. Statuses the caller left out keep their relative
+     * order and follow the listed ones.
+     *
+     * @param  list<int>  $ids
+     */
+    public function reorder(int $companyId, array $ids): void
+    {
+        DB::transaction(function () use ($companyId, $ids): void {
+            $statuses = $this->listFor($companyId)->keyBy('id');
+            $position = 0;
+
+            foreach ($ids as $id) {
+                $status = $statuses->get($id);
+
+                if ($status === null) {
+                    throw (new ModelNotFoundException)->setModel(TaskStatus::class, [$id]);
+                }
+
+                $status->position = ++$position;
+                $status->save();
+                $statuses->forget($id);
+            }
+
+            foreach ($statuses as $status) {
+                $status->position = ++$position;
+                $status->save();
+            }
+        });
+    }
+
+    public function delete(int $companyId, int $id): void
+    {
+        DB::transaction(function () use ($companyId, $id): void {
+            $status = $this->findForCompany($companyId, $id);
+
+            $tasks = Task::query()->forCompany($companyId)->where('task_status_id', $status->id)->count();
+            if ($tasks > 0) {
+                throw StatusInUse::hasTasks((int) $status->id, $tasks);
+            }
+
+            if (TaskStatus::query()->forCompany($companyId)->count() <= 1) {
+                throw StatusInUse::isLast((int) $status->id);
+            }
+
+            $others = TaskStatus::query()
+                ->forCompany($companyId)
+                ->where('id', '!=', $status->id)
+                ->where('is_default', true)
+                ->exists();
+
+            if ($status->is_default && ! $others) {
+                throw StatusInUse::isDefault((int) $status->id);
+            }
+
+            $status->delete();
+        });
+    }
+
+    private function nextPosition(int $companyId): int
+    {
+        return (int) TaskStatus::query()->forCompany($companyId)->max('position') + 1;
+    }
+
+    /** Exactly one status per company carries is_default. */
+    private function keepSingleDefault(int $companyId, TaskStatus $status): void
+    {
+        if (! $status->is_default) {
+            return;
+        }
+
+        TaskStatus::query()
+            ->forCompany($companyId)
+            ->where('id', '!=', $status->id)
+            ->where('is_default', true)
+            ->get()
+            ->each(static function (TaskStatus $other): void {
+                $other->is_default = false;
+                $other->save();
+            });
+    }
+}
diff --git a/app/Application/TaskTimeSummary.php b/app/Application/TaskTimeSummary.php
new file mode 100644
index 0000000..2fb1974
--- /dev/null
+++ b/app/Application/TaskTimeSummary.php
@@ -0,0 +1,215 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Collection;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/**
+ * The time block every task carries: how much was logged, how much of it is
+ * billable, what is still unbilled and who is running a clock on it right now.
+ *
+ * A task list is the one place in the module where a per-row query would hurt,
+ * so the whole page is summarised in three grouped reads over the time entries
+ * of the tasks on it: one for logged minutes, one for the billable money, and
+ * one for the running rows. Everything is expressed in plain SQL that MySQL,
+ * PostgreSQL and SQLite all speak, and the grouping is done by the database
+ * rather than by loading every entry into PHP.
+ *
+ * Running entries are deliberately outside the totals. Their duration is zero
+ * until the timer stops, so counting them would show a clock that has been
+ * running for an hour as nothing logged; the UI ticks the running rows itself.
+ */
+final class TaskTimeSummary
+{
+    /** No billable time has been logged yet. */
+    public const NONE = 'none';
+
+    /** Some billable time is still waiting for an invoice. */
+    public const UNINVOICED = 'uninvoiced';
+
+    /** Every billable minute on the task is already stamped onto an invoice. */
+    public const INVOICED = 'invoiced';
+
+    /**
+     * Hang a summary on each of the given tasks.
+     *
+     * @param  iterable<Task>  $tasks
+     */
+    public function attach(int $companyId, iterable $tasks): void
+    {
+        $tasks = is_array($tasks) ? $tasks : iterator_to_array($tasks);
+
+        if ($tasks === []) {
+            return;
+        }
+
+        $summaries = $this->forTasks($companyId, array_map(
+            static fn (Task $task): int => (int) $task->id,
+            array_values($tasks),
+        ));
+
+        foreach ($tasks as $task) {
+            $task->timeSummary = $summaries[(int) $task->id] ?? self::empty();
+        }
+    }
+
+    /**
+     * The summary of one task, for the rules that only need the state.
+     *
+     * @return array<string, mixed>
+     */
+    public function forTask(int $companyId, int $taskId): array
+    {
+        return $this->forTasks($companyId, [$taskId])[$taskId] ?? self::empty();
+    }
+
+    /**
+     * Three grouped reads, keyed by task id.
+     *
+     * @param  list<int>  $taskIds
+     * @return array<int, array{logged_minutes: int, billable_minutes: int, unbilled_minutes: int, unbilled_amount: int, invoiced: string, running: list<array{entry_id: int, user_id: int, started_at: string|null}>}>
+     */
+    public function forTasks(int $companyId, array $taskIds): array
+    {
+        $taskIds = array_values(array_unique(array_map(intval(...), $taskIds)));
+
+        if ($taskIds === []) {
+            return [];
+        }
+
+        $summaries = [];
+        foreach ($taskIds as $taskId) {
+            $summaries[$taskId] = self::empty();
+        }
+
+        foreach ($this->loggedMinutes($companyId, $taskIds) as $row) {
+            $summaries[(int) $row->task_id]['logged_minutes'] = (int) $row->logged_minutes;
+        }
+
+        foreach ($this->billableTotals($companyId, $taskIds) as $row) {
+            $summaries[(int) $row->task_id] = [
+                ...$summaries[(int) $row->task_id],
+                'billable_minutes' => (int) $row->billable_minutes,
+                'unbilled_minutes' => (int) $row->unbilled_minutes,
+                'unbilled_amount' => (int) $row->unbilled_amount,
+                'invoiced' => self::stateFor((int) $row->billable_entries, (int) $row->stamped_entries),
+            ];
+        }
+
+        foreach ($this->runningEntries($companyId, $taskIds) as $entry) {
+            $summaries[(int) $entry->task_id]['running'][] = [
+                'entry_id' => (int) $entry->id,
+                'user_id' => (int) $entry->user_id,
+                'started_at' => $entry->started_at instanceof Carbon ? $entry->started_at->toIso8601String() : null,
+            ];
+        }
+
+        return $summaries;
+    }
+
+    /**
+     * The shape a task with no time at all still answers with.
+     *
+     * @return array{logged_minutes: int, billable_minutes: int, unbilled_minutes: int, unbilled_amount: int, invoiced: string, running: list<array{entry_id: int, user_id: int, started_at: string|null}>}
+     */
+    public static function empty(): array
+    {
+        return [
+            'logged_minutes' => 0,
+            'billable_minutes' => 0,
+            'unbilled_minutes' => 0,
+            'unbilled_amount' => 0,
+            'invoiced' => self::NONE,
+            'running' => [],
+        ];
+    }
+
+    /**
+     * Uninvoiced the moment one billable minute is unbilled, invoiced once
+     * every billable entry is stamped, and none while nothing billable exists.
+     */
+    private static function stateFor(int $billableEntries, int $stampedEntries): string
+    {
+        if ($billableEntries === 0) {
+            return self::NONE;
+        }
+
+        return $stampedEntries === $billableEntries ? self::INVOICED : self::UNINVOICED;
+    }
+
+    /**
+     * Everything logged against the task, billable or not.
+     *
+     * @param  list<int>  $taskIds
+     * @return Collection<int, object>
+     */
+    private function loggedMinutes(int $companyId, array $taskIds)
+    {
+        return $this->stopped($companyId, $taskIds)
+            ->selectRaw('task_id, SUM(duration_minutes) as logged_minutes')
+            ->groupBy('task_id')
+            ->get();
+    }
+
+    /**
+     * The billable side, split into what is still unbilled and how many entries
+     * carry an invoice, counted with a CASE all three databases understand.
+     *
+     * @param  list<int>  $taskIds
+     * @return Collection<int, object>
+     */
+    private function billableTotals(int $companyId, array $taskIds)
+    {
+        return $this->stopped($companyId, $taskIds)
+            ->where('billable', true)
+            ->selectRaw(implode(', ', [
+                'task_id',
+                'SUM(duration_minutes) as billable_minutes',
+                'SUM(CASE WHEN invoice_id IS NULL THEN duration_minutes ELSE 0 END) as unbilled_minutes',
+                'SUM(CASE WHEN invoice_id IS NULL THEN amount ELSE 0 END) as unbilled_amount',
+                'COUNT(*) as billable_entries',
+                'SUM(CASE WHEN invoice_id IS NULL THEN 0 ELSE 1 END) as stamped_entries',
+            ]))
+            ->groupBy('task_id')
+            ->get();
+    }
+
+    /**
+     * The clocks running on these tasks, whoever they belong to.
+     *
+     * Totals are open to anyone who may see the task, so the running rows here
+     * carry a user id and nothing else; the time log is where per-member
+     * visibility is decided.
+     *
+     * @param  list<int>  $taskIds
+     * @return \Illuminate\Database\Eloquent\Collection<int, TimeEntry>
+     */
+    private function runningEntries(int $companyId, array $taskIds)
+    {
+        return TimeEntry::query()
+            ->forCompany($companyId)
+            ->whereIn('task_id', $taskIds)
+            ->whereNotNull('running_user_id')
+            ->orderBy('started_at')
+            ->orderBy('id')
+            ->get();
+    }
+
+    /**
+     * @param  list<int>  $taskIds
+     * @return Builder<TimeEntry>
+     */
+    private function stopped(int $companyId, array $taskIds)
+    {
+        return TimeEntry::query()
+            ->forCompany($companyId)
+            ->whereIn('task_id', $taskIds)
+            ->whereNull('running_user_id');
+    }
+}
diff --git a/app/Application/TimeEntryService.php b/app/Application/TimeEntryService.php
new file mode 100644
index 0000000..1d29b79
--- /dev/null
+++ b/app/Application/TimeEntryService.php
@@ -0,0 +1,310 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\Collection;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Time entries typed by hand, as a start and end pair or as a plain duration.
+ *
+ * The duration is rounded to the company's billing increment when the entry is
+ * saved, and the rate is resolved and frozen at the same moment, so a later
+ * rate change never rewrites what was already logged.
+ */
+final class TimeEntryService
+{
+    /** How many rows a task's time log ever answers with. */
+    public const LOG_LIMIT = 500;
+
+    /** The fields an invoice owns once it has been raised against an entry. */
+    private const STAMPED_FIELDS = ['task_id', 'started_at', 'ended_at', 'duration_minutes', 'billable'];
+
+    public function __construct(
+        private readonly RateResolver $rates,
+        private readonly ModuleSettings $settings,
+        private readonly TaskService $tasks,
+    ) {}
+
+    /** @param array<string, mixed> $attributes */
+    public function create(int $companyId, array $attributes): TimeEntry
+    {
+        $task = $this->tasks->findForCompany($companyId, (int) $attributes['task_id']);
+        $userId = (int) $attributes['user_id'];
+
+        $startedAt = isset($attributes['started_at']) ? Carbon::parse($attributes['started_at']) : Carbon::now();
+        $endedAt = isset($attributes['ended_at']) ? Carbon::parse($attributes['ended_at']) : null;
+
+        $minutes = Rounding::roundMinutes(
+            $this->minutesFrom($attributes, $startedAt, $endedAt),
+            $this->settings->roundingMinutes($companyId),
+            $this->settings->roundingDirection($companyId),
+        );
+
+        $billable = (bool) ($attributes['billable'] ?? $task->billable);
+        $rate = array_key_exists('rate', $attributes) && $attributes['rate'] !== null
+            ? (int) $attributes['rate']
+            : $this->rates->resolve($task, $userId, $this->settings);
+
+        return TimeEntry::query()->create([
+            'company_id' => $companyId,
+            'task_id' => $task->id,
+            'project_id' => $task->project_id,
+            'user_id' => $userId,
+            'started_at' => $startedAt,
+            'ended_at' => $endedAt,
+            'duration_minutes' => $minutes,
+            'description' => $attributes['description'] ?? null,
+            'billable' => $billable,
+            'rate' => $rate,
+            'amount' => self::amountFor($minutes, $rate),
+            'currency_id' => $this->currencyFor($task),
+        ]);
+    }
+
+    /**
+     * Edit an entry, re-rounding the duration.
+     *
+     * The rate is re-resolved only while the entry is unbilled: once it is
+     * stamped with an invoice the money on it belongs to that invoice, and so
+     * does the time it was raised for. A stamped entry therefore accepts a new
+     * description and nothing else: its minutes are never re-rounded, its rate
+     * and amount are left exactly as the invoice recorded them, and an attempt
+     * to move the clock, the billable flag or the task is refused rather than
+     * quietly ignored.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    public function update(int $companyId, int $id, array $attributes): TimeEntry
+    {
+        $entry = $this->findForCompany($companyId, $id);
+
+        if ($entry->isStamped()) {
+            return $this->updateStamped($entry, $attributes);
+        }
+
+        $task = $this->tasks->findForCompany($companyId, (int) ($attributes['task_id'] ?? $entry->task_id));
+
+        if ((int) $task->id !== (int) $entry->task_id) {
+            $entry->task_id = $task->id;
+            $entry->project_id = $task->project_id;
+            $entry->currency_id = $this->currencyFor($task);
+        }
+
+        if (array_key_exists('started_at', $attributes)) {
+            $entry->started_at = $attributes['started_at'] === null ? null : Carbon::parse($attributes['started_at']);
+        }
+
+        if (array_key_exists('ended_at', $attributes)) {
+            $entry->ended_at = $attributes['ended_at'] === null ? null : Carbon::parse($attributes['ended_at']);
+        }
+
+        if (array_key_exists('description', $attributes)) {
+            $entry->description = $attributes['description'];
+        }
+
+        if (array_key_exists('billable', $attributes)) {
+            $entry->billable = (bool) $attributes['billable'];
+        }
+
+        $entry->duration_minutes = Rounding::roundMinutes(
+            $this->minutesFrom($attributes, $entry->started_at, $entry->ended_at, (int) $entry->duration_minutes),
+            $this->settings->roundingMinutes($companyId),
+            $this->settings->roundingDirection($companyId),
+        );
+
+        $entry->rate = array_key_exists('rate', $attributes) && $attributes['rate'] !== null
+            ? (int) $attributes['rate']
+            : $this->rates->resolve($task, (int) $entry->user_id, $this->settings);
+
+        $entry->amount = self::amountFor((int) $entry->duration_minutes, (int) $entry->rate);
+        $entry->save();
+
+        return $entry;
+    }
+
+    /**
+     * Save the one field an invoiced entry still owns.
+     *
+     * Sending the unchanged value of a protected field is not an edit, so a
+     * form that posts the whole row back still works; only a real change is
+     * refused, and the message names the fields that would have moved.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    private function updateStamped(TimeEntry $entry, array $attributes): TimeEntry
+    {
+        $changed = array_values(array_filter(
+            self::STAMPED_FIELDS,
+            static fn (string $field): bool => self::wouldChange($entry, $field, $attributes),
+        ));
+
+        if ($changed !== []) {
+            throw EntriesAlreadyInvoiced::forLockedFields((int) $entry->id, $changed);
+        }
+
+        if (array_key_exists('description', $attributes)) {
+            $entry->description = $attributes['description'];
+        }
+
+        $entry->save();
+
+        return $entry;
+    }
+
+    /**
+     * Whether the request really moves a protected field off its stored value.
+     *
+     * @param  array<string, mixed>  $attributes
+     */
+    private static function wouldChange(TimeEntry $entry, string $field, array $attributes): bool
+    {
+        if (! array_key_exists($field, $attributes)) {
+            return false;
+        }
+
+        $wanted = $attributes[$field];
+        $current = $entry->{$field};
+
+        return match ($field) {
+            'started_at', 'ended_at' => $wanted === null || $current === null
+                ? $wanted !== $current
+                : ! $current->equalTo(Carbon::parse($wanted)),
+            'billable' => (bool) $wanted !== (bool) $current,
+            default => $wanted !== null && (int) $wanted !== (int) $current,
+        };
+    }
+
+    /** Invoiced time is history: it can never be deleted from under an invoice. */
+    public function delete(int $companyId, int $id): void
+    {
+        $entry = $this->findForCompany($companyId, $id);
+
+        if ($entry->isStamped()) {
+            throw EntriesAlreadyInvoiced::forEntry((int) $entry->id);
+        }
+
+        $entry->delete();
+    }
+
+    public function findForCompany(int $companyId, int $id): TimeEntry
+    {
+        $entry = TimeEntry::query()->forCompany($companyId)->find($id);
+
+        if ($entry === null) {
+            throw (new ModelNotFoundException)->setModel(TimeEntry::class, [$id]);
+        }
+
+        return $entry;
+    }
+
+    /**
+     * A viewer without the view-all-time ability only ever sees their own time,
+     * whatever the filters ask for.
+     *
+     * @param  array{user_id?: int, project_id?: int, task_id?: int, from?: string, to?: string, billable?: bool, billed?: bool}  $filters
+     * @return Collection<int, TimeEntry>
+     */
+    public function listFor(int $companyId, array $filters, ?int $viewerUserId, bool $canSeeAll): Collection
+    {
+        $query = TimeEntry::query()->forCompany($companyId)->whereNull('running_user_id');
+
+        if (! $canSeeAll) {
+            $query->where('user_id', $viewerUserId);
+        } elseif (isset($filters['user_id'])) {
+            $query->where('user_id', $filters['user_id']);
+        }
+
+        foreach (['project_id', 'task_id'] as $field) {
+            if (isset($filters[$field])) {
+                $query->where($field, $filters[$field]);
+            }
+        }
+
+        if (isset($filters['from'])) {
+            $query->where('started_at', '>=', Carbon::parse($filters['from'])->startOfDay());
+        }
+
+        if (isset($filters['to'])) {
+            $query->where('started_at', '<=', Carbon::parse($filters['to'])->endOfDay());
+        }
+
+        if (isset($filters['billable'])) {
+            $query->where('billable', (bool) $filters['billable']);
+        }
+
+        if (isset($filters['billed'])) {
+            $filters['billed'] ? $query->whereNotNull('invoice_id') : $query->whereNull('invoice_id');
+        }
+
+        return $query->orderByDesc('started_at')->orderByDesc('id')->get();
+    }
+
+    /**
+     * The time log of one task: the running clocks first, then everything
+     * logged against it, newest first.
+     *
+     * A running entry has no duration yet, so it would sort among the oldest
+     * rows on `started_at` alone; a CASE every supported database understands
+     * lifts it to the top instead. The cap keeps a task somebody has been
+     * logging against for years from answering with a megabyte of JSON.
+     *
+     * @return Collection<int, TimeEntry>
+     */
+    public function logForTask(
+        int $companyId,
+        int $taskId,
+        ?int $viewerUserId,
+        bool $canSeeAll,
+        int $limit = self::LOG_LIMIT,
+    ): Collection {
+        $query = TimeEntry::query()
+            ->forCompany($companyId)
+            ->where('task_id', $taskId);
+
+        if (! $canSeeAll) {
+            $query->where('user_id', $viewerUserId);
+        }
+
+        return $query
+            ->orderByRaw('CASE WHEN running_user_id IS NULL THEN 1 ELSE 0 END')
+            ->orderByDesc('started_at')
+            ->orderByDesc('id')
+            ->limit($limit)
+            ->get();
+    }
+
+    /** The cached money on an entry: minutes as hours, times the frozen rate. */
+    public static function amountFor(int $minutes, int $rate): int
+    {
+        return (int) round($minutes / 60 * $rate);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function minutesFrom(array $attributes, ?Carbon $startedAt, ?Carbon $endedAt, int $fallback = 0): int
+    {
+        if (array_key_exists('duration_minutes', $attributes) && $attributes['duration_minutes'] !== null) {
+            return max(0, (int) $attributes['duration_minutes']);
+        }
+
+        if ($startedAt !== null && $endedAt !== null) {
+            return max(0, (int) round($startedAt->diffInSeconds($endedAt, true) / 60));
+        }
+
+        return $fallback;
+    }
+
+    private function currencyFor(Task $task): ?int
+    {
+        $project = $task->project_id === null ? null : $task->project()->first();
+
+        return $project?->currency_id === null ? null : (int) $project->currency_id;
+    }
+}
diff --git a/app/Application/TimerService.php b/app/Application/TimerService.php
new file mode 100644
index 0000000..82f80f9
--- /dev/null
+++ b/app/Application/TimerService.php
@@ -0,0 +1,219 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Application;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Database\QueryException;
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\Concerns\DetectsUniqueViolations;
+use Modules\TasksProjects\Application\Exceptions\TimerAlreadyRunning;
+use Modules\TasksProjects\Application\Exceptions\TimerMismatch;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * The running timer: one open time entry per user per company.
+ *
+ * A running entry is an ordinary time entry with `running_user_id` set and
+ * `ended_at` still null. The invariant is held by the unique index on
+ * `(company_id, running_user_id)` rather than by a read-then-write check, so
+ * two tabs racing each other still end up with one timer: the loser's insert
+ * fails and is reported as the same TimerAlreadyRunning the check raises.
+ *
+ * Nothing is rated while the clock runs. The rate is resolved and frozen at
+ * stop, together with the rounded duration and the cached amount.
+ */
+final class TimerService
+{
+    use DetectsUniqueViolations;
+
+    public function __construct(
+        private readonly TaskService $tasks,
+        private readonly RateResolver $rates,
+        private readonly ModuleSettings $settings,
+    ) {}
+
+    /** The caller's running entry, or null when the clock is not running. */
+    public function running(int $companyId, int $userId): ?TimeEntry
+    {
+        return TimeEntry::query()
+            ->forCompany($companyId)
+            ->where('running_user_id', $userId)
+            ->first();
+    }
+
+    /**
+     * Put the caller's clock on a task.
+     *
+     * Starting the task the clock is already on is the same wish twice rather
+     * than a conflict, so it applies whatever the caller sent and answers the
+     * entry that is already running. That is what makes "create this task and
+     * start it" correct when `auto_start_tasks` started the clock on create.
+     *
+     * @throws TimerAlreadyRunning when the user's timer is on another task
+     */
+    public function start(
+        int $companyId,
+        int $userId,
+        int $taskId,
+        ?string $description = null,
+        ?bool $billable = null,
+    ): TimeEntry {
+        $task = $this->tasks->findForCompany($companyId, $taskId);
+        $running = $this->running($companyId, $userId);
+
+        if ($running !== null) {
+            if ((int) $running->task_id !== (int) $task->id) {
+                throw TimerAlreadyRunning::forUser($userId, $companyId);
+            }
+
+            return $this->applyDetails($running, $description, $billable);
+        }
+
+        try {
+            return TimeEntry::query()->create([
+                'company_id' => $companyId,
+                'task_id' => $task->id,
+                'project_id' => $task->project_id,
+                'user_id' => $userId,
+                'started_at' => Carbon::now(),
+                'ended_at' => null,
+                'duration_minutes' => 0,
+                'description' => $description,
+                'billable' => $billable ?? (bool) $task->billable,
+                'rate' => 0,
+                'amount' => 0,
+                'currency_id' => $this->currencyFor($task),
+                'running_user_id' => $userId,
+            ]);
+        } catch (QueryException $exception) {
+            if ($this->isUniqueViolation($exception)) {
+                throw TimerAlreadyRunning::forUser($userId, $companyId);
+            }
+
+            throw $exception;
+        }
+    }
+
+    /**
+     * Close the running entry: derive the elapsed minutes, round them to the
+     * company increment, resolve the rate and cache the amount.
+     *
+     * The description and the billable flag are what the stop dialog collected,
+     * and each is applied only when it was sent: a client that stops without a
+     * body keeps whatever the start recorded.
+     */
+    public function stop(
+        int $companyId,
+        int $userId,
+        ?string $description = null,
+        ?bool $billable = null,
+    ): TimeEntry {
+        $entry = $this->requireRunning($companyId, $userId);
+        $endedAt = Carbon::now();
+        $startedAt = $entry->started_at ?? $endedAt;
+
+        $this->writeDetails($entry, $description, $billable);
+
+        $entry->ended_at = $endedAt;
+        $entry->running_user_id = null;
+        $entry->duration_minutes = Rounding::roundMinutes(
+            max(0, (int) round($startedAt->diffInSeconds($endedAt, true) / 60)),
+            $this->settings->roundingMinutes($companyId),
+            $this->settings->roundingDirection($companyId),
+        );
+
+        $task = $this->tasks->findForCompany($companyId, (int) $entry->task_id);
+        $entry->rate = $this->rates->resolve($task, $userId, $this->settings);
+        $entry->amount = TimeEntryService::amountFor((int) $entry->duration_minutes, (int) $entry->rate);
+        $entry->save();
+
+        return $entry;
+    }
+
+    /**
+     * Stop the clock the caller is running on one particular task.
+     *
+     * Stopping is addressed to a task rather than to "whatever is running", so
+     * a stale row or a second tab cannot stop a timer the user has since moved
+     * elsewhere. Nothing running and something else running are the same
+     * mismatch to the caller, who reloads the timer either way.
+     *
+     * @throws TimerMismatch when the caller's timer is not on this task
+     */
+    public function stopOn(
+        int $companyId,
+        int $userId,
+        int $taskId,
+        ?string $description = null,
+        ?bool $billable = null,
+    ): TimeEntry {
+        $task = $this->tasks->findForCompany($companyId, $taskId);
+        $running = $this->running($companyId, $userId);
+
+        if ($running === null || (int) $running->task_id !== (int) $task->id) {
+            throw TimerMismatch::forTask(
+                (int) $task->id,
+                $running === null ? null : (int) $running->task_id,
+            );
+        }
+
+        return $this->stop($companyId, $userId, $description, $billable);
+    }
+
+    /** Throw away the running entry without recording any time. */
+    public function discard(int $companyId, int $userId): void
+    {
+        $this->requireRunning($companyId, $userId)->delete();
+    }
+
+    /** Apply the caller's details to a running entry and save if anything moved. */
+    private function applyDetails(TimeEntry $entry, ?string $description, ?bool $billable): TimeEntry
+    {
+        $this->writeDetails($entry, $description, $billable);
+
+        if ($entry->isDirty()) {
+            $entry->save();
+        }
+
+        return $entry;
+    }
+
+    /**
+     * Write onto an entry whatever the caller actually sent.
+     *
+     * Null is "the caller did not say", never "clear it", so a stop that
+     * carries only a description leaves the billable flag the start chose.
+     */
+    private function writeDetails(TimeEntry $entry, ?string $description, ?bool $billable): void
+    {
+        if ($description !== null) {
+            $entry->description = $description;
+        }
+
+        if ($billable !== null) {
+            $entry->billable = $billable;
+        }
+    }
+
+    private function requireRunning(int $companyId, int $userId): TimeEntry
+    {
+        $entry = $this->running($companyId, $userId);
+
+        if ($entry === null) {
+            throw (new ModelNotFoundException)->setModel(TimeEntry::class);
+        }
+
+        return $entry;
+    }
+
+    private function currencyFor(Task $task): ?int
+    {
+        $project = $task->project_id === null ? null : $task->project()->first();
+
+        return $project?->currency_id === null ? null : (int) $project->currency_id;
+    }
+}
diff --git a/app/Http/Controllers/BillingController.php b/app/Http/Controllers/BillingController.php
new file mode 100644
index 0000000..f7ad1de
--- /dev/null
+++ b/app/Http/Controllers/BillingController.php
@@ -0,0 +1,132 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Modules\TasksProjects\Application\BillingSelection;
+use Modules\TasksProjects\Application\BillingService;
+use Modules\TasksProjects\Http\Requests\ConfirmInvoiceRequest;
+use Modules\TasksProjects\Http\Requests\PrepareInvoiceRequest;
+use Modules\TasksProjects\Http\Requests\UnbilledCustomersRequest;
+use Modules\TasksProjects\Http\Requests\UnbilledTimeRequest;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * Turning unbilled time into invoice lines, in two steps.
+ *
+ * `prepare` returns the body the host invoice endpoint expects; the browser
+ * posts it with the session's own client, so the module never writes to the
+ * host invoice tables, and hands the ids back to `confirm`, which stamps the
+ * entries and is safe to repeat.
+ */
+final class BillingController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly BillingService $billing)
+    {
+        parent::__construct($authorizes);
+    }
+
+    /**
+     * Who has unbilled time, before anyone's entries are asked for.
+     *
+     * One row per customer and currency, so the unbilled time page can open on
+     * a list of people worth invoicing rather than a customer picker over the
+     * whole address book.
+     */
+    public function customers(UnbilledCustomersRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::INVOICE_TASKS);
+
+        $filters = $request->validated();
+
+        return response()->json(['data' => $this->billing->customers(
+            $context->companyId,
+            $filters['from'] ?? null,
+            $filters['to'] ?? null,
+        )]);
+    }
+
+    public function unbilled(UnbilledTimeRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::INVOICE_TASKS);
+
+        $filters = $request->validated();
+
+        return response()->json(['data' => $this->billing->unbilled(
+            $context->companyId,
+            (int) $filters['customer_id'],
+            $filters['from'] ?? null,
+            $filters['to'] ?? null,
+        )]);
+    }
+
+    /**
+     * The body the browser posts to the host invoice endpoint.
+     *
+     * The selection arrives in one of three shapes and leaves as one: entry
+     * ids, task ids or a project all become the same ordered list of entries,
+     * so the caller picks whichever shape its screen knows and reads the same
+     * answer back. Zero fractions are preserved so `quantity` stays the
+     * two-decimal number of hours the preview showed, rather than collapsing
+     * to an integer on the way out.
+     */
+    public function prepare(PrepareInvoiceRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::INVOICE_TASKS);
+
+        $validated = $request->validated();
+
+        $payload = $this->billing->prepare(
+            $context->companyId,
+            $this->selectionFrom($validated),
+            $validated['grouping'] ?? BillingService::DEFAULT_GROUPING,
+        );
+
+        return response()->json(['data' => $payload], 200, [], JSON_PRESERVE_ZERO_FRACTION);
+    }
+
+    /**
+     * The one selection the request carries.
+     *
+     * The request rules have already refused a body that names two of them or
+     * none, so the order the shapes are tried in never decides anything.
+     *
+     * @param  array<string, mixed>  $validated
+     */
+    private function selectionFrom(array $validated): BillingSelection
+    {
+        if (isset($validated['task_ids'])) {
+            return BillingSelection::fromTaskIds(array_map(intval(...), $validated['task_ids']));
+        }
+
+        if (isset($validated['project_id'])) {
+            return BillingSelection::fromProject((int) $validated['project_id']);
+        }
+
+        return BillingSelection::fromEntryIds(array_map(intval(...), $validated['entry_ids']));
+    }
+
+    /** Stamp the entries with the invoice and line ids the host handed back. */
+    public function confirm(ConfirmInvoiceRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::INVOICE_TASKS);
+
+        $validated = $request->validated();
+
+        $items = array_map(static fn (array $item): array => [
+            'invoice_item_id' => (int) $item['invoice_item_id'],
+            'entry_ids' => array_map(intval(...), $item['entry_ids']),
+        ], $validated['items']);
+
+        return response()->json([
+            'stamped' => $this->billing->confirm($context->companyId, (int) $validated['invoice_id'], $items),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/BoardController.php b/app/Http/Controllers/BoardController.php
new file mode 100644
index 0000000..381f74c
--- /dev/null
+++ b/app/Http/Controllers/BoardController.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Modules\TasksProjects\Application\BoardQuery;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Application\TaskTimeSummary;
+use Modules\TasksProjects\Http\Requests\BoardRequest;
+use Modules\TasksProjects\Http\Resources\TaskResource;
+use Modules\TasksProjects\Http\Resources\TaskStatusResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * The whole board in one response: every column of the company, each with its
+ * tasks in board order.
+ *
+ * A company that has never opened the board has no columns yet, so the four
+ * defaults are created before the first read.
+ *
+ * The cards carry the same `time` block as the list, summarised for the whole
+ * board in one pass rather than per column.
+ */
+final class BoardController extends Controller
+{
+    public function __construct(
+        Authorizes $authorizes,
+        private readonly BoardQuery $board,
+        private readonly TaskStatusService $statuses,
+        private readonly TaskTimeSummary $summary,
+    ) {
+        parent::__construct($authorizes);
+    }
+
+    public function __invoke(BoardRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+
+        $this->statuses->ensureDefaults($context->companyId);
+
+        $filters = $request->validated();
+        $columns = $this->board->columns(
+            $context->companyId,
+            isset($filters['project_id']) ? (int) $filters['project_id'] : null,
+            isset($filters['assignee_id']) ? (int) $filters['assignee_id'] : null,
+        );
+
+        $this->summary->attach($context->companyId, array_merge(
+            ...array_map(static fn (array $column): array => $column['tasks'], $columns),
+        ));
+
+        return response()->json(['data' => array_map(static fn (array $column): array => [
+            'status' => TaskStatusResource::make($column['status'])->resolve($request),
+            'tasks' => TaskResource::collection($column['tasks'])->resolve($request),
+        ], $columns)]);
+    }
+}
diff --git a/app/Http/Controllers/BulkTasksController.php b/app/Http/Controllers/BulkTasksController.php
new file mode 100644
index 0000000..97a2fb0
--- /dev/null
+++ b/app/Http/Controllers/BulkTasksController.php
@@ -0,0 +1,77 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Http\JsonResponse;
+use Modules\TasksProjects\Application\Exceptions\TasksProjectsException;
+use Modules\TasksProjects\Application\TaskService;
+use Modules\TasksProjects\Http\DomainExceptionRenderer;
+use Modules\TasksProjects\Http\Requests\BulkTasksRequest;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * The two things a task selection can do to every task at once.
+ *
+ * Moving a selection to a status and deleting it are safe in bulk because each
+ * task answers for itself: one task that is locked, invoiced or already gone
+ * lands in `failed` with its reason and the rest still go through, each in its
+ * own transaction. The caller gets both lists and can show exactly what did not
+ * happen.
+ *
+ * Starting and stopping timers are deliberately not bulk actions: one running
+ * timer per user is a hard invariant of this module, so "start these twelve
+ * tasks" has no meaning that is not a lie. Invoicing is not here either, for a
+ * different reason: it creates one host document out of the whole selection
+ * rather than doing the same thing to each task, and it has to refuse mixed
+ * customers as a single failure. It lives in the billing endpoints, where that
+ * all-or-nothing shape belongs.
+ */
+final class BulkTasksController extends Controller
+{
+    public const ACTION_STATUS = 'status';
+
+    public const ACTION_DELETE = 'delete';
+
+    /** @var list<string> */
+    public const ACTIONS = [self::ACTION_STATUS, self::ACTION_DELETE];
+
+    public function __construct(Authorizes $authorizes, private readonly TaskService $tasks)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function __invoke(BulkTasksRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $validated = $request->validated();
+        $action = (string) $validated['action'];
+
+        $this->authorize(
+            $context,
+            $action === self::ACTION_DELETE ? Abilities::DELETE_TASK : Abilities::EDIT_TASK,
+        );
+
+        $updated = [];
+        $failed = [];
+
+        foreach (array_map(intval(...), $validated['ids']) as $taskId) {
+            try {
+                $action === self::ACTION_DELETE
+                    ? $this->tasks->delete($context->companyId, $taskId)
+                    : $this->tasks->move($context->companyId, $taskId, (int) $validated['task_status_id']);
+
+                $updated[] = $taskId;
+            } catch (ModelNotFoundException) {
+                $failed[] = ['id' => $taskId, 'reason' => 'not_found'];
+            } catch (TasksProjectsException $exception) {
+                $failed[] = ['id' => $taskId, 'reason' => DomainExceptionRenderer::errorKey($exception)];
+            }
+        }
+
+        return response()->json(['updated' => $updated, 'failed' => $failed]);
+    }
+}
diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php
new file mode 100644
index 0000000..b1a7966
--- /dev/null
+++ b/app/Http/Controllers/Controller.php
@@ -0,0 +1,94 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Pagination\LengthAwarePaginator;
+use Illuminate\Routing\Controller as BaseController;
+use Illuminate\Support\Collection;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\CompanyContext;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * What every controller in the module shares: the company and user of the
+ * request, the ability check, and the page it should return.
+ *
+ * Controllers stay thin. They authorize, validate through a form request, call
+ * a service and hand the result to a resource; the rules themselves live in the
+ * services, and company scoping lives in the services' findForCompany.
+ */
+abstract class Controller extends BaseController
+{
+    public const DEFAULT_LIMIT = 15;
+
+    public const MAX_LIMIT = 100;
+
+    public function __construct(protected readonly Authorizes $authorizes) {}
+
+    protected function context(Request $request): CompanyContext
+    {
+        return CompanyContext::fromRequest($request);
+    }
+
+    protected function authorize(CompanyContext $context, string $ability): void
+    {
+        $this->authorizes->require($context, $ability);
+    }
+
+    protected function allows(CompanyContext $context, string $ability): bool
+    {
+        return $this->authorizes->allows($context, $ability);
+    }
+
+    /**
+     * Whether the caller sees other members' time: either the ability, or the
+     * company setting that opens the timesheet to everyone.
+     */
+    protected function canSeeAllTime(CompanyContext $context, ModuleSettings $settings): bool
+    {
+        return $this->allows($context, Abilities::VIEW_ALL_TIME)
+            || $settings->membersSeeAllTime($context->companyId);
+    }
+
+    /** `?limit=`, defaulted and clamped rather than rejected. */
+    protected function limit(Request $request): int
+    {
+        $limit = $request->integer('limit');
+
+        return $limit <= 0 ? self::DEFAULT_LIMIT : min($limit, self::MAX_LIMIT);
+    }
+
+    /**
+     * Page an already-loaded collection.
+     *
+     * The services own every query and hand back whole collections, so the page
+     * is cut here rather than in a second query. The lists this module serves
+     * are one company's projects, tasks and time entries, which is the scale
+     * that fits in memory comfortably.
+     *
+     * @template TValue
+     *
+     * @param  Collection<int, TValue>  $items
+     * @return LengthAwarePaginator<int, TValue>
+     */
+    protected function paginate(Collection $items, Request $request): LengthAwarePaginator
+    {
+        $perPage = $this->limit($request);
+        $page = LengthAwarePaginator::resolveCurrentPage();
+
+        return new LengthAwarePaginator(
+            $items->forPage($page, $perPage)->values(),
+            $items->count(),
+            $perPage,
+            $page,
+            [
+                'path' => LengthAwarePaginator::resolveCurrentPath(),
+                'query' => $request->query(),
+            ],
+        );
+    }
+}
diff --git a/app/Http/Controllers/MembersController.php b/app/Http/Controllers/MembersController.php
new file mode 100644
index 0000000..36a589d
--- /dev/null
+++ b/app/Http/Controllers/MembersController.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * The company's members, for the assignee and project member pickers.
+ *
+ * This is host data, so it comes from the company data contract rather than
+ * from a host model or a pivot table read by name.
+ */
+final class MembersController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly CompanyDataReader $companyData)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function __invoke(Request $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_PROJECT);
+
+        return response()->json(['data' => $this->companyData->companyMembers($context->companyId)]);
+    }
+}
diff --git a/app/Http/Controllers/ProjectMembersController.php b/app/Http/Controllers/ProjectMembersController.php
new file mode 100644
index 0000000..395cdec
--- /dev/null
+++ b/app/Http/Controllers/ProjectMembersController.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Modules\TasksProjects\Application\ProjectMemberService;
+use Modules\TasksProjects\Http\Requests\AttachProjectMemberRequest;
+use Modules\TasksProjects\Http\Resources\ProjectMemberResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * Who works on a project, and at what rate.
+ *
+ * Detaching a member never touches their time entries: the history of the work
+ * survives the leaver.
+ */
+final class ProjectMembersController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly ProjectMemberService $members)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function index(Request $request, int $id): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        return ProjectMemberResource::collection($this->members->listFor($context->companyId, $id));
+    }
+
+    public function store(AttachProjectMemberRequest $request, int $id): ProjectMemberResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        $validated = $request->validated();
+
+        return new ProjectMemberResource($this->members->attach(
+            $context->companyId,
+            $id,
+            (int) $validated['user_id'],
+            isset($validated['rate']) ? (int) $validated['rate'] : null,
+        ));
+    }
+
+    public function destroy(Request $request, int $id, int $userId): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        $this->members->detach($context->companyId, $id, $userId);
+
+        return response()->json(['success' => true]);
+    }
+}
diff --git a/app/Http/Controllers/ProjectsController.php b/app/Http/Controllers/ProjectsController.php
new file mode 100644
index 0000000..9edd6ec
--- /dev/null
+++ b/app/Http/Controllers/ProjectsController.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Modules\TasksProjects\Application\ProjectService;
+use Modules\TasksProjects\Http\Requests\ListProjectsRequest;
+use Modules\TasksProjects\Http\Requests\StoreProjectRequest;
+use Modules\TasksProjects\Http\Requests\UpdateProjectRequest;
+use Modules\TasksProjects\Http\Resources\ProjectResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+final class ProjectsController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly ProjectService $projects)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function index(ListProjectsRequest $request): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_PROJECT);
+
+        $filters = $request->validated();
+        $projects = $this->projects->listFor($context->companyId, array_filter([
+            'status' => $filters['status'] ?? null,
+            'customer_id' => isset($filters['customer_id']) ? (int) $filters['customer_id'] : null,
+            'user_id' => isset($filters['member_id']) ? (int) $filters['member_id'] : null,
+            'search' => $filters['search'] ?? null,
+            'sort_by' => $filters['sort_by'] ?? null,
+            'sort_order' => $filters['sort_order'] ?? null,
+        ], static fn (mixed $value): bool => $value !== null));
+
+        return ProjectResource::collection($this->paginate($projects, $request));
+    }
+
+    public function store(StoreProjectRequest $request): ProjectResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::CREATE_PROJECT);
+
+        return new ProjectResource($this->projects->create(
+            $context->companyId,
+            $request->validated() + ['creator_id' => $context->userId],
+        ));
+    }
+
+    public function show(Request $request, int $id): ProjectResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_PROJECT);
+
+        $project = $this->projects->findForCompany($context->companyId, $id);
+
+        return (new ProjectResource($project))->withTotals($this->projects->totals($project));
+    }
+
+    public function update(UpdateProjectRequest $request, int $id): ProjectResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        return new ProjectResource($this->projects->update($context->companyId, $id, $request->validated()));
+    }
+
+    public function destroy(Request $request, int $id): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::DELETE_PROJECT);
+
+        $this->projects->delete($context->companyId, $id);
+
+        return response()->json(['success' => true]);
+    }
+
+    public function archive(Request $request, int $id): ProjectResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        return new ProjectResource($this->projects->archive($context->companyId, $id));
+    }
+
+    public function unarchive(Request $request, int $id): ProjectResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_PROJECT);
+
+        return new ProjectResource($this->projects->unarchive($context->companyId, $id));
+    }
+}
diff --git a/app/Http/Controllers/ReportsController.php b/app/Http/Controllers/ReportsController.php
new file mode 100644
index 0000000..46a7c4f
--- /dev/null
+++ b/app/Http/Controllers/ReportsController.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\ReportService;
+use Modules\TasksProjects\Http\Requests\ReportSummaryRequest;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Read-only aggregates over logged time, for a dashboard or a reporting module.
+ *
+ * The range defaults to the current month. A caller who only has view-own-time
+ * still gets a report: it covers their own time alone.
+ */
+final class ReportsController extends Controller
+{
+    public function __construct(
+        Authorizes $authorizes,
+        private readonly ReportService $reports,
+        private readonly ModuleSettings $settings,
+    ) {
+        parent::__construct($authorizes);
+    }
+
+    public function summary(ReportSummaryRequest $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $filters = $request->validated();
+        $from = isset($filters['from']) ? Carbon::parse($filters['from']) : Carbon::now()->startOfMonth();
+        $to = isset($filters['to']) ? Carbon::parse($filters['to']) : Carbon::now();
+
+        return response()->json(['data' => $this->reports->summary(
+            $context->companyId,
+            $from->toDateString(),
+            $to->toDateString(),
+            $context->userId,
+            $this->canSeeAllTime($context, $this->settings),
+        )]);
+    }
+}
diff --git a/app/Http/Controllers/SettingsController.php b/app/Http/Controllers/SettingsController.php
new file mode 100644
index 0000000..6be541e
--- /dev/null
+++ b/app/Http/Controllers/SettingsController.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * The module's per-company settings, typed for the UI.
+ *
+ * Reading only. Writes go through the host's own module settings endpoint,
+ * which validates against the schema the module registered, so there is no
+ * second place where a setting can be written.
+ */
+final class SettingsController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly ModuleSettings $settings)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function __invoke(Request $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_PROJECT);
+
+        $companyId = $context->companyId;
+
+        $flags = [];
+        foreach (array_keys(ModuleSettings::FLAGS) as $key) {
+            $flags[$key] = $this->settings->flag($companyId, $key);
+        }
+
+        return response()->json(['data' => [
+            'default_rate' => $this->settings->defaultRate($companyId),
+            'rounding_minutes' => $this->settings->roundingMinutes($companyId),
+            'rounding_direction' => $this->settings->roundingDirection($companyId),
+            'week_start' => $this->settings->weekStart($companyId),
+            ...$flags,
+            'rounding_increments' => ModuleSettings::ROUNDING_INCREMENTS,
+        ]]);
+    }
+}
diff --git a/app/Http/Controllers/TaskStatusesController.php b/app/Http/Controllers/TaskStatusesController.php
new file mode 100644
index 0000000..24e22ae
--- /dev/null
+++ b/app/Http/Controllers/TaskStatusesController.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Http\Requests\ReorderTaskStatusesRequest;
+use Modules\TasksProjects\Http\Requests\StoreTaskStatusRequest;
+use Modules\TasksProjects\Http\Requests\UpdateTaskStatusRequest;
+use Modules\TasksProjects\Http\Resources\TaskStatusResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * The board columns of one company.
+ *
+ * The list is never paged: it is the board's own configuration, the editor
+ * reorders all of it at once, and four rows is the normal size.
+ */
+final class TaskStatusesController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly TaskStatusService $statuses)
+    {
+        parent::__construct($authorizes);
+    }
+
+    public function index(Request $request): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+
+        $this->statuses->ensureDefaults($context->companyId);
+
+        return TaskStatusResource::collection($this->statuses->listFor($context->companyId));
+    }
+
+    public function store(StoreTaskStatusRequest $request): TaskStatusResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::MANAGE_TASK_STATUS);
+
+        return new TaskStatusResource($this->statuses->create($context->companyId, $request->validated()));
+    }
+
+    public function update(UpdateTaskStatusRequest $request, int $id): TaskStatusResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::MANAGE_TASK_STATUS);
+
+        return new TaskStatusResource($this->statuses->update($context->companyId, $id, $request->validated()));
+    }
+
+    public function destroy(Request $request, int $id): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::MANAGE_TASK_STATUS);
+
+        $this->statuses->delete($context->companyId, $id);
+
+        return response()->json(['success' => true]);
+    }
+
+    /** Apply the wanted column order; anything left out follows the listed ids. */
+    public function reorder(ReorderTaskStatusesRequest $request): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::MANAGE_TASK_STATUS);
+
+        $ids = array_map(intval(...), $request->validated()['ids']);
+        $this->statuses->reorder($context->companyId, $ids);
+
+        return TaskStatusResource::collection($this->statuses->listFor($context->companyId));
+    }
+}
diff --git a/app/Http/Controllers/TaskTimeLogController.php b/app/Http/Controllers/TaskTimeLogController.php
new file mode 100644
index 0000000..0123749
--- /dev/null
+++ b/app/Http/Controllers/TaskTimeLogController.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Modules\TasksProjects\Application\TaskService;
+use Modules\TasksProjects\Application\TimeEntryService;
+use Modules\TasksProjects\Http\Resources\TimeEntryResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Everything logged against one task, newest first, running clocks on top.
+ *
+ * Totals are open to anyone who may see the task, but the rows behind them
+ * follow the same visibility rule as the timesheet: without view-all-time, and
+ * with the company setting closed, the caller sees their own time and nobody
+ * else's. The list is capped rather than paged, because it feeds a grid on the
+ * task page and a task with five hundred entries is already a reporting
+ * question rather than an editing one.
+ */
+final class TaskTimeLogController extends Controller
+{
+    public function __construct(
+        Authorizes $authorizes,
+        private readonly TaskService $tasks,
+        private readonly TimeEntryService $entries,
+        private readonly ModuleSettings $settings,
+    ) {
+        parent::__construct($authorizes);
+    }
+
+    public function __invoke(Request $request, int $id): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+
+        $task = $this->tasks->findForCompany($context->companyId, $id);
+
+        $entries = $this->entries->logForTask(
+            $context->companyId,
+            (int) $task->id,
+            $context->userId,
+            $this->canSeeAllTime($context, $this->settings),
+        );
+
+        return response()->json([
+            'data' => TimeEntryResource::collection($entries)->resolve($request),
+        ]);
+    }
+}
diff --git a/app/Http/Controllers/TasksController.php b/app/Http/Controllers/TasksController.php
new file mode 100644
index 0000000..ec97dac
--- /dev/null
+++ b/app/Http/Controllers/TasksController.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Modules\TasksProjects\Application\Exceptions\TimerAlreadyRunning;
+use Modules\TasksProjects\Application\TaskService;
+use Modules\TasksProjects\Application\TaskTimeSummary;
+use Modules\TasksProjects\Application\TimerService;
+use Modules\TasksProjects\Http\Requests\ListTasksRequest;
+use Modules\TasksProjects\Http\Requests\MoveTaskRequest;
+use Modules\TasksProjects\Http\Requests\StoreTaskRequest;
+use Modules\TasksProjects\Http\Requests\UpdateTaskRequest;
+use Modules\TasksProjects\Http\Resources\TaskResource;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\CompanyContext;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Tasks, each answering with the time logged against it.
+ *
+ * Every response here carries the task's `time` block, filled in for the whole
+ * page at once by TaskTimeSummary so a list of fifty tasks still costs three
+ * queries rather than fifty.
+ */
+final class TasksController extends Controller
+{
+    public function __construct(
+        Authorizes $authorizes,
+        private readonly TaskService $tasks,
+        private readonly TaskTimeSummary $summary,
+        private readonly TimerService $timer,
+        private readonly ModuleSettings $settings,
+    ) {
+        parent::__construct($authorizes);
+    }
+
+    public function index(ListTasksRequest $request): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+
+        $filters = $request->validated();
+        $tasks = $this->tasks->listFor($context->companyId, array_filter([
+            'project_id' => isset($filters['project_id']) ? (int) $filters['project_id'] : null,
+            'assignee_id' => isset($filters['assignee_id']) ? (int) $filters['assignee_id'] : null,
+            'task_status_id' => isset($filters['task_status_id']) ? (int) $filters['task_status_id'] : null,
+            'customer_id' => isset($filters['customer_id']) ? (int) $filters['customer_id'] : null,
+            'invoiced' => array_key_exists('invoiced', $filters) ? $request->boolean('invoiced') : null,
+            'due_before' => $filters['due_before'] ?? null,
+            'due_after' => $filters['due_after'] ?? null,
+            'search' => $filters['search'] ?? null,
+            'sort_by' => $filters['sort_by'] ?? null,
+            'sort_order' => $filters['sort_order'] ?? null,
+        ], static fn (mixed $value): bool => $value !== null));
+
+        $page = $this->paginate($tasks, $request);
+        $this->summary->attach($context->companyId, $page->getCollection());
+
+        return TaskResource::collection($page);
+    }
+
+    /**
+     * Create a task, and start its creator's clock when the company asks for it.
+     *
+     * Auto-start is a convenience, never a precondition: a creator who is
+     * already timing something else keeps that timer and still gets the task.
+     */
+    public function store(StoreTaskRequest $request): TaskResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::CREATE_TASK);
+
+        $task = $this->tasks->create(
+            $context->companyId,
+            $request->validated() + ['creator_id' => $context->userId],
+        );
+
+        $this->autoStart($context, (int) $task->id);
+
+        return $this->withTime($context, $task);
+    }
+
+    public function show(Request $request, int $id): TaskResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+
+        return $this->withTime($context, $this->tasks->findForCompany($context->companyId, $id));
+    }
+
+    public function update(UpdateTaskRequest $request, int $id): TaskResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_TASK);
+
+        return $this->withTime($context, $this->tasks->update($context->companyId, $id, $request->validated()));
+    }
+
+    public function destroy(Request $request, int $id): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::DELETE_TASK);
+
+        $this->tasks->delete($context->companyId, $id);
+
+        return response()->json(['success' => true]);
+    }
+
+    /** Drop a task between two neighbours of the target column. */
+    public function move(MoveTaskRequest $request, int $id): TaskResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::EDIT_TASK);
+
+        $validated = $request->validated();
+
+        return $this->withTime($context, $this->tasks->move(
+            $context->companyId,
+            $id,
+            (int) $validated['task_status_id'],
+            isset($validated['before_id']) ? (int) $validated['before_id'] : null,
+            isset($validated['after_id']) ? (int) $validated['after_id'] : null,
+        ));
+    }
+
+    /** One task, with its time block filled in. */
+    private function withTime(CompanyContext $context, Task $task): TaskResource
+    {
+        $this->summary->attach($context->companyId, [$task]);
+
+        return new TaskResource($task);
+    }
+
+    /**
+     * Start the creator's timer on a brand new task.
+     *
+     * The setting only ever adds a timer: a creator who already has one running
+     * keeps it, and a race that slips past the check is caught by the same
+     * unique index the timer relies on, so the create never fails over this.
+     */
+    private function autoStart(CompanyContext $context, int $taskId): void
+    {
+        if (! $this->settings->autoStartTasks($context->companyId)) {
+            return;
+        }
+
+        if (! $this->allows($context, Abilities::VIEW_OWN_TIME)) {
+            return;
+        }
+
+        if ($this->timer->running($context->companyId, $context->userId) !== null) {
+            return;
+        }
+
+        try {
+            $this->timer->start($context->companyId, $context->userId, $taskId);
+        } catch (TimerAlreadyRunning) {
+            // Another tab won the race; that timer is as good as this one.
+        }
+    }
+}
diff --git a/app/Http/Controllers/TimeEntriesController.php b/app/Http/Controllers/TimeEntriesController.php
new file mode 100644
index 0000000..a16048b
--- /dev/null
+++ b/app/Http/Controllers/TimeEntriesController.php
@@ -0,0 +1,124 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\AnonymousResourceCollection;
+use Modules\TasksProjects\Application\TimeEntryService;
+use Modules\TasksProjects\Http\Requests\ListTimeEntriesRequest;
+use Modules\TasksProjects\Http\Requests\StoreTimeEntryRequest;
+use Modules\TasksProjects\Http\Requests\UpdateTimeEntryRequest;
+use Modules\TasksProjects\Http\Resources\TimeEntryResource;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\CompanyContext;
+use Modules\TasksProjects\Support\ModuleSettings;
+
+/**
+ * Time typed by hand.
+ *
+ * Everyone who may see their own time reaches this controller; what differs is
+ * how far they see. Without view-all-time, and with the company setting closed,
+ * the list is the caller's own rows and another member's entry is invisible.
+ * Writing over someone else's entry always needs edit-all-time.
+ */
+final class TimeEntriesController extends Controller
+{
+    public function __construct(
+        Authorizes $authorizes,
+        private readonly TimeEntryService $entries,
+        private readonly ModuleSettings $settings,
+    ) {
+        parent::__construct($authorizes);
+    }
+
+    public function index(ListTimeEntriesRequest $request): AnonymousResourceCollection
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $filters = $request->validated();
+        $entries = $this->entries->listFor(
+            $context->companyId,
+            array_filter([
+                'user_id' => isset($filters['user_id']) ? (int) $filters['user_id'] : null,
+                'project_id' => isset($filters['project_id']) ? (int) $filters['project_id'] : null,
+                'task_id' => isset($filters['task_id']) ? (int) $filters['task_id'] : null,
+                'from' => $filters['from'] ?? null,
+                'to' => $filters['to'] ?? null,
+                'billable' => array_key_exists('billable', $filters) ? $request->boolean('billable') : null,
+                'billed' => array_key_exists('billed', $filters) ? $request->boolean('billed') : null,
+            ], static fn (mixed $value): bool => $value !== null),
+            $context->userId,
+            $this->canSeeAllTime($context, $this->settings),
+        );
+
+        return TimeEntryResource::collection($this->paginate($entries, $request));
+    }
+
+    public function store(StoreTimeEntryRequest $request): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $validated = $request->validated();
+        $userId = isset($validated['user_id']) ? (int) $validated['user_id'] : $context->userId;
+
+        if ($userId !== $context->userId) {
+            $this->authorize($context, Abilities::EDIT_ALL_TIME);
+        }
+
+        return new TimeEntryResource($this->entries->create($context->companyId, ['user_id' => $userId] + $validated));
+    }
+
+    public function show(Request $request, int $id): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $entry = $this->entries->findForCompany($context->companyId, $id);
+
+        if ($this->belongsToSomeoneElse($context, $entry) && ! $this->canSeeAllTime($context, $this->settings)) {
+            $this->authorize($context, Abilities::VIEW_ALL_TIME);
+        }
+
+        return new TimeEntryResource($entry);
+    }
+
+    public function update(UpdateTimeEntryRequest $request, int $id): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $this->requireWriteAccess($context, $this->entries->findForCompany($context->companyId, $id));
+
+        return new TimeEntryResource($this->entries->update($context->companyId, $id, $request->validated()));
+    }
+
+    public function destroy(Request $request, int $id): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $this->requireWriteAccess($context, $this->entries->findForCompany($context->companyId, $id));
+        $this->entries->delete($context->companyId, $id);
+
+        return response()->json(['success' => true]);
+    }
+
+    private function requireWriteAccess(CompanyContext $context, TimeEntry $entry): void
+    {
+        if ($this->belongsToSomeoneElse($context, $entry)) {
+            $this->authorize($context, Abilities::EDIT_ALL_TIME);
+        }
+    }
+
+    private function belongsToSomeoneElse(CompanyContext $context, TimeEntry $entry): bool
+    {
+        return (int) $entry->user_id !== $context->userId;
+    }
+}
diff --git a/app/Http/Controllers/TimerController.php b/app/Http/Controllers/TimerController.php
new file mode 100644
index 0000000..8cdfab5
--- /dev/null
+++ b/app/Http/Controllers/TimerController.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Controllers;
+
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\Request;
+use Modules\TasksProjects\Application\TimerService;
+use Modules\TasksProjects\Http\Requests\StartTaskTimerRequest;
+use Modules\TasksProjects\Http\Requests\StartTimerRequest;
+use Modules\TasksProjects\Http\Requests\StopTimerRequest;
+use Modules\TasksProjects\Http\Resources\TimeEntryResource;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+
+/**
+ * The caller's own running timer, one per company.
+ *
+ * A start on another task while one is running is a conflict rather than a
+ * validation error, because the first timer is still perfectly valid; the UI
+ * offers to stop it. A start on the task already being timed is not a conflict
+ * at all: it applies the details it carries and answers the running entry.
+ *
+ * The same timer is reachable two ways. `timer/start` and `timer/stop` name the
+ * task in the body and are what the timesheet and the header chip use; the
+ * `tasks/{id}/start` and `tasks/{id}/stop` pair below addresses the task in the
+ * URL, which is what a play button on a row or a card needs: it stops that task
+ * or nothing at all, so a stale row can never stop a clock the user has since
+ * moved elsewhere.
+ */
+final class TimerController extends Controller
+{
+    public function __construct(Authorizes $authorizes, private readonly TimerService $timer)
+    {
+        parent::__construct($authorizes);
+    }
+
+    /** The running entry, or a null payload when the clock is not running. */
+    public function show(Request $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $entry = $this->timer->running($context->companyId, $context->userId);
+
+        return response()->json([
+            'data' => $entry === null ? null : TimeEntryResource::make($entry)->resolve($request),
+        ]);
+    }
+
+    public function start(StartTimerRequest $request): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $validated = $request->validated();
+
+        return new TimeEntryResource($this->timer->start(
+            $context->companyId,
+            $context->userId,
+            (int) $validated['task_id'],
+            $validated['description'] ?? null,
+            self::flag($request, 'billable'),
+        ));
+    }
+
+    public function stop(StopTimerRequest $request): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        return new TimeEntryResource($this->timer->stop(
+            $context->companyId,
+            $context->userId,
+            $request->validated()['description'] ?? null,
+            self::flag($request, 'billable'),
+        ));
+    }
+
+    /** Start the caller's clock on one task, straight from its row or card. */
+    public function startOnTask(StartTaskTimerRequest $request, int $id): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        return new TimeEntryResource($this->timer->start(
+            $context->companyId,
+            $context->userId,
+            $id,
+            $request->validated()['description'] ?? null,
+            self::flag($request, 'billable'),
+        ));
+    }
+
+    /** Stop the caller's clock, but only while it is running on this task. */
+    public function stopOnTask(StopTimerRequest $request, int $id): TimeEntryResource
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_TASK);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        return new TimeEntryResource($this->timer->stopOn(
+            $context->companyId,
+            $context->userId,
+            $id,
+            $request->validated()['description'] ?? null,
+            self::flag($request, 'billable'),
+        ));
+    }
+
+    /** Throw the running entry away without recording any time. */
+    public function destroy(Request $request): JsonResponse
+    {
+        $context = $this->context($request);
+        $this->authorize($context, Abilities::VIEW_OWN_TIME);
+
+        $this->timer->discard($context->companyId, $context->userId);
+
+        return response()->json(['success' => true]);
+    }
+
+    /**
+     * A boolean the caller sent, or null when they said nothing about it.
+     *
+     * The service treats null as "leave it alone", so an omitted flag has to
+     * stay distinguishable from a flag that was sent as false.
+     */
+    private static function flag(Request $request, string $key): ?bool
+    {
+        return $request->has($key) ? $request->boolean($key) : null;
+    }
+}
diff --git a/app/Http/DomainExceptionRenderer.php b/app/Http/DomainExceptionRenderer.php
new file mode 100644
index 0000000..38bb0ef
--- /dev/null
+++ b/app/Http/DomainExceptionRenderer.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http;
+
+use Illuminate\Foundation\Exceptions\Handler;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Str;
+use Modules\TasksProjects\Application\Exceptions\TasksProjectsException;
+use Modules\TasksProjects\Application\Exceptions\TimerAlreadyRunning;
+use Modules\TasksProjects\Application\Exceptions\TimerMismatch;
+use Symfony\Component\HttpFoundation\Response;
+
+/**
+ * One place where a broken domain rule becomes an HTTP response.
+ *
+ * Every rule the services refuse to break extends TasksProjectsException, so a
+ * single renderable covers all of them and no controller needs a try/catch. The
+ * body carries the human message and a stable snake_case key derived from the
+ * exception class, which is what the UI switches on.
+ */
+final class DomainExceptionRenderer
+{
+    /** Statuses that are not the 422 default. */
+    private const STATUSES = [
+        TimerAlreadyRunning::class => Response::HTTP_CONFLICT,
+        TimerMismatch::class => Response::HTTP_CONFLICT,
+    ];
+
+    public static function register(Handler $handler): void
+    {
+        $handler->renderable(static fn (TasksProjectsException $exception): JsonResponse => self::render($exception));
+    }
+
+    /**
+     * The refusal's own context is merged in beside the message, never over
+     * it: a rule that carries ids adds keys, and can never rename the two the
+     * UI always reads.
+     */
+    public static function render(TasksProjectsException $exception): JsonResponse
+    {
+        $body = [
+            'message' => $exception->getMessage(),
+            'error' => self::errorKey($exception),
+        ];
+
+        return new JsonResponse(
+            $body + $exception->context(),
+            self::STATUSES[$exception::class] ?? Response::HTTP_UNPROCESSABLE_ENTITY,
+        );
+    }
+
+    /** `TimerAlreadyRunning` becomes `timer_already_running`. */
+    public static function errorKey(TasksProjectsException $exception): string
+    {
+        return Str::snake(class_basename($exception));
+    }
+}
diff --git a/app/Http/Requests/AttachProjectMemberRequest.php b/app/Http/Requests/AttachProjectMemberRequest.php
new file mode 100644
index 0000000..db8dc73
--- /dev/null
+++ b/app/Http/Requests/AttachProjectMemberRequest.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Illuminate\Validation\Rule;
+use Illuminate\Validation\Rules\In;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use Modules\TasksProjects\Support\CompanyContext;
+
+/**
+ * Attaching a member.
+ *
+ * The user has to be a member of the company the request is scoped to, which is
+ * a host fact, so it is read through the company data contract rather than by
+ * touching a host table.
+ */
+final class AttachProjectMemberRequest extends ModuleRequest
+{
+    /** @return array<string, list<string|In>> */
+    public function rules(): array
+    {
+        return [
+            'user_id' => ['required', 'integer', 'min:1', Rule::in($this->companyMemberIds())],
+            'rate' => ['nullable', 'integer', 'min:0'],
+        ];
+    }
+
+    /** @return array<string, string> */
+    public function messages(): array
+    {
+        return [
+            'user_id.in' => 'The selected user is not a member of this company.',
+        ];
+    }
+
+    /** @return list<int> */
+    private function companyMemberIds(): array
+    {
+        $context = CompanyContext::fromRequest($this);
+
+        return array_map(
+            static fn (array $member): int => (int) $member['id'],
+            app(CompanyDataReader::class)->companyMembers($context->companyId),
+        );
+    }
+}
diff --git a/app/Http/Requests/BoardRequest.php b/app/Http/Requests/BoardRequest.php
new file mode 100644
index 0000000..47fd3fe
--- /dev/null
+++ b/app/Http/Requests/BoardRequest.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class BoardRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'project_id' => ['sometimes', 'integer', 'min:1'],
+            'assignee_id' => ['sometimes', 'integer', 'min:1'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/BulkTasksRequest.php b/app/Http/Requests/BulkTasksRequest.php
new file mode 100644
index 0000000..9987d4c
--- /dev/null
+++ b/app/Http/Requests/BulkTasksRequest.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Http\Controllers\BulkTasksController;
+
+/**
+ * One action, applied to a selection of tasks.
+ *
+ * The status id is required for the status action and refused for the delete
+ * one, so a mistyped body never deletes a selection that meant to move.
+ */
+final class BulkTasksRequest extends ModuleRequest
+{
+    /** How many tasks one request may carry, which is a screenful many times over. */
+    public const MAX_IDS = 200;
+
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'action' => ['required', 'string', 'in:'.implode(',', BulkTasksController::ACTIONS)],
+            'ids' => ['required', 'array', 'min:1', 'max:'.self::MAX_IDS],
+            'ids.*' => ['integer', 'min:1'],
+            'task_status_id' => [
+                'required_if:action,'.BulkTasksController::ACTION_STATUS,
+                'prohibited_if:action,'.BulkTasksController::ACTION_DELETE,
+                'integer',
+                'min:1',
+            ],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ConfirmInvoiceRequest.php b/app/Http/Requests/ConfirmInvoiceRequest.php
new file mode 100644
index 0000000..fe762dd
--- /dev/null
+++ b/app/Http/Requests/ConfirmInvoiceRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+/**
+ * The ids the host gave back after the browser posted the prepared invoice.
+ *
+ * Each item pairs one invoice line with the entries behind it, which is exactly
+ * the shape `prepare` returned, so the caller never has to re-derive the
+ * grouping.
+ */
+final class ConfirmInvoiceRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'invoice_id' => ['required', 'integer', 'min:1'],
+            'items' => ['required', 'array', 'min:1'],
+            'items.*.invoice_item_id' => ['required', 'integer', 'min:1'],
+            'items.*.entry_ids' => ['required', 'array', 'min:1'],
+            'items.*.entry_ids.*' => ['integer', 'min:1'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ListProjectsRequest.php b/app/Http/Requests/ListProjectsRequest.php
new file mode 100644
index 0000000..ee4b46b
--- /dev/null
+++ b/app/Http/Requests/ListProjectsRequest.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Application\ProjectService;
+use Modules\TasksProjects\Models\Project;
+
+final class ListProjectsRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'status' => ['sometimes', 'string', 'in:'.Project::STATUS_ACTIVE.','.Project::STATUS_ARCHIVED],
+            'customer_id' => ['sometimes', 'integer', 'min:1'],
+            'member_id' => ['sometimes', 'integer', 'min:1'],
+            'search' => ['sometimes', 'string', 'max:255'],
+            'sort_by' => ['sometimes', 'string', 'in:'.implode(',', ProjectService::SORT_KEYS)],
+            'sort_order' => ['sometimes', 'string', 'in:asc,desc'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ListTasksRequest.php b/app/Http/Requests/ListTasksRequest.php
new file mode 100644
index 0000000..83efddc
--- /dev/null
+++ b/app/Http/Requests/ListTasksRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Application\TaskService;
+
+final class ListTasksRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'project_id' => ['sometimes', 'integer', 'min:1'],
+            'assignee_id' => ['sometimes', 'integer', 'min:1'],
+            'task_status_id' => ['sometimes', 'integer', 'min:1'],
+            'customer_id' => ['sometimes', 'integer', 'min:1'],
+            'invoiced' => ['sometimes', 'boolean'],
+            'due_before' => ['sometimes', 'date'],
+            'due_after' => ['sometimes', 'date'],
+            'search' => ['sometimes', 'string', 'max:255'],
+            'sort_by' => ['sometimes', 'string', 'in:'.implode(',', TaskService::SORT_KEYS)],
+            'sort_order' => ['sometimes', 'string', 'in:asc,desc'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ListTimeEntriesRequest.php b/app/Http/Requests/ListTimeEntriesRequest.php
new file mode 100644
index 0000000..243f9bd
--- /dev/null
+++ b/app/Http/Requests/ListTimeEntriesRequest.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class ListTimeEntriesRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'user_id' => ['sometimes', 'integer', 'min:1'],
+            'project_id' => ['sometimes', 'integer', 'min:1'],
+            'task_id' => ['sometimes', 'integer', 'min:1'],
+            'from' => ['sometimes', 'date'],
+            'to' => ['sometimes', 'date'],
+            'billable' => ['sometimes', 'boolean'],
+            'billed' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ModuleRequest.php b/app/Http/Requests/ModuleRequest.php
new file mode 100644
index 0000000..0537cd6
--- /dev/null
+++ b/app/Http/Requests/ModuleRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Illuminate\Foundation\Http\FormRequest;
+
+/**
+ * Base for the module's form requests.
+ *
+ * Authorization is deliberately not done here: every action checks its ability
+ * against the host through Support\Authorizes, with the company taken from the
+ * `company` header, so a request object only ever describes the shape of the
+ * input.
+ */
+abstract class ModuleRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+}
diff --git a/app/Http/Requests/MoveTaskRequest.php b/app/Http/Requests/MoveTaskRequest.php
new file mode 100644
index 0000000..849f215
--- /dev/null
+++ b/app/Http/Requests/MoveTaskRequest.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Illuminate\Validation\Rule;
+use Illuminate\Validation\Rules\Exists;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Support\CompanyContext;
+
+/**
+ * Dropping a task between two neighbours.
+ *
+ * Both neighbours have to be tasks of this company already sitting in the
+ * target column, which the board ordering service also insists on; checking it
+ * here turns a bad drag into a validation error instead of a failed write.
+ */
+final class MoveTaskRequest extends ModuleRequest
+{
+    /** @return array<string, list<string|Exists>> */
+    public function rules(): array
+    {
+        return [
+            'task_status_id' => ['required', 'integer', 'min:1'],
+            'before_id' => ['nullable', 'integer', 'min:1', $this->neighbour()],
+            'after_id' => ['nullable', 'integer', 'min:1', $this->neighbour()],
+        ];
+    }
+
+    private function neighbour(): Exists
+    {
+        $context = CompanyContext::fromRequest($this);
+
+        return Rule::exists((new Task)->getTable(), 'id')
+            ->where('company_id', $context->companyId)
+            ->where('task_status_id', $this->integer('task_status_id'));
+    }
+}
diff --git a/app/Http/Requests/PrepareInvoiceRequest.php b/app/Http/Requests/PrepareInvoiceRequest.php
new file mode 100644
index 0000000..b78ce37
--- /dev/null
+++ b/app/Http/Requests/PrepareInvoiceRequest.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Application\BillingService;
+
+/**
+ * What to invoice, in exactly one of the three shapes the UI can offer.
+ *
+ * `entry_ids` is the unbilled time page ticking rows off; `task_ids` is one
+ * task row, a task page or a bulk selection; `project_id` is "invoice this
+ * project". They are mutually exclusive rather than additive, so a screen can
+ * never half-say what it meant, and the grouping is optional because a line
+ * per task is what every entry point wants.
+ */
+final class PrepareInvoiceRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'entry_ids' => ['array', 'min:1', 'required_without_all:task_ids,project_id', 'prohibits:task_ids,project_id'],
+            'entry_ids.*' => ['integer', 'min:1'],
+            'task_ids' => ['array', 'min:1', 'required_without_all:entry_ids,project_id', 'prohibits:entry_ids,project_id'],
+            'task_ids.*' => ['integer', 'min:1'],
+            'project_id' => ['integer', 'min:1', 'required_without_all:entry_ids,task_ids', 'prohibits:entry_ids,task_ids'],
+            'grouping' => ['sometimes', 'string', 'in:'.implode(',', BillingService::GROUPINGS)],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ReorderTaskStatusesRequest.php b/app/Http/Requests/ReorderTaskStatusesRequest.php
new file mode 100644
index 0000000..6bb39f0
--- /dev/null
+++ b/app/Http/Requests/ReorderTaskStatusesRequest.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class ReorderTaskStatusesRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'ids' => ['required', 'array', 'min:1'],
+            'ids.*' => ['integer', 'min:1'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/ReportSummaryRequest.php b/app/Http/Requests/ReportSummaryRequest.php
new file mode 100644
index 0000000..bf240db
--- /dev/null
+++ b/app/Http/Requests/ReportSummaryRequest.php
@@ -0,0 +1,17 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class ReportSummaryRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'from' => ['sometimes', 'date'],
+            'to' => ['sometimes', 'date'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StartTaskTimerRequest.php b/app/Http/Requests/StartTaskTimerRequest.php
new file mode 100644
index 0000000..5117d64
--- /dev/null
+++ b/app/Http/Requests/StartTaskTimerRequest.php
@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+/**
+ * Starting the clock from a task row: the task is the URL, the details are the
+ * body. `billable` overrides the task's own flag, for a start dialog that asked.
+ */
+final class StartTaskTimerRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'description' => ['sometimes', 'nullable', 'string'],
+            'billable' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StartTimerRequest.php b/app/Http/Requests/StartTimerRequest.php
new file mode 100644
index 0000000..33a775c
--- /dev/null
+++ b/app/Http/Requests/StartTimerRequest.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class StartTimerRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'task_id' => ['required', 'integer', 'min:1'],
+            'description' => ['nullable', 'string'],
+            'billable' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StopTimerRequest.php b/app/Http/Requests/StopTimerRequest.php
new file mode 100644
index 0000000..5cf3a0e
--- /dev/null
+++ b/app/Http/Requests/StopTimerRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+/**
+ * Stopping the clock: the note and the billable flag the dialog collected.
+ *
+ * Both are optional, because a stop from an older client sends nothing at all
+ * and must still close the entry with whatever the start recorded.
+ */
+final class StopTimerRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'description' => ['sometimes', 'nullable', 'string', 'max:2000'],
+            'billable' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreProjectRequest.php b/app/Http/Requests/StoreProjectRequest.php
new file mode 100644
index 0000000..41b821e
--- /dev/null
+++ b/app/Http/Requests/StoreProjectRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Models\Project;
+
+final class StoreProjectRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:255'],
+            'customer_id' => ['nullable', 'integer', 'min:1'],
+            'identifier' => ['nullable', 'string', 'max:32'],
+            'description' => ['nullable', 'string'],
+            'colour' => ['nullable', 'string', 'max:16'],
+            'status' => ['sometimes', 'string', 'in:'.Project::STATUS_ACTIVE.','.Project::STATUS_ARCHIVED],
+            'currency_id' => ['nullable', 'integer', 'min:1'],
+            'default_rate' => ['nullable', 'integer', 'min:0'],
+            'budget_minutes' => ['nullable', 'integer', 'min:0'],
+            'due_date' => ['nullable', 'date'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreTaskRequest.php b/app/Http/Requests/StoreTaskRequest.php
new file mode 100644
index 0000000..0a119c5
--- /dev/null
+++ b/app/Http/Requests/StoreTaskRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Models\Task;
+
+final class StoreTaskRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:255'],
+            'project_id' => ['nullable', 'integer', 'min:1'],
+            'customer_id' => ['nullable', 'integer', 'min:1'],
+            'task_status_id' => ['nullable', 'integer', 'min:1'],
+            'description' => ['nullable', 'string'],
+            'assignee_id' => ['nullable', 'integer', 'min:1'],
+            'priority' => ['nullable', 'string', 'max:16', 'in:'.implode(',', Task::PRIORITIES)],
+            'due_date' => ['nullable', 'date'],
+            'estimated_minutes' => ['nullable', 'integer', 'min:0'],
+            'billable' => ['sometimes', 'boolean'],
+            'rate' => ['nullable', 'integer', 'min:0'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreTaskStatusRequest.php b/app/Http/Requests/StoreTaskStatusRequest.php
new file mode 100644
index 0000000..1f68f4d
--- /dev/null
+++ b/app/Http/Requests/StoreTaskStatusRequest.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class StoreTaskStatusRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:255'],
+            'colour' => ['nullable', 'string', 'max:16'],
+            'position' => ['nullable', 'integer', 'min:0'],
+            'is_default' => ['sometimes', 'boolean'],
+            'is_closed' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreTimeEntryRequest.php b/app/Http/Requests/StoreTimeEntryRequest.php
new file mode 100644
index 0000000..766a2f7
--- /dev/null
+++ b/app/Http/Requests/StoreTimeEntryRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class StoreTimeEntryRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'task_id' => ['required', 'integer', 'min:1'],
+            'user_id' => ['nullable', 'integer', 'min:1'],
+            'started_at' => ['nullable', 'date'],
+            'ended_at' => ['nullable', 'date', 'after_or_equal:started_at'],
+            'duration_minutes' => ['nullable', 'integer', 'min:0'],
+            'description' => ['nullable', 'string'],
+            'billable' => ['sometimes', 'boolean'],
+            'rate' => ['nullable', 'integer', 'min:0'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UnbilledCustomersRequest.php b/app/Http/Requests/UnbilledCustomersRequest.php
new file mode 100644
index 0000000..e4768d4
--- /dev/null
+++ b/app/Http/Requests/UnbilledCustomersRequest.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+/**
+ * The optional window the unbilled time page narrows the roll-up to.
+ *
+ * There is no customer here on purpose: this is the list of customers, so
+ * naming one would be asking the wrong question.
+ */
+final class UnbilledCustomersRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'from' => ['sometimes', 'date'],
+            'to' => ['sometimes', 'date'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UnbilledTimeRequest.php b/app/Http/Requests/UnbilledTimeRequest.php
new file mode 100644
index 0000000..20f2fe0
--- /dev/null
+++ b/app/Http/Requests/UnbilledTimeRequest.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class UnbilledTimeRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'customer_id' => ['required', 'integer', 'min:1'],
+            'from' => ['sometimes', 'date'],
+            'to' => ['sometimes', 'date'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateProjectRequest.php b/app/Http/Requests/UpdateProjectRequest.php
new file mode 100644
index 0000000..5427556
--- /dev/null
+++ b/app/Http/Requests/UpdateProjectRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Models\Project;
+
+final class UpdateProjectRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['sometimes', 'required', 'string', 'max:255'],
+            'customer_id' => ['sometimes', 'nullable', 'integer', 'min:1'],
+            'identifier' => ['sometimes', 'nullable', 'string', 'max:32'],
+            'description' => ['sometimes', 'nullable', 'string'],
+            'colour' => ['sometimes', 'nullable', 'string', 'max:16'],
+            'status' => ['sometimes', 'string', 'in:'.Project::STATUS_ACTIVE.','.Project::STATUS_ARCHIVED],
+            'currency_id' => ['sometimes', 'nullable', 'integer', 'min:1'],
+            'default_rate' => ['sometimes', 'nullable', 'integer', 'min:0'],
+            'budget_minutes' => ['sometimes', 'nullable', 'integer', 'min:0'],
+            'due_date' => ['sometimes', 'nullable', 'date'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateTaskRequest.php b/app/Http/Requests/UpdateTaskRequest.php
new file mode 100644
index 0000000..1513592
--- /dev/null
+++ b/app/Http/Requests/UpdateTaskRequest.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+use Modules\TasksProjects\Models\Task;
+
+final class UpdateTaskRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['sometimes', 'required', 'string', 'max:255'],
+            'project_id' => ['sometimes', 'nullable', 'integer', 'min:1'],
+            'customer_id' => ['sometimes', 'nullable', 'integer', 'min:1'],
+            'task_status_id' => ['sometimes', 'integer', 'min:1'],
+            'description' => ['sometimes', 'nullable', 'string'],
+            'assignee_id' => ['sometimes', 'nullable', 'integer', 'min:1'],
+            'priority' => ['sometimes', 'nullable', 'string', 'max:16', 'in:'.implode(',', Task::PRIORITIES)],
+            'due_date' => ['sometimes', 'nullable', 'date'],
+            'estimated_minutes' => ['sometimes', 'nullable', 'integer', 'min:0'],
+            'billable' => ['sometimes', 'boolean'],
+            'rate' => ['sometimes', 'nullable', 'integer', 'min:0'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateTaskStatusRequest.php b/app/Http/Requests/UpdateTaskStatusRequest.php
new file mode 100644
index 0000000..b67a31e
--- /dev/null
+++ b/app/Http/Requests/UpdateTaskStatusRequest.php
@@ -0,0 +1,20 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class UpdateTaskStatusRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'name' => ['sometimes', 'required', 'string', 'max:255'],
+            'colour' => ['sometimes', 'nullable', 'string', 'max:16'],
+            'position' => ['sometimes', 'integer', 'min:0'],
+            'is_default' => ['sometimes', 'boolean'],
+            'is_closed' => ['sometimes', 'boolean'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateTimeEntryRequest.php b/app/Http/Requests/UpdateTimeEntryRequest.php
new file mode 100644
index 0000000..2a04ff1
--- /dev/null
+++ b/app/Http/Requests/UpdateTimeEntryRequest.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Requests;
+
+final class UpdateTimeEntryRequest extends ModuleRequest
+{
+    /** @return array<string, list<string>> */
+    public function rules(): array
+    {
+        return [
+            'task_id' => ['sometimes', 'integer', 'min:1'],
+            'started_at' => ['sometimes', 'nullable', 'date'],
+            'ended_at' => ['sometimes', 'nullable', 'date', 'after_or_equal:started_at'],
+            'duration_minutes' => ['sometimes', 'nullable', 'integer', 'min:0'],
+            'description' => ['sometimes', 'nullable', 'string'],
+            'billable' => ['sometimes', 'boolean'],
+            'rate' => ['sometimes', 'nullable', 'integer', 'min:0'],
+        ];
+    }
+}
diff --git a/app/Http/Resources/ProjectMemberResource.php b/app/Http/Resources/ProjectMemberResource.php
new file mode 100644
index 0000000..9169159
--- /dev/null
+++ b/app/Http/Resources/ProjectMemberResource.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Modules\TasksProjects\Models\ProjectMember;
+
+/**
+ * A user attached to a project. `user_id` points at a host user without a
+ * foreign key, so a member who has left the company still renders here.
+ *
+ * @property-read ProjectMember $resource
+ */
+final class ProjectMemberResource extends JsonResource
+{
+    /** @return array<string, mixed> */
+    public function toArray(Request $request): array
+    {
+        $member = $this->resource;
+
+        return [
+            'id' => (int) $member->id,
+            'company_id' => (int) $member->company_id,
+            'project_id' => (int) $member->project_id,
+            'user_id' => (int) $member->user_id,
+            'rate' => $member->rate === null ? null : (int) $member->rate,
+            'created_at' => $member->created_at?->toIso8601String(),
+            'updated_at' => $member->updated_at?->toIso8601String(),
+        ];
+    }
+}
diff --git a/app/Http/Resources/ProjectResource.php b/app/Http/Resources/ProjectResource.php
new file mode 100644
index 0000000..574703a
--- /dev/null
+++ b/app/Http/Resources/ProjectResource.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Modules\TasksProjects\Models\Project;
+
+/**
+ * A project as the API renders it. Money stays in integer minor units and
+ * `default_rate` is minor units per hour.
+ *
+ * @property-read Project $resource
+ */
+final class ProjectResource extends JsonResource
+{
+    /** @var array<string, mixed>|null */
+    private ?array $totals = null;
+
+    /**
+     * Add the detail screen's totals, which the list deliberately leaves out.
+     *
+     * @param  array<string, mixed>  $totals
+     */
+    public function withTotals(array $totals): self
+    {
+        $this->totals = $totals;
+
+        return $this;
+    }
+
+    /** @return array<string, mixed> */
+    public function toArray(Request $request): array
+    {
+        $project = $this->resource;
+
+        $data = [
+            'id' => (int) $project->id,
+            'company_id' => (int) $project->company_id,
+            'customer_id' => $project->customer_id === null ? null : (int) $project->customer_id,
+            'name' => $project->name,
+            'identifier' => $project->identifier,
+            'description' => $project->description,
+            'colour' => $project->colour,
+            'status' => $project->status,
+            'currency_id' => $project->currency_id === null ? null : (int) $project->currency_id,
+            'default_rate' => $project->default_rate === null ? null : (int) $project->default_rate,
+            'budget_minutes' => $project->budget_minutes === null ? null : (int) $project->budget_minutes,
+            'due_date' => $project->due_date?->toDateString(),
+            'creator_id' => $project->creator_id === null ? null : (int) $project->creator_id,
+            'is_internal' => $project->isInternal(),
+            'created_at' => $project->created_at?->toIso8601String(),
+            'updated_at' => $project->updated_at?->toIso8601String(),
+        ];
+
+        if ($this->totals !== null) {
+            $data['totals'] = $this->totals;
+        }
+
+        return $data;
+    }
+}
diff --git a/app/Http/Resources/TaskResource.php b/app/Http/Resources/TaskResource.php
new file mode 100644
index 0000000..3de848a
--- /dev/null
+++ b/app/Http/Resources/TaskResource.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Modules\TasksProjects\Application\TaskTimeSummary;
+use Modules\TasksProjects\Models\Task;
+
+/**
+ * A task on the board. `board_position` is a decimal string so the fractional
+ * ordering survives JSON without a float rewriting it, and `rate` is an
+ * override in minor units per hour.
+ *
+ * `time` is the task's own clock: minutes logged, the billable and still
+ * unbilled part of them, whether the task has reached an invoice, and the
+ * timers running on it right now. It is filled in by TaskTimeSummary for the
+ * whole response at once, and answers zeros for a task nobody has logged time
+ * against.
+ *
+ * @property-read Task $resource
+ */
+final class TaskResource extends JsonResource
+{
+    /** @return array<string, mixed> */
+    public function toArray(Request $request): array
+    {
+        $task = $this->resource;
+
+        return [
+            'id' => (int) $task->id,
+            'company_id' => (int) $task->company_id,
+            'project_id' => $task->project_id === null ? null : (int) $task->project_id,
+            'customer_id' => $task->customer_id === null ? null : (int) $task->customer_id,
+            'task_status_id' => (int) $task->task_status_id,
+            'number' => (int) $task->number,
+            'name' => $task->name,
+            'description' => $task->description,
+            'assignee_id' => $task->assignee_id === null ? null : (int) $task->assignee_id,
+            'priority' => $task->priority,
+            'due_date' => $task->due_date?->toDateString(),
+            'estimated_minutes' => $task->estimated_minutes === null ? null : (int) $task->estimated_minutes,
+            'billable' => (bool) $task->billable,
+            'rate' => $task->rate === null ? null : (int) $task->rate,
+            'board_position' => (string) $task->board_position,
+            'closed_at' => $task->closed_at?->toIso8601String(),
+            'creator_id' => $task->creator_id === null ? null : (int) $task->creator_id,
+            'created_at' => $task->created_at?->toIso8601String(),
+            'updated_at' => $task->updated_at?->toIso8601String(),
+            'time' => $task->timeSummary ?? TaskTimeSummary::empty(),
+        ];
+    }
+}
diff --git a/app/Http/Resources/TaskStatusResource.php b/app/Http/Resources/TaskStatusResource.php
new file mode 100644
index 0000000..a4a90c7
--- /dev/null
+++ b/app/Http/Resources/TaskStatusResource.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Modules\TasksProjects\Models\TaskStatus;
+
+/**
+ * One column of the board.
+ *
+ * @property-read TaskStatus $resource
+ */
+final class TaskStatusResource extends JsonResource
+{
+    /** @return array<string, mixed> */
+    public function toArray(Request $request): array
+    {
+        $status = $this->resource;
+
+        return [
+            'id' => (int) $status->id,
+            'company_id' => (int) $status->company_id,
+            'name' => $status->name,
+            'colour' => $status->colour,
+            'position' => (int) $status->position,
+            'is_default' => (bool) $status->is_default,
+            'is_closed' => (bool) $status->is_closed,
+            'created_at' => $status->created_at?->toIso8601String(),
+            'updated_at' => $status->updated_at?->toIso8601String(),
+        ];
+    }
+}
diff --git a/app/Http/Resources/TimeEntryResource.php b/app/Http/Resources/TimeEntryResource.php
new file mode 100644
index 0000000..06c7023
--- /dev/null
+++ b/app/Http/Resources/TimeEntryResource.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Http\Resources;
+
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+use Modules\TasksProjects\Models\TimeEntry;
+
+/**
+ * Logged time. Durations are minutes, `rate` is minor units per hour and
+ * `amount` is the frozen money on the entry, also in minor units.
+ *
+ * @property-read TimeEntry $resource
+ */
+final class TimeEntryResource extends JsonResource
+{
+    /** @return array<string, mixed> */
+    public function toArray(Request $request): array
+    {
+        $entry = $this->resource;
+
+        return [
+            'id' => (int) $entry->id,
+            'company_id' => (int) $entry->company_id,
+            'task_id' => (int) $entry->task_id,
+            'project_id' => $entry->project_id === null ? null : (int) $entry->project_id,
+            'user_id' => (int) $entry->user_id,
+            'started_at' => $entry->started_at?->toIso8601String(),
+            'ended_at' => $entry->ended_at?->toIso8601String(),
+            'duration_minutes' => (int) $entry->duration_minutes,
+            'description' => $entry->description,
+            'billable' => (bool) $entry->billable,
+            'rate' => (int) $entry->rate,
+            'amount' => (int) $entry->amount,
+            'currency_id' => $entry->currency_id === null ? null : (int) $entry->currency_id,
+            'is_running' => $entry->isRunning(),
+            'invoice_id' => $entry->invoice_id === null ? null : (int) $entry->invoice_id,
+            'invoice_item_id' => $entry->invoice_item_id === null ? null : (int) $entry->invoice_item_id,
+            'invoiced_at' => $entry->invoiced_at?->toIso8601String(),
+            'created_at' => $entry->created_at?->toIso8601String(),
+            'updated_at' => $entry->updated_at?->toIso8601String(),
+        ];
+    }
+}
diff --git a/app/Lifecycle/DataCleanup.php b/app/Lifecycle/DataCleanup.php
index 4346415..2a57b47 100644
--- a/app/Lifecycle/DataCleanup.php
+++ b/app/Lifecycle/DataCleanup.php
@@ -6,24 +6,39 @@
 
 use InvoiceShelf\Modules\Contracts\DataCleanup as DataCleanupContract;
 use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
+use Modules\TasksProjects\Support\ModuleSettings;
 
 /** Removes the module's per-company settings when the host asks to remove module data. */
 final class DataCleanup implements DataCleanupContract
 {
-    /** Keys stored under `module.tasks-projects.<key>` for each company. */
-    private const SETTING_KEYS = [
+    /** The keys that are not switches; the switches come from ModuleSettings. */
+    private const VALUE_KEYS = [
         'default_rate',
         'rounding_minutes',
+        'rounding_direction',
         'week_start',
-        'members_see_all_time',
     ];
 
     public function __construct(private readonly SettingsStore $settings) {}
 
     public function cleanup(): void
     {
-        foreach (self::SETTING_KEYS as $key) {
-            $this->settings->deleteCompanyForAll('module.tasks-projects.'.$key);
+        foreach (self::settingKeys() as $key) {
+            $this->settings->deleteCompanyForAll(ModuleSettings::PREFIX.$key);
         }
     }
+
+    /**
+     * Every key stored under `module.tasks-projects.<key>` for a company.
+     *
+     * The switches are read from the same table the getters and the settings
+     * schema use, so a new toggle is added in one place and is cleaned up here
+     * without anyone remembering to come back.
+     *
+     * @return list<string>
+     */
+    public static function settingKeys(): array
+    {
+        return [...self::VALUE_KEYS, ...array_keys(ModuleSettings::FLAGS)];
+    }
 }
diff --git a/app/Models/Project.php b/app/Models/Project.php
new file mode 100644
index 0000000..a9920f5
--- /dev/null
+++ b/app/Models/Project.php
@@ -0,0 +1,77 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+/**
+ * A body of work for one customer, or an internal project when `customer_id`
+ * is null. Money columns hold integer minor units; `default_rate` is minor
+ * units per hour.
+ *
+ * @property int $id
+ * @property int $company_id
+ * @property int|null $customer_id
+ * @property string $status
+ * @property int|null $currency_id
+ * @property int|null $default_rate
+ */
+class Project extends Model
+{
+    public const STATUS_ACTIVE = 'ACTIVE';
+
+    public const STATUS_ARCHIVED = 'ARCHIVED';
+
+    protected $table = 'tp_projects';
+
+    protected $guarded = ['id'];
+
+    protected function casts(): array
+    {
+        return [
+            'company_id' => 'integer',
+            'customer_id' => 'integer',
+            'currency_id' => 'integer',
+            'default_rate' => 'integer',
+            'budget_minutes' => 'integer',
+            'creator_id' => 'integer',
+            'due_date' => 'date',
+        ];
+    }
+
+    /** @return HasMany<ProjectMember, $this> */
+    public function members(): HasMany
+    {
+        return $this->hasMany(ProjectMember::class, 'project_id');
+    }
+
+    /** @return HasMany<Task, $this> */
+    public function tasks(): HasMany
+    {
+        return $this->hasMany(Task::class, 'project_id');
+    }
+
+    /** @return HasMany<TimeEntry, $this> */
+    public function timeEntries(): HasMany
+    {
+        return $this->hasMany(TimeEntry::class, 'project_id');
+    }
+
+    public function isInternal(): bool
+    {
+        return $this->customer_id === null;
+    }
+
+    /**
+     * @param  Builder<$this>  $query
+     * @return Builder<$this>
+     */
+    public function scopeForCompany(Builder $query, int $companyId): Builder
+    {
+        return $query->where($this->getTable().'.company_id', $companyId);
+    }
+}
diff --git a/app/Models/ProjectMember.php b/app/Models/ProjectMember.php
new file mode 100644
index 0000000..d05a7a5
--- /dev/null
+++ b/app/Models/ProjectMember.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+/**
+ * A host user attached to a project, with an optional rate that beats the
+ * project default for that member's own time.
+ *
+ * `user_id` points at the host `users` table without a database foreign key:
+ * removing a member detaches the row here and leaves their time entries intact.
+ *
+ * @property int $id
+ * @property int $company_id
+ * @property int $project_id
+ * @property int $user_id
+ * @property int|null $rate
+ */
+class ProjectMember extends Model
+{
+    protected $table = 'tp_project_members';
+
+    protected $guarded = ['id'];
+
+    protected function casts(): array
+    {
+        return [
+            'company_id' => 'integer',
+            'project_id' => 'integer',
+            'user_id' => 'integer',
+            'rate' => 'integer',
+        ];
+    }
+
+    /** @return BelongsTo<Project, $this> */
+    public function project(): BelongsTo
+    {
+        return $this->belongsTo(Project::class, 'project_id');
+    }
+
+    /**
+     * @param  Builder<$this>  $query
+     * @return Builder<$this>
+     */
+    public function scopeForCompany(Builder $query, int $companyId): Builder
+    {
+        return $query->where($this->getTable().'.company_id', $companyId);
+    }
+}
diff --git a/app/Models/Task.php b/app/Models/Task.php
new file mode 100644
index 0000000..2f356cb
--- /dev/null
+++ b/app/Models/Task.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Support\Carbon;
+
+/**
+ * A unit of work on the board. `customer_id` is denormalised from the project,
+ * or set directly for a standalone billable task, and is what the billing
+ * screen groups by. `board_position` is a decimal kept as a string so PHP
+ * float formatting never leaks into the stored value.
+ *
+ * @property int $id
+ * @property int $company_id
+ * @property int|null $project_id
+ * @property int|null $customer_id
+ * @property int $task_status_id
+ * @property int $number
+ * @property string $name
+ * @property int|null $assignee_id
+ * @property bool $billable
+ * @property int|null $rate
+ * @property string $board_position
+ * @property Carbon|null $closed_at
+ */
+class Task extends Model
+{
+    public const PRIORITY_LOW = 'LOW';
+
+    public const PRIORITY_NORMAL = 'NORMAL';
+
+    public const PRIORITY_HIGH = 'HIGH';
+
+    public const PRIORITY_URGENT = 'URGENT';
+
+    /** @var list<string> */
+    public const PRIORITIES = [
+        self::PRIORITY_LOW,
+        self::PRIORITY_NORMAL,
+        self::PRIORITY_HIGH,
+        self::PRIORITY_URGENT,
+    ];
+
+    /**
+     * The time block the API renders, hung on the model by TaskTimeSummary.
+     *
+     * A real property rather than an attribute: it is derived from the time
+     * entries, never a column, and must never travel back into a save().
+     *
+     * @var array<string, mixed>|null
+     */
+    public ?array $timeSummary = null;
+
+    protected $table = 'tp_tasks';
+
+    protected $guarded = ['id'];
+
+    protected function casts(): array
+    {
+        return [
+            'company_id' => 'integer',
+            'project_id' => 'integer',
+            'customer_id' => 'integer',
+            'task_status_id' => 'integer',
+            'number' => 'integer',
+            'assignee_id' => 'integer',
+            'estimated_minutes' => 'integer',
+            'billable' => 'boolean',
+            'rate' => 'integer',
+            'board_position' => 'decimal:10',
+            'creator_id' => 'integer',
+            'due_date' => 'date',
+            'closed_at' => 'datetime',
+        ];
+    }
+
+    /** @return BelongsTo<Project, $this> */
+    public function project(): BelongsTo
+    {
+        return $this->belongsTo(Project::class, 'project_id');
+    }
+
+    /** @return BelongsTo<TaskStatus, $this> */
+    public function status(): BelongsTo
+    {
+        return $this->belongsTo(TaskStatus::class, 'task_status_id');
+    }
+
+    /** @return HasMany<TimeEntry, $this> */
+    public function timeEntries(): HasMany
+    {
+        return $this->hasMany(TimeEntry::class, 'task_id');
+    }
+
+    /**
+     * @param  Builder<$this>  $query
+     * @return Builder<$this>
+     */
+    public function scopeForCompany(Builder $query, int $companyId): Builder
+    {
+        return $query->where($this->getTable().'.company_id', $companyId);
+    }
+}
diff --git a/app/Models/TaskStatus.php b/app/Models/TaskStatus.php
new file mode 100644
index 0000000..3705c5c
--- /dev/null
+++ b/app/Models/TaskStatus.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+
+/**
+ * One column of the board, per company. `is_default` decides where new tasks
+ * land and `is_closed` decides what counts as done for reporting.
+ *
+ * @property int $id
+ * @property int $company_id
+ * @property string $name
+ * @property int $position
+ * @property bool $is_default
+ * @property bool $is_closed
+ */
+class TaskStatus extends Model
+{
+    protected $table = 'tp_task_statuses';
+
+    protected $guarded = ['id'];
+
+    protected function casts(): array
+    {
+        return [
+            'company_id' => 'integer',
+            'position' => 'integer',
+            'is_default' => 'boolean',
+            'is_closed' => 'boolean',
+        ];
+    }
+
+    /** @return HasMany<Task, $this> */
+    public function tasks(): HasMany
+    {
+        return $this->hasMany(Task::class, 'task_status_id');
+    }
+
+    /**
+     * @param  Builder<$this>  $query
+     * @return Builder<$this>
+     */
+    public function scopeForCompany(Builder $query, int $companyId): Builder
+    {
+        return $query->where($this->getTable().'.company_id', $companyId);
+    }
+}
diff --git a/app/Models/TimeEntry.php b/app/Models/TimeEntry.php
new file mode 100644
index 0000000..4c1cc8d
--- /dev/null
+++ b/app/Models/TimeEntry.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Models;
+
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Support\Carbon;
+
+/**
+ * Work logged against a task, typed by hand or produced by the timer.
+ *
+ * `duration_minutes` is authoritative and already rounded to the company's
+ * billing increment; `rate` and `amount` are frozen at save time so a later
+ * rate change never rewrites history. `running_user_id` equals `user_id` while
+ * a timer runs and is null once stopped, which is what the unique index on
+ * `(company_id, running_user_id)` uses to keep one running timer per user.
+ *
+ * @property int $id
+ * @property int $company_id
+ * @property int $task_id
+ * @property int|null $project_id
+ * @property int $user_id
+ * @property Carbon|null $started_at
+ * @property Carbon|null $ended_at
+ * @property int $duration_minutes
+ * @property bool $billable
+ * @property int $rate
+ * @property int $amount
+ * @property int|null $currency_id
+ * @property int|null $running_user_id
+ * @property int|null $invoice_id
+ * @property int|null $invoice_item_id
+ * @property Carbon|null $invoiced_at
+ */
+class TimeEntry extends Model
+{
+    protected $table = 'tp_time_entries';
+
+    protected $guarded = ['id'];
+
+    protected function casts(): array
+    {
+        return [
+            'company_id' => 'integer',
+            'task_id' => 'integer',
+            'project_id' => 'integer',
+            'user_id' => 'integer',
+            'duration_minutes' => 'integer',
+            'billable' => 'boolean',
+            'rate' => 'integer',
+            'amount' => 'integer',
+            'currency_id' => 'integer',
+            'running_user_id' => 'integer',
+            'invoice_id' => 'integer',
+            'invoice_item_id' => 'integer',
+            'started_at' => 'datetime',
+            'ended_at' => 'datetime',
+            'invoiced_at' => 'datetime',
+        ];
+    }
+
+    /** @return BelongsTo<Task, $this> */
+    public function task(): BelongsTo
+    {
+        return $this->belongsTo(Task::class, 'task_id');
+    }
+
+    /** @return BelongsTo<Project, $this> */
+    public function project(): BelongsTo
+    {
+        return $this->belongsTo(Project::class, 'project_id');
+    }
+
+    public function isRunning(): bool
+    {
+        return $this->running_user_id !== null;
+    }
+
+    public function isStamped(): bool
+    {
+        return $this->invoice_id !== null;
+    }
+
+    /**
+     * @param  Builder<$this>  $query
+     * @return Builder<$this>
+     */
+    public function scopeForCompany(Builder $query, int $companyId): Builder
+    {
+        return $query->where($this->getTable().'.company_id', $companyId);
+    }
+}
diff --git a/app/Providers/TasksProjectsServiceProvider.php b/app/Providers/TasksProjectsServiceProvider.php
index 638caf4..9474d4e 100644
--- a/app/Providers/TasksProjectsServiceProvider.php
+++ b/app/Providers/TasksProjectsServiceProvider.php
@@ -4,10 +4,13 @@
 
 namespace Modules\TasksProjects\Providers;
 
+use Illuminate\Contracts\Debug\ExceptionHandler;
 use Illuminate\Contracts\Foundation\Application;
+use Illuminate\Foundation\Exceptions\Handler;
 use InvoiceShelf\Modules\Contracts\DataCleanup;
 use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
 use InvoiceShelf\Modules\Support\ModuleServiceProvider;
+use Modules\TasksProjects\Http\DomainExceptionRenderer;
 use Modules\TasksProjects\Lifecycle\DataCleanup as TasksProjectsDataCleanup;
 use Modules\TasksProjects\Support\ModuleRegistration;
 
@@ -37,6 +40,23 @@ public function boot(): void
 
         ModuleRegistration::register($modulePath);
 
+        $this->registerExceptionRendering();
+
         $this->loadRoutesFrom($modulePath.'/routes/api.php');
     }
+
+    /**
+     * Map every broken domain rule to its HTTP response in one place.
+     *
+     * The services throw a TasksProjectsException rather than returning an
+     * error, so a single renderable keeps the controllers free of try/catch.
+     */
+    private function registerExceptionRendering(): void
+    {
+        $handler = $this->app->make(ExceptionHandler::class);
+
+        if ($handler instanceof Handler) {
+            DomainExceptionRenderer::register($handler);
+        }
+    }
 }
diff --git a/app/Support/Abilities.php b/app/Support/Abilities.php
index 2687fff..41c535b 100644
--- a/app/Support/Abilities.php
+++ b/app/Support/Abilities.php
@@ -5,42 +5,50 @@
 namespace Modules\TasksProjects\Support;
 
 /**
- * Namespaced ability identifiers for the Tasks and Projects module.
+ * Ability names the Tasks and Projects module contributes to the host catalogue.
  *
- * These are not yet registered with the host's ability catalogue: v1 gates
- * through `InvoiceShelf\Modules\Contracts\Host\ModuleAuthorization` against
- * existing host abilities (`view`/`create` on `customer` and `invoice`).
- * These constants document the intended catalogue for when
- * `Registry::registerAbility()` lands. See module-tasks-projects.md
- * "Authorization".
+ * The constants hold the bare, un-namespaced names: `Registry::registerAbility()`
+ * namespaces every module ability as `{slug}:{ability}` at registration time and
+ * rejects a name that already carries a colon. Build the stored id with
+ * `Registry::abilityId(Abilities::SLUG, Abilities::VIEW_PROJECT)` wherever the
+ * namespaced form is needed, such as a frontend route's `meta.ability`.
+ *
+ * See specs/tasks-projects.md "Authorization" for the dependency table.
  */
 final class Abilities
 {
     public const SLUG = 'tasks-projects';
 
-    public const VIEW_PROJECT = 'tasks-projects:view-project';
+    public const VIEW_PROJECT = 'view-project';
+
+    public const CREATE_PROJECT = 'create-project';
+
+    public const EDIT_PROJECT = 'edit-project';
+
+    public const DELETE_PROJECT = 'delete-project';
 
-    public const CREATE_PROJECT = 'tasks-projects:create-project';
+    public const VIEW_TASK = 'view-task';
 
-    public const EDIT_PROJECT = 'tasks-projects:edit-project';
+    public const CREATE_TASK = 'create-task';
 
-    public const DELETE_PROJECT = 'tasks-projects:delete-project';
+    public const EDIT_TASK = 'edit-task';
 
-    public const VIEW_TASK = 'tasks-projects:view-task';
+    public const DELETE_TASK = 'delete-task';
 
-    public const CREATE_TASK = 'tasks-projects:create-task';
+    public const MANAGE_TASK_STATUS = 'manage-task-status';
 
-    public const EDIT_TASK = 'tasks-projects:edit-task';
+    public const VIEW_OWN_TIME = 'view-own-time';
 
-    public const DELETE_TASK = 'tasks-projects:delete-task';
+    public const VIEW_ALL_TIME = 'view-all-time';
 
-    public const MANAGE_TASK_STATUS = 'tasks-projects:manage-task-status';
+    public const EDIT_ALL_TIME = 'edit-all-time';
 
-    public const VIEW_OWN_TIME = 'tasks-projects:view-own-time';
+    public const INVOICE_TASKS = 'invoice-tasks';
 
-    public const VIEW_ALL_TIME = 'tasks-projects:view-all-time';
+    /** Host abilities the module's own abilities depend on. */
+    public const HOST_VIEW_CUSTOMER = 'view-customer';
 
-    public const EDIT_ALL_TIME = 'tasks-projects:edit-all-time';
+    public const HOST_CREATE_INVOICE = 'create-invoice';
 
-    public const INVOICE_TASKS = 'tasks-projects:invoice-tasks';
+    public const HOST_EDIT_INVOICE = 'edit-invoice';
 }
diff --git a/app/Support/Authorizes.php b/app/Support/Authorizes.php
new file mode 100644
index 0000000..0c5d52d
--- /dev/null
+++ b/app/Support/Authorizes.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Support;
+
+use Illuminate\Auth\Access\AuthorizationException;
+use InvoiceShelf\Modules\Contracts\Host\ModuleAuthorization;
+use InvoiceShelf\Modules\Registry;
+
+/**
+ * Ability checks against the host, for one company at a time.
+ *
+ * Callers pass the bare ability name from Abilities; this adds the `{slug}:`
+ * namespace the registry stores, so the id checked here is exactly the id the
+ * role editor grants. A refusal raises AuthorizationException, which the
+ * framework renders as 403.
+ */
+final class Authorizes
+{
+    public function __construct(private readonly ModuleAuthorization $authorization) {}
+
+    /** The namespaced id of a bare ability name, as stored by the registry. */
+    public static function id(string $ability): string
+    {
+        return Registry::abilityId(Abilities::SLUG, $ability);
+    }
+
+    public function allows(CompanyContext $context, string $ability): bool
+    {
+        return $this->authorization->allows($context->userId, $context->companyId, self::id($ability));
+    }
+
+    /** @throws AuthorizationException when the user lacks the ability in this company */
+    public function require(CompanyContext $context, string $ability): void
+    {
+        if (! $this->allows($context, $ability)) {
+            throw new AuthorizationException('This action requires the '.self::id($ability).' ability.');
+        }
+    }
+}
diff --git a/app/Support/CompanyContext.php b/app/Support/CompanyContext.php
new file mode 100644
index 0000000..81b127f
--- /dev/null
+++ b/app/Support/CompanyContext.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Support;
+
+use Illuminate\Http\Request;
+
+/**
+ * The company and the user a request acts for.
+ *
+ * The company never comes from a request parameter: it is the `company` header
+ * the host middleware has already validated for this user, which is what every
+ * query in the module scopes on. The user is the authenticated caller, taken
+ * through the framework contract so no host user model is ever imported.
+ */
+final readonly class CompanyContext
+{
+    public function __construct(public int $companyId, public int $userId) {}
+
+    public static function fromRequest(Request $request): self
+    {
+        return new self(
+            (int) $request->header('company'),
+            (int) $request->user()->getAuthIdentifier(),
+        );
+    }
+}
diff --git a/app/Support/ModuleRegistration.php b/app/Support/ModuleRegistration.php
index 2015b3f..5fa910c 100644
--- a/app/Support/ModuleRegistration.php
+++ b/app/Support/ModuleRegistration.php
@@ -5,6 +5,8 @@
 namespace Modules\TasksProjects\Support;
 
 use InvoiceShelf\Modules\Registry;
+use InvoiceShelf\Modules\Settings\FieldType;
+use Modules\TasksProjects\Application\Rounding;
 
 final class ModuleRegistration
 {
@@ -13,41 +15,85 @@ public static function register(string $modulePath): void
         Registry::registerScript('tasks-projects', $modulePath.'/dist/init.js');
         Registry::registerStyle('tasks-projects', $modulePath.'/dist/style.css');
 
+        self::registerMenu();
+        Registry::registerSettings('tasks-projects', self::settingsSchema());
+        self::registerAbilities();
+    }
+
+    /**
+     * Two sidebar entries, in the host's own main group.
+     *
+     * Projects and Tasks are two ways into the same module, not one feature and
+     * its sub-page: people either plan work or do work. They join `main` after
+     * Items (priorities 10, 20, 30) because a firm that installs this module
+     * lives in it all day, and a "Modules" heading would file it away as an
+     * add-on. The registry keys are separate, so `menuFor('tasks-projects')`
+     * still answers with the module's primary entry.
+     */
+    private static function registerMenu(): void
+    {
+        Registry::registerMenu('tasks-projects.projects', [
+            'title' => 'tasksprojects::menu.projects',
+            'link' => '/admin/modules/tasks-projects/projects',
+            'icon' => 'FolderIcon',
+            'group' => 'main',
+            'group_label' => '',
+            // Lower sorts first within the group; the core entries end at 30.
+            'priority' => 40,
+        ]);
+
         Registry::registerMenu('tasks-projects', [
-            'title' => 'tasksprojects::menu.title',
+            'title' => 'tasksprojects::menu.tasks',
             'link' => '/admin/modules/tasks-projects',
             'icon' => 'ClipboardDocumentListIcon',
+            'group' => 'main',
+            'group_label' => '',
+            'priority' => 50,
         ]);
+    }
 
-        Registry::registerSettings('tasks-projects', [
+    /**
+     * The per-company settings the host renders and validates.
+     *
+     * General holds how time is measured and who may see it; the second section
+     * is only about what an invoice line says, which is a different question and
+     * a different audience.
+     *
+     * @return array<string, mixed>
+     */
+    private static function settingsSchema(): array
+    {
+        return [
             'sections' => [
                 [
                     'title' => 'tasksprojects::settings.general_section',
                     'fields' => [
                         [
                             'key' => 'default_rate',
-                            'type' => 'number',
+                            'type' => FieldType::Number->value,
                             'label' => 'tasksprojects::settings.default_rate',
                             'default' => 0,
                             'rules' => ['integer', 'min:0'],
                         ],
                         [
                             'key' => 'rounding_minutes',
-                            'type' => 'select',
+                            'type' => FieldType::Select->value,
                             'label' => 'tasksprojects::settings.rounding_minutes',
-                            'default' => 1,
-                            'options' => [
-                                1 => '1',
-                                6 => '6',
-                                15 => '15',
-                                30 => '30',
-                            ],
+                            'default' => ModuleSettings::DEFAULT_ROUNDING_MINUTES,
+                            'options' => self::roundingOptions(),
+                        ],
+                        [
+                            'key' => 'rounding_direction',
+                            'type' => FieldType::Select->value,
+                            'label' => 'tasksprojects::settings.rounding_direction',
+                            'default' => ModuleSettings::DEFAULT_ROUNDING_DIRECTION,
+                            'options' => self::directionOptions(),
                         ],
                         [
                             'key' => 'week_start',
-                            'type' => 'select',
+                            'type' => FieldType::Select->value,
                             'label' => 'tasksprojects::settings.week_start',
-                            'default' => 1,
+                            'default' => ModuleSettings::DEFAULT_WEEK_START,
                             'options' => [
                                 0 => 'Sunday',
                                 1 => 'Monday',
@@ -58,20 +104,115 @@ public static function register(string $modulePath): void
                                 6 => 'Saturday',
                             ],
                         ],
-                        [
-                            'key' => 'members_see_all_time',
-                            'type' => 'switch',
-                            'label' => 'tasksprojects::settings.members_see_all_time',
-                            'default' => false,
-                        ],
+                        self::switchField('members_see_all_time'),
+                        self::switchField('auto_start_tasks'),
+                        self::switchField('lock_invoiced_tasks'),
+                        self::switchField('hide_invoiced_on_board'),
+                    ],
+                ],
+                [
+                    'title' => 'tasksprojects::settings.invoice_section',
+                    'fields' => [
+                        self::switchField('invoice_project_heading'),
+                        self::switchField('invoice_task_description'),
+                        self::switchField('invoice_entry_dates'),
+                        self::switchField('invoice_entry_times'),
+                        self::switchField('invoice_entry_hours'),
+                        self::switchField('invoice_entry_descriptions'),
                     ],
                 ],
             ],
-        ]);
+        ];
+    }
+
+    /**
+     * One stored switch, taking its default from the same table the readers use.
+     *
+     * @return array<string, mixed>
+     */
+    private static function switchField(string $key): array
+    {
+        return [
+            'key' => $key,
+            'type' => FieldType::Switch_->value,
+            'label' => 'tasksprojects::settings.'.$key,
+            'default' => ModuleSettings::FLAGS[$key],
+        ];
+    }
+
+    /**
+     * The rounding directions, already in the reader's language.
+     *
+     * The host translates a field's label and a section's title, but hands a
+     * select's options to the form as they were registered, so an option that
+     * named a translation key would reach the screen as the key itself.
+     *
+     * @return array<string, string>
+     */
+    private static function directionOptions(): array
+    {
+        return [
+            Rounding::NEAREST => __('tasksprojects::settings.rounding_nearest'),
+            Rounding::UP => __('tasksprojects::settings.rounding_up'),
+            Rounding::DOWN => __('tasksprojects::settings.rounding_down'),
+        ];
+    }
+
+    /** @return array<int, string> */
+    private static function roundingOptions(): array
+    {
+        $options = [];
+
+        foreach (ModuleSettings::ROUNDING_INCREMENTS as $minutes) {
+            $options[$minutes] = (string) $minutes;
+        }
+
+        return $options;
+    }
+
+    /**
+     * Contribute the module's ability catalogue to the host role editor.
+     *
+     * The registry namespaces every name as `tasks-projects:{ability}`, so the
+     * ids below can never collide with a host ability. Dependencies on a host
+     * ability stay bare; dependencies on a module ability are namespaced with
+     * Registry::abilityId(). See specs/tasks-projects.md "Authorization".
+     */
+    private static function registerAbilities(): void
+    {
+        $viewProject = Registry::abilityId(Abilities::SLUG, Abilities::VIEW_PROJECT);
+        $viewTask = Registry::abilityId(Abilities::SLUG, Abilities::VIEW_TASK);
+        $viewOwnTime = Registry::abilityId(Abilities::SLUG, Abilities::VIEW_OWN_TIME);
+        $viewAllTime = Registry::abilityId(Abilities::SLUG, Abilities::VIEW_ALL_TIME);
+
+        $abilities = [
+            [Abilities::VIEW_PROJECT, 'View projects', []],
+            [Abilities::CREATE_PROJECT, 'Create projects', [$viewProject, Abilities::HOST_VIEW_CUSTOMER]],
+            [Abilities::EDIT_PROJECT, 'Edit projects', [$viewProject, Abilities::HOST_VIEW_CUSTOMER]],
+            [Abilities::DELETE_PROJECT, 'Delete projects', [$viewProject]],
+            [Abilities::VIEW_TASK, 'View tasks', [$viewProject]],
+            [Abilities::CREATE_TASK, 'Create tasks', [$viewTask]],
+            [Abilities::EDIT_TASK, 'Edit tasks', [$viewTask]],
+            [Abilities::DELETE_TASK, 'Delete tasks', [$viewTask]],
+            [Abilities::MANAGE_TASK_STATUS, 'Manage task statuses', [$viewTask]],
+            [Abilities::VIEW_OWN_TIME, 'View own time', []],
+            [Abilities::VIEW_ALL_TIME, 'View all time', [$viewOwnTime]],
+            [Abilities::EDIT_ALL_TIME, 'Edit all time', [$viewAllTime]],
+            // Invoicing a task ends on the host invoice edit page, so the role
+            // that may raise the invoice must also be allowed to open it.
+            [Abilities::INVOICE_TASKS, 'Invoice tasks', [
+                $viewAllTime,
+                Abilities::HOST_CREATE_INVOICE,
+                Abilities::HOST_EDIT_INVOICE,
+            ]],
+        ];
 
-        // TODO(sdk-3.4): register abilities via Registry::registerAbility once the
-        // host ability catalogue is open to modules. Until then the module gates
-        // through Contracts\Host\ModuleAuthorization against existing host
-        // abilities; see Modules\TasksProjects\Support\Abilities.
+        foreach ($abilities as [$ability, $name, $dependsOn]) {
+            Registry::registerAbility(Abilities::SLUG, [
+                'ability' => $ability,
+                'name' => $name,
+                'depends_on' => $dependsOn,
+            ]);
+        }
     }
 }
diff --git a/app/Support/ModuleSettings.php b/app/Support/ModuleSettings.php
new file mode 100644
index 0000000..c078676
--- /dev/null
+++ b/app/Support/ModuleSettings.php
@@ -0,0 +1,137 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Support;
+
+use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
+use Modules\TasksProjects\Application\Rounding;
+
+/**
+ * Typed reader for the module's per-company settings.
+ *
+ * Values live in the host settings store under `module.tasks-projects.<key>`
+ * and come back as whatever the host wrote, so every getter coerces and clamps
+ * rather than trusting the stored type.
+ */
+final class ModuleSettings
+{
+    public const PREFIX = 'module.tasks-projects.';
+
+    /** @var list<int> */
+    public const ROUNDING_INCREMENTS = [1, 5, 6, 15, 30, 60];
+
+    public const DEFAULT_ROUNDING_MINUTES = 1;
+
+    public const DEFAULT_ROUNDING_DIRECTION = Rounding::NEAREST;
+
+    public const DEFAULT_WEEK_START = 1;
+
+    /** Every switch the module stores, with the value a company starts from. */
+    public const FLAGS = [
+        'members_see_all_time' => false,
+        'auto_start_tasks' => false,
+        'lock_invoiced_tasks' => false,
+        'hide_invoiced_on_board' => false,
+        'invoice_project_heading' => false,
+        'invoice_task_description' => true,
+        'invoice_entry_dates' => true,
+        'invoice_entry_times' => false,
+        'invoice_entry_hours' => true,
+        'invoice_entry_descriptions' => false,
+    ];
+
+    public function __construct(private readonly SettingsStore $settings) {}
+
+    /** Company default hourly rate, in minor units per hour. */
+    public function defaultRate(int $companyId): int
+    {
+        $rate = (int) $this->read($companyId, 'default_rate', 0);
+
+        return max(0, $rate);
+    }
+
+    /** Billing increment applied when a time entry is saved. */
+    public function roundingMinutes(int $companyId): int
+    {
+        $minutes = (int) $this->read($companyId, 'rounding_minutes', self::DEFAULT_ROUNDING_MINUTES);
+
+        return in_array($minutes, self::ROUNDING_INCREMENTS, true) ? $minutes : self::DEFAULT_ROUNDING_MINUTES;
+    }
+
+    /** Which way the increment is taken: nearest, up or down. */
+    public function roundingDirection(int $companyId): string
+    {
+        $direction = (string) $this->read($companyId, 'rounding_direction', self::DEFAULT_ROUNDING_DIRECTION);
+
+        return in_array($direction, Rounding::DIRECTIONS, true) ? $direction : self::DEFAULT_ROUNDING_DIRECTION;
+    }
+
+    /** First day of the timesheet week, 0 (Sunday) through 6 (Saturday). */
+    public function weekStart(int $companyId): int
+    {
+        $day = (int) $this->read($companyId, 'week_start', self::DEFAULT_WEEK_START);
+
+        return $day >= 0 && $day <= 6 ? $day : self::DEFAULT_WEEK_START;
+    }
+
+    /** Whether members without the view-all-time ability still see other members' time. */
+    public function membersSeeAllTime(int $companyId): bool
+    {
+        return $this->flag($companyId, 'members_see_all_time');
+    }
+
+    /** Whether creating a task starts its creator's timer straight away. */
+    public function autoStartTasks(int $companyId): bool
+    {
+        return $this->flag($companyId, 'auto_start_tasks');
+    }
+
+    /** Whether a fully invoiced task refuses edits, status moves and deletion. */
+    public function lockInvoicedTasks(int $companyId): bool
+    {
+        return $this->flag($companyId, 'lock_invoiced_tasks');
+    }
+
+    /** Whether a fully invoiced task drops off the board. */
+    public function hideInvoicedOnBoard(int $companyId): bool
+    {
+        return $this->flag($companyId, 'hide_invoiced_on_board');
+    }
+
+    /**
+     * The invoice line toggles, as the composer reads them.
+     *
+     * @return array{project_heading: bool, task_description: bool, entry_dates: bool, entry_times: bool, entry_hours: bool, entry_descriptions: bool}
+     */
+    public function invoiceLineOptions(int $companyId): array
+    {
+        return [
+            'project_heading' => $this->flag($companyId, 'invoice_project_heading'),
+            'task_description' => $this->flag($companyId, 'invoice_task_description'),
+            'entry_dates' => $this->flag($companyId, 'invoice_entry_dates'),
+            'entry_times' => $this->flag($companyId, 'invoice_entry_times'),
+            'entry_hours' => $this->flag($companyId, 'invoice_entry_hours'),
+            'entry_descriptions' => $this->flag($companyId, 'invoice_entry_descriptions'),
+        ];
+    }
+
+    /** One stored switch, read the way the host may have written it. */
+    public function flag(int $companyId, string $key): bool
+    {
+        $value = $this->read($companyId, $key, self::FLAGS[$key] ?? false);
+
+        if (is_string($value)) {
+            return in_array(strtoupper($value), ['YES', 'TRUE', '1', 'ON'], true);
+        }
+
+        return (bool) $value;
+    }
+
+    private function read(int $companyId, string $key, mixed $default): mixed
+    {
+        $value = $this->settings->getCompany($companyId, self::PREFIX.$key, $default);
+
+        return $value ?? $default;
+    }
+}
diff --git a/composer.json b/composer.json
index 48efe10..6cb719c 100644
--- a/composer.json
+++ b/composer.json
@@ -11,7 +11,7 @@
     "require": {
         "php": "^8.4",
         "ext-json": "*",
-        "invoiceshelf/modules": "^3.3"
+        "invoiceshelf/modules": "^3.4"
     },
     "require-dev": {
         "laravel/pint": "^1.26",
diff --git a/database/migrations/2026_09_15_000001_create_tp_projects_table.php b/database/migrations/2026_09_15_000001_create_tp_projects_table.php
new file mode 100644
index 0000000..20145d6
--- /dev/null
+++ b/database/migrations/2026_09_15_000001_create_tp_projects_table.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Projects belong to a company and optionally to a customer. A project without
+ * a customer is internal and never reaches the billing screen.
+ *
+ * Host key widths are not uniform: companies, users and currencies use
+ * `increments` while customers use `bigIncrements`, so each column matches its
+ * parent by hand. There are no database-level foreign keys; cascades live in
+ * the application layer.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('tp_projects', function (Blueprint $table): void {
+            $table->bigIncrements('id');
+            $table->unsignedInteger('company_id');
+            $table->unsignedBigInteger('customer_id')->nullable();
+            $table->string('name');
+            $table->string('identifier', 32)->nullable();
+            $table->text('description')->nullable();
+            $table->string('colour', 16)->nullable();
+            $table->string('status', 16)->default('ACTIVE');
+            $table->unsignedInteger('currency_id')->nullable();
+            $table->bigInteger('default_rate')->nullable();
+            $table->unsignedInteger('budget_minutes')->nullable();
+            $table->date('due_date')->nullable();
+            $table->unsignedInteger('creator_id')->nullable();
+            $table->timestamps();
+
+            $table->index(['company_id', 'status']);
+            $table->index(['company_id', 'customer_id']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('tp_projects');
+    }
+};
diff --git a/database/migrations/2026_09_15_000002_create_tp_project_members_table.php b/database/migrations/2026_09_15_000002_create_tp_project_members_table.php
new file mode 100644
index 0000000..1a6469b
--- /dev/null
+++ b/database/migrations/2026_09_15_000002_create_tp_project_members_table.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Members of a project, each with an optional rate that overrides the project
+ * default for their own time entries. Detaching a member never touches their
+ * time entries: those keep `user_id` and render as a removed member.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('tp_project_members', function (Blueprint $table): void {
+            $table->bigIncrements('id');
+            $table->unsignedInteger('company_id');
+            $table->unsignedBigInteger('project_id');
+            $table->unsignedInteger('user_id');
+            $table->bigInteger('rate')->nullable();
+            $table->timestamps();
+
+            $table->unique(['project_id', 'user_id']);
+            $table->index('company_id');
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('tp_project_members');
+    }
+};
diff --git a/database/migrations/2026_09_15_000003_create_tp_task_statuses_table.php b/database/migrations/2026_09_15_000003_create_tp_task_statuses_table.php
new file mode 100644
index 0000000..466c088
--- /dev/null
+++ b/database/migrations/2026_09_15_000003_create_tp_task_statuses_table.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Board columns, one set per company. The four defaults are created by
+ * TaskStatusService::ensureDefaults() rather than seeded here: a migration
+ * cannot know which companies exist when a module is enabled, and the
+ * reversible-migration contract keeps data writes out of `up()`.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('tp_task_statuses', function (Blueprint $table): void {
+            $table->bigIncrements('id');
+            $table->unsignedInteger('company_id');
+            $table->string('name');
+            $table->string('colour', 16)->nullable();
+            $table->unsignedInteger('position');
+            $table->boolean('is_default')->default(false);
+            $table->boolean('is_closed')->default(false);
+            $table->timestamps();
+
+            $table->index(['company_id', 'position']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('tp_task_statuses');
+    }
+};
diff --git a/database/migrations/2026_09_15_000004_create_tp_tasks_table.php b/database/migrations/2026_09_15_000004_create_tp_tasks_table.php
new file mode 100644
index 0000000..69f7266
--- /dev/null
+++ b/database/migrations/2026_09_15_000004_create_tp_tasks_table.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Tasks belong to a project or stand alone against a customer. `customer_id` is
+ * denormalised from the project (or set directly for a standalone task) because
+ * it is what the billing screen groups by. `board_position` is fractional so a
+ * drag rewrites a single row.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('tp_tasks', function (Blueprint $table): void {
+            $table->bigIncrements('id');
+            $table->unsignedInteger('company_id');
+            $table->unsignedBigInteger('project_id')->nullable();
+            $table->unsignedBigInteger('customer_id')->nullable();
+            $table->unsignedBigInteger('task_status_id');
+            $table->unsignedInteger('number');
+            $table->string('name');
+            $table->text('description')->nullable();
+            $table->unsignedInteger('assignee_id')->nullable();
+            $table->string('priority', 16)->nullable();
+            $table->date('due_date')->nullable();
+            $table->unsignedInteger('estimated_minutes')->nullable();
+            $table->boolean('billable')->default(true);
+            $table->bigInteger('rate')->nullable();
+            $table->decimal('board_position', 20, 10)->default(0);
+            $table->dateTime('closed_at')->nullable();
+            $table->unsignedInteger('creator_id')->nullable();
+            $table->timestamps();
+
+            $table->index(['company_id', 'task_status_id', 'board_position']);
+            $table->index(['company_id', 'project_id']);
+            $table->index(['company_id', 'assignee_id']);
+            $table->index(['company_id', 'customer_id']);
+            $table->unique(['company_id', 'number']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('tp_tasks');
+    }
+};
diff --git a/database/migrations/2026_09_15_000005_create_tp_time_entries_table.php b/database/migrations/2026_09_15_000005_create_tp_time_entries_table.php
new file mode 100644
index 0000000..e05d11a
--- /dev/null
+++ b/database/migrations/2026_09_15_000005_create_tp_time_entries_table.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+/**
+ * Time entries carry the authoritative `duration_minutes` and the rate resolved
+ * when the entry was saved, so a later rate change never rewrites history.
+ *
+ * The unique index on `(company_id, running_user_id)` enforces "one running
+ * timer per user per company" on MySQL, PostgreSQL and SQLite alike: all three
+ * treat NULLs in a unique index as distinct, so stopped entries never collide
+ * and no partial index or second table is needed.
+ */
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('tp_time_entries', function (Blueprint $table): void {
+            $table->bigIncrements('id');
+            $table->unsignedInteger('company_id');
+            $table->unsignedBigInteger('task_id');
+            $table->unsignedBigInteger('project_id')->nullable();
+            $table->unsignedInteger('user_id');
+            $table->dateTime('started_at')->nullable();
+            $table->dateTime('ended_at')->nullable();
+            $table->unsignedInteger('duration_minutes')->default(0);
+            $table->text('description')->nullable();
+            $table->boolean('billable')->default(true);
+            $table->bigInteger('rate')->default(0);
+            $table->bigInteger('amount')->default(0);
+            $table->unsignedInteger('currency_id')->nullable();
+            $table->unsignedInteger('running_user_id')->nullable();
+            $table->unsignedInteger('invoice_id')->nullable();
+            $table->unsignedInteger('invoice_item_id')->nullable();
+            $table->dateTime('invoiced_at')->nullable();
+            $table->timestamps();
+
+            $table->unique(['company_id', 'running_user_id']);
+            $table->index(['company_id', 'user_id', 'started_at']);
+            $table->index(['company_id', 'billable', 'invoice_id']);
+            $table->index(['company_id', 'task_id']);
+            $table->index(['company_id', 'project_id']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('tp_time_entries');
+    }
+};
diff --git a/dist/init.js b/dist/init.js
index 768ac37..1a2d1c9 100644
--- a/dist/init.js
+++ b/dist/init.js
@@ -1,5 +1,9067 @@
+const { Fragment: e, Teleport: t, computed: n, createBlock: r, createCommentVNode: i, createElementBlock: a, createElementVNode: o, createTextVNode: s, createVNode: c, defineComponent: l, getCurrentInstance: u, h: d, nextTick: f, normalizeClass: p, normalizeStyle: m, onBeforeUnmount: h, onMounted: g, onScopeDispose: _, openBlock: v, reactive: y, ref: b, renderList: x, resolveComponent: S, toDisplayString: C, unref: w, vShow: T, watch: E, withCtx: D, withDirectives: O, withKeys: k, withModifiers: A } = window.__invoiceshelf_vue;
+//#region resources/js/messages.ts
+var j = { en: { tasks_projects: {
+	general: {
+		home: "Home",
+		filter: "Filter",
+		search: "Search",
+		actions: "Actions",
+		edit: "Edit",
+		delete: "Delete",
+		cancel: "Cancel",
+		save: "Save",
+		update: "Update"
+	},
+	projects: {
+		title: "Projects",
+		new_project: "New project",
+		edit_project: "Edit project",
+		internal: "Internal",
+		archive: "Archive",
+		unarchive: "Restore",
+		search_placeholder: "Search by name or identifier",
+		empty_title: "No projects yet",
+		empty_description: "Create a project to group its tasks, time and billing.",
+		status: {
+			active: "Active",
+			archived: "Archived",
+			all: "All"
+		},
+		columns: {
+			name: "Name",
+			status: "Status",
+			customer: "Customer",
+			default_rate: "Rate / hour",
+			due_date: "Due date"
+		},
+		fields: {
+			name: "Name",
+			identifier: "Identifier",
+			identifier_help: "A short code, used as the task number prefix.",
+			customer: "Customer",
+			customer_help: "Leave empty for an internal project.",
+			customer_placeholder: "No customer",
+			due_date: "Due date",
+			default_rate: "Default rate",
+			default_rate_help: "Per hour, in the customer currency.",
+			budget_hours: "Budget (hours)",
+			colour: "Colour",
+			colour_none: "None",
+			description: "Description"
+		},
+		created: "{name} was created.",
+		updated: "{name} was updated.",
+		archived: "{name} was archived.",
+		unarchived: "{name} was restored.",
+		deleted: "{name} was deleted.",
+		delete_confirm: "Delete {name}? Its tasks and time entries go with it.",
+		name_required: "Enter a project name.",
+		load_failed: "Unable to load the projects.",
+		save_failed: "Unable to save the project.",
+		delete_failed: "Unable to delete the project.",
+		customers_failed: "Unable to load the customers."
+	}
+} } }, M = y({
+	busy: !1,
+	pending: null,
+	allowed: !0,
+	prompt: null
+});
+function N() {
+	return !M.busy && (M.busy = !0, !0);
+}
+function P() {
+	M.busy = !1;
+}
+function F(e) {
+	M.pending = e;
+}
+function I() {
+	M.pending = null;
+}
+function L() {
+	M.allowed = !1;
+}
+function R(e) {
+	return z(null), new Promise((t) => {
+		M.prompt = {
+			suggested: e,
+			resolve: t
+		};
+	});
+}
+function z(e) {
+	let t = M.prompt;
+	t !== null && (M.prompt = null, t.resolve(e));
+}
+function ee() {
+	z(null), M.busy = !1, M.pending = null, M.allowed = !0;
+}
+//#endregion
+//#region resources/js/support/i18n.ts
+function B() {
+	return u()?.appContext.config.globalProperties.$t ?? ((e) => e);
+}
+//#endregion
+//#region resources/js/components/InvoiceNumberModal.vue?vue&type=script&setup=true&lang.ts
+var te = { class: "flex w-full items-center justify-between" }, ne = { class: "space-y-5 px-6 py-6" }, re = { class: "text-sm text-muted" }, ie = { class: "flex justify-end space-x-3 border-t border-line-default px-6 py-4" }, ae = /* @__PURE__ */ l({
+	__name: "InvoiceNumberModal",
+	setup(e) {
+		let t = B(), i = b(""), a = n(() => M.prompt !== null), l = n(() => i.value.trim() !== "");
+		E(() => M.prompt, (e) => {
+			i.value = e?.suggested ?? "";
+		});
+		function u() {
+			l.value && z(i.value.trim());
+		}
+		function d() {
+			z(null);
+		}
+		return (e, n) => {
+			let f = S("BaseIcon"), p = S("BaseInput"), m = S("BaseInputGroup"), h = S("BaseButton"), g = S("BaseModal");
+			return v(), r(g, {
+				show: a.value,
+				onClose: d
+			}, {
+				header: D(() => [o("div", te, [o("span", null, C(w(t)("tasks_projects.billing.number.title")), 1), c(f, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: d
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(u, ["prevent"]) }, [o("div", ne, [o("p", re, C(w(t)("tasks_projects.billing.number.description")), 1), c(m, {
+					label: w(t)("tasks_projects.billing.number.label"),
+					required: ""
+				}, {
+					default: D(() => [c(p, {
+						modelValue: i.value,
+						"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
+						type: "text",
+						name: "invoice_number",
+						autocomplete: "off"
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"])]), o("div", ie, [c(h, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: d
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(h, {
+					type: "submit",
+					variant: "primary",
+					disabled: !l.value
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.billing.number.save")), 1)]),
+					_: 1
+				}, 8, ["disabled"])])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), oe = { en: { tasks_projects: { billing: {
+	title: "Unbilled time",
+	subtitle: "Time that has not reached an invoice yet, by customer.",
+	back: "Back to customers",
+	create: "Create invoice",
+	busy: "Creating the invoice",
+	prepare_failed: "Unable to prepare the invoice.",
+	create_failed: "Unable to create the invoice.",
+	rate_failed: "Unable to read the exchange rate; the invoice was created without one.",
+	forbidden: "You are not allowed to invoice time.",
+	nothing_to_invoice: "No unbilled billable time on the selected tasks.",
+	mixed_customers: "Select tasks of one customer. This selection spans {count} customers.",
+	mixed_selection: "One invoice covers one customer in one currency. Narrow the selection.",
+	pending_stamp: "Finish marking the last invoice as billed before creating another one.",
+	created: "Invoice {number} was created.",
+	stamped: "{count} time entry was marked as invoiced. | {count} time entries were marked as invoiced.",
+	stamp_failed: "Unable to mark the time as invoiced.",
+	stamp_failed_notice: "Invoice {number} was created, but its time is not marked as invoiced yet.",
+	stamp_unmatched: "Invoice {number} was created, but its lines could not be matched back to the time behind them.",
+	number: {
+		title: "Invoice number",
+		description: "This company numbers its invoices by hand, so the draft needs a number before it can be created.",
+		label: "Number",
+		save: "Create invoice"
+	},
+	retry: {
+		title: "The invoice was created, but the time is not marked yet",
+		description: "Invoice {number} exists. Its time entries still count as unbilled until they are marked, which is safe to run again.",
+		action: "Retry stamping",
+		open_invoice: "Open the invoice",
+		dismiss: "Forget this invoice",
+		dismiss_confirm: "Forget this invoice? Its time stays unbilled and can reach a second invoice."
+	},
+	customer: {
+		title: "Who has time waiting?",
+		description: "Customers with billable time that has not reached an invoice yet.",
+		entries: "{count} entry | {count} entries",
+		empty_title: "Nothing to invoice",
+		empty_description: "Billable time appears here once it has been logged against a task that belongs to a customer.",
+		load_failed: "Unable to load the customers with unbilled time.",
+		from: "From",
+		to: "To",
+		clear_range: "Clear dates"
+	},
+	entries: {
+		title: "Which time goes on the invoice?",
+		grouping: "Group lines by",
+		group_by: {
+			task: "Task",
+			project: "Project",
+			member: "Member",
+			summary: "One summary line"
+		},
+		select_all: "Select all",
+		selected: "{count} of {total} entries selected",
+		selected_total: "Selected: {hours}",
+		no_description: "No description",
+		columns: {
+			date: "Date",
+			task: "Task",
+			project: "Project",
+			member: "Member",
+			duration: "Duration",
+			amount: "Amount"
+		},
+		empty_title: "No unbilled time",
+		empty_description: "This customer has nothing waiting to be invoiced in this range.",
+		load_failed: "Unable to load the unbilled time.",
+		none_selected: "Select at least one entry."
+	}
+} } } }, se = "/api/v1/tasks-projects", ce = {
+	customers: `${se}/billing/customers`,
+	unbilled: `${se}/billing/unbilled`,
+	prepare: `${se}/billing/prepare`,
+	confirm: `${se}/billing/confirm`
+}, le = {
+	bootstrap: "/api/v1/bootstrap",
+	customer: (e) => `/api/v1/customers/${e}`,
+	invoices: "/api/v1/invoices",
+	invoiceTemplates: "/api/v1/invoices/templates",
+	nextNumber: "/api/v1/next-number",
+	exchangeRate: (e) => `/api/v1/currencies/${e}/exchange-rate`
+};
+async function ue(e, t = {}) {
+	let { data: n } = await e.get(ce.customers, { params: t });
+	return n.data ?? [];
+}
+async function de(e, t, n = {}) {
+	let { data: r } = await e.get(ce.unbilled, { params: {
+		customer_id: t,
+		...n
+	} });
+	return r.data;
+}
+async function fe(e, t) {
+	let { data: n } = await e.post(ce.prepare, pe(t));
+	return n.data;
+}
+function pe(e) {
+	let t = "taskIds" in e ? { task_ids: e.taskIds } : "projectId" in e ? { project_id: e.projectId } : { entry_ids: e.entryIds };
+	return e.grouping !== void 0 && (t.grouping = e.grouping), t;
+}
+async function me(e, t, n) {
+	let { data: r } = await e.post(ce.confirm, {
+		invoice_id: t,
+		items: n
+	});
+	return r?.stamped ?? 0;
+}
+async function he(e, t) {
+	let { data: n } = await e.get(le.customer(t));
+	return n?.data ?? null;
+}
+async function ge(e, t) {
+	let { data: n } = await e.post(le.invoices, t);
+	return n.data;
+}
+async function _e(e) {
+	let { data: t } = await e.get(le.invoiceTemplates);
+	return t?.invoiceTemplates ?? [];
+}
+async function ve(e, t) {
+	let n = { key: "invoice" };
+	t !== void 0 && (n.userId = t);
+	let { data: r } = await e.get(le.nextNumber, { params: n });
+	return r?.success && typeof r.nextNumber == "string" ? r.nextNumber : null;
+}
+async function ye(e, t) {
+	let { data: n } = await e.get(le.exchangeRate(t)), r = Array.isArray(n?.exchangeRate) ? n.exchangeRate[0] : n?.exchangeRate, i = Number(r);
+	return Number.isFinite(i) && i > 0 ? i : null;
+}
+async function be(e) {
+	let { data: t } = await e.get(le.bootstrap), n = t?.current_company_settings ?? {}, r = t?.current_user_settings ?? {}, i = Number(n.invoice_due_date_days), a = r.default_invoice_template;
+	return {
+		currency: t?.current_company_currency ?? null,
+		dueDateDays: Number.isFinite(i) && i >= 0 ? i : 0,
+		setDueDateAutomatically: n.invoice_set_due_date_automatically === "YES",
+		autoGenerateNumber: n.invoice_auto_generate !== "NO",
+		defaultTemplate: typeof a == "string" && a !== "" ? a : null
+	};
+}
+//#endregion
+//#region resources/js/api/time.ts
+var xe = "/api/v1/tasks-projects", Se = {
+	timeEntries: `${xe}/time-entries`,
+	timeEntry: (e) => `${xe}/time-entries/${e}`,
+	timer: `${xe}/timer`,
+	timerStart: `${xe}/timer/start`,
+	timerStop: `${xe}/timer/stop`,
+	taskStatuses: `${xe}/task-statuses`,
+	taskStatus: (e) => `${xe}/task-statuses/${e}`,
+	reorderTaskStatuses: `${xe}/task-statuses/reorder`,
+	tasks: `${xe}/tasks`,
+	task: (e) => `${xe}/tasks/${e}`,
+	members: `${xe}/members`,
+	settings: `${xe}/settings`
+}, Ce = { bootstrap: "/api/v1/bootstrap" }, we = 100, Te = 5, Ee = 10;
+async function De(e, t) {
+	let { data: n } = await e.get(Se.timeEntries, { params: t });
+	return n;
+}
+async function Oe(e, t) {
+	let n = [];
+	for (let r = 1; r <= Te; r += 1) {
+		let i = await De(e, {
+			...t,
+			page: r,
+			limit: we
+		});
+		if (n.push(...i.data ?? []), !i.meta || r >= i.meta.last_page) break;
+	}
+	return n;
+}
+async function ke(e, t) {
+	let { data: n } = await e.post(Se.timeEntries, t);
+	return n.data;
+}
+async function Ae(e, t, n) {
+	let { data: r } = await e.put(Se.timeEntry(t), n);
+	return r.data;
+}
+async function je(e, t) {
+	await e.delete(Se.timeEntry(t));
+}
+async function Me(e) {
+	let { data: t } = await e.get(Se.timer);
+	return t?.data ?? null;
+}
+async function Ne(e, t) {
+	let { data: n } = await e.post(Se.timerStart, t);
+	return n.data;
+}
+async function Pe(e, t = {}) {
+	let { data: n } = await e.post(Se.timerStop, t);
+	return n.data;
+}
+async function Fe(e) {
+	await e.delete(Se.timer);
+}
+async function Ie(e) {
+	let { data: t } = await e.get(Se.taskStatuses);
+	return t.data ?? [];
+}
+async function Le(e, t) {
+	let { data: n } = await e.post(Se.taskStatuses, t);
+	return n.data;
+}
+async function Re(e, t, n) {
+	let { data: r } = await e.put(Se.taskStatus(t), n);
+	return r.data;
+}
+async function ze(e, t) {
+	await e.delete(Se.taskStatus(t));
+}
+async function Be(e, t) {
+	let { data: n } = await e.post(Se.reorderTaskStatuses, { ids: t });
+	return n.data ?? [];
+}
+async function Ve(e, t, n = {}) {
+	let r = { limit: n.limit ?? Ee };
+	t.trim() !== "" && (r.search = t.trim()), typeof n.projectId == "number" && (r.project_id = n.projectId), n.invoiced !== void 0 && (r.invoiced = n.invoiced);
+	let { data: i } = await e.get(Se.tasks, { params: r });
+	return i.data ?? [];
+}
+async function He(e, t) {
+	let { data: n } = await e.get(Se.task(t));
+	return n.data;
+}
+async function Ue(e) {
+	let { data: t } = await e.get(Se.settings);
+	return t.data;
+}
+async function We(e) {
+	let { data: t } = await e.get(Ce.bootstrap), n = t?.current_user?.id;
+	return typeof n == "number" ? n : null;
+}
+//#endregion
+//#region resources/js/stores/tasks.ts
+var Ge = y({}), Ke = /* @__PURE__ */ new Set(), qe = 5, Je = {
+	logged_minutes: 0,
+	billable_minutes: 0,
+	unbilled_minutes: 0,
+	unbilled_amount: 0,
+	invoiced: "none",
+	running: []
+}, Ye = b(0), Xe = y({});
+function Ze(e) {
+	return e === null ? "" : Ge[e] ?? `#${e}`;
+}
+function Qe(e) {
+	e && typeof e.id == "number" && typeof e.name == "string" && (Ge[e.id] = e.name);
+}
+async function $e(e, t) {
+	let n = [...new Set(t)].filter((e) => typeof e == "number" && Ge[e] === void 0 && !Ke.has(e));
+	for (let e of n) Ke.add(e);
+	for (let t = 0; t < n.length; t += qe) await Promise.all(n.slice(t, t + qe).map(async (t) => {
+		try {
+			Qe(await He(e, t));
+		} catch {} finally {
+			Ke.delete(t);
+		}
+	}));
+}
+var et = Ye;
+function V() {
+	Ye.value += 1;
+}
+function tt(e, t) {
+	Xe[e] = {
+		...Xe[e] ?? {},
+		...t
+	};
+}
+function nt(e) {
+	if (!e || typeof e.id != "number") return Je;
+	let t = e.time ?? Je;
+	return {
+		...Je,
+		...t,
+		running: Array.isArray(t.running) ? t.running : [],
+		...Xe[e.id] ?? {}
+	};
+}
+function rt() {
+	for (let e of Object.keys(Ge)) delete Ge[Number(e)];
+	for (let e of Object.keys(Xe)) delete Xe[Number(e)];
+	Ke.clear();
+}
+//#endregion
+//#region resources/js/support/errors.ts
+function it(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e.response;
+	return typeof t?.data != "object" || t.data === null ? null : t.data;
+}
+function H(e, t) {
+	let n = it(e)?.message;
+	return typeof n == "string" && n !== "" ? n : t;
+}
+function at(e) {
+	let t = it(e)?.errors, n = {};
+	if (typeof t != "object" || !t) return n;
+	for (let [e, r] of Object.entries(t)) Array.isArray(r) && typeof r[0] == "string" && (n[e] = r[0]);
+	return n;
+}
+//#endregion
+//#region resources/js/support/format.ts
+function ot(e) {
+	return e === null ? "" : String(e / 100);
+}
+function st(e) {
+	let t = Number(e);
+	return e.trim() === "" || Number.isNaN(t) ? null : Math.round(t * 100);
+}
+function ct(e) {
+	return e === null ? "" : String(e / 60);
+}
+function lt(e) {
+	let t = Number(e);
+	return e.trim() === "" || Number.isNaN(t) ? null : Math.round(t * 60);
+}
+function ut(e) {
+	if (!e) return "";
+	let [t, n, r] = e.slice(0, 10).split("-").map(Number);
+	return !t || !n || !r ? e : new Date(Date.UTC(t, n - 1, r)).toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		timeZone: "UTC"
+	});
+}
+function dt(e) {
+	if (typeof e == "string") return e.slice(0, 10);
+	let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
+	return `${e.getFullYear()}-${t}-${n}`;
+}
+function ft(e) {
+	let t = Math.max(0, Math.round(e ?? 0)), n = Math.floor(t / 60), r = t % 60;
+	return n === 0 ? `${r}m` : r === 0 ? `${n}h` : `${n}h ${r}m`;
+}
+function pt(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : (t[0].charAt(0) + (t.length > 1 ? t[t.length - 1].charAt(0) : "")).toUpperCase();
+}
+function mt(e) {
+	if (!e) return !1;
+	let t = /* @__PURE__ */ new Date(), n = `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
+	return e.slice(0, 10) < n;
+}
+//#endregion
+//#region resources/js/support/http.ts
+function ht(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e.response?.status;
+	return typeof t == "number" ? t : null;
+}
+function gt(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e.response?.data;
+	if (typeof t != "object" || !t) return null;
+	let n = t.error;
+	return typeof n == "string" && n !== "" ? n : null;
+}
+function _t(e) {
+	return ht(e) === 409;
+}
+function vt(e) {
+	return ht(e) === 403;
+}
+//#endregion
+//#region resources/js/support/invoicing.ts
+var yt = "/admin/invoices";
+async function bt(e, t) {
+	let { notify: n, t: r } = e;
+	if (M.pending !== null) return n("warning", r("tasks_projects.billing.pending_stamp")), !1;
+	if (!N()) return !1;
+	try {
+		return await Ct(e, t);
+	} finally {
+		P();
+	}
+}
+async function xt(e, t, n) {
+	let r = M.pending;
+	if (r === null || !N()) return !1;
+	try {
+		let i = await me(e, r.invoiceId, r.items);
+		return I(), V(), t("success", n("tasks_projects.billing.stamped", { count: i })), !0;
+	} catch (e) {
+		return t("error", H(e, n("tasks_projects.billing.stamp_failed"))), !1;
+	} finally {
+		P();
+	}
+}
+function St(e) {
+	return `${yt}/${e}/view`;
+}
+async function Ct(e, t) {
+	let { client: n, notify: r, t: i } = e, a;
+	try {
+		a = await fe(n, t);
+	} catch (t) {
+		return wt(e, t), !1;
+	}
+	if (!Array.isArray(a.items) || a.items.length === 0) return r("warning", i("tasks_projects.billing.nothing_to_invoice")), !1;
+	let [o, s, c] = await Promise.all([
+		be(n).catch(() => null),
+		_e(n).catch(() => []),
+		he(n, a.customer_id).catch(() => null)
+	]), l = c?.currency_id ?? c?.currency?.id ?? a.currency_id, u = o?.currency?.id ?? null, d = u !== null && l !== null && l !== u, f = await Et(e, o, a.customer_id);
+	if (f === null) return !1;
+	let p = null;
+	d && l !== null && (p = await ye(n, l).catch(() => null), p === null && r("warning", i("tasks_projects.billing.rate_failed")));
+	let m = Ot(a, {
+		invoiceNumber: f,
+		currencyId: l,
+		exchangeRate: p,
+		dueDate: Dt(a.invoice_date, o),
+		templateName: o?.defaultTemplate ?? s[0]?.name ?? ""
+	}), h;
+	try {
+		h = await ge(n, m);
+	} catch (e) {
+		return r("error", H(e, i("tasks_projects.billing.create_failed"))), !1;
+	}
+	let g = await kt(e, h, a);
+	return V(), g ? (r("success", i("tasks_projects.billing.created", { number: h.invoice_number })), await jt(e.router, h.id), !0) : !1;
+}
+function wt(e, t) {
+	let { notify: n, t: r } = e, i = gt(t);
+	if (i === "mixed_billing_selection") {
+		let e = Tt(t);
+		n("error", e > 1 ? r("tasks_projects.billing.mixed_customers", { count: e }) : H(t, r("tasks_projects.billing.mixed_selection")));
+		return;
+	}
+	if (i === "nothing_to_invoice") {
+		n("warning", r("tasks_projects.billing.nothing_to_invoice"));
+		return;
+	}
+	if (ht(t) === 403) {
+		L(), n("error", r("tasks_projects.billing.forbidden"));
+		return;
+	}
+	n("error", H(t, r("tasks_projects.billing.prepare_failed")));
+}
+function Tt(e) {
+	if (typeof e != "object" || !e) return 0;
+	let t = e.response?.data;
+	if (typeof t != "object" || !t) return 0;
+	let n = t.customer_ids;
+	return Array.isArray(n) ? n.length : 0;
+}
+async function Et(e, t, n) {
+	let r = await ve(e.client, n).catch(() => null);
+	return t?.autoGenerateNumber !== !1 && r !== null ? r : R(r ?? "");
+}
+function Dt(e, t) {
+	if (t === null || !t.setDueDateAutomatically) return null;
+	let n = /* @__PURE__ */ new Date(`${e}T00:00:00`);
+	return Number.isNaN(n.getTime()) ? null : (n.setDate(n.getDate() + t.dueDateDays), dt(n));
+}
+function Ot(e, t) {
+	return {
+		invoice_date: e.invoice_date,
+		due_date: t.dueDate,
+		customer_id: e.customer_id,
+		invoice_number: t.invoiceNumber,
+		currency_id: t.currencyId,
+		exchange_rate: t.exchangeRate,
+		discount: e.discount,
+		discount_type: e.discount_type,
+		discount_val: e.discount_val,
+		tax: e.tax,
+		sub_total: e.sub_total,
+		total: e.total,
+		tax_included: !1,
+		notes: e.notes,
+		template_name: t.templateName,
+		items: e.items.map((e) => ({ ...e })),
+		taxes: []
+	};
+}
+async function kt(e, t, n) {
+	let { client: r, notify: i, t: a } = e, o = At(t, n);
+	if (o.length === 0) return i("error", a("tasks_projects.billing.stamp_unmatched", { number: t.invoice_number })), await jt(e.router, t.id), !1;
+	try {
+		return await me(r, t.id, o), !0;
+	} catch (e) {
+		return F({
+			invoiceId: t.id,
+			invoiceNumber: t.invoice_number,
+			items: o
+		}), i("error", H(e, a("tasks_projects.billing.stamp_failed_notice", { number: t.invoice_number }))), !1;
+	}
+}
+function At(e, t) {
+	let n = Array.isArray(e.items) ? e.items : [], r = Array.isArray(t.groups) ? t.groups : [], i = [];
+	return r.forEach((e, t) => {
+		let r = n[t];
+		r && typeof r.id == "number" && e.entry_ids.length > 0 && i.push({
+			invoice_item_id: r.id,
+			entry_ids: e.entry_ids
+		});
+	}), i;
+}
+async function jt(e, t) {
+	await Mt(e, `${yt}/${t}/edit`) || await Mt(e, St(t));
+}
+async function Mt(e, t) {
+	try {
+		return !await e.push(t);
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+//#region resources/js/components/InvoiceRetryBanner.vue?vue&type=script&setup=true&lang.ts
+var Nt = {
+	key: 0,
+	class: "mt-4 rounded-xl border border-status-yellow bg-surface p-5",
+	role: "alert"
+}, Pt = { class: "text-sm font-semibold text-heading" }, Ft = { class: "mt-1 text-sm text-muted" }, It = { class: "mt-4 flex flex-wrap items-center gap-3" }, Lt = /* @__PURE__ */ l({
+	__name: "InvoiceRetryBanner",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function }
+	},
+	setup(e) {
+		let t = e, r = B(), l = b(!1), u = n(() => M.pending);
+		async function d() {
+			if (!l.value) {
+				l.value = !0;
+				try {
+					await xt(t.client, t.notify, r);
+				} finally {
+					l.value = !1;
+				}
+			}
+		}
+		function f() {
+			window.confirm(r("tasks_projects.billing.retry.dismiss_confirm")) && I();
+		}
+		return (e, t) => {
+			let n = S("BaseButton"), p = S("router-link");
+			return u.value ? (v(), a("div", Nt, [
+				o("p", Pt, C(w(r)("tasks_projects.billing.retry.title")), 1),
+				o("p", Ft, C(w(r)("tasks_projects.billing.retry.description", { number: u.value.invoiceNumber })), 1),
+				o("div", It, [
+					c(n, {
+						variant: "primary",
+						loading: l.value,
+						disabled: l.value,
+						onClick: d
+					}, {
+						default: D(() => [s(C(w(r)("tasks_projects.billing.retry.action")), 1)]),
+						_: 1
+					}, 8, ["loading", "disabled"]),
+					c(p, { to: w(St)(u.value.invoiceId) }, {
+						default: D(() => [c(n, { variant: "white" }, {
+							default: D(() => [s(C(w(r)("tasks_projects.billing.retry.open_invoice")), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["to"]),
+					o("button", {
+						type: "button",
+						class: "text-sm font-medium text-muted hover:underline",
+						onClick: f
+					}, C(w(r)("tasks_projects.billing.retry.dismiss")), 1)
+				])
+			])) : i("", !0);
+		};
+	}
+}), Rt = "/api/v1/tasks-projects", zt = {
+	projects: `${Rt}/projects`,
+	project: (e) => `${Rt}/projects/${e}`,
+	archiveProject: (e) => `${Rt}/projects/${e}/archive`,
+	unarchiveProject: (e) => `${Rt}/projects/${e}/unarchive`,
+	members: `${Rt}/members`,
+	settings: `${Rt}/settings`
+}, Bt = { customers: "/api/v1/customers" };
+function Vt(e, t) {
+	if (e === void 0 || e.order === "") return {};
+	let n = t[e.fieldName];
+	return n === void 0 ? {} : {
+		sort_by: n,
+		sort_order: e.order
+	};
+}
+async function Ht(e, t) {
+	let { data: n } = await e.get(zt.projects, { params: t });
+	return n;
+}
+async function Ut(e, t) {
+	let { data: n } = await e.post(zt.projects, t);
+	return n.data;
+}
+async function Wt(e, t, n) {
+	let { data: r } = await e.put(zt.project(t), n);
+	return r.data;
+}
+async function Gt(e, t) {
+	let { data: n } = await e.post(zt.archiveProject(t));
+	return n.data;
+}
+async function Kt(e, t) {
+	let { data: n } = await e.post(zt.unarchiveProject(t));
+	return n.data;
+}
+async function qt(e, t) {
+	await e.delete(zt.project(t));
+}
+async function Jt(e) {
+	let { data: t } = await e.get(zt.members);
+	return t.data;
+}
+async function Yt(e, t = 100) {
+	let { data: n } = await e.get(Bt.customers, { params: { limit: t } });
+	return n.data;
+}
+var Xt = y({}), Zt = !1, Qt = null;
+function $t(e) {
+	return e === null ? "" : Xt[e] ?? `#${e}`;
+}
+async function en(e) {
+	Zt || (Qt ??= nn(e), await Qt);
+}
+function tn() {
+	for (let e of Object.keys(Xt)) delete Xt[Number(e)];
+	Zt = !1, Qt = null;
+}
+async function nn(e) {
+	try {
+		for (let t of await Yt(e, 200)) {
+			let e = t?.id;
+			typeof e == "number" && (Xt[e] = rn(t));
+		}
+		Zt = !0;
+	} catch {} finally {
+		Qt = null;
+	}
+}
+function rn(e) {
+	let t = typeof e.display_name == "string" ? e.display_name.trim() : "";
+	if (t !== "") return t;
+	let n = typeof e.name == "string" ? e.name.trim() : "";
+	return n === "" ? `#${e.id}` : n;
+}
+//#endregion
+//#region resources/js/support/page.ts
+var U = "tasks-projects", an = `/admin/modules/${U}`, W = {
+	tasks: an,
+	board: `${an}/board`,
+	week: `${an}/week`,
+	task: (e) => `${an}/tasks/${e}`,
+	projects: `${an}/projects`,
+	project: (e) => `${an}/projects/${e}`,
+	reports: `${an}/reports`,
+	billing: `${an}/billing`,
+	settings: "/admin/settings/modules",
+	customer: (e) => `/admin/customers/${e}/view`
+}, on = {
+	tasks: `extension.page.${U}.tasks`,
+	list: `extension.page.${U}.tasks.list`,
+	board: `extension.page.${U}.tasks.board`,
+	week: `extension.page.${U}.tasks.week`,
+	task: `extension.page.${U}.task`,
+	projects: `extension.page.${U}.projects`,
+	project: `extension.page.${U}.project`
+};
+function sn(e, t) {
+	return l({ setup: (n, { attrs: r }) => () => d(t, {
+		...r,
+		client: e.client,
+		notify: (t, n) => {
+			e.notify(t, n);
+		},
+		router: e.router
+	}) });
+}
+//#endregion
+//#region resources/js/pages/UnbilledTimePage.vue?vue&type=script&setup=true&lang.ts
+var cn = { class: "mt-2 text-sm text-muted" }, ln = { class: "flex flex-wrap items-center justify-end gap-3" }, un = { class: "mt-4 flex flex-wrap items-end gap-4" }, dn = {
+	key: 0,
+	class: "flex justify-center py-16"
+}, fn = {
+	key: 1,
+	class: "mt-6"
+}, pn = { class: "text-base font-semibold text-heading" }, mn = { class: "mt-1 text-sm text-muted" }, hn = {
+	key: 0,
+	class: "mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"
+}, gn = ["onClick"], _n = { class: "text-sm font-semibold text-heading" }, vn = { class: "mt-1 text-xs text-muted" }, yn = { class: "mt-3 text-xl font-semibold text-heading" }, bn = {
+	key: 2,
+	class: "mt-6"
+}, xn = { class: "flex flex-wrap items-end justify-between gap-4" }, Sn = { class: "text-base font-semibold text-heading" }, Cn = { class: "mt-1 text-sm text-muted" }, wn = {
+	key: 0,
+	class: "flex justify-center py-16"
+}, Tn = { class: "mt-4 flex flex-wrap items-center justify-between gap-3 rounded-lg border border-line-default bg-surface-secondary px-4 py-3" }, En = { class: "flex cursor-pointer items-center gap-2 text-sm font-medium text-heading" }, Dn = ["checked"], On = { class: "text-sm text-muted" }, kn = { class: "flex flex-wrap items-center justify-between gap-3 bg-surface-secondary px-4 py-3" }, An = { class: "flex cursor-pointer items-center gap-2 text-sm font-semibold text-heading" }, jn = ["checked", "onChange"], Mn = { class: "text-sm text-muted" }, Nn = { class: "overflow-x-auto" }, Pn = { class: "w-full table-auto" }, Fn = { class: "bg-surface text-xs tracking-wider text-muted uppercase" }, In = { class: "px-4 py-2 text-left font-medium" }, Ln = { class: "px-4 py-2 text-left font-medium" }, Rn = { class: "px-4 py-2 text-left font-medium" }, zn = { class: "px-4 py-2 text-left font-medium" }, Bn = { class: "px-4 py-2 text-right font-medium" }, Vn = { class: "px-4 py-2 text-right font-medium" }, Hn = { class: "divide-y divide-line-default bg-surface text-sm" }, Un = { class: "pl-4" }, Wn = ["checked", "onChange"], Gn = { class: "px-4 py-2 whitespace-nowrap text-muted" }, Kn = { class: "px-4 py-2" }, qn = { class: "block text-xs text-subtle" }, Jn = { class: "px-4 py-2 text-muted" }, Yn = { class: "px-4 py-2 text-muted" }, Xn = { class: "px-4 py-2 text-right whitespace-nowrap text-muted" }, Zn = { class: "px-4 py-2 text-right whitespace-nowrap text-heading" }, Qn = { class: "mt-5 flex flex-wrap items-center justify-between gap-4" }, $n = { class: "text-sm font-medium text-heading" }, er = { class: "flex items-center gap-3" }, tr = /* @__PURE__ */ l({
+	__name: "UnbilledTimePage",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(t) {
+		let l = t, u = [
+			"task",
+			"project",
+			"member",
+			"summary"
+		], d = B(), f = b(!0), m = b([]), h = y({
+			from: "",
+			to: ""
+		}), _ = b(null), T = b(null), O = b(!1), k = b("task"), A = b([]), j = n(() => M.busy), N = n(() => u.map((e) => ({
+			id: e,
+			label: d(`tasks_projects.billing.entries.group_by.${e}`)
+		}))), P = n({
+			get: () => N.value.find((e) => e.id === k.value) ?? N.value[0],
+			set: (e) => {
+				k.value = e.id;
+			}
+		}), F = n(() => (T.value?.entries ?? []).filter((e) => e.currency_id === (_.value?.currency_id ?? null))), I = n(() => {
+			let e = {};
+			for (let t of F.value) e[t.id] = t;
+			return e;
+		}), L = n(() => (T.value?.groups?.[k.value] ?? []).filter((e) => e.currency_id === (_.value?.currency_id ?? null))), R = n(() => F.value.length), z = n(() => R.value > 0 && A.value.length === R.value), ee = n(() => A.value.reduce((e, t) => e + (I.value[t]?.minutes ?? 0), 0)), te = n(() => A.value.reduce((e, t) => e + (I.value[t]?.amount ?? 0), 0)), ne = n(() => {
+			let e = {};
+			return h.from !== "" && (e.from = h.from), h.to !== "" && (e.to = h.to), e;
+		});
+		E(() => [h.from, h.to], () => void ie()), g(() => void re());
+		async function re() {
+			f.value = !0, await Promise.all([ae(), en(l.client)]), f.value = !1;
+		}
+		async function ie() {
+			await ae(), _.value !== null && await fe(_.value);
+		}
+		async function ae() {
+			try {
+				m.value = await ue(l.client, ne.value);
+			} catch (e) {
+				m.value = [], l.notify("error", H(e, d("tasks_projects.billing.customer.load_failed")));
+			}
+		}
+		function oe(e) {
+			return $t(e);
+		}
+		function se() {
+			h.from = "", h.to = "";
+		}
+		function ce(e) {
+			h.from = e ? dt(e) : "";
+		}
+		function le(e) {
+			h.to = e ? dt(e) : "";
+		}
+		async function fe(e) {
+			_.value = e, O.value = !0, T.value = null, A.value = [];
+			try {
+				T.value = await de(l.client, e.customer_id, ne.value), A.value = F.value.map((e) => e.id);
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.billing.entries.load_failed")));
+			} finally {
+				O.value = !1;
+			}
+		}
+		function pe() {
+			_.value = null, T.value = null, A.value = [], ae();
+		}
+		function me(e) {
+			return A.value.includes(e);
+		}
+		function he(e) {
+			A.value = me(e) ? A.value.filter((t) => t !== e) : [...A.value, e];
+		}
+		function ge() {
+			A.value = z.value ? [] : F.value.map((e) => e.id);
+		}
+		function _e(e) {
+			return e.entry_ids.length > 0 && e.entry_ids.every((e) => me(e));
+		}
+		function ve(e) {
+			if (_e(e)) {
+				A.value = A.value.filter((t) => !e.entry_ids.includes(t));
+				return;
+			}
+			let t = e.entry_ids.filter((e) => !me(e));
+			A.value = [...A.value, ...t];
+		}
+		function ye(e) {
+			return e.entry_ids.map((e) => I.value[e]).filter((e) => e !== void 0);
+		}
+		async function be() {
+			if (A.value.length === 0) {
+				l.notify("warning", d("tasks_projects.billing.entries.none_selected"));
+				return;
+			}
+			await bt({
+				client: l.client,
+				router: l.router,
+				notify: l.notify,
+				t: d
+			}, {
+				entryIds: [...A.value],
+				grouping: k.value
+			}) || await ie();
+		}
+		return (n, l) => {
+			let u = S("BaseBreadcrumbItem"), g = S("BaseBreadcrumb"), y = S("BaseIcon"), b = S("BaseButton"), T = S("router-link"), E = S("BasePageHeader"), k = S("BaseDatePicker"), M = S("BaseInputGroup"), F = S("BaseSpinner"), I = S("BaseFormatMoney"), B = S("BaseEmptyPlaceholder"), ne = S("BaseSelectInput"), re = S("BasePage");
+			return v(), r(re, null, {
+				default: D(() => [
+					c(E, { title: w(d)("tasks_projects.billing.title") }, {
+						actions: D(() => [o("div", ln, [c(T, { to: w(W).reports }, {
+							default: D(() => [c(b, { variant: "white" }, {
+								left: D((e) => [c(y, {
+									name: "ChartBarIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.reports.title")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["to"]), c(T, { to: w(W).projects }, {
+							default: D(() => [c(b, { variant: "white" }, {
+								left: D((e) => [c(y, {
+									name: "FolderIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.projects.title")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["to"])])]),
+						default: D(() => [c(g, null, {
+							default: D(() => [
+								c(u, {
+									title: w(d)("tasks_projects.general.home"),
+									to: "/admin/dashboard"
+								}, null, 8, ["title"]),
+								c(u, {
+									title: w(d)("tasks_projects.tasks.title"),
+									to: w(W).tasks
+								}, null, 8, ["title", "to"]),
+								c(u, {
+									title: w(d)("tasks_projects.billing.title"),
+									to: "#",
+									active: ""
+								}, null, 8, ["title"])
+							]),
+							_: 1
+						}), o("p", cn, C(w(d)("tasks_projects.billing.subtitle")), 1)]),
+						_: 1
+					}, 8, ["title"]),
+					c(Lt, {
+						client: t.client,
+						notify: t.notify
+					}, null, 8, ["client", "notify"]),
+					o("div", un, [
+						c(M, {
+							label: w(d)("tasks_projects.billing.customer.from"),
+							class: "w-full sm:w-48"
+						}, {
+							default: D(() => [c(k, {
+								"model-value": h.from,
+								"onUpdate:modelValue": ce
+							}, null, 8, ["model-value"])]),
+							_: 1
+						}, 8, ["label"]),
+						c(M, {
+							label: w(d)("tasks_projects.billing.customer.to"),
+							class: "w-full sm:w-48"
+						}, {
+							default: D(() => [c(k, {
+								"model-value": h.to,
+								"onUpdate:modelValue": le
+							}, null, 8, ["model-value"])]),
+							_: 1
+						}, 8, ["label"]),
+						h.from !== "" || h.to !== "" ? (v(), r(b, {
+							key: 0,
+							variant: "primary-outline",
+							onClick: se
+						}, {
+							default: D(() => [s(C(w(d)("tasks_projects.billing.customer.clear_range")), 1)]),
+							_: 1
+						})) : i("", !0)
+					]),
+					f.value ? (v(), a("div", dn, [c(F, { class: "h-8 w-8 text-primary-500" })])) : _.value === null ? (v(), a("section", fn, [
+						o("h2", pn, C(w(d)("tasks_projects.billing.customer.title")), 1),
+						o("p", mn, C(w(d)("tasks_projects.billing.customer.description")), 1),
+						m.value.length > 0 ? (v(), a("div", hn, [(v(!0), a(e, null, x(m.value, (e) => (v(), a("button", {
+							key: `${e.customer_id}-${e.currency_id ?? "none"}`,
+							type: "button",
+							class: "rounded-xl border border-line-default bg-surface p-5 text-left transition hover:border-primary-500",
+							onClick: (t) => fe(e)
+						}, [
+							o("p", _n, C(oe(e.customer_id)), 1),
+							o("p", vn, C(w(d)("tasks_projects.billing.customer.entries", { count: e.entries })) + " · " + C(w(ft)(e.minutes)), 1),
+							o("p", yn, [c(I, { amount: e.amount }, null, 8, ["amount"])])
+						], 8, gn))), 128))])) : (v(), r(B, {
+							key: 1,
+							title: w(d)("tasks_projects.billing.customer.empty_title"),
+							description: w(d)("tasks_projects.billing.customer.empty_description")
+						}, {
+							default: D(() => [c(y, {
+								name: "BanknotesIcon",
+								class: "mt-5 mb-4 h-16 w-16 text-subtle"
+							})]),
+							_: 1
+						}, 8, ["title", "description"]))
+					])) : (v(), a("section", bn, [o("div", xn, [o("div", null, [o("h2", Sn, C(w(d)("tasks_projects.billing.entries.title")), 1), o("p", Cn, C(oe(_.value.customer_id)), 1)]), c(M, {
+						label: w(d)("tasks_projects.billing.entries.grouping"),
+						class: "w-full sm:w-56"
+					}, {
+						default: D(() => [c(ne, {
+							modelValue: P.value,
+							"onUpdate:modelValue": l[0] ||= (e) => P.value = e,
+							options: N.value,
+							"label-key": "label"
+						}, null, 8, ["modelValue", "options"])]),
+						_: 1
+					}, 8, ["label"])]), O.value ? (v(), a("div", wn, [c(F, { class: "h-8 w-8 text-primary-500" })])) : R.value > 0 ? (v(), a(e, { key: 1 }, [
+						o("div", Tn, [o("label", En, [o("input", {
+							type: "checkbox",
+							class: "h-4 w-4 cursor-pointer rounded border-line-strong",
+							checked: z.value,
+							onChange: ge
+						}, null, 40, Dn), s(" " + C(w(d)("tasks_projects.billing.entries.select_all")), 1)]), o("p", On, C(w(d)("tasks_projects.billing.entries.selected", {
+							count: A.value.length,
+							total: R.value
+						})), 1)]),
+						(v(!0), a(e, null, x(L.value, (t) => (v(), a("div", {
+							key: `${t.label}-${t.key ?? "none"}-${t.currency_id ?? "none"}`,
+							class: "mt-4 overflow-hidden rounded-xl border border-line-default"
+						}, [o("div", kn, [o("label", An, [o("input", {
+							type: "checkbox",
+							class: "h-4 w-4 cursor-pointer rounded border-line-strong",
+							checked: _e(t),
+							onChange: (e) => ve(t)
+						}, null, 40, jn), s(" " + C(t.label), 1)]), o("p", Mn, [s(C(w(ft)(t.minutes)) + " · ", 1), c(I, { amount: t.amount }, null, 8, ["amount"])])]), o("div", Nn, [o("table", Pn, [o("thead", Fn, [o("tr", null, [
+							l[1] ||= o("th", { class: "w-10" }, null, -1),
+							o("th", In, C(w(d)("tasks_projects.billing.entries.columns.date")), 1),
+							o("th", Ln, C(w(d)("tasks_projects.billing.entries.columns.task")), 1),
+							o("th", Rn, C(w(d)("tasks_projects.billing.entries.columns.project")), 1),
+							o("th", zn, C(w(d)("tasks_projects.billing.entries.columns.member")), 1),
+							o("th", Bn, C(w(d)("tasks_projects.billing.entries.columns.duration")), 1),
+							o("th", Vn, C(w(d)("tasks_projects.billing.entries.columns.amount")), 1)
+						])]), o("tbody", Hn, [(v(!0), a(e, null, x(ye(t), (e) => (v(), a("tr", { key: e.id }, [
+							o("td", Un, [o("input", {
+								type: "checkbox",
+								class: "h-4 w-4 cursor-pointer rounded border-line-strong",
+								checked: me(e.id),
+								onChange: (t) => he(e.id)
+							}, null, 40, Wn)]),
+							o("td", Gn, C(w(ut)(e.date)), 1),
+							o("td", Kn, [c(T, {
+								class: "text-heading hover:text-primary-500",
+								to: w(W).task(e.task_id)
+							}, {
+								default: D(() => [s(C(e.task_name), 1)]),
+								_: 2
+							}, 1032, ["to"]), o("span", qn, C(e.description || w(d)("tasks_projects.billing.entries.no_description")), 1)]),
+							o("td", Jn, C(e.project_name ?? "-"), 1),
+							o("td", Yn, C(e.user_name), 1),
+							o("td", Xn, C(w(ft)(e.minutes)), 1),
+							o("td", Zn, [c(I, { amount: e.amount }, null, 8, ["amount"])])
+						]))), 128))])])])]))), 128)),
+						o("div", Qn, [o("p", $n, [s(C(w(d)("tasks_projects.billing.entries.selected_total", { hours: w(ft)(ee.value) })) + " · ", 1), c(I, { amount: te.value }, null, 8, ["amount"])]), o("div", er, [c(b, {
+							variant: "primary-outline",
+							disabled: j.value,
+							onClick: pe
+						}, {
+							default: D(() => [s(C(w(d)("tasks_projects.billing.back")), 1)]),
+							_: 1
+						}, 8, ["disabled"]), c(b, {
+							variant: "primary",
+							loading: j.value,
+							disabled: j.value || A.value.length === 0,
+							onClick: be
+						}, {
+							left: D((e) => [j.value ? i("", !0) : (v(), r(y, {
+								key: 0,
+								name: "DocumentPlusIcon",
+								class: p(e.class)
+							}, null, 8, ["class"]))]),
+							default: D(() => [s(" " + C(w(d)("tasks_projects.billing.create")), 1)]),
+							_: 1
+						}, 8, ["loading", "disabled"])])])
+					], 64)) : (v(), r(B, {
+						key: 2,
+						title: w(d)("tasks_projects.billing.entries.empty_title"),
+						description: w(d)("tasks_projects.billing.entries.empty_description")
+					}, {
+						actions: D(() => [c(b, {
+							variant: "primary",
+							onClick: pe
+						}, {
+							default: D(() => [s(C(w(d)("tasks_projects.billing.back")), 1)]),
+							_: 1
+						})]),
+						default: D(() => [c(y, {
+							name: "ClockIcon",
+							class: "mt-5 mb-4 h-16 w-16 text-subtle"
+						})]),
+						_: 1
+					}, 8, ["title", "description"]))]))
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region resources/js/registrations/billing.ts
+function nr(e) {
+	e.addMessages(oe), e.registerPage({
+		id: "billing",
+		module: U,
+		path: "billing",
+		component: sn(e, tr),
+		meta: {
+			ability: `${U}:invoice-tasks`,
+			title: "tasks_projects.billing.title"
+		}
+	}), e.registerCompanyLayoutOverlay({
+		id: `${U}.invoice-number`,
+		component: l({ setup: () => () => d(ae) })
+	}), e.on("company:changing", () => {
+		ee();
+	});
+}
+//#endregion
+//#region resources/js/messages/projects.ts
+var rr = { en: { tasks_projects: { project: {
+	load_failed: "Unable to load the project.",
+	customer: "Customer",
+	identifier: "Identifier",
+	due_date: "Due date",
+	board: "Board",
+	tasks: "Tasks",
+	invoice_project: "Invoice project",
+	tabs: {
+		overview: "Overview",
+		tasks: "Tasks",
+		time: "Time",
+		members: "Members"
+	},
+	overview: {
+		tasks: "Tasks",
+		open_tasks: "{count} open",
+		closed_tasks: "{count} done",
+		logged: "Logged",
+		billable: "Billable",
+		billable_amount: "Billable value",
+		unbilled_amount: "Unbilled",
+		budget: "Budget",
+		budget_used: "{used} of {total}",
+		budget_over: "Over budget by {amount}",
+		no_budget: "No budget set.",
+		description: "Description",
+		no_description: "No description yet."
+	},
+	time: {
+		title: "Time log",
+		add_entry: "Add entry",
+		columns: {
+			date: "Date",
+			member: "Member",
+			task: "Task",
+			minutes: "Duration",
+			billable: "Billable",
+			amount: "Amount"
+		},
+		running: "Running",
+		removed_member: "Removed member",
+		load_failed: "Unable to load the time entries."
+	},
+	members: {
+		title: "Members",
+		member: "Member",
+		rate: "Rate / hour",
+		rate_help: "Per hour on this project. Leave empty to use the project default.",
+		attach: "Add member",
+		attach_placeholder: "Choose a member",
+		attached: "{name} was added to the project.",
+		detached: "{name} was removed from the project.",
+		detach_confirm: "Remove {name} from this project? Their time entries stay.",
+		empty: "Nobody is on this project yet.",
+		all_attached: "Every company member is already on this project.",
+		load_failed: "Unable to load the project members.",
+		attach_failed: "Unable to add the member.",
+		detach_failed: "Unable to remove the member."
+	}
+} } } }, ir = {
+	board: `${Rt}/board`,
+	tasks: `${Rt}/tasks`,
+	task: (e) => `${Rt}/tasks/${e}`,
+	moveTask: (e) => `${Rt}/tasks/${e}/move`,
+	startTask: (e) => `${Rt}/tasks/${e}/start`,
+	stopTask: (e) => `${Rt}/tasks/${e}/stop`,
+	taskTimeLog: (e) => `${Rt}/tasks/${e}/time-log`,
+	bulkTasks: `${Rt}/tasks/bulk`,
+	taskStatuses: `${Rt}/task-statuses`,
+	timeEntries: `${Rt}/time-entries`,
+	projectMembers: (e) => `${Rt}/projects/${e}/members`,
+	projectMember: (e, t) => `${Rt}/projects/${e}/members/${t}`
+};
+async function ar(e, t) {
+	let { data: n } = await e.get(ir.board, { params: t });
+	return n.data;
+}
+async function or(e) {
+	let { data: t } = await e.get(ir.taskStatuses);
+	return t.data;
+}
+async function sr(e, t) {
+	let { data: n } = await e.get(ir.tasks, { params: t });
+	return n;
+}
+async function cr(e, t) {
+	let { data: n } = await e.post(ir.tasks, t);
+	return n.data;
+}
+async function lr(e, t, n) {
+	let { data: r } = await e.put(ir.task(t), n);
+	return r.data;
+}
+async function ur(e, t) {
+	await e.delete(ir.task(t));
+}
+async function dr(e, t) {
+	let { data: n } = await e.get(ir.task(t));
+	return n.data;
+}
+async function fr(e, t, n = null, r) {
+	let i = {};
+	n !== null && (i.description = n), r !== void 0 && (i.billable = r);
+	let { data: a } = await e.post(ir.startTask(t), i);
+	return a.data;
+}
+async function pr(e, t, n = {}) {
+	let { data: r } = await e.post(ir.stopTask(t), n);
+	return r.data;
+}
+async function mr(e, t) {
+	let { data: n } = await e.get(ir.taskTimeLog(t));
+	return n.data ?? [];
+}
+async function hr(e, t) {
+	let { data: n } = await e.post(ir.bulkTasks, t);
+	return {
+		updated: n?.updated ?? [],
+		failed: n?.failed ?? []
+	};
+}
+async function gr(e, t, n) {
+	let { data: r } = await e.post(ir.moveTask(t), n);
+	return r.data;
+}
+async function _r(e, t) {
+	let { data: n } = await e.get(zt.project(t));
+	return n.data;
+}
+async function vr(e, t) {
+	let { data: n } = await e.get(ir.projectMembers(t));
+	return n.data;
+}
+async function yr(e, t, n) {
+	let { data: r } = await e.post(ir.projectMembers(t), n);
+	return r.data;
+}
+async function br(e, t, n) {
+	await e.delete(ir.projectMember(t, n));
+}
+async function xr(e, t) {
+	let { data: n } = await e.get(ir.timeEntries, { params: t });
+	return n;
+}
+//#endregion
+//#region resources/js/components/ProjectFormModal.vue?vue&type=script&setup=true&lang.ts
+var Sr = { class: "flex w-full items-center justify-between" }, Cr = { class: "space-y-5 px-6 py-6" }, wr = { class: "flex flex-wrap items-center gap-2" }, Tr = ["aria-label", "onClick"], Er = { class: "flex justify-end space-x-3 border-t border-line-default px-6 py-4" }, Dr = /* @__PURE__ */ l({
+	__name: "ProjectFormModal",
+	props: {
+		show: { type: Boolean },
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		project: {}
+	},
+	emits: ["close", "saved"],
+	setup(t, { emit: i }) {
+		let l = t, u = i, d = [
+			"#2563eb",
+			"#0891b2",
+			"#059669",
+			"#ca8a04",
+			"#ea580c",
+			"#dc2626",
+			"#7c3aed",
+			"#64748b"
+		], f = B(), h = y({
+			name: "",
+			identifier: "",
+			description: "",
+			colour: "",
+			defaultRate: "",
+			budgetHours: "",
+			dueDate: ""
+		}), g = b(null), _ = b([]), T = b(!1), O = b({}), k = b(!1), j = n(() => l.project !== null), M = n(() => j.value ? f("tasks_projects.projects.edit_project") : f("tasks_projects.projects.new_project"));
+		E(() => l.show, (e) => {
+			e && (N(), I());
+		}, { immediate: !0 });
+		function N() {
+			let e = l.project;
+			h.name = e?.name ?? "", h.identifier = e?.identifier ?? "", h.description = e?.description ?? "", h.colour = e?.colour ?? "", h.defaultRate = ot(e?.default_rate ?? null), h.budgetHours = ct(e?.budget_minutes ?? null), h.dueDate = e?.due_date ?? "", O.value = {}, g.value = P(e?.customer_id ?? null);
+		}
+		function P(e) {
+			return e === null ? null : _.value.find((t) => t.id === e) ?? null;
+		}
+		function F(e) {
+			return e.display_name || e.name || `#${e.id}`;
+		}
+		async function I() {
+			if (!T.value) try {
+				let e = await Yt(l.client);
+				_.value = e.map((e) => ({
+					id: e.id,
+					label: F(e)
+				})), T.value = !0, g.value = P(l.project?.customer_id ?? null);
+			} catch (e) {
+				l.notify("error", H(e, f("tasks_projects.projects.customers_failed")));
+			}
+		}
+		function L() {
+			return {
+				name: h.name.trim(),
+				customer_id: g.value?.id ?? null,
+				identifier: h.identifier.trim() || null,
+				description: h.description.trim() || null,
+				colour: h.colour || null,
+				default_rate: st(h.defaultRate),
+				budget_minutes: lt(h.budgetHours),
+				due_date: h.dueDate || null
+			};
+		}
+		function R(e) {
+			h.dueDate = e ? dt(e) : "";
+		}
+		async function z() {
+			if (!k.value) {
+				if (h.name.trim() === "") {
+					O.value = { name: f("tasks_projects.projects.name_required") };
+					return;
+				}
+				k.value = !0, O.value = {};
+				try {
+					let e = l.project, t = e ? await Wt(l.client, e.id, L()) : await Ut(l.client, L());
+					u("saved", t);
+				} catch (e) {
+					O.value = at(e), l.notify("error", H(e, f("tasks_projects.projects.save_failed")));
+				} finally {
+					k.value = !1;
+				}
+			}
+		}
+		return (n, i) => {
+			let l = S("BaseIcon"), y = S("BaseInput"), b = S("BaseInputGroup"), T = S("BaseSelectInput"), E = S("BaseDatePicker"), N = S("BaseInputGrid"), P = S("BaseTextarea"), F = S("BaseButton"), I = S("BaseModal");
+			return v(), r(I, {
+				show: t.show,
+				onClose: i[9] ||= (e) => u("close")
+			}, {
+				header: D(() => [o("div", Sr, [o("span", null, C(M.value), 1), c(l, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: i[0] ||= (e) => u("close")
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(z, ["prevent"]) }, [o("div", Cr, [
+					c(N, null, {
+						default: D(() => [
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.name"),
+								error: O.value.name,
+								required: ""
+							}, {
+								default: D(() => [c(y, {
+									modelValue: h.name,
+									"onUpdate:modelValue": i[1] ||= (e) => h.name = e,
+									invalid: !!O.value.name,
+									type: "text"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.identifier"),
+								error: O.value.identifier,
+								"help-text": w(f)("tasks_projects.projects.fields.identifier_help")
+							}, {
+								default: D(() => [c(y, {
+									modelValue: h.identifier,
+									"onUpdate:modelValue": i[2] ||= (e) => h.identifier = e,
+									invalid: !!O.value.identifier,
+									type: "text",
+									maxlength: "32"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, [
+								"label",
+								"error",
+								"help-text"
+							]),
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.customer"),
+								error: O.value.customer_id,
+								"help-text": w(f)("tasks_projects.projects.fields.customer_help")
+							}, {
+								default: D(() => [c(T, {
+									modelValue: g.value,
+									"onUpdate:modelValue": i[3] ||= (e) => g.value = e,
+									options: _.value,
+									placeholder: w(f)("tasks_projects.projects.fields.customer_placeholder"),
+									"label-key": "label"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								])]),
+								_: 1
+							}, 8, [
+								"label",
+								"error",
+								"help-text"
+							]),
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.due_date"),
+								error: O.value.due_date
+							}, {
+								default: D(() => [c(E, {
+									"model-value": h.dueDate,
+									"onUpdate:modelValue": R
+								}, null, 8, ["model-value"])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.default_rate"),
+								error: O.value.default_rate,
+								"help-text": w(f)("tasks_projects.projects.fields.default_rate_help")
+							}, {
+								default: D(() => [c(y, {
+									modelValue: h.defaultRate,
+									"onUpdate:modelValue": i[4] ||= (e) => h.defaultRate = e,
+									invalid: !!O.value.default_rate,
+									type: "number",
+									step: "0.01",
+									min: "0"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, [
+								"label",
+								"error",
+								"help-text"
+							]),
+							c(b, {
+								label: w(f)("tasks_projects.projects.fields.budget_hours"),
+								error: O.value.budget_minutes
+							}, {
+								default: D(() => [c(y, {
+									modelValue: h.budgetHours,
+									"onUpdate:modelValue": i[5] ||= (e) => h.budgetHours = e,
+									invalid: !!O.value.budget_minutes,
+									type: "number",
+									step: "0.25",
+									min: "0"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, ["label", "error"])
+						]),
+						_: 1
+					}),
+					c(b, {
+						label: w(f)("tasks_projects.projects.fields.colour"),
+						error: O.value.colour
+					}, {
+						default: D(() => [o("div", wr, [(v(), a(e, null, x(d, (e) => o("button", {
+							key: e,
+							type: "button",
+							class: p(["h-7 w-7 rounded-full border-2 transition", h.colour === e ? "border-heading" : "border-line-default"]),
+							style: m({ backgroundColor: e }),
+							"aria-label": e,
+							onClick: (t) => h.colour = h.colour === e ? "" : e
+						}, null, 14, Tr)), 64)), o("button", {
+							type: "button",
+							class: "rounded-md border border-line-default px-2 py-1 text-xs text-muted hover:bg-hover",
+							onClick: i[6] ||= (e) => h.colour = ""
+						}, C(w(f)("tasks_projects.projects.fields.colour_none")), 1)])]),
+						_: 1
+					}, 8, ["label", "error"]),
+					c(b, {
+						label: w(f)("tasks_projects.projects.fields.description"),
+						error: O.value.description
+					}, {
+						default: D(() => [c(P, {
+							modelValue: h.description,
+							"onUpdate:modelValue": i[7] ||= (e) => h.description = e,
+							row: 3,
+							invalid: !!O.value.description
+						}, null, 8, ["modelValue", "invalid"])]),
+						_: 1
+					}, 8, ["label", "error"])
+				]), o("div", Er, [c(F, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: i[8] ||= (e) => u("close")
+				}, {
+					default: D(() => [s(C(w(f)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(F, {
+					type: "submit",
+					variant: "primary",
+					loading: k.value,
+					disabled: k.value
+				}, {
+					default: D(() => [s(C(j.value ? w(f)("tasks_projects.general.update") : w(f)("tasks_projects.general.save")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), Or = {
+	key: 0,
+	class: "mt-2 flex flex-wrap items-center gap-3 text-sm text-muted"
+}, kr = {
+	key: 0,
+	class: "rounded-sm bg-surface-tertiary px-2 py-0.5 text-body"
+}, Ar = { key: 1 }, jr = { class: "text-body" }, Mr = {
+	key: 2,
+	class: "text-subtle"
+}, Nr = { key: 3 }, Pr = { class: "text-body" }, Fr = { class: "flex items-center justify-end space-x-5" }, Ir = { class: "mt-6 flex overflow-x-auto border-b border-line-default" }, Lr = [
+	"href",
+	"aria-current",
+	"onClick"
+], Rr = {
+	key: 0,
+	class: "flex justify-center py-16"
+}, zr = /* @__PURE__ */ l({
+	__name: "ProjectDetailPage",
+	props: {
+		id: {},
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(t) {
+		let l = t, u = on.project, d = B(), f = l.router, m = b(null), h = b(!0), _ = b(!1), y = b(!1), T = n(() => Number(l.id)), O = n(() => [
+			{
+				id: "overview",
+				label: d("tasks_projects.project.tabs.overview"),
+				name: `${u}.overview`
+			},
+			{
+				id: "tasks",
+				label: d("tasks_projects.project.tabs.tasks"),
+				name: `${u}.tasks`
+			},
+			{
+				id: "time",
+				label: d("tasks_projects.project.tabs.time"),
+				name: `${u}.time`
+			},
+			{
+				id: "members",
+				label: d("tasks_projects.project.tabs.members"),
+				name: `${u}.members`
+			}
+		]), k = n(() => String(l.router.currentRoute.value.name ?? "")), A = n(() => m.value?.name ?? d("tasks_projects.projects.title")), j = n(() => ({
+			path: W.board,
+			query: { project: String(T.value) }
+		})), N = n(() => $t(m.value?.customer_id ?? null)), P = n(() => M.busy), F = n(() => M.allowed && m.value !== null && m.value.customer_id !== null && (m.value.totals?.unbilled_amount ?? 0) > 0);
+		E(T, () => {
+			L();
+		}), E(k, (e) => I(e)), g(() => {
+			I(k.value), L();
+		});
+		function I(e) {
+			e === u && l.router.replace({
+				name: `${u}.overview`,
+				params: { id: l.id }
+			});
+		}
+		async function L() {
+			h.value = !0;
+			try {
+				m.value = await _r(l.client, T.value), typeof m.value?.customer_id == "number" && await en(l.client);
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.project.load_failed")));
+			} finally {
+				h.value = !1;
+			}
+		}
+		function R(e) {
+			return {
+				name: e.name,
+				params: { id: l.id }
+			};
+		}
+		function z(e) {
+			return k.value === e.name;
+		}
+		function ee(e) {
+			y.value = !1, l.notify("success", d("tasks_projects.projects.updated", { name: e.name })), L();
+		}
+		async function te() {
+			let e = m.value;
+			e !== null && F.value && !P.value && (await bt({
+				client: l.client,
+				router: f,
+				notify: l.notify,
+				t: d
+			}, { projectId: e.id }) || await L());
+		}
+		async function ne() {
+			let e = m.value;
+			if (!(e === null || _.value)) {
+				_.value = !0;
+				try {
+					e.status === "ARCHIVED" ? (await Kt(l.client, e.id), l.notify("success", d("tasks_projects.projects.unarchived", { name: e.name }))) : (await Gt(l.client, e.id), l.notify("success", d("tasks_projects.projects.archived", { name: e.name }))), await L();
+				} catch (e) {
+					l.notify("error", H(e, d("tasks_projects.projects.save_failed")));
+				} finally {
+					_.value = !1;
+				}
+			}
+		}
+		function re(e) {
+			return e === "ACTIVE" ? "bg-primary-50! text-primary-500!" : "bg-surface-tertiary! text-muted!";
+		}
+		function ie(e) {
+			return d(e === "ACTIVE" ? "tasks_projects.projects.status.active" : "tasks_projects.projects.status.archived");
+		}
+		return (n, l) => {
+			let u = S("BaseBreadcrumbItem"), f = S("BaseBreadcrumb"), g = S("BaseBadge"), b = S("BaseIcon"), T = S("BaseButton"), E = S("router-link"), k = S("BasePageHeader"), M = S("BaseSpinner"), I = S("router-view"), B = S("BasePage");
+			return v(), r(B, null, {
+				default: D(() => [
+					c(k, { title: A.value }, {
+						actions: D(() => [o("div", Fr, [
+							c(E, { to: j.value }, {
+								default: D(() => [c(T, { variant: "white" }, {
+									left: D((e) => [c(b, {
+										name: "ViewColumnsIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(d)("tasks_projects.project.board")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							F.value ? (v(), r(T, {
+								key: 0,
+								variant: "primary-outline",
+								loading: P.value,
+								disabled: P.value,
+								onClick: te
+							}, {
+								left: D((e) => [P.value ? i("", !0) : (v(), r(b, {
+									key: 0,
+									name: "BanknotesIcon",
+									class: p(e.class)
+								}, null, 8, ["class"]))]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.project.invoice_project")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])) : i("", !0),
+							m.value ? (v(), r(T, {
+								key: 1,
+								variant: "primary-outline",
+								loading: _.value,
+								disabled: _.value,
+								onClick: ne
+							}, {
+								default: D(() => [s(C(m.value.status === "ARCHIVED" ? w(d)("tasks_projects.projects.unarchive") : w(d)("tasks_projects.projects.archive")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])) : i("", !0),
+							m.value ? (v(), r(T, {
+								key: 2,
+								variant: "primary",
+								onClick: l[0] ||= (e) => y.value = !0
+							}, {
+								left: D((e) => [c(b, {
+									name: "PencilIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.general.edit")), 1)]),
+								_: 1
+							})) : i("", !0)
+						])]),
+						default: D(() => [c(f, null, {
+							default: D(() => [
+								c(u, {
+									title: w(d)("tasks_projects.general.home"),
+									to: "/admin/dashboard"
+								}, null, 8, ["title"]),
+								c(u, {
+									title: w(d)("tasks_projects.projects.title"),
+									to: w(W).projects
+								}, null, 8, ["title", "to"]),
+								c(u, {
+									title: A.value,
+									to: "#",
+									active: ""
+								}, null, 8, ["title"])
+							]),
+							_: 1
+						}), m.value ? (v(), a("div", Or, [
+							c(g, { class: p(["rounded-full", re(m.value.status)]) }, {
+								default: D(() => [s(C(ie(m.value.status)), 1)]),
+								_: 1
+							}, 8, ["class"]),
+							m.value.identifier ? (v(), a("span", kr, C(m.value.identifier), 1)) : i("", !0),
+							m.value.customer_id ? (v(), a("span", Ar, [s(C(w(d)("tasks_projects.project.customer")) + ": ", 1), o("span", jr, C(N.value), 1)])) : (v(), a("span", Mr, C(w(d)("tasks_projects.projects.internal")), 1)),
+							m.value.due_date ? (v(), a("span", Nr, [s(C(w(d)("tasks_projects.project.due_date")) + ": ", 1), o("span", Pr, C(w(ut)(m.value.due_date)), 1)])) : i("", !0)
+						])) : i("", !0)]),
+						_: 1
+					}, 8, ["title"]),
+					c(Lt, {
+						client: t.client,
+						notify: t.notify
+					}, null, 8, ["client", "notify"]),
+					o("nav", Ir, [(v(!0), a(e, null, x(O.value, (e) => (v(), r(E, {
+						key: e.id,
+						to: R(e),
+						custom: ""
+					}, {
+						default: D(({ href: t, navigate: n }) => [o("a", {
+							href: t,
+							"aria-current": z(e) ? "page" : void 0,
+							class: p(["relative -mb-px flex items-center border-b-2 px-5 py-2.5 text-sm leading-5 font-medium whitespace-nowrap transition-colors focus:outline-hidden", z(e) ? "border-primary-400 text-heading" : "border-transparent text-muted hover:border-line-strong hover:text-body"]),
+							onClick: n
+						}, C(e.label), 11, Lr)]),
+						_: 2
+					}, 1032, ["to"]))), 128))]),
+					h.value && m.value === null ? (v(), a("div", Rr, [c(M, { class: "h-8 w-8 text-primary-500" })])) : (v(), r(I, {
+						key: 1,
+						project: m.value,
+						onRefresh: L
+					}, null, 8, ["project"])),
+					c(Dr, {
+						show: y.value,
+						client: t.client,
+						notify: t.notify,
+						project: m.value,
+						onClose: l[1] ||= (e) => y.value = !1,
+						onSaved: ee
+					}, null, 8, [
+						"show",
+						"client",
+						"notify",
+						"project"
+					])
+				]),
+				_: 1
+			});
+		};
+	}
+}), Br = { class: "flex items-center justify-end space-x-5" }, Vr = { class: "relative table-container" }, Hr = { class: "flex items-center" }, Ur = {
+	key: 0,
+	class: "block text-xs font-normal text-muted"
+}, Wr = { key: 0 }, Gr = {
+	key: 1,
+	class: "text-subtle"
+}, Kr = {
+	key: 1,
+	class: "text-subtle"
+}, qr = { key: 0 }, Jr = {
+	key: 1,
+	class: "text-subtle"
+}, Yr = 10, Xr = 350, Zr = /* @__PURE__ */ l({
+	__name: "ProjectsIndexPage",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(e) {
+		let t = e, l = {
+			name: "name",
+			status: "status",
+			default_rate: "default_rate",
+			due_date: "due_date"
+		}, u = B(), d = b(null), f = b(!1), g = b(!0), _ = b(0), x = b(!1), k = b(null), A = b(null), j = y({
+			search: "",
+			status: "ACTIVE"
+		}), M = n(() => [
+			{
+				id: "ACTIVE",
+				label: u("tasks_projects.projects.status.active")
+			},
+			{
+				id: "ARCHIVED",
+				label: u("tasks_projects.projects.status.archived")
+			},
+			{
+				id: "ALL",
+				label: u("tasks_projects.projects.status.all")
+			}
+		]), N = n({
+			get: () => M.value.find((e) => e.id === j.status) ?? M.value[0],
+			set: (e) => {
+				j.status = e.id;
+			}
+		}), P = n(() => [
+			{
+				key: "name",
+				label: u("tasks_projects.projects.columns.name"),
+				sortable: !0,
+				sortBy: "name",
+				thClass: "extra",
+				tdClass: "font-medium text-heading"
+			},
+			{
+				key: "status",
+				label: u("tasks_projects.projects.columns.status"),
+				sortable: !0,
+				sortBy: "status"
+			},
+			{
+				key: "customer",
+				label: u("tasks_projects.projects.columns.customer"),
+				sortable: !1
+			},
+			{
+				key: "default_rate",
+				label: u("tasks_projects.projects.columns.default_rate"),
+				sortable: !0,
+				sortBy: "default_rate"
+			},
+			{
+				key: "due_date",
+				label: u("tasks_projects.projects.columns.due_date"),
+				sortable: !0,
+				sortBy: "due_date"
+			},
+			{
+				key: "actions",
+				label: u("tasks_projects.general.actions"),
+				sortable: !1,
+				tdClass: "text-right text-sm font-medium"
+			}
+		]), F = n(() => j.search.trim() !== "" || j.status !== "ACTIVE"), I = n(() => !g.value && _.value === 0 && !F.value), L;
+		E(() => j.search, () => {
+			clearTimeout(L), L = setTimeout(() => z(), Xr);
+		}), E(() => j.status, () => z()), h(() => clearTimeout(L));
+		async function R({ page: e, sort: n }) {
+			let r = {
+				page: e,
+				limit: Yr,
+				...Vt(n, l)
+			};
+			j.status !== "ALL" && (r.status = j.status), j.search.trim() !== "" && (r.search = j.search.trim()), g.value = !0;
+			try {
+				let e = await Ht(t.client, r);
+				return _.value = e.meta.total, e.data.some((e) => e.customer_id !== null) && en(t.client), {
+					data: e.data,
+					pagination: {
+						totalPages: e.meta.last_page,
+						currentPage: e.meta.current_page,
+						totalCount: e.meta.total,
+						limit: e.meta.per_page
+					}
+				};
+			} catch (e) {
+				return t.notify("error", H(e, u("tasks_projects.projects.load_failed"))), {
+					data: [],
+					pagination: {
+						totalPages: 1,
+						currentPage: 1,
+						totalCount: 0,
+						limit: Yr
+					}
+				};
+			} finally {
+				g.value = !1;
+			}
+		}
+		function z(e = !1) {
+			d.value?.refresh(e);
+		}
+		function ee() {
+			f.value && te(), f.value = !f.value;
+		}
+		function te() {
+			j.search = "", j.status = "ACTIVE";
+		}
+		function ne() {
+			k.value = null, x.value = !0;
+		}
+		function re(e) {
+			k.value = e, x.value = !0;
+		}
+		function ie(e) {
+			let n = k.value ? u("tasks_projects.projects.updated", { name: e.name }) : u("tasks_projects.projects.created", { name: e.name });
+			x.value = !1, k.value = null, t.notify("success", n), z();
+		}
+		async function ae(e) {
+			A.value = e.id;
+			try {
+				e.status === "ARCHIVED" ? (await Kt(t.client, e.id), t.notify("success", u("tasks_projects.projects.unarchived", { name: e.name }))) : (await Gt(t.client, e.id), t.notify("success", u("tasks_projects.projects.archived", { name: e.name }))), z(!0);
+			} catch (e) {
+				t.notify("error", H(e, u("tasks_projects.projects.save_failed")));
+			} finally {
+				A.value = null;
+			}
+		}
+		async function oe(e) {
+			if (window.confirm(u("tasks_projects.projects.delete_confirm", { name: e.name }))) {
+				A.value = e.id;
+				try {
+					await qt(t.client, e.id), t.notify("success", u("tasks_projects.projects.deleted", { name: e.name })), z(!0);
+				} catch (e) {
+					t.notify("error", H(e, u("tasks_projects.projects.delete_failed")));
+				} finally {
+					A.value = null;
+				}
+			}
+		}
+		function se(e) {
+			return e === "ACTIVE" ? "bg-primary-50! text-primary-500!" : "bg-surface-tertiary! text-muted!";
+		}
+		function ce(e) {
+			return u(e === "ACTIVE" ? "tasks_projects.projects.status.active" : "tasks_projects.projects.status.archived");
+		}
+		return (t, n) => {
+			let l = S("BaseBreadcrumbItem"), h = S("BaseBreadcrumb"), g = S("BaseIcon"), _ = S("BaseButton"), y = S("router-link"), b = S("BasePageHeader"), E = S("BaseInput"), F = S("BaseInputGroup"), L = S("BaseSelectInput"), z = S("BaseFilterWrapper"), B = S("BaseEmptyPlaceholder"), le = S("BaseBadge"), ue = S("BaseFormatMoney"), de = S("BaseDropdownItem"), fe = S("BaseDropdown"), pe = S("BaseTable"), me = S("BasePage");
+			return v(), r(me, null, {
+				default: D(() => [
+					c(b, { title: w(u)("tasks_projects.projects.title") }, {
+						actions: D(() => [o("div", Br, [
+							c(y, { to: w(W).tasks }, {
+								default: D(() => [c(_, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "ClipboardDocumentListIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.tasks.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(y, { to: w(W).reports }, {
+								default: D(() => [c(_, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "ChartBarIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.reports.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(y, { to: w(W).billing }, {
+								default: D(() => [c(_, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "BanknotesIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.billing.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(_, {
+								variant: "primary-outline",
+								onClick: ee
+							}, {
+								right: D((e) => [f.value ? (v(), r(g, {
+									key: 1,
+									name: "XMarkIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])) : (v(), r(g, {
+									key: 0,
+									name: "FunnelIcon",
+									class: p(e.class)
+								}, null, 8, ["class"]))]),
+								default: D(() => [s(C(w(u)("tasks_projects.general.filter")) + " ", 1)]),
+								_: 1
+							}),
+							c(_, {
+								variant: "primary",
+								onClick: ne
+							}, {
+								left: D((e) => [c(g, {
+									name: "PlusIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(u)("tasks_projects.projects.new_project")), 1)]),
+								_: 1
+							})
+						])]),
+						default: D(() => [c(h, null, {
+							default: D(() => [c(l, {
+								title: w(u)("tasks_projects.general.home"),
+								to: "/admin/dashboard"
+							}, null, 8, ["title"]), c(l, {
+								title: w(u)("tasks_projects.projects.title"),
+								to: "#",
+								active: ""
+							}, null, 8, ["title"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["title"]),
+					c(z, {
+						show: f.value,
+						class: "mt-3",
+						onClear: te
+					}, {
+						default: D(() => [c(F, {
+							label: w(u)("tasks_projects.general.search"),
+							class: "mt-2 flex-1"
+						}, {
+							default: D(() => [c(E, {
+								modelValue: j.search,
+								"onUpdate:modelValue": n[0] ||= (e) => j.search = e,
+								type: "text",
+								name: "search",
+								autocomplete: "off",
+								placeholder: w(u)("tasks_projects.projects.search_placeholder")
+							}, null, 8, ["modelValue", "placeholder"])]),
+							_: 1
+						}, 8, ["label"]), c(F, {
+							label: w(u)("tasks_projects.projects.columns.status"),
+							class: "mt-2 flex-1"
+						}, {
+							default: D(() => [c(L, {
+								modelValue: N.value,
+								"onUpdate:modelValue": n[1] ||= (e) => N.value = e,
+								options: M.value,
+								"label-key": "label"
+							}, null, 8, ["modelValue", "options"])]),
+							_: 1
+						}, 8, ["label"])]),
+						_: 1
+					}, 8, ["show"]),
+					O(c(B, {
+						title: w(u)("tasks_projects.projects.empty_title"),
+						description: w(u)("tasks_projects.projects.empty_description")
+					}, {
+						actions: D(() => [c(_, {
+							variant: "primary",
+							onClick: ne
+						}, {
+							left: D((e) => [c(g, {
+								name: "PlusIcon",
+								class: p(e.class)
+							}, null, 8, ["class"])]),
+							default: D(() => [s(" " + C(w(u)("tasks_projects.projects.new_project")), 1)]),
+							_: 1
+						})]),
+						default: D(() => [c(g, {
+							name: "FolderIcon",
+							class: "mt-5 mb-4 h-16 w-16 text-subtle"
+						})]),
+						_: 1
+					}, 8, ["title", "description"]), [[T, I.value]]),
+					O(o("div", Vr, [c(pe, {
+						ref_key: "tableRef",
+						ref: d,
+						data: R,
+						columns: P.value,
+						class: "mt-3"
+					}, {
+						"cell-name": D(({ row: e }) => [o("div", Hr, [o("span", {
+							class: p(["mr-3 inline-block h-2.5 w-2.5 shrink-0 rounded-full", e.data.colour ? "" : "bg-line-default"]),
+							style: m(e.data.colour ? { backgroundColor: e.data.colour } : void 0)
+						}, null, 6), o("span", null, [c(y, {
+							class: "hover:text-primary-500",
+							to: w(W).project(e.data.id)
+						}, {
+							default: D(() => [s(C(e.data.name), 1)]),
+							_: 2
+						}, 1032, ["to"]), e.data.identifier ? (v(), a("span", Ur, C(e.data.identifier), 1)) : i("", !0)])])]),
+						"cell-status": D(({ row: e }) => [c(le, { class: p(["rounded-full", se(e.data.status)]) }, {
+							default: D(() => [s(C(ce(e.data.status)), 1)]),
+							_: 2
+						}, 1032, ["class"])]),
+						"cell-customer": D(({ row: e }) => [e.data.customer_id ? (v(), a("span", Wr, C(w($t)(e.data.customer_id)), 1)) : (v(), a("span", Gr, C(w(u)("tasks_projects.projects.internal")), 1))]),
+						"cell-default_rate": D(({ row: e }) => [e.data.default_rate === null ? (v(), a("span", Kr, "-")) : (v(), r(ue, {
+							key: 0,
+							amount: e.data.default_rate
+						}, null, 8, ["amount"]))]),
+						"cell-due_date": D(({ row: e }) => [e.data.due_date ? (v(), a("span", qr, C(w(ut)(e.data.due_date)), 1)) : (v(), a("span", Jr, "-"))]),
+						"cell-actions": D(({ row: e }) => [c(fe, { "content-loading": A.value === e.data.id }, {
+							activator: D(() => [c(g, {
+								name: "EllipsisHorizontalIcon",
+								class: "h-5 text-muted"
+							})]),
+							default: D(() => [
+								c(de, { onClick: (t) => re(e.data) }, {
+									default: D(() => [c(g, {
+										name: "PencilIcon",
+										class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+									}), s(" " + C(w(u)("tasks_projects.general.edit")), 1)]),
+									_: 1
+								}, 8, ["onClick"]),
+								c(de, { onClick: (t) => ae(e.data) }, {
+									default: D(() => [c(g, {
+										name: e.data.status === "ARCHIVED" ? "ArrowPathIcon" : "ArchiveBoxIcon",
+										class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+									}, null, 8, ["name"]), s(" " + C(e.data.status === "ARCHIVED" ? w(u)("tasks_projects.projects.unarchive") : w(u)("tasks_projects.projects.archive")), 1)]),
+									_: 2
+								}, 1032, ["onClick"]),
+								c(de, { onClick: (t) => oe(e.data) }, {
+									default: D(() => [c(g, {
+										name: "TrashIcon",
+										class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+									}), s(" " + C(w(u)("tasks_projects.general.delete")), 1)]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 2
+						}, 1032, ["content-loading"])]),
+						_: 1
+					}, 8, ["columns"])], 512), [[T, !I.value]]),
+					c(Dr, {
+						show: x.value,
+						client: e.client,
+						notify: e.notify,
+						project: k.value,
+						onClose: n[2] ||= (e) => x.value = !1,
+						onSaved: ie
+					}, null, 8, [
+						"show",
+						"client",
+						"notify",
+						"project"
+					])
+				]),
+				_: 1
+			});
+		};
+	}
+}), Qr = { class: "py-4" }, $r = { class: "rounded-xl border border-line-default bg-surface p-5" }, ei = { class: "flex flex-col gap-4 lg:flex-row lg:items-end" }, ti = {
+	key: 0,
+	class: "mt-3 text-xs text-subtle"
+}, ni = { class: "mt-4 overflow-hidden rounded-xl border border-line-default bg-surface" }, ri = {
+	key: 0,
+	class: "flex justify-center py-10"
+}, ii = {
+	key: 1,
+	class: "px-5 py-8 text-center text-sm text-muted"
+}, ai = {
+	key: 2,
+	class: "divide-y divide-line-light"
+}, oi = { class: "text-sm font-medium text-heading" }, si = { class: "text-xs text-muted" }, ci = {
+	key: 1,
+	class: "text-subtle"
+}, li = /* @__PURE__ */ l({
+	__name: "ProjectMembersTab",
+	props: {
+		id: {},
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		project: {}
+	},
+	setup(t) {
+		let l = t, u = B(), d = b([]), f = b([]), m = b(!0), h = b(!1), _ = b(null), y = b(null), T = b(""), E = b({}), O = n(() => l.project?.id ?? Number(l.id)), k = n(() => f.value.filter((e) => !d.value.some((t) => t.user_id === e.id)).map((e) => ({
+			id: e.id,
+			label: e.name
+		})));
+		g(() => {
+			A();
+		});
+		async function A() {
+			m.value = !0;
+			try {
+				f.value = await Jt(l.client);
+			} catch (e) {
+				l.notify("error", H(e, u("tasks_projects.tasks.members_failed")));
+			}
+			try {
+				d.value = await vr(l.client, O.value);
+			} catch (e) {
+				l.notify("error", H(e, u("tasks_projects.project.members.load_failed")));
+			} finally {
+				m.value = !1;
+			}
+		}
+		function j(e) {
+			return f.value.find((t) => t.id === e)?.name ?? u("tasks_projects.project.time.removed_member");
+		}
+		async function M() {
+			let e = y.value;
+			if (!(e === null || h.value)) {
+				h.value = !0, E.value = {};
+				try {
+					await yr(l.client, O.value, {
+						user_id: e.id,
+						rate: st(T.value)
+					}), l.notify("success", u("tasks_projects.project.members.attached", { name: e.label })), y.value = null, T.value = "", await A();
+				} catch (e) {
+					E.value = at(e), l.notify("error", H(e, u("tasks_projects.project.members.attach_failed")));
+				} finally {
+					h.value = !1;
+				}
+			}
+		}
+		async function N(e) {
+			let t = j(e.user_id);
+			if (window.confirm(u("tasks_projects.project.members.detach_confirm", { name: t }))) {
+				_.value = e.user_id;
+				try {
+					await br(l.client, O.value, e.user_id), l.notify("success", u("tasks_projects.project.members.detached", { name: t })), await A();
+				} catch (e) {
+					l.notify("error", H(e, u("tasks_projects.project.members.detach_failed")));
+				} finally {
+					_.value = null;
+				}
+			}
+		}
+		return (t, n) => {
+			let l = S("BaseSelectInput"), f = S("BaseInputGroup"), g = S("BaseInput"), b = S("BaseIcon"), O = S("BaseButton"), A = S("BaseSpinner"), P = S("BaseFormatMoney");
+			return v(), a("div", Qr, [o("div", $r, [o("div", ei, [
+				c(f, {
+					label: w(u)("tasks_projects.project.members.member"),
+					error: E.value.user_id,
+					class: "flex-1"
+				}, {
+					default: D(() => [c(l, {
+						modelValue: y.value,
+						"onUpdate:modelValue": n[0] ||= (e) => y.value = e,
+						options: k.value,
+						placeholder: w(u)("tasks_projects.project.members.attach_placeholder"),
+						"label-key": "label"
+					}, null, 8, [
+						"modelValue",
+						"options",
+						"placeholder"
+					])]),
+					_: 1
+				}, 8, ["label", "error"]),
+				c(f, {
+					label: w(u)("tasks_projects.project.members.rate"),
+					error: E.value.rate,
+					"help-text": w(u)("tasks_projects.project.members.rate_help"),
+					class: "flex-1"
+				}, {
+					default: D(() => [c(g, {
+						modelValue: T.value,
+						"onUpdate:modelValue": n[1] ||= (e) => T.value = e,
+						type: "number",
+						step: "0.01",
+						min: "0"
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, [
+					"label",
+					"error",
+					"help-text"
+				]),
+				c(O, {
+					variant: "primary",
+					class: "lg:mb-1",
+					loading: h.value,
+					disabled: h.value || y.value === null,
+					onClick: M
+				}, {
+					left: D((e) => [c(b, {
+						name: "PlusIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(u)("tasks_projects.project.members.attach")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])
+			]), k.value.length === 0 && !m.value ? (v(), a("p", ti, C(w(u)("tasks_projects.project.members.all_attached")), 1)) : i("", !0)]), o("div", ni, [m.value ? (v(), a("div", ri, [c(A, { class: "h-6 w-6 text-primary-500" })])) : d.value.length === 0 ? (v(), a("p", ii, C(w(u)("tasks_projects.project.members.empty")), 1)) : (v(), a("ul", ai, [(v(!0), a(e, null, x(d.value, (e) => (v(), a("li", {
+				key: e.id,
+				class: "flex items-center justify-between px-5 py-4"
+			}, [o("div", null, [o("p", oi, C(j(e.user_id)), 1), o("p", si, [s(C(w(u)("tasks_projects.project.members.rate")) + ": ", 1), e.rate === null ? (v(), a("span", ci, C(w(u)("tasks_projects.tasks.none")), 1)) : (v(), r(P, {
+				key: 0,
+				amount: e.rate
+			}, null, 8, ["amount"]))])]), c(O, {
+				variant: "danger",
+				size: "sm",
+				loading: _.value === e.user_id,
+				disabled: _.value === e.user_id,
+				onClick: (t) => N(e)
+			}, {
+				default: D(() => [s(C(w(u)("tasks_projects.general.delete")), 1)]),
+				_: 1
+			}, 8, [
+				"loading",
+				"disabled",
+				"onClick"
+			])]))), 128))]))])]);
+		};
+	}
+}), ui = {
+	key: 0,
+	class: "py-6"
+}, di = { class: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4" }, fi = { class: "rounded-xl border border-line-default bg-surface p-5" }, pi = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, mi = { class: "mt-2 text-2xl font-semibold text-heading" }, hi = { class: "mt-1 text-xs text-muted" }, gi = { class: "rounded-xl border border-line-default bg-surface p-5" }, _i = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, vi = { class: "mt-2 text-2xl font-semibold text-heading" }, yi = { class: "mt-1 text-xs text-muted" }, bi = { class: "rounded-xl border border-line-default bg-surface p-5" }, xi = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Si = { class: "mt-2 text-2xl font-semibold text-heading" }, Ci = { class: "rounded-xl border border-line-default bg-surface p-5" }, wi = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Ti = { class: "mt-2 text-2xl font-semibold text-heading" }, Ei = { class: "mt-4 rounded-xl border border-line-default bg-surface p-5" }, Di = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Oi = { class: "mt-2 text-sm text-body" }, ki = { class: "mt-3 h-2 w-full overflow-hidden rounded-full bg-surface-tertiary" }, Ai = {
+	key: 0,
+	class: "mt-2 text-xs font-medium text-status-red"
+}, ji = {
+	key: 1,
+	class: "mt-2 text-sm text-subtle"
+}, Mi = { class: "mt-4 rounded-xl border border-line-default bg-surface p-5" }, Ni = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Pi = {
+	key: 0,
+	class: "mt-2 text-sm whitespace-pre-line text-body"
+}, Fi = {
+	key: 1,
+	class: "mt-2 text-sm text-subtle"
+}, Ii = {
+	key: 1,
+	class: "flex justify-center py-16"
+}, Li = /* @__PURE__ */ l({
+	__name: "ProjectOverviewTab",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {},
+		project: {}
+	},
+	emits: ["refresh"],
+	setup(t, { emit: l }) {
+		let u = t, d = l, f = B(), h = n(() => u.project?.totals ?? null), g = n(() => u.project?.budget_minutes ?? null), _ = n(() => {
+			let e = g.value, t = h.value?.logged_minutes ?? 0;
+			return e ? Math.min(100, Math.round(t / e * 100)) : 0;
+		}), y = n(() => M.allowed && u.project?.customer_id !== null && (h.value?.unbilled_amount ?? 0) > 0), b = n(() => M.busy), x = n(() => {
+			let e = g.value, t = h.value?.logged_minutes ?? 0;
+			return e && t > e ? t - e : 0;
+		});
+		async function T() {
+			let e = u.project;
+			e !== null && y.value && !b.value && (await bt({
+				client: u.client,
+				router: u.router,
+				notify: u.notify,
+				t: f
+			}, { projectId: e.id }) || d("refresh"));
+		}
+		return (n, l) => {
+			let u = S("BaseFormatMoney"), d = S("BaseIcon"), E = S("BaseButton"), O = S("BaseSpinner");
+			return t.project && h.value ? (v(), a("div", ui, [
+				o("div", di, [
+					o("div", fi, [
+						o("p", pi, C(w(f)("tasks_projects.project.overview.tasks")), 1),
+						o("p", mi, C(h.value.tasks.total), 1),
+						o("p", hi, C(w(f)("tasks_projects.project.overview.open_tasks", { count: h.value.tasks.open })) + " · " + C(w(f)("tasks_projects.project.overview.closed_tasks", { count: h.value.tasks.closed })), 1)
+					]),
+					o("div", gi, [
+						o("p", _i, C(w(f)("tasks_projects.project.overview.logged")), 1),
+						o("p", vi, C(w(ft)(h.value.logged_minutes)), 1),
+						o("p", yi, C(w(f)("tasks_projects.project.overview.billable")) + ": " + C(w(ft)(h.value.billable_minutes)), 1)
+					]),
+					o("div", bi, [o("p", xi, C(w(f)("tasks_projects.project.overview.billable_amount")), 1), o("p", Si, [c(u, { amount: h.value.billable_amount }, null, 8, ["amount"])])]),
+					o("div", Ci, [
+						o("p", wi, C(w(f)("tasks_projects.project.overview.unbilled_amount")), 1),
+						o("p", Ti, [c(u, { amount: h.value.unbilled_amount }, null, 8, ["amount"])]),
+						y.value ? (v(), r(E, {
+							key: 0,
+							class: "mt-2",
+							variant: "primary-outline",
+							size: "sm",
+							loading: b.value,
+							disabled: b.value,
+							onClick: T
+						}, {
+							left: D((e) => [b.value ? i("", !0) : (v(), r(d, {
+								key: 0,
+								name: "BanknotesIcon",
+								class: p(e.class)
+							}, null, 8, ["class"]))]),
+							default: D(() => [s(" " + C(w(f)("tasks_projects.project.invoice_project")), 1)]),
+							_: 1
+						}, 8, ["loading", "disabled"])) : i("", !0)
+					])
+				]),
+				o("div", Ei, [o("p", Di, C(w(f)("tasks_projects.project.overview.budget")), 1), g.value ? (v(), a(e, { key: 0 }, [
+					o("p", Oi, C(w(f)("tasks_projects.project.overview.budget_used", {
+						used: w(ft)(h.value.logged_minutes),
+						total: w(ft)(g.value)
+					})), 1),
+					o("div", ki, [o("div", {
+						class: p(["h-2 rounded-full", x.value > 0 ? "bg-status-red" : "bg-primary-500"]),
+						style: m({ width: `${_.value}%` })
+					}, null, 6)]),
+					x.value > 0 ? (v(), a("p", Ai, C(w(f)("tasks_projects.project.overview.budget_over", { amount: w(ft)(x.value) })), 1)) : i("", !0)
+				], 64)) : (v(), a("p", ji, C(w(f)("tasks_projects.project.overview.no_budget")), 1))]),
+				o("div", Mi, [o("p", Ni, C(w(f)("tasks_projects.project.overview.description")), 1), t.project.description ? (v(), a("p", Pi, C(t.project.description), 1)) : (v(), a("p", Fi, C(w(f)("tasks_projects.project.overview.no_description")), 1))])
+			])) : (v(), a("div", Ii, [c(O, { class: "h-8 w-8 text-primary-500" })]));
+		};
+	}
+}), Ri = {
+	project: "",
+	user: "",
+	status: "",
+	search: ""
+};
+function zi(e) {
+	return e === "uninvoiced" || e === "invoiced";
+}
+function Bi(e) {
+	return {
+		project: Ji(e.project),
+		user: Ji(e.user),
+		status: Yi(e.status),
+		search: qi(e.search).slice(0, 200)
+	};
+}
+function Vi(e) {
+	let t = {};
+	for (let n of [
+		"project",
+		"user",
+		"status",
+		"search"
+	]) e[n] !== "" && (t[n] = e[n]);
+	return t;
+}
+function Hi(e) {
+	return e.project !== "" || e.user !== "" || e.status !== "" || e.search !== "";
+}
+function Ui(e) {
+	return [
+		e.project,
+		e.user,
+		e.status,
+		e.search
+	].join("|");
+}
+function Wi(e, t) {
+	return e.project === t.project && e.user === t.user && e.status === t.status && e.search === t.search;
+}
+function Gi(e, t = {}) {
+	let n = {}, r = t.projectId ?? Ki(e.project);
+	r !== null && (n.project_id = r);
+	let i = Ki(e.user);
+	if (i !== null && (n.assignee_id = i), zi(e.status)) n.invoiced = +(e.status === "invoiced");
+	else {
+		let t = Ki(e.status);
+		t !== null && (n.task_status_id = t);
+	}
+	return e.search !== "" && (n.search = e.search), n;
+}
+function Ki(e) {
+	let t = Number(e);
+	return e !== "" && Number.isInteger(t) && t > 0 ? t : null;
+}
+function qi(e) {
+	let t = Array.isArray(e) ? e[0] : e;
+	return typeof t == "string" ? t.trim() : "";
+}
+function Ji(e) {
+	let t = qi(e);
+	return Ki(t) === null ? "" : t;
+}
+function Yi(e) {
+	let t = qi(e);
+	return zi(t) ? t : Ji(e);
+}
+//#endregion
+//#region resources/js/components/TaskFilters.vue?vue&type=script&setup=true&lang.ts
+var Xi = { class: "mt-4 flex flex-wrap items-end gap-3" }, Zi = {
+	key: 0,
+	class: "min-w-44 flex-1"
+}, Qi = { class: "mb-1 block text-xs font-medium text-muted" }, $i = { class: "min-w-44 flex-1" }, ea = { class: "mb-1 block text-xs font-medium text-muted" }, ta = { class: "min-w-44 flex-1" }, na = { class: "mb-1 block text-xs font-medium text-muted" }, ra = { class: "min-w-44 flex-1" }, ia = { class: "mb-1 block text-xs font-medium text-muted" }, aa = 350, oa = /* @__PURE__ */ l({
+	__name: "TaskFilters",
+	props: {
+		modelValue: {},
+		projects: {},
+		members: {},
+		statuses: {},
+		lockProject: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let r = e, s = t, l = B(), u = b(r.modelValue.search), d, f = n(() => [{
+			id: "",
+			label: l("tasks_projects.tasks.filters.all_projects")
+		}, ...r.projects.map((e) => ({
+			id: String(e.id),
+			label: e.name
+		}))]), p = n(() => [{
+			id: "",
+			label: l("tasks_projects.tasks.filters.all_members")
+		}, ...r.members.map((e) => ({
+			id: String(e.id),
+			label: e.name
+		}))]), m = n(() => [
+			{
+				id: "",
+				label: l("tasks_projects.tasks.filters.all_statuses")
+			},
+			...r.statuses.map((e) => ({
+				id: String(e.id),
+				label: e.name
+			})),
+			{
+				id: "uninvoiced",
+				label: l("tasks_projects.tasks.uninvoiced")
+			},
+			{
+				id: "invoiced",
+				label: l("tasks_projects.tasks.invoiced")
+			}
+		]), g = n({
+			get: () => T(f.value, r.modelValue.project),
+			set: (e) => D({ project: e?.id ?? "" })
+		}), _ = n({
+			get: () => T(p.value, r.modelValue.user),
+			set: (e) => D({ user: e?.id ?? "" })
+		}), y = n({
+			get: () => T(m.value, r.modelValue.status),
+			set: (e) => D({ status: e?.id ?? "" })
+		}), x = n(() => Hi(r.modelValue));
+		E(() => r.modelValue.search, (e) => {
+			e !== u.value && (u.value = e);
+		}), E(u, (e) => {
+			clearTimeout(d), d = setTimeout(() => D({ search: e.trim() }), aa);
+		}), h(() => clearTimeout(d));
+		function T(e, t) {
+			return e.find((e) => e.id === t) ?? e[0];
+		}
+		function D(e) {
+			s("update:modelValue", {
+				...r.modelValue,
+				...e
+			});
+		}
+		function O() {
+			u.value = "", s("update:modelValue", { ...Ri });
+		}
+		return (t, n) => {
+			let r = S("BaseSelectInput"), s = S("BaseInput");
+			return v(), a("div", Xi, [
+				e.lockProject ? i("", !0) : (v(), a("label", Zi, [o("span", Qi, C(w(l)("tasks_projects.tasks.filters.project")), 1), c(r, {
+					modelValue: g.value,
+					"onUpdate:modelValue": n[0] ||= (e) => g.value = e,
+					options: f.value,
+					"label-key": "label"
+				}, null, 8, ["modelValue", "options"])])),
+				o("label", $i, [o("span", ea, C(w(l)("tasks_projects.tasks.filters.member")), 1), c(r, {
+					modelValue: _.value,
+					"onUpdate:modelValue": n[1] ||= (e) => _.value = e,
+					options: p.value,
+					"label-key": "label"
+				}, null, 8, ["modelValue", "options"])]),
+				o("label", ta, [o("span", na, C(w(l)("tasks_projects.tasks.filters.status")), 1), c(r, {
+					modelValue: y.value,
+					"onUpdate:modelValue": n[2] ||= (e) => y.value = e,
+					options: m.value,
+					"label-key": "label"
+				}, null, 8, ["modelValue", "options"])]),
+				o("label", ra, [o("span", ia, C(w(l)("tasks_projects.tasks.filters.search")), 1), c(s, {
+					modelValue: u.value,
+					"onUpdate:modelValue": n[3] ||= (e) => u.value = e,
+					type: "text",
+					name: "search",
+					autocomplete: "off",
+					placeholder: w(l)("tasks_projects.tasks.search_placeholder")
+				}, null, 8, ["modelValue", "placeholder"])]),
+				x.value ? (v(), a("button", {
+					key: 1,
+					type: "button",
+					class: "pb-2 text-sm font-medium text-primary-500 hover:underline",
+					onClick: O
+				}, C(w(l)("tasks_projects.tasks.bulk.clear")), 1)) : i("", !0)
+			]);
+		};
+	}
+}), sa = {
+	key: 0,
+	class: "mt-3 flex flex-wrap items-center gap-3 rounded-lg border border-primary-200 bg-primary-50 px-4 py-2.5"
+}, ca = { class: "text-sm font-medium text-primary-700" }, la = { class: "min-w-48" }, ua = /* @__PURE__ */ l({
+	__name: "BulkActionBar",
+	props: {
+		count: {},
+		statuses: {},
+		busy: { type: Boolean },
+		invoicing: {
+			type: Boolean,
+			default: !1
+		},
+		canInvoice: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"status",
+		"delete",
+		"invoice",
+		"clear",
+		"select-page"
+	],
+	setup(e, { emit: t }) {
+		let l = e, u = t, d = B(), f = b(null), m = n(() => l.statuses.map((e) => ({
+			id: e.id,
+			label: e.name
+		})));
+		return E(f, (e) => {
+			e !== null && (u("status", e.id), f.value = null);
+		}), (t, n) => {
+			let l = S("BaseSelectInput"), h = S("BaseIcon"), g = S("BaseButton");
+			return e.count > 0 ? (v(), a("div", sa, [
+				o("span", ca, C(w(d)("tasks_projects.tasks.bulk.selected", { count: e.count })), 1),
+				o("div", la, [c(l, {
+					modelValue: f.value,
+					"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
+					options: m.value,
+					disabled: e.busy,
+					placeholder: w(d)("tasks_projects.tasks.bulk.change_status"),
+					"label-key": "label"
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"disabled",
+					"placeholder"
+				])]),
+				c(g, {
+					variant: "primary-outline",
+					size: "sm",
+					disabled: e.busy,
+					onClick: n[1] ||= (e) => u("delete")
+				}, {
+					left: D((e) => [c(h, {
+						name: "TrashIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(d)("tasks_projects.tasks.bulk.delete")), 1)]),
+					_: 1
+				}, 8, ["disabled"]),
+				e.canInvoice ? (v(), r(g, {
+					key: 0,
+					variant: "primary-outline",
+					size: "sm",
+					loading: e.invoicing,
+					disabled: e.busy || e.invoicing,
+					onClick: n[2] ||= (e) => u("invoice")
+				}, {
+					left: D((t) => [e.invoicing ? i("", !0) : (v(), r(h, {
+						key: 0,
+						name: "BanknotesIcon",
+						class: p(t.class)
+					}, null, 8, ["class"]))]),
+					default: D(() => [s(" " + C(w(d)("tasks_projects.tasks.bulk.invoice")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])) : i("", !0),
+				o("button", {
+					type: "button",
+					class: "ml-auto text-sm font-medium text-primary-600 hover:underline",
+					onClick: n[3] ||= (e) => u("select-page")
+				}, C(w(d)("tasks_projects.tasks.bulk.select_page")), 1),
+				o("button", {
+					type: "button",
+					class: "text-sm font-medium text-primary-600 hover:underline",
+					onClick: n[4] ||= (e) => u("clear")
+				}, C(w(d)("tasks_projects.tasks.bulk.clear")), 1)
+			])) : i("", !0);
+		};
+	}
+}), da = /* @__PURE__ */ l({
+	__name: "InvoicedBadge",
+	props: { state: { default: "none" } },
+	setup(e) {
+		let t = e, a = B(), o = n(() => t.state === "invoiced" || t.state === "uninvoiced"), c = n(() => t.state === "invoiced" ? a("tasks_projects.tasks.invoiced") : a("tasks_projects.tasks.uninvoiced")), l = n(() => t.state === "invoiced" ? "bg-alert-success-bg! text-alert-success-text!" : "bg-alert-warning-bg! text-alert-warning-text!");
+		return (e, t) => {
+			let n = S("BaseBadge");
+			return o.value ? (v(), r(n, {
+				key: 0,
+				class: p(["rounded-full whitespace-nowrap", l.value])
+			}, {
+				default: D(() => [s(C(c.value), 1)]),
+				_: 1
+			}, 8, ["class"])) : i("", !0);
+		};
+	}
+}), fa = [
+	"LOW",
+	"NORMAL",
+	"HIGH",
+	"URGENT"
+], pa = { class: "flex w-full items-center justify-between" }, ma = {
+	key: 0,
+	class: "ml-2 text-sm font-normal text-muted"
+}, ha = { class: "space-y-5 px-6 py-6" }, ga = { class: "flex items-center justify-between border-t border-line-default px-6 py-4" }, _a = { key: 1 }, va = { class: "flex space-x-3" }, ya = /* @__PURE__ */ l({
+	__name: "TaskFormModal",
+	props: {
+		show: { type: Boolean },
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		task: {},
+		statuses: {},
+		members: {},
+		projects: {},
+		defaults: {},
+		lockProject: { type: Boolean },
+		compact: { type: Boolean }
+	},
+	emits: [
+		"close",
+		"saved",
+		"deleted"
+	],
+	setup(e, { emit: t }) {
+		let l = e, u = t, d = B(), f = y({
+			name: "",
+			description: "",
+			estimateHours: "",
+			rate: "",
+			dueDate: "",
+			billable: !0
+		}), p = b(null), m = b(null), h = b(null), g = b(null), _ = b(null), x = b({}), T = b(!1), O = b(!1), k = b(!1), j = n(() => !l.compact || k.value), M = n({
+			get: () => R(l.projects, m.value),
+			set: (e) => {
+				m.value = e?.id ?? null;
+			}
+		}), N = n(() => l.task !== null), P = n(() => N.value ? d("tasks_projects.tasks.edit_task") : d("tasks_projects.tasks.new_task")), F = n(() => l.statuses.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), I = n(() => l.members.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), L = n(() => fa.map((e, t) => ({
+			id: t,
+			label: d(`tasks_projects.tasks.priority.${e.toLowerCase()}`)
+		})));
+		E(() => l.show, (e) => {
+			e && z();
+		}, { immediate: !0 });
+		function R(e, t) {
+			return t === null ? null : e.find((e) => e.id === t) ?? null;
+		}
+		function z() {
+			let e = l.task;
+			f.name = e?.name ?? "", f.description = e?.description ?? "", f.estimateHours = ct(e?.estimated_minutes ?? null), f.rate = ot(e?.rate ?? null), f.dueDate = e?.due_date ?? "", f.billable = e?.billable ?? !0;
+			let t = l.statuses.find((e) => e.is_default) ?? l.statuses[0], n = e?.task_status_id ?? l.defaults?.task_status_id ?? t?.id ?? null;
+			p.value = R(F.value, n), m.value = e?.project_id ?? l.defaults?.project_id ?? null, h.value = R(I.value, e?.assignee_id ?? null), g.value = e?.priority ? L.value[fa.indexOf(e.priority)] ?? null : null, _.value = e?.customer_id ?? null, x.value = {}, k.value = !1, _.value !== null && en(l.client);
+		}
+		function ee(e) {
+			f.dueDate = e ? dt(e) : "";
+		}
+		function te() {
+			let e = p.value?.id ?? null;
+			if (e === null) return null;
+			let t = g.value === null ? null : fa[g.value.id];
+			return {
+				name: f.name.trim(),
+				task_status_id: e,
+				project_id: m.value,
+				customer_id: m.value === null ? _.value : null,
+				description: f.description.trim() || null,
+				assignee_id: h.value?.id ?? null,
+				priority: t,
+				due_date: f.dueDate || null,
+				estimated_minutes: lt(f.estimateHours),
+				billable: f.billable,
+				rate: st(f.rate)
+			};
+		}
+		async function ne() {
+			if (T.value) return;
+			if (f.name.trim() === "") {
+				x.value = { name: d("tasks_projects.tasks.name_required") };
+				return;
+			}
+			let e = te();
+			if (e === null) {
+				l.notify("error", d("tasks_projects.task_statuses.none"));
+				return;
+			}
+			T.value = !0, x.value = {};
+			try {
+				let t = l.task, n = t ? await lr(l.client, t.id, e) : await cr(l.client, e);
+				u("saved", n);
+			} catch (e) {
+				x.value = at(e), l.notify("error", re(e, "save_failed"));
+			} finally {
+				T.value = !1;
+			}
+		}
+		function re(e, t) {
+			return gt(e) === "task_locked" ? d("tasks_projects.tasks.locked") : H(e, d(`tasks_projects.tasks.${t}`));
+		}
+		async function ie() {
+			let e = l.task;
+			if (!(e === null || O.value) && window.confirm(d("tasks_projects.tasks.delete_confirm", { name: e.name }))) {
+				O.value = !0;
+				try {
+					await ur(l.client, e.id), u("deleted", e);
+				} catch (e) {
+					l.notify("error", re(e, "delete_failed"));
+				} finally {
+					O.value = !1;
+				}
+			}
+		}
+		return (t, n) => {
+			let l = S("BaseIcon"), m = S("BaseInput"), y = S("BaseInputGroup"), b = S("BaseSelectInput"), E = S("BaseDatePicker"), R = S("BaseInputGrid"), z = S("BaseSwitch"), B = S("BaseTextarea"), te = S("BaseButton"), re = S("BaseModal");
+			return v(), r(re, {
+				show: e.show,
+				onClose: n[12] ||= (e) => u("close")
+			}, {
+				header: D(() => [o("div", pa, [o("span", null, [s(C(P.value) + " ", 1), e.task ? (v(), a("span", ma, "#" + C(e.task.number), 1)) : i("", !0)]), c(l, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: n[0] ||= (e) => u("close")
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(ne, ["prevent"]) }, [o("div", ha, [
+					c(y, {
+						label: w(d)("tasks_projects.tasks.fields.name"),
+						error: x.value.name,
+						required: ""
+					}, {
+						default: D(() => [c(m, {
+							modelValue: f.name,
+							"onUpdate:modelValue": n[1] ||= (e) => f.name = e,
+							invalid: !!x.value.name,
+							type: "text"
+						}, null, 8, ["modelValue", "invalid"])]),
+						_: 1
+					}, 8, ["label", "error"]),
+					c(R, null, {
+						default: D(() => [
+							e.lockProject ? i("", !0) : (v(), r(y, {
+								key: 0,
+								label: w(d)("tasks_projects.tasks.fields.project"),
+								error: x.value.project_id,
+								"help-text": w(d)("tasks_projects.tasks.fields.project_help")
+							}, {
+								default: D(() => [c(b, {
+									modelValue: M.value,
+									"onUpdate:modelValue": n[2] ||= (e) => M.value = e,
+									options: e.projects,
+									placeholder: w(d)("tasks_projects.tasks.fields.project_placeholder"),
+									"label-key": "label"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								])]),
+								_: 1
+							}, 8, [
+								"label",
+								"error",
+								"help-text"
+							])),
+							_.value === null ? i("", !0) : (v(), r(y, {
+								key: 1,
+								label: w(d)("tasks_projects.tasks.fields.customer"),
+								"help-text": w(d)("tasks_projects.tasks.fields.customer_help")
+							}, {
+								default: D(() => [c(m, {
+									"model-value": w($t)(_.value),
+									type: "text",
+									disabled: ""
+								}, null, 8, ["model-value"])]),
+								_: 1
+							}, 8, ["label", "help-text"])),
+							c(y, {
+								label: w(d)("tasks_projects.tasks.fields.status"),
+								error: x.value.task_status_id
+							}, {
+								default: D(() => [c(b, {
+									modelValue: p.value,
+									"onUpdate:modelValue": n[3] ||= (e) => p.value = e,
+									options: F.value,
+									"label-key": "label"
+								}, null, 8, ["modelValue", "options"])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							c(y, {
+								label: w(d)("tasks_projects.tasks.fields.assignee"),
+								error: x.value.assignee_id
+							}, {
+								default: D(() => [c(b, {
+									modelValue: h.value,
+									"onUpdate:modelValue": n[4] ||= (e) => h.value = e,
+									options: I.value,
+									placeholder: w(d)("tasks_projects.tasks.fields.assignee_placeholder"),
+									"label-key": "label"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							j.value ? (v(), r(y, {
+								key: 2,
+								label: w(d)("tasks_projects.tasks.fields.priority"),
+								error: x.value.priority
+							}, {
+								default: D(() => [c(b, {
+									modelValue: g.value,
+									"onUpdate:modelValue": n[5] ||= (e) => g.value = e,
+									options: L.value,
+									placeholder: w(d)("tasks_projects.tasks.fields.priority_placeholder"),
+									"label-key": "label"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"placeholder"
+								])]),
+								_: 1
+							}, 8, ["label", "error"])) : i("", !0),
+							c(y, {
+								label: w(d)("tasks_projects.tasks.fields.due_date"),
+								error: x.value.due_date
+							}, {
+								default: D(() => [c(E, {
+									"model-value": f.dueDate,
+									"onUpdate:modelValue": ee
+								}, null, 8, ["model-value"])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							j.value ? (v(), r(y, {
+								key: 3,
+								label: w(d)("tasks_projects.tasks.fields.estimate_hours"),
+								error: x.value.estimated_minutes
+							}, {
+								default: D(() => [c(m, {
+									modelValue: f.estimateHours,
+									"onUpdate:modelValue": n[6] ||= (e) => f.estimateHours = e,
+									invalid: !!x.value.estimated_minutes,
+									type: "number",
+									step: "0.25",
+									min: "0"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, ["label", "error"])) : i("", !0),
+							j.value ? (v(), r(y, {
+								key: 4,
+								label: w(d)("tasks_projects.tasks.fields.rate"),
+								error: x.value.rate,
+								"help-text": w(d)("tasks_projects.tasks.fields.rate_help")
+							}, {
+								default: D(() => [c(m, {
+									modelValue: f.rate,
+									"onUpdate:modelValue": n[7] ||= (e) => f.rate = e,
+									invalid: !!x.value.rate,
+									type: "number",
+									step: "0.01",
+									min: "0"
+								}, null, 8, ["modelValue", "invalid"])]),
+								_: 1
+							}, 8, [
+								"label",
+								"error",
+								"help-text"
+							])) : i("", !0)
+						]),
+						_: 1
+					}),
+					c(y, {
+						label: w(d)("tasks_projects.tasks.fields.billable"),
+						error: x.value.billable
+					}, {
+						default: D(() => [c(z, {
+							modelValue: f.billable,
+							"onUpdate:modelValue": n[8] ||= (e) => f.billable = e,
+							class: "mt-1"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label", "error"]),
+					j.value ? (v(), r(y, {
+						key: 0,
+						label: w(d)("tasks_projects.tasks.fields.description"),
+						error: x.value.description
+					}, {
+						default: D(() => [c(B, {
+							modelValue: f.description,
+							"onUpdate:modelValue": n[9] ||= (e) => f.description = e,
+							row: 3,
+							invalid: !!x.value.description
+						}, null, 8, ["modelValue", "invalid"])]),
+						_: 1
+					}, 8, ["label", "error"])) : i("", !0),
+					e.compact ? (v(), a("button", {
+						key: 1,
+						type: "button",
+						class: "flex items-center gap-1 text-sm font-medium text-primary-500 hover:underline",
+						onClick: n[10] ||= (e) => k.value = !k.value
+					}, [c(l, {
+						name: k.value ? "ChevronUpIcon" : "ChevronDownIcon",
+						class: "h-4 w-4"
+					}, null, 8, ["name"]), s(" " + C(k.value ? w(d)("tasks_projects.tasks.fewer_fields") : w(d)("tasks_projects.tasks.all_fields")), 1)])) : i("", !0)
+				]), o("div", ga, [N.value ? (v(), r(te, {
+					key: 0,
+					type: "button",
+					variant: "danger",
+					loading: O.value,
+					disabled: O.value,
+					onClick: ie
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.delete")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])) : (v(), a("span", _a)), o("div", va, [c(te, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: n[11] ||= (e) => u("close")
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(te, {
+					type: "submit",
+					variant: "primary",
+					loading: T.value,
+					disabled: T.value
+				}, {
+					default: D(() => [s(C(N.value ? w(d)("tasks_projects.general.update") : w(d)("tasks_projects.general.save")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])])])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), ba = {
+	default_rate: 0,
+	rounding_minutes: 1,
+	rounding_direction: "nearest",
+	week_start: 1,
+	members_see_all_time: !1,
+	auto_start_tasks: !1,
+	lock_invoiced_tasks: !1,
+	hide_invoiced_on_board: !1,
+	invoice_project_heading: !1,
+	invoice_task_description: !0,
+	invoice_entry_dates: !0,
+	invoice_entry_times: !1,
+	invoice_entry_hours: !0,
+	invoice_entry_descriptions: !1,
+	rounding_increments: [
+		1,
+		5,
+		6,
+		15,
+		30,
+		60
+	]
+}, G = y({
+	adminMode: !1,
+	userId: null,
+	settings: { ...ba },
+	companySession: 0,
+	loading: !1
+});
+async function xa(e) {
+	if (G.adminMode) return;
+	G.loading = !0;
+	let [t, n] = await Promise.all([We(e).catch(() => null), Ue(e).catch(() => null)]);
+	G.userId = t, G.settings = wa(n), G.loading = !1;
+}
+function Sa() {
+	G.userId = null, G.settings = { ...ba }, G.companySession += 1, G.loading = !1;
+}
+function Ca(e) {
+	G.adminMode = e;
+}
+function wa(e) {
+	if (typeof e != "object" || !e) return { ...ba };
+	let t = Array.isArray(e.rounding_increments) ? e.rounding_increments.filter((e) => typeof e == "number") : ba.rounding_increments;
+	return {
+		default_rate: Ta(e.default_rate, ba.default_rate),
+		rounding_minutes: Ta(e.rounding_minutes, ba.rounding_minutes),
+		rounding_direction: Da(e.rounding_direction),
+		week_start: Oa(e.week_start),
+		members_see_all_time: e.members_see_all_time === !0,
+		auto_start_tasks: Ea(e.auto_start_tasks, ba.auto_start_tasks),
+		lock_invoiced_tasks: Ea(e.lock_invoiced_tasks, ba.lock_invoiced_tasks),
+		hide_invoiced_on_board: Ea(e.hide_invoiced_on_board, ba.hide_invoiced_on_board),
+		invoice_project_heading: Ea(e.invoice_project_heading, ba.invoice_project_heading),
+		invoice_task_description: Ea(e.invoice_task_description, ba.invoice_task_description),
+		invoice_entry_dates: Ea(e.invoice_entry_dates, ba.invoice_entry_dates),
+		invoice_entry_times: Ea(e.invoice_entry_times, ba.invoice_entry_times),
+		invoice_entry_hours: Ea(e.invoice_entry_hours, ba.invoice_entry_hours),
+		invoice_entry_descriptions: Ea(e.invoice_entry_descriptions, ba.invoice_entry_descriptions),
+		rounding_increments: t.length > 0 ? t : ba.rounding_increments
+	};
+}
+function Ta(e, t) {
+	return typeof e == "number" && Number.isFinite(e) ? e : t;
+}
+function Ea(e, t) {
+	return typeof e == "boolean" ? e : t;
+}
+function Da(e) {
+	return e === "up" || e === "down" || e === "nearest" ? e : ba.rounding_direction;
+}
+function Oa(e) {
+	return typeof e == "number" && Number.isInteger(e) && e >= 0 && e <= 6 ? e : ba.week_start;
+}
+//#endregion
+//#region resources/js/support/time.ts
+var ka = 60, Aa = 60, ja = 7;
+function Ma(e) {
+	let t = Number.isFinite(e) && e > 0 ? Math.floor(e) : 0, n = Math.floor(t / 3600), r = Math.floor(t % 3600 / Aa), i = t % Aa;
+	return `${n}:${Xa(r)}:${Xa(i)}`;
+}
+function Na(e) {
+	let t = e !== null && Number.isFinite(e) && e > 0 ? Math.round(e) : 0;
+	return `${Math.floor(t / ka)}:${Xa(t % ka)}`;
+}
+function Pa(e) {
+	let t = e.trim();
+	if (t === "") return null;
+	let n = /^(\d+):([0-5]?\d)$/.exec(t);
+	if (n) return Number(n[1]) * ka + Number(n[2]);
+	if (!/^\d+([.,]\d+)?$/.test(t)) return null;
+	let r = Number(t.replace(",", "."));
+	return Number.isNaN(r) ? null : Math.round(r * ka);
+}
+function Fa(e, t, n = "nearest") {
+	let r = Number.isFinite(t) && t >= 1 ? Math.floor(t) : 1, i = Number.isFinite(e) ? Math.floor(e) : 0;
+	return i <= 0 ? 0 : n === "up" ? Math.ceil(i / r) * r : n === "down" ? Math.floor(i / r) * r : i < r ? r : Math.round(i / r) * r;
+}
+function Ia(e) {
+	let t = qa(e);
+	return t === null ? "" : Ua(t);
+}
+function La(e) {
+	let t = qa(e);
+	return t === null ? "" : `${Xa(t.getHours())}:${Xa(t.getMinutes())}`;
+}
+function Ra(e, t = "09:00") {
+	let n = Ja(e), r = /^(\d{1,2}):([0-5]\d)$/.exec(t.trim());
+	if (n === null || r === null) return null;
+	let i = Number(r[1]);
+	return i > 23 ? null : (n.setHours(i, Number(r[2]), 0, 0), n.toISOString());
+}
+function za(e, t) {
+	let n = new Date(e);
+	return n.setTime(n.getTime() + t * Aa * 1e3), n.toISOString();
+}
+function Ba(e, t) {
+	let n = Number.isInteger(t) && t >= 0 && t <= 6 ? t : 1, r = Ya(e), i = (r.getDay() - n + ja) % ja;
+	return r.setDate(r.getDate() - i), r;
+}
+function Va(e) {
+	return Array.from({ length: ja }, (t, n) => Ha(e, n));
+}
+function Ha(e, t) {
+	let n = Ya(e);
+	return n.setDate(n.getDate() + t), n;
+}
+function Ua(e) {
+	return `${e.getFullYear()}-${Xa(e.getMonth() + 1)}-${Xa(e.getDate())}`;
+}
+function Wa(e) {
+	return {
+		weekday: e.toLocaleDateString(void 0, { weekday: "short" }),
+		day: e.toLocaleDateString(void 0, {
+			day: "numeric",
+			month: "short"
+		})
+	};
+}
+function Ga(e) {
+	return Ua(e) === Ua(/* @__PURE__ */ new Date());
+}
+function Ka(e, t) {
+	let n = qa(e);
+	return n === null ? 0 : Math.max(0, Math.floor((t - n.getTime()) / 1e3));
+}
+function qa(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}
+function Ja(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})/.exec(e.trim());
+	if (t === null) return null;
+	let n = new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]), 0, 0, 0, 0);
+	return Number.isNaN(n.getTime()) ? null : n;
+}
+function Ya(e) {
+	let t = new Date(e.getTime());
+	return t.setHours(0, 0, 0, 0), t;
+}
+function Xa(e) {
+	return String(e).padStart(2, "0");
+}
+//#endregion
+//#region resources/js/stores/timer.ts
+var K = y({
+	running: null,
+	busy: !1,
+	stopPrompt: null,
+	startPrompt: null
+}), Za = y({ now: Date.now() }), Qa, $a = 0;
+function eo() {
+	Za.now = Date.now();
+}
+function to() {
+	$a += 1, Qa === void 0 && (eo(), Qa = setInterval(eo, 1e3));
+}
+function no() {
+	$a = Math.max(0, $a - 1), $a === 0 && Qa !== void 0 && (clearInterval(Qa), Qa = void 0);
+}
+function ro() {
+	return to(), _(no, !0), n(() => Za.now);
+}
+var io = !1;
+function ao(e, t) {
+	if (K.running = e && typeof e.id == "number" ? e : null, K.running === null) {
+		io && (io = !1, no());
+		return;
+	}
+	io || (io = !0, to()), t && typeof K.running.task_id == "number" && $e(t, [K.running.task_id]);
+}
+function oo(e, t, n) {
+	e?.notify("error", H(t, e.t(n)));
+}
+function so(e) {
+	tt(e.task_id, { running: [{
+		entry_id: e.id,
+		user_id: e.user_id,
+		started_at: e.started_at
+	}] });
+}
+async function co(e, t, n) {
+	try {
+		let n = await cr(e, {
+			name: t.name,
+			project_id: t.projectId
+		});
+		return Qe(n), V(), typeof n.id == "number" ? n.id : null;
+	} catch (e) {
+		return oo(n, e, "tasks_projects.tasks.save_failed"), null;
+	}
+}
+var q = {
+	get running() {
+		return K.running;
+	},
+	get runningTaskId() {
+		let e = K.running?.task_id;
+		return typeof e == "number" ? e : null;
+	},
+	get elapsedSeconds() {
+		return K.running === null ? 0 : Ka(K.running.started_at, Za.now);
+	},
+	get busy() {
+		return K.busy;
+	},
+	get stopPrompt() {
+		return K.stopPrompt;
+	},
+	get startPrompt() {
+		return K.startPrompt;
+	},
+	isRunningOn(e) {
+		return K.running !== null && K.running.task_id === e;
+	},
+	async refresh(e) {
+		try {
+			ao(await Me(e), e);
+		} catch {
+			ao(null);
+		}
+	},
+	async start(e, t, n = null, r) {
+		if (K.busy) return null;
+		K.busy = !0;
+		try {
+			let r = await Ne(e, {
+				task_id: t,
+				description: n
+			});
+			return ao(r, e), so(r), V(), r;
+		} catch (t) {
+			return _t(t) ? (r?.notify("warning", r.t("tasks_projects.timer.already_running")), await this.refresh(e)) : oo(r, t, "tasks_projects.timer.start_failed"), null;
+		} finally {
+			K.busy = !1;
+		}
+	},
+	async startOnTask(e, t, n = null, r, i) {
+		if (K.busy) return null;
+		K.busy = !0;
+		try {
+			let r = await fr(e, t, n, i);
+			return ao(r, e), so(r), V(), r;
+		} catch (t) {
+			return gt(t) === "timer_already_running" ? (r?.notify("warning", r.t("tasks_projects.timer.already_running")), await this.refresh(e)) : oo(r, t, "tasks_projects.timer.start_failed"), null;
+		} finally {
+			K.busy = !1;
+		}
+	},
+	async stop(e, t, n) {
+		if (K.busy || K.running === null) return null;
+		let r = K.running.task_id;
+		K.busy = !0;
+		try {
+			let t = await Pe(e, n);
+			return ao(null), tt(r, { running: [] }), V(), t;
+		} catch (n) {
+			return oo(t, n, "tasks_projects.timer.stop_failed"), await this.refresh(e), null;
+		} finally {
+			K.busy = !1;
+		}
+	},
+	async stopOnTask(e, t, n, r) {
+		if (K.busy) return null;
+		K.busy = !0;
+		try {
+			let n = await pr(e, t, r);
+			return ao(null), tt(t, { running: [] }), V(), n;
+		} catch (t) {
+			return gt(t) === "timer_mismatch" ? n?.notify("warning", n.t("tasks_projects.timer.mismatch")) : oo(n, t, "tasks_projects.timer.stop_failed"), await this.refresh(e), null;
+		} finally {
+			K.busy = !1;
+		}
+	},
+	askStop() {
+		this.answerStop(null);
+		let e = K.running;
+		return e === null ? Promise.resolve(null) : new Promise((t) => {
+			K.stopPrompt = {
+				entry: e,
+				resolve: t
+			};
+		});
+	},
+	answerStop(e) {
+		let t = K.stopPrompt;
+		t !== null && (K.stopPrompt = null, t.resolve(e));
+	},
+	askStart(e = {}) {
+		return this.answerStart(null), new Promise((t) => {
+			K.startPrompt = {
+				...e,
+				resolve: t
+			};
+		});
+	},
+	answerStart(e) {
+		let t = K.startPrompt;
+		t !== null && (K.startPrompt = null, t.resolve(e));
+	},
+	async stopWithPrompt(e, t, n = {}) {
+		let r = K.running;
+		if (r === null) return null;
+		let i = n.taskId;
+		if (typeof i == "number" && r.task_id !== i) return t?.notify("warning", t.t("tasks_projects.timer.mismatch")), await this.refresh(e), null;
+		let a = Ze(r.task_id), o = await this.askStop();
+		if (o === null) return null;
+		if (o.action === "discard") return await this.discard(e, t) && t?.notify("success", t.t("tasks_projects.timer.discarded")), null;
+		let s = {
+			description: o.description,
+			billable: o.billable
+		}, c = typeof i == "number" ? await this.stopOnTask(e, i, t, s) : await this.stop(e, t, s);
+		return c !== null && t?.notify("success", t.t("tasks_projects.timer.stopped", {
+			name: a,
+			duration: Na(c.duration_minutes)
+		})), c;
+	},
+	async startWithPrompt(e, t, n = {}) {
+		let r = await this.askStart(n);
+		if (r === null) return null;
+		let i = "taskId" in r ? r.taskId : await co(e, r.create, t);
+		if (i === null) return null;
+		let a = await this.startOnTask(e, i, r.description, t, r.billable);
+		return a !== null && t?.notify("success", t.t("tasks_projects.timer.started", { name: Ze(i) })), a;
+	},
+	async discard(e, t) {
+		if (K.busy || K.running === null) return !1;
+		let n = K.running.task_id;
+		K.busy = !0;
+		try {
+			return await Fe(e), ao(null), tt(n, { running: [] }), V(), !0;
+		} catch (n) {
+			return oo(t, n, "tasks_projects.timer.discard_failed"), await this.refresh(e), !1;
+		} finally {
+			K.busy = !1;
+		}
+	},
+	reset() {
+		this.answerStop(null), this.answerStart(null), K.busy = !1, ao(null);
+	}
+}, lo = { class: "flex items-center gap-1.5" }, uo = [
+	"disabled",
+	"title",
+	"aria-label"
+], fo = ["title", "aria-label"], po = ["disabled", "title"], mo = [
+	"disabled",
+	"title",
+	"aria-label"
+], ho = ["title"], go = /* @__PURE__ */ l({
+	__name: "TaskRunControl",
+	props: {
+		client: {},
+		notify: {},
+		task: {},
+		members: { default: () => [] },
+		size: { default: "sm" }
+	},
+	setup(t) {
+		let r = t, i = B(), l = ro(), u = n(() => ({
+			notify: r.notify,
+			t: i
+		})), d = n(() => q.isRunningOn(r.task.id)), f = n(() => q.runningTaskId !== null && !d.value), m = n(() => Ze(q.runningTaskId)), h = n(() => nt(r.task).running.filter((e) => e.user_id !== G.userId && e.entry_id !== q.running?.id)), g = n(() => Ma(q.elapsedSeconds)), _ = n(() => r.size === "md" ? "h-5 w-5" : "h-4 w-4"), y = n(() => r.size === "md" ? "p-2" : "p-1.5");
+		function b(e) {
+			return r.members.find((t) => t.id === e)?.name ?? `#${e}`;
+		}
+		function T(e) {
+			let t = r.members.find((t) => t.id === e);
+			return t ? pt(t.name) : "?";
+		}
+		function E(e) {
+			return Ma(Ka(e.started_at, l.value));
+		}
+		function D(e) {
+			return i("tasks_projects.timer.running_by", {
+				name: b(e.user_id),
+				time: E(e)
+			});
+		}
+		async function O() {
+			await q.startOnTask(r.client, r.task.id, null, u.value) !== null && r.notify("success", i("tasks_projects.timer.started", { name: r.task.name }));
+		}
+		function k() {
+			q.stopWithPrompt(r.client, u.value, { taskId: r.task.id });
+		}
+		async function j() {
+			await q.stopWithPrompt(r.client, u.value) !== null && await O();
+		}
+		return (n, r) => {
+			let l = S("BaseIcon");
+			return v(), a("div", lo, [d.value ? (v(), a(e, { key: 0 }, [o("button", {
+				type: "button",
+				class: p(["rounded-md text-status-red hover:bg-hover disabled:opacity-50", y.value]),
+				disabled: w(q).busy,
+				title: w(i)("tasks_projects.timer.stop_on", { name: t.task.name }),
+				"aria-label": w(i)("tasks_projects.timer.stop_on", { name: t.task.name }),
+				onClick: A(k, ["stop"])
+			}, [c(l, {
+				name: "StopIcon",
+				class: p(_.value)
+			}, null, 8, ["class"])], 10, uo), o("span", { class: p(["font-medium tabular-nums text-primary-500", t.size === "md" ? "text-base" : "text-xs"]) }, C(g.value), 3)], 64)) : f.value ? (v(), a(e, { key: 1 }, [o("button", {
+				type: "button",
+				class: p(["cursor-not-allowed rounded-md text-subtle", y.value]),
+				disabled: "",
+				title: w(i)("tasks_projects.timer.busy_elsewhere", { name: m.value }),
+				"aria-label": w(i)("tasks_projects.timer.busy_elsewhere", { name: m.value })
+			}, [c(l, {
+				name: "PlayIcon",
+				class: p(_.value)
+			}, null, 8, ["class"])], 10, fo), o("button", {
+				type: "button",
+				class: "rounded-md px-1.5 py-0.5 text-[11px] font-medium text-primary-500 hover:bg-hover disabled:opacity-50",
+				disabled: w(q).busy,
+				title: w(i)("tasks_projects.timer.stop_and_start"),
+				onClick: A(j, ["stop"])
+			}, C(w(i)("tasks_projects.timer.stop_and_start")), 9, po)], 64)) : (v(), a("button", {
+				key: 2,
+				type: "button",
+				class: p(["rounded-md text-primary-500 hover:bg-hover disabled:opacity-50", y.value]),
+				disabled: w(q).busy,
+				title: w(i)("tasks_projects.timer.start_on", { name: t.task.name }),
+				"aria-label": w(i)("tasks_projects.timer.start_on", { name: t.task.name }),
+				onClick: A(O, ["stop"])
+			}, [c(l, {
+				name: "PlayIcon",
+				class: p(_.value)
+			}, null, 8, ["class"])], 10, mo)), (v(!0), a(e, null, x(h.value, (e) => (v(), a("span", {
+				key: e.entry_id,
+				class: "flex items-center gap-1 rounded-full bg-surface-tertiary px-1.5 py-0.5 text-[11px] text-muted",
+				title: D(e)
+			}, [c(l, {
+				name: "ClockIcon",
+				class: "h-3.5 w-3.5 text-primary-500"
+			}), s(" " + C(T(e.user_id)), 1)], 8, ho))), 128))]);
+		};
+	}
+}), _o = { class: "relative table-container" }, vo = { class: "inline-flex items-center whitespace-nowrap" }, yo = { class: "tabular-nums" }, bo = {
+	key: 1,
+	class: "text-subtle"
+}, xo = ["title"], So = 10, Co = "whitespace-nowrap px-3 py-3 text-left text-xs font-medium text-muted uppercase tracking-wider", wo = "px-3 py-4 text-sm text-muted whitespace-nowrap", To = /* @__PURE__ */ l({
+	__name: "TaskList",
+	props: {
+		client: {},
+		notify: {},
+		router: {},
+		filters: {},
+		statuses: {},
+		members: {},
+		projects: {},
+		projectId: { default: null }
+	},
+	emits: ["changed"],
+	setup(t, { expose: l, emit: u }) {
+		let d = t, f = u, h = {
+			number: "number",
+			name: "name"
+		}, g = B(), _ = b(null), y = b(!0), x = b(0), k = b([]), A = b([]), j = b(!1), N = b(!1), P = b(null), F = b({}), I = b(null), L = n(() => d.projects.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), R = n(() => M.busy), z = n(() => M.allowed), ee = n(() => d.filters.search !== "" || d.filters.status !== "" || d.filters.user !== "" || d.projectId === null && d.filters.project !== ""), te = n(() => !y.value && x.value === 0 && !ee.value), ne = n(() => [
+			{
+				key: "select",
+				label: "",
+				sortable: !1,
+				tdClass: "w-8"
+			},
+			{
+				key: "number",
+				label: g("tasks_projects.tasks.columns.number"),
+				sortable: !0,
+				sortBy: "number",
+				tdClass: "text-muted"
+			},
+			{
+				key: "name",
+				label: g("tasks_projects.tasks.columns.name"),
+				sortable: !0,
+				sortBy: "name",
+				thClass: "extra",
+				tdClass: "font-medium text-heading"
+			},
+			{
+				key: "status",
+				label: g("tasks_projects.tasks.columns.status"),
+				sortable: !1
+			},
+			{
+				key: "assignee",
+				label: g("tasks_projects.tasks.columns.assignee"),
+				sortable: !1
+			},
+			{
+				key: "logged",
+				label: g("tasks_projects.tasks.columns.logged"),
+				sortable: !1
+			},
+			{
+				key: "unbilled",
+				label: g("tasks_projects.tasks.columns.unbilled"),
+				sortable: !1
+			},
+			{
+				key: "invoiced",
+				label: g("tasks_projects.tasks.columns.invoiced"),
+				sortable: !1
+			},
+			{
+				key: "timer",
+				label: g("tasks_projects.tasks.columns.timer"),
+				sortable: !1
+			},
+			{
+				key: "actions",
+				label: g("tasks_projects.general.actions"),
+				sortable: !1,
+				tdClass: "text-right text-sm font-medium"
+			}
+		].map((e) => ({
+			defaultThClass: Co,
+			defaultTdClass: wo,
+			...e
+		})));
+		E(() => Ui(d.filters), () => ie()), E(() => d.projectId, () => ie()), E(et, () => ie(!0));
+		async function re({ page: e, sort: t }) {
+			let n = Vt(t, h), r = {
+				page: e,
+				limit: So,
+				...Gi(d.filters, { projectId: d.projectId }),
+				...n
+			};
+			y.value = !0;
+			try {
+				let e = await sr(d.client, r), t = e.data ?? [], n = e.meta;
+				return x.value = n?.total ?? t.length, k.value = t, A.value = A.value.filter((e) => t.some((t) => t.id === e)), {
+					data: t,
+					pagination: {
+						totalPages: n?.last_page ?? 1,
+						currentPage: n?.current_page ?? 1,
+						totalCount: n?.total ?? t.length,
+						limit: n?.per_page ?? So
+					}
+				};
+			} catch (e) {
+				return d.notify("error", H(e, g("tasks_projects.tasks.load_failed"))), k.value = [], {
+					data: [],
+					pagination: {
+						totalPages: 1,
+						currentPage: 1,
+						totalCount: 0,
+						limit: So
+					}
+				};
+			} finally {
+				y.value = !1;
+			}
+		}
+		function ie(e = !1) {
+			_.value?.refresh(e);
+		}
+		function ae(e) {
+			return A.value.includes(e.id);
+		}
+		function oe(e) {
+			A.value = ae(e) ? A.value.filter((t) => t !== e.id) : [...A.value, e.id];
+		}
+		function se() {
+			A.value = k.value.map((e) => e.id);
+		}
+		function ce() {
+			A.value = [];
+		}
+		function le() {
+			P.value = null, F.value = { project_id: d.projectId }, N.value = !0;
+		}
+		function ue(e) {
+			P.value = e, F.value = {}, N.value = !0;
+		}
+		function de(e) {
+			let t = P.value ? g("tasks_projects.tasks.updated", { name: e.name }) : g("tasks_projects.tasks.created", { name: e.name });
+			N.value = !1, P.value = null, d.notify("success", t), V(), f("changed");
+		}
+		function fe(e) {
+			N.value = !1, P.value = null, d.notify("success", g("tasks_projects.tasks.deleted", { name: e.name })), V(), f("changed");
+		}
+		function pe(e) {
+			return d.statuses.find((t) => t.id === e.task_status_id) ?? null;
+		}
+		function me(e) {
+			return e.assignee_id === null ? g("tasks_projects.tasks.unassigned") : d.members.find((t) => t.id === e.assignee_id)?.name ?? `#${e.assignee_id}`;
+		}
+		function he(e) {
+			return Na(nt(e).logged_minutes);
+		}
+		function ge(e) {
+			return nt(e).invoiced === "uninvoiced";
+		}
+		function _e(e) {
+			return nt(e).invoiced === "invoiced" ? g("tasks_projects.tasks.already_invoiced") : g("tasks_projects.tasks.nothing_to_invoice");
+		}
+		let ve = n(() => ({
+			client: d.client,
+			router: d.router,
+			notify: d.notify,
+			t: g
+		}));
+		async function ye(e) {
+			if (!R.value) {
+				I.value = e.id;
+				try {
+					await bt(ve.value, { taskIds: [e.id] });
+				} finally {
+					I.value = null;
+				}
+			}
+		}
+		async function be() {
+			R.value || A.value.length === 0 || await bt(ve.value, { taskIds: [...A.value] }) && ce();
+		}
+		async function xe(e) {
+			if (window.confirm(g("tasks_projects.tasks.delete_confirm", { name: e.name }))) {
+				I.value = e.id;
+				try {
+					await ur(d.client, e.id), d.notify("success", g("tasks_projects.tasks.deleted", { name: e.name })), V(), f("changed");
+				} catch (e) {
+					d.notify("error", H(e, g("tasks_projects.tasks.delete_failed")));
+				} finally {
+					I.value = null;
+				}
+			}
+		}
+		async function Se(e) {
+			await we({
+				action: "status",
+				ids: [...A.value],
+				task_status_id: e
+			}, "applied");
+		}
+		async function Ce() {
+			let e = A.value.length;
+			window.confirm(g("tasks_projects.tasks.bulk.delete_confirm", { count: e })) && await we({
+				action: "delete",
+				ids: [...A.value]
+			}, "deleted");
+		}
+		async function we(e, t) {
+			if (!(j.value || e.ids.length === 0)) {
+				j.value = !0;
+				try {
+					let n = await hr(d.client, e);
+					n.failed.length > 0 ? d.notify("warning", g("tasks_projects.tasks.bulk.partial", {
+						count: n.updated.length,
+						failed: n.failed.length,
+						ids: n.failed.map((e) => `#${e.id}`).join(", ")
+					})) : n.updated.length === 0 ? d.notify("warning", g("tasks_projects.tasks.bulk.nothing")) : d.notify("success", g(`tasks_projects.tasks.bulk.${t}`, { count: n.updated.length })), ce(), V(), f("changed");
+				} catch (e) {
+					d.notify("error", H(e, g("tasks_projects.tasks.bulk.failed")));
+				} finally {
+					j.value = !1;
+				}
+			}
+		}
+		return l({
+			openCreate: le,
+			refresh: ie
+		}), (n, l) => {
+			let u = S("BaseIcon"), d = S("BaseButton"), f = S("BaseEmptyPlaceholder"), h = S("BaseCheckbox"), y = S("router-link"), b = S("BaseFormatMoney"), x = S("BaseDropdownItem"), E = S("BaseDropdown"), k = S("BaseTable");
+			return v(), a("div", null, [
+				c(ua, {
+					count: A.value.length,
+					statuses: t.statuses,
+					busy: j.value,
+					invoicing: R.value,
+					"can-invoice": z.value,
+					onStatus: Se,
+					onDelete: Ce,
+					onInvoice: be,
+					onClear: ce,
+					onSelectPage: se
+				}, null, 8, [
+					"count",
+					"statuses",
+					"busy",
+					"invoicing",
+					"can-invoice"
+				]),
+				O(c(f, {
+					title: w(g)("tasks_projects.tasks.empty_title"),
+					description: w(g)("tasks_projects.tasks.empty_description")
+				}, {
+					actions: D(() => [c(d, {
+						variant: "primary",
+						onClick: le
+					}, {
+						left: D((e) => [c(u, {
+							name: "PlusIcon",
+							class: p(e.class)
+						}, null, 8, ["class"])]),
+						default: D(() => [s(" " + C(w(g)("tasks_projects.tasks.new_task")), 1)]),
+						_: 1
+					})]),
+					default: D(() => [c(u, {
+						name: "ClipboardDocumentListIcon",
+						class: "mt-5 mb-4 h-16 w-16 text-subtle"
+					})]),
+					_: 1
+				}, 8, ["title", "description"]), [[T, te.value]]),
+				O(o("div", _o, [c(k, {
+					ref_key: "tableRef",
+					ref: _,
+					data: re,
+					columns: ne.value,
+					class: "mt-3"
+				}, {
+					"cell-select": D(({ row: e }) => [c(h, {
+						"model-value": ae(e.data),
+						"aria-label": e.data.name,
+						onChange: (t) => oe(e.data)
+					}, null, 8, [
+						"model-value",
+						"aria-label",
+						"onChange"
+					])]),
+					"cell-number": D(({ row: e }) => [s("#" + C(e.data.number), 1)]),
+					"cell-name": D(({ row: e }) => [c(y, {
+						class: "hover:text-primary-500",
+						to: w(W).task(e.data.id)
+					}, {
+						default: D(() => [s(C(e.data.name), 1)]),
+						_: 2
+					}, 1032, ["to"]), e.data.due_date ? (v(), a("span", {
+						key: 0,
+						class: p(["mt-0.5 block text-xs font-normal", w(mt)(e.data.due_date) && !e.data.closed_at ? "font-medium text-status-red" : "text-muted"])
+					}, C(w(g)("tasks_projects.tasks.columns.due_date")) + ": " + C(w(ut)(e.data.due_date)), 3)) : i("", !0)]),
+					"cell-status": D(({ row: e }) => [o("span", vo, [o("span", {
+						class: p(["mr-2 inline-block h-2.5 w-2.5 shrink-0 rounded-full", pe(e.data)?.colour ? "" : "bg-line-default"]),
+						style: m(pe(e.data)?.colour ? { backgroundColor: pe(e.data)?.colour } : void 0)
+					}, null, 6), s(" " + C(pe(e.data)?.name ?? "-"), 1)])]),
+					"cell-assignee": D(({ row: e }) => [o("span", { class: p(e.data.assignee_id === null ? "text-subtle" : "") }, C(me(e.data)), 3)]),
+					"cell-logged": D(({ row: e }) => [o("span", yo, C(he(e.data)), 1)]),
+					"cell-unbilled": D(({ row: e }) => [w(nt)(e.data).unbilled_amount > 0 ? (v(), r(b, {
+						key: 0,
+						amount: w(nt)(e.data).unbilled_amount
+					}, null, 8, ["amount"])) : (v(), a("span", bo, "-"))]),
+					"cell-invoiced": D(({ row: e }) => [c(da, { state: w(nt)(e.data).invoiced }, null, 8, ["state"])]),
+					"cell-timer": D(({ row: e }) => [c(go, {
+						client: t.client,
+						notify: t.notify,
+						task: e.data,
+						members: t.members
+					}, null, 8, [
+						"client",
+						"notify",
+						"task",
+						"members"
+					])]),
+					"cell-actions": D(({ row: t }) => [c(E, { "content-loading": I.value === t.data.id }, {
+						activator: D(() => [c(u, {
+							name: "EllipsisHorizontalIcon",
+							class: "h-5 text-muted"
+						})]),
+						default: D(() => [
+							c(x, { onClick: (e) => ue(t.data) }, {
+								default: D(() => [c(u, {
+									name: "PencilIcon",
+									class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+								}), s(" " + C(w(g)("tasks_projects.general.edit")), 1)]),
+								_: 1
+							}, 8, ["onClick"]),
+							z.value ? (v(), a(e, { key: 0 }, [ge(t.data) && !R.value ? (v(), r(x, {
+								key: 0,
+								onClick: (e) => ye(t.data)
+							}, {
+								default: D(() => [c(u, {
+									name: "BanknotesIcon",
+									class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+								}), s(" " + C(w(g)("tasks_projects.tasks.invoice_task")), 1)]),
+								_: 1
+							}, 8, ["onClick"])) : (v(), a("div", {
+								key: 1,
+								class: "group flex cursor-not-allowed items-center px-4 py-2 text-sm font-normal text-subtle",
+								title: R.value ? w(g)("tasks_projects.billing.busy") : _e(t.data)
+							}, [c(u, {
+								name: "BanknotesIcon",
+								class: "mr-3 h-5 w-5 text-subtle"
+							}), s(" " + C(w(g)("tasks_projects.tasks.invoice_task")), 1)], 8, xo))], 64)) : i("", !0),
+							c(x, { onClick: (e) => xe(t.data) }, {
+								default: D(() => [c(u, {
+									name: "TrashIcon",
+									class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+								}), s(" " + C(w(g)("tasks_projects.general.delete")), 1)]),
+								_: 1
+							}, 8, ["onClick"])
+						]),
+						_: 2
+					}, 1032, ["content-loading"])]),
+					_: 1
+				}, 8, ["columns"])], 512), [[T, !te.value]]),
+				c(ya, {
+					show: N.value,
+					client: t.client,
+					notify: t.notify,
+					task: P.value,
+					statuses: t.statuses,
+					members: t.members,
+					projects: L.value,
+					defaults: F.value,
+					"lock-project": t.projectId !== null,
+					compact: P.value === null,
+					onClose: l[0] ||= (e) => N.value = !1,
+					onSaved: de,
+					onDeleted: fe
+				}, null, 8, [
+					"show",
+					"client",
+					"notify",
+					"task",
+					"statuses",
+					"members",
+					"projects",
+					"defaults",
+					"lock-project",
+					"compact"
+				])
+			]);
+		};
+	}
+}), Eo = { class: "py-4" }, Do = { class: "flex flex-wrap items-end justify-between gap-3" }, Oo = /* @__PURE__ */ l({
+	__name: "ProjectTasksTab",
+	props: {
+		id: {},
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {},
+		project: {}
+	},
+	emits: ["refresh"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, l = B(), u = b(null), d = b([]), f = b([]), m = b({ ...Ri }), h = n(() => r.project?.id ?? Number(r.id)), _ = n(() => r.project === null ? [] : [r.project]);
+		g(() => void y());
+		async function y() {
+			try {
+				d.value = await or(r.client);
+			} catch (e) {
+				r.notify("error", H(e, l("tasks_projects.task_statuses.load_failed")));
+			}
+			try {
+				f.value = await Jt(r.client);
+			} catch {
+				f.value = [];
+			}
+		}
+		function x() {
+			i("refresh");
+		}
+		return (t, n) => {
+			let r = S("BaseIcon"), i = S("BaseButton");
+			return v(), a("div", Eo, [o("div", Do, [c(oa, {
+				modelValue: m.value,
+				"onUpdate:modelValue": n[0] ||= (e) => m.value = e,
+				class: "flex-1",
+				projects: _.value,
+				members: f.value,
+				statuses: d.value,
+				"lock-project": ""
+			}, null, 8, [
+				"modelValue",
+				"projects",
+				"members",
+				"statuses"
+			]), c(i, {
+				variant: "primary",
+				onClick: n[1] ||= (e) => u.value?.openCreate()
+			}, {
+				left: D((e) => [c(r, {
+					name: "PlusIcon",
+					class: p(e.class)
+				}, null, 8, ["class"])]),
+				default: D(() => [s(" " + C(w(l)("tasks_projects.tasks.new_task")), 1)]),
+				_: 1
+			})]), c(To, {
+				ref_key: "listRef",
+				ref: u,
+				client: e.client,
+				notify: e.notify,
+				router: e.router,
+				filters: m.value,
+				statuses: d.value,
+				members: f.value,
+				projects: _.value,
+				"project-id": h.value,
+				onChanged: x
+			}, null, 8, [
+				"client",
+				"notify",
+				"router",
+				"filters",
+				"statuses",
+				"members",
+				"projects",
+				"project-id"
+			])]);
+		};
+	}
+}), ko = { class: "flex w-full items-center justify-between" }, Ao = { class: "space-y-5 px-6 py-6" }, jo = {
+	key: 0,
+	class: "rounded-md bg-alert-warning-bg px-3 py-2 text-sm text-alert-warning-text"
+}, Mo = { class: "inline-flex overflow-hidden rounded-md border border-line-default" }, No = ["disabled", "onClick"], Po = {
+	key: 1,
+	class: "text-sm text-muted"
+}, Fo = { class: "flex items-center justify-between border-t border-line-default px-6 py-4" }, Io = { key: 1 }, Lo = { class: "flex space-x-3" }, Ro = "09:00", zo = /* @__PURE__ */ l({
+	__name: "TimeEntryModal",
+	props: {
+		show: { type: Boolean },
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		entry: {},
+		defaultDate: {},
+		defaultTask: {},
+		lockTask: { type: Boolean }
+	},
+	emits: [
+		"close",
+		"saved",
+		"deleted"
+	],
+	setup(t, { emit: l }) {
+		let u = t, d = l, f = ["duration", "range"], m = B(), h = y({
+			date: "",
+			mode: "duration",
+			duration: "",
+			start: Ro,
+			end: "",
+			description: "",
+			billable: !0
+		}), g = b(null), _ = b({}), T = b(!1), O = b(!1), k = n(() => u.entry !== null), j = n(() => u.entry?.invoice_id != null), M = n(() => j.value ? m("tasks_projects.time.view_entry") : k.value ? m("tasks_projects.time.edit_entry") : m("tasks_projects.time.new_entry"));
+		E(() => u.show, (e) => {
+			e && N();
+		}, { immediate: !0 });
+		function N() {
+			let e = u.entry;
+			_.value = {}, g.value = e === null ? u.defaultTask ?? null : null, h.date = e ? Ia(e.started_at) : u.defaultDate ?? Ua(/* @__PURE__ */ new Date()), h.duration = e ? Na(e.duration_minutes) : "", h.start = e?.started_at ? La(e.started_at) : Ro, h.end = e?.ended_at ? La(e.ended_at) : "", h.description = e?.description ?? "", h.billable = e ? e.billable : g.value?.billable ?? !0, h.mode = e !== null && P(e) ? "range" : "duration", h.date === "" && (h.date = u.defaultDate ?? Ua(/* @__PURE__ */ new Date())), e !== null && F(e.task_id);
+		}
+		function P(e) {
+			if (!e.started_at || !e.ended_at) return !1;
+			let t = new Date(e.started_at).getTime(), n = new Date(e.ended_at).getTime();
+			return Number.isNaN(t) || Number.isNaN(n) ? !1 : Math.round((n - t) / 6e4) === e.duration_minutes;
+		}
+		async function F(e) {
+			try {
+				let t = await He(u.client, e);
+				g.value = t, Qe(t);
+			} catch {}
+		}
+		async function I(e) {
+			try {
+				let t = await Ve(u.client, e ?? "");
+				return t.forEach(Qe), t;
+			} catch (e) {
+				return u.notify("error", H(e, m("tasks_projects.time.tasks_failed"))), [];
+			}
+		}
+		function L(e) {
+			h.date = e ? dt(e) : "";
+		}
+		function R(e) {
+			g.value = e, e !== null && u.entry === null && (h.billable = e.billable !== !1);
+		}
+		function z() {
+			let e = {}, t = g.value;
+			(t === null || typeof t.id != "number") && (e.task_id = m("tasks_projects.time.task_required")), h.date === "" && (e.date = m("tasks_projects.time.date_required"));
+			let n = Ra(h.date, h.mode === "range" ? h.start : Ro);
+			n === null && (e.started_at = m("tasks_projects.time.range_invalid"));
+			let r = h.mode === "duration" ? Pa(h.duration) : null;
+			h.mode === "duration" && r === null && (e.duration_minutes = m("tasks_projects.time.duration_invalid"));
+			let i = h.mode === "range" ? Ra(h.date, h.end) : null;
+			if (h.mode === "range" && (i === null || n === null || i <= n) && (e.ended_at = m("tasks_projects.time.range_invalid")), _.value = e, Object.keys(e).length > 0 || t === null || n === null) return null;
+			let a = {
+				task_id: t.id,
+				started_at: n,
+				description: h.description.trim() || null,
+				billable: h.billable
+			};
+			return h.mode === "duration" && r !== null ? (a.duration_minutes = r, a.ended_at = za(n, r)) : a.ended_at = i, a;
+		}
+		async function ee() {
+			if (T.value || j.value) return;
+			let e = z();
+			if (e !== null) {
+				T.value = !0;
+				try {
+					let t = u.entry, n = t ? await Ae(u.client, t.id, e) : await ke(u.client, e);
+					d("saved", n);
+				} catch (e) {
+					_.value = at(e), u.notify("error", H(e, m("tasks_projects.time.save_failed")));
+				} finally {
+					T.value = !1;
+				}
+			}
+		}
+		async function te() {
+			let e = u.entry;
+			if (!(e === null || O.value || j.value) && window.confirm(m("tasks_projects.time.delete_confirm"))) {
+				O.value = !0;
+				try {
+					await je(u.client, e.id), d("deleted", e);
+				} catch (e) {
+					u.notify("error", H(e, m("tasks_projects.time.delete_failed")));
+				} finally {
+					O.value = !1;
+				}
+			}
+		}
+		return (n, l) => {
+			let u = S("BaseIcon"), y = S("BaseInput"), b = S("BaseMultiselect"), E = S("BaseInputGroup"), N = S("BaseDatePicker"), P = S("BaseInputGrid"), F = S("BaseTextarea"), z = S("BaseSwitch"), B = S("BaseButton"), ne = S("BaseModal");
+			return v(), r(ne, {
+				show: t.show,
+				onClose: l[8] ||= (e) => d("close")
+			}, {
+				header: D(() => [o("div", ko, [o("span", null, C(M.value), 1), c(u, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: l[0] ||= (e) => d("close")
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(ee, ["prevent"]) }, [o("div", Ao, [
+					j.value ? (v(), a("p", jo, C(w(m)("tasks_projects.time.stamped_notice")), 1)) : i("", !0),
+					c(E, {
+						label: w(m)("tasks_projects.time.fields.task"),
+						error: _.value.task_id,
+						required: ""
+					}, {
+						default: D(() => [t.lockTask ? (v(), r(y, {
+							key: 0,
+							"model-value": g.value?.name ?? "",
+							type: "text",
+							disabled: ""
+						}, null, 8, ["model-value"])) : (v(), r(b, {
+							key: 1,
+							"model-value": g.value,
+							options: I,
+							disabled: j.value,
+							invalid: !!_.value.task_id,
+							placeholder: w(m)("tasks_projects.time.fields.task_placeholder"),
+							"initial-search": g.value?.name ?? "",
+							delay: 400,
+							"filter-results": !1,
+							"value-prop": "id",
+							"track-by": "name",
+							label: "name",
+							object: "",
+							searchable: "",
+							"preserve-search": "",
+							"resolve-on-load": "",
+							"onUpdate:modelValue": l[1] ||= (e) => R(e)
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"invalid",
+							"placeholder",
+							"initial-search"
+						]))]),
+						_: 1
+					}, 8, ["label", "error"]),
+					c(P, null, {
+						default: D(() => [c(E, {
+							label: w(m)("tasks_projects.time.fields.date"),
+							error: _.value.date,
+							required: ""
+						}, {
+							default: D(() => [c(N, {
+								"model-value": h.date,
+								disabled: j.value,
+								invalid: !!_.value.date,
+								"onUpdate:modelValue": L
+							}, null, 8, [
+								"model-value",
+								"disabled",
+								"invalid"
+							])]),
+							_: 1
+						}, 8, ["label", "error"]), c(E, { label: w(m)("tasks_projects.time.fields.mode") }, {
+							default: D(() => [o("div", Mo, [(v(), a(e, null, x(f, (e) => o("button", {
+								key: e,
+								type: "button",
+								class: p(["px-3 py-2 text-sm", h.mode === e ? "bg-primary-500 text-white" : "bg-surface text-body hover:bg-hover"]),
+								disabled: j.value,
+								onClick: (t) => h.mode = e
+							}, C(w(m)(`tasks_projects.time.mode.${e}`)), 11, No)), 64))])]),
+							_: 1
+						}, 8, ["label"])]),
+						_: 1
+					}),
+					h.mode === "duration" ? (v(), r(E, {
+						key: 1,
+						label: w(m)("tasks_projects.time.fields.duration"),
+						error: _.value.duration_minutes,
+						"help-text": w(m)("tasks_projects.time.fields.duration_help"),
+						required: ""
+					}, {
+						default: D(() => [c(y, {
+							modelValue: h.duration,
+							"onUpdate:modelValue": l[2] ||= (e) => h.duration = e,
+							type: "text",
+							inputmode: "text",
+							placeholder: "1:30",
+							disabled: j.value,
+							invalid: !!_.value.duration_minutes
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"invalid"
+						])]),
+						_: 1
+					}, 8, [
+						"label",
+						"error",
+						"help-text"
+					])) : (v(), r(P, { key: 2 }, {
+						default: D(() => [c(E, {
+							label: w(m)("tasks_projects.time.fields.start"),
+							error: _.value.started_at,
+							required: ""
+						}, {
+							default: D(() => [c(y, {
+								modelValue: h.start,
+								"onUpdate:modelValue": l[3] ||= (e) => h.start = e,
+								type: "time",
+								disabled: j.value,
+								invalid: !!_.value.started_at
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"invalid"
+							])]),
+							_: 1
+						}, 8, ["label", "error"]), c(E, {
+							label: w(m)("tasks_projects.time.fields.end"),
+							error: _.value.ended_at,
+							required: ""
+						}, {
+							default: D(() => [c(y, {
+								modelValue: h.end,
+								"onUpdate:modelValue": l[4] ||= (e) => h.end = e,
+								type: "time",
+								disabled: j.value,
+								invalid: !!_.value.ended_at
+							}, null, 8, [
+								"modelValue",
+								"disabled",
+								"invalid"
+							])]),
+							_: 1
+						}, 8, ["label", "error"])]),
+						_: 1
+					})),
+					c(E, {
+						label: w(m)("tasks_projects.time.fields.description"),
+						error: _.value.description
+					}, {
+						default: D(() => [c(F, {
+							modelValue: h.description,
+							"onUpdate:modelValue": l[5] ||= (e) => h.description = e,
+							row: 3,
+							disabled: j.value,
+							invalid: !!_.value.description
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"invalid"
+						])]),
+						_: 1
+					}, 8, ["label", "error"]),
+					c(E, {
+						label: w(m)("tasks_projects.time.fields.billable"),
+						error: _.value.billable
+					}, {
+						default: D(() => [j.value ? (v(), a("span", Po, C(h.billable ? w(m)("tasks_projects.time.billable") : w(m)("tasks_projects.time.non_billable")), 1)) : (v(), r(z, {
+							key: 0,
+							modelValue: h.billable,
+							"onUpdate:modelValue": l[6] ||= (e) => h.billable = e,
+							class: "flex"
+						}, null, 8, ["modelValue"]))]),
+						_: 1
+					}, 8, ["label", "error"])
+				]), o("div", Fo, [k.value && !j.value ? (v(), r(B, {
+					key: 0,
+					type: "button",
+					variant: "danger",
+					size: "sm",
+					loading: O.value,
+					disabled: O.value,
+					onClick: te
+				}, {
+					default: D(() => [s(C(w(m)("tasks_projects.general.delete")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])) : (v(), a("span", Io)), o("div", Lo, [c(B, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: l[7] ||= (e) => d("close")
+				}, {
+					default: D(() => [s(C(j.value ? w(m)("tasks_projects.timer.close") : w(m)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), j.value ? i("", !0) : (v(), r(B, {
+					key: 0,
+					type: "submit",
+					variant: "primary",
+					loading: T.value,
+					disabled: T.value
+				}, {
+					default: D(() => [s(C(k.value ? w(m)("tasks_projects.general.update") : w(m)("tasks_projects.general.save")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"]))])])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), Bo = { class: "py-4" }, Vo = { class: "flex justify-end" }, Ho = { class: "relative mt-3 table-container" }, Uo = { class: "font-medium text-heading" }, Wo = {
+	key: 0,
+	class: "block text-xs text-muted"
+}, Go = {
+	key: 1,
+	class: "text-subtle"
+}, Ko = {
+	key: 0,
+	class: "text-xs text-primary-500"
+}, qo = 15, Jo = 100, Yo = /* @__PURE__ */ l({
+	__name: "ProjectTimeTab",
+	props: {
+		id: {},
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		project: {}
+	},
+	emits: ["refresh"],
+	setup(e, { emit: t }) {
+		let l = e, u = t, d = B(), f = ro(), m = b(null), h = b([]), _ = b([]), y = b(!1), x = b(null), T = n(() => l.project?.id ?? Number(l.id)), O = n(() => [
+			{
+				key: "started_at",
+				label: d("tasks_projects.project.time.columns.date"),
+				sortable: !1
+			},
+			{
+				key: "user",
+				label: d("tasks_projects.project.time.columns.member"),
+				sortable: !1
+			},
+			{
+				key: "task",
+				label: d("tasks_projects.project.time.columns.task"),
+				sortable: !1,
+				thClass: "extra"
+			},
+			{
+				key: "duration_minutes",
+				label: d("tasks_projects.project.time.columns.minutes"),
+				sortable: !1
+			},
+			{
+				key: "billable",
+				label: d("tasks_projects.project.time.columns.billable"),
+				sortable: !1
+			},
+			{
+				key: "amount",
+				label: d("tasks_projects.project.time.columns.amount"),
+				sortable: !1
+			},
+			{
+				key: "actions",
+				label: d("tasks_projects.general.actions"),
+				sortable: !1,
+				tdClass: "text-right text-sm font-medium"
+			}
+		]);
+		g(() => {
+			k();
+		}), E(et, () => m.value?.refresh(!0));
+		async function k() {
+			try {
+				h.value = await Jt(l.client);
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.tasks.members_failed")));
+			}
+			try {
+				let e = await sr(l.client, {
+					project_id: T.value,
+					limit: Jo
+				});
+				_.value = e.data ?? [];
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.tasks.load_failed")));
+			}
+		}
+		async function A({ page: e }) {
+			let t = {
+				page: e,
+				limit: qo,
+				project_id: T.value
+			};
+			try {
+				let e = await xr(l.client, t);
+				return {
+					data: e.data ?? [],
+					pagination: {
+						totalPages: e.meta?.last_page ?? 1,
+						currentPage: e.meta?.current_page ?? 1,
+						totalCount: e.meta?.total ?? 0,
+						limit: e.meta?.per_page ?? qo
+					}
+				};
+			} catch (e) {
+				return l.notify("error", H(e, d("tasks_projects.project.time.load_failed"))), {
+					data: [],
+					pagination: {
+						totalPages: 1,
+						currentPage: 1,
+						totalCount: 0,
+						limit: qo
+					}
+				};
+			}
+		}
+		function j(e) {
+			return h.value.find((t) => t.id === e)?.name ?? d("tasks_projects.project.time.removed_member");
+		}
+		function M(e) {
+			return _.value.find((t) => t.id === e)?.name ?? `#${e}`;
+		}
+		function N(e) {
+			return e.is_running ? Ma(Ka(e.started_at, f.value)) : ft(e.duration_minutes);
+		}
+		function P() {
+			x.value = null, y.value = !0;
+		}
+		function F(e) {
+			e.is_running || (x.value = e, y.value = !0);
+		}
+		function I() {
+			let e = x.value ? d("tasks_projects.time.updated") : d("tasks_projects.time.created");
+			y.value = !1, x.value = null, l.notify("success", e), m.value?.refresh(!0), V(), u("refresh");
+		}
+		function L() {
+			y.value = !1, x.value = null, l.notify("success", d("tasks_projects.time.deleted")), m.value?.refresh(!0), V(), u("refresh");
+		}
+		async function R(e) {
+			if (window.confirm(d("tasks_projects.time.delete_confirm"))) try {
+				await je(l.client, e.id), l.notify("success", d("tasks_projects.time.deleted")), m.value?.refresh(!0), V(), u("refresh");
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.time.delete_failed")));
+			}
+		}
+		return (t, n) => {
+			let l = S("BaseIcon"), u = S("BaseButton"), f = S("BaseFormatMoney"), h = S("BaseDropdownItem"), g = S("BaseDropdown"), _ = S("BaseTable");
+			return v(), a("div", Bo, [
+				o("div", Vo, [c(u, {
+					variant: "primary",
+					onClick: P
+				}, {
+					left: D((e) => [c(l, {
+						name: "PlusIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(d)("tasks_projects.project.time.add_entry")), 1)]),
+					_: 1
+				})]),
+				o("div", Ho, [c(_, {
+					ref_key: "tableRef",
+					ref: m,
+					data: A,
+					columns: O.value
+				}, {
+					"cell-started_at": D(({ row: e }) => [s(C(e.data.started_at ? w(ut)(e.data.started_at) : "-"), 1)]),
+					"cell-user": D(({ row: e }) => [s(C(j(e.data.user_id)), 1)]),
+					"cell-task": D(({ row: e }) => [o("span", Uo, C(M(e.data.task_id)), 1), e.data.description ? (v(), a("span", Wo, C(e.data.description), 1)) : i("", !0)]),
+					"cell-duration_minutes": D(({ row: e }) => [o("span", { class: p(["tabular-nums", e.data.is_running ? "font-medium text-primary-500" : ""]) }, C(N(e.data)), 3)]),
+					"cell-billable": D(({ row: e }) => [e.data.billable ? (v(), r(l, {
+						key: 0,
+						name: "CheckCircleIcon",
+						class: "h-5 w-5 text-status-green"
+					})) : (v(), a("span", Go, "-"))]),
+					"cell-amount": D(({ row: e }) => [c(f, { amount: e.data.amount }, null, 8, ["amount"])]),
+					"cell-actions": D(({ row: e }) => [e.data.is_running ? (v(), a("span", Ko, C(w(d)("tasks_projects.project.time.running")), 1)) : (v(), r(g, { key: 1 }, {
+						activator: D(() => [c(l, {
+							name: "EllipsisHorizontalIcon",
+							class: "h-5 text-muted"
+						})]),
+						default: D(() => [c(h, { onClick: (t) => F(e.data) }, {
+							default: D(() => [c(l, {
+								name: "PencilIcon",
+								class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+							}), s(" " + C(w(d)("tasks_projects.general.edit")), 1)]),
+							_: 1
+						}, 8, ["onClick"]), e.data.invoice_id === null ? (v(), r(h, {
+							key: 0,
+							onClick: (t) => R(e.data)
+						}, {
+							default: D(() => [c(l, {
+								name: "TrashIcon",
+								class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+							}), s(" " + C(w(d)("tasks_projects.general.delete")), 1)]),
+							_: 1
+						}, 8, ["onClick"])) : i("", !0)]),
+						_: 2
+					}, 1024))]),
+					_: 1
+				}, 8, ["columns"])]),
+				c(zo, {
+					show: y.value,
+					client: e.client,
+					notify: e.notify,
+					entry: x.value,
+					onClose: n[0] ||= (e) => y.value = !1,
+					onSaved: I,
+					onDeleted: L
+				}, null, 8, [
+					"show",
+					"client",
+					"notify",
+					"entry"
+				])
+			]);
+		};
+	}
+}), Xo = {
+	viewProject: `${U}:view-project`,
+	editProject: `${U}:edit-project`,
+	viewTask: `${U}:view-task`,
+	viewOwnTime: `${U}:view-own-time`
+};
+function Zo(e) {
+	e.addMessages(rr), e.registerPage({
+		id: "projects",
+		module: U,
+		path: "projects",
+		component: sn(e, Zr),
+		meta: {
+			ability: Xo.viewProject,
+			title: "tasks_projects.projects.title"
+		}
+	}), e.registerPage({
+		id: "project",
+		module: U,
+		path: "projects/:id",
+		component: sn(e, zr),
+		meta: {
+			ability: Xo.viewProject,
+			title: "tasks_projects.projects.title"
+		},
+		children: [
+			{
+				id: "overview",
+				path: "",
+				component: sn(e, Li),
+				meta: {
+					ability: Xo.viewProject,
+					title: "tasks_projects.project.tabs.overview"
+				}
+			},
+			{
+				id: "tasks",
+				path: "tasks",
+				component: sn(e, Oo),
+				meta: {
+					ability: Xo.viewTask,
+					title: "tasks_projects.project.tabs.tasks"
+				}
+			},
+			{
+				id: "time",
+				path: "time",
+				component: sn(e, Yo),
+				meta: {
+					ability: Xo.viewOwnTime,
+					title: "tasks_projects.project.tabs.time"
+				}
+			},
+			{
+				id: "members",
+				path: "members",
+				component: sn(e, li),
+				meta: {
+					ability: Xo.editProject,
+					title: "tasks_projects.project.tabs.members"
+				}
+			}
+		]
+	});
+}
+//#endregion
+//#region resources/js/messages/reports.ts
+var Qo = { en: { tasks_projects: { reports: {
+	title: "Reports",
+	load_failed: "Unable to load the report.",
+	empty_title: "Nothing logged in this range",
+	empty_description: "Pick a wider range, or log some time against a task.",
+	range: {
+		this_week: "This week",
+		this_month: "This month",
+		last_month: "Last month",
+		this_quarter: "This quarter",
+		this_year: "This year",
+		custom: "Custom",
+		from: "From",
+		to: "To"
+	},
+	summary: {
+		logged: "Logged",
+		billable: "Billable",
+		amount: "Amount",
+		unbilled: "Unbilled",
+		currency: "Currency #{id}",
+		base_currency: "Company currency"
+	},
+	split: {
+		title: "Billable against the rest",
+		billable: "Billable",
+		non_billable: "Not billable",
+		nothing: "No time logged in this range."
+	},
+	tables: {
+		by_project: "By project",
+		by_member: "By member",
+		by_customer: "By customer",
+		project: "Project",
+		member: "Member",
+		customer: "Customer",
+		no_project: "No project",
+		no_customer: "Internal",
+		unknown_member: "Removed member",
+		currency: "Currency",
+		logged: "Logged",
+		billable: "Billable",
+		amount: "Amount",
+		unbilled: "Unbilled"
+	}
+} } } }, $o = { summary: `${Rt}/reports/summary` };
+async function es(e, t) {
+	let { data: n } = await e.get($o.summary, { params: t });
+	return ts(n?.data, t);
+}
+function ts(e, t) {
+	let n = is(e) ? e : {};
+	return {
+		from: ss(n.from, t.from ?? ""),
+		to: ss(n.to, t.to ?? ""),
+		totals: rs(n.totals).map(ns),
+		by_project: rs(n.by_project).map((e) => ({
+			...ns(e),
+			project_id: os(e.project_id),
+			label: ss(e.label, "")
+		})),
+		by_member: rs(n.by_member).map((e) => ({
+			...ns(e),
+			user_id: os(e.user_id),
+			label: ss(e.label, "")
+		})),
+		by_customer: rs(n.by_customer).map((e) => ({
+			...ns(e),
+			customer_id: os(e.customer_id)
+		})),
+		by_billable: rs(n.by_billable).map((e) => ({
+			...ns(e),
+			billable: e.billable === !0
+		}))
+	};
+}
+function ns(e) {
+	return {
+		currency_id: os(e.currency_id),
+		minutes: as(e.minutes),
+		amount: as(e.amount),
+		billable_minutes: as(e.billable_minutes),
+		billable_amount: as(e.billable_amount),
+		unbilled_amount: as(e.unbilled_amount)
+	};
+}
+function rs(e) {
+	return Array.isArray(e) ? e.filter(is) : [];
+}
+function is(e) {
+	return typeof e == "object" && !!e;
+}
+function as(e) {
+	return typeof e == "number" && Number.isFinite(e) ? e : 0;
+}
+function os(e) {
+	return typeof e == "number" && Number.isFinite(e) ? e : null;
+}
+function ss(e, t) {
+	return typeof e == "string" && e.trim() !== "" ? e : t;
+}
+//#endregion
+//#region resources/js/components/ReportBreakdownTable.vue?vue&type=script&setup=true&lang.ts
+var cs = { class: "mt-6" }, ls = { class: "text-sm font-semibold tracking-wider text-muted uppercase" }, us = { class: "relative table-container" }, ds = {
+	key: 0,
+	class: "text-subtle"
+}, fs = { key: 1 }, ps = /* @__PURE__ */ l({
+	__name: "ReportBreakdownTable",
+	props: {
+		title: {},
+		labelHeading: {},
+		rows: {},
+		showCurrency: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, i = B(), l = n(() => [
+			{
+				key: "label",
+				label: t.labelHeading,
+				thClass: "extra",
+				tdClass: "font-medium text-heading"
+			},
+			...t.showCurrency ? [{
+				key: "currency_id",
+				label: i("tasks_projects.reports.tables.currency")
+			}] : [],
+			{
+				key: "minutes",
+				label: i("tasks_projects.reports.tables.logged"),
+				dataType: "numeric"
+			},
+			{
+				key: "billable_minutes",
+				label: i("tasks_projects.reports.tables.billable"),
+				dataType: "numeric"
+			},
+			{
+				key: "amount",
+				label: i("tasks_projects.reports.tables.amount"),
+				dataType: "numeric"
+			},
+			{
+				key: "unbilled_amount",
+				label: i("tasks_projects.reports.tables.unbilled"),
+				dataType: "numeric"
+			}
+		]), u = n(() => t.showCurrency ? "currency" : "plain");
+		return (t, n) => {
+			let i = S("BaseFormatMoney"), d = S("BaseTable");
+			return v(), a("section", cs, [o("h3", ls, C(e.title), 1), o("div", us, [(v(), r(d, {
+				key: u.value,
+				data: e.rows,
+				columns: l.value,
+				class: "mt-2"
+			}, {
+				"cell-currency_id": D(({ row: e }) => [e.data.currency_id === null ? (v(), a("span", ds, "-")) : (v(), a("span", fs, "#" + C(e.data.currency_id), 1))]),
+				"cell-minutes": D(({ row: e }) => [s(C(w(Na)(e.data.minutes)), 1)]),
+				"cell-billable_minutes": D(({ row: e }) => [s(C(w(Na)(e.data.billable_minutes)), 1)]),
+				"cell-amount": D(({ row: e }) => [c(i, { amount: e.data.amount }, null, 8, ["amount"])]),
+				"cell-unbilled_amount": D(({ row: e }) => [c(i, { amount: e.data.unbilled_amount }, null, 8, ["amount"])]),
+				_: 1
+			}, 8, ["data", "columns"]))])]);
+		};
+	}
+}), ms = 3;
+function hs(e, t, n = /* @__PURE__ */ new Date()) {
+	let r = n.getFullYear(), i = n.getMonth();
+	switch (e) {
+		case "THIS_WEEK": {
+			let e = Ba(n, t);
+			return _s(e, Ha(e, 6));
+		}
+		case "LAST_MONTH": return _s(new Date(r, i - 1, 1), new Date(r, i, 0));
+		case "THIS_QUARTER": {
+			let e = Math.floor(i / ms) * ms;
+			return _s(new Date(r, e, 1), new Date(r, e + ms, 0));
+		}
+		case "THIS_YEAR": return _s(new Date(r, 0, 1), new Date(r, 12, 0));
+		default: return _s(new Date(r, i, 1), new Date(r, i + 1, 0));
+	}
+}
+function gs(e, t) {
+	return t <= 0 ? 0 : Math.min(100, Math.max(0, Math.round(e / t * 100)));
+}
+function _s(e, t) {
+	return {
+		from: Ua(e),
+		to: Ua(t)
+	};
+}
+//#endregion
+//#region resources/js/pages/ReportsPage.vue?vue&type=script&setup=true&lang.ts
+var vs = {
+	key: 0,
+	class: "mt-2 text-sm text-muted"
+}, ys = { class: "flex items-center justify-end space-x-5" }, bs = { class: "mt-4 flex flex-wrap gap-2" }, xs = ["onClick"], Ss = {
+	key: 0,
+	class: "flex justify-center py-16"
+}, Cs = {
+	key: 0,
+	class: "text-xs font-medium tracking-wider text-muted uppercase"
+}, ws = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Ts = { class: "mt-1 text-2xl font-semibold text-heading" }, Es = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Ds = { class: "mt-1 text-2xl font-semibold text-heading" }, Os = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, ks = { class: "mt-1 text-2xl font-semibold text-heading" }, As = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, js = { class: "mt-1 text-2xl font-semibold text-heading" }, Ms = { class: "mt-4 rounded-xl border border-line-default bg-surface p-5" }, Ns = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Ps = { class: "mt-3 flex h-2 w-full overflow-hidden rounded-full bg-surface-tertiary" }, Fs = { class: "mt-3 flex flex-wrap gap-6 text-sm" }, Is = { class: "inline-flex items-center text-body" }, Ls = { class: "ml-1 font-medium text-heading" }, Rs = { class: "ml-1 text-muted" }, zs = { class: "inline-flex items-center text-body" }, Bs = { class: "ml-1 font-medium text-heading" }, Vs = { class: "ml-1 text-muted" }, Hs = {
+	key: 1,
+	class: "mt-2 text-sm text-subtle"
+}, Us = "THIS_MONTH", Ws = /* @__PURE__ */ l({
+	__name: "ReportsPage",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(t) {
+		let l = t, u = B(), d = b(null), f = b([]), h = b(!0), _ = b(Us), y = b(""), T = b(""), E = n(() => [
+			{
+				id: "THIS_WEEK",
+				label: u("tasks_projects.reports.range.this_week")
+			},
+			{
+				id: "THIS_MONTH",
+				label: u("tasks_projects.reports.range.this_month")
+			},
+			{
+				id: "LAST_MONTH",
+				label: u("tasks_projects.reports.range.last_month")
+			},
+			{
+				id: "THIS_QUARTER",
+				label: u("tasks_projects.reports.range.this_quarter")
+			},
+			{
+				id: "THIS_YEAR",
+				label: u("tasks_projects.reports.range.this_year")
+			},
+			{
+				id: "CUSTOM",
+				label: u("tasks_projects.reports.range.custom")
+			}
+		]), O = n(() => d.value?.totals ?? []), k = n(() => new Set(O.value.map((e) => e.currency_id)).size > 1), A = n(() => O.value.length > 0), j = n(() => (d.value?.by_project ?? []).map((e) => ({
+			...e,
+			id: `${e.project_id ?? "none"}-${e.currency_id ?? "base"}`,
+			label: e.project_id === null ? u("tasks_projects.reports.tables.no_project") : e.label || `#${e.project_id}`
+		}))), M = n(() => (d.value?.by_member ?? []).map((e) => ({
+			...e,
+			id: `${e.user_id ?? "none"}-${e.currency_id ?? "base"}`,
+			label: ie(e)
+		}))), N = n(() => (d.value?.by_customer ?? []).map((e) => ({
+			...e,
+			id: `${e.customer_id ?? "none"}-${e.currency_id ?? "base"}`,
+			label: e.customer_id === null ? u("tasks_projects.reports.tables.no_customer") : $t(e.customer_id)
+		}))), P = n(() => ae(!0)), F = n(() => ae(!1)), I = n(() => P.value + F.value), L = n(() => gs(P.value, I.value));
+		g(() => {
+			R(Us), re();
+		});
+		function R(e) {
+			if (_.value = e, e !== "CUSTOM") {
+				let t = hs(e, G.settings.week_start);
+				y.value = t.from, T.value = t.to;
+			}
+			te();
+		}
+		function z(e) {
+			y.value = e ? dt(e) : "", _.value = "CUSTOM", te();
+		}
+		function ee(e) {
+			T.value = e ? dt(e) : "", _.value = "CUSTOM", te();
+		}
+		async function te() {
+			h.value = !0;
+			try {
+				let e = await es(l.client, ne());
+				d.value = e, e.by_customer.some((e) => e.customer_id !== null) && en(l.client);
+			} catch (e) {
+				d.value = null, l.notify("error", H(e, u("tasks_projects.reports.load_failed")));
+			} finally {
+				h.value = !1;
+			}
+		}
+		function ne() {
+			let e = {};
+			return y.value !== "" && (e.from = y.value), T.value !== "" && (e.to = T.value), e;
+		}
+		async function re() {
+			try {
+				f.value = await Jt(l.client);
+			} catch {}
+		}
+		function ie(e) {
+			let t = f.value.find((t) => t.id === e.user_id)?.name ?? "";
+			return t === "" ? e.label === "" ? e.user_id === null ? u("tasks_projects.reports.tables.unknown_member") : `#${e.user_id}` : e.label : t;
+		}
+		function ae(e) {
+			return (d.value?.by_billable ?? []).filter((t) => t.billable === e).reduce((e, t) => e + t.minutes, 0);
+		}
+		function oe(e) {
+			return e === null ? u("tasks_projects.reports.summary.base_currency") : u("tasks_projects.reports.summary.currency", { id: e });
+		}
+		function se(e) {
+			return _.value === e.id ? "border-primary-500 bg-primary-50 text-primary-500" : "border-line-default bg-surface text-muted hover:text-heading";
+		}
+		function ce() {
+			R(Us);
+		}
+		return (t, n) => {
+			let l = S("BaseBreadcrumbItem"), f = S("BaseBreadcrumb"), g = S("BaseIcon"), _ = S("BaseButton"), b = S("router-link"), B = S("BasePageHeader"), te = S("BaseDatePicker"), ne = S("BaseInputGroup"), re = S("BaseFilterWrapper"), ie = S("BaseSpinner"), ae = S("BaseEmptyPlaceholder"), le = S("BaseFormatMoney"), ue = S("BasePage");
+			return v(), r(ue, null, {
+				default: D(() => [
+					c(B, { title: w(u)("tasks_projects.reports.title") }, {
+						actions: D(() => [o("div", ys, [
+							c(b, { to: w(W).tasks }, {
+								default: D(() => [c(_, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "ClipboardDocumentListIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.tasks.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(b, { to: w(W).projects }, {
+								default: D(() => [c(_, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "FolderIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.projects.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(b, { to: w(W).billing }, {
+								default: D(() => [c(_, { variant: "primary-outline" }, {
+									left: D((e) => [c(g, {
+										name: "BanknotesIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(u)("tasks_projects.billing.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"])
+						])]),
+						default: D(() => [c(f, null, {
+							default: D(() => [
+								c(l, {
+									title: w(u)("tasks_projects.general.home"),
+									to: "/admin/dashboard"
+								}, null, 8, ["title"]),
+								c(l, {
+									title: w(u)("tasks_projects.tasks.title"),
+									to: w(W).tasks
+								}, null, 8, ["title", "to"]),
+								c(l, {
+									title: w(u)("tasks_projects.reports.title"),
+									to: "#",
+									active: ""
+								}, null, 8, ["title"])
+							]),
+							_: 1
+						}), d.value ? (v(), a("p", vs, C(w(ut)(d.value.from)) + " – " + C(w(ut)(d.value.to)), 1)) : i("", !0)]),
+						_: 1
+					}, 8, ["title"]),
+					o("div", bs, [(v(!0), a(e, null, x(E.value, (e) => (v(), a("button", {
+						key: e.id,
+						type: "button",
+						class: p(["rounded-md border px-3 py-1.5 text-sm font-medium", se(e)]),
+						onClick: (t) => R(e.id)
+					}, C(e.label), 11, xs))), 128))]),
+					c(re, {
+						show: !0,
+						"row-on-xl": "",
+						class: "mt-3",
+						onClear: ce
+					}, {
+						default: D(() => [c(ne, {
+							label: w(u)("tasks_projects.reports.range.from"),
+							class: "mt-2 flex-1"
+						}, {
+							default: D(() => [c(te, {
+								"model-value": y.value,
+								"onUpdate:modelValue": z
+							}, null, 8, ["model-value"])]),
+							_: 1
+						}, 8, ["label"]), c(ne, {
+							label: w(u)("tasks_projects.reports.range.to"),
+							class: "mt-2 flex-1"
+						}, {
+							default: D(() => [c(te, {
+								"model-value": T.value,
+								"onUpdate:modelValue": ee
+							}, null, 8, ["model-value"])]),
+							_: 1
+						}, 8, ["label"])]),
+						_: 1
+					}),
+					h.value && d.value === null ? (v(), a("div", Ss, [c(ie, { class: "h-8 w-8 text-primary-500" })])) : A.value ? (v(), a(e, { key: 2 }, [
+						(v(!0), a(e, null, x(O.value, (e) => (v(), a("div", {
+							key: e.currency_id ?? "base",
+							class: "mt-4 rounded-xl border border-line-default bg-surface p-5"
+						}, [k.value ? (v(), a("p", Cs, C(oe(e.currency_id)), 1)) : i("", !0), o("div", { class: p(["grid grid-cols-2 gap-4 sm:grid-cols-4", k.value ? "mt-3" : ""]) }, [
+							o("div", null, [o("p", ws, C(w(u)("tasks_projects.reports.summary.logged")), 1), o("p", Ts, C(w(Na)(e.minutes)), 1)]),
+							o("div", null, [o("p", Es, C(w(u)("tasks_projects.reports.summary.billable")), 1), o("p", Ds, C(w(Na)(e.billable_minutes)), 1)]),
+							o("div", null, [o("p", Os, C(w(u)("tasks_projects.reports.summary.amount")), 1), o("p", ks, [c(le, { amount: e.amount }, null, 8, ["amount"])])]),
+							o("div", null, [o("p", As, C(w(u)("tasks_projects.reports.summary.unbilled")), 1), o("p", js, [c(le, { amount: e.unbilled_amount }, null, 8, ["amount"])])])
+						], 2)]))), 128)),
+						o("section", Ms, [o("p", Ns, C(w(u)("tasks_projects.reports.split.title")), 1), I.value > 0 ? (v(), a(e, { key: 0 }, [o("div", Ps, [o("div", {
+							class: "h-2 bg-primary-500",
+							style: m({ width: `${L.value}%` })
+						}, null, 4)]), o("div", Fs, [o("span", Is, [
+							n[0] ||= o("span", { class: "mr-2 inline-block h-2.5 w-2.5 rounded-full bg-primary-500" }, null, -1),
+							s(" " + C(w(u)("tasks_projects.reports.split.billable")) + ": ", 1),
+							o("span", Ls, C(w(Na)(P.value)), 1),
+							o("span", Rs, "(" + C(L.value) + "%)", 1)
+						]), o("span", zs, [
+							n[1] ||= o("span", { class: "mr-2 inline-block h-2.5 w-2.5 rounded-full bg-surface-tertiary" }, null, -1),
+							s(" " + C(w(u)("tasks_projects.reports.split.non_billable")) + ": ", 1),
+							o("span", Bs, C(w(Na)(F.value)), 1),
+							o("span", Vs, "(" + C(100 - L.value) + "%)", 1)
+						])])], 64)) : (v(), a("p", Hs, C(w(u)("tasks_projects.reports.split.nothing")), 1))]),
+						c(ps, {
+							title: w(u)("tasks_projects.reports.tables.by_project"),
+							"label-heading": w(u)("tasks_projects.reports.tables.project"),
+							rows: j.value,
+							"show-currency": k.value
+						}, null, 8, [
+							"title",
+							"label-heading",
+							"rows",
+							"show-currency"
+						]),
+						c(ps, {
+							title: w(u)("tasks_projects.reports.tables.by_member"),
+							"label-heading": w(u)("tasks_projects.reports.tables.member"),
+							rows: M.value,
+							"show-currency": k.value
+						}, null, 8, [
+							"title",
+							"label-heading",
+							"rows",
+							"show-currency"
+						]),
+						c(ps, {
+							title: w(u)("tasks_projects.reports.tables.by_customer"),
+							"label-heading": w(u)("tasks_projects.reports.tables.customer"),
+							rows: N.value,
+							"show-currency": k.value
+						}, null, 8, [
+							"title",
+							"label-heading",
+							"rows",
+							"show-currency"
+						])
+					], 64)) : (v(), r(ae, {
+						key: 1,
+						title: w(u)("tasks_projects.reports.empty_title"),
+						description: w(u)("tasks_projects.reports.empty_description")
+					}, {
+						default: D(() => [c(g, {
+							name: "ChartBarIcon",
+							class: "mt-5 mb-4 h-16 w-16 text-subtle"
+						})]),
+						_: 1
+					}, 8, ["title", "description"]))
+				]),
+				_: 1
+			});
+		};
+	}
+}), Gs = "tasks-projects";
+function Ks(e) {
+	e.addMessages(Qo), e.registerPage({
+		id: "reports",
+		module: Gs,
+		path: "reports",
+		component: sn(e, Ws),
+		meta: {
+			ability: `${Gs}:view-own-time`,
+			title: "tasks_projects.reports.title"
+		}
+	}), e.on("company:changing", () => {
+		tn();
+	});
+}
+//#endregion
+//#region resources/js/messages/tasks.ts
+var qs = { en: { tasks_projects: {
+	board: {
+		title: "Board",
+		load_failed: "Unable to load the board.",
+		move_failed: "Unable to move the task.",
+		moved: "{name} moved to {status}.",
+		empty_column: "Nothing here yet",
+		hidden_invoiced: "Invoiced tasks are hidden on the board."
+	},
+	tasks: {
+		title: "Tasks",
+		all_tasks: "All tasks",
+		new_task: "New task",
+		edit_task: "Edit task",
+		all_fields: "All fields",
+		fewer_fields: "Fewer fields",
+		search_placeholder: "Search by name or number",
+		empty_title: "No tasks yet",
+		empty_description: "Add a task to put work on the board.",
+		unassigned: "Unassigned",
+		billable: "Billable",
+		overdue: "Overdue",
+		none: "None",
+		no_project: "No project",
+		internal: "Internal",
+		invoiced: "Invoiced",
+		uninvoiced: "Unbilled",
+		invoice_task: "Invoice task",
+		already_invoiced: "This task is already on an invoice.",
+		nothing_to_invoice: "No unbilled billable time on this task.",
+		locked: "This task is on an invoice and cannot be changed.",
+		views: {
+			list: "List",
+			board: "Board",
+			week: "Week"
+		},
+		filters: {
+			project: "Project",
+			all_projects: "All projects",
+			member: "Member",
+			all_members: "Everyone",
+			status: "Status",
+			all_statuses: "Any status",
+			invoicing: "Invoicing",
+			search: "Search"
+		},
+		columns: {
+			number: "No.",
+			name: "Name",
+			project: "Project",
+			status: "Status",
+			assignee: "Assignee",
+			priority: "Priority",
+			due_date: "Due date",
+			logged: "Logged",
+			unbilled: "Unbilled",
+			invoiced: "Invoicing",
+			timer: "Timer"
+		},
+		bulk: {
+			selected: "{count} selected",
+			select_page: "Select this page",
+			clear: "Clear",
+			change_status: "Move to",
+			delete: "Delete",
+			invoice: "Invoice",
+			delete_confirm: "Delete {count} task? Its time entries go with it. | Delete {count} tasks? Their time entries go with them.",
+			applied: "{count} task was updated. | {count} tasks were updated.",
+			deleted: "{count} task was deleted. | {count} tasks were deleted.",
+			partial: "{count} task was updated, {failed} refused: {ids}. | {count} tasks were updated, {failed} refused: {ids}.",
+			nothing: "No task was changed.",
+			failed: "Unable to apply the change."
+		},
+		detail: {
+			estimate: "Estimate",
+			logged: "Logged",
+			unbilled: "Unbilled",
+			no_estimate: "No estimate",
+			project: "Project",
+			customer: "Customer",
+			status: "Status",
+			assignee: "Assignee",
+			priority: "Priority",
+			due_date: "Due date",
+			description: "Description",
+			no_description: "No description yet.",
+			status_saved: "The status was changed to {name}.",
+			status_failed: "Unable to change the status.",
+			not_found: "That task could not be loaded."
+		},
+		time_log: {
+			title: "Time log",
+			add_item: "Add item",
+			add_disabled: "Stop the running timer to log an entry by hand.",
+			running: "Running",
+			empty: "No time logged against this task yet.",
+			load_failed: "Unable to load the time log.",
+			stamped: "Invoiced",
+			stamped_delete: "Invoiced time belongs to its invoice and cannot be deleted.",
+			columns: {
+				start_date: "Start date",
+				start_time: "Start",
+				end_date: "End date",
+				end_time: "End",
+				duration: "Duration",
+				description: "Description",
+				billable: "Billable",
+				member: "Member"
+			}
+		},
+		created: "{name} was created.",
+		updated: "{name} was updated.",
+		deleted: "{name} was deleted.",
+		delete_confirm: "Delete {name}? Its time entries go with it.",
+		name_required: "Enter a task name.",
+		load_failed: "Unable to load the tasks.",
+		save_failed: "Unable to save the task.",
+		delete_failed: "Unable to delete the task.",
+		projects_failed: "Unable to load the projects.",
+		members_failed: "Unable to load the members.",
+		fields: {
+			name: "Name",
+			description: "Description",
+			project: "Project",
+			project_placeholder: "No project",
+			project_help: "Leave empty for a task that stands on its own.",
+			customer: "Customer",
+			customer_help: "Taken from the project.",
+			status: "Status",
+			assignee: "Assignee",
+			assignee_placeholder: "Nobody yet",
+			priority: "Priority",
+			priority_placeholder: "No priority",
+			due_date: "Due date",
+			estimate_hours: "Estimate (hours)",
+			billable: "Billable",
+			rate: "Rate override",
+			rate_help: "Per hour. Leave empty to use the project or member rate."
+		},
+		priority: {
+			low: "Low",
+			normal: "Normal",
+			high: "High",
+			urgent: "Urgent"
+		}
+	},
+	task_statuses: {
+		load_failed: "Unable to load the task statuses.",
+		none: "No board columns yet."
+	}
+} } }, Js = { class: "mt-6 rounded-xl border border-line-default bg-surface" }, Ys = { class: "flex items-center justify-between border-b border-line-light px-5 py-3" }, Xs = { class: "text-sm font-semibold text-heading" }, Zs = ["title"], Qs = { class: "overflow-x-auto" }, $s = { class: "min-w-full text-sm" }, ec = { class: "bg-surface-secondary text-xs tracking-wide text-muted uppercase" }, tc = { class: "px-4 py-2 text-left font-medium" }, nc = { class: "px-4 py-2 text-left font-medium" }, rc = { class: "px-4 py-2 text-left font-medium" }, ic = { class: "px-4 py-2 text-left font-medium" }, ac = { class: "px-4 py-2 text-left font-medium" }, oc = { class: "px-4 py-2 text-left font-medium" }, sc = { class: "px-4 py-2 text-left font-medium" }, cc = { class: "px-4 py-2 text-left font-medium" }, lc = { class: "px-4 py-2 text-right font-medium" }, uc = ["onClick"], dc = { class: "px-4 py-2.5 whitespace-nowrap" }, fc = { class: "px-4 py-2.5 whitespace-nowrap tabular-nums" }, pc = { class: "px-4 py-2.5 whitespace-nowrap" }, mc = {
+	key: 0,
+	class: "text-primary-500"
+}, hc = { key: 1 }, gc = { class: "px-4 py-2.5 whitespace-nowrap tabular-nums" }, _c = { class: "px-4 py-2.5 whitespace-nowrap tabular-nums" }, vc = { class: "max-w-64 truncate px-4 py-2.5" }, yc = { class: "px-4 py-2.5" }, bc = {
+	key: 1,
+	class: "text-subtle"
+}, xc = { class: "px-4 py-2.5 whitespace-nowrap" }, Sc = ["title"], Cc = {
+	key: 3,
+	class: "text-xs text-primary-500"
+}, wc = { key: 0 }, Tc = {
+	colspan: "9",
+	class: "px-4 py-8 text-center text-sm text-subtle"
+}, Ec = /* @__PURE__ */ l({
+	__name: "TimeLogGrid",
+	props: {
+		client: {},
+		notify: {},
+		task: {},
+		members: { default: () => [] }
+	},
+	setup(t) {
+		let l = t, u = B(), d = ro(), f = b([]), m = b(!1), h = b(!1), g = b(null), _ = n(() => ({
+			id: l.task.id,
+			name: l.task.name,
+			number: l.task.number,
+			project_id: l.task.project_id,
+			billable: l.task.billable
+		})), y = n(() => q.isRunningOn(l.task.id)), T = n(() => ({
+			notify: l.notify,
+			t: u
+		}));
+		function O(e) {
+			return e.is_running && q.running?.id === e.id;
+		}
+		function k() {
+			q.stopWithPrompt(l.client, T.value, { taskId: l.task.id });
+		}
+		E(() => l.task.id, () => void j(), { immediate: !0 }), E(et, () => void j());
+		async function j() {
+			m.value = !0;
+			try {
+				f.value = await mr(l.client, l.task.id);
+			} catch (e) {
+				f.value = [], l.notify("error", H(e, u("tasks_projects.tasks.time_log.load_failed")));
+			} finally {
+				m.value = !1;
+			}
+		}
+		function M(e) {
+			return e.invoice_id !== null;
+		}
+		function N(e) {
+			return l.members.find((t) => t.id === e)?.name ?? `#${e}`;
+		}
+		function P(e) {
+			return e.is_running ? Ma(Ka(e.started_at, d.value)) : Na(e.duration_minutes);
+		}
+		function F() {
+			y.value || (g.value = null, h.value = !0);
+		}
+		function I(e) {
+			e.is_running || (g.value = e, h.value = !0);
+		}
+		function L() {
+			let e = g.value ? u("tasks_projects.time.updated") : u("tasks_projects.time.created");
+			h.value = !1, g.value = null, l.notify("success", e), V();
+		}
+		function R() {
+			h.value = !1, g.value = null, l.notify("success", u("tasks_projects.time.deleted")), V();
+		}
+		async function z(e) {
+			if (M(e)) {
+				l.notify("warning", u("tasks_projects.tasks.time_log.stamped_delete"));
+				return;
+			}
+			if (window.confirm(u("tasks_projects.time.delete_confirm"))) try {
+				await je(l.client, e.id), l.notify("success", u("tasks_projects.time.deleted")), V();
+			} catch (e) {
+				l.notify("error", H(e, u("tasks_projects.time.delete_failed")));
+			}
+		}
+		return (n, l) => {
+			let d = S("BaseSpinner"), b = S("BaseIcon"), T = S("BaseButton"), E = S("BaseDropdownItem"), j = S("BaseDropdown");
+			return v(), a("section", Js, [
+				o("header", Ys, [o("h2", Xs, [s(C(w(u)("tasks_projects.tasks.time_log.title")) + " ", 1), m.value ? (v(), r(d, {
+					key: 0,
+					class: "ml-2 inline-block h-4 w-4 text-primary-500"
+				})) : i("", !0)]), o("span", { title: y.value ? w(u)("tasks_projects.tasks.time_log.add_disabled") : void 0 }, [c(T, {
+					variant: "primary-outline",
+					size: "sm",
+					disabled: y.value,
+					onClick: F
+				}, {
+					left: D((e) => [c(b, {
+						name: "PlusIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(u)("tasks_projects.tasks.time_log.add_item")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 8, Zs)]),
+				o("div", Qs, [o("table", $s, [o("thead", ec, [o("tr", null, [
+					o("th", tc, C(w(u)("tasks_projects.tasks.time_log.columns.start_date")), 1),
+					o("th", nc, C(w(u)("tasks_projects.tasks.time_log.columns.start_time")), 1),
+					o("th", rc, C(w(u)("tasks_projects.tasks.time_log.columns.end_date")), 1),
+					o("th", ic, C(w(u)("tasks_projects.tasks.time_log.columns.end_time")), 1),
+					o("th", ac, C(w(u)("tasks_projects.tasks.time_log.columns.duration")), 1),
+					o("th", oc, C(w(u)("tasks_projects.tasks.time_log.columns.description")), 1),
+					o("th", sc, C(w(u)("tasks_projects.tasks.time_log.columns.billable")), 1),
+					o("th", cc, C(w(u)("tasks_projects.tasks.time_log.columns.member")), 1),
+					o("th", lc, C(w(u)("tasks_projects.general.actions")), 1)
+				])]), o("tbody", null, [(v(!0), a(e, null, x(f.value, (e) => (v(), a("tr", {
+					key: e.id,
+					class: p(["border-t border-line-light", e.is_running ? "bg-primary-50" : "cursor-pointer hover:bg-hover"]),
+					onClick: (t) => I(e)
+				}, [
+					o("td", dc, C(w(ut)(w(Ia)(e.started_at)) || "-"), 1),
+					o("td", fc, C(w(La)(e.started_at) || "-"), 1),
+					o("td", pc, [e.is_running ? (v(), a("span", mc, C(w(u)("tasks_projects.tasks.time_log.running")), 1)) : (v(), a("span", hc, C(w(ut)(w(Ia)(e.ended_at)) || "-"), 1))]),
+					o("td", gc, C(e.is_running ? "-" : w(La)(e.ended_at) || "-"), 1),
+					o("td", _c, [o("span", { class: p(e.is_running ? "font-medium text-primary-500" : "") }, C(P(e)), 3)]),
+					o("td", vc, C(e.description || "-"), 1),
+					o("td", yc, [e.billable ? (v(), r(b, {
+						key: 0,
+						name: "CheckCircleIcon",
+						class: "h-5 w-5 text-status-green"
+					})) : (v(), a("span", bc, "-"))]),
+					o("td", xc, C(N(e.user_id)), 1),
+					o("td", {
+						class: "px-4 py-2.5 text-right whitespace-nowrap",
+						onClick: l[0] ||= A(() => {}, ["stop"])
+					}, [M(e) ? (v(), a("span", {
+						key: 0,
+						class: "text-xs text-muted",
+						title: w(u)("tasks_projects.tasks.time_log.stamped_delete")
+					}, C(w(u)("tasks_projects.tasks.time_log.stamped")), 9, Sc)) : e.is_running ? O(e) ? (v(), r(T, {
+						key: 2,
+						variant: "white",
+						size: "sm",
+						disabled: w(q).busy,
+						onClick: k
+					}, {
+						left: D((e) => [c(b, {
+							name: "StopIcon",
+							class: p(e.class)
+						}, null, 8, ["class"])]),
+						default: D(() => [s(" " + C(w(u)("tasks_projects.timer.stop")), 1)]),
+						_: 1
+					}, 8, ["disabled"])) : (v(), a("span", Cc, C(w(u)("tasks_projects.tasks.time_log.running")), 1)) : (v(), r(j, { key: 1 }, {
+						activator: D(() => [c(b, {
+							name: "EllipsisHorizontalIcon",
+							class: "h-5 text-muted"
+						})]),
+						default: D(() => [c(E, { onClick: (t) => I(e) }, {
+							default: D(() => [c(b, {
+								name: "PencilIcon",
+								class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+							}), s(" " + C(w(u)("tasks_projects.general.edit")), 1)]),
+							_: 1
+						}, 8, ["onClick"]), c(E, { onClick: (t) => z(e) }, {
+							default: D(() => [c(b, {
+								name: "TrashIcon",
+								class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+							}), s(" " + C(w(u)("tasks_projects.general.delete")), 1)]),
+							_: 1
+						}, 8, ["onClick"])]),
+						_: 2
+					}, 1024))])
+				], 10, uc))), 128)), f.value.length === 0 && !m.value ? (v(), a("tr", wc, [o("td", Tc, C(w(u)("tasks_projects.tasks.time_log.empty")), 1)])) : i("", !0)])])]),
+				c(zo, {
+					show: h.value,
+					client: t.client,
+					notify: t.notify,
+					entry: g.value,
+					"default-task": _.value,
+					"lock-task": "",
+					onClose: l[1] ||= (e) => h.value = !1,
+					onSaved: L,
+					onDeleted: R
+				}, null, 8, [
+					"show",
+					"client",
+					"notify",
+					"entry",
+					"default-task"
+				])
+			]);
+		};
+	}
+}), Dc = {
+	key: 0,
+	class: "mt-2 flex flex-wrap items-center gap-3 text-sm text-muted"
+}, Oc = { class: "rounded-sm bg-surface-tertiary px-2 py-0.5 text-body" }, kc = {
+	key: 1,
+	class: "text-subtle"
+}, Ac = {
+	key: 0,
+	class: "flex flex-wrap items-center justify-end gap-3"
+}, jc = ["title"], Mc = {
+	key: 0,
+	class: "flex justify-center py-16"
+}, Nc = { class: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4" }, Pc = { class: "rounded-xl border border-line-default bg-surface p-5" }, Fc = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Ic = { class: "mt-2" }, Lc = { class: "mt-2 text-xs text-muted" }, Rc = { class: "text-body" }, zc = { class: "rounded-xl border border-line-default bg-surface p-5" }, Bc = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Vc = { class: "mt-2 text-2xl font-semibold text-heading" }, Hc = { class: "mt-1 text-xs text-muted" }, Uc = { class: "text-body" }, Wc = { class: "rounded-xl border border-line-default bg-surface p-5" }, Gc = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Kc = { class: "mt-2 text-2xl font-semibold text-heading" }, qc = { class: "mt-1 text-xs text-muted" }, Jc = { class: "rounded-xl border border-line-default bg-surface p-5" }, Yc = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, Xc = { class: "mt-2 text-lg font-semibold text-heading" }, Zc = { class: "mt-1 text-xs text-muted" }, Qc = { class: "mt-4 rounded-xl border border-line-default bg-surface p-5" }, $c = { class: "text-xs font-medium tracking-wider text-muted uppercase" }, el = {
+	key: 0,
+	class: "mt-2 text-sm whitespace-pre-line text-body"
+}, tl = {
+	key: 1,
+	class: "mt-2 text-sm text-subtle"
+}, nl = 100, rl = /* @__PURE__ */ l({
+	__name: "TaskPage",
+	props: {
+		id: {},
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(t) {
+		let l = t, u = {
+			LOW: "bg-surface-tertiary text-muted",
+			NORMAL: "bg-primary-50 text-primary-500",
+			HIGH: "bg-alert-warning-bg text-alert-warning-text",
+			URGENT: "bg-alert-error-bg text-alert-error-text"
+		}, d = B(), f = l.router, m = b(null), h = b([]), _ = b([]), y = b([]), x = b(!0), T = b(!1), O = b(!1), k = b(!1), A = n(() => Number(l.id)), j = n(() => nt(m.value)), N = n(() => m.value?.name ?? d("tasks_projects.tasks.title")), P = n(() => h.value.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), F = n(() => y.value.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), I = n(() => y.value.find((e) => e.id === m.value?.project_id)), L = n(() => {
+			let e = m.value?.assignee_id ?? null;
+			return e === null ? d("tasks_projects.tasks.unassigned") : _.value.find((t) => t.id === e)?.name ?? `#${e}`;
+		}), R = n({
+			get: () => P.value.find((e) => e.id === m.value?.task_status_id) ?? null,
+			set: (e) => {
+				e !== null && se(e);
+			}
+		}), z = n(() => M.busy), ee = n(() => j.value.invoiced === "uninvoiced"), te = n(() => j.value.invoiced === "invoiced" ? d("tasks_projects.tasks.already_invoiced") : d("tasks_projects.tasks.nothing_to_invoice")), ne = n(() => m.value?.priority ? d(`tasks_projects.tasks.priority.${m.value.priority.toLowerCase()}`) : null);
+		E(A, () => void re()), E(et, () => void re(!0)), g(() => {
+			re(), ie();
+		});
+		async function re(e = !1) {
+			if (!(!Number.isInteger(A.value) || A.value <= 0)) {
+				x.value = !e;
+				try {
+					let e = await dr(l.client, A.value);
+					m.value = e, Qe(e), e.customer_id !== null && en(l.client);
+				} catch (t) {
+					e || l.notify("error", H(t, d("tasks_projects.tasks.detail.not_found")));
+				} finally {
+					x.value = !1;
+				}
+			}
+		}
+		async function ie() {
+			try {
+				h.value = await or(l.client);
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.task_statuses.load_failed")));
+			}
+			try {
+				_.value = await Jt(l.client);
+			} catch {
+				_.value = [];
+			}
+			try {
+				let e = await Ht(l.client, {
+					limit: nl,
+					status: "ACTIVE",
+					sort_by: "name"
+				});
+				y.value = e.data ?? [];
+			} catch {
+				y.value = [];
+			}
+		}
+		function ae(e, t) {
+			return {
+				name: e.name,
+				task_status_id: e.task_status_id,
+				project_id: e.project_id,
+				customer_id: e.project_id === null ? e.customer_id : null,
+				description: e.description,
+				assignee_id: e.assignee_id,
+				priority: e.priority,
+				due_date: e.due_date,
+				estimated_minutes: e.estimated_minutes,
+				billable: e.billable,
+				rate: e.rate,
+				...t
+			};
+		}
+		function oe(e, t) {
+			return gt(e) === "task_locked" ? d("tasks_projects.tasks.locked") : H(e, d(t));
+		}
+		async function se(e) {
+			let t = m.value;
+			if (t === null || T.value || t.task_status_id === e.id) return;
+			let n = t.task_status_id;
+			t.task_status_id = e.id, T.value = !0;
+			try {
+				m.value = await lr(l.client, t.id, ae(t, { task_status_id: e.id })), l.notify("success", d("tasks_projects.tasks.detail.status_saved", { name: e.label })), V();
+			} catch (e) {
+				t.task_status_id = n, l.notify("error", oe(e, "tasks_projects.tasks.detail.status_failed"));
+			} finally {
+				T.value = !1;
+			}
+		}
+		async function ce() {
+			let e = m.value;
+			e !== null && ee.value && !z.value && await bt({
+				client: l.client,
+				router: f,
+				notify: l.notify,
+				t: d
+			}, { taskIds: [e.id] });
+		}
+		function le() {
+			f.push(W.tasks);
+		}
+		function ue(e) {
+			k.value = !1, m.value = e, Qe(e), l.notify("success", d("tasks_projects.tasks.updated", { name: e.name })), V();
+		}
+		async function de() {
+			let e = m.value;
+			if (!(e === null || O.value) && window.confirm(d("tasks_projects.tasks.delete_confirm", { name: e.name }))) {
+				O.value = !0;
+				try {
+					await ur(l.client, e.id), l.notify("success", d("tasks_projects.tasks.deleted", { name: e.name })), V(), le();
+				} catch (e) {
+					l.notify("error", oe(e, "tasks_projects.tasks.delete_failed"));
+				} finally {
+					O.value = !1;
+				}
+			}
+		}
+		return (n, l) => {
+			let f = S("BaseBreadcrumbItem"), g = S("BaseBreadcrumb"), y = S("router-link"), b = S("BaseIcon"), E = S("BaseButton"), A = S("BasePageHeader"), B = S("BaseSpinner"), re = S("BaseSelectInput"), ie = S("BaseFormatMoney"), ae = S("BasePage");
+			return v(), r(ae, null, {
+				default: D(() => [
+					c(A, { title: N.value }, {
+						actions: D(() => [m.value ? (v(), a("div", Ac, [
+							c(go, {
+								client: t.client,
+								notify: t.notify,
+								task: m.value,
+								members: _.value,
+								size: "md"
+							}, null, 8, [
+								"client",
+								"notify",
+								"task",
+								"members"
+							]),
+							w(M).allowed ? (v(), a("span", {
+								key: 0,
+								class: "inline-flex",
+								title: ee.value ? void 0 : te.value
+							}, [c(E, {
+								variant: "white",
+								loading: z.value,
+								disabled: !ee.value || z.value,
+								onClick: ce
+							}, {
+								left: D((e) => [z.value ? i("", !0) : (v(), r(b, {
+									key: 0,
+									name: "BanknotesIcon",
+									class: p(e.class)
+								}, null, 8, ["class"]))]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.tasks.invoice_task")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])], 8, jc)) : i("", !0),
+							c(E, {
+								variant: "primary-outline",
+								loading: O.value,
+								disabled: O.value,
+								onClick: de
+							}, {
+								default: D(() => [s(C(w(d)("tasks_projects.general.delete")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"]),
+							c(E, {
+								variant: "primary",
+								onClick: l[0] ||= (e) => k.value = !0
+							}, {
+								left: D((e) => [c(b, {
+									name: "PencilIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(d)("tasks_projects.general.edit")), 1)]),
+								_: 1
+							})
+						])) : i("", !0)]),
+						default: D(() => [c(g, null, {
+							default: D(() => [
+								c(f, {
+									title: w(d)("tasks_projects.general.home"),
+									to: "/admin/dashboard"
+								}, null, 8, ["title"]),
+								c(f, {
+									title: w(d)("tasks_projects.tasks.title"),
+									to: w(W).tasks
+								}, null, 8, ["title", "to"]),
+								c(f, {
+									title: m.value ? `#${m.value.number}` : N.value,
+									to: "#",
+									active: ""
+								}, null, 8, ["title"])
+							]),
+							_: 1
+						}), m.value ? (v(), a("div", Dc, [
+							o("span", Oc, "#" + C(m.value.number), 1),
+							m.value.project_id ? (v(), r(y, {
+								key: 0,
+								class: "hover:text-primary-500",
+								to: w(W).project(m.value.project_id)
+							}, {
+								default: D(() => [s(C(I.value?.name ?? `#${m.value.project_id}`), 1)]),
+								_: 1
+							}, 8, ["to"])) : (v(), a("span", kc, C(w(d)("tasks_projects.tasks.no_project")), 1)),
+							m.value.customer_id ? (v(), r(y, {
+								key: 2,
+								class: "hover:text-primary-500",
+								to: w(W).customer(m.value.customer_id)
+							}, {
+								default: D(() => [s(C(w($t)(m.value.customer_id)), 1)]),
+								_: 1
+							}, 8, ["to"])) : i("", !0),
+							ne.value && m.value.priority ? (v(), a("span", {
+								key: 3,
+								class: p(["rounded-full px-2 py-0.5 text-xs font-medium", u[m.value.priority]])
+							}, C(ne.value), 3)) : i("", !0),
+							c(da, { state: j.value.invoiced }, null, 8, ["state"])
+						])) : i("", !0)]),
+						_: 1
+					}, 8, ["title"]),
+					c(Lt, {
+						client: t.client,
+						notify: t.notify
+					}, null, 8, ["client", "notify"]),
+					x.value && m.value === null ? (v(), a("div", Mc, [c(B, { class: "h-8 w-8 text-primary-500" })])) : m.value ? (v(), a(e, { key: 1 }, [
+						o("div", Nc, [
+							o("div", Pc, [
+								o("p", Fc, C(w(d)("tasks_projects.tasks.detail.status")), 1),
+								o("div", Ic, [c(re, {
+									modelValue: R.value,
+									"onUpdate:modelValue": l[1] ||= (e) => R.value = e,
+									options: P.value,
+									disabled: T.value,
+									"label-key": "label"
+								}, null, 8, [
+									"modelValue",
+									"options",
+									"disabled"
+								])]),
+								o("p", Lc, [s(C(w(d)("tasks_projects.tasks.detail.assignee")) + ": ", 1), o("span", Rc, C(L.value), 1)])
+							]),
+							o("div", zc, [
+								o("p", Bc, C(w(d)("tasks_projects.tasks.detail.logged")), 1),
+								o("p", Vc, C(w(ft)(j.value.logged_minutes)), 1),
+								o("p", Hc, [s(C(w(d)("tasks_projects.tasks.detail.estimate")) + ": ", 1), o("span", Uc, C(m.value.estimated_minutes ? w(ft)(m.value.estimated_minutes) : w(d)("tasks_projects.tasks.detail.no_estimate")), 1)])
+							]),
+							o("div", Wc, [
+								o("p", Gc, C(w(d)("tasks_projects.tasks.detail.unbilled")), 1),
+								o("p", Kc, [c(ie, { amount: j.value.unbilled_amount }, null, 8, ["amount"])]),
+								o("p", qc, C(w(ft)(j.value.unbilled_minutes)), 1)
+							]),
+							o("div", Jc, [
+								o("p", Yc, C(w(d)("tasks_projects.tasks.detail.due_date")), 1),
+								o("p", Xc, C(m.value.due_date ? w(ut)(m.value.due_date) : "-"), 1),
+								o("p", Zc, C(m.value.billable ? w(d)("tasks_projects.tasks.billable") : w(d)("tasks_projects.time.non_billable")), 1)
+							])
+						]),
+						o("div", Qc, [o("p", $c, C(w(d)("tasks_projects.tasks.detail.description")), 1), m.value.description ? (v(), a("p", el, C(m.value.description), 1)) : (v(), a("p", tl, C(w(d)("tasks_projects.tasks.detail.no_description")), 1))]),
+						c(Ec, {
+							client: t.client,
+							notify: t.notify,
+							task: m.value,
+							members: _.value
+						}, null, 8, [
+							"client",
+							"notify",
+							"task",
+							"members"
+						])
+					], 64)) : i("", !0),
+					m.value ? (v(), r(ya, {
+						key: 2,
+						show: k.value,
+						client: t.client,
+						notify: t.notify,
+						task: m.value,
+						statuses: h.value,
+						members: _.value,
+						projects: F.value,
+						onClose: l[2] ||= (e) => k.value = !1,
+						onSaved: ue,
+						onDeleted: le
+					}, null, 8, [
+						"show",
+						"client",
+						"notify",
+						"task",
+						"statuses",
+						"members",
+						"projects"
+					])) : i("", !0)
+				]),
+				_: 1
+			});
+		};
+	}
+}), il = ["aria-label"], al = ["aria-current", "onClick"], ol = { class: "max-sm:hidden" }, sl = /* @__PURE__ */ l({
+	__name: "ViewSwitcher",
+	props: {
+		active: {},
+		query: {}
+	},
+	emits: ["select"],
+	setup(t, { emit: r }) {
+		let i = t, s = r, l = B(), u = n(() => [
+			{
+				id: "list",
+				name: on.list,
+				label: l("tasks_projects.tasks.views.list"),
+				icon: "ListBulletIcon"
+			},
+			{
+				id: "board",
+				name: on.board,
+				label: l("tasks_projects.tasks.views.board"),
+				icon: "ViewColumnsIcon"
+			},
+			{
+				id: "week",
+				name: on.week,
+				label: l("tasks_projects.tasks.views.week"),
+				icon: "CalendarDaysIcon"
+			}
+		]);
+		function d(e) {
+			return i.active === e.name || e.id === "list" && i.active === on.tasks;
+		}
+		function f(e) {
+			d(e) || s("select", {
+				name: e.name,
+				query: i.query
+			});
+		}
+		return (t, n) => {
+			let r = S("BaseIcon");
+			return v(), a("nav", {
+				class: "inline-flex overflow-hidden rounded-lg border border-line-default",
+				"aria-label": w(l)("tasks_projects.tasks.title")
+			}, [(v(!0), a(e, null, x(u.value, (e) => (v(), a("button", {
+				key: e.id,
+				type: "button",
+				class: p(["flex items-center gap-1.5 border-r border-line-default px-3 py-1.5 text-sm font-medium last:border-r-0", d(e) ? "bg-primary-50 text-primary-500" : "bg-surface text-muted hover:bg-hover hover:text-heading"]),
+				"aria-current": d(e) ? "page" : void 0,
+				onClick: (t) => f(e)
+			}, [c(r, {
+				name: e.icon,
+				class: "h-4 w-4"
+			}, null, 8, ["name"]), o("span", ol, C(e.label), 1)], 10, al))), 128))], 8, il);
+		};
+	}
+}), cl = { class: "flex flex-wrap items-center justify-end gap-3" }, ll = 100, ul = /* @__PURE__ */ l({
+	__name: "TasksPage",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(e) {
+		let t = e, i = B(), a = t.router, l = b([]), u = b([]), d = b([]), f = b(!1), m = n(() => t.router.currentRoute.value), h = n(() => Bi(m.value.query)), _ = n(() => Vi(h.value)), y = n(() => String(m.value.name ?? "")), x = n(() => d.value.map((e) => ({
+			id: e.id,
+			label: e.name
+		})));
+		E(y, (e) => T(e)), g(() => {
+			T(y.value), O();
+		});
+		function T(e) {
+			e === on.tasks && a.replace({
+				name: on.list,
+				query: _.value
+			});
+		}
+		async function O() {
+			try {
+				l.value = await or(t.client);
+			} catch (e) {
+				t.notify("error", H(e, i("tasks_projects.task_statuses.load_failed")));
+			}
+			try {
+				u.value = await Jt(t.client);
+			} catch (e) {
+				t.notify("error", H(e, i("tasks_projects.tasks.members_failed")));
+			}
+			try {
+				let e = await Ht(t.client, {
+					limit: ll,
+					status: "ACTIVE",
+					sort_by: "name"
+				});
+				d.value = e.data ?? [];
+			} catch (e) {
+				t.notify("error", H(e, i("tasks_projects.tasks.projects_failed")));
+			}
+		}
+		function k(e) {
+			Wi(e, h.value) || a.replace({
+				name: y.value === on.tasks ? on.list : y.value,
+				query: Vi(e)
+			});
+		}
+		function A(e) {
+			a.push(e);
+		}
+		function j(e) {
+			f.value = !1, t.notify("success", i("tasks_projects.tasks.created", { name: e.name })), V();
+		}
+		return (t, n) => {
+			let a = S("BaseBreadcrumbItem"), m = S("BaseBreadcrumb"), g = S("BaseIcon"), b = S("BaseButton"), T = S("router-link"), E = S("BasePageHeader"), O = S("router-view"), M = S("BasePage");
+			return v(), r(M, null, {
+				default: D(() => [
+					c(E, { title: w(i)("tasks_projects.tasks.title") }, {
+						actions: D(() => [o("div", cl, [
+							c(sl, {
+								active: y.value,
+								query: _.value,
+								onSelect: A
+							}, null, 8, ["active", "query"]),
+							c(T, { to: w(W).projects }, {
+								default: D(() => [c(b, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "FolderIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(i)("tasks_projects.projects.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(T, { to: w(W).reports }, {
+								default: D(() => [c(b, { variant: "white" }, {
+									left: D((e) => [c(g, {
+										name: "ChartBarIcon",
+										class: p(e.class)
+									}, null, 8, ["class"])]),
+									default: D(() => [s(" " + C(w(i)("tasks_projects.reports.title")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["to"]),
+							c(b, {
+								variant: "primary",
+								onClick: n[0] ||= (e) => f.value = !0
+							}, {
+								left: D((e) => [c(g, {
+									name: "PlusIcon",
+									class: p(e.class)
+								}, null, 8, ["class"])]),
+								default: D(() => [s(" " + C(w(i)("tasks_projects.tasks.new_task")), 1)]),
+								_: 1
+							})
+						])]),
+						default: D(() => [c(m, null, {
+							default: D(() => [c(a, {
+								title: w(i)("tasks_projects.general.home"),
+								to: "/admin/dashboard"
+							}, null, 8, ["title"]), c(a, {
+								title: w(i)("tasks_projects.tasks.title"),
+								to: "#",
+								active: ""
+							}, null, 8, ["title"])]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["title"]),
+					c(Lt, {
+						client: e.client,
+						notify: e.notify
+					}, null, 8, ["client", "notify"]),
+					c(oa, {
+						"model-value": h.value,
+						projects: d.value,
+						members: u.value,
+						statuses: l.value,
+						"onUpdate:modelValue": k
+					}, null, 8, [
+						"model-value",
+						"projects",
+						"members",
+						"statuses"
+					]),
+					c(O, {
+						filters: h.value,
+						statuses: l.value,
+						members: u.value,
+						projects: d.value
+					}, null, 8, [
+						"filters",
+						"statuses",
+						"members",
+						"projects"
+					]),
+					c(ya, {
+						show: f.value,
+						client: e.client,
+						notify: e.notify,
+						task: null,
+						statuses: l.value,
+						members: u.value,
+						projects: x.value,
+						defaults: { project_id: h.value.project === "" ? null : Number(h.value.project) },
+						compact: "",
+						onClose: n[1] ||= (e) => f.value = !1,
+						onSaved: j
+					}, null, 8, [
+						"show",
+						"client",
+						"notify",
+						"statuses",
+						"members",
+						"projects",
+						"defaults"
+					])
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js
+function dl(e, t, n) {
+	return (t = vl(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function fl() {
+	return fl = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, fl.apply(null, arguments);
+}
+function pl(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function ml(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? pl(Object(n), !0).forEach(function(t) {
+			dl(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : pl(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function hl(e, t) {
+	if (e == null) return {};
+	var n, r, i = gl(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function gl(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function _l(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function vl(e) {
+	var t = _l(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function yl(e) {
+	"@babel/helpers - typeof";
+	return yl = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, yl(e);
+}
+var bl = "1.15.7";
+function xl(e) {
+	if (typeof window < "u" && window.navigator) return !!/*@__PURE__*/ navigator.userAgent.match(e);
+}
+var Sl = xl(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), Cl = xl(/Edge/i), wl = xl(/firefox/i), Tl = xl(/safari/i) && !xl(/chrome/i) && !xl(/android/i), El = xl(/iP(ad|od|hone)/i), Dl = xl(/chrome/i) && xl(/android/i), Ol = {
+	capture: !1,
+	passive: !1
+};
+function J(e, t, n) {
+	e.addEventListener(t, n, !Sl && Ol);
+}
+function Y(e, t, n) {
+	e.removeEventListener(t, n, !Sl && Ol);
+}
+function kl(e, t) {
+	if (t) {
+		if (t[0] === ">" && (t = t.substring(1)), e) try {
+			if (e.matches) return e.matches(t);
+			if (e.msMatchesSelector) return e.msMatchesSelector(t);
+			if (e.webkitMatchesSelector) return e.webkitMatchesSelector(t);
+		} catch {
+			return !1;
+		}
+		return !1;
+	}
+}
+function Al(e) {
+	return e.host && e !== document && e.host.nodeType && e.host !== e ? e.host : e.parentNode;
+}
+function jl(e, t, n, r) {
+	if (e) {
+		n ||= document;
+		do {
+			if (t != null && (t[0] === ">" ? e.parentNode === n && kl(e, t) : kl(e, t)) || r && e === n) return e;
+			if (e === n) break;
+		} while (e = Al(e));
+	}
+	return null;
+}
+var Ml = /\s+/g;
+function Nl(e, t, n) {
+	e && t && (e.classList ? e.classList[n ? "add" : "remove"](t) : e.className = ((" " + e.className + " ").replace(Ml, " ").replace(" " + t + " ", " ") + (n ? " " + t : "")).replace(Ml, " "));
+}
+function X(e, t, n) {
+	var r = e && e.style;
+	if (r) {
+		if (n === void 0) return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+		!(t in r) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), r[t] = n + (typeof n == "string" ? "" : "px");
+	}
+}
+function Pl(e, t) {
+	var n = "";
+	if (typeof e == "string") n = e;
+	else do {
+		var r = X(e, "transform");
+		r && r !== "none" && (n = r + " " + n);
+	} while (!t && (e = e.parentNode));
+	var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+	return i && new i(n);
+}
+function Fl(e, t, n) {
+	if (e) {
+		var r = e.getElementsByTagName(t), i = 0, a = r.length;
+		if (n) for (; i < a; i++) n(r[i], i);
+		return r;
+	}
+	return [];
+}
+function Il() {
+	return document.scrollingElement || document.documentElement;
+}
+function Ll(e, t, n, r, i) {
+	if (e.getBoundingClientRect || e === window) {
+		var a, o, s, c, l, u, d;
+		if (e !== window && e.parentNode && e !== Il() ? (a = e.getBoundingClientRect(), o = a.top, s = a.left, c = a.bottom, l = a.right, u = a.height, d = a.width) : (o = 0, s = 0, c = window.innerHeight, l = window.innerWidth, u = window.innerHeight, d = window.innerWidth), (t || n) && e !== window && (i ||= e.parentNode, !Sl)) do
+			if (i && i.getBoundingClientRect && (X(i, "transform") !== "none" || n && X(i, "position") !== "static")) {
+				var f = i.getBoundingClientRect();
+				o -= f.top + parseInt(X(i, "border-top-width")), s -= f.left + parseInt(X(i, "border-left-width")), c = o + a.height, l = s + a.width;
+				break;
+			}
+		while (i = i.parentNode);
+		if (r && e !== window) {
+			var p = Pl(i || e), m = p && p.a, h = p && p.d;
+			p && (o /= h, s /= m, d /= m, u /= h, c = o + u, l = s + d);
+		}
+		return {
+			top: o,
+			left: s,
+			bottom: c,
+			right: l,
+			width: d,
+			height: u
+		};
+	}
+}
+function Rl(e, t, n) {
+	for (var r = Wl(e, !0), i = Ll(e)[t]; r;) {
+		var a = Ll(r)[n], o = void 0;
+		if (o = n === "top" || n === "left" ? i >= a : i <= a, !o) return r;
+		if (r === Il()) break;
+		r = Wl(r, !1);
+	}
+	return !1;
+}
+function zl(e, t, n, r) {
+	for (var i = 0, a = 0, o = e.children; a < o.length;) {
+		if (o[a].style.display !== "none" && o[a] !== $.ghost && (r || o[a] !== $.dragged) && jl(o[a], n.draggable, e, !1)) {
+			if (i === t) return o[a];
+			i++;
+		}
+		a++;
+	}
+	return null;
+}
+function Bl(e, t) {
+	for (var n = e.lastElementChild; n && (n === $.ghost || X(n, "display") === "none" || t && !kl(n, t));) n = n.previousElementSibling;
+	return n || null;
+}
+function Vl(e, t) {
+	var n = 0;
+	if (!e || !e.parentNode) return -1;
+	for (; e = e.previousElementSibling;) e.nodeName.toUpperCase() !== "TEMPLATE" && e !== $.clone && (!t || kl(e, t)) && n++;
+	return n;
+}
+function Hl(e) {
+	var t = 0, n = 0, r = Il();
+	if (e) do {
+		var i = Pl(e), a = i.a, o = i.d;
+		t += e.scrollLeft * a, n += e.scrollTop * o;
+	} while (e !== r && (e = e.parentNode));
+	return [t, n];
+}
+function Ul(e, t) {
+	for (var n in e) if (e.hasOwnProperty(n)) {
+		for (var r in t) if (t.hasOwnProperty(r) && t[r] === e[n][r]) return Number(n);
+	}
+	return -1;
+}
+function Wl(e, t) {
+	if (!e || !e.getBoundingClientRect) return Il();
+	var n = e, r = !1;
+	do
+		if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+			var i = X(n);
+			if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+				if (!n.getBoundingClientRect || n === document.body) return Il();
+				if (r || t) return n;
+				r = !0;
+			}
+		}
+	while (n = n.parentNode);
+	return Il();
+}
+function Gl(e, t) {
+	if (e && t) for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]);
+	return e;
+}
+function Kl(e, t) {
+	return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var ql;
+function Jl(e, t) {
+	return function() {
+		if (!ql) {
+			var n = arguments, r = this;
+			n.length === 1 ? e.call(r, n[0]) : e.apply(r, n), ql = setTimeout(function() {
+				ql = void 0;
+			}, t);
+		}
+	};
+}
+function Yl() {
+	clearTimeout(ql), ql = void 0;
+}
+function Xl(e, t, n) {
+	e.scrollLeft += t, e.scrollTop += n;
+}
+function Zl(e) {
+	var t = window.Polymer, n = window.jQuery || window.Zepto;
+	return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+function Ql(e, t, n) {
+	var r = {};
+	return Array.from(e.children).forEach(function(i) {
+		if (jl(i, t.draggable, e, !1) && !i.animated && i !== n) {
+			var a = Ll(i);
+			r.left = Math.min(r.left ?? Infinity, a.left), r.top = Math.min(r.top ?? Infinity, a.top), r.right = Math.max(r.right ?? -Infinity, a.right), r.bottom = Math.max(r.bottom ?? -Infinity, a.bottom);
+		}
+	}), r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r;
+}
+var $l = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function eu() {
+	var e = [], t;
+	return {
+		captureAnimationState: function() {
+			e = [], this.options.animation && [].slice.call(this.el.children).forEach(function(t) {
+				if (X(t, "display") !== "none" && t !== $.ghost) {
+					e.push({
+						target: t,
+						rect: Ll(t)
+					});
+					var n = ml({}, e[e.length - 1].rect);
+					if (t.thisAnimationDuration) {
+						var r = Pl(t, !0);
+						r && (n.top -= r.f, n.left -= r.e);
+					}
+					t.fromRect = n;
+				}
+			});
+		},
+		addAnimationState: function(t) {
+			e.push(t);
+		},
+		removeAnimationState: function(t) {
+			e.splice(Ul(e, { target: t }), 1);
+		},
+		animateAll: function(n) {
+			var r = this;
+			if (!this.options.animation) {
+				clearTimeout(t), typeof n == "function" && n();
+				return;
+			}
+			var i = !1, a = 0;
+			e.forEach(function(e) {
+				var t = 0, n = e.target, o = n.fromRect, s = Ll(n), c = n.prevFromRect, l = n.prevToRect, u = e.rect, d = Pl(n, !0);
+				d && (s.top -= d.f, s.left -= d.e), n.toRect = s, n.thisAnimationDuration && Kl(c, s) && !Kl(o, s) && (u.top - s.top) / (u.left - s.left) === (o.top - s.top) / (o.left - s.left) && (t = nu(u, c, l, r.options)), Kl(s, o) || (n.prevFromRect = o, n.prevToRect = s, t ||= r.options.animation, r.animate(n, u, s, t)), t && (i = !0, a = Math.max(a, t), clearTimeout(n.animationResetTimer), n.animationResetTimer = setTimeout(function() {
+					n.animationTime = 0, n.prevFromRect = null, n.fromRect = null, n.prevToRect = null, n.thisAnimationDuration = null;
+				}, t), n.thisAnimationDuration = t);
+			}), clearTimeout(t), i ? t = setTimeout(function() {
+				typeof n == "function" && n();
+			}, a) : typeof n == "function" && n(), e = [];
+		},
+		animate: function(e, t, n, r) {
+			if (r) {
+				X(e, "transition", ""), X(e, "transform", "");
+				var i = Pl(this.el), a = i && i.a, o = i && i.d, s = (t.left - n.left) / (a || 1), c = (t.top - n.top) / (o || 1);
+				e.animatingX = !!s, e.animatingY = !!c, X(e, "transform", "translate3d(" + s + "px," + c + "px,0)"), this.forRepaintDummy = tu(e), X(e, "transition", "transform " + r + "ms" + (this.options.easing ? " " + this.options.easing : "")), X(e, "transform", "translate3d(0,0,0)"), typeof e.animated == "number" && clearTimeout(e.animated), e.animated = setTimeout(function() {
+					X(e, "transition", ""), X(e, "transform", ""), e.animated = !1, e.animatingX = !1, e.animatingY = !1;
+				}, r);
+			}
+		}
+	};
+}
+function tu(e) {
+	return e.offsetWidth;
+}
+function nu(e, t, n, r) {
+	return Math.sqrt((t.top - e.top) ** 2 + (t.left - e.left) ** 2) / Math.sqrt((t.top - n.top) ** 2 + (t.left - n.left) ** 2) * r.animation;
+}
+var ru = [], iu = { initializeByDefault: !0 }, au = {
+	mount: function(e) {
+		for (var t in iu) iu.hasOwnProperty(t) && !(t in e) && (e[t] = iu[t]);
+		ru.forEach(function(t) {
+			if (t.pluginName === e.pluginName) throw `Sortable: Cannot mount plugin ${e.pluginName} more than once`;
+		}), ru.push(e);
+	},
+	pluginEvent: function(e, t, n) {
+		var r = this;
+		this.eventCanceled = !1, n.cancel = function() {
+			r.eventCanceled = !0;
+		};
+		var i = e + "Global";
+		ru.forEach(function(r) {
+			t[r.pluginName] && (t[r.pluginName][i] && t[r.pluginName][i](ml({ sortable: t }, n)), t.options[r.pluginName] && t[r.pluginName][e] && t[r.pluginName][e](ml({ sortable: t }, n)));
+		});
+	},
+	initializePlugins: function(e, t, n, r) {
+		for (var i in ru.forEach(function(r) {
+			var i = r.pluginName;
+			if (e.options[i] || r.initializeByDefault) {
+				var a = new r(e, t, e.options);
+				a.sortable = e, a.options = e.options, e[i] = a, fl(n, a.defaults);
+			}
+		}), e.options) if (e.options.hasOwnProperty(i)) {
+			var a = this.modifyOption(e, i, e.options[i]);
+			a !== void 0 && (e.options[i] = a);
+		}
+	},
+	getEventProperties: function(e, t) {
+		var n = {};
+		return ru.forEach(function(r) {
+			typeof r.eventProperties == "function" && fl(n, r.eventProperties.call(t[r.pluginName], e));
+		}), n;
+	},
+	modifyOption: function(e, t, n) {
+		var r;
+		return ru.forEach(function(i) {
+			e[i.pluginName] && i.optionListeners && typeof i.optionListeners[t] == "function" && (r = i.optionListeners[t].call(e[i.pluginName], n));
+		}), r;
+	}
+};
+function ou(e) {
+	var t = e.sortable, n = e.rootEl, r = e.name, i = e.targetEl, a = e.cloneEl, o = e.toEl, s = e.fromEl, c = e.oldIndex, l = e.newIndex, u = e.oldDraggableIndex, d = e.newDraggableIndex, f = e.originalEvent, p = e.putSortable, m = e.extraEventProperties;
+	if (t ||= n && n[$l], t) {
+		var h, g = t.options, _ = "on" + r.charAt(0).toUpperCase() + r.substr(1);
+		window.CustomEvent && !Sl && !Cl ? h = new CustomEvent(r, {
+			bubbles: !0,
+			cancelable: !0
+		}) : (h = document.createEvent("Event"), h.initEvent(r, !0, !0)), h.to = o || n, h.from = s || n, h.item = i || n, h.clone = a, h.oldIndex = c, h.newIndex = l, h.oldDraggableIndex = u, h.newDraggableIndex = d, h.originalEvent = f, h.pullMode = p ? p.lastPutMode : void 0;
+		var v = ml(ml({}, m), au.getEventProperties(r, t));
+		for (var y in v) h[y] = v[y];
+		n && n.dispatchEvent(h), g[_] && g[_].call(t, h);
+	}
+}
+var su = ["evt"], cu = function(e, t) {
+	var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = n.evt, i = hl(n, su);
+	au.pluginEvent.bind($)(e, t, ml({
+		dragEl: Z,
+		parentEl: uu,
+		ghostEl: Q,
+		rootEl: du,
+		nextEl: fu,
+		lastDownEl: pu,
+		cloneEl: mu,
+		cloneHidden: hu,
+		dragStarted: ju,
+		putSortable: xu,
+		activeSortable: $.active,
+		originalEvent: r,
+		oldIndex: gu,
+		oldDraggableIndex: vu,
+		newIndex: _u,
+		newDraggableIndex: yu,
+		hideGhostForTarget: Xu,
+		unhideGhostForTarget: Zu,
+		cloneNowHidden: function() {
+			hu = !0;
+		},
+		cloneNowShown: function() {
+			hu = !1;
+		},
+		dispatchSortableEvent: function(e) {
+			lu({
+				sortable: t,
+				name: e,
+				originalEvent: r
+			});
+		}
+	}, i));
+};
+function lu(e) {
+	ou(ml({
+		putSortable: xu,
+		cloneEl: mu,
+		targetEl: Z,
+		rootEl: du,
+		oldIndex: gu,
+		oldDraggableIndex: vu,
+		newIndex: _u,
+		newDraggableIndex: yu
+	}, e));
+}
+var Z, uu, Q, du, fu, pu, mu, hu, gu, _u, vu, yu, bu, xu, Su = !1, Cu = !1, wu = [], Tu, Eu, Du, Ou, ku, Au, ju, Mu, Nu, Pu = !1, Fu = !1, Iu, Lu, Ru = [], zu = !1, Bu = [], Vu = typeof document < "u", Hu = El, Uu = Cl || Sl ? "cssFloat" : "float", Wu = Vu && !Dl && !El && "draggable" in document.createElement("div"), Gu = function() {
+	if (Vu) {
+		if (Sl) return !1;
+		var e = document.createElement("x");
+		return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+	}
+}(), Ku = function(e, t) {
+	var n = X(e), r = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), i = zl(e, 0, t), a = zl(e, 1, t), o = i && X(i), s = a && X(a), c = o && parseInt(o.marginLeft) + parseInt(o.marginRight) + Ll(i).width, l = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + Ll(a).width;
+	if (n.display === "flex") return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+	if (n.display === "grid") return n.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+	if (i && o.float && o.float !== "none") {
+		var u = o.float === "left" ? "left" : "right";
+		return a && (s.clear === "both" || s.clear === u) ? "vertical" : "horizontal";
+	}
+	return i && (o.display === "block" || o.display === "flex" || o.display === "table" || o.display === "grid" || c >= r && n[Uu] === "none" || a && n[Uu] === "none" && c + l > r) ? "vertical" : "horizontal";
+}, qu = function(e, t, n) {
+	var r = n ? e.left : e.top, i = n ? e.right : e.bottom, a = n ? e.width : e.height, o = n ? t.left : t.top, s = n ? t.right : t.bottom, c = n ? t.width : t.height;
+	return r === o || i === s || r + a / 2 === o + c / 2;
+}, Ju = function(e, t) {
+	var n;
+	return wu.some(function(r) {
+		var i = r[$l].options.emptyInsertThreshold;
+		if (i && !Bl(r)) {
+			var a = Ll(r), o = e >= a.left - i && e <= a.right + i, s = t >= a.top - i && t <= a.bottom + i;
+			if (o && s) return n = r;
+		}
+	}), n;
+}, Yu = function(e) {
+	function t(e, n) {
+		return function(r, i, a, o) {
+			var s = r.options.group.name && i.options.group.name && r.options.group.name === i.options.group.name;
+			if (e == null && (n || s)) return !0;
+			if (e == null || e === !1) return !1;
+			if (n && e === "clone") return e;
+			if (typeof e == "function") return t(e(r, i, a, o), n)(r, i, a, o);
+			var c = (n ? r : i).options.group.name;
+			return e === !0 || typeof e == "string" && e === c || e.join && e.indexOf(c) > -1;
+		};
+	}
+	var n = {}, r = e.group;
+	(!r || yl(r) != "object") && (r = { name: r }), n.name = r.name, n.checkPull = t(r.pull, !0), n.checkPut = t(r.put), n.revertClone = r.revertClone, e.group = n;
+}, Xu = function() {
+	!Gu && Q && X(Q, "display", "none");
+}, Zu = function() {
+	!Gu && Q && X(Q, "display", "");
+};
+Vu && !Dl && document.addEventListener("click", function(e) {
+	if (Cu) return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), Cu = !1, !1;
+}, !0);
+var Qu = function(e) {
+	if (Z) {
+		e = e.touches ? e.touches[0] : e;
+		var t = Ju(e.clientX, e.clientY);
+		if (t) {
+			var n = {};
+			for (var r in e) e.hasOwnProperty(r) && (n[r] = e[r]);
+			n.target = n.rootEl = t, n.preventDefault = void 0, n.stopPropagation = void 0, t[$l]._onDragOver(n);
+		}
+	}
+}, $u = function(e) {
+	Z && Z.parentNode[$l]._isOutsideThisEl(e.target);
+};
+function $(e, t) {
+	if (!(e && e.nodeType && e.nodeType === 1)) throw `Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(e)}`;
+	this.el = e, this.options = t = fl({}, t), e[$l] = this;
+	var n = {
+		group: null,
+		sort: !0,
+		disabled: !1,
+		store: null,
+		handle: null,
+		draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+		swapThreshold: 1,
+		invertSwap: !1,
+		invertedSwapThreshold: null,
+		removeCloneOnHide: !0,
+		direction: function() {
+			return Ku(e, this.options);
+		},
+		ghostClass: "sortable-ghost",
+		chosenClass: "sortable-chosen",
+		dragClass: "sortable-drag",
+		ignore: "a, img",
+		filter: null,
+		preventOnFilter: !0,
+		animation: 0,
+		easing: null,
+		setData: function(e, t) {
+			e.setData("Text", t.textContent);
+		},
+		dropBubble: !1,
+		dragoverBubble: !1,
+		dataIdAttr: "data-id",
+		delay: 0,
+		delayOnTouchOnly: !1,
+		touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+		forceFallback: !1,
+		fallbackClass: "sortable-fallback",
+		fallbackOnBody: !1,
+		fallbackTolerance: 0,
+		fallbackOffset: {
+			x: 0,
+			y: 0
+		},
+		supportPointer: $.supportPointer !== !1 && "PointerEvent" in window && (!Tl || El),
+		emptyInsertThreshold: 5
+	};
+	for (var r in au.initializePlugins(this, e, n), n) !(r in t) && (t[r] = n[r]);
+	for (var i in Yu(t), this) i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+	this.nativeDraggable = !t.forceFallback && Wu, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? J(e, "pointerdown", this._onTapStart) : (J(e, "mousedown", this._onTapStart), J(e, "touchstart", this._onTapStart)), this.nativeDraggable && (J(e, "dragover", this), J(e, "dragenter", this)), wu.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), fl(this, eu());
+}
+$.prototype = {
+	constructor: $,
+	_isOutsideThisEl: function(e) {
+		!this.el.contains(e) && e !== this.el && (Mu = null);
+	},
+	_getDirection: function(e, t) {
+		return typeof this.options.direction == "function" ? this.options.direction.call(this, e, t, Z) : this.options.direction;
+	},
+	_onTapStart: function(e) {
+		if (e.cancelable) {
+			var t = this, n = this.el, r = this.options, i = r.preventOnFilter, a = e.type, o = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (o || e).target, c = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, l = r.filter;
+			if (ld(n), !Z && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !c.isContentEditable && !(!this.nativeDraggable && Tl && s && s.tagName.toUpperCase() === "SELECT") && (s = jl(s, r.draggable, n, !1), !(s && s.animated) && pu !== s)) {
+				if (gu = Vl(s), vu = Vl(s, r.draggable), typeof l == "function") {
+					if (l.call(this, e, s, this)) {
+						lu({
+							sortable: t,
+							rootEl: c,
+							name: "filter",
+							targetEl: s,
+							toEl: n,
+							fromEl: n
+						}), cu("filter", t, { evt: e }), i && e.preventDefault();
+						return;
+					}
+				} else if (l && (l = l.split(",").some(function(r) {
+					if (r = jl(c, r.trim(), n, !1), r) return lu({
+						sortable: t,
+						rootEl: r,
+						name: "filter",
+						targetEl: s,
+						fromEl: n,
+						toEl: n
+					}), cu("filter", t, { evt: e }), !0;
+				}), l)) {
+					i && e.preventDefault();
+					return;
+				}
+				(!r.handle || jl(c, r.handle, n, !1)) && this._prepareDragStart(e, o, s);
+			}
+		}
+	},
+	_prepareDragStart: function(e, t, n) {
+		var r = this, i = r.el, a = r.options, o = i.ownerDocument, s;
+		if (n && !Z && n.parentNode === i) {
+			var c = Ll(n);
+			if (du = i, Z = n, uu = Z.parentNode, fu = Z.nextSibling, pu = n, bu = a.group, $.dragged = Z, Tu = {
+				target: Z,
+				clientX: (t || e).clientX,
+				clientY: (t || e).clientY
+			}, ku = Tu.clientX - c.left, Au = Tu.clientY - c.top, this._lastX = (t || e).clientX, this._lastY = (t || e).clientY, Z.style["will-change"] = "all", s = function() {
+				if (cu("delayEnded", r, { evt: e }), $.eventCanceled) {
+					r._onDrop();
+					return;
+				}
+				r._disableDelayedDragEvents(), !wl && r.nativeDraggable && (Z.draggable = !0), r._triggerDragStart(e, t), lu({
+					sortable: r,
+					name: "choose",
+					originalEvent: e
+				}), Nl(Z, a.chosenClass, !0);
+			}, a.ignore.split(",").forEach(function(e) {
+				Fl(Z, e.trim(), nd);
+			}), J(o, "dragover", Qu), J(o, "mousemove", Qu), J(o, "touchmove", Qu), a.supportPointer ? (J(o, "pointerup", r._onDrop), !this.nativeDraggable && J(o, "pointercancel", r._onDrop)) : (J(o, "mouseup", r._onDrop), J(o, "touchend", r._onDrop), J(o, "touchcancel", r._onDrop)), wl && this.nativeDraggable && (this.options.touchStartThreshold = 4, Z.draggable = !0), cu("delayStart", this, { evt: e }), a.delay && (!a.delayOnTouchOnly || t) && (!this.nativeDraggable || !(Cl || Sl))) {
+				if ($.eventCanceled) {
+					this._onDrop();
+					return;
+				}
+				a.supportPointer ? (J(o, "pointerup", r._disableDelayedDrag), J(o, "pointercancel", r._disableDelayedDrag)) : (J(o, "mouseup", r._disableDelayedDrag), J(o, "touchend", r._disableDelayedDrag), J(o, "touchcancel", r._disableDelayedDrag)), J(o, "mousemove", r._delayedDragTouchMoveHandler), J(o, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && J(o, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
+			} else s();
+		}
+	},
+	_delayedDragTouchMoveHandler: function(e) {
+		var t = e.touches ? e.touches[0] : e;
+		Math.max(Math.abs(t.clientX - this._lastX), Math.abs(t.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+	},
+	_disableDelayedDrag: function() {
+		Z && nd(Z), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+	},
+	_disableDelayedDragEvents: function() {
+		var e = this.el.ownerDocument;
+		Y(e, "mouseup", this._disableDelayedDrag), Y(e, "touchend", this._disableDelayedDrag), Y(e, "touchcancel", this._disableDelayedDrag), Y(e, "pointerup", this._disableDelayedDrag), Y(e, "pointercancel", this._disableDelayedDrag), Y(e, "mousemove", this._delayedDragTouchMoveHandler), Y(e, "touchmove", this._delayedDragTouchMoveHandler), Y(e, "pointermove", this._delayedDragTouchMoveHandler);
+	},
+	_triggerDragStart: function(e, t) {
+		t ||= e.pointerType == "touch" && e, !this.nativeDraggable || t ? this.options.supportPointer ? J(document, "pointermove", this._onTouchMove) : t ? J(document, "touchmove", this._onTouchMove) : J(document, "mousemove", this._onTouchMove) : (J(Z, "dragend", this), J(du, "dragstart", this._onDragStart));
+		try {
+			document.selection ? ud(function() {
+				document.selection.empty();
+			}) : window.getSelection().removeAllRanges();
+		} catch {}
+	},
+	_dragStarted: function(e, t) {
+		if (Su = !1, du && Z) {
+			cu("dragStarted", this, { evt: t }), this.nativeDraggable && J(document, "dragover", $u);
+			var n = this.options;
+			!e && Nl(Z, n.dragClass, !1), Nl(Z, n.ghostClass, !0), $.active = this, e && this._appendGhost(), lu({
+				sortable: this,
+				name: "start",
+				originalEvent: t
+			});
+		} else this._nulling();
+	},
+	_emulateDragOver: function() {
+		if (Eu) {
+			this._lastX = Eu.clientX, this._lastY = Eu.clientY, Xu();
+			for (var e = document.elementFromPoint(Eu.clientX, Eu.clientY), t = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(Eu.clientX, Eu.clientY), e !== t);) t = e;
+			if (Z.parentNode[$l]._isOutsideThisEl(e), t) do {
+				if (t[$l]) {
+					var n = void 0;
+					if (n = t[$l]._onDragOver({
+						clientX: Eu.clientX,
+						clientY: Eu.clientY,
+						target: e,
+						rootEl: t
+					}), n && !this.options.dragoverBubble) break;
+				}
+				e = t;
+			} while (t = Al(t));
+			Zu();
+		}
+	},
+	_onTouchMove: function(e) {
+		if (Tu) {
+			var t = this.options, n = t.fallbackTolerance, r = t.fallbackOffset, i = e.touches ? e.touches[0] : e, a = Q && Pl(Q, !0), o = Q && a && a.a, s = Q && a && a.d, c = Hu && Lu && Hl(Lu), l = (i.clientX - Tu.clientX + r.x) / (o || 1) + (c ? c[0] - Ru[0] : 0) / (o || 1), u = (i.clientY - Tu.clientY + r.y) / (s || 1) + (c ? c[1] - Ru[1] : 0) / (s || 1);
+			if (!$.active && !Su) {
+				if (n && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < n) return;
+				this._onDragStart(e, !0);
+			}
+			if (Q) {
+				a ? (a.e += l - (Du || 0), a.f += u - (Ou || 0)) : a = {
+					a: 1,
+					b: 0,
+					c: 0,
+					d: 1,
+					e: l,
+					f: u
+				};
+				var d = `matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;
+				X(Q, "webkitTransform", d), X(Q, "mozTransform", d), X(Q, "msTransform", d), X(Q, "transform", d), Du = l, Ou = u, Eu = i;
+			}
+			e.cancelable && e.preventDefault();
+		}
+	},
+	_appendGhost: function() {
+		if (!Q) {
+			var e = this.options.fallbackOnBody ? document.body : du, t = Ll(Z, !0, Hu, !0, e), n = this.options;
+			if (Hu) {
+				for (Lu = e; X(Lu, "position") === "static" && X(Lu, "transform") === "none" && Lu !== document;) Lu = Lu.parentNode;
+				Lu !== document.body && Lu !== document.documentElement ? (Lu === document && (Lu = Il()), t.top += Lu.scrollTop, t.left += Lu.scrollLeft) : Lu = Il(), Ru = Hl(Lu);
+			}
+			Q = Z.cloneNode(!0), Nl(Q, n.ghostClass, !1), Nl(Q, n.fallbackClass, !0), Nl(Q, n.dragClass, !0), X(Q, "transition", ""), X(Q, "transform", ""), X(Q, "box-sizing", "border-box"), X(Q, "margin", 0), X(Q, "top", t.top), X(Q, "left", t.left), X(Q, "width", t.width), X(Q, "height", t.height), X(Q, "opacity", "0.8"), X(Q, "position", Hu ? "absolute" : "fixed"), X(Q, "zIndex", "100000"), X(Q, "pointerEvents", "none"), $.ghost = Q, e.appendChild(Q), X(Q, "transform-origin", ku / parseInt(Q.style.width) * 100 + "% " + Au / parseInt(Q.style.height) * 100 + "%");
+		}
+	},
+	_onDragStart: function(e, t) {
+		var n = this, r = e.dataTransfer, i = n.options;
+		if (cu("dragStart", this, { evt: e }), $.eventCanceled) {
+			this._onDrop();
+			return;
+		}
+		cu("setupClone", this), $.eventCanceled || (mu = Zl(Z), mu.removeAttribute("id"), mu.draggable = !1, mu.style["will-change"] = "", this._hideClone(), Nl(mu, this.options.chosenClass, !1), $.clone = mu), n.cloneId = ud(function() {
+			cu("clone", n), !$.eventCanceled && (n.options.removeCloneOnHide || du.insertBefore(mu, Z), n._hideClone(), lu({
+				sortable: n,
+				name: "clone"
+			}));
+		}), !t && Nl(Z, i.dragClass, !0), t ? (Cu = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (Y(document, "mouseup", n._onDrop), Y(document, "touchend", n._onDrop), Y(document, "touchcancel", n._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(n, r, Z)), J(document, "drop", n), X(Z, "transform", "translateZ(0)")), Su = !0, n._dragStartId = ud(n._dragStarted.bind(n, t, e)), J(document, "selectstart", n), ju = !0, window.getSelection().removeAllRanges(), Tl && X(document.body, "user-select", "none");
+	},
+	_onDragOver: function(e) {
+		var t = this.el, n = e.target, r, i, a, o = this.options, s = o.group, c = $.active, l = bu === s, u = o.sort, d = xu || c, f, p = this, m = !1;
+		if (zu) return;
+		function h(o, s) {
+			cu(o, p, ml({
+				evt: e,
+				isOwner: l,
+				axis: f ? "vertical" : "horizontal",
+				revert: a,
+				dragRect: r,
+				targetRect: i,
+				canSort: u,
+				fromSortable: d,
+				target: n,
+				completed: _,
+				onMove: function(n, i) {
+					return td(du, t, Z, r, n, Ll(n), e, i);
+				},
+				changed: v
+			}, s));
+		}
+		function g() {
+			h("dragOverAnimationCapture"), p.captureAnimationState(), p !== d && d.captureAnimationState();
+		}
+		function _(r) {
+			return h("dragOverCompleted", { insertion: r }), r && (l ? c._hideClone() : c._showClone(p), p !== d && (Nl(Z, xu ? xu.options.ghostClass : c.options.ghostClass, !1), Nl(Z, o.ghostClass, !0)), xu !== p && p !== $.active ? xu = p : p === $.active && xu && (xu = null), d === p && (p._ignoreWhileAnimating = n), p.animateAll(function() {
+				h("dragOverAnimationComplete"), p._ignoreWhileAnimating = null;
+			}), p !== d && (d.animateAll(), d._ignoreWhileAnimating = null)), (n === Z && !Z.animated || n === t && !n.animated) && (Mu = null), !o.dragoverBubble && !e.rootEl && n !== document && (Z.parentNode[$l]._isOutsideThisEl(e.target), !r && Qu(e)), !o.dragoverBubble && e.stopPropagation && e.stopPropagation(), m = !0;
+		}
+		function v() {
+			_u = Vl(Z), yu = Vl(Z, o.draggable), lu({
+				sortable: p,
+				name: "change",
+				toEl: t,
+				newIndex: _u,
+				newDraggableIndex: yu,
+				originalEvent: e
+			});
+		}
+		if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = jl(n, o.draggable, t, !0), h("dragOver"), $.eventCanceled) return m;
+		if (Z.contains(e.target) || n.animated && n.animatingX && n.animatingY || p._ignoreWhileAnimating === n) return _(!1);
+		if (Cu = !1, c && !o.disabled && (l ? u || (a = uu !== du) : xu === this || (this.lastPutMode = bu.checkPull(this, c, Z, e)) && s.checkPut(this, c, Z, e))) {
+			if (f = this._getDirection(e, n) === "vertical", r = Ll(Z), h("dragOverValid"), $.eventCanceled) return m;
+			if (a) return uu = du, g(), this._hideClone(), h("revert"), $.eventCanceled || (fu ? du.insertBefore(Z, fu) : du.appendChild(Z)), _(!0);
+			var y = Bl(t, o.draggable);
+			if (!y || ad(e, f, this) && !y.animated) {
+				if (y === Z) return _(!1);
+				if (y && t === e.target && (n = y), n && (i = Ll(n)), td(du, t, Z, r, n, i, e, !!n) !== !1) return g(), y && y.nextSibling ? t.insertBefore(Z, y.nextSibling) : t.appendChild(Z), uu = t, v(), _(!0);
+			} else if (y && id(e, f, this)) {
+				var b = zl(t, 0, o, !0);
+				if (b === Z) return _(!1);
+				if (n = b, i = Ll(n), td(du, t, Z, r, n, i, e, !1) !== !1) return g(), t.insertBefore(Z, b), uu = t, v(), _(!0);
+			} else if (n.parentNode === t) {
+				i = Ll(n);
+				var x = 0, S, C = Z.parentNode !== t, w = !qu(Z.animated && Z.toRect || r, n.animated && n.toRect || i, f), T = f ? "top" : "left", E = Rl(n, "top", "top") || Rl(Z, "top", "top"), D = E ? E.scrollTop : void 0;
+				Mu !== n && (S = i[T], Pu = !1, Fu = !w && o.invertSwap || C), x = od(e, n, i, f, w ? 1 : o.swapThreshold, o.invertedSwapThreshold == null ? o.swapThreshold : o.invertedSwapThreshold, Fu, Mu === n);
+				var O;
+				if (x !== 0) {
+					var k = Vl(Z);
+					do
+						k -= x, O = uu.children[k];
+					while (O && (X(O, "display") === "none" || O === Q));
+				}
+				if (x === 0 || O === n) return _(!1);
+				Mu = n, Nu = x;
+				var A = n.nextElementSibling, j = !1;
+				j = x === 1;
+				var M = td(du, t, Z, r, n, i, e, j);
+				if (M !== !1) return (M === 1 || M === -1) && (j = M === 1), zu = !0, setTimeout(rd, 30), g(), j && !A ? t.appendChild(Z) : n.parentNode.insertBefore(Z, j ? A : n), E && Xl(E, 0, D - E.scrollTop), uu = Z.parentNode, S !== void 0 && !Fu && (Iu = Math.abs(S - Ll(n)[T])), v(), _(!0);
+			}
+			if (t.contains(Z)) return _(!1);
+		}
+		return !1;
+	},
+	_ignoreWhileAnimating: null,
+	_offMoveEvents: function() {
+		Y(document, "mousemove", this._onTouchMove), Y(document, "touchmove", this._onTouchMove), Y(document, "pointermove", this._onTouchMove), Y(document, "dragover", Qu), Y(document, "mousemove", Qu), Y(document, "touchmove", Qu);
+	},
+	_offUpEvents: function() {
+		var e = this.el.ownerDocument;
+		Y(e, "mouseup", this._onDrop), Y(e, "touchend", this._onDrop), Y(e, "pointerup", this._onDrop), Y(e, "pointercancel", this._onDrop), Y(e, "touchcancel", this._onDrop), Y(document, "selectstart", this);
+	},
+	_onDrop: function(e) {
+		var t = this.el, n = this.options;
+		if (_u = Vl(Z), yu = Vl(Z, n.draggable), cu("drop", this, { evt: e }), uu = Z && Z.parentNode, _u = Vl(Z), yu = Vl(Z, n.draggable), $.eventCanceled) {
+			this._nulling();
+			return;
+		}
+		Su = !1, Fu = !1, Pu = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), dd(this.cloneId), dd(this._dragStartId), this.nativeDraggable && (Y(document, "drop", this), Y(t, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Tl && X(document.body, "user-select", ""), X(Z, "transform", ""), e && (ju && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), Q && Q.parentNode && Q.parentNode.removeChild(Q), (du === uu || xu && xu.lastPutMode !== "clone") && mu && mu.parentNode && mu.parentNode.removeChild(mu), Z && (this.nativeDraggable && Y(Z, "dragend", this), nd(Z), Z.style["will-change"] = "", ju && !Su && Nl(Z, xu ? xu.options.ghostClass : this.options.ghostClass, !1), Nl(Z, this.options.chosenClass, !1), lu({
+			sortable: this,
+			name: "unchoose",
+			toEl: uu,
+			newIndex: null,
+			newDraggableIndex: null,
+			originalEvent: e
+		}), du === uu ? _u !== gu && _u >= 0 && (lu({
+			sortable: this,
+			name: "update",
+			toEl: uu,
+			originalEvent: e
+		}), lu({
+			sortable: this,
+			name: "sort",
+			toEl: uu,
+			originalEvent: e
+		})) : (_u >= 0 && (lu({
+			rootEl: uu,
+			name: "add",
+			toEl: uu,
+			fromEl: du,
+			originalEvent: e
+		}), lu({
+			sortable: this,
+			name: "remove",
+			toEl: uu,
+			originalEvent: e
+		}), lu({
+			rootEl: uu,
+			name: "sort",
+			toEl: uu,
+			fromEl: du,
+			originalEvent: e
+		}), lu({
+			sortable: this,
+			name: "sort",
+			toEl: uu,
+			originalEvent: e
+		})), xu && xu.save()), $.active && ((_u == null || _u === -1) && (_u = gu, yu = vu), lu({
+			sortable: this,
+			name: "end",
+			toEl: uu,
+			originalEvent: e
+		}), this.save()))), this._nulling();
+	},
+	_nulling: function() {
+		cu("nulling", this), du = Z = uu = Q = fu = mu = pu = hu = Tu = Eu = ju = _u = yu = gu = vu = Mu = Nu = xu = bu = $.dragged = $.ghost = $.clone = $.active = null;
+		var e = this.el;
+		Bu.forEach(function(t) {
+			e.contains(t) && (t.checked = !0);
+		}), Bu.length = Du = Ou = 0;
+	},
+	handleEvent: function(e) {
+		switch (e.type) {
+			case "drop":
+			case "dragend":
+				this._onDrop(e);
+				break;
+			case "dragenter":
+			case "dragover":
+				Z && (this._onDragOver(e), ed(e));
+				break;
+			case "selectstart": e.preventDefault();
+		}
+	},
+	toArray: function() {
+		for (var e = [], t, n = this.el.children, r = 0, i = n.length, a = this.options; r < i; r++) t = n[r], jl(t, a.draggable, this.el, !1) && e.push(t.getAttribute(a.dataIdAttr) || cd(t));
+		return e;
+	},
+	sort: function(e, t) {
+		var n = {}, r = this.el;
+		this.toArray().forEach(function(e, t) {
+			var i = r.children[t];
+			jl(i, this.options.draggable, r, !1) && (n[e] = i);
+		}, this), t && this.captureAnimationState(), e.forEach(function(e) {
+			n[e] && (r.removeChild(n[e]), r.appendChild(n[e]));
+		}), t && this.animateAll();
+	},
+	save: function() {
+		var e = this.options.store;
+		e && e.set && e.set(this);
+	},
+	closest: function(e, t) {
+		return jl(e, t || this.options.draggable, this.el, !1);
+	},
+	option: function(e, t) {
+		var n = this.options;
+		if (t === void 0) return n[e];
+		var r = au.modifyOption(this, e, t);
+		n[e] = r === void 0 ? t : r, e === "group" && Yu(n);
+	},
+	destroy: function() {
+		cu("destroy", this);
+		var e = this.el;
+		e[$l] = null, Y(e, "mousedown", this._onTapStart), Y(e, "touchstart", this._onTapStart), Y(e, "pointerdown", this._onTapStart), this.nativeDraggable && (Y(e, "dragover", this), Y(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(e) {
+			e.removeAttribute("draggable");
+		}), this._onDrop(), this._disableDelayedDragEvents(), wu.splice(wu.indexOf(this.el), 1), this.el = e = null;
+	},
+	_hideClone: function() {
+		if (!hu) {
+			if (cu("hideClone", this), $.eventCanceled) return;
+			X(mu, "display", "none"), this.options.removeCloneOnHide && mu.parentNode && mu.parentNode.removeChild(mu), hu = !0;
+		}
+	},
+	_showClone: function(e) {
+		if (e.lastPutMode !== "clone") {
+			this._hideClone();
+			return;
+		}
+		if (hu) {
+			if (cu("showClone", this), $.eventCanceled) return;
+			Z.parentNode == du && !this.options.group.revertClone ? du.insertBefore(mu, Z) : fu ? du.insertBefore(mu, fu) : du.appendChild(mu), this.options.group.revertClone && this.animate(Z, mu), X(mu, "display", ""), hu = !1;
+		}
+	}
+};
+function ed(e) {
+	e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function td(e, t, n, r, i, a, o, s) {
+	var c, l = e[$l], u = l.options.onMove, d;
+	return window.CustomEvent && !Sl && !Cl ? c = new CustomEvent("move", {
+		bubbles: !0,
+		cancelable: !0
+	}) : (c = document.createEvent("Event"), c.initEvent("move", !0, !0)), c.to = t, c.from = e, c.dragged = n, c.draggedRect = r, c.related = i || t, c.relatedRect = a || Ll(t), c.willInsertAfter = s, c.originalEvent = o, e.dispatchEvent(c), u && (d = u.call(l, c, o)), d;
+}
+function nd(e) {
+	e.draggable = !1;
+}
+function rd() {
+	zu = !1;
+}
+function id(e, t, n) {
+	var r = Ll(zl(n.el, 0, n.options, !0)), i = Ql(n.el, n.options, Q), a = 10;
+	return t ? e.clientX < i.left - a || e.clientY < r.top && e.clientX < r.right : e.clientY < i.top - a || e.clientY < r.bottom && e.clientX < r.left;
+}
+function ad(e, t, n) {
+	var r = Ll(Bl(n.el, n.options.draggable)), i = Ql(n.el, n.options, Q), a = 10;
+	return t ? e.clientX > i.right + a || e.clientY > r.bottom && e.clientX > r.left : e.clientY > i.bottom + a || e.clientX > r.right && e.clientY > r.top;
+}
+function od(e, t, n, r, i, a, o, s) {
+	var c = r ? e.clientY : e.clientX, l = r ? n.height : n.width, u = r ? n.top : n.left, d = r ? n.bottom : n.right, f = !1;
+	if (!o) {
+		if (s && Iu < l * i) {
+			if (!Pu && (Nu === 1 ? c > u + l * a / 2 : c < d - l * a / 2) && (Pu = !0), Pu) f = !0;
+			else if (Nu === 1 ? c < u + Iu : c > d - Iu) return -Nu;
+		} else if (c > u + l * (1 - i) / 2 && c < d - l * (1 - i) / 2) return sd(t);
+	}
+	return f ||= o, f && (c < u + l * a / 2 || c > d - l * a / 2) ? c > u + l / 2 ? 1 : -1 : 0;
+}
+function sd(e) {
+	return Vl(Z) < Vl(e) ? 1 : -1;
+}
+function cd(e) {
+	for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, r = 0; n--;) r += t.charCodeAt(n);
+	return r.toString(36);
+}
+function ld(e) {
+	Bu.length = 0;
+	for (var t = e.getElementsByTagName("input"), n = t.length; n--;) {
+		var r = t[n];
+		r.checked && Bu.push(r);
+	}
+}
+function ud(e) {
+	return setTimeout(e, 0);
+}
+function dd(e) {
+	return clearTimeout(e);
+}
+Vu && J(document, "touchmove", function(e) {
+	($.active || Su) && e.cancelable && e.preventDefault();
+}), $.utils = {
+	on: J,
+	off: Y,
+	css: X,
+	find: Fl,
+	is: function(e, t) {
+		return !!jl(e, t, e, !1);
+	},
+	extend: Gl,
+	throttle: Jl,
+	closest: jl,
+	toggleClass: Nl,
+	clone: Zl,
+	index: Vl,
+	nextTick: ud,
+	cancelNextTick: dd,
+	detectDirection: Ku,
+	getChild: zl,
+	expando: $l
+}, $.get = function(e) {
+	return e[$l];
+}, $.mount = function() {
+	var e = [...arguments];
+	e[0].constructor === Array && (e = e[0]), e.forEach(function(e) {
+		if (!e.prototype || !e.prototype.constructor) throw `Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(e)}`;
+		e.utils && ($.utils = ml(ml({}, $.utils), e.utils)), au.mount(e);
+	});
+}, $.create = function(e, t) {
+	return new $(e, t);
+}, $.version = bl;
+var fd = [], pd, md, hd = !1, gd, _d, vd, yd;
+function bd() {
+	function e() {
+		for (var e in this.defaults = {
+			scroll: !0,
+			forceAutoScrollFallback: !1,
+			scrollSensitivity: 30,
+			scrollSpeed: 10,
+			bubbleScroll: !0
+		}, this) e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
+	}
+	return e.prototype = {
+		dragStarted: function(e) {
+			var t = e.originalEvent;
+			this.sortable.nativeDraggable ? J(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? J(document, "pointermove", this._handleFallbackAutoScroll) : t.touches ? J(document, "touchmove", this._handleFallbackAutoScroll) : J(document, "mousemove", this._handleFallbackAutoScroll);
+		},
+		dragOverCompleted: function(e) {
+			var t = e.originalEvent;
+			!this.options.dragOverBubble && !t.rootEl && this._handleAutoScroll(t);
+		},
+		drop: function() {
+			this.sortable.nativeDraggable ? Y(document, "dragover", this._handleAutoScroll) : (Y(document, "pointermove", this._handleFallbackAutoScroll), Y(document, "touchmove", this._handleFallbackAutoScroll), Y(document, "mousemove", this._handleFallbackAutoScroll)), Sd(), xd(), Yl();
+		},
+		nulling: function() {
+			vd = md = pd = hd = yd = gd = _d = null, fd.length = 0;
+		},
+		_handleFallbackAutoScroll: function(e) {
+			this._handleAutoScroll(e, !0);
+		},
+		_handleAutoScroll: function(e, t) {
+			var n = this, r = (e.touches ? e.touches[0] : e).clientX, i = (e.touches ? e.touches[0] : e).clientY, a = document.elementFromPoint(r, i);
+			if (vd = e, t || this.options.forceAutoScrollFallback || Cl || Sl || Tl) {
+				Cd(e, this.options, a, t);
+				var o = Wl(a, !0);
+				hd && (!yd || r !== gd || i !== _d) && (yd && Sd(), yd = setInterval(function() {
+					var a = Wl(document.elementFromPoint(r, i), !0);
+					a !== o && (o = a, xd()), Cd(e, n.options, a, t);
+				}, 10), gd = r, _d = i);
+			} else {
+				if (!this.options.bubbleScroll || Wl(a, !0) === Il()) {
+					xd();
+					return;
+				}
+				Cd(e, this.options, Wl(a, !1), !1);
+			}
+		}
+	}, fl(e, {
+		pluginName: "scroll",
+		initializeByDefault: !0
+	});
+}
+function xd() {
+	fd.forEach(function(e) {
+		clearInterval(e.pid);
+	}), fd = [];
+}
+function Sd() {
+	clearInterval(yd);
+}
+var Cd = Jl(function(e, t, n, r) {
+	if (t.scroll) {
+		var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, o = t.scrollSensitivity, s = t.scrollSpeed, c = Il(), l = !1, u;
+		md !== n && (md = n, xd(), pd = t.scroll, u = t.scrollFn, pd === !0 && (pd = Wl(n, !0)));
+		var d = 0, f = pd;
+		do {
+			var p = f, m = Ll(p), h = m.top, g = m.bottom, _ = m.left, v = m.right, y = m.width, b = m.height, x = void 0, S = void 0, C = p.scrollWidth, w = p.scrollHeight, T = X(p), E = p.scrollLeft, D = p.scrollTop;
+			p === c ? (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll" || T.overflowX === "visible"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll" || T.overflowY === "visible")) : (x = y < C && (T.overflowX === "auto" || T.overflowX === "scroll"), S = b < w && (T.overflowY === "auto" || T.overflowY === "scroll"));
+			var O = x && (Math.abs(v - i) <= o && E + y < C) - (Math.abs(_ - i) <= o && !!E), k = S && (Math.abs(g - a) <= o && D + b < w) - (Math.abs(h - a) <= o && !!D);
+			if (!fd[d]) for (var A = 0; A <= d; A++) fd[A] || (fd[A] = {});
+			(fd[d].vx != O || fd[d].vy != k || fd[d].el !== p) && (fd[d].el = p, fd[d].vx = O, fd[d].vy = k, clearInterval(fd[d].pid), (O != 0 || k != 0) && (l = !0, fd[d].pid = setInterval(function() {
+				r && this.layer === 0 && $.active._onTouchMove(vd);
+				var t = fd[this.layer].vy ? fd[this.layer].vy * s : 0, n = fd[this.layer].vx ? fd[this.layer].vx * s : 0;
+				(typeof u != "function" || u.call($.dragged.parentNode[$l], n, t, e, vd, fd[this.layer].el) === "continue") && Xl(fd[this.layer].el, n, t);
+			}.bind({ layer: d }), 24))), d++;
+		} while (t.bubbleScroll && f !== c && (f = Wl(f, !1)));
+		hd = l;
+	}
+}, 30), wd = function(e) {
+	var t = e.originalEvent, n = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, o = e.hideGhostForTarget, s = e.unhideGhostForTarget;
+	if (t) {
+		var c = n || i;
+		o();
+		var l = t.changedTouches && t.changedTouches.length ? t.changedTouches[0] : t, u = document.elementFromPoint(l.clientX, l.clientY);
+		s(), c && !c.el.contains(u) && (a("spill"), this.onSpill({
+			dragEl: r,
+			putSortable: n
+		}));
+	}
+};
+function Td() {}
+Td.prototype = {
+	startIndex: null,
+	dragStart: function(e) {
+		var t = e.oldDraggableIndex;
+		this.startIndex = t;
+	},
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable;
+		this.sortable.captureAnimationState(), n && n.captureAnimationState();
+		var r = zl(this.sortable.el, this.startIndex, this.options);
+		r ? this.sortable.el.insertBefore(t, r) : this.sortable.el.appendChild(t), this.sortable.animateAll(), n && n.animateAll();
+	},
+	drop: wd
+}, fl(Td, { pluginName: "revertOnSpill" });
+function Ed() {}
+Ed.prototype = {
+	onSpill: function(e) {
+		var t = e.dragEl, n = e.putSortable || this.sortable;
+		n.captureAnimationState(), t.parentNode && t.parentNode.removeChild(t), n.animateAll();
+	},
+	drop: wd
+}, fl(Ed, { pluginName: "removeOnSpill" }), $.mount(new bd()), $.mount(Ed, Td);
+//#endregion
+//#region resources/js/components/TaskCard.vue?vue&type=script&setup=true&lang.ts
+var Dd = { class: "flex items-start justify-between gap-2" }, Od = { class: "text-sm font-medium text-heading" }, kd = { class: "mt-2 flex flex-wrap items-center gap-2 text-xs text-muted" }, Ad = ["title"], jd = { class: "mt-3 flex items-center justify-between gap-2" }, Md = {
+	key: 0,
+	class: "text-xs tabular-nums text-muted"
+}, Nd = { class: "mt-2 flex items-center justify-between" }, Pd = {
+	key: 1,
+	class: "text-xs text-subtle"
+}, Fd = ["title"], Id = /* @__PURE__ */ l({
+	__name: "TaskCard",
+	props: {
+		client: {},
+		notify: {},
+		task: {},
+		projects: { default: () => [] },
+		members: { default: () => [] }
+	},
+	emits: ["open"],
+	setup(e, { emit: t }) {
+		let r = e, s = t, l = {
+			LOW: "bg-surface-tertiary text-muted",
+			NORMAL: "bg-primary-50 text-primary-500",
+			HIGH: "bg-alert-warning-bg text-alert-warning-text",
+			URGENT: "bg-alert-error-bg text-alert-error-text"
+		}, u = B(), d = n(() => nt(r.task)), f = n(() => r.projects.find((e) => e.id === r.task.project_id)), m = n(() => r.task.project_id === null ? null : f.value?.identifier || f.value?.name || null), h = n(() => [f.value?.name, $t(r.task.customer_id)].filter(Boolean).join(" · ")), g = n(() => r.members.find((e) => e.id === r.task.assignee_id)), _ = n(() => r.task.assignee_id === null ? null : g.value ? pt(g.value.name) : `#${r.task.assignee_id}`), y = n(() => g.value?.name ?? (r.task.assignee_id === null ? u("tasks_projects.tasks.unassigned") : `#${r.task.assignee_id}`)), b = n(() => Na(d.value.logged_minutes));
+		function x(e) {
+			return u(`tasks_projects.tasks.priority.${e.toLowerCase()}`);
+		}
+		return (t, n) => (v(), a("article", {
+			class: "cursor-pointer rounded-lg border border-line-default bg-surface p-3 shadow-sm hover:bg-hover",
+			onClick: n[1] ||= (t) => s("open", e.task)
+		}, [
+			o("div", Dd, [o("p", Od, C(e.task.name), 1), e.task.priority ? (v(), a("span", {
+				key: 0,
+				class: p(["shrink-0 rounded-full px-2 py-0.5 text-[11px] font-medium", l[e.task.priority]])
+			}, C(x(e.task.priority)), 3)) : i("", !0)]),
+			o("div", kd, [
+				o("span", null, "#" + C(e.task.number), 1),
+				m.value ? (v(), a("span", {
+					key: 0,
+					class: "rounded-sm bg-surface-tertiary px-1.5 py-0.5 text-[11px] text-body",
+					title: h.value
+				}, C(m.value), 9, Ad)) : i("", !0),
+				c(da, { state: d.value.invoiced }, null, 8, ["state"])
+			]),
+			o("div", jd, [c(go, {
+				client: e.client,
+				notify: e.notify,
+				task: e.task,
+				members: e.members,
+				onClick: n[0] ||= A(() => {}, ["stop"])
+			}, null, 8, [
+				"client",
+				"notify",
+				"task",
+				"members"
+			]), d.value.logged_minutes > 0 ? (v(), a("span", Md, C(b.value), 1)) : i("", !0)]),
+			o("div", Nd, [e.task.due_date ? (v(), a("span", {
+				key: 0,
+				class: p(["text-xs", w(mt)(e.task.due_date) && !e.task.closed_at ? "font-medium text-status-red" : "text-muted"])
+			}, C(w(ut)(e.task.due_date)), 3)) : (v(), a("span", Pd, "-")), _.value ? (v(), a("span", {
+				key: 2,
+				class: "flex h-6 w-6 items-center justify-center rounded-full bg-primary-50 text-[11px] font-semibold text-primary-500",
+				title: y.value
+			}, C(_.value), 9, Fd)) : i("", !0)])
+		]));
+	}
+}), Ld = { class: "mt-4" }, Rd = {
+	key: 0,
+	class: "mb-3 text-xs text-subtle"
+}, zd = {
+	key: 1,
+	class: "flex justify-center py-16"
+}, Bd = {
+	key: 3,
+	class: "flex items-start gap-4 overflow-x-auto pb-4"
+}, Vd = { class: "flex items-center justify-between border-b border-line-light px-3 py-2.5" }, Hd = { class: "flex items-center" }, Ud = { class: "text-sm font-semibold text-heading" }, Wd = { class: "ml-2 text-xs text-muted" }, Gd = [
+	"aria-label",
+	"title",
+	"onClick"
+], Kd = ["data-status-id"], qd = {
+	key: 0,
+	class: "px-3 pt-2 text-xs text-subtle"
+}, Jd = { class: "px-3 pt-2 pb-3" }, Yd = ["onClick"], Xd = /* @__PURE__ */ l({
+	__name: "TasksBoardView",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		filters: {},
+		statuses: {},
+		members: {},
+		projects: {}
+	},
+	setup(t, { expose: s }) {
+		let l = t, u = B(), d = b([]), f = b(!0), g = b(!1), _ = b(null), y = b({}), T = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), k = !1, A = n(() => l.projects.map((e) => ({
+			id: e.id,
+			label: e.name
+		}))), j = n(() => !f.value && d.value.length === 0), M = n(() => G.settings.hide_invoiced_on_board);
+		function N(e) {
+			return (e.tasks ?? []).filter((e) => {
+				let t = nt(e).invoiced;
+				return M.value && t === "invoiced" ? !1 : zi(l.filters.status) ? l.filters.status === "invoiced" ? t === "invoiced" : t !== "invoiced" : !0;
+			});
+		}
+		E(() => `${l.filters.project}|${l.filters.user}`, () => void P(), { immediate: !0 }), E(et, () => void P()), h(() => {
+			for (let e of T.values()) e.destroy();
+			T.clear(), O.clear();
+		});
+		async function P() {
+			let e = {}, t = Ki(l.filters.project), n = Ki(l.filters.user);
+			t !== null && (e.project_id = t), n !== null && (e.assignee_id = n), f.value = !0;
+			try {
+				d.value = await ar(l.client, e), d.value.some((e) => e.tasks.some((e) => e.customer_id !== null)) && en(l.client);
+			} catch (e) {
+				l.notify("error", H(e, u("tasks_projects.board.load_failed")));
+			} finally {
+				f.value = !1;
+			}
+		}
+		function F(e, t) {
+			let n = t instanceof HTMLElement ? t : null;
+			O.get(e) !== n && (T.get(e)?.destroy(), T.delete(e), O.delete(e), n !== null && (O.set(e, n), T.set(e, $.create(n, {
+				group: "tasks",
+				animation: 150,
+				draggable: "[data-task-id]",
+				ghostClass: "opacity-40",
+				onStart: () => {
+					k = !0;
+				},
+				onEnd: (e) => {
+					R(e), setTimeout(() => {
+						k = !1;
+					});
+				}
+			}))));
+		}
+		function I(e) {
+			let t = e.item, n = e.oldIndex ?? 0;
+			t.parentNode?.removeChild(t), e.from.insertBefore(t, e.from.children[n] ?? null);
+		}
+		function L(e) {
+			return d.value.find((t) => t.status.id === e);
+		}
+		async function R(e) {
+			let t = Number(e.from.dataset.statusId), n = Number(e.to.dataset.statusId), r = e.oldIndex ?? 0, i = e.newIndex ?? 0;
+			if (I(e), Number.isNaN(t) || Number.isNaN(n) || t === n && r === i) return;
+			let a = L(t), o = L(n);
+			if (!a || !o) return;
+			let s = N(a)[r], c = s ? a.tasks.findIndex((e) => e.id === s.id) : -1;
+			if (!s || c === -1) return;
+			let d = {
+				from: [...a.tasks],
+				to: [...o.tasks]
+			};
+			a.tasks.splice(c, 1);
+			let f = N(o), p = f[i - 1] ?? null, m = f[i] ?? null, h = p === null ? 0 : o.tasks.findIndex((e) => e.id === p.id) + 1;
+			o.tasks.splice(h, 0, s);
+			try {
+				let e = await gr(l.client, s.id, {
+					task_status_id: n,
+					before_id: p?.id ?? null,
+					after_id: m?.id ?? null
+				});
+				Object.assign(s, e), t !== n && l.notify("success", u("tasks_projects.board.moved", {
+					name: s.name,
+					status: o.status.name
+				}));
+			} catch (e) {
+				a.tasks = d.from, o.tasks = d.to, l.notify("error", H(e, u("tasks_projects.board.move_failed")));
+			}
+		}
+		function z(e) {
+			let t = e ?? l.statuses.find((e) => e.is_default) ?? l.statuses[0];
+			_.value = null, y.value = {
+				task_status_id: t?.id ?? null,
+				project_id: Ki(l.filters.project)
+			}, g.value = !0;
+		}
+		function ee(e) {
+			k || (_.value = e, y.value = {}, g.value = !0);
+		}
+		function te(e) {
+			let t = _.value ? u("tasks_projects.tasks.updated", { name: e.name }) : u("tasks_projects.tasks.created", { name: e.name });
+			g.value = !1, _.value = null, l.notify("success", t), V();
+		}
+		function ne(e) {
+			g.value = !1, _.value = null, l.notify("success", u("tasks_projects.tasks.deleted", { name: e.name })), V();
+		}
+		return s({ openCreate: () => z(null) }), (n, s) => {
+			let l = S("BaseSpinner"), h = S("BaseIcon"), b = S("BaseEmptyPlaceholder");
+			return v(), a("section", Ld, [
+				M.value ? (v(), a("p", Rd, C(w(u)("tasks_projects.board.hidden_invoiced")), 1)) : i("", !0),
+				f.value && d.value.length === 0 ? (v(), a("div", zd, [c(l, { class: "h-8 w-8 text-primary-500" })])) : j.value ? (v(), r(b, {
+					key: 2,
+					title: w(u)("tasks_projects.task_statuses.none"),
+					description: w(u)("tasks_projects.tasks.empty_description")
+				}, {
+					default: D(() => [c(h, {
+						name: "ViewColumnsIcon",
+						class: "mt-5 mb-4 h-16 w-16 text-subtle"
+					})]),
+					_: 1
+				}, 8, ["title", "description"])) : (v(), a("div", Bd, [(v(!0), a(e, null, x(d.value, (n) => (v(), a("section", {
+					key: n.status.id,
+					class: "w-64 shrink-0 rounded-xl border border-line-default bg-surface-secondary"
+				}, [
+					o("header", Vd, [o("div", Hd, [
+						o("span", {
+							class: p(["mr-2 inline-block h-2.5 w-2.5 shrink-0 rounded-full", n.status.colour ? "" : "bg-line-default"]),
+							style: m(n.status.colour ? { backgroundColor: n.status.colour } : void 0)
+						}, null, 6),
+						o("h3", Ud, C(n.status.name), 1),
+						o("span", Wd, C(N(n).length), 1)
+					]), o("button", {
+						type: "button",
+						class: "rounded-md p-1 text-subtle hover:bg-hover hover:text-body",
+						"aria-label": w(u)("tasks_projects.tasks.new_task"),
+						title: w(u)("tasks_projects.tasks.new_task"),
+						onClick: (e) => z(n.status)
+					}, [c(h, {
+						name: "PlusIcon",
+						class: "h-4 w-4"
+					})], 8, Gd)]),
+					o("div", {
+						ref_for: !0,
+						ref: (e) => F(n.status.id, e),
+						"data-status-id": n.status.id,
+						class: "min-h-20 space-y-2 px-3 pt-3"
+					}, [(v(!0), a(e, null, x(N(n), (e) => (v(), r(Id, {
+						key: e.id,
+						"data-task-id": e.id,
+						client: t.client,
+						notify: t.notify,
+						task: e,
+						projects: t.projects,
+						members: t.members,
+						onOpen: ee
+					}, null, 8, [
+						"data-task-id",
+						"client",
+						"notify",
+						"task",
+						"projects",
+						"members"
+					]))), 128))], 8, Kd),
+					N(n).length === 0 ? (v(), a("p", qd, C(w(u)("tasks_projects.board.empty_column")), 1)) : i("", !0),
+					o("div", Jd, [o("button", {
+						type: "button",
+						class: "w-full rounded-md border border-dashed border-line-default py-1.5 text-xs text-muted hover:bg-hover hover:text-body",
+						onClick: (e) => z(n.status)
+					}, " + " + C(w(u)("tasks_projects.tasks.new_task")), 9, Yd)])
+				]))), 128))])),
+				c(ya, {
+					show: g.value,
+					client: t.client,
+					notify: t.notify,
+					task: _.value,
+					statuses: t.statuses,
+					members: t.members,
+					projects: A.value,
+					defaults: y.value,
+					compact: _.value === null,
+					onClose: s[0] ||= (e) => g.value = !1,
+					onSaved: te,
+					onDeleted: ne
+				}, null, 8, [
+					"show",
+					"client",
+					"notify",
+					"task",
+					"statuses",
+					"members",
+					"projects",
+					"defaults",
+					"compact"
+				])
+			]);
+		};
+	}
+}), Zd = /* @__PURE__ */ l({
+	__name: "TasksListView",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {},
+		filters: {},
+		statuses: {},
+		members: {},
+		projects: {}
+	},
+	setup(e, { expose: t }) {
+		let n = b(null);
+		return t({ openCreate: () => n.value?.openCreate() }), (t, i) => (v(), r(To, {
+			ref_key: "listRef",
+			ref: n,
+			client: e.client,
+			notify: e.notify,
+			router: e.router,
+			filters: e.filters,
+			statuses: e.statuses,
+			members: e.members,
+			projects: e.projects
+		}, null, 8, [
+			"client",
+			"notify",
+			"router",
+			"filters",
+			"statuses",
+			"members",
+			"projects"
+		]));
+	}
+}), Qd = { class: "relative table-container" }, $d = { class: "block max-w-64 truncate" }, ef = { class: "tabular-nums" }, tf = {
+	key: 1,
+	class: "text-subtle"
+}, nf = /* @__PURE__ */ l({
+	__name: "AllTimeTable",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		members: {},
+		memberId: {},
+		projectId: {},
+		reloadToken: {}
+	},
+	emits: ["edit", "delete"],
+	setup(e, { emit: t }) {
+		let l = e, u = t, d = B(), f = b(null), m = y({
+			from: "",
+			to: "",
+			billing: "ALL"
+		}), h = n(() => [
+			{
+				id: "ALL",
+				label: d("tasks_projects.time.filters.all")
+			},
+			{
+				id: "BILLED",
+				label: d("tasks_projects.time.billed")
+			},
+			{
+				id: "UNBILLED",
+				label: d("tasks_projects.time.unbilled")
+			}
+		]), g = n({
+			get: () => x(h.value, m.billing),
+			set: (e) => {
+				m.billing = typeof e.id == "string" ? e.id : "ALL";
+			}
+		}), _ = n(() => [
+			{
+				key: "date",
+				label: d("tasks_projects.time.columns.date"),
+				sortable: !1
+			},
+			{
+				key: "member",
+				label: d("tasks_projects.time.columns.member"),
+				sortable: !1
+			},
+			{
+				key: "task",
+				label: d("tasks_projects.time.columns.task"),
+				sortable: !1,
+				tdClass: "font-medium text-heading"
+			},
+			{
+				key: "description",
+				label: d("tasks_projects.time.columns.description"),
+				sortable: !1
+			},
+			{
+				key: "duration",
+				label: d("tasks_projects.time.columns.duration"),
+				sortable: !1
+			},
+			{
+				key: "billable",
+				label: d("tasks_projects.time.columns.billable"),
+				sortable: !1
+			},
+			{
+				key: "amount",
+				label: d("tasks_projects.time.columns.amount"),
+				sortable: !1
+			},
+			{
+				key: "actions",
+				label: d("tasks_projects.general.actions"),
+				sortable: !1,
+				tdClass: "text-right text-sm font-medium"
+			}
+		]);
+		E(m, () => T()), E([() => l.memberId, () => l.projectId], () => T()), E(() => l.reloadToken, () => T(!0));
+		function x(e, t) {
+			return e.find((e) => e.id === t) ?? e[0];
+		}
+		function T(e = !1) {
+			f.value?.refresh(e);
+		}
+		function O() {
+			m.from = "", m.to = "", m.billing = "ALL";
+		}
+		function k(e) {
+			m.from = e ? dt(e) : "";
+		}
+		function A(e) {
+			m.to = e ? dt(e) : "";
+		}
+		function j(e) {
+			let t = l.members.find((t) => t.id === e);
+			return t === void 0 ? l.members.length === 0 ? `#${e}` : d("tasks_projects.time.unknown_member") : t.name;
+		}
+		async function M({ page: e }) {
+			let t = {
+				page: e,
+				limit: 25
+			};
+			l.memberId !== null && (t.user_id = l.memberId), l.projectId !== null && (t.project_id = l.projectId), m.from !== "" && (t.from = m.from), m.to !== "" && (t.to = m.to), m.billing !== "ALL" && (t.billed = m.billing === "BILLED");
+			try {
+				let e = await De(l.client, t), n = e.data ?? [];
+				return $e(l.client, n.map((e) => e.task_id).filter((e) => typeof e == "number")), {
+					data: n,
+					pagination: N(e.meta, n.length)
+				};
+			} catch (e) {
+				return l.notify("error", H(e, d("tasks_projects.time.load_failed"))), {
+					data: [],
+					pagination: N(null, 0)
+				};
+			}
+		}
+		function N(e, t) {
+			return {
+				totalPages: e?.last_page ?? 1,
+				currentPage: e?.current_page ?? 1,
+				totalCount: e?.total ?? t,
+				count: t,
+				limit: e?.per_page ?? 25
+			};
+		}
+		return (e, t) => {
+			let n = S("BaseDatePicker"), l = S("BaseInputGroup"), y = S("BaseSelectInput"), b = S("BaseFilterWrapper"), x = S("BaseBadge"), T = S("BaseFormatMoney"), E = S("BaseIcon"), N = S("BaseDropdownItem"), P = S("BaseDropdown"), F = S("BaseTable");
+			return v(), a("section", null, [c(b, {
+				show: "",
+				"row-on-xl": "",
+				class: "mt-3",
+				onClear: O
+			}, {
+				default: D(() => [
+					c(l, {
+						label: w(d)("tasks_projects.time.filters.from"),
+						class: "mt-2 flex-1"
+					}, {
+						default: D(() => [c(n, {
+							"model-value": m.from,
+							"onUpdate:modelValue": k
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					c(l, {
+						label: w(d)("tasks_projects.time.filters.to"),
+						class: "mt-2 flex-1"
+					}, {
+						default: D(() => [c(n, {
+							"model-value": m.to,
+							"onUpdate:modelValue": A
+						}, null, 8, ["model-value"])]),
+						_: 1
+					}, 8, ["label"]),
+					c(l, {
+						label: w(d)("tasks_projects.time.filters.billing"),
+						class: "mt-2 flex-1"
+					}, {
+						default: D(() => [c(y, {
+							modelValue: g.value,
+							"onUpdate:modelValue": t[0] ||= (e) => g.value = e,
+							options: h.value,
+							"label-key": "label"
+						}, null, 8, ["modelValue", "options"])]),
+						_: 1
+					}, 8, ["label"])
+				]),
+				_: 1
+			}), o("div", Qd, [c(F, {
+				ref_key: "tableRef",
+				ref: f,
+				data: M,
+				columns: _.value,
+				class: "mt-3"
+			}, {
+				"cell-date": D(({ row: e }) => [s(C(w(ut)(w(Ia)(e.data.started_at))), 1)]),
+				"cell-member": D(({ row: e }) => [s(C(j(e.data.user_id)), 1)]),
+				"cell-task": D(({ row: e }) => [s(C(w(Ze)(e.data.task_id)), 1)]),
+				"cell-description": D(({ row: e }) => [o("span", $d, C(e.data.description || "-"), 1)]),
+				"cell-duration": D(({ row: e }) => [o("span", ef, C(w(Na)(e.data.duration_minutes)), 1)]),
+				"cell-billable": D(({ row: e }) => [c(x, { class: p(["rounded-full", e.data.billable ? "bg-primary-50! text-primary-500!" : "bg-surface-tertiary! text-muted!"]) }, {
+					default: D(() => [s(C(e.data.billable ? w(d)("tasks_projects.time.billable") : w(d)("tasks_projects.time.non_billable")), 1)]),
+					_: 2
+				}, 1032, ["class"])]),
+				"cell-amount": D(({ row: e }) => [e.data.billable ? (v(), r(T, {
+					key: 0,
+					amount: e.data.amount
+				}, null, 8, ["amount"])) : (v(), a("span", tf, "-"))]),
+				"cell-actions": D(({ row: e }) => [c(P, null, {
+					activator: D(() => [c(E, {
+						name: "EllipsisHorizontalIcon",
+						class: "h-5 text-muted"
+					})]),
+					default: D(() => [c(N, { onClick: (t) => u("edit", e.data) }, {
+						default: D(() => [c(E, {
+							name: "PencilIcon",
+							class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+						}), s(" " + C(w(d)("tasks_projects.general.edit")), 1)]),
+						_: 1
+					}, 8, ["onClick"]), e.data.invoice_id === null ? (v(), r(N, {
+						key: 0,
+						onClick: (t) => u("delete", e.data)
+					}, {
+						default: D(() => [c(E, {
+							name: "TrashIcon",
+							class: "mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+						}), s(" " + C(w(d)("tasks_projects.general.delete")), 1)]),
+						_: 1
+					}, 8, ["onClick"])) : i("", !0)]),
+					_: 2
+				}, 1024)]),
+				_: 1
+			}, 8, ["columns"])])]);
+		};
+	}
+}), rf = { class: "mt-4 flex flex-wrap items-center justify-between gap-3" }, af = { class: "flex items-center gap-2" }, of = { class: "ml-1 text-sm text-muted" }, sf = { class: "flex items-center gap-2 text-sm" }, cf = { class: "text-muted" }, lf = { class: "text-lg font-semibold tabular-nums text-heading" }, uf = {
+	key: 0,
+	class: "mt-6 text-sm text-muted"
+}, df = {
+	key: 1,
+	class: "mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-7"
+}, ff = { class: "flex items-baseline justify-between" }, pf = { class: "text-xs font-semibold tracking-wide text-heading uppercase" }, mf = { class: "text-xs text-muted" }, hf = { class: "text-sm font-medium tabular-nums text-heading" }, gf = { class: "mt-3 flex-1 space-y-2" }, _f = ["onClick"], vf = { class: "flex items-center justify-between gap-2" }, yf = { class: "truncate text-xs font-medium text-heading" }, bf = { class: "shrink-0 text-xs tabular-nums text-muted" }, xf = {
+	key: 0,
+	class: "mt-1 block truncate text-xs text-muted"
+}, Sf = { class: "mt-1 flex items-center gap-1" }, Cf = { class: "text-[11px] text-subtle" }, wf = {
+	key: 0,
+	class: "text-[11px] text-subtle"
+}, Tf = {
+	key: 0,
+	class: "py-2 text-xs text-subtle"
+}, Ef = ["onClick"], Df = {
+	key: 2,
+	class: "mt-4 text-center text-sm text-subtle"
+}, Of = /* @__PURE__ */ l({
+	__name: "WeekTimesheet",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		userId: {},
+		projectId: {},
+		weekStart: {},
+		reloadToken: {}
+	},
+	emits: ["add", "edit"],
+	setup(t, { emit: l }) {
+		let u = t, d = l, f = B(), m = b(Ba(/* @__PURE__ */ new Date(), u.weekStart)), h = b([]), g = b(!1), _ = n(() => Va(m.value)), y = n(() => {
+			let e = _.value[0], t = _.value[_.value.length - 1];
+			return `${Wa(e).day} - ${Wa(t).day}`;
+		}), T = n(() => _.value.map((e) => {
+			let t = Ua(e), n = h.value.filter((e) => Ia(e.started_at) === t), r = Wa(e);
+			return {
+				key: t,
+				weekday: r.weekday,
+				day: r.day,
+				today: Ga(e),
+				entries: n,
+				minutes: A(n)
+			};
+		})), O = n(() => A(h.value)), k = n(() => !g.value && h.value.length === 0);
+		E(() => u.weekStart, (e) => {
+			m.value = Ba(m.value, e);
+		}), E([
+			m,
+			() => u.userId,
+			() => u.projectId,
+			() => u.reloadToken
+		], () => void j(), { immediate: !0 });
+		function A(e) {
+			return e.reduce((e, t) => e + (t.duration_minutes ?? 0), 0);
+		}
+		async function j() {
+			if (u.userId === null) {
+				h.value = [];
+				return;
+			}
+			g.value = !0;
+			try {
+				let e = {
+					user_id: u.userId,
+					from: Ua(_.value[0]),
+					to: Ua(_.value[_.value.length - 1])
+				};
+				u.projectId && (e.project_id = u.projectId);
+				let t = await Oe(u.client, e);
+				h.value = t, $e(u.client, t.map((e) => e.task_id).filter((e) => typeof e == "number"));
+			} catch (e) {
+				h.value = [], u.notify("error", H(e, f("tasks_projects.time.load_failed")));
+			} finally {
+				g.value = !1;
+			}
+		}
+		function M(e) {
+			m.value = Ha(m.value, e * 7);
+		}
+		function N() {
+			m.value = Ba(/* @__PURE__ */ new Date(), u.weekStart);
+		}
+		return (n, l) => {
+			let u = S("BaseIcon"), m = S("BaseButton"), h = S("BaseSpinner");
+			return v(), a("section", null, [
+				o("header", rf, [o("div", af, [
+					c(m, {
+						variant: "white",
+						size: "sm",
+						title: w(f)("tasks_projects.time.previous_week"),
+						onClick: l[0] ||= (e) => M(-1)
+					}, {
+						default: D(() => [c(u, {
+							name: "ChevronLeftIcon",
+							class: "h-4 w-4"
+						})]),
+						_: 1
+					}, 8, ["title"]),
+					c(m, {
+						variant: "white",
+						size: "sm",
+						onClick: N
+					}, {
+						default: D(() => [s(C(w(f)("tasks_projects.time.this_week")), 1)]),
+						_: 1
+					}),
+					c(m, {
+						variant: "white",
+						size: "sm",
+						title: w(f)("tasks_projects.time.next_week"),
+						onClick: l[1] ||= (e) => M(1)
+					}, {
+						default: D(() => [c(u, {
+							name: "ChevronRightIcon",
+							class: "h-4 w-4"
+						})]),
+						_: 1
+					}, 8, ["title"]),
+					o("span", of, C(y.value), 1)
+				]), o("div", sf, [
+					o("span", cf, C(w(f)("tasks_projects.time.week_total")), 1),
+					o("span", lf, C(w(Na)(O.value)), 1),
+					g.value ? (v(), r(h, {
+						key: 0,
+						class: "h-4 w-4 text-primary-500"
+					})) : i("", !0)
+				])]),
+				t.userId === null ? (v(), a("p", uf, C(w(f)("tasks_projects.time.unknown_user")), 1)) : (v(), a("div", df, [(v(!0), a(e, null, x(T.value, (t) => (v(), a("article", {
+					key: t.key,
+					class: p(["flex min-h-40 flex-col rounded-xl border bg-surface p-3", t.today ? "border-primary-400" : "border-line-default"])
+				}, [
+					o("header", ff, [o("div", null, [o("p", pf, C(t.weekday), 1), o("p", mf, C(t.day), 1)]), o("span", hf, C(w(Na)(t.minutes)), 1)]),
+					o("ul", gf, [(v(!0), a(e, null, x(t.entries, (e) => (v(), a("li", { key: e.id }, [o("button", {
+						type: "button",
+						class: "w-full rounded-md border border-line-light px-2 py-2 text-left hover:bg-hover",
+						onClick: (t) => d("edit", e)
+					}, [
+						o("span", vf, [o("span", yf, C(w(Ze)(e.task_id)), 1), o("span", bf, C(w(Na)(e.duration_minutes)), 1)]),
+						e.description ? (v(), a("span", xf, C(e.description), 1)) : i("", !0),
+						o("span", Sf, [
+							o("span", { class: p(["inline-block h-1.5 w-1.5 rounded-full", e.billable ? "bg-status-green" : "bg-line-strong"]) }, null, 2),
+							o("span", Cf, C(e.billable ? w(f)("tasks_projects.time.billable") : w(f)("tasks_projects.time.non_billable")), 1),
+							e.invoice_id === null ? i("", !0) : (v(), a("span", wf, " - " + C(w(f)("tasks_projects.time.billed")), 1))
+						])
+					], 8, _f)]))), 128)), t.entries.length === 0 ? (v(), a("li", Tf, C(w(f)("tasks_projects.time.no_entries")), 1)) : i("", !0)]),
+					o("button", {
+						type: "button",
+						class: "mt-2 flex items-center justify-center gap-1 rounded-md border border-dashed border-line-default py-1.5 text-xs text-muted hover:bg-hover hover:text-heading",
+						onClick: (e) => d("add", t.key)
+					}, [c(u, {
+						name: "PlusIcon",
+						class: "h-4 w-4"
+					}), s(" " + C(w(f)("tasks_projects.time.add_entry")), 1)], 8, Ef)
+				], 2))), 128))])),
+				k.value && t.userId !== null ? (v(), a("p", Df, C(w(f)("tasks_projects.time.empty_description")), 1)) : i("", !0)
+			]);
+		};
+	}
+}), kf = {
+	key: 0,
+	class: "mt-4 flex gap-6 border-b border-line-default"
+}, Af = 5, jf = /* @__PURE__ */ l({
+	__name: "TasksWeekView",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		filters: {},
+		statuses: {},
+		members: {},
+		projects: {}
+	},
+	setup(e) {
+		let t = e, s = B(), l = b("MINE"), u = b(!1), d = b(!1), f = b(null), m = b(Ua(/* @__PURE__ */ new Date())), h = b(0), _ = n(() => G.settings.week_start), y = n(() => Ki(t.filters.project)), x = n(() => Ki(t.filters.user) ?? G.userId);
+		g(() => void S()), E(et, () => {
+			h.value += 1;
+		});
+		async function S() {
+			G.userId === null && await xa(t.client), u.value = G.settings.members_see_all_time || await T();
+		}
+		async function T() {
+			try {
+				return ((await De(t.client, { limit: Af })).data ?? []).some((e) => e.user_id !== G.userId);
+			} catch {
+				return !1;
+			}
+		}
+		function D(e) {
+			f.value = null, m.value = e ?? Ua(/* @__PURE__ */ new Date()), d.value = !0;
+		}
+		function O(e) {
+			f.value = e, d.value = !0;
+		}
+		function k() {
+			let e = f.value ? s("tasks_projects.time.updated") : s("tasks_projects.time.created");
+			d.value = !1, f.value = null, t.notify("success", e), h.value += 1, V();
+		}
+		function A() {
+			d.value = !1, f.value = null, t.notify("success", s("tasks_projects.time.deleted")), h.value += 1, V();
+		}
+		async function j(e) {
+			if (window.confirm(s("tasks_projects.time.delete_confirm"))) try {
+				await je(t.client, e.id), t.notify("success", s("tasks_projects.time.deleted")), h.value += 1, V();
+			} catch (e) {
+				t.notify("error", H(e, s("tasks_projects.time.delete_failed")));
+			}
+		}
+		function M(e) {
+			return l.value === e ? "border-primary-500 text-primary-500" : "border-transparent text-muted hover:border-line-strong hover:text-heading";
+		}
+		return (t, n) => (v(), a("section", null, [
+			u.value ? (v(), a("nav", kf, [o("button", {
+				type: "button",
+				class: p(["-mb-px border-b-2 px-1 pb-3 text-sm font-medium", M("MINE")]),
+				onClick: n[0] ||= (e) => l.value = "MINE"
+			}, C(w(s)("tasks_projects.time.my_time")), 3), o("button", {
+				type: "button",
+				class: p(["-mb-px border-b-2 px-1 pb-3 text-sm font-medium", M("ALL")]),
+				onClick: n[1] ||= (e) => l.value = "ALL"
+			}, C(w(s)("tasks_projects.time.all_time")), 3)])) : i("", !0),
+			l.value === "MINE" ? (v(), r(Of, {
+				key: 1,
+				client: e.client,
+				notify: e.notify,
+				"user-id": x.value,
+				"project-id": y.value,
+				"week-start": _.value,
+				"reload-token": h.value,
+				onAdd: D,
+				onEdit: O
+			}, null, 8, [
+				"client",
+				"notify",
+				"user-id",
+				"project-id",
+				"week-start",
+				"reload-token"
+			])) : (v(), r(nf, {
+				key: 2,
+				client: e.client,
+				notify: e.notify,
+				members: e.members,
+				"member-id": w(Ki)(e.filters.user),
+				"project-id": y.value,
+				"reload-token": h.value,
+				onEdit: O,
+				onDelete: j
+			}, null, 8, [
+				"client",
+				"notify",
+				"members",
+				"member-id",
+				"project-id",
+				"reload-token"
+			])),
+			c(zo, {
+				show: d.value,
+				client: e.client,
+				notify: e.notify,
+				entry: f.value,
+				"default-date": m.value,
+				onClose: n[2] ||= (e) => d.value = !1,
+				onSaved: k,
+				onDeleted: A
+			}, null, 8, [
+				"show",
+				"client",
+				"notify",
+				"entry",
+				"default-date"
+			])
+		]));
+	}
+}), Mf = {
+	viewTask: `${U}:view-task`,
+	viewOwnTime: `${U}:view-own-time`
+};
+function Nf(e) {
+	e.addMessages(qs), e.registerPage({
+		id: "tasks",
+		module: U,
+		path: "",
+		component: sn(e, ul),
+		meta: {
+			ability: Mf.viewTask,
+			title: "tasks_projects.tasks.title"
+		},
+		children: [
+			{
+				id: "list",
+				path: "",
+				component: sn(e, Zd),
+				meta: {
+					ability: Mf.viewTask,
+					title: "tasks_projects.tasks.views.list"
+				}
+			},
+			{
+				id: "board",
+				path: "board",
+				component: sn(e, Xd),
+				meta: {
+					ability: Mf.viewTask,
+					title: "tasks_projects.board.title"
+				}
+			},
+			{
+				id: "week",
+				path: "week",
+				component: sn(e, jf),
+				meta: {
+					ability: Mf.viewOwnTime,
+					title: "tasks_projects.time.title"
+				}
+			}
+		]
+	}), e.registerPage({
+		id: "task",
+		module: U,
+		path: "tasks/:id",
+		component: sn(e, rl),
+		meta: {
+			ability: Mf.viewTask,
+			title: "tasks_projects.tasks.title"
+		}
+	}), e.registerPage({
+		id: "time",
+		module: U,
+		path: "time",
+		component: Pf(e),
+		meta: {
+			ability: Mf.viewOwnTime,
+			title: "tasks_projects.time.title"
+		}
+	});
+}
+function Pf(e) {
+	return l({ setup: () => (g(() => {
+		e.router.replace(W.week);
+	}), () => null) });
+}
+//#endregion
+//#region resources/js/components/QuickStartOverlay.vue?vue&type=script&setup=true&lang.ts
+var Ff = ["aria-label"], If = { class: "flex items-center justify-between border-b border-line-default px-4 py-3" }, Lf = { class: "text-sm font-semibold text-heading" }, Rf = ["aria-label"], zf = { class: "space-y-4 px-4 py-4" }, Bf = { class: "truncate text-sm font-medium text-heading" }, Vf = { class: "mt-1 text-2xl font-semibold tabular-nums text-primary-500" }, Hf = {
+	key: 0,
+	class: "mt-1 text-xs text-muted"
+}, Uf = { class: "flex items-center justify-between" }, Wf = ["title", "aria-label"], Gf = {
+	key: 0,
+	class: "tabular-nums"
+}, Kf = "[aria-label=\"Open AI Assistant\"]", qf = "/admin/settings", Jf = /* @__PURE__ */ l({
+	__name: "QuickStartOverlay",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		enabled: { type: Boolean },
+		router: {}
+	},
+	emits: ["open-task"],
+	setup(e, { emit: l }) {
+		let u = e, d = l, f = B(), m = b(!1), _ = b(window.location.pathname), y = b(!1), x, T = n(() => ({
+			notify: u.notify,
+			t: f
+		})), O = n(() => Ze(q.running?.task_id ?? null)), A = n(() => Ma(q.elapsedSeconds)), j = n(() => q.stopPrompt !== null || q.startPrompt !== null), M = n(() => j.value || _.value.startsWith(qf)), N = n(() => y.value ? "bottom-24" : "bottom-5");
+		function P() {
+			y.value = Array.from(document.querySelectorAll(Kf)).some((e) => window.getComputedStyle(e).position === "fixed");
+		}
+		E(() => u.enabled, (e) => {
+			e || F();
+		}), E(() => q.running, (e) => {
+			e === null && F();
+		}), g(() => {
+			_.value = u.router.currentRoute.value.path, x = u.router.afterEach((e) => {
+				_.value = e.path, P();
+			}), P();
+		}), h(() => {
+			x?.();
+		});
+		function F() {
+			m.value = !1;
+		}
+		function I() {
+			if (q.running === null) {
+				q.startWithPrompt(u.client, T.value);
+				return;
+			}
+			m.value = !m.value;
+		}
+		function L() {
+			q.stopWithPrompt(u.client, T.value);
+		}
+		function R() {
+			F(), d("open-task");
+		}
+		return (n, l) => {
+			let u = S("BaseIcon"), d = S("BaseButton");
+			return v(), r(t, { to: "body" }, [e.enabled && !M.value ? (v(), a("div", {
+				key: 0,
+				class: p(["fixed right-5 z-40 flex flex-col items-end gap-3", N.value])
+			}, [m.value && w(q).running !== null ? (v(), a("section", {
+				key: 0,
+				class: "w-80 max-w-[calc(100vw-3rem)] rounded-xl border border-line-default bg-surface shadow-2xl",
+				"aria-label": w(f)("tasks_projects.timer.panel_title"),
+				onKeydown: k(F, ["esc"])
+			}, [o("header", If, [o("h2", Lf, C(w(f)("tasks_projects.timer.running")), 1), o("button", {
+				type: "button",
+				class: "rounded p-1 text-subtle hover:bg-hover hover:text-heading",
+				"aria-label": w(f)("tasks_projects.timer.close"),
+				onClick: F
+			}, [c(u, {
+				name: "XMarkIcon",
+				class: "h-5 w-5"
+			})], 8, Rf)]), o("div", zf, [o("div", null, [
+				o("p", Bf, C(O.value), 1),
+				o("p", Vf, C(A.value), 1),
+				w(q).running.description ? (v(), a("p", Hf, C(w(q).running.description), 1)) : i("", !0)
+			]), o("div", Uf, [o("button", {
+				type: "button",
+				class: "text-xs text-primary-500 hover:underline",
+				onClick: R
+			}, C(w(f)("tasks_projects.timer.open_task")), 1), c(d, {
+				variant: "primary",
+				disabled: w(q).busy,
+				onClick: L
+			}, {
+				left: D((e) => [c(u, {
+					name: "StopIcon",
+					class: p(e.class)
+				}, null, 8, ["class"])]),
+				default: D(() => [s(" " + C(w(f)("tasks_projects.timer.stop")), 1)]),
+				_: 1
+			}, 8, ["disabled"])])])], 40, Ff)) : i("", !0), o("button", {
+				type: "button",
+				class: p(["flex items-center justify-center gap-2 rounded-full bg-btn-primary text-sm font-medium text-white shadow-lg hover:bg-btn-primary-hover", w(q).running === null ? "h-14 w-14 p-0" : "h-14 px-5"]),
+				title: w(f)("tasks_projects.timer.quick_start"),
+				"aria-label": w(f)("tasks_projects.timer.quick_start"),
+				onClick: I
+			}, [c(u, {
+				name: w(q).running === null ? "ClockIcon" : "StopIcon",
+				class: "h-5 w-5 text-white"
+			}, null, 8, ["name"]), w(q).running === null ? i("", !0) : (v(), a("span", Gf, C(A.value), 1))], 10, Wf)], 2)) : i("", !0)]);
+		};
+	}
+}), Yf = { class: "flex w-full items-center justify-between" }, Xf = { class: "space-y-5 px-6 py-6" }, Zf = { class: "flex justify-end space-x-3 border-t border-line-default px-6 py-4" }, Qf = 0, $f = -1, ep = 100, tp = 10, np = /* @__PURE__ */ l({
+	__name: "StartTimerModal",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function }
+	},
+	setup(e) {
+		let t = e, i = B(), a = b([]), l = b(Qf), u = b(null), d = b(""), m = b(!0), h = n(() => q.startPrompt !== null), g = n(() => [{
+			id: Qf,
+			label: i("tasks_projects.timer.any_project")
+		}, ...a.value]), _ = n(() => g.value.find((e) => e.id === l.value) ?? null);
+		E(() => q.startPrompt, (e) => {
+			e !== null && (l.value = typeof e.projectId == "number" ? e.projectId : Qf, u.value = null, d.value = "", m.value = !0, y(), typeof e.taskId == "number" && x(e.taskId));
+		}), E(l, () => {
+			u.value = null;
+		});
+		async function y() {
+			try {
+				let e = await Ht(t.client, {
+					limit: ep,
+					status: "ACTIVE",
+					sort_by: "name"
+				});
+				a.value = (e.data ?? []).map((e) => ({
+					id: e.id,
+					label: e.name
+				}));
+			} catch (e) {
+				a.value = [], t.notify("error", H(e, i("tasks_projects.time.projects_failed")));
+			}
+		}
+		async function x(e) {
+			try {
+				let n = await He(t.client, e);
+				Qe(n), typeof n.project_id == "number" && (l.value = n.project_id), await f(), j(T(n));
+			} catch {}
+		}
+		function T(e) {
+			return {
+				id: e.id,
+				label: typeof e.number == "number" ? `#${e.number} ${e.name}` : e.name,
+				name: e.name,
+				billable: e.billable !== !1
+			};
+		}
+		async function O(e) {
+			let n = (e ?? "").trim();
+			try {
+				let e = await Ve(t.client, n, {
+					projectId: l.value === Qf ? null : l.value,
+					invoiced: 0,
+					limit: tp
+				});
+				e.forEach(Qe);
+				let r = e.map(T);
+				return r.length === 0 && n !== "" && r.push({
+					id: $f,
+					label: i("tasks_projects.timer.create_and_start", { name: n }),
+					name: n,
+					billable: !0
+				}), r;
+			} catch (e) {
+				return t.notify("error", H(e, i("tasks_projects.time.tasks_failed"))), [];
+			}
+		}
+		function k(e) {
+			l.value = e?.id ?? Qf;
+		}
+		function j(e) {
+			u.value = e, m.value = e === null || e.billable;
+		}
+		function M() {
+			let e = u.value;
+			if (e === null) return;
+			let t = d.value.trim() || null, n = l.value === Qf ? null : l.value;
+			q.answerStart(e.id === $f ? {
+				create: {
+					name: e.name,
+					projectId: n
+				},
+				description: t,
+				billable: m.value
+			} : {
+				taskId: e.id,
+				description: t,
+				billable: m.value
+			});
+		}
+		function N() {
+			q.answerStart(null);
+		}
+		return (e, t) => {
+			let n = S("BaseIcon"), a = S("BaseMultiselect"), f = S("BaseInputGroup"), y = S("BaseTextarea"), b = S("BaseSwitch"), x = S("BaseButton"), T = S("BaseModal");
+			return v(), r(T, {
+				show: h.value,
+				onClose: N
+			}, {
+				header: D(() => [o("div", Yf, [o("span", null, C(w(i)("tasks_projects.timer.start_title")), 1), c(n, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: N
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(M, ["prevent"]) }, [o("div", Xf, [
+					c(f, { label: w(i)("tasks_projects.time.filters.project") }, {
+						default: D(() => [c(a, {
+							"model-value": _.value,
+							options: g.value,
+							"can-clear": !1,
+							"value-prop": "id",
+							"track-by": "label",
+							label: "label",
+							object: "",
+							searchable: "",
+							"onUpdate:modelValue": t[0] ||= (e) => k(e)
+						}, null, 8, ["model-value", "options"])]),
+						_: 1
+					}, 8, ["label"]),
+					c(f, {
+						label: w(i)("tasks_projects.time.fields.task"),
+						required: ""
+					}, {
+						default: D(() => [(v(), r(a, {
+							key: l.value,
+							"model-value": u.value,
+							options: O,
+							placeholder: w(i)("tasks_projects.timer.pick_task"),
+							"initial-search": u.value?.label ?? "",
+							"no-results-text": w(i)("tasks_projects.timer.no_matches"),
+							delay: 400,
+							"filter-results": !1,
+							"value-prop": "id",
+							"track-by": "label",
+							label: "label",
+							object: "",
+							searchable: "",
+							"preserve-search": "",
+							"resolve-on-load": "",
+							"onUpdate:modelValue": t[1] ||= (e) => j(e)
+						}, null, 8, [
+							"model-value",
+							"placeholder",
+							"initial-search",
+							"no-results-text"
+						]))]),
+						_: 1
+					}, 8, ["label"]),
+					c(f, { label: w(i)("tasks_projects.time.fields.description") }, {
+						default: D(() => [c(y, {
+							modelValue: d.value,
+							"onUpdate:modelValue": t[2] ||= (e) => d.value = e,
+							row: 3
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label"]),
+					c(f, { label: w(i)("tasks_projects.time.fields.billable") }, {
+						default: D(() => [c(b, {
+							modelValue: m.value,
+							"onUpdate:modelValue": t[3] ||= (e) => m.value = e,
+							class: "flex"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label"])
+				]), o("div", Zf, [c(x, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: N
+				}, {
+					default: D(() => [s(C(w(i)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(x, {
+					type: "submit",
+					variant: "primary",
+					disabled: u.value === null || w(q).busy,
+					loading: w(q).busy
+				}, {
+					left: D((e) => [c(n, {
+						name: "PlayIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(i)("tasks_projects.timer.start")), 1)]),
+					_: 1
+				}, 8, ["disabled", "loading"])])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), rp = { class: "flex w-full items-center justify-between" }, ip = { class: "space-y-5 px-6 py-6" }, ap = { class: "truncate text-sm font-medium text-heading" }, op = { class: "mt-1 text-3xl font-semibold tabular-nums text-primary-500" }, sp = { class: "mt-1 text-xs text-muted" }, cp = { class: "border-t border-line-default px-6 py-4" }, lp = {
+	key: 0,
+	class: "flex flex-wrap items-center justify-between gap-3"
+}, up = { class: "text-sm text-body" }, dp = { class: "flex space-x-3" }, fp = {
+	key: 1,
+	class: "flex items-center justify-between"
+}, pp = { class: "flex space-x-3" }, mp = /* @__PURE__ */ l({
+	__name: "StopTimerModal",
+	setup(e) {
+		let t = B(), i = b(""), l = b(!0), u = b(!1), d = n(() => q.stopPrompt !== null), f = n(() => Ze(q.stopPrompt?.entry.task_id ?? null)), m = n(() => Ma(q.elapsedSeconds)), h = n(() => G.settings.rounding_minutes), g = n(() => Na(Fa(Math.round(q.elapsedSeconds / 60), h.value, G.settings.rounding_direction))), _ = n(() => h.value > 1 ? t("tasks_projects.timer.saved_as", {
+			duration: g.value,
+			increment: h.value
+		}) : t("tasks_projects.timer.saved_as_exact", { duration: g.value }));
+		E(() => q.stopPrompt, (e) => {
+			i.value = e?.entry.description ?? "", l.value = e?.entry.billable !== !1, u.value = !1;
+		});
+		function y() {
+			q.answerStop({
+				action: "save",
+				description: i.value.trim() || null,
+				billable: l.value
+			});
+		}
+		function x() {
+			q.answerStop({ action: "discard" });
+		}
+		function T() {
+			q.answerStop(null);
+		}
+		return (e, n) => {
+			let h = S("BaseIcon"), g = S("BaseTextarea"), b = S("BaseInputGroup"), E = S("BaseSwitch"), O = S("BaseButton"), k = S("BaseModal");
+			return v(), r(k, {
+				show: d.value,
+				onClose: T
+			}, {
+				header: D(() => [o("div", rp, [o("span", null, C(w(t)("tasks_projects.timer.stop_title")), 1), c(h, {
+					name: "XMarkIcon",
+					class: "h-6 w-6 cursor-pointer text-subtle hover:text-body",
+					onClick: T
+				})])]),
+				default: D(() => [o("form", { onSubmit: A(y, ["prevent"]) }, [o("div", ip, [
+					o("div", null, [
+						o("p", ap, C(f.value), 1),
+						o("p", op, C(m.value), 1),
+						o("p", sp, C(_.value), 1)
+					]),
+					c(b, { label: w(t)("tasks_projects.time.fields.description") }, {
+						default: D(() => [c(g, {
+							modelValue: i.value,
+							"onUpdate:modelValue": n[0] ||= (e) => i.value = e,
+							row: 3
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label"]),
+					c(b, { label: w(t)("tasks_projects.time.fields.billable") }, {
+						default: D(() => [c(E, {
+							modelValue: l.value,
+							"onUpdate:modelValue": n[1] ||= (e) => l.value = e,
+							class: "flex"
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}, 8, ["label"])
+				]), o("div", cp, [u.value ? (v(), a("div", lp, [o("p", up, C(w(t)("tasks_projects.timer.discard_ask", { duration: m.value })), 1), o("div", dp, [c(O, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: n[2] ||= (e) => u.value = !1
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(O, {
+					type: "button",
+					variant: "danger",
+					disabled: w(q).busy,
+					onClick: x
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.timer.discard")), 1)]),
+					_: 1
+				}, 8, ["disabled"])])])) : (v(), a("div", fp, [c(O, {
+					type: "button",
+					variant: "white",
+					disabled: w(q).busy,
+					onClick: n[3] ||= (e) => u.value = !0
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.timer.discard")), 1)]),
+					_: 1
+				}, 8, ["disabled"]), o("div", pp, [c(O, {
+					type: "button",
+					variant: "primary-outline",
+					onClick: T
+				}, {
+					default: D(() => [s(C(w(t)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				}), c(O, {
+					type: "submit",
+					variant: "primary",
+					loading: w(q).busy,
+					disabled: w(q).busy
+				}, {
+					left: D((e) => [c(h, {
+						name: "StopIcon",
+						class: p(e.class)
+					}, null, 8, ["class"])]),
+					default: D(() => [s(" " + C(w(t)("tasks_projects.timer.save_and_stop")), 1)]),
+					_: 1
+				}, 8, ["loading", "disabled"])])]))])], 32)]),
+				_: 1
+			}, 8, ["show"]);
+		};
+	}
+}), hp = {
+	key: 0,
+	class: "relative float-left m-0 ml-2"
+}, gp = ["title"], _p = ["aria-label", "title"], vp = { class: "font-medium tabular-nums" }, yp = [
+	"disabled",
+	"title",
+	"aria-label"
+], bp = /* @__PURE__ */ l({
+	__name: "TimerChip",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function }
+	},
+	emits: ["open"],
+	setup(e, { emit: t }) {
+		let r = e, s = t, l = B(), u = n(() => Ze(q.running?.task_id ?? null)), d = n(() => Ma(q.elapsedSeconds));
+		function f() {
+			q.stopWithPrompt(r.client, {
+				notify: r.notify,
+				t: l
+			});
+		}
+		return (e, t) => {
+			let n = S("BaseIcon");
+			return w(q).running === null ? i("", !0) : (v(), a("li", hp, [o("div", {
+				class: "flex h-8 items-center gap-2 rounded-lg bg-white/20 px-2 text-sm text-white md:h-9 md:px-3",
+				title: w(l)("tasks_projects.timer.running")
+			}, [
+				t[1] ||= o("span", { class: "inline-block h-2 w-2 shrink-0 animate-pulse rounded-full bg-white" }, null, -1),
+				o("button", {
+					type: "button",
+					class: "hidden max-w-32 truncate hover:underline lg:block",
+					"aria-label": w(l)("tasks_projects.timer.open_task"),
+					title: w(l)("tasks_projects.timer.open_task"),
+					onClick: t[0] ||= (e) => s("open")
+				}, C(u.value), 9, _p),
+				o("span", vp, C(d.value), 1),
+				o("button", {
+					type: "button",
+					class: "rounded p-1 hover:bg-white/20 disabled:opacity-50",
+					disabled: w(q).busy,
+					title: w(l)("tasks_projects.timer.stop"),
+					"aria-label": w(l)("tasks_projects.timer.stop"),
+					onClick: f
+				}, [c(n, {
+					name: "StopIcon",
+					class: "h-4 w-4 text-white"
+				})], 8, yp)
+			], 8, gp)]));
+		};
+	}
+}), xp = { en: { tasks_projects: {
+	time: {
+		title: "Time",
+		my_time: "My time",
+		all_time: "All time",
+		this_week: "This week",
+		previous_week: "Previous week",
+		next_week: "Next week",
+		week_total: "Week total",
+		day_total: "Total",
+		add_entry: "Add entry",
+		new_entry: "New time entry",
+		edit_entry: "Edit time entry",
+		view_entry: "Time entry",
+		no_entries: "Nothing logged.",
+		empty_title: "No time logged yet",
+		empty_description: "Log an entry by hand, or start the timer on a task.",
+		unknown_member: "Removed member",
+		unknown_user: "Unable to identify the signed-in user. Reload the page and try again.",
+		billable: "Billable",
+		non_billable: "Not billable",
+		billed: "Billed",
+		unbilled: "Unbilled",
+		stamped_notice: "This entry is already on an invoice. Invoiced time is history and cannot be changed.",
+		created: "The time entry was saved.",
+		updated: "The time entry was updated.",
+		deleted: "The time entry was deleted.",
+		delete_confirm: "Delete this time entry?",
+		load_failed: "Unable to load the time entries.",
+		save_failed: "Unable to save the time entry.",
+		delete_failed: "Unable to delete the time entry.",
+		members_failed: "Unable to load the members.",
+		projects_failed: "Unable to load the projects.",
+		tasks_failed: "Unable to load the tasks.",
+		columns: {
+			date: "Date",
+			member: "Member",
+			task: "Task",
+			description: "Description",
+			duration: "Duration",
+			billable: "Billable",
+			amount: "Amount"
+		},
+		filters: {
+			member: "Member",
+			project: "Project",
+			from: "From",
+			to: "To",
+			billing: "Billing",
+			all: "All",
+			any_member: "Everyone",
+			any_project: "Any project"
+		},
+		fields: {
+			task: "Task",
+			task_placeholder: "Search by task name or number",
+			date: "Date",
+			mode: "Entry",
+			duration: "Duration",
+			duration_help: "Hours and minutes, as 1:30 or 1.5.",
+			start: "Start",
+			end: "End",
+			description: "Description",
+			billable: "Billable"
+		},
+		mode: {
+			duration: "Duration",
+			range: "Start and end"
+		},
+		task_required: "Pick a task.",
+		date_required: "Pick a date.",
+		duration_invalid: "Enter a duration like 1:30 or 1.5.",
+		range_invalid: "Enter a start and an end time, with the end after the start."
+	},
+	timer: {
+		running: "Timer running",
+		quick_start: "Start a timer",
+		panel_title: "Quick start",
+		start: "Start",
+		stop: "Stop",
+		discard: "Discard",
+		close: "Close",
+		open_timesheet: "Open my week",
+		open_task: "Open the running task",
+		start_on: "Start the timer on {name}",
+		stop_on: "Stop the timer on {name}",
+		busy_elsewhere: "Your timer is running on {name}.",
+		stop_and_start: "Stop and start",
+		running_by: "{name} has been running since {time}.",
+		mismatch: "Your timer is no longer on this task. It has been reloaded.",
+		elapsed: "Elapsed",
+		search_tasks: "Search tasks",
+		no_tasks: "No tasks match that search.",
+		description_placeholder: "What are you working on? (optional)",
+		started: "The timer is running on {name}.",
+		stopped: "Logged {duration} on {name}.",
+		discarded: "The running timer was discarded.",
+		discard_confirm: "Discard the running timer? The elapsed time is not saved.",
+		stop_title: "Save and stop",
+		save_and_stop: "Save and stop",
+		saved_as: "Saved as {duration} after rounding to {increment} min.",
+		saved_as_exact: "Saved as {duration}.",
+		discard_ask: "Discard {duration}? This cannot be undone.",
+		start_title: "Start a timer",
+		any_project: "Any project",
+		pick_task: "Search by task name or number",
+		create_and_start: "Create task \"{name}\" and start",
+		no_matches: "No tasks match that search. Keep typing to create one.",
+		already_running: "A timer is already running. It has been reloaded.",
+		start_failed: "Unable to start the timer.",
+		stop_failed: "Unable to stop the timer.",
+		discard_failed: "Unable to discard the timer."
+	},
+	settings: {
+		title: "Tasks and Projects",
+		general_title: "General",
+		general_description: "The default hourly rate, the rounding increment, the first day of the week and who may see other members time.",
+		open_module_settings: "Open module settings",
+		default_rate: "Default rate / hour",
+		week_start: "First day of the week",
+		weekday_0: "Sunday",
+		weekday_1: "Monday",
+		weekday_2: "Tuesday",
+		weekday_3: "Wednesday",
+		weekday_4: "Thursday",
+		weekday_5: "Friday",
+		weekday_6: "Saturday",
+		members_see_all_time: "Members see other members' time",
+		behaviour_title: "Task behaviour",
+		behaviour_description: "What happens when a task is created, invoiced or shown on the board. Change these in the module settings form.",
+		rounding_direction: "Rounding",
+		rounding_direction_nearest: "To the nearest increment",
+		rounding_direction_up: "Up to the increment",
+		rounding_direction_down: "Down to the increment",
+		rounding_increment: "Increment",
+		rounding_increment_value: "{count} minute | {count} minutes",
+		auto_start_tasks: "Start the timer on a new task",
+		lock_invoiced_tasks: "Lock invoiced tasks",
+		hide_invoiced_on_board: "Hide invoiced tasks on the board",
+		invoice_title: "Invoice lines",
+		invoice_description: "What an invoice line built from a task carries. Change these in the module settings form.",
+		invoice_project_heading: "Project heading",
+		invoice_task_description: "Task description",
+		invoice_entry_dates: "Entry dates",
+		invoice_entry_times: "Entry times",
+		invoice_entry_hours: "Entry hours",
+		invoice_entry_descriptions: "Entry descriptions",
+		on: "On",
+		off: "Off",
+		statuses_title: "Task statuses",
+		statuses_description: "The columns of the board. One status is the default, where new tasks land; a closed status counts as done.",
+		status_name: "Name",
+		colour: "Colour",
+		colour_none: "None",
+		is_default: "Default",
+		is_closed: "Closed",
+		add_status: "Add status",
+		new_status: "New status",
+		move_up: "Move up",
+		move_down: "Move down",
+		no_statuses: "No statuses yet.",
+		status_created: "{name} was added.",
+		status_updated: "{name} was updated.",
+		status_deleted: "{name} was deleted.",
+		status_reordered: "The order was saved.",
+		status_delete_confirm: "Delete {name}?",
+		status_name_required: "Enter a status name.",
+		load_failed: "Unable to load the task statuses.",
+		save_failed: "Unable to save the task status.",
+		delete_failed: "Unable to delete the task status.",
+		reorder_failed: "Unable to save the new order.",
+		forbidden: "Your role does not allow managing the board columns."
+	}
+} } }, Sp = {
+	key: 0,
+	class: "text-sm text-muted"
+}, Cp = { key: 1 }, wp = {
+	key: 0,
+	class: "flex items-center gap-2 text-sm text-muted"
+}, Tp = {
+	key: 1,
+	class: "text-sm text-muted"
+}, Ep = {
+	key: 2,
+	class: "divide-y divide-line-light"
+}, Dp = {
+	key: 0,
+	class: "space-y-3"
+}, Op = { class: "flex flex-wrap items-center gap-2" }, kp = ["aria-label", "onClick"], Ap = { class: "flex flex-wrap items-center gap-6" }, jp = { class: "flex items-center gap-2 text-sm text-body" }, Mp = { class: "flex items-center gap-2 text-sm text-body" }, Np = { class: "flex gap-3" }, Pp = {
+	key: 1,
+	class: "flex items-center gap-3"
+}, Fp = { class: "min-w-0 flex-1 truncate text-sm font-medium text-heading" }, Ip = { class: "flex items-center gap-1" }, Lp = [
+	"disabled",
+	"title",
+	"aria-label",
+	"onClick"
+], Rp = [
+	"disabled",
+	"title",
+	"aria-label",
+	"onClick"
+], zp = [
+	"title",
+	"aria-label",
+	"onClick"
+], Bp = [
+	"disabled",
+	"title",
+	"aria-label",
+	"onClick"
+], Vp = {
+	key: 3,
+	class: "mt-4 space-y-3 rounded-lg border border-line-default p-3"
+}, Hp = { class: "flex flex-wrap items-center gap-2" }, Up = ["aria-label", "onClick"], Wp = { class: "flex flex-wrap items-center gap-6" }, Gp = { class: "flex items-center gap-2 text-sm text-body" }, Kp = { class: "flex items-center gap-2 text-sm text-body" }, qp = { class: "flex gap-3" }, Jp = /* @__PURE__ */ l({
+	__name: "TaskStatusEditor",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function }
+	},
+	setup(t) {
+		let l = t, u = [
+			"#94a3b8",
+			"#3b82f6",
+			"#22c55e",
+			"#f59e0b",
+			"#ef4444",
+			"#a855f7",
+			"#0891b2",
+			"#64748b"
+		], d = B(), f = b([]), h = b(!0), _ = b(!1), T = b(!1), E = b(null), O = b(!1), k = y({
+			name: "",
+			colour: "",
+			is_default: !1,
+			is_closed: !1
+		}), A = n(() => !h.value && f.value.length === 0);
+		g(() => void j());
+		async function j() {
+			h.value = !0;
+			try {
+				f.value = await Ie(l.client), _.value = !1;
+			} catch (e) {
+				f.value = [], _.value = vt(e), _.value || l.notify("error", H(e, d("tasks_projects.settings.load_failed")));
+			} finally {
+				h.value = !1;
+			}
+		}
+		function M(e) {
+			O.value = !1, E.value = e.id, k.name = e.name, k.colour = e.colour ?? "", k.is_default = e.is_default, k.is_closed = e.is_closed;
+		}
+		function N() {
+			E.value = null, O.value = !0, k.name = "", k.colour = u[0], k.is_default = !1, k.is_closed = !1;
+		}
+		function P() {
+			E.value = null, O.value = !1;
+		}
+		function F() {
+			return {
+				name: k.name.trim(),
+				colour: k.colour || null,
+				is_default: k.is_default,
+				is_closed: k.is_closed
+			};
+		}
+		async function I() {
+			if (T.value) return;
+			if (k.name.trim() === "") {
+				l.notify("error", d("tasks_projects.settings.status_name_required"));
+				return;
+			}
+			let e = E.value, t = k.name.trim();
+			T.value = !0;
+			try {
+				e === null ? (await Le(l.client, F()), l.notify("success", d("tasks_projects.settings.status_created", { name: t }))) : (await Re(l.client, e, F()), l.notify("success", d("tasks_projects.settings.status_updated", { name: t }))), P(), await j();
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.settings.save_failed")));
+			} finally {
+				T.value = !1;
+			}
+		}
+		async function L(e) {
+			if (!T.value && window.confirm(d("tasks_projects.settings.status_delete_confirm", { name: e.name }))) {
+				T.value = !0;
+				try {
+					await ze(l.client, e.id), l.notify("success", d("tasks_projects.settings.status_deleted", { name: e.name })), P(), await j();
+				} catch (e) {
+					l.notify("error", H(e, d("tasks_projects.settings.delete_failed")));
+				} finally {
+					T.value = !1;
+				}
+			}
+		}
+		async function R(e, t) {
+			let n = e + t;
+			if (T.value || n < 0 || n >= f.value.length) return;
+			let r = [...f.value];
+			r.splice(n, 0, ...r.splice(e, 1)), f.value = r, T.value = !0;
+			try {
+				f.value = await Be(l.client, r.map((e) => e.id)), l.notify("success", d("tasks_projects.settings.status_reordered"));
+			} catch (e) {
+				l.notify("error", H(e, d("tasks_projects.settings.reorder_failed"))), await j();
+			} finally {
+				T.value = !1;
+			}
+		}
+		return (t, n) => {
+			let l = S("BaseSpinner"), g = S("BaseInput"), y = S("BaseInputGroup"), b = S("BaseSwitch"), j = S("BaseButton"), F = S("BaseBadge"), z = S("BaseIcon");
+			return v(), a("div", null, [_.value ? (v(), a("p", Sp, C(w(d)("tasks_projects.settings.forbidden")), 1)) : (v(), a("div", Cp, [h.value ? (v(), a("div", wp, [c(l, { class: "h-4 w-4 text-primary-500" })])) : A.value ? (v(), a("p", Tp, C(w(d)("tasks_projects.settings.no_statuses")), 1)) : (v(), a("ul", Ep, [(v(!0), a(e, null, x(f.value, (t, l) => (v(), a("li", {
+				key: t.id,
+				class: "py-3"
+			}, [E.value === t.id ? (v(), a("div", Dp, [
+				c(y, {
+					label: w(d)("tasks_projects.settings.status_name"),
+					required: ""
+				}, {
+					default: D(() => [c(g, {
+						modelValue: k.name,
+						"onUpdate:modelValue": n[0] ||= (e) => k.name = e,
+						type: "text",
+						maxlength: "255"
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"]),
+				c(y, { label: w(d)("tasks_projects.settings.colour") }, {
+					default: D(() => [o("div", Op, [(v(), a(e, null, x(u, (e) => o("button", {
+						key: e,
+						type: "button",
+						class: p(["h-7 w-7 rounded-full border-2 transition", k.colour === e ? "border-heading" : "border-line-default"]),
+						style: m({ backgroundColor: e }),
+						"aria-label": e,
+						onClick: (t) => k.colour = e
+					}, null, 14, kp)), 64)), o("button", {
+						type: "button",
+						class: "rounded-md border border-line-default px-2 py-1 text-xs text-muted hover:bg-hover",
+						onClick: n[1] ||= (e) => k.colour = ""
+					}, C(w(d)("tasks_projects.settings.colour_none")), 1)])]),
+					_: 1
+				}, 8, ["label"]),
+				o("div", Ap, [o("label", jp, [c(b, {
+					modelValue: k.is_default,
+					"onUpdate:modelValue": n[2] ||= (e) => k.is_default = e,
+					class: "flex"
+				}, null, 8, ["modelValue"]), s(" " + C(w(d)("tasks_projects.settings.is_default")), 1)]), o("label", Mp, [c(b, {
+					modelValue: k.is_closed,
+					"onUpdate:modelValue": n[3] ||= (e) => k.is_closed = e,
+					class: "flex"
+				}, null, 8, ["modelValue"]), s(" " + C(w(d)("tasks_projects.settings.is_closed")), 1)])]),
+				o("div", Np, [c(j, {
+					variant: "primary",
+					size: "sm",
+					disabled: T.value,
+					onClick: I
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.save")), 1)]),
+					_: 1
+				}, 8, ["disabled"]), c(j, {
+					variant: "primary-outline",
+					size: "sm",
+					onClick: P
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				})])
+			])) : (v(), a("div", Pp, [
+				o("span", {
+					class: p(["inline-block h-3 w-3 shrink-0 rounded-full", t.colour ? "" : "bg-line-default"]),
+					style: m(t.colour ? { backgroundColor: t.colour } : void 0)
+				}, null, 6),
+				o("span", Fp, C(t.name), 1),
+				t.is_default ? (v(), r(F, {
+					key: 0,
+					class: "rounded-full bg-primary-50! text-primary-500!"
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.settings.is_default")), 1)]),
+					_: 1
+				})) : i("", !0),
+				t.is_closed ? (v(), r(F, {
+					key: 1,
+					class: "rounded-full bg-surface-tertiary! text-muted!"
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.settings.is_closed")), 1)]),
+					_: 1
+				})) : i("", !0),
+				o("div", Ip, [
+					o("button", {
+						type: "button",
+						class: "rounded p-1 text-subtle hover:bg-hover hover:text-heading disabled:opacity-40",
+						disabled: T.value || l === 0,
+						title: w(d)("tasks_projects.settings.move_up"),
+						"aria-label": w(d)("tasks_projects.settings.move_up"),
+						onClick: (e) => R(l, -1)
+					}, [c(z, {
+						name: "ChevronUpIcon",
+						class: "h-4 w-4"
+					})], 8, Lp),
+					o("button", {
+						type: "button",
+						class: "rounded p-1 text-subtle hover:bg-hover hover:text-heading disabled:opacity-40",
+						disabled: T.value || l === f.value.length - 1,
+						title: w(d)("tasks_projects.settings.move_down"),
+						"aria-label": w(d)("tasks_projects.settings.move_down"),
+						onClick: (e) => R(l, 1)
+					}, [c(z, {
+						name: "ChevronDownIcon",
+						class: "h-4 w-4"
+					})], 8, Rp),
+					o("button", {
+						type: "button",
+						class: "rounded p-1 text-subtle hover:bg-hover hover:text-heading",
+						title: w(d)("tasks_projects.general.edit"),
+						"aria-label": w(d)("tasks_projects.general.edit"),
+						onClick: (e) => M(t)
+					}, [c(z, {
+						name: "PencilIcon",
+						class: "h-4 w-4"
+					})], 8, zp),
+					o("button", {
+						type: "button",
+						class: "rounded p-1 text-subtle hover:bg-hover hover:text-alert-error-text",
+						disabled: T.value,
+						title: w(d)("tasks_projects.general.delete"),
+						"aria-label": w(d)("tasks_projects.general.delete"),
+						onClick: (e) => L(t)
+					}, [c(z, {
+						name: "TrashIcon",
+						class: "h-4 w-4"
+					})], 8, Bp)
+				])
+			]))]))), 128))])), O.value ? (v(), a("div", Vp, [
+				c(y, {
+					label: w(d)("tasks_projects.settings.status_name"),
+					required: ""
+				}, {
+					default: D(() => [c(g, {
+						modelValue: k.name,
+						"onUpdate:modelValue": n[4] ||= (e) => k.name = e,
+						type: "text",
+						maxlength: "255"
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}, 8, ["label"]),
+				c(y, { label: w(d)("tasks_projects.settings.colour") }, {
+					default: D(() => [o("div", Hp, [(v(), a(e, null, x(u, (e) => o("button", {
+						key: e,
+						type: "button",
+						class: p(["h-7 w-7 rounded-full border-2 transition", k.colour === e ? "border-heading" : "border-line-default"]),
+						style: m({ backgroundColor: e }),
+						"aria-label": e,
+						onClick: (t) => k.colour = e
+					}, null, 14, Up)), 64))])]),
+					_: 1
+				}, 8, ["label"]),
+				o("div", Wp, [o("label", Gp, [c(b, {
+					modelValue: k.is_default,
+					"onUpdate:modelValue": n[5] ||= (e) => k.is_default = e,
+					class: "flex"
+				}, null, 8, ["modelValue"]), s(" " + C(w(d)("tasks_projects.settings.is_default")), 1)]), o("label", Kp, [c(b, {
+					modelValue: k.is_closed,
+					"onUpdate:modelValue": n[6] ||= (e) => k.is_closed = e,
+					class: "flex"
+				}, null, 8, ["modelValue"]), s(" " + C(w(d)("tasks_projects.settings.is_closed")), 1)])]),
+				o("div", qp, [c(j, {
+					variant: "primary",
+					size: "sm",
+					disabled: T.value,
+					onClick: I
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.save")), 1)]),
+					_: 1
+				}, 8, ["disabled"]), c(j, {
+					variant: "primary-outline",
+					size: "sm",
+					onClick: P
+				}, {
+					default: D(() => [s(C(w(d)("tasks_projects.general.cancel")), 1)]),
+					_: 1
+				})])
+			])) : h.value ? i("", !0) : (v(), r(j, {
+				key: 4,
+				variant: "primary-outline",
+				size: "sm",
+				class: "mt-4",
+				onClick: N
+			}, {
+				left: D((e) => [c(z, {
+					name: "PlusIcon",
+					class: p(e.class)
+				}, null, 8, ["class"])]),
+				default: D(() => [s(" " + C(w(d)("tasks_projects.settings.add_status")), 1)]),
+				_: 1
+			}))]))]);
+		};
+	}
+}), Yp = { class: "space-y-6" }, Xp = { class: "divide-y divide-line-light" }, Zp = { class: "text-sm text-muted" }, Qp = { class: "text-sm font-medium text-heading" }, $p = { class: "divide-y divide-line-light" }, em = { class: "text-sm text-muted" }, tm = { class: "text-sm font-medium text-heading" }, nm = { class: "divide-y divide-line-light" }, rm = { class: "text-sm text-muted" }, im = { class: "text-sm font-medium text-heading" }, am = /* @__PURE__ */ l({
+	__name: "TimeSettingsPage",
+	props: {
+		client: { type: [Function, Object] },
+		notify: { type: Function },
+		router: {}
+	},
+	setup(t) {
+		let r = B(), i = n(() => G.settings);
+		function l(e) {
+			return r(e ? "tasks_projects.settings.on" : "tasks_projects.settings.off");
+		}
+		let u = n(() => [
+			{
+				key: "default_rate",
+				label: r("tasks_projects.settings.default_rate"),
+				value: ot(i.value.default_rate)
+			},
+			{
+				key: "week_start",
+				label: r("tasks_projects.settings.week_start"),
+				value: r(`tasks_projects.settings.weekday_${i.value.week_start}`)
+			},
+			{
+				key: "members_see_all_time",
+				label: r("tasks_projects.settings.members_see_all_time"),
+				value: l(i.value.members_see_all_time)
+			}
+		]), d = n(() => [
+			{
+				key: "rounding_direction",
+				label: r("tasks_projects.settings.rounding_direction"),
+				value: r(`tasks_projects.settings.rounding_direction_${i.value.rounding_direction}`)
+			},
+			{
+				key: "rounding_minutes",
+				label: r("tasks_projects.settings.rounding_increment"),
+				value: r("tasks_projects.settings.rounding_increment_value", { count: i.value.rounding_minutes })
+			},
+			{
+				key: "auto_start_tasks",
+				label: r("tasks_projects.settings.auto_start_tasks"),
+				value: l(i.value.auto_start_tasks)
+			},
+			{
+				key: "lock_invoiced_tasks",
+				label: r("tasks_projects.settings.lock_invoiced_tasks"),
+				value: l(i.value.lock_invoiced_tasks)
+			},
+			{
+				key: "hide_invoiced_on_board",
+				label: r("tasks_projects.settings.hide_invoiced_on_board"),
+				value: l(i.value.hide_invoiced_on_board)
+			}
+		]), f = n(() => [
+			"invoice_project_heading",
+			"invoice_task_description",
+			"invoice_entry_dates",
+			"invoice_entry_times",
+			"invoice_entry_hours",
+			"invoice_entry_descriptions"
+		].map((e) => ({
+			key: e,
+			label: r(`tasks_projects.settings.${e}`),
+			value: l(i.value[e])
+		})));
+		return (n, i) => {
+			let l = S("BaseIcon"), m = S("BaseButton"), h = S("router-link"), g = S("BaseSettingCard");
+			return v(), a("div", Yp, [
+				c(g, {
+					title: w(r)("tasks_projects.settings.general_title"),
+					description: w(r)("tasks_projects.settings.general_description")
+				}, {
+					action: D(() => [c(h, { to: w(W).settings }, {
+						default: D(() => [c(m, {
+							variant: "primary-outline",
+							size: "sm"
+						}, {
+							right: D((e) => [c(l, {
+								name: "ArrowTopRightOnSquareIcon",
+								class: p(e.class)
+							}, null, 8, ["class"])]),
+							default: D(() => [s(" " + C(w(r)("tasks_projects.settings.open_module_settings")), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["to"])]),
+					default: D(() => [o("dl", Xp, [(v(!0), a(e, null, x(u.value, (e) => (v(), a("div", {
+						key: e.key,
+						class: "flex justify-between gap-4 py-2.5"
+					}, [o("dt", Zp, C(e.label), 1), o("dd", Qp, C(e.value), 1)]))), 128))])]),
+					_: 1
+				}, 8, ["title", "description"]),
+				c(g, {
+					title: w(r)("tasks_projects.settings.behaviour_title"),
+					description: w(r)("tasks_projects.settings.behaviour_description")
+				}, {
+					default: D(() => [o("dl", $p, [(v(!0), a(e, null, x(d.value, (e) => (v(), a("div", {
+						key: e.key,
+						class: "flex justify-between gap-4 py-2.5"
+					}, [o("dt", em, C(e.label), 1), o("dd", tm, C(e.value), 1)]))), 128))])]),
+					_: 1
+				}, 8, ["title", "description"]),
+				c(g, {
+					title: w(r)("tasks_projects.settings.invoice_title"),
+					description: w(r)("tasks_projects.settings.invoice_description")
+				}, {
+					default: D(() => [o("dl", nm, [(v(!0), a(e, null, x(f.value, (e) => (v(), a("div", {
+						key: e.key,
+						class: "flex justify-between gap-4 py-2.5"
+					}, [o("dt", rm, C(e.label), 1), o("dd", im, C(e.value), 1)]))), 128))])]),
+					_: 1
+				}, 8, ["title", "description"]),
+				c(g, {
+					title: w(r)("tasks_projects.settings.statuses_title"),
+					description: w(r)("tasks_projects.settings.statuses_description")
+				}, {
+					default: D(() => [c(Jp, {
+						client: t.client,
+						notify: t.notify
+					}, null, 8, ["client", "notify"])]),
+					_: 1
+				}, 8, ["title", "description"])
+			]);
+		};
+	}
+});
+//#endregion
+//#region resources/js/registrations/time.ts
+function om(e) {
+	e.addMessages(xp);
+	let t = (t, n) => {
+		e.notify(t, n);
+	}, n = () => {
+		let t = q.runningTaskId;
+		e.router.push(t === null ? W.week : W.task(t));
+	};
+	e.registerHeaderAction({
+		id: `${U}.timer-chip`,
+		priority: 30,
+		visible: () => q.running !== null,
+		component: l({ setup: () => () => d(bp, {
+			client: e.client,
+			notify: t,
+			onOpen: n
+		}) })
+	}), e.registerCompanyLayoutOverlay({
+		id: `${U}.quick-start`,
+		component: l({ setup: () => () => d(Jf, {
+			key: G.companySession,
+			client: e.client,
+			notify: t,
+			enabled: !G.adminMode,
+			router: e.router,
+			onOpenTask: n
+		}) })
+	}), e.registerCompanyLayoutOverlay({
+		id: `${U}.stop-timer`,
+		component: l({ setup: () => () => d(mp, { key: G.companySession }) })
+	}), e.registerCompanyLayoutOverlay({
+		id: `${U}.start-timer`,
+		component: l({ setup: () => () => d(np, {
+			key: G.companySession,
+			client: e.client,
+			notify: t
+		}) })
+	}), e.registerCompanySettingsPage({
+		id: `${U}.settings`,
+		title: "tasks_projects.settings.title",
+		icon: "ClockIcon",
+		path: U,
+		priority: 70,
+		component: sn(e, am)
+	}), e.on("bootstrap:completed", ({ adminMode: t }) => {
+		sm(e, t);
+	}), e.on("company:changing", () => {
+		cm();
+	}), e.on("company:changed", ({ companyId: t }) => {
+		sm(e, t === null);
+	});
+}
+async function sm(e, t) {
+	if (Ca(t), t) {
+		cm();
+		return;
+	}
+	await xa(e.client), await q.refresh(e.client);
+}
+function cm() {
+	q.reset(), rt(), Sa();
+}
+//#endregion
 //#region resources/js/init.ts
 window.InvoiceShelf.booting((e, t, n) => {
-	n.addMessages({ en: { tasks_projects: { title: "Projects" } } });
+	n.addMessages(j), Nf(n), Zo(n), om(n), nr(n), Ks(n);
 });
 //#endregion
diff --git a/dist/style.css b/dist/style.css
index e698e04..ee1c7ee 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.contents{display:contents}.table{display:table}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.right-5{right:calc(var(--spacing,.25rem) * 5)}.bottom-5{bottom:calc(var(--spacing,.25rem) * 5)}.bottom-24{bottom:calc(var(--spacing,.25rem) * 24)}.z-40{z-index:40}.float-left{float:left}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing,.25rem) * .5)}.mt-1{margin-top:var(--spacing,.25rem)}.mt-2{margin-top:calc(var(--spacing,.25rem) * 2)}.mt-3{margin-top:calc(var(--spacing,.25rem) * 3)}.mt-4{margin-top:calc(var(--spacing,.25rem) * 4)}.mt-5{margin-top:calc(var(--spacing,.25rem) * 5)}.mt-6{margin-top:calc(var(--spacing,.25rem) * 6)}.mr-2{margin-right:calc(var(--spacing,.25rem) * 2)}.mr-3{margin-right:calc(var(--spacing,.25rem) * 3)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing,.25rem)}.mb-3{margin-bottom:calc(var(--spacing,.25rem) * 3)}.mb-4{margin-bottom:calc(var(--spacing,.25rem) * 4)}.ml-1{margin-left:var(--spacing,.25rem)}.ml-2{margin-left:calc(var(--spacing,.25rem) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing,.25rem) * 1.5)}.h-2{height:calc(var(--spacing,.25rem) * 2)}.h-2\.5{height:calc(var(--spacing,.25rem) * 2.5)}.h-3{height:calc(var(--spacing,.25rem) * 3)}.h-3\.5{height:calc(var(--spacing,.25rem) * 3.5)}.h-4{height:calc(var(--spacing,.25rem) * 4)}.h-5{height:calc(var(--spacing,.25rem) * 5)}.h-6{height:calc(var(--spacing,.25rem) * 6)}.h-7{height:calc(var(--spacing,.25rem) * 7)}.h-8{height:calc(var(--spacing,.25rem) * 8)}.h-14{height:calc(var(--spacing,.25rem) * 14)}.h-16{height:calc(var(--spacing,.25rem) * 16)}.min-h-20{min-height:calc(var(--spacing,.25rem) * 20)}.min-h-40{min-height:calc(var(--spacing,.25rem) * 40)}.w-1\.5{width:calc(var(--spacing,.25rem) * 1.5)}.w-2{width:calc(var(--spacing,.25rem) * 2)}.w-2\.5{width:calc(var(--spacing,.25rem) * 2.5)}.w-3{width:calc(var(--spacing,.25rem) * 3)}.w-3\.5{width:calc(var(--spacing,.25rem) * 3.5)}.w-4{width:calc(var(--spacing,.25rem) * 4)}.w-5{width:calc(var(--spacing,.25rem) * 5)}.w-6{width:calc(var(--spacing,.25rem) * 6)}.w-7{width:calc(var(--spacing,.25rem) * 7)}.w-8{width:calc(var(--spacing,.25rem) * 8)}.w-10{width:calc(var(--spacing,.25rem) * 10)}.w-14{width:calc(var(--spacing,.25rem) * 14)}.w-16{width:calc(var(--spacing,.25rem) * 16)}.w-64{width:calc(var(--spacing,.25rem) * 64)}.w-80{width:calc(var(--spacing,.25rem) * 80)}.w-full{width:100%}.max-w-32{max-width:calc(var(--spacing,.25rem) * 32)}.max-w-64{max-width:calc(var(--spacing,.25rem) * 64)}.max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.min-w-0{min-width:0}.min-w-44{min-width:calc(var(--spacing,.25rem) * 44)}.min-w-48{min-width:calc(var(--spacing,.25rem) * 48)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.table-auto{table-layout:auto}.animate-pulse{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing,.25rem)}.gap-1\.5{gap:calc(var(--spacing,.25rem) * 1.5)}.gap-2{gap:calc(var(--spacing,.25rem) * 2)}.gap-3{gap:calc(var(--spacing,.25rem) * 3)}.gap-4{gap:calc(var(--spacing,.25rem) * 4)}.gap-6{gap:calc(var(--spacing,.25rem) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,.25rem) * 5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,.25rem) * 5) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line-default>:not(:last-child)){border-color:var(--color-line-default)}:where(.divide-line-light>:not(:last-child)){border-color:var(--color-line-light)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg,.5rem)}.rounded-md{border-radius:var(--radius-md,.375rem)}.rounded-sm{border-radius:var(--radius-sm,.25rem)}.rounded-xl{border-radius:var(--radius-xl,.75rem)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-heading{border-color:var(--color-heading)}.border-line-default{border-color:var(--color-line-default)}.border-line-light{border-color:var(--color-line-light)}.border-line-strong{border-color:var(--color-line-strong)}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-400{border-color:var(--color-primary-400)}.border-primary-500{border-color:var(--color-primary-500)}.border-status-yellow{border-color:var(--color-status-yellow)}.border-transparent{border-color:#0000}.bg-alert-error-bg{background-color:var(--color-alert-error-bg)}.bg-alert-success-bg\!{background-color:var(--color-alert-success-bg)!important}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-alert-warning-bg\!{background-color:var(--color-alert-warning-bg)!important}.bg-btn-primary{background-color:var(--color-btn-primary)}.bg-line-default{background-color:var(--color-line-default)}.bg-line-strong{background-color:var(--color-line-strong)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-50\!{background-color:var(--color-primary-50)!important}.bg-primary-500{background-color:var(--color-primary-500)}.bg-status-green{background-color:var(--color-status-green)}.bg-status-red{background-color:var(--color-status-red)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.bg-surface-tertiary\!{background-color:var(--color-surface-tertiary)!important}.bg-white{background-color:var(--color-white,#fff)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing,.25rem)}.p-1\.5{padding:calc(var(--spacing,.25rem) * 1.5)}.p-2{padding:calc(var(--spacing,.25rem) * 2)}.p-3{padding:calc(var(--spacing,.25rem) * 3)}.p-5{padding:calc(var(--spacing,.25rem) * 5)}.px-1{padding-inline:var(--spacing,.25rem)}.px-1\.5{padding-inline:calc(var(--spacing,.25rem) * 1.5)}.px-2{padding-inline:calc(var(--spacing,.25rem) * 2)}.px-3{padding-inline:calc(var(--spacing,.25rem) * 3)}.px-4{padding-inline:calc(var(--spacing,.25rem) * 4)}.px-5{padding-inline:calc(var(--spacing,.25rem) * 5)}.px-6{padding-inline:calc(var(--spacing,.25rem) * 6)}.py-0\.5{padding-block:calc(var(--spacing,.25rem) * .5)}.py-1{padding-block:var(--spacing,.25rem)}.py-1\.5{padding-block:calc(var(--spacing,.25rem) * 1.5)}.py-2{padding-block:calc(var(--spacing,.25rem) * 2)}.py-2\.5{padding-block:calc(var(--spacing,.25rem) * 2.5)}.py-3{padding-block:calc(var(--spacing,.25rem) * 3)}.py-4{padding-block:calc(var(--spacing,.25rem) * 4)}.py-6{padding-block:calc(var(--spacing,.25rem) * 6)}.py-8{padding-block:calc(var(--spacing,.25rem) * 8)}.py-10{padding-block:calc(var(--spacing,.25rem) * 10)}.py-16{padding-block:calc(var(--spacing,.25rem) * 16)}.pt-2{padding-top:calc(var(--spacing,.25rem) * 2)}.pt-3{padding-top:calc(var(--spacing,.25rem) * 3)}.pb-2{padding-bottom:calc(var(--spacing,.25rem) * 2)}.pb-3{padding-bottom:calc(var(--spacing,.25rem) * 3)}.pb-4{padding-bottom:calc(var(--spacing,.25rem) * 4)}.pl-4{padding-left:calc(var(--spacing,.25rem) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}.text-3xl{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}.text-base{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.text-lg{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.text-sm{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.text-xl{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}.text-xs{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing,.25rem) * 5);line-height:calc(var(--spacing,.25rem) * 5)}.font-medium{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.font-normal{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400)}.font-semibold{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.tracking-wide{--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em)}.tracking-wider{--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-alert-error-text{color:var(--color-alert-error-text)}.text-alert-success-text\!{color:var(--color-alert-success-text)!important}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-alert-warning-text\!{color:var(--color-alert-warning-text)!important}.text-body{color:var(--color-body)}.text-heading{color:var(--color-heading)}.text-muted{color:var(--color-muted)}.text-muted\!{color:var(--color-muted)!important}.text-primary-500{color:var(--color-primary-500)}.text-primary-500\!{color:var(--color-primary-500)!important}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-status-green{color:var(--color-status-green)}.text-status-red{color:var(--color-status-red)}.text-subtle{color:var(--color-subtle)}.text-white{color:var(--color-white,#fff)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.group-hover\:text-muted:is(:where(.group):hover *){color:var(--color-muted)}}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media (hover:hover){.hover\:border-line-strong:hover{border-color:var(--color-line-strong)}.hover\:border-primary-500:hover{border-color:var(--color-primary-500)}.hover\:bg-btn-primary-hover:hover{background-color:var(--color-btn-primary-hover)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white,#fff) 20%, transparent)}}.hover\:text-alert-error-text:hover{color:var(--color-alert-error-text)}.hover\:text-body:hover{color:var(--color-body)}.hover\:text-heading:hover{color:var(--color-heading)}.hover\:text-primary-500:hover{color:var(--color-primary-500)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media not all and (width>=40rem){.max-sm\:hidden{display:none}}@media (width>=40rem){.sm\:w-48{width:calc(var(--spacing,.25rem) * 48)}.sm\:w-56{width:calc(var(--spacing,.25rem) * 56)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=48rem){.md\:h-9{height:calc(var(--spacing,.25rem) * 9)}.md\:px-3{padding-inline:calc(var(--spacing,.25rem) * 3)}}@media (width>=64rem){.lg\:mb-1{margin-bottom:var(--spacing,.25rem)}.lg\:block{display:block}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}}@media (width>=80rem){.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}
 /*$vite$:1*/
\ No newline at end of file
diff --git a/lang/en/menu.php b/lang/en/menu.php
index e545096..1758726 100644
--- a/lang/en/menu.php
+++ b/lang/en/menu.php
@@ -1,5 +1,9 @@
 <?php
 
 return [
+    // Kept as the module's own name for anything that still asks for it.
     'title' => 'Projects',
+
+    'projects' => 'Projects',
+    'tasks' => 'Tasks',
 ];
diff --git a/lang/en/settings.php b/lang/en/settings.php
index 53a36fe..9cb1538 100644
--- a/lang/en/settings.php
+++ b/lang/en/settings.php
@@ -2,9 +2,24 @@
 
 return [
     'general_section' => 'General',
+    'invoice_section' => 'Invoice lines',
 
     'default_rate' => 'Default hourly rate',
     'rounding_minutes' => 'Rounding increment (minutes)',
+    'rounding_direction' => 'Rounding direction',
+    'rounding_nearest' => 'Nearest',
+    'rounding_up' => 'Up',
+    'rounding_down' => 'Down',
     'week_start' => 'Week starts on',
     'members_see_all_time' => 'Members can see other members\' time',
+    'auto_start_tasks' => 'Start the timer when a task is created',
+    'lock_invoiced_tasks' => 'Lock tasks once they are invoiced',
+    'hide_invoiced_on_board' => 'Hide invoiced tasks on the board',
+
+    'invoice_project_heading' => 'Show the project name above the task',
+    'invoice_task_description' => 'Show the task description',
+    'invoice_entry_dates' => 'Show the date of each time entry',
+    'invoice_entry_times' => 'Show the start and end time of each entry',
+    'invoice_entry_hours' => 'Show the hours of each entry',
+    'invoice_entry_descriptions' => 'Show the description of each entry',
 ];
diff --git a/package.json b/package.json
index 10e67d9..1cde4fc 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,12 @@
         "build": "vite build",
         "lint": "eslint resources/js --ext .ts,.vue --max-warnings 0"
     },
+    "dependencies": {
+        "sortablejs": "^1.15.7"
+    },
     "devDependencies": {
         "@tailwindcss/vite": "^4.0.0",
+        "@types/sortablejs": "^1.15.9",
         "@vitejs/plugin-vue": "^6.0.5",
         "axios": "^1.13.6",
         "eslint": "^9.39.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d8740d..868f3c2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,10 +7,17 @@ settings:
 importers:
 
   .:
+    dependencies:
+      sortablejs:
+        specifier: ^1.15.7
+        version: 1.15.7
     devDependencies:
       '@tailwindcss/vite':
         specifier: ^4.0.0
         version: 4.3.3(vite@8.3.0(jiti@2.7.0))
+      '@types/sortablejs':
+        specifier: ^1.15.9
+        version: 1.15.9
       '@vitejs/plugin-vue':
         specifier: ^6.0.5
         version: 6.0.8(vite@8.3.0(jiti@2.7.0))(vue@3.5.42(typescript@6.0.3))
@@ -340,6 +347,9 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/sortablejs@1.15.9':
+    resolution: {integrity: sha512-7HP+rZGE2p886PKV9c9OJzLBI6BBJu1O7lJGYnPyG3fS4/duUCcngkNCjsLwIMV+WMqANe3tt4irrXHSIe68OQ==}
+
   '@typescript-eslint/eslint-plugin@8.70.0':
     resolution: {integrity: sha512-/v8HZt6RlyIZxB3ntehELOcUcfxKPVGWXnQdJuHRmzrqgF8nQypcC/oxGW+Ot4VGKDq81XugPKxx0n5PBtf9PA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1057,6 +1067,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  sortablejs@1.15.7:
+    resolution: {integrity: sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==}
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -1406,6 +1419,8 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/sortablejs@1.15.9': {}
+
   '@typescript-eslint/eslint-plugin@8.70.0(@typescript-eslint/parser@8.70.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -2122,6 +2137,8 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  sortablejs@1.15.7: {}
+
   source-map-js@1.2.1: {}
 
   strip-json-comments@3.1.1: {}
diff --git a/resources/css/module.css b/resources/css/module.css
index ab0062c..71370d0 100644
--- a/resources/css/module.css
+++ b/resources/css/module.css
@@ -1,5 +1,13 @@
 @reference "tailwindcss/theme.css";
-@import "tailwindcss/utilities" layer(utilities);
+
+/*
+ * `source(none)` turns off Tailwind's automatic content detection, which would
+ * otherwise scan the whole repository and scrape utility-looking words out of
+ * PHP, Markdown and config files. Only the module's own components feed the
+ * scanner, so the compiled stylesheet depends on the frontend alone and a
+ * backend change can never move dist/style.css.
+ */
+@import "tailwindcss/utilities" layer(utilities) source(none);
 
 @source "../js/**/*.vue";
 @source "../js/**/*.ts";
diff --git a/resources/js/api.ts b/resources/js/api.ts
new file mode 100644
index 0000000..0f52b22
--- /dev/null
+++ b/resources/js/api.ts
@@ -0,0 +1,139 @@
+import type { AxiosInstance } from 'axios'
+import type { Customer, Paginated, Wrapped } from '@/types/api'
+import type { CompanyMember } from '@/types/member'
+import type { ModuleSettings } from '@/types/settings'
+import type { Project, ProjectInput, ProjectListParams } from '@/types/project'
+
+/** Every module path hangs off the slug prefix, so a core route can never collide. */
+export const BASE = '/api/v1/tasks-projects'
+
+/** Every endpoint the module owns. */
+export const TASKS_PROJECTS_API = {
+  projects: `${BASE}/projects`,
+  project: (id: number): string => `${BASE}/projects/${id}`,
+  archiveProject: (id: number): string => `${BASE}/projects/${id}/archive`,
+  unarchiveProject: (id: number): string => `${BASE}/projects/${id}/unarchive`,
+  members: `${BASE}/members`,
+  settings: `${BASE}/settings`,
+} as const
+
+/** Host endpoints the module reads through the same client. */
+export const HOST_API = {
+  customers: '/api/v1/customers',
+} as const
+
+export type SortOrder = 'asc' | 'desc'
+
+/** The columns `GET projects` orders by. Mirrors `ProjectService::SORT_KEYS`. */
+export const PROJECT_SORT_KEYS = [
+  'name',
+  'status',
+  'due_date',
+  'created_at',
+  'default_rate',
+] as const
+
+export type ProjectSortKey = (typeof PROJECT_SORT_KEYS)[number]
+
+/** The ordering half of a list request, which every list endpoint accepts. */
+export interface SortParams<TKey extends string> {
+  sort_by?: TKey
+  sort_order?: SortOrder
+}
+
+/**
+ * What `BaseTable` hands a server-side fetcher.
+ *
+ * `fieldName` is the key of the column whose header was clicked, and `order`
+ * is empty until one has been, which is the unsorted state the table starts
+ * in.
+ */
+export interface TableSort {
+  fieldName: string
+  order: SortOrder | ''
+}
+
+/**
+ * The list parameters a table sort asks for, or none at all.
+ *
+ * The table reports its own column key, so the caller passes the map from
+ * those to the keys the endpoint takes. A column the endpoint cannot order by,
+ * and a table nobody has sorted yet, add nothing and leave the endpoint on its
+ * own opening order.
+ */
+export function sortParams<TKey extends string>(
+  sort: TableSort | undefined,
+  keys: Record<string, TKey>,
+): SortParams<TKey> {
+  if (sort === undefined || sort.order === '') {
+    return {}
+  }
+
+  const key = keys[sort.fieldName]
+
+  return key === undefined ? {} : { sort_by: key, sort_order: sort.order }
+}
+
+export async function listProjects(
+  client: AxiosInstance,
+  params: ProjectListParams & SortParams<ProjectSortKey>,
+): Promise<Paginated<Project>> {
+  const { data } = await client.get<Paginated<Project>>(TASKS_PROJECTS_API.projects, { params })
+
+  return data
+}
+
+export async function createProject(client: AxiosInstance, input: ProjectInput): Promise<Project> {
+  const { data } = await client.post<Wrapped<Project>>(TASKS_PROJECTS_API.projects, input)
+
+  return data.data
+}
+
+export async function updateProject(
+  client: AxiosInstance,
+  id: number,
+  input: ProjectInput,
+): Promise<Project> {
+  const { data } = await client.put<Wrapped<Project>>(TASKS_PROJECTS_API.project(id), input)
+
+  return data.data
+}
+
+export async function archiveProject(client: AxiosInstance, id: number): Promise<Project> {
+  const { data } = await client.post<Wrapped<Project>>(TASKS_PROJECTS_API.archiveProject(id))
+
+  return data.data
+}
+
+export async function unarchiveProject(client: AxiosInstance, id: number): Promise<Project> {
+  const { data } = await client.post<Wrapped<Project>>(TASKS_PROJECTS_API.unarchiveProject(id))
+
+  return data.data
+}
+
+export async function deleteProject(client: AxiosInstance, id: number): Promise<void> {
+  await client.delete(TASKS_PROJECTS_API.project(id))
+}
+
+/** The company's members, for the assignee and project member pickers. */
+export async function listMembers(client: AxiosInstance): Promise<CompanyMember[]> {
+  const { data } = await client.get<Wrapped<CompanyMember[]>>(TASKS_PROJECTS_API.members)
+
+  return data.data
+}
+
+export async function fetchSettings(client: AxiosInstance): Promise<ModuleSettings> {
+  const { data } = await client.get<Wrapped<ModuleSettings>>(TASKS_PROJECTS_API.settings)
+
+  return data.data
+}
+
+/**
+ * The company's contacts, for the project form's customer picker. This is a
+ * host endpoint, scoped by the same `company` header the client already sends.
+ */
+export async function listCustomers(client: AxiosInstance, limit = 100): Promise<Customer[]> {
+  const { data } = await client.get<Wrapped<Customer[]>>(HOST_API.customers, { params: { limit } })
+
+  return data.data
+}
diff --git a/resources/js/api/billing.ts b/resources/js/api/billing.ts
new file mode 100644
index 0000000..baee174
--- /dev/null
+++ b/resources/js/api/billing.ts
@@ -0,0 +1,236 @@
+import type { AxiosInstance } from 'axios'
+import type { Wrapped } from '@/types/api'
+import type {
+  BillingCustomer,
+  BillingSelection,
+  CompanyInvoiceDefaults,
+  ConfirmItem,
+  CreatedInvoice,
+  CurrencyFormat,
+  InvoicePayload,
+  InvoiceTemplate,
+  PreparedInvoice,
+  UnbilledCustomer,
+  UnbilledTime,
+} from '@/types/billing'
+
+const BASE = '/api/v1/tasks-projects'
+
+/** The module endpoints the invoicing flow talks to. */
+export const BILLING_API = {
+  customers: `${BASE}/billing/customers`,
+  unbilled: `${BASE}/billing/unbilled`,
+  prepare: `${BASE}/billing/prepare`,
+  confirm: `${BASE}/billing/confirm`,
+} as const
+
+/**
+ * Host endpoints, reached through the same session client.
+ *
+ * The invoice itself is written by the host's own endpoint rather than by the
+ * module, which is what keeps the module out of the invoice tables: same
+ * session, same permission checks, same validation and same numbering.
+ */
+export const HOST_BILLING_API = {
+  bootstrap: '/api/v1/bootstrap',
+  customer: (customerId: number): string => `/api/v1/customers/${customerId}`,
+  invoices: '/api/v1/invoices',
+  invoiceTemplates: '/api/v1/invoices/templates',
+  nextNumber: '/api/v1/next-number',
+  exchangeRate: (currencyId: number): string => `/api/v1/currencies/${currencyId}/exchange-rate`,
+} as const
+
+export interface UnbilledRange {
+  /** `Y-m-d`, inclusive. */
+  from?: string
+  /** `Y-m-d`, inclusive. */
+  to?: string
+}
+
+/** Who has billable time waiting, and how much of it. */
+export async function listUnbilledCustomers(
+  client: AxiosInstance,
+  range: UnbilledRange = {},
+): Promise<UnbilledCustomer[]> {
+  const { data } = await client.get<Wrapped<UnbilledCustomer[]>>(BILLING_API.customers, {
+    params: range,
+  })
+
+  return data.data ?? []
+}
+
+/** One customer's unbilled entries, with the four grouped views over them. */
+export async function fetchUnbilledTime(
+  client: AxiosInstance,
+  customerId: number,
+  range: UnbilledRange = {},
+): Promise<UnbilledTime> {
+  const { data } = await client.get<Wrapped<UnbilledTime>>(BILLING_API.unbilled, {
+    params: { customer_id: customerId, ...range },
+  })
+
+  return data.data
+}
+
+/**
+ * The invoice body for a selection, plus the entries behind each line.
+ *
+ * The selection arrives in whichever of the three shapes the calling screen
+ * knows and leaves as the one key the endpoint expects, because the rules
+ * refuse a body that names two of them. The grouping rides along only when the
+ * caller chose one, so the server's own default stays the default.
+ */
+export async function prepareInvoice(
+  client: AxiosInstance,
+  selection: BillingSelection,
+): Promise<PreparedInvoice> {
+  const { data } = await client.post<Wrapped<PreparedInvoice>>(
+    BILLING_API.prepare,
+    prepareBody(selection),
+  )
+
+  return data.data
+}
+
+/** The one selection key the request carries, plus the grouping when set. */
+function prepareBody(selection: BillingSelection): Record<string, unknown> {
+  const body: Record<string, unknown> =
+    'taskIds' in selection
+      ? { task_ids: selection.taskIds }
+      : 'projectId' in selection
+        ? { project_id: selection.projectId }
+        : { entry_ids: selection.entryIds }
+
+  if (selection.grouping !== undefined) {
+    body.grouping = selection.grouping
+  }
+
+  return body
+}
+
+/**
+ * Stamp the entries with the ids the host handed back.
+ *
+ * Idempotent, so a flow that created the invoice and then lost the stamp can
+ * offer the same call again rather than a second invoice.
+ */
+export async function confirmInvoice(
+  client: AxiosInstance,
+  invoiceId: number,
+  items: ConfirmItem[],
+): Promise<number> {
+  const { data } = await client.post<{ stamped?: number }>(BILLING_API.confirm, {
+    invoice_id: invoiceId,
+    items,
+  })
+
+  return data?.stamped ?? 0
+}
+
+/**
+ * One contact, read for the currency it settles in.
+ *
+ * The host's invoice endpoint compares the *contact's* currency with the
+ * company setting to decide whether an exchange rate is required, so the
+ * answer has to come from the contact rather than from the currency the time
+ * happened to be logged in.
+ */
+export async function fetchBillingCustomer(
+  client: AxiosInstance,
+  customerId: number,
+): Promise<BillingCustomer | null> {
+  const { data } = await client.get<Wrapped<BillingCustomer>>(
+    HOST_BILLING_API.customer(customerId),
+  )
+
+  return data?.data ?? null
+}
+
+/** Create the draft invoice with the session's own client. */
+export async function createInvoice(
+  client: AxiosInstance,
+  payload: InvoicePayload,
+): Promise<CreatedInvoice> {
+  const { data } = await client.post<Wrapped<CreatedInvoice>>(HOST_BILLING_API.invoices, payload)
+
+  return data.data
+}
+
+export async function listInvoiceTemplates(client: AxiosInstance): Promise<InvoiceTemplate[]> {
+  const { data } = await client.get<{ invoiceTemplates?: InvoiceTemplate[] }>(
+    HOST_BILLING_API.invoiceTemplates,
+  )
+
+  return data?.invoiceTemplates ?? []
+}
+
+/**
+ * The number the next invoice would carry.
+ *
+ * The customer goes along as `userId`, which is what the host's serial
+ * numbering calls it, so a per-customer number format resolves the same way it
+ * does on the host's own form.
+ */
+export async function fetchNextInvoiceNumber(
+  client: AxiosInstance,
+  customerId?: number,
+): Promise<string | null> {
+  const params: Record<string, string | number> = { key: 'invoice' }
+
+  if (customerId !== undefined) {
+    params.userId = customerId
+  }
+
+  const { data } = await client.get<{ success?: boolean; nextNumber?: string }>(
+    HOST_BILLING_API.nextNumber,
+    { params },
+  )
+
+  return data?.success && typeof data.nextNumber === 'string' ? data.nextNumber : null
+}
+
+/**
+ * The rate from a customer's currency into the company's own.
+ *
+ * The endpoint answers a bare number, a one-element array or an error object
+ * depending on whether a live provider, a logged rate or nothing at all
+ * supplied it, so all three are read here and anything else becomes null.
+ */
+export async function fetchExchangeRate(
+  client: AxiosInstance,
+  currencyId: number,
+): Promise<number | null> {
+  const { data } = await client.get<{ exchangeRate?: unknown }>(
+    HOST_BILLING_API.exchangeRate(currencyId),
+  )
+  const rate = Array.isArray(data?.exchangeRate) ? data.exchangeRate[0] : data?.exchangeRate
+  const value = Number(rate)
+
+  return Number.isFinite(value) && value > 0 ? value : null
+}
+
+/** The company's invoice defaults, read from the host bootstrap payload. */
+export async function fetchCompanyInvoiceDefaults(
+  client: AxiosInstance,
+): Promise<CompanyInvoiceDefaults> {
+  const { data } = await client.get<{
+    current_company_settings?: Record<string, string | null>
+    current_company_currency?: CurrencyFormat | null
+    current_user_settings?: Record<string, string | null>
+  }>(HOST_BILLING_API.bootstrap)
+
+  const settings = data?.current_company_settings ?? {}
+  const userSettings = data?.current_user_settings ?? {}
+  const days = Number(settings.invoice_due_date_days)
+  const template = userSettings.default_invoice_template
+
+  return {
+    currency: data?.current_company_currency ?? null,
+    dueDateDays: Number.isFinite(days) && days >= 0 ? days : 0,
+    setDueDateAutomatically: settings.invoice_set_due_date_automatically === 'YES',
+    // Anything but an explicit NO leaves the host numbering the invoice, which
+    // is what an older company with no stored value expects.
+    autoGenerateNumber: settings.invoice_auto_generate !== 'NO',
+    defaultTemplate: typeof template === 'string' && template !== '' ? template : null,
+  }
+}
diff --git a/resources/js/api/board.ts b/resources/js/api/board.ts
new file mode 100644
index 0000000..437e553
--- /dev/null
+++ b/resources/js/api/board.ts
@@ -0,0 +1,234 @@
+import type { AxiosInstance } from 'axios'
+import { BASE, TASKS_PROJECTS_API } from '@/api'
+import type { SortParams } from '@/api'
+import type { Paginated, Wrapped } from '@/types/api'
+import type { BoardColumn, BoardParams } from '@/types/board'
+import type { Project } from '@/types/project'
+import type { ProjectMember, ProjectMemberInput } from '@/types/project-member'
+import type {
+  Task,
+  TaskBulkInput,
+  TaskBulkResult,
+  TaskInput,
+  TaskListParams,
+  TaskMoveInput,
+  TaskQuickInput,
+} from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+import type { TimeEntry, TimeEntryListParams } from '@/types/time-entry'
+import type { StopTimerInput } from '@/types/timer'
+
+/** The columns `GET tasks` orders by. Mirrors `TaskService::SORT_KEYS`. */
+export const TASK_SORT_KEYS = ['number', 'name', 'priority', 'due_date', 'created_at'] as const
+
+export type TaskSortKey = (typeof TASK_SORT_KEYS)[number]
+
+/** The endpoints the board, the task lists and the project detail read. */
+export const BOARD_API = {
+  board: `${BASE}/board`,
+  tasks: `${BASE}/tasks`,
+  task: (id: number): string => `${BASE}/tasks/${id}`,
+  moveTask: (id: number): string => `${BASE}/tasks/${id}/move`,
+  startTask: (id: number): string => `${BASE}/tasks/${id}/start`,
+  stopTask: (id: number): string => `${BASE}/tasks/${id}/stop`,
+  taskTimeLog: (id: number): string => `${BASE}/tasks/${id}/time-log`,
+  bulkTasks: `${BASE}/tasks/bulk`,
+  taskStatuses: `${BASE}/task-statuses`,
+  timeEntries: `${BASE}/time-entries`,
+  projectMembers: (projectId: number): string => `${BASE}/projects/${projectId}/members`,
+  projectMember: (projectId: number, userId: number): string =>
+    `${BASE}/projects/${projectId}/members/${userId}`,
+} as const
+
+/** Every column of the company with its tasks, in one request. */
+export async function fetchBoard(
+  client: AxiosInstance,
+  params: BoardParams,
+): Promise<BoardColumn[]> {
+  const { data } = await client.get<Wrapped<BoardColumn[]>>(BOARD_API.board, { params })
+
+  return data.data
+}
+
+/** The board columns on their own, for the drawer's status picker. */
+export async function listTaskStatuses(client: AxiosInstance): Promise<TaskStatus[]> {
+  const { data } = await client.get<Wrapped<TaskStatus[]>>(BOARD_API.taskStatuses)
+
+  return data.data
+}
+
+export async function listTasks(
+  client: AxiosInstance,
+  params: TaskListParams & SortParams<TaskSortKey>,
+): Promise<Paginated<Task>> {
+  const { data } = await client.get<Paginated<Task>>(BOARD_API.tasks, { params })
+
+  return data
+}
+
+/**
+ * Create a task.
+ *
+ * The quick shape is the whole of what the start dialog knows: the server
+ * picks the default column and the rest of the defaults, so starting the clock
+ * on something new never means filling in a form first.
+ */
+export async function createTask(
+  client: AxiosInstance,
+  input: TaskInput | TaskQuickInput,
+): Promise<Task> {
+  const { data } = await client.post<Wrapped<Task>>(BOARD_API.tasks, input)
+
+  return data.data
+}
+
+export async function updateTask(
+  client: AxiosInstance,
+  id: number,
+  input: TaskInput,
+): Promise<Task> {
+  const { data } = await client.put<Wrapped<Task>>(BOARD_API.task(id), input)
+
+  return data.data
+}
+
+export async function deleteTask(client: AxiosInstance, id: number): Promise<void> {
+  await client.delete(BOARD_API.task(id))
+}
+
+/** One task with the time summary the list carries, for the task page. */
+export async function fetchTaskDetail(client: AxiosInstance, id: number): Promise<Task> {
+  const { data } = await client.get<Wrapped<Task>>(BOARD_API.task(id))
+
+  return data.data
+}
+
+/**
+ * Put the caller's clock on a task.
+ *
+ * Answers 409 `timer_already_running` when their timer is on another task,
+ * which is a question for the caller rather than a failure: the run control
+ * offers to stop the other one first.
+ */
+export async function startTask(
+  client: AxiosInstance,
+  id: number,
+  description: string | null = null,
+  billable?: boolean,
+): Promise<TimeEntry> {
+  const body: { description?: string | null; billable?: boolean } = {}
+
+  if (description !== null) {
+    body.description = description
+  }
+
+  if (billable !== undefined) {
+    body.billable = billable
+  }
+
+  const { data } = await client.post<Wrapped<TimeEntry>>(BOARD_API.startTask(id), body)
+
+  return data.data
+}
+
+/** Close the caller's running entry on a task. 409 `timer_mismatch` if it moved. */
+export async function stopTask(
+  client: AxiosInstance,
+  id: number,
+  input: StopTimerInput = {},
+): Promise<TimeEntry> {
+  const { data } = await client.post<Wrapped<TimeEntry>>(BOARD_API.stopTask(id), input)
+
+  return data.data
+}
+
+/**
+ * Every entry logged against one task, running first and then newest.
+ *
+ * A caller who may not see other members' time gets their own rows, so the
+ * grid renders either way and never has to ask which case it is in.
+ */
+export async function fetchTaskTimeLog(client: AxiosInstance, id: number): Promise<TimeEntry[]> {
+  const { data } = await client.get<Wrapped<TimeEntry[]>>(BOARD_API.taskTimeLog(id))
+
+  return data.data ?? []
+}
+
+/**
+ * Apply one action to a selection of tasks.
+ *
+ * The endpoint is partial by design: it reports how many it changed and names
+ * the ones it refused, so a locked task in the selection does not sink the
+ * rest of it.
+ */
+export async function bulkTasks(
+  client: AxiosInstance,
+  input: TaskBulkInput,
+): Promise<TaskBulkResult> {
+  const { data } = await client.post<TaskBulkResult>(BOARD_API.bulkTasks, input)
+
+  return { updated: data?.updated ?? [], failed: data?.failed ?? [] }
+}
+
+/**
+ * Drop a task between two neighbours of a column.
+ *
+ * The server owns the ordering: it returns the task with the `board_position`
+ * it settled on, which the board applies rather than guessing one itself.
+ */
+export async function moveTask(
+  client: AxiosInstance,
+  id: number,
+  input: TaskMoveInput,
+): Promise<Task> {
+  const { data } = await client.post<Wrapped<Task>>(BOARD_API.moveTask(id), input)
+
+  return data.data
+}
+
+/** One project with the totals only the detail endpoint carries. */
+export async function fetchProject(client: AxiosInstance, id: number): Promise<Project> {
+  const { data } = await client.get<Wrapped<Project>>(TASKS_PROJECTS_API.project(id))
+
+  return data.data
+}
+
+export async function listProjectMembers(
+  client: AxiosInstance,
+  projectId: number,
+): Promise<ProjectMember[]> {
+  const { data } = await client.get<Wrapped<ProjectMember[]>>(BOARD_API.projectMembers(projectId))
+
+  return data.data
+}
+
+export async function attachProjectMember(
+  client: AxiosInstance,
+  projectId: number,
+  input: ProjectMemberInput,
+): Promise<ProjectMember> {
+  const { data } = await client.post<Wrapped<ProjectMember>>(
+    BOARD_API.projectMembers(projectId),
+    input,
+  )
+
+  return data.data
+}
+
+export async function detachProjectMember(
+  client: AxiosInstance,
+  projectId: number,
+  userId: number,
+): Promise<void> {
+  await client.delete(BOARD_API.projectMember(projectId, userId))
+}
+
+/** The time logged against one project, for the read-only detail tab. */
+export async function listProjectTime(
+  client: AxiosInstance,
+  params: TimeEntryListParams,
+): Promise<Paginated<TimeEntry>> {
+  const { data } = await client.get<Paginated<TimeEntry>>(BOARD_API.timeEntries, { params })
+
+  return data
+}
diff --git a/resources/js/api/reports.ts b/resources/js/api/reports.ts
new file mode 100644
index 0000000..1732138
--- /dev/null
+++ b/resources/js/api/reports.ts
@@ -0,0 +1,94 @@
+import type { AxiosInstance } from 'axios'
+import { BASE } from '@/api'
+import type {
+  ReportBillableRow,
+  ReportCustomerRow,
+  ReportMemberRow,
+  ReportParams,
+  ReportProjectRow,
+  ReportSummary,
+  ReportTotals,
+} from '@/types/reports'
+
+/** The one endpoint the reports page reads. */
+export const REPORTS_API = {
+  summary: `${BASE}/reports/summary`,
+} as const
+
+/**
+ * The aggregates for one range, shaped the way the page renders them.
+ *
+ * The payload crosses a module boundary and the page cannot be checked in a
+ * browser from the module's own tree, so every field is read defensively: a
+ * missing figure becomes zero and a missing list becomes an empty one, which
+ * renders as an empty table rather than as a blank screen.
+ */
+export async function fetchReportSummary(
+  client: AxiosInstance,
+  params: ReportParams,
+): Promise<ReportSummary> {
+  const { data } = await client.get<{ data?: unknown }>(REPORTS_API.summary, { params })
+
+  return normalise(data?.data, params)
+}
+
+function normalise(payload: unknown, params: ReportParams): ReportSummary {
+  const body = isRecord(payload) ? payload : {}
+
+  return {
+    from: textOr(body.from, params.from ?? ''),
+    to: textOr(body.to, params.to ?? ''),
+    totals: rowsOf(body.totals).map(totalsOf),
+    by_project: rowsOf(body.by_project).map(
+      (row): ReportProjectRow => ({
+        ...totalsOf(row),
+        project_id: idOr(row.project_id),
+        label: textOr(row.label, ''),
+      }),
+    ),
+    by_member: rowsOf(body.by_member).map(
+      (row): ReportMemberRow => ({
+        ...totalsOf(row),
+        user_id: idOr(row.user_id),
+        label: textOr(row.label, ''),
+      }),
+    ),
+    by_customer: rowsOf(body.by_customer).map(
+      (row): ReportCustomerRow => ({ ...totalsOf(row), customer_id: idOr(row.customer_id) }),
+    ),
+    by_billable: rowsOf(body.by_billable).map(
+      (row): ReportBillableRow => ({ ...totalsOf(row), billable: row.billable === true }),
+    ),
+  }
+}
+
+function totalsOf(row: Record<string, unknown>): ReportTotals {
+  return {
+    currency_id: idOr(row.currency_id),
+    minutes: numberOr(row.minutes),
+    amount: numberOr(row.amount),
+    billable_minutes: numberOr(row.billable_minutes),
+    billable_amount: numberOr(row.billable_amount),
+    unbilled_amount: numberOr(row.unbilled_amount),
+  }
+}
+
+function rowsOf(value: unknown): Record<string, unknown>[] {
+  return Array.isArray(value) ? value.filter(isRecord) : []
+}
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null
+}
+
+function numberOr(value: unknown): number {
+  return typeof value === 'number' && Number.isFinite(value) ? value : 0
+}
+
+function idOr(value: unknown): number | null {
+  return typeof value === 'number' && Number.isFinite(value) ? value : null
+}
+
+function textOr(value: unknown, fallback: string): string {
+  return typeof value === 'string' && value.trim() !== '' ? value : fallback
+}
diff --git a/resources/js/api/time.ts b/resources/js/api/time.ts
new file mode 100644
index 0000000..a5676a9
--- /dev/null
+++ b/resources/js/api/time.ts
@@ -0,0 +1,233 @@
+import type { AxiosInstance } from 'axios'
+import type { Paginated, Wrapped } from '@/types/api'
+import type { CompanyMember } from '@/types/member'
+import type { ModuleSettings } from '@/types/settings'
+import type { TaskStatus, TaskStatusInput } from '@/types/task-status'
+import type { TaskSummary } from '@/types/task-summary'
+import type { TimeEntry, TimeEntryInput, TimeEntryListParams } from '@/types/time-entry'
+import type { RunningTimer, StartTimerInput, StopTimerInput } from '@/types/timer'
+
+const BASE = '/api/v1/tasks-projects'
+
+/** The endpoints the time screens talk to. */
+export const TIME_API = {
+  timeEntries: `${BASE}/time-entries`,
+  timeEntry: (id: number): string => `${BASE}/time-entries/${id}`,
+  timer: `${BASE}/timer`,
+  timerStart: `${BASE}/timer/start`,
+  timerStop: `${BASE}/timer/stop`,
+  taskStatuses: `${BASE}/task-statuses`,
+  taskStatus: (id: number): string => `${BASE}/task-statuses/${id}`,
+  reorderTaskStatuses: `${BASE}/task-statuses/reorder`,
+  tasks: `${BASE}/tasks`,
+  task: (id: number): string => `${BASE}/tasks/${id}`,
+  members: `${BASE}/members`,
+  settings: `${BASE}/settings`,
+} as const
+
+/** Host endpoints the module reads through the same session client. */
+export const HOST_TIME_API = {
+  bootstrap: '/api/v1/bootstrap',
+} as const
+
+/** How many rows one list request asks for, and how many it may ever ask for. */
+export const TIME_PAGE_SIZE = 25
+
+const WEEK_PAGE_SIZE = 100
+const MAX_WEEK_PAGES = 5
+const TASK_SEARCH_LIMIT = 10
+
+export async function listTimeEntries(
+  client: AxiosInstance,
+  params: TimeEntryListParams,
+): Promise<Paginated<TimeEntry>> {
+  const { data } = await client.get<Paginated<TimeEntry>>(TIME_API.timeEntries, { params })
+
+  return data
+}
+
+/**
+ * Every entry of one range, rather than one page of them.
+ *
+ * The week grid has to show whole days, so it follows the paginator instead of
+ * cutting the last day in half. The page walk is bounded: a week with more
+ * than five hundred entries is a data problem, not a view to render.
+ */
+export async function listAllTimeEntries(
+  client: AxiosInstance,
+  params: TimeEntryListParams,
+): Promise<TimeEntry[]> {
+  const entries: TimeEntry[] = []
+
+  for (let page = 1; page <= MAX_WEEK_PAGES; page += 1) {
+    const response = await listTimeEntries(client, { ...params, page, limit: WEEK_PAGE_SIZE })
+
+    entries.push(...(response.data ?? []))
+
+    if (!response.meta || page >= response.meta.last_page) {
+      break
+    }
+  }
+
+  return entries
+}
+
+export async function createTimeEntry(
+  client: AxiosInstance,
+  input: TimeEntryInput,
+): Promise<TimeEntry> {
+  const { data } = await client.post<Wrapped<TimeEntry>>(TIME_API.timeEntries, input)
+
+  return data.data
+}
+
+export async function updateTimeEntry(
+  client: AxiosInstance,
+  id: number,
+  input: TimeEntryInput,
+): Promise<TimeEntry> {
+  const { data } = await client.put<Wrapped<TimeEntry>>(TIME_API.timeEntry(id), input)
+
+  return data.data
+}
+
+export async function deleteTimeEntry(client: AxiosInstance, id: number): Promise<void> {
+  await client.delete(TIME_API.timeEntry(id))
+}
+
+/** The caller's running entry, or null when the clock is not running. */
+export async function fetchTimer(client: AxiosInstance): Promise<TimeEntry | null> {
+  const { data } = await client.get<RunningTimer>(TIME_API.timer)
+
+  return data?.data ?? null
+}
+
+export async function startTimer(
+  client: AxiosInstance,
+  input: StartTimerInput,
+): Promise<TimeEntry> {
+  const { data } = await client.post<Wrapped<TimeEntry>>(TIME_API.timerStart, input)
+
+  return data.data
+}
+
+/** Close the running entry, with whatever the stop dialog collected. */
+export async function stopTimer(
+  client: AxiosInstance,
+  input: StopTimerInput = {},
+): Promise<TimeEntry> {
+  const { data } = await client.post<Wrapped<TimeEntry>>(TIME_API.timerStop, input)
+
+  return data.data
+}
+
+export async function discardTimer(client: AxiosInstance): Promise<void> {
+  await client.delete(TIME_API.timer)
+}
+
+export async function listTaskStatuses(client: AxiosInstance): Promise<TaskStatus[]> {
+  const { data } = await client.get<Wrapped<TaskStatus[]>>(TIME_API.taskStatuses)
+
+  return data.data ?? []
+}
+
+export async function createTaskStatus(
+  client: AxiosInstance,
+  input: TaskStatusInput,
+): Promise<TaskStatus> {
+  const { data } = await client.post<Wrapped<TaskStatus>>(TIME_API.taskStatuses, input)
+
+  return data.data
+}
+
+export async function updateTaskStatus(
+  client: AxiosInstance,
+  id: number,
+  input: TaskStatusInput,
+): Promise<TaskStatus> {
+  const { data } = await client.put<Wrapped<TaskStatus>>(TIME_API.taskStatus(id), input)
+
+  return data.data
+}
+
+export async function deleteTaskStatus(client: AxiosInstance, id: number): Promise<void> {
+  await client.delete(TIME_API.taskStatus(id))
+}
+
+/** Apply the wanted column order; the endpoint answers with the new list. */
+export async function reorderTaskStatuses(
+  client: AxiosInstance,
+  ids: number[],
+): Promise<TaskStatus[]> {
+  const { data } = await client.post<Wrapped<TaskStatus[]>>(TIME_API.reorderTaskStatuses, { ids })
+
+  return data.data ?? []
+}
+
+/** How a picker narrows the task search beyond the typed text. */
+export interface TaskSearchOptions {
+  /** Only this project's tasks; omit or null to search every task. */
+  projectId?: number | null
+  /** `0` for tasks not yet on an invoice; omit to search either way. */
+  invoiced?: 0 | 1
+  limit?: number
+}
+
+/** Tasks matching what the picker has typed so far. */
+export async function searchTasks(
+  client: AxiosInstance,
+  search: string,
+  options: TaskSearchOptions = {},
+): Promise<TaskSummary[]> {
+  const params: Record<string, string | number> = { limit: options.limit ?? TASK_SEARCH_LIMIT }
+
+  if (search.trim() !== '') {
+    params.search = search.trim()
+  }
+
+  if (typeof options.projectId === 'number') {
+    params.project_id = options.projectId
+  }
+
+  if (options.invoiced !== undefined) {
+    params.invoiced = options.invoiced
+  }
+
+  const { data } = await client.get<Paginated<TaskSummary>>(TIME_API.tasks, { params })
+
+  return data.data ?? []
+}
+
+export async function fetchTask(client: AxiosInstance, id: number): Promise<TaskSummary> {
+  const { data } = await client.get<Wrapped<TaskSummary>>(TIME_API.task(id))
+
+  return data.data
+}
+
+/** The company's members, for the member filter and the "who logged it" column. */
+export async function listTimeMembers(client: AxiosInstance): Promise<CompanyMember[]> {
+  const { data } = await client.get<Wrapped<CompanyMember[]>>(TIME_API.members)
+
+  return data.data ?? []
+}
+
+export async function fetchTimeSettings(client: AxiosInstance): Promise<ModuleSettings> {
+  const { data } = await client.get<Wrapped<ModuleSettings>>(TIME_API.settings)
+
+  return data.data
+}
+
+/**
+ * The signed-in user's id, read from the host bootstrap payload.
+ *
+ * A module bundle has no access to the host's user store, and the time
+ * endpoints answer "my time" only when they are asked for a specific
+ * `user_id`, so the id is fetched once per company session from the same
+ * round trip the shell itself uses.
+ */
+export async function fetchCurrentUserId(client: AxiosInstance): Promise<number | null> {
+  const { data } = await client.get<{ current_user?: { id?: unknown } }>(HOST_TIME_API.bootstrap)
+  const id = data?.current_user?.id
+
+  return typeof id === 'number' ? id : null
+}
diff --git a/resources/js/components/AllTimeTable.vue b/resources/js/components/AllTimeTable.vue
new file mode 100644
index 0000000..cd0e7a2
--- /dev/null
+++ b/resources/js/components/AllTimeTable.vue
@@ -0,0 +1,279 @@
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { TIME_PAGE_SIZE, listTimeEntries } from '@/api/time'
+import { ensureTaskNames, taskLabel } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { formatDate, toDateString } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { formatDuration, localDateOf } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { TimeEntry, TimeEntryListParams } from '@/types/time-entry'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+type BillingFilter = 'ALL' | 'BILLED' | 'UNBILLED'
+
+interface Option {
+  id: number | BillingFilter
+  label: string
+}
+
+interface TablePagination {
+  totalPages: number
+  currentPage: number
+  totalCount: number
+  count: number
+  limit: number
+}
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  members: CompanyMember[]
+  /**
+   * Who and what the screen above is filtered to.
+   *
+   * The member and project pickers live on the Tasks header now, shared by
+   * every view, so the table follows them rather than offering a second pair
+   * that could disagree with the first.
+   */
+  memberId: number | null
+  projectId: number | null
+  /** Bumped by the page whenever an entry was saved elsewhere. */
+  reloadToken: number
+}>()
+
+const emit = defineEmits<{
+  (event: 'edit', entry: TimeEntry): void
+  (event: 'delete', entry: TimeEntry): void
+}>()
+
+const t = useTranslate()
+
+const tableRef = ref<{ refresh: (preservePage?: boolean) => void } | null>(null)
+
+const filters = reactive<{
+  from: string
+  to: string
+  billing: BillingFilter
+}>({
+  from: '',
+  to: '',
+  billing: 'ALL',
+})
+
+const billingOptions = computed<Option[]>(() => [
+  { id: 'ALL', label: t('tasks_projects.time.filters.all') },
+  { id: 'BILLED', label: t('tasks_projects.time.billed') },
+  { id: 'UNBILLED', label: t('tasks_projects.time.unbilled') },
+])
+
+const billingOption = computed<Option>({
+  get: () => optionFor(billingOptions.value, filters.billing),
+  set: (option: Option) => {
+    filters.billing = typeof option.id === 'string' ? option.id : 'ALL'
+  },
+})
+
+const columns = computed(() => [
+  { key: 'date', label: t('tasks_projects.time.columns.date'), sortable: false },
+  { key: 'member', label: t('tasks_projects.time.columns.member'), sortable: false },
+  {
+    key: 'task',
+    label: t('tasks_projects.time.columns.task'),
+    sortable: false,
+    tdClass: 'font-medium text-heading',
+  },
+  { key: 'description', label: t('tasks_projects.time.columns.description'), sortable: false },
+  { key: 'duration', label: t('tasks_projects.time.columns.duration'), sortable: false },
+  { key: 'billable', label: t('tasks_projects.time.columns.billable'), sortable: false },
+  { key: 'amount', label: t('tasks_projects.time.columns.amount'), sortable: false },
+  {
+    key: 'actions',
+    label: t('tasks_projects.general.actions'),
+    sortable: false,
+    tdClass: 'text-right text-sm font-medium',
+  },
+])
+
+watch(filters, () => refresh())
+
+watch([() => props.memberId, () => props.projectId], () => refresh())
+
+watch(() => props.reloadToken, () => refresh(true))
+
+function optionFor(options: Option[], id: number | BillingFilter): Option {
+  return options.find((option) => option.id === id) ?? options[0]
+}
+
+function refresh(preservePage = false): void {
+  tableRef.value?.refresh(preservePage)
+}
+
+function clearFilters(): void {
+  filters.from = ''
+  filters.to = ''
+  filters.billing = 'ALL'
+}
+
+function onFrom(value: string | Date): void {
+  filters.from = value ? toDateString(value) : ''
+}
+
+function onTo(value: string | Date): void {
+  filters.to = value ? toDateString(value) : ''
+}
+
+/**
+ * Who logged the row. A member who has left the company keeps their entries,
+ * so an id with no member is named rather than blanked; an empty member list
+ * means the caller may not read them, which is not the same thing.
+ */
+function memberName(userId: number): string {
+  const member = props.members.find((candidate) => candidate.id === userId)
+
+  if (member !== undefined) {
+    return member.name
+  }
+
+  return props.members.length === 0 ? `#${userId}` : t('tasks_projects.time.unknown_member')
+}
+
+async function fetchEntries({ page }: { page: number }): Promise<{
+  data: TimeEntry[]
+  pagination: TablePagination
+}> {
+  const params: TimeEntryListParams = { page, limit: TIME_PAGE_SIZE }
+
+  if (props.memberId !== null) {
+    params.user_id = props.memberId
+  }
+
+  if (props.projectId !== null) {
+    params.project_id = props.projectId
+  }
+
+  if (filters.from !== '') {
+    params.from = filters.from
+  }
+
+  if (filters.to !== '') {
+    params.to = filters.to
+  }
+
+  if (filters.billing !== 'ALL') {
+    params.billed = filters.billing === 'BILLED'
+  }
+
+  try {
+    const response = await listTimeEntries(props.client, params)
+    const rows = response.data ?? []
+
+    void ensureTaskNames(
+      props.client,
+      rows.map((entry) => entry.task_id).filter((id): id is number => typeof id === 'number'),
+    )
+
+    return { data: rows, pagination: paginationOf(response.meta, rows.length) }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.load_failed')))
+
+    return { data: [], pagination: paginationOf(null, 0) }
+  }
+}
+
+function paginationOf(
+  meta: { last_page: number; current_page: number; total: number; per_page: number } | null,
+  count: number,
+): TablePagination {
+  return {
+    totalPages: meta?.last_page ?? 1,
+    currentPage: meta?.current_page ?? 1,
+    totalCount: meta?.total ?? count,
+    count,
+    limit: meta?.per_page ?? TIME_PAGE_SIZE,
+  }
+}
+</script>
+
+<template>
+  <section>
+    <BaseFilterWrapper show row-on-xl class="mt-3" @clear="clearFilters">
+      <BaseInputGroup :label="t('tasks_projects.time.filters.from')" class="mt-2 flex-1">
+        <BaseDatePicker :model-value="filters.from" @update:model-value="onFrom" />
+      </BaseInputGroup>
+
+      <BaseInputGroup :label="t('tasks_projects.time.filters.to')" class="mt-2 flex-1">
+        <BaseDatePicker :model-value="filters.to" @update:model-value="onTo" />
+      </BaseInputGroup>
+
+      <BaseInputGroup :label="t('tasks_projects.time.filters.billing')" class="mt-2 flex-1">
+        <BaseSelectInput v-model="billingOption" :options="billingOptions" label-key="label" />
+      </BaseInputGroup>
+    </BaseFilterWrapper>
+
+    <div class="relative table-container">
+      <BaseTable ref="tableRef" :data="fetchEntries" :columns="columns" class="mt-3">
+        <template #cell-date="{ row }">
+          {{ formatDate(localDateOf(row.data.started_at)) }}
+        </template>
+
+        <template #cell-member="{ row }">
+          {{ memberName(row.data.user_id) }}
+        </template>
+
+        <template #cell-task="{ row }">
+          {{ taskLabel(row.data.task_id) }}
+        </template>
+
+        <template #cell-description="{ row }">
+          <span class="block max-w-64 truncate">{{ row.data.description || '-' }}</span>
+        </template>
+
+        <template #cell-duration="{ row }">
+          <span class="tabular-nums">{{ formatDuration(row.data.duration_minutes) }}</span>
+        </template>
+
+        <template #cell-billable="{ row }">
+          <BaseBadge
+            class="rounded-full"
+            :class="
+              row.data.billable
+                ? 'bg-primary-50! text-primary-500!'
+                : 'bg-surface-tertiary! text-muted!'
+            "
+          >
+            {{
+              row.data.billable
+                ? t('tasks_projects.time.billable')
+                : t('tasks_projects.time.non_billable')
+            }}
+          </BaseBadge>
+        </template>
+
+        <template #cell-amount="{ row }">
+          <BaseFormatMoney v-if="row.data.billable" :amount="row.data.amount" />
+          <span v-else class="text-subtle">-</span>
+        </template>
+
+        <template #cell-actions="{ row }">
+          <BaseDropdown>
+            <template #activator>
+              <BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
+            </template>
+
+            <BaseDropdownItem @click="emit('edit', row.data)">
+              <BaseIcon name="PencilIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.edit') }}
+            </BaseDropdownItem>
+
+            <BaseDropdownItem v-if="row.data.invoice_id === null" @click="emit('delete', row.data)">
+              <BaseIcon name="TrashIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.delete') }}
+            </BaseDropdownItem>
+          </BaseDropdown>
+        </template>
+      </BaseTable>
+    </div>
+  </section>
+</template>
diff --git a/resources/js/components/BulkActionBar.vue b/resources/js/components/BulkActionBar.vue
new file mode 100644
index 0000000..fce0df8
--- /dev/null
+++ b/resources/js/components/BulkActionBar.vue
@@ -0,0 +1,104 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { useTranslate } from '@/support/i18n'
+import type { SelectOption } from '@/types/board'
+import type { TaskStatus } from '@/types/task-status'
+
+const props = withDefaults(
+  defineProps<{
+    /** How many tasks the selection holds. The bar hides at zero. */
+    count: number
+    statuses: TaskStatus[]
+    /** True while a bulk request is in flight. */
+    busy: boolean
+    /** True while the invoicing sequence is running, anywhere in the module. */
+    invoicing?: boolean
+    /** False once the server has refused the ability to invoice. */
+    canInvoice?: boolean
+  }>(),
+  { invoicing: false, canInvoice: true },
+)
+
+const emit = defineEmits<{
+  (event: 'status', statusId: number): void
+  (event: 'delete'): void
+  (event: 'invoice'): void
+  (event: 'clear'): void
+  (event: 'select-page'): void
+}>()
+
+const t = useTranslate()
+
+const status = ref<SelectOption | null>(null)
+
+const statusOptions = computed<SelectOption[]>(() =>
+  props.statuses.map((record) => ({ id: record.id, label: record.name })),
+)
+
+// The picker is an action, not a setting: it forgets what was chosen so the
+// next selection starts from "move to" rather than from the last column used.
+watch(status, (option) => {
+  if (option !== null) {
+    emit('status', option.id)
+    status.value = null
+  }
+})
+</script>
+
+<template>
+  <div
+    v-if="count > 0"
+    class="mt-3 flex flex-wrap items-center gap-3 rounded-lg border border-primary-200 bg-primary-50 px-4 py-2.5"
+  >
+    <span class="text-sm font-medium text-primary-700">
+      {{ t('tasks_projects.tasks.bulk.selected', { count }) }}
+    </span>
+
+    <div class="min-w-48">
+      <BaseSelectInput
+        v-model="status"
+        :options="statusOptions"
+        :disabled="busy"
+        :placeholder="t('tasks_projects.tasks.bulk.change_status')"
+        label-key="label"
+      />
+    </div>
+
+    <BaseButton variant="primary-outline" size="sm" :disabled="busy" @click="emit('delete')">
+      <template #left="slotProps">
+        <BaseIcon name="TrashIcon" :class="slotProps.class" />
+      </template>
+      {{ t('tasks_projects.tasks.bulk.delete') }}
+    </BaseButton>
+
+    <BaseButton
+      v-if="canInvoice"
+      variant="primary-outline"
+      size="sm"
+      :loading="invoicing"
+      :disabled="busy || invoicing"
+      @click="emit('invoice')"
+    >
+      <template #left="slotProps">
+        <BaseIcon v-if="!invoicing" name="BanknotesIcon" :class="slotProps.class" />
+      </template>
+      {{ t('tasks_projects.tasks.bulk.invoice') }}
+    </BaseButton>
+
+    <button
+      type="button"
+      class="ml-auto text-sm font-medium text-primary-600 hover:underline"
+      @click="emit('select-page')"
+    >
+      {{ t('tasks_projects.tasks.bulk.select_page') }}
+    </button>
+
+    <button
+      type="button"
+      class="text-sm font-medium text-primary-600 hover:underline"
+      @click="emit('clear')"
+    >
+      {{ t('tasks_projects.tasks.bulk.clear') }}
+    </button>
+  </div>
+</template>
diff --git a/resources/js/components/InvoiceNumberModal.vue b/resources/js/components/InvoiceNumberModal.vue
new file mode 100644
index 0000000..a3fccc1
--- /dev/null
+++ b/resources/js/components/InvoiceNumberModal.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { answerInvoiceNumber, invoicingStore } from '@/stores/invoicing'
+import { useTranslate } from '@/support/i18n'
+
+/**
+ * The one question the invoicing sequence ever asks.
+ *
+ * A company that numbers its invoices itself gets no number from the host, so
+ * the draft cannot be written without one. The dialog is mounted once in the
+ * company layout rather than by each screen that can invoice, because the
+ * sequence runs from a row, a bar, a header and a page, and none of them
+ * should have to carry a dialog for it.
+ */
+
+const t = useTranslate()
+
+const number = ref('')
+
+const open = computed<boolean>(() => invoicingStore.prompt !== null)
+
+const valid = computed<boolean>(() => number.value.trim() !== '')
+
+// Opening fills the field with whatever the host did manage to suggest, so the
+// common answer is "press save".
+watch(
+  () => invoicingStore.prompt,
+  (prompt) => {
+    number.value = prompt?.suggested ?? ''
+  },
+)
+
+function save(): void {
+  if (!valid.value) {
+    return
+  }
+
+  answerInvoiceNumber(number.value.trim())
+}
+
+/** Backing out cancels the invoice; nothing has been created yet. */
+function cancel(): void {
+  answerInvoiceNumber(null)
+}
+</script>
+
+<template>
+  <BaseModal :show="open" @close="cancel">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>{{ t('tasks_projects.billing.number.title') }}</span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="cancel"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="save">
+      <div class="space-y-5 px-6 py-6">
+        <p class="text-sm text-muted">
+          {{ t('tasks_projects.billing.number.description') }}
+        </p>
+
+        <BaseInputGroup :label="t('tasks_projects.billing.number.label')" required>
+          <BaseInput v-model="number" type="text" name="invoice_number" autocomplete="off" />
+        </BaseInputGroup>
+      </div>
+
+      <div class="flex justify-end space-x-3 border-t border-line-default px-6 py-4">
+        <BaseButton type="button" variant="primary-outline" @click="cancel">
+          {{ t('tasks_projects.general.cancel') }}
+        </BaseButton>
+        <BaseButton type="submit" variant="primary" :disabled="!valid">
+          {{ t('tasks_projects.billing.number.save') }}
+        </BaseButton>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/InvoiceRetryBanner.vue b/resources/js/components/InvoiceRetryBanner.vue
new file mode 100644
index 0000000..0f65299
--- /dev/null
+++ b/resources/js/components/InvoiceRetryBanner.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { clearStamp, invoicingStore } from '@/stores/invoicing'
+import { useTranslate } from '@/support/i18n'
+import { invoiceViewPath, retryStamp } from '@/support/invoicing'
+import type { Notify } from '@/support/page'
+
+/**
+ * The one failure of invoicing that leaves work behind.
+ *
+ * The invoice was created and its time entries were not stamped, so the hours
+ * still read as unbilled and would go onto a second invoice if nobody said
+ * otherwise. Until the stamp lands, the module refuses to start another
+ * invoice, and this is the way out: `billing/confirm` is idempotent, so
+ * pressing retry can only ever finish the invoice that already exists.
+ */
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+}>()
+
+const t = useTranslate()
+
+const busy = ref(false)
+
+const pending = computed(() => invoicingStore.pending)
+
+async function retry(): Promise<void> {
+  if (busy.value) {
+    return
+  }
+
+  busy.value = true
+
+  try {
+    await retryStamp(props.client, props.notify, t)
+  } finally {
+    busy.value = false
+  }
+}
+
+/**
+ * Let go of an invoice that can never be stamped.
+ *
+ * An invoice deleted in the host, or one whose entries were removed, would
+ * otherwise keep the module locked out of invoicing for the rest of the
+ * session. Dismissing is deliberate and says so: the time stays unbilled.
+ */
+function dismiss(): void {
+  if (window.confirm(t('tasks_projects.billing.retry.dismiss_confirm'))) {
+    clearStamp()
+  }
+}
+</script>
+
+<template>
+  <div
+    v-if="pending"
+    class="mt-4 rounded-xl border border-status-yellow bg-surface p-5"
+    role="alert"
+  >
+    <p class="text-sm font-semibold text-heading">
+      {{ t('tasks_projects.billing.retry.title') }}
+    </p>
+    <p class="mt-1 text-sm text-muted">
+      {{ t('tasks_projects.billing.retry.description', { number: pending.invoiceNumber }) }}
+    </p>
+
+    <div class="mt-4 flex flex-wrap items-center gap-3">
+      <BaseButton variant="primary" :loading="busy" :disabled="busy" @click="retry">
+        {{ t('tasks_projects.billing.retry.action') }}
+      </BaseButton>
+
+      <router-link :to="invoiceViewPath(pending.invoiceId)">
+        <BaseButton variant="white">
+          {{ t('tasks_projects.billing.retry.open_invoice') }}
+        </BaseButton>
+      </router-link>
+
+      <button
+        type="button"
+        class="text-sm font-medium text-muted hover:underline"
+        @click="dismiss"
+      >
+        {{ t('tasks_projects.billing.retry.dismiss') }}
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/components/InvoicedBadge.vue b/resources/js/components/InvoicedBadge.vue
new file mode 100644
index 0000000..9aff817
--- /dev/null
+++ b/resources/js/components/InvoicedBadge.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useTranslate } from '@/support/i18n'
+import type { TaskInvoiceState } from '@/types/task'
+
+const props = withDefaults(
+  defineProps<{
+    /** What the task's time summary says about its billable time. */
+    state?: TaskInvoiceState
+  }>(),
+  { state: 'none' },
+)
+
+const t = useTranslate()
+
+/**
+ * A task with nothing billable to say shows nothing.
+ *
+ * The badge marks a state worth acting on: money already invoiced, or money
+ * waiting to be. A task nobody has logged billable time against is neither,
+ * and a badge reading "none" would only add noise to every row.
+ */
+const visible = computed<boolean>(() => props.state === 'invoiced' || props.state === 'uninvoiced')
+
+const label = computed<string>(() =>
+  props.state === 'invoiced'
+    ? t('tasks_projects.tasks.invoiced')
+    : t('tasks_projects.tasks.uninvoiced'),
+)
+
+/**
+ * The host badge carries its own colour classes and its stylesheet is loaded
+ * after the module's, so the override has to be important to hold.
+ */
+const tone = computed<string>(() =>
+  props.state === 'invoiced'
+    ? 'bg-alert-success-bg! text-alert-success-text!'
+    : 'bg-alert-warning-bg! text-alert-warning-text!',
+)
+</script>
+
+<template>
+  <BaseBadge v-if="visible" class="rounded-full whitespace-nowrap" :class="tone">
+    {{ label }}
+  </BaseBadge>
+</template>
diff --git a/resources/js/components/ProjectFormModal.vue b/resources/js/components/ProjectFormModal.vue
new file mode 100644
index 0000000..bb3ab64
--- /dev/null
+++ b/resources/js/components/ProjectFormModal.vue
@@ -0,0 +1,284 @@
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { createProject, listCustomers, updateProject } from '@/api'
+import { errorMessage, fieldErrors } from '@/support/errors'
+import {
+  hoursToMinutes,
+  majorToMinor,
+  minorToMajor,
+  minutesToHours,
+  toDateString,
+} from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Customer } from '@/types/api'
+import type { Project, ProjectInput } from '@/types/project'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+interface CustomerOption {
+  id: number
+  label: string
+}
+
+const props = defineProps<{
+  show: boolean
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  /** The project being edited, or null to create one. */
+  project: Project | null
+}>()
+
+const emit = defineEmits<{
+  (event: 'close'): void
+  (event: 'saved', project: Project): void
+}>()
+
+/** Swatches a project can be tagged with. Stored as written, at most 16 chars. */
+const COLOURS = ['#2563eb', '#0891b2', '#059669', '#ca8a04', '#ea580c', '#dc2626', '#7c3aed', '#64748b']
+
+const t = useTranslate()
+
+const form = reactive({
+  name: '',
+  identifier: '',
+  description: '',
+  colour: '',
+  /** Major units, as typed. Converted to minor units on save. */
+  defaultRate: '',
+  /** Hours, as typed. Converted to minutes on save. */
+  budgetHours: '',
+  dueDate: '',
+})
+
+const customer = ref<CustomerOption | null>(null)
+const customers = ref<CustomerOption[]>([])
+const customersLoaded = ref(false)
+const errors = ref<Record<string, string>>({})
+const saving = ref(false)
+
+const isEdit = computed(() => props.project !== null)
+
+const title = computed(() =>
+  isEdit.value ? t('tasks_projects.projects.edit_project') : t('tasks_projects.projects.new_project'),
+)
+
+watch(
+  () => props.show,
+  (show) => {
+    if (show) {
+      reset()
+      void loadCustomers()
+    }
+  },
+  { immediate: true },
+)
+
+function reset(): void {
+  const project = props.project
+
+  form.name = project?.name ?? ''
+  form.identifier = project?.identifier ?? ''
+  form.description = project?.description ?? ''
+  form.colour = project?.colour ?? ''
+  form.defaultRate = minorToMajor(project?.default_rate ?? null)
+  form.budgetHours = minutesToHours(project?.budget_minutes ?? null)
+  form.dueDate = project?.due_date ?? ''
+  errors.value = {}
+  customer.value = findCustomer(project?.customer_id ?? null)
+}
+
+function findCustomer(id: number | null): CustomerOption | null {
+  return id === null ? null : (customers.value.find((option) => option.id === id) ?? null)
+}
+
+function customerLabel(record: Customer): string {
+  return record.display_name || record.name || `#${record.id}`
+}
+
+async function loadCustomers(): Promise<void> {
+  if (customersLoaded.value) {
+    return
+  }
+
+  try {
+    const records = await listCustomers(props.client)
+
+    customers.value = records.map((record) => ({ id: record.id, label: customerLabel(record) }))
+    customersLoaded.value = true
+    customer.value = findCustomer(props.project?.customer_id ?? null)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.customers_failed')))
+  }
+}
+
+function payload(): ProjectInput {
+  return {
+    name: form.name.trim(),
+    customer_id: customer.value?.id ?? null,
+    identifier: form.identifier.trim() || null,
+    description: form.description.trim() || null,
+    colour: form.colour || null,
+    default_rate: majorToMinor(form.defaultRate),
+    budget_minutes: hoursToMinutes(form.budgetHours),
+    due_date: form.dueDate || null,
+  }
+}
+
+function onDueDate(value: string | Date): void {
+  form.dueDate = value ? toDateString(value) : ''
+}
+
+async function save(): Promise<void> {
+  if (saving.value) {
+    return
+  }
+
+  if (form.name.trim() === '') {
+    errors.value = { name: t('tasks_projects.projects.name_required') }
+
+    return
+  }
+
+  saving.value = true
+  errors.value = {}
+
+  try {
+    const existing = props.project
+    const project = existing
+      ? await updateProject(props.client, existing.id, payload())
+      : await createProject(props.client, payload())
+
+    emit('saved', project)
+  } catch (error: unknown) {
+    errors.value = fieldErrors(error)
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.save_failed')))
+  } finally {
+    saving.value = false
+  }
+}
+</script>
+
+<template>
+  <BaseModal :show="show" @close="emit('close')">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>{{ title }}</span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="emit('close')"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="save">
+      <div class="space-y-5 px-6 py-6">
+        <BaseInputGrid>
+          <BaseInputGroup
+            :label="t('tasks_projects.projects.fields.name')"
+            :error="errors.name"
+            required
+          >
+            <BaseInput v-model="form.name" :invalid="Boolean(errors.name)" type="text" />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.projects.fields.identifier')"
+            :error="errors.identifier"
+            :help-text="t('tasks_projects.projects.fields.identifier_help')"
+          >
+            <BaseInput
+              v-model="form.identifier"
+              :invalid="Boolean(errors.identifier)"
+              type="text"
+              maxlength="32"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.projects.fields.customer')"
+            :error="errors.customer_id"
+            :help-text="t('tasks_projects.projects.fields.customer_help')"
+          >
+            <BaseSelectInput
+              v-model="customer"
+              :options="customers"
+              :placeholder="t('tasks_projects.projects.fields.customer_placeholder')"
+              label-key="label"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup :label="t('tasks_projects.projects.fields.due_date')" :error="errors.due_date">
+            <BaseDatePicker :model-value="form.dueDate" @update:model-value="onDueDate" />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.projects.fields.default_rate')"
+            :error="errors.default_rate"
+            :help-text="t('tasks_projects.projects.fields.default_rate_help')"
+          >
+            <BaseInput
+              v-model="form.defaultRate"
+              :invalid="Boolean(errors.default_rate)"
+              type="number"
+              step="0.01"
+              min="0"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.projects.fields.budget_hours')"
+            :error="errors.budget_minutes"
+          >
+            <BaseInput
+              v-model="form.budgetHours"
+              :invalid="Boolean(errors.budget_minutes)"
+              type="number"
+              step="0.25"
+              min="0"
+            />
+          </BaseInputGroup>
+        </BaseInputGrid>
+
+        <BaseInputGroup :label="t('tasks_projects.projects.fields.colour')" :error="errors.colour">
+          <div class="flex flex-wrap items-center gap-2">
+            <button
+              v-for="option in COLOURS"
+              :key="option"
+              type="button"
+              class="h-7 w-7 rounded-full border-2 transition"
+              :class="form.colour === option ? 'border-heading' : 'border-line-default'"
+              :style="{ backgroundColor: option }"
+              :aria-label="option"
+              @click="form.colour = form.colour === option ? '' : option"
+            />
+            <button
+              type="button"
+              class="rounded-md border border-line-default px-2 py-1 text-xs text-muted hover:bg-hover"
+              @click="form.colour = ''"
+            >
+              {{ t('tasks_projects.projects.fields.colour_none') }}
+            </button>
+          </div>
+        </BaseInputGroup>
+
+        <BaseInputGroup
+          :label="t('tasks_projects.projects.fields.description')"
+          :error="errors.description"
+        >
+          <BaseTextarea v-model="form.description" :row="3" :invalid="Boolean(errors.description)" />
+        </BaseInputGroup>
+      </div>
+
+      <div class="flex justify-end space-x-3 border-t border-line-default px-6 py-4">
+        <BaseButton type="button" variant="primary-outline" @click="emit('close')">
+          {{ t('tasks_projects.general.cancel') }}
+        </BaseButton>
+        <BaseButton type="submit" variant="primary" :loading="saving" :disabled="saving">
+          {{ isEdit ? t('tasks_projects.general.update') : t('tasks_projects.general.save') }}
+        </BaseButton>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/QuickStartOverlay.vue b/resources/js/components/QuickStartOverlay.vue
new file mode 100644
index 0000000..714d58b
--- /dev/null
+++ b/resources/js/components/QuickStartOverlay.vue
@@ -0,0 +1,221 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { taskLabel } from '@/stores/tasks'
+import { timerStore } from '@/stores/timer'
+import { useTranslate } from '@/support/i18n'
+import { formatClock } from '@/support/time'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+/** The aria-label the AI assistant module puts on its own launcher button. */
+const AI_ASSISTANT_SELECTOR = '[aria-label="Open AI Assistant"]'
+
+/** Settings screens run long forms the launcher would sit on top of. */
+const HIDDEN_PATH_PREFIX = '/admin/settings'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  /** False in platform administration, where no company is active. */
+  enabled: boolean
+  /** The host router: a module bundle cannot call `useRouter()`. */
+  router: Router
+}>()
+
+const emit = defineEmits<{
+  (event: 'open-task'): void
+}>()
+
+const t = useTranslate()
+
+/** Whether the running panel is open. There is nothing to show when idle. */
+const open = ref(false)
+
+/** The current path, read from the host router and kept up to date on every navigation. */
+const currentPath = ref(window.location.pathname)
+
+/** Whether the AI assistant's launcher floats in the same corner as this one. */
+const aiAssistantFloats = ref(false)
+
+let stopWatchingRoute: (() => void) | undefined
+
+const feedback = computed(() => ({ notify: props.notify, t }))
+
+const runningLabel = computed<string>(() => taskLabel(timerStore.running?.task_id ?? null))
+
+const elapsed = computed<string>(() => formatClock(timerStore.elapsedSeconds))
+
+/** True while either timer dialog is on screen, which the launcher sits over. */
+const asking = computed<boolean>(
+  () => timerStore.stopPrompt !== null || timerStore.startPrompt !== null,
+)
+
+/**
+ * Long settings forms, such as the status editor, run the full height of the
+ * page: a fixed launcher sitting on top of them hides the last rows and the
+ * save button, so the launcher steps aside there rather than everywhere.
+ *
+ * It steps aside for its own dialogs too, because a floating button over a
+ * modal backdrop reads as something still to be pressed.
+ */
+const hiddenHere = computed<boolean>(
+  () => asking.value || currentPath.value.startsWith(HIDDEN_PATH_PREFIX),
+)
+
+/**
+ * Clear the bottom of the AI assistant's own launcher when it floats in the
+ * same corner, so the two buttons do not stack on top of each other.
+ */
+const wrapperClass = computed<string>(() => (aiAssistantFloats.value ? 'bottom-24' : 'bottom-5'))
+
+/**
+ * Look for a launcher that is actually in the way.
+ *
+ * The assistant ships its launcher either in the page header or as a bubble of
+ * its own, and only the second one shares this corner, so the layout is asked
+ * rather than the selector believed. The look is repeated on every navigation
+ * because a module registers its header action from a script the host loads
+ * alongside this one, which a single look at mount time can miss.
+ */
+function probeAiAssistant(): void {
+  aiAssistantFloats.value = Array.from(document.querySelectorAll(AI_ASSISTANT_SELECTOR)).some(
+    (launcher) => window.getComputedStyle(launcher).position === 'fixed',
+  )
+}
+
+watch(
+  () => props.enabled,
+  (enabled) => {
+    if (!enabled) {
+      close()
+    }
+  },
+)
+
+// A stopped or discarded timer leaves the panel with nothing to say.
+watch(
+  () => timerStore.running,
+  (running) => {
+    if (running === null) {
+      close()
+    }
+  },
+)
+
+onMounted(() => {
+  currentPath.value = props.router.currentRoute.value.path
+  stopWatchingRoute = props.router.afterEach((to) => {
+    currentPath.value = to.path
+    probeAiAssistant()
+  })
+
+  probeAiAssistant()
+})
+
+onBeforeUnmount(() => {
+  stopWatchingRoute?.()
+})
+
+function close(): void {
+  open.value = false
+}
+
+/**
+ * The circle does the obvious thing for the state it is in.
+ *
+ * Idle, it asks what to start: the project, the task, and what the time is
+ * for. Running, it opens the panel that says what is on the clock.
+ */
+function press(): void {
+  if (timerStore.running === null) {
+    void timerStore.startWithPrompt(props.client, feedback.value)
+
+    return
+  }
+
+  open.value = !open.value
+}
+
+function stop(): void {
+  void timerStore.stopWithPrompt(props.client, feedback.value)
+}
+
+function openTask(): void {
+  close()
+  emit('open-task')
+}
+</script>
+
+<template>
+  <Teleport to="body">
+    <div
+      v-if="enabled && !hiddenHere"
+      class="fixed right-5 z-40 flex flex-col items-end gap-3"
+      :class="wrapperClass"
+    >
+      <!-- Running: what is on the clock, and the two ways out of it. -->
+      <section
+        v-if="open && timerStore.running !== null"
+        class="w-80 max-w-[calc(100vw-3rem)] rounded-xl border border-line-default bg-surface shadow-2xl"
+        :aria-label="t('tasks_projects.timer.panel_title')"
+        @keydown.esc="close"
+      >
+        <header class="flex items-center justify-between border-b border-line-default px-4 py-3">
+          <h2 class="text-sm font-semibold text-heading">
+            {{ t('tasks_projects.timer.running') }}
+          </h2>
+
+          <button
+            type="button"
+            class="rounded p-1 text-subtle hover:bg-hover hover:text-heading"
+            :aria-label="t('tasks_projects.timer.close')"
+            @click="close"
+          >
+            <BaseIcon name="XMarkIcon" class="h-5 w-5" />
+          </button>
+        </header>
+
+        <div class="space-y-4 px-4 py-4">
+          <div>
+            <p class="truncate text-sm font-medium text-heading">{{ runningLabel }}</p>
+            <p class="mt-1 text-2xl font-semibold tabular-nums text-primary-500">{{ elapsed }}</p>
+            <p v-if="timerStore.running.description" class="mt-1 text-xs text-muted">
+              {{ timerStore.running.description }}
+            </p>
+          </div>
+
+          <div class="flex items-center justify-between">
+            <button
+              type="button"
+              class="text-xs text-primary-500 hover:underline"
+              @click="openTask"
+            >
+              {{ t('tasks_projects.timer.open_task') }}
+            </button>
+
+            <BaseButton variant="primary" :disabled="timerStore.busy" @click="stop">
+              <template #left="slotProps">
+                <BaseIcon name="StopIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.timer.stop') }}
+            </BaseButton>
+          </div>
+        </div>
+      </section>
+
+      <button
+        type="button"
+        class="flex items-center justify-center gap-2 rounded-full bg-btn-primary text-sm font-medium text-white shadow-lg hover:bg-btn-primary-hover"
+        :class="timerStore.running === null ? 'h-14 w-14 p-0' : 'h-14 px-5'"
+        :title="t('tasks_projects.timer.quick_start')"
+        :aria-label="t('tasks_projects.timer.quick_start')"
+        @click="press"
+      >
+        <BaseIcon :name="timerStore.running === null ? 'ClockIcon' : 'StopIcon'" class="h-5 w-5 text-white" />
+        <span v-if="timerStore.running !== null" class="tabular-nums">{{ elapsed }}</span>
+      </button>
+    </div>
+  </Teleport>
+</template>
diff --git a/resources/js/components/ReportBreakdownTable.vue b/resources/js/components/ReportBreakdownTable.vue
new file mode 100644
index 0000000..29896cd
--- /dev/null
+++ b/resources/js/components/ReportBreakdownTable.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useTranslate } from '@/support/i18n'
+import { formatDuration } from '@/support/time'
+import type { BreakdownRow } from '@/types/reports'
+
+const props = defineProps<{
+  title: string
+  /** What the first column is called: Project, Member or Customer. */
+  labelHeading: string
+  rows: BreakdownRow[]
+  /** Set when the report spans more than one currency, which earns a column. */
+  showCurrency: boolean
+}>()
+
+const t = useTranslate()
+
+/**
+ * The table reads a local array, so it sorts in the browser: these are the
+ * handful of rows one range produced, not a page of a larger list.
+ *
+ * `BaseTable` snapshots its columns when it mounts, so the currency column
+ * appearing later needs the table itself to be rebuilt, which the key below
+ * does.
+ */
+const columns = computed(() => [
+  {
+    key: 'label',
+    label: props.labelHeading,
+    thClass: 'extra',
+    tdClass: 'font-medium text-heading',
+  },
+  ...(props.showCurrency
+    ? [{ key: 'currency_id', label: t('tasks_projects.reports.tables.currency') }]
+    : []),
+  { key: 'minutes', label: t('tasks_projects.reports.tables.logged'), dataType: 'numeric' },
+  {
+    key: 'billable_minutes',
+    label: t('tasks_projects.reports.tables.billable'),
+    dataType: 'numeric',
+  },
+  { key: 'amount', label: t('tasks_projects.reports.tables.amount'), dataType: 'numeric' },
+  {
+    key: 'unbilled_amount',
+    label: t('tasks_projects.reports.tables.unbilled'),
+    dataType: 'numeric',
+  },
+])
+
+const tableKey = computed(() => (props.showCurrency ? 'currency' : 'plain'))
+</script>
+
+<template>
+  <section class="mt-6">
+    <h3 class="text-sm font-semibold tracking-wider text-muted uppercase">{{ title }}</h3>
+
+    <div class="relative table-container">
+      <BaseTable :key="tableKey" :data="rows" :columns="columns" class="mt-2">
+        <template #cell-currency_id="{ row }">
+          <span v-if="row.data.currency_id === null" class="text-subtle">-</span>
+          <span v-else>#{{ row.data.currency_id }}</span>
+        </template>
+
+        <template #cell-minutes="{ row }">{{ formatDuration(row.data.minutes) }}</template>
+
+        <template #cell-billable_minutes="{ row }">
+          {{ formatDuration(row.data.billable_minutes) }}
+        </template>
+
+        <template #cell-amount="{ row }">
+          <BaseFormatMoney :amount="row.data.amount" />
+        </template>
+
+        <template #cell-unbilled_amount="{ row }">
+          <BaseFormatMoney :amount="row.data.unbilled_amount" />
+        </template>
+      </BaseTable>
+    </div>
+  </section>
+</template>
diff --git a/resources/js/components/StartTimerModal.vue b/resources/js/components/StartTimerModal.vue
new file mode 100644
index 0000000..c0b1325
--- /dev/null
+++ b/resources/js/components/StartTimerModal.vue
@@ -0,0 +1,297 @@
+<script setup lang="ts">
+import { computed, nextTick, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { listProjects } from '@/api'
+import { fetchTask, searchTasks } from '@/api/time'
+import { rememberTask } from '@/stores/tasks'
+import { timerStore } from '@/stores/timer'
+import { errorMessage } from '@/support/errors'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type { SelectOption } from '@/types/board'
+import type { TaskSummary } from '@/types/task-summary'
+
+/**
+ * Starting a timer, with room to say what it is for.
+ *
+ * The floating launcher used to offer a bare task search, which only worked
+ * for someone who already knew the task existed. This asks the way people
+ * actually think about it: the project first, then the task inside it, and if
+ * the task has not been written down yet, the search box creates it.
+ *
+ * Mounted once in the company layout beside the stop dialog, and hidden on no
+ * path: starting a clock is not a thing to be denied on a settings screen.
+ */
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+}>()
+
+const t = useTranslate()
+
+/** The option id that means "no project", rather than a project of that id. */
+const ANY_PROJECT = 0
+
+/** The option id of the "create what I typed" row, which is not a task yet. */
+const CREATE_ID = -1
+
+/** How many projects the picker lists, matching the other project pickers. */
+const PROJECT_LIMIT = 100
+
+const TASK_LIMIT = 10
+
+/** A task the picker can start on, or the offer to create one. */
+interface TaskOption {
+  id: number
+  label: string
+  /** The name to create with, for the create option. */
+  name: string
+  billable: boolean
+}
+
+const projects = ref<SelectOption[]>([])
+const projectId = ref<number>(ANY_PROJECT)
+const picked = ref<TaskOption | null>(null)
+const description = ref('')
+const billable = ref(true)
+
+const open = computed<boolean>(() => timerStore.startPrompt !== null)
+
+const projectOptions = computed<SelectOption[]>(() => [
+  { id: ANY_PROJECT, label: t('tasks_projects.timer.any_project') },
+  ...projects.value,
+])
+
+/**
+ * The picker binds an option and the answer wants an id, so the id stays the
+ * source of truth and the option is derived from it. That matters while the
+ * project list is still loading, when the id is known and no option exists yet.
+ */
+const project = computed<SelectOption | null>(
+  () => projectOptions.value.find((option) => option.id === projectId.value) ?? null,
+)
+
+watch(
+  () => timerStore.startPrompt,
+  (prompt) => {
+    if (prompt === null) {
+      return
+    }
+
+    projectId.value = typeof prompt.projectId === 'number' ? prompt.projectId : ANY_PROJECT
+    picked.value = null
+    description.value = ''
+    billable.value = true
+
+    void loadProjects()
+
+    if (typeof prompt.taskId === 'number') {
+      void preselect(prompt.taskId)
+    }
+  },
+)
+
+// A different project means a different list, so a pick from the old one goes.
+watch(projectId, () => {
+  picked.value = null
+})
+
+async function loadProjects(): Promise<void> {
+  try {
+    const response = await listProjects(props.client, {
+      limit: PROJECT_LIMIT,
+      status: 'ACTIVE',
+      sort_by: 'name',
+    })
+
+    projects.value = (response.data ?? []).map((record) => ({
+      id: record.id,
+      label: record.name,
+    }))
+  } catch (error: unknown) {
+    projects.value = []
+    props.notify('error', errorMessage(error, t('tasks_projects.time.projects_failed')))
+  }
+}
+
+/**
+ * Open on a task the caller already had in mind.
+ *
+ * The project is set first and the task after the watchers have run, because
+ * choosing a project is what clears a pick made under the previous one.
+ */
+async function preselect(taskId: number): Promise<void> {
+  try {
+    const task = await fetchTask(props.client, taskId)
+
+    rememberTask(task)
+
+    if (typeof task.project_id === 'number') {
+      projectId.value = task.project_id
+    }
+
+    await nextTick()
+    pick(optionFor(task))
+  } catch {
+    // The picker stays empty; starting still needs a task to be chosen.
+  }
+}
+
+function optionFor(task: TaskSummary): TaskOption {
+  return {
+    id: task.id,
+    label: typeof task.number === 'number' ? `#${task.number} ${task.name}` : task.name,
+    name: task.name,
+    billable: task.billable !== false,
+  }
+}
+
+/**
+ * The picker's option source: the server filters, so the list does not.
+ *
+ * A search that matches nothing is not a dead end. The typed text becomes the
+ * offer to create a task of that name and start on it, which is the whole
+ * reason someone opens this dialog with a name in their head and no task.
+ */
+async function loadTasks(query: string): Promise<TaskOption[]> {
+  const text = (query ?? '').trim()
+
+  try {
+    const tasks = await searchTasks(props.client, text, {
+      projectId: projectId.value === ANY_PROJECT ? null : projectId.value,
+      invoiced: 0,
+      limit: TASK_LIMIT,
+    })
+
+    tasks.forEach(rememberTask)
+
+    const options = tasks.map(optionFor)
+
+    if (options.length === 0 && text !== '') {
+      options.push({
+        id: CREATE_ID,
+        label: t('tasks_projects.timer.create_and_start', { name: text }),
+        name: text,
+        billable: true,
+      })
+    }
+
+    return options
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.tasks_failed')))
+
+    return []
+  }
+}
+
+function pickProject(option: SelectOption | null): void {
+  projectId.value = option?.id ?? ANY_PROJECT
+}
+
+function pick(option: TaskOption | null): void {
+  picked.value = option
+  billable.value = option === null ? true : option.billable
+}
+
+function start(): void {
+  const option = picked.value
+
+  if (option === null) {
+    return
+  }
+
+  const note = description.value.trim() || null
+  const chosenProject = projectId.value === ANY_PROJECT ? null : projectId.value
+
+  timerStore.answerStart(
+    option.id === CREATE_ID
+      ? { create: { name: option.name, projectId: chosenProject }, description: note, billable: billable.value }
+      : { taskId: option.id, description: note, billable: billable.value },
+  )
+}
+
+/** Backing out starts nothing: no task is created and no clock is opened. */
+function cancel(): void {
+  timerStore.answerStart(null)
+}
+</script>
+
+<template>
+  <BaseModal :show="open" @close="cancel">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>{{ t('tasks_projects.timer.start_title') }}</span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="cancel"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="start">
+      <div class="space-y-5 px-6 py-6">
+        <BaseInputGroup :label="t('tasks_projects.time.filters.project')">
+          <BaseMultiselect
+            :model-value="project"
+            :options="projectOptions"
+            :can-clear="false"
+            value-prop="id"
+            track-by="label"
+            label="label"
+            object
+            searchable
+            @update:model-value="(value: SelectOption | null) => pickProject(value)"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.task')" required>
+          <BaseMultiselect
+            :key="projectId"
+            :model-value="picked"
+            :options="loadTasks"
+            :placeholder="t('tasks_projects.timer.pick_task')"
+            :initial-search="picked?.label ?? ''"
+            :no-results-text="t('tasks_projects.timer.no_matches')"
+            :delay="400"
+            :filter-results="false"
+            value-prop="id"
+            track-by="label"
+            label="label"
+            object
+            searchable
+            preserve-search
+            resolve-on-load
+            @update:model-value="(value: TaskOption | null) => pick(value)"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.description')">
+          <BaseTextarea v-model="description" :row="3" />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.billable')">
+          <BaseSwitch v-model="billable" class="flex" />
+        </BaseInputGroup>
+      </div>
+
+      <div class="flex justify-end space-x-3 border-t border-line-default px-6 py-4">
+        <BaseButton type="button" variant="primary-outline" @click="cancel">
+          {{ t('tasks_projects.general.cancel') }}
+        </BaseButton>
+        <BaseButton
+          type="submit"
+          variant="primary"
+          :disabled="picked === null || timerStore.busy"
+          :loading="timerStore.busy"
+        >
+          <template #left="slotProps">
+            <BaseIcon name="PlayIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.timer.start') }}
+        </BaseButton>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/StopTimerModal.vue b/resources/js/components/StopTimerModal.vue
new file mode 100644
index 0000000..84b1488
--- /dev/null
+++ b/resources/js/components/StopTimerModal.vue
@@ -0,0 +1,173 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { session } from '@/stores/session'
+import { taskLabel } from '@/stores/tasks'
+import { timerStore } from '@/stores/timer'
+import { useTranslate } from '@/support/i18n'
+import { formatClock, formatDuration, roundMinutes } from '@/support/time'
+
+/**
+ * The one question every stop control asks.
+ *
+ * Stopping used to write the interval with whatever was typed at start, which
+ * for most people was nothing, so the time log filled up with unnamed hours.
+ * The dialog asks for the note while the work is still in mind, and shows what
+ * the entry is about to say after the company's rounding, so the number in the
+ * timesheet is never a surprise.
+ *
+ * It is mounted once in the company layout, because the chip, the launcher, a
+ * task row, a card, the task page and the time log all stop the same timer and
+ * none of them should carry a dialog for it. It is deliberately not hidden on
+ * any path: a clock that is running on a settings screen still has to be
+ * stoppable there.
+ */
+
+const t = useTranslate()
+
+const description = ref('')
+const billable = ref(true)
+/** True once Discard has been pressed and is waiting to be confirmed. */
+const confirming = ref(false)
+
+const open = computed<boolean>(() => timerStore.stopPrompt !== null)
+
+const label = computed<string>(() => taskLabel(timerStore.stopPrompt?.entry.task_id ?? null))
+
+const elapsed = computed<string>(() => formatClock(timerStore.elapsedSeconds))
+
+/** The increment the company bills in, which the preview has to honour. */
+const increment = computed<number>(() => session.settings.rounding_minutes)
+
+/** What the saved entry will read, once the server has rounded the minutes. */
+const saved = computed<string>(() =>
+  formatDuration(
+    roundMinutes(
+      Math.round(timerStore.elapsedSeconds / 60),
+      increment.value,
+      session.settings.rounding_direction,
+    ),
+  ),
+)
+
+const preview = computed<string>(() =>
+  increment.value > 1
+    ? t('tasks_projects.timer.saved_as', { duration: saved.value, increment: increment.value })
+    : t('tasks_projects.timer.saved_as_exact', { duration: saved.value }),
+)
+
+// Opening fills the fields from the entry that is running, so the common
+// answer is to add a sentence and press save.
+watch(
+  () => timerStore.stopPrompt,
+  (prompt) => {
+    description.value = prompt?.entry.description ?? ''
+    billable.value = prompt?.entry.billable !== false
+    confirming.value = false
+  },
+)
+
+function save(): void {
+  timerStore.answerStop({
+    action: 'save',
+    description: description.value.trim() || null,
+    billable: billable.value,
+  })
+}
+
+function discard(): void {
+  timerStore.answerStop({ action: 'discard' })
+}
+
+/** Backing out leaves the clock running; nothing has been written. */
+function cancel(): void {
+  timerStore.answerStop(null)
+}
+</script>
+
+<template>
+  <BaseModal :show="open" @close="cancel">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>{{ t('tasks_projects.timer.stop_title') }}</span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="cancel"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="save">
+      <div class="space-y-5 px-6 py-6">
+        <div>
+          <p class="truncate text-sm font-medium text-heading">{{ label }}</p>
+          <p class="mt-1 text-3xl font-semibold tabular-nums text-primary-500">{{ elapsed }}</p>
+          <p class="mt-1 text-xs text-muted">{{ preview }}</p>
+        </div>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.description')">
+          <!--
+            No autofocus: the dialog already places focus itself, and asking
+            for it again only makes the browser log that it refused.
+          -->
+          <BaseTextarea v-model="description" :row="3" />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.billable')">
+          <BaseSwitch v-model="billable" class="flex" />
+        </BaseInputGroup>
+      </div>
+
+      <div class="border-t border-line-default px-6 py-4">
+        <!-- Discarding is one press away from losing real work, so it asks. -->
+        <div v-if="confirming" class="flex flex-wrap items-center justify-between gap-3">
+          <p class="text-sm text-body">
+            {{ t('tasks_projects.timer.discard_ask', { duration: elapsed }) }}
+          </p>
+
+          <div class="flex space-x-3">
+            <BaseButton type="button" variant="primary-outline" @click="confirming = false">
+              {{ t('tasks_projects.general.cancel') }}
+            </BaseButton>
+            <BaseButton
+              type="button"
+              variant="danger"
+              :disabled="timerStore.busy"
+              @click="discard"
+            >
+              {{ t('tasks_projects.timer.discard') }}
+            </BaseButton>
+          </div>
+        </div>
+
+        <div v-else class="flex items-center justify-between">
+          <BaseButton
+            type="button"
+            variant="white"
+            :disabled="timerStore.busy"
+            @click="confirming = true"
+          >
+            {{ t('tasks_projects.timer.discard') }}
+          </BaseButton>
+
+          <div class="flex space-x-3">
+            <BaseButton type="button" variant="primary-outline" @click="cancel">
+              {{ t('tasks_projects.general.cancel') }}
+            </BaseButton>
+            <BaseButton
+              type="submit"
+              variant="primary"
+              :loading="timerStore.busy"
+              :disabled="timerStore.busy"
+            >
+              <template #left="slotProps">
+                <BaseIcon name="StopIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.timer.save_and_stop') }}
+            </BaseButton>
+          </div>
+        </div>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/TaskCard.vue b/resources/js/components/TaskCard.vue
new file mode 100644
index 0000000..ac5cbd2
--- /dev/null
+++ b/resources/js/components/TaskCard.vue
@@ -0,0 +1,153 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { AxiosInstance } from 'axios'
+import InvoicedBadge from '@/components/InvoicedBadge.vue'
+import TaskRunControl from '@/components/TaskRunControl.vue'
+import { customerName } from '@/stores/customers'
+import { taskTime } from '@/stores/tasks'
+import { formatDate, initials, isOverdue } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import { formatDuration } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task, TaskPriority } from '@/types/task'
+
+const props = withDefaults(
+  defineProps<{
+    client: AxiosInstance
+    notify: Notify
+    task: Task
+    projects?: Project[]
+    members?: CompanyMember[]
+  }>(),
+  { projects: () => [], members: () => [] },
+)
+
+const emit = defineEmits<{
+  (event: 'open', task: Task): void
+}>()
+
+/** Colours a priority the way the list does, so both screens read alike. */
+const PRIORITY_CLASS: Record<TaskPriority, string> = {
+  LOW: 'bg-surface-tertiary text-muted',
+  NORMAL: 'bg-primary-50 text-primary-500',
+  HIGH: 'bg-alert-warning-bg text-alert-warning-text',
+  URGENT: 'bg-alert-error-bg text-alert-error-text',
+}
+
+const t = useTranslate()
+
+const time = computed(() => taskTime(props.task))
+
+const project = computed<Project | undefined>(() =>
+  props.projects.find((record) => record.id === props.task.project_id),
+)
+
+/** The short badge on the card: the identifier, or the name when there is none. */
+const projectLabel = computed<string | null>(() => {
+  if (props.task.project_id === null) {
+    return null
+  }
+
+  return project.value?.identifier || project.value?.name || null
+})
+
+/**
+ * What the badge says in full: the project, and the contact the work is billed
+ * to when the module knows its name. The card itself stays short.
+ */
+const projectTooltip = computed<string>(() =>
+  [project.value?.name, customerName(props.task.customer_id)].filter(Boolean).join(' · '),
+)
+
+const assignee = computed<CompanyMember | undefined>(() =>
+  props.members.find((member) => member.id === props.task.assignee_id),
+)
+
+const assigneeInitials = computed<string | null>(() => {
+  if (props.task.assignee_id === null) {
+    return null
+  }
+
+  return assignee.value ? initials(assignee.value.name) : `#${props.task.assignee_id}`
+})
+
+const assigneeName = computed<string>(() =>
+  assignee.value?.name ??
+  (props.task.assignee_id === null
+    ? t('tasks_projects.tasks.unassigned')
+    : `#${props.task.assignee_id}`),
+)
+
+const logged = computed<string>(() => formatDuration(time.value.logged_minutes))
+
+function priorityLabel(priority: TaskPriority): string {
+  return t(`tasks_projects.tasks.priority.${priority.toLowerCase()}`)
+}
+</script>
+
+<template>
+  <article
+    class="cursor-pointer rounded-lg border border-line-default bg-surface p-3 shadow-sm hover:bg-hover"
+    @click="emit('open', task)"
+  >
+    <div class="flex items-start justify-between gap-2">
+      <p class="text-sm font-medium text-heading">{{ task.name }}</p>
+      <span
+        v-if="task.priority"
+        class="shrink-0 rounded-full px-2 py-0.5 text-[11px] font-medium"
+        :class="PRIORITY_CLASS[task.priority]"
+      >
+        {{ priorityLabel(task.priority) }}
+      </span>
+    </div>
+
+    <div class="mt-2 flex flex-wrap items-center gap-2 text-xs text-muted">
+      <span>#{{ task.number }}</span>
+      <span
+        v-if="projectLabel"
+        class="rounded-sm bg-surface-tertiary px-1.5 py-0.5 text-[11px] text-body"
+        :title="projectTooltip"
+      >
+        {{ projectLabel }}
+      </span>
+      <InvoicedBadge :state="time.invoiced" />
+    </div>
+
+    <div class="mt-3 flex items-center justify-between gap-2">
+      <TaskRunControl
+        :client="client"
+        :notify="notify"
+        :task="task"
+        :members="members"
+        @click.stop
+      />
+
+      <span v-if="time.logged_minutes > 0" class="text-xs tabular-nums text-muted">
+        {{ logged }}
+      </span>
+    </div>
+
+    <div class="mt-2 flex items-center justify-between">
+      <span
+        v-if="task.due_date"
+        class="text-xs"
+        :class="
+          isOverdue(task.due_date) && !task.closed_at ? 'font-medium text-status-red' : 'text-muted'
+        "
+      >
+        {{ formatDate(task.due_date) }}
+      </span>
+      <span v-else class="text-xs text-subtle">-</span>
+
+      <span
+        v-if="assigneeInitials"
+        class="flex h-6 w-6 items-center justify-center rounded-full bg-primary-50 text-[11px] font-semibold text-primary-500"
+        :title="assigneeName"
+      >
+        {{ assigneeInitials }}
+      </span>
+    </div>
+  </article>
+</template>
diff --git a/resources/js/components/TaskFilters.vue b/resources/js/components/TaskFilters.vue
new file mode 100644
index 0000000..d2939a5
--- /dev/null
+++ b/resources/js/components/TaskFilters.vue
@@ -0,0 +1,158 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { useTranslate } from '@/support/i18n'
+import { EMPTY_FILTERS, hasFilters } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { TaskStatus } from '@/types/task-status'
+
+/** A picker option whose id is the string the query string carries. */
+interface FilterOption {
+  id: string
+  label: string
+}
+
+const props = withDefaults(
+  defineProps<{
+    modelValue: TaskFilterState
+    projects: Project[]
+    members: CompanyMember[]
+    statuses: TaskStatus[]
+    /** A project page fixes the project, so its picker is left out. */
+    lockProject?: boolean
+  }>(),
+  { lockProject: false },
+)
+
+const emit = defineEmits<{
+  (event: 'update:modelValue', filters: TaskFilterState): void
+}>()
+
+/** How long the typing has to stop before the list is asked again. */
+const SEARCH_DEBOUNCE_MS = 350
+
+const t = useTranslate()
+
+const search = ref(props.modelValue.search)
+
+let searchTimer: ReturnType<typeof setTimeout> | undefined
+
+const projectOptions = computed<FilterOption[]>(() => [
+  { id: '', label: t('tasks_projects.tasks.filters.all_projects') },
+  ...props.projects.map((project) => ({ id: String(project.id), label: project.name })),
+])
+
+const memberOptions = computed<FilterOption[]>(() => [
+  { id: '', label: t('tasks_projects.tasks.filters.all_members') },
+  ...props.members.map((member) => ({ id: String(member.id), label: member.name })),
+])
+
+/**
+ * Columns and invoicing states in one picker.
+ *
+ * "Uninvoiced" is the question people actually ask of a task list, and it cuts
+ * across the columns rather than being one of them, so it sits in the same
+ * control instead of adding a second one nobody would find.
+ */
+const statusOptions = computed<FilterOption[]>(() => [
+  { id: '', label: t('tasks_projects.tasks.filters.all_statuses') },
+  ...props.statuses.map((status) => ({ id: String(status.id), label: status.name })),
+  { id: 'uninvoiced', label: t('tasks_projects.tasks.uninvoiced') },
+  { id: 'invoiced', label: t('tasks_projects.tasks.invoiced') },
+])
+
+const projectOption = computed<FilterOption>({
+  get: () => optionFor(projectOptions.value, props.modelValue.project),
+  set: (option: FilterOption | null) => apply({ project: option?.id ?? '' }),
+})
+
+const memberOption = computed<FilterOption>({
+  get: () => optionFor(memberOptions.value, props.modelValue.user),
+  set: (option: FilterOption | null) => apply({ user: option?.id ?? '' }),
+})
+
+const statusOption = computed<FilterOption>({
+  get: () => optionFor(statusOptions.value, props.modelValue.status),
+  set: (option: FilterOption | null) => apply({ status: option?.id ?? '' }),
+})
+
+const showClear = computed<boolean>(() => hasFilters(props.modelValue))
+
+// A view switch or a back button rewrites the query, so the box follows it.
+watch(
+  () => props.modelValue.search,
+  (value) => {
+    if (value !== search.value) {
+      search.value = value
+    }
+  },
+)
+
+watch(search, (value) => {
+  clearTimeout(searchTimer)
+  searchTimer = setTimeout(() => apply({ search: value.trim() }), SEARCH_DEBOUNCE_MS)
+})
+
+onBeforeUnmount(() => clearTimeout(searchTimer))
+
+function optionFor(options: FilterOption[], id: string): FilterOption {
+  return options.find((option) => option.id === id) ?? options[0]
+}
+
+function apply(partial: Partial<TaskFilterState>): void {
+  emit('update:modelValue', { ...props.modelValue, ...partial })
+}
+
+function clear(): void {
+  search.value = ''
+  emit('update:modelValue', { ...EMPTY_FILTERS })
+}
+</script>
+
+<template>
+  <div class="mt-4 flex flex-wrap items-end gap-3">
+    <label v-if="!lockProject" class="min-w-44 flex-1">
+      <span class="mb-1 block text-xs font-medium text-muted">
+        {{ t('tasks_projects.tasks.filters.project') }}
+      </span>
+      <BaseSelectInput v-model="projectOption" :options="projectOptions" label-key="label" />
+    </label>
+
+    <label class="min-w-44 flex-1">
+      <span class="mb-1 block text-xs font-medium text-muted">
+        {{ t('tasks_projects.tasks.filters.member') }}
+      </span>
+      <BaseSelectInput v-model="memberOption" :options="memberOptions" label-key="label" />
+    </label>
+
+    <label class="min-w-44 flex-1">
+      <span class="mb-1 block text-xs font-medium text-muted">
+        {{ t('tasks_projects.tasks.filters.status') }}
+      </span>
+      <BaseSelectInput v-model="statusOption" :options="statusOptions" label-key="label" />
+    </label>
+
+    <label class="min-w-44 flex-1">
+      <span class="mb-1 block text-xs font-medium text-muted">
+        {{ t('tasks_projects.tasks.filters.search') }}
+      </span>
+      <BaseInput
+        v-model="search"
+        type="text"
+        name="search"
+        autocomplete="off"
+        :placeholder="t('tasks_projects.tasks.search_placeholder')"
+      />
+    </label>
+
+    <button
+      v-if="showClear"
+      type="button"
+      class="pb-2 text-sm font-medium text-primary-500 hover:underline"
+      @click="clear"
+    >
+      {{ t('tasks_projects.tasks.bulk.clear') }}
+    </button>
+  </div>
+</template>
diff --git a/resources/js/components/TaskFormModal.vue b/resources/js/components/TaskFormModal.vue
new file mode 100644
index 0000000..6a3bbb9
--- /dev/null
+++ b/resources/js/components/TaskFormModal.vue
@@ -0,0 +1,446 @@
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { createTask, deleteTask, updateTask } from '@/api/board'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { errorMessage, fieldErrors } from '@/support/errors'
+import { errorCode } from '@/support/http'
+import {
+  hoursToMinutes,
+  majorToMinor,
+  minorToMajor,
+  minutesToHours,
+  toDateString,
+} from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type { SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import { TASK_PRIORITIES } from '@/types/task'
+import type { Task, TaskInput } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+/** What a card or a "New task" button preselects for a fresh task. */
+export interface TaskDefaults {
+  project_id?: number | null
+  task_status_id?: number | null
+}
+
+const props = defineProps<{
+  show: boolean
+  client: AxiosInstance
+  notify: Notify
+  /** The task being edited, or null to create one. */
+  task: Task | null
+  statuses: TaskStatus[]
+  members: CompanyMember[]
+  projects: SelectOption[]
+  /** Preselections for a new task, such as the column its button sits in. */
+  defaults?: TaskDefaults
+  /** A project page fixes the project, so the picker is hidden. */
+  lockProject?: boolean
+  /**
+   * Show the six fields a task is usually created with, and put the rest
+   * behind a disclosure.
+   *
+   * Creating a task should cost a name and a column; a description, an
+   * estimate and a rate override are things people come back to fill in, and
+   * asking for them up front is what made the old drawer read as a form to be
+   * completed rather than a box to be typed into.
+   */
+  compact?: boolean
+}>()
+
+const emit = defineEmits<{
+  (event: 'close'): void
+  (event: 'saved', task: Task): void
+  (event: 'deleted', task: Task): void
+}>()
+
+const t = useTranslate()
+
+const form = reactive({
+  name: '',
+  description: '',
+  /** Hours, as typed. Converted to minutes on save. */
+  estimateHours: '',
+  /** Major units, as typed. Converted to minor units on save. */
+  rate: '',
+  dueDate: '',
+  billable: true,
+})
+
+const status = ref<SelectOption | null>(null)
+const projectId = ref<number | null>(null)
+const assignee = ref<SelectOption | null>(null)
+const priority = ref<SelectOption | null>(null)
+const customerId = ref<number | null>(null)
+const errors = ref<Record<string, string>>({})
+const saving = ref(false)
+const removing = ref(false)
+const expanded = ref(false)
+
+/** Whether the fields behind the compact mode's disclosure are on show. */
+const showAllFields = computed<boolean>(() => !props.compact || expanded.value)
+
+/**
+ * The picker binds an option, the payload wants an id.
+ *
+ * Keeping the id as the source of truth matters on a project page, where the
+ * project is fixed, the picker is hidden and the options were never loaded.
+ */
+const project = computed<SelectOption | null>({
+  get: () => optionFor(props.projects, projectId.value),
+  set: (option: SelectOption | null) => {
+    projectId.value = option?.id ?? null
+  },
+})
+
+const isEdit = computed(() => props.task !== null)
+
+const title = computed(() =>
+  isEdit.value ? t('tasks_projects.tasks.edit_task') : t('tasks_projects.tasks.new_task'),
+)
+
+const statusOptions = computed<SelectOption[]>(() =>
+  props.statuses.map((record) => ({ id: record.id, label: record.name })),
+)
+
+const memberOptions = computed<SelectOption[]>(() =>
+  props.members.map((member) => ({ id: member.id, label: member.name })),
+)
+
+/**
+ * The priority list is a fixed enum, so the option ids are its positions and
+ * the label comes from the catalogue rather than from the stored value.
+ */
+const priorityOptions = computed<SelectOption[]>(() =>
+  TASK_PRIORITIES.map((name, index) => ({
+    id: index,
+    label: t(`tasks_projects.tasks.priority.${name.toLowerCase()}`),
+  })),
+)
+
+watch(
+  () => props.show,
+  (show) => {
+    if (show) {
+      reset()
+    }
+  },
+  { immediate: true },
+)
+
+function optionFor(options: SelectOption[], id: number | null): SelectOption | null {
+  return id === null ? null : (options.find((option) => option.id === id) ?? null)
+}
+
+function reset(): void {
+  const task = props.task
+
+  form.name = task?.name ?? ''
+  form.description = task?.description ?? ''
+  form.estimateHours = minutesToHours(task?.estimated_minutes ?? null)
+  form.rate = minorToMajor(task?.rate ?? null)
+  form.dueDate = task?.due_date ?? ''
+  form.billable = task?.billable ?? true
+
+  const defaultStatus = props.statuses.find((record) => record.is_default) ?? props.statuses[0]
+  const statusId = task?.task_status_id ?? props.defaults?.task_status_id ?? defaultStatus?.id ?? null
+
+  status.value = optionFor(statusOptions.value, statusId)
+  projectId.value = task?.project_id ?? props.defaults?.project_id ?? null
+  assignee.value = optionFor(memberOptions.value, task?.assignee_id ?? null)
+  priority.value = task?.priority
+    ? (priorityOptions.value[TASK_PRIORITIES.indexOf(task.priority)] ?? null)
+    : null
+  customerId.value = task?.customer_id ?? null
+  errors.value = {}
+  expanded.value = false
+
+  // The field names the contact rather than its id, and the map is shared with
+  // every other screen, so the first form to need it is the one that asks.
+  if (customerId.value !== null) {
+    void ensureLoaded(props.client)
+  }
+}
+
+function onDueDate(value: string | Date): void {
+  form.dueDate = value ? toDateString(value) : ''
+}
+
+function payload(): TaskInput | null {
+  const statusId = status.value?.id ?? null
+
+  if (statusId === null) {
+    return null
+  }
+
+  const chosen = priority.value === null ? null : TASK_PRIORITIES[priority.value.id]
+
+  return {
+    name: form.name.trim(),
+    task_status_id: statusId,
+    project_id: projectId.value,
+    customer_id: projectId.value === null ? customerId.value : null,
+    description: form.description.trim() || null,
+    assignee_id: assignee.value?.id ?? null,
+    priority: chosen,
+    due_date: form.dueDate || null,
+    estimated_minutes: hoursToMinutes(form.estimateHours),
+    billable: form.billable,
+    rate: majorToMinor(form.rate),
+  }
+}
+
+async function save(): Promise<void> {
+  if (saving.value) {
+    return
+  }
+
+  if (form.name.trim() === '') {
+    errors.value = { name: t('tasks_projects.tasks.name_required') }
+
+    return
+  }
+
+  const input = payload()
+
+  if (input === null) {
+    props.notify('error', t('tasks_projects.task_statuses.none'))
+
+    return
+  }
+
+  saving.value = true
+  errors.value = {}
+
+  try {
+    const existing = props.task
+    const task = existing
+      ? await updateTask(props.client, existing.id, input)
+      : await createTask(props.client, input)
+
+    emit('saved', task)
+  } catch (error: unknown) {
+    errors.value = fieldErrors(error)
+    props.notify('error', messageFor(error, 'save_failed'))
+  } finally {
+    saving.value = false
+  }
+}
+
+/**
+ * What to say when a save or a delete is refused.
+ *
+ * A locked task is refused for a reason worth naming rather than as a generic
+ * failure, so the caller understands that the invoice, not a bug, is in the
+ * way. The module's own sentence wins over the server's, which states the rule
+ * for whoever called the API rather than for the person at the form.
+ */
+function messageFor(error: unknown, key: 'save_failed' | 'delete_failed'): string {
+  if (errorCode(error) === 'task_locked') {
+    return t('tasks_projects.tasks.locked')
+  }
+
+  return errorMessage(error, t(`tasks_projects.tasks.${key}`))
+}
+
+async function remove(): Promise<void> {
+  const task = props.task
+
+  if (task === null || removing.value) {
+    return
+  }
+
+  if (!window.confirm(t('tasks_projects.tasks.delete_confirm', { name: task.name }))) {
+    return
+  }
+
+  removing.value = true
+
+  try {
+    await deleteTask(props.client, task.id)
+    emit('deleted', task)
+  } catch (error: unknown) {
+    props.notify('error', messageFor(error, 'delete_failed'))
+  } finally {
+    removing.value = false
+  }
+}
+</script>
+
+<template>
+  <BaseModal :show="show" @close="emit('close')">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>
+          {{ title }}
+          <span v-if="task" class="ml-2 text-sm font-normal text-muted">#{{ task.number }}</span>
+        </span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="emit('close')"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="save">
+      <div class="space-y-5 px-6 py-6">
+        <BaseInputGroup
+          :label="t('tasks_projects.tasks.fields.name')"
+          :error="errors.name"
+          required
+        >
+          <BaseInput v-model="form.name" :invalid="Boolean(errors.name)" type="text" />
+        </BaseInputGroup>
+
+        <BaseInputGrid>
+          <BaseInputGroup
+            v-if="!lockProject"
+            :label="t('tasks_projects.tasks.fields.project')"
+            :error="errors.project_id"
+            :help-text="t('tasks_projects.tasks.fields.project_help')"
+          >
+            <BaseSelectInput
+              v-model="project"
+              :options="projects"
+              :placeholder="t('tasks_projects.tasks.fields.project_placeholder')"
+              label-key="label"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            v-if="customerId !== null"
+            :label="t('tasks_projects.tasks.fields.customer')"
+            :help-text="t('tasks_projects.tasks.fields.customer_help')"
+          >
+            <BaseInput :model-value="customerName(customerId)" type="text" disabled />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.tasks.fields.status')"
+            :error="errors.task_status_id"
+          >
+            <BaseSelectInput v-model="status" :options="statusOptions" label-key="label" />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.tasks.fields.assignee')"
+            :error="errors.assignee_id"
+          >
+            <BaseSelectInput
+              v-model="assignee"
+              :options="memberOptions"
+              :placeholder="t('tasks_projects.tasks.fields.assignee_placeholder')"
+              label-key="label"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            v-if="showAllFields"
+            :label="t('tasks_projects.tasks.fields.priority')"
+            :error="errors.priority"
+          >
+            <BaseSelectInput
+              v-model="priority"
+              :options="priorityOptions"
+              :placeholder="t('tasks_projects.tasks.fields.priority_placeholder')"
+              label-key="label"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.tasks.fields.due_date')"
+            :error="errors.due_date"
+          >
+            <BaseDatePicker :model-value="form.dueDate" @update:model-value="onDueDate" />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            v-if="showAllFields"
+            :label="t('tasks_projects.tasks.fields.estimate_hours')"
+            :error="errors.estimated_minutes"
+          >
+            <BaseInput
+              v-model="form.estimateHours"
+              :invalid="Boolean(errors.estimated_minutes)"
+              type="number"
+              step="0.25"
+              min="0"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            v-if="showAllFields"
+            :label="t('tasks_projects.tasks.fields.rate')"
+            :error="errors.rate"
+            :help-text="t('tasks_projects.tasks.fields.rate_help')"
+          >
+            <BaseInput
+              v-model="form.rate"
+              :invalid="Boolean(errors.rate)"
+              type="number"
+              step="0.01"
+              min="0"
+            />
+          </BaseInputGroup>
+        </BaseInputGrid>
+
+        <BaseInputGroup :label="t('tasks_projects.tasks.fields.billable')" :error="errors.billable">
+          <BaseSwitch v-model="form.billable" class="mt-1" />
+        </BaseInputGroup>
+
+        <BaseInputGroup
+          v-if="showAllFields"
+          :label="t('tasks_projects.tasks.fields.description')"
+          :error="errors.description"
+        >
+          <BaseTextarea
+            v-model="form.description"
+            :row="3"
+            :invalid="Boolean(errors.description)"
+          />
+        </BaseInputGroup>
+
+        <button
+          v-if="compact"
+          type="button"
+          class="flex items-center gap-1 text-sm font-medium text-primary-500 hover:underline"
+          @click="expanded = !expanded"
+        >
+          <BaseIcon :name="expanded ? 'ChevronUpIcon' : 'ChevronDownIcon'" class="h-4 w-4" />
+          {{
+            expanded
+              ? t('tasks_projects.tasks.fewer_fields')
+              : t('tasks_projects.tasks.all_fields')
+          }}
+        </button>
+      </div>
+
+      <div class="flex items-center justify-between border-t border-line-default px-6 py-4">
+        <BaseButton
+          v-if="isEdit"
+          type="button"
+          variant="danger"
+          :loading="removing"
+          :disabled="removing"
+          @click="remove"
+        >
+          {{ t('tasks_projects.general.delete') }}
+        </BaseButton>
+        <span v-else />
+
+        <div class="flex space-x-3">
+          <BaseButton type="button" variant="primary-outline" @click="emit('close')">
+            {{ t('tasks_projects.general.cancel') }}
+          </BaseButton>
+          <BaseButton type="submit" variant="primary" :loading="saving" :disabled="saving">
+            {{ isEdit ? t('tasks_projects.general.update') : t('tasks_projects.general.save') }}
+          </BaseButton>
+        </div>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/TaskList.vue b/resources/js/components/TaskList.vue
new file mode 100644
index 0000000..5097192
--- /dev/null
+++ b/resources/js/components/TaskList.vue
@@ -0,0 +1,567 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { sortParams } from '@/api'
+import type { SortParams, TableSort } from '@/api'
+import { bulkTasks, deleteTask, listTasks } from '@/api/board'
+import type { TaskSortKey } from '@/api/board'
+import BulkActionBar from '@/components/BulkActionBar.vue'
+import InvoicedBadge from '@/components/InvoicedBadge.vue'
+import TaskFormModal from '@/components/TaskFormModal.vue'
+import type { TaskDefaults } from '@/components/TaskFormModal.vue'
+import TaskRunControl from '@/components/TaskRunControl.vue'
+import { invoicingStore } from '@/stores/invoicing'
+import { bumpTaskVersion, taskTime, taskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { filterKey, taskListParams } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import { formatDate, isOverdue } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { invoiceTasks } from '@/support/invoicing'
+import { PATHS } from '@/support/page'
+import type { Notify } from '@/support/page'
+import { formatDuration } from '@/support/time'
+import type { SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task, TaskListParams } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+interface TablePagination {
+  totalPages: number
+  currentPage: number
+  totalCount: number
+  limit: number
+}
+
+interface TableResult {
+  data: Task[]
+  pagination: TablePagination
+}
+
+const props = withDefaults(
+  defineProps<{
+    client: AxiosInstance
+    notify: Notify
+    /** The host router: invoicing lands on the host's invoice page. */
+    router: Router
+    /** What the screen above is filtered to. */
+    filters: TaskFilterState
+    statuses: TaskStatus[]
+    members: CompanyMember[]
+    projects: Project[]
+    /** Set on a project page: the list is fixed to it and so is a new task. */
+    projectId?: number | null
+  }>(),
+  { projectId: null },
+)
+
+const emit = defineEmits<{
+  /** A task was created, changed or deleted, so any totals above are stale. */
+  (event: 'changed'): void
+}>()
+
+const PER_PAGE = 10
+
+/** Which API sort key each sortable column asks the endpoint for. */
+const SORT_KEYS: Record<string, TaskSortKey> = {
+  number: 'number',
+  name: 'name',
+}
+
+/**
+ * Narrower cells than the host table's own.
+ *
+ * A task row carries nine facts, where a host list carries six, and at the
+ * host's `px-6` the table is some three hundred pixels wider than the content
+ * area on a 1280 screen: the row menu ends up past the right edge, behind a
+ * horizontal scrollbar nobody looks for. Half the padding fits the same
+ * columns on the page and leaves the rows just as readable.
+ */
+const TH_CLASS =
+  'whitespace-nowrap px-3 py-3 text-left text-xs font-medium text-muted uppercase tracking-wider'
+
+const TD_CLASS = 'px-3 py-4 text-sm text-muted whitespace-nowrap'
+
+const t = useTranslate()
+
+const tableRef = ref<{ refresh: (preservePage?: boolean) => void } | null>(null)
+const isFetching = ref(true)
+const totalCount = ref(0)
+const rows = ref<Task[]>([])
+const selected = ref<number[]>([])
+const bulkBusy = ref(false)
+const modalOpen = ref(false)
+const editing = ref<Task | null>(null)
+const defaults = ref<TaskDefaults>({})
+const busyId = ref<number | null>(null)
+
+/** The form wants a picker's options; the screen above holds the records. */
+const projectOptions = computed<SelectOption[]>(() =>
+  props.projects.map((project) => ({ id: project.id, label: project.name })),
+)
+
+const invoicing = computed<boolean>(() => invoicingStore.busy)
+
+const canInvoice = computed<boolean>(() => invoicingStore.allowed)
+
+const filtered = computed<boolean>(
+  () =>
+    props.filters.search !== '' ||
+    props.filters.status !== '' ||
+    props.filters.user !== '' ||
+    (props.projectId === null && props.filters.project !== ''),
+)
+
+const showEmptyScreen = computed(() => !isFetching.value && totalCount.value === 0 && !filtered.value)
+
+/**
+ * The columns, each in the module's own narrower cell.
+ *
+ * The due date rides under the task name rather than in a column of its own:
+ * it is a detail of the task, it is empty on most rows, and a tenth column is
+ * what pushed the table off the page.
+ */
+const columns = computed(() =>
+  [
+    { key: 'select', label: '', sortable: false, tdClass: 'w-8' },
+    { key: 'number', label: t('tasks_projects.tasks.columns.number'), sortable: true, sortBy: 'number', tdClass: 'text-muted' },
+    { key: 'name', label: t('tasks_projects.tasks.columns.name'), sortable: true, sortBy: 'name', thClass: 'extra', tdClass: 'font-medium text-heading' },
+    { key: 'status', label: t('tasks_projects.tasks.columns.status'), sortable: false },
+    { key: 'assignee', label: t('tasks_projects.tasks.columns.assignee'), sortable: false },
+    { key: 'logged', label: t('tasks_projects.tasks.columns.logged'), sortable: false },
+    { key: 'unbilled', label: t('tasks_projects.tasks.columns.unbilled'), sortable: false },
+    { key: 'invoiced', label: t('tasks_projects.tasks.columns.invoiced'), sortable: false },
+    { key: 'timer', label: t('tasks_projects.tasks.columns.timer'), sortable: false },
+    { key: 'actions', label: t('tasks_projects.general.actions'), sortable: false, tdClass: 'text-right text-sm font-medium' },
+  ].map((column) => ({ defaultThClass: TH_CLASS, defaultTdClass: TD_CLASS, ...column })),
+)
+
+// The screen above owns the filters; a change to them is a new first page.
+watch(() => filterKey(props.filters), () => refresh())
+
+watch(() => props.projectId, () => refresh())
+
+// A write anywhere, including a timer that stopped on another screen.
+watch(taskVersion, () => refresh(true))
+
+async function fetchTasks({ page, sort }: { page: number; sort?: TableSort }): Promise<TableResult> {
+  const order: SortParams<TaskSortKey> = sortParams(sort, SORT_KEYS)
+  const params: TaskListParams & SortParams<TaskSortKey> = {
+    page,
+    limit: PER_PAGE,
+    ...taskListParams(props.filters, { projectId: props.projectId }),
+    ...order,
+  }
+
+  isFetching.value = true
+
+  try {
+    const response = await listTasks(props.client, params)
+    const data = response.data ?? []
+    const meta = response.meta
+
+    totalCount.value = meta?.total ?? data.length
+    rows.value = data
+    // A row that left the page cannot stay in the selection the bar acts on.
+    selected.value = selected.value.filter((id) => data.some((task) => task.id === id))
+
+    return {
+      data,
+      pagination: {
+        totalPages: meta?.last_page ?? 1,
+        currentPage: meta?.current_page ?? 1,
+        totalCount: meta?.total ?? data.length,
+        limit: meta?.per_page ?? PER_PAGE,
+      },
+    }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.load_failed')))
+    rows.value = []
+
+    return {
+      data: [],
+      pagination: { totalPages: 1, currentPage: 1, totalCount: 0, limit: PER_PAGE },
+    }
+  } finally {
+    isFetching.value = false
+  }
+}
+
+function refresh(preservePage = false): void {
+  tableRef.value?.refresh(preservePage)
+}
+
+function isSelected(task: Task): boolean {
+  return selected.value.includes(task.id)
+}
+
+function toggle(task: Task): void {
+  selected.value = isSelected(task)
+    ? selected.value.filter((id) => id !== task.id)
+    : [...selected.value, task.id]
+}
+
+function selectPage(): void {
+  selected.value = rows.value.map((task) => task.id)
+}
+
+function clearSelection(): void {
+  selected.value = []
+}
+
+function openCreate(): void {
+  editing.value = null
+  defaults.value = { project_id: props.projectId }
+  modalOpen.value = true
+}
+
+function openEdit(task: Task): void {
+  editing.value = task
+  defaults.value = {}
+  modalOpen.value = true
+}
+
+function onSaved(task: Task): void {
+  const message = editing.value
+    ? t('tasks_projects.tasks.updated', { name: task.name })
+    : t('tasks_projects.tasks.created', { name: task.name })
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  bumpTaskVersion()
+  emit('changed')
+}
+
+function onDeleted(task: Task): void {
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', t('tasks_projects.tasks.deleted', { name: task.name }))
+  bumpTaskVersion()
+  emit('changed')
+}
+
+function statusFor(task: Task): TaskStatus | null {
+  return props.statuses.find((status) => status.id === task.task_status_id) ?? null
+}
+
+function assigneeName(task: Task): string {
+  if (task.assignee_id === null) {
+    return t('tasks_projects.tasks.unassigned')
+  }
+
+  return props.members.find((record) => record.id === task.assignee_id)?.name ?? `#${task.assignee_id}`
+}
+
+function loggedOf(task: Task): string {
+  return formatDuration(taskTime(task).logged_minutes)
+}
+
+/**
+ * Whether invoicing this row would mean anything.
+ *
+ * Only a task with billable time nobody has invoiced yet: one already on an
+ * invoice, and one with no billable time behind it, both leave the entry in the
+ * menu but greyed, with a title that says which of the two it is.
+ */
+function invoiceable(task: Task): boolean {
+  return taskTime(task).invoiced === 'uninvoiced'
+}
+
+function invoiceHint(task: Task): string {
+  return taskTime(task).invoiced === 'invoiced'
+    ? t('tasks_projects.tasks.already_invoiced')
+    : t('tasks_projects.tasks.nothing_to_invoice')
+}
+
+const deps = computed(() => ({
+  client: props.client,
+  router: props.router,
+  notify: props.notify,
+  t,
+}))
+
+async function onInvoiceTask(task: Task): Promise<void> {
+  if (invoicing.value) {
+    return
+  }
+
+  busyId.value = task.id
+
+  try {
+    await invoiceTasks(deps.value, { taskIds: [task.id] })
+  } finally {
+    busyId.value = null
+  }
+}
+
+/**
+ * Invoice the selection as one invoice.
+ *
+ * The server refuses a selection spanning two customers, which is the whole
+ * point of sending the ids together rather than looping: one invoice, or a
+ * message naming how many customers were mixed.
+ */
+async function onBulkInvoice(): Promise<void> {
+  if (invoicing.value || selected.value.length === 0) {
+    return
+  }
+
+  if (await invoiceTasks(deps.value, { taskIds: [...selected.value] })) {
+    clearSelection()
+  }
+}
+
+async function onDelete(task: Task): Promise<void> {
+  if (!window.confirm(t('tasks_projects.tasks.delete_confirm', { name: task.name }))) {
+    return
+  }
+
+  busyId.value = task.id
+
+  try {
+    await deleteTask(props.client, task.id)
+    props.notify('success', t('tasks_projects.tasks.deleted', { name: task.name }))
+    bumpTaskVersion()
+    emit('changed')
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.delete_failed')))
+  } finally {
+    busyId.value = null
+  }
+}
+
+async function onBulkStatus(statusId: number): Promise<void> {
+  await runBulk({ action: 'status', ids: [...selected.value], task_status_id: statusId }, 'applied')
+}
+
+async function onBulkDelete(): Promise<void> {
+  const count = selected.value.length
+
+  if (!window.confirm(t('tasks_projects.tasks.bulk.delete_confirm', { count }))) {
+    return
+  }
+
+  await runBulk({ action: 'delete', ids: [...selected.value] }, 'deleted')
+}
+
+/**
+ * Apply one bulk action and say what actually happened.
+ *
+ * The endpoint is partial on purpose, so a locked task in the selection is
+ * reported rather than swallowed: "12 updated, 2 refused" is the truth, and
+ * "done" would not be.
+ */
+async function runBulk(
+  input: Parameters<typeof bulkTasks>[1],
+  success: 'applied' | 'deleted',
+): Promise<void> {
+  if (bulkBusy.value || input.ids.length === 0) {
+    return
+  }
+
+  bulkBusy.value = true
+
+  try {
+    const result = await bulkTasks(props.client, input)
+
+    if (result.failed.length > 0) {
+      props.notify(
+        'warning',
+        t('tasks_projects.tasks.bulk.partial', {
+          count: result.updated.length,
+          failed: result.failed.length,
+          ids: result.failed.map((entry) => `#${entry.id}`).join(', '),
+        }),
+      )
+    } else if (result.updated.length === 0) {
+      props.notify('warning', t('tasks_projects.tasks.bulk.nothing'))
+    } else {
+      props.notify(
+        'success',
+        t(`tasks_projects.tasks.bulk.${success}`, { count: result.updated.length }),
+      )
+    }
+
+    clearSelection()
+    bumpTaskVersion()
+    emit('changed')
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.bulk.failed')))
+  } finally {
+    bulkBusy.value = false
+  }
+}
+
+defineExpose({ openCreate, refresh })
+</script>
+
+<template>
+  <div>
+    <BulkActionBar
+      :count="selected.length"
+      :statuses="statuses"
+      :busy="bulkBusy"
+      :invoicing="invoicing"
+      :can-invoice="canInvoice"
+      @status="onBulkStatus"
+      @delete="onBulkDelete"
+      @invoice="onBulkInvoice"
+      @clear="clearSelection"
+      @select-page="selectPage"
+    />
+
+    <BaseEmptyPlaceholder
+      v-show="showEmptyScreen"
+      :title="t('tasks_projects.tasks.empty_title')"
+      :description="t('tasks_projects.tasks.empty_description')"
+    >
+      <BaseIcon name="ClipboardDocumentListIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+
+      <template #actions>
+        <BaseButton variant="primary" @click="openCreate">
+          <template #left="slotProps">
+            <BaseIcon name="PlusIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.tasks.new_task') }}
+        </BaseButton>
+      </template>
+    </BaseEmptyPlaceholder>
+
+    <div v-show="!showEmptyScreen" class="relative table-container">
+      <BaseTable ref="tableRef" :data="fetchTasks" :columns="columns" class="mt-3">
+        <template #cell-select="{ row }">
+          <BaseCheckbox
+            :model-value="isSelected(row.data)"
+            :aria-label="row.data.name"
+            @change="toggle(row.data)"
+          />
+        </template>
+
+        <template #cell-number="{ row }">#{{ row.data.number }}</template>
+
+        <template #cell-name="{ row }">
+          <router-link class="hover:text-primary-500" :to="PATHS.task(row.data.id)">
+            {{ row.data.name }}
+          </router-link>
+
+          <span
+            v-if="row.data.due_date"
+            class="mt-0.5 block text-xs font-normal"
+            :class="
+              isOverdue(row.data.due_date) && !row.data.closed_at
+                ? 'font-medium text-status-red'
+                : 'text-muted'
+            "
+          >
+            {{ t('tasks_projects.tasks.columns.due_date') }}: {{ formatDate(row.data.due_date) }}
+          </span>
+        </template>
+
+        <template #cell-status="{ row }">
+          <span class="inline-flex items-center whitespace-nowrap">
+            <span
+              class="mr-2 inline-block h-2.5 w-2.5 shrink-0 rounded-full"
+              :class="statusFor(row.data)?.colour ? '' : 'bg-line-default'"
+              :style="
+                statusFor(row.data)?.colour
+                  ? { backgroundColor: statusFor(row.data)?.colour }
+                  : undefined
+              "
+            />
+            {{ statusFor(row.data)?.name ?? '-' }}
+          </span>
+        </template>
+
+        <template #cell-assignee="{ row }">
+          <span :class="row.data.assignee_id === null ? 'text-subtle' : ''">
+            {{ assigneeName(row.data) }}
+          </span>
+        </template>
+
+        <template #cell-logged="{ row }">
+          <span class="tabular-nums">{{ loggedOf(row.data) }}</span>
+        </template>
+
+        <template #cell-unbilled="{ row }">
+          <BaseFormatMoney
+            v-if="taskTime(row.data).unbilled_amount > 0"
+            :amount="taskTime(row.data).unbilled_amount"
+          />
+          <span v-else class="text-subtle">-</span>
+        </template>
+
+        <template #cell-invoiced="{ row }">
+          <InvoicedBadge :state="taskTime(row.data).invoiced" />
+        </template>
+
+        <template #cell-timer="{ row }">
+          <TaskRunControl
+            :client="client"
+            :notify="notify"
+            :task="row.data"
+            :members="members"
+          />
+        </template>
+
+        <template #cell-actions="{ row }">
+          <BaseDropdown :content-loading="busyId === row.data.id">
+            <template #activator>
+              <BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
+            </template>
+
+            <BaseDropdownItem @click="openEdit(row.data)">
+              <BaseIcon name="PencilIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.edit') }}
+            </BaseDropdownItem>
+
+            <template v-if="canInvoice">
+              <BaseDropdownItem
+                v-if="invoiceable(row.data) && !invoicing"
+                @click="onInvoiceTask(row.data)"
+              >
+                <BaseIcon
+                  name="BanknotesIcon"
+                  class="mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+                />
+                {{ t('tasks_projects.tasks.invoice_task') }}
+              </BaseDropdownItem>
+
+              <div
+                v-else
+                class="group flex cursor-not-allowed items-center px-4 py-2 text-sm font-normal text-subtle"
+                :title="invoicing ? t('tasks_projects.billing.busy') : invoiceHint(row.data)"
+              >
+                <BaseIcon name="BanknotesIcon" class="mr-3 h-5 w-5 text-subtle" />
+                {{ t('tasks_projects.tasks.invoice_task') }}
+              </div>
+            </template>
+
+            <BaseDropdownItem @click="onDelete(row.data)">
+              <BaseIcon name="TrashIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.delete') }}
+            </BaseDropdownItem>
+          </BaseDropdown>
+        </template>
+      </BaseTable>
+    </div>
+
+    <TaskFormModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :task="editing"
+      :statuses="statuses"
+      :members="members"
+      :projects="projectOptions"
+      :defaults="defaults"
+      :lock-project="projectId !== null"
+      :compact="editing === null"
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="onDeleted"
+    />
+  </div>
+</template>
diff --git a/resources/js/components/TaskRunControl.vue b/resources/js/components/TaskRunControl.vue
new file mode 100644
index 0000000..ad215dc
--- /dev/null
+++ b/resources/js/components/TaskRunControl.vue
@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { session } from '@/stores/session'
+import { taskLabel, taskTime } from '@/stores/tasks'
+import { timerStore, useNow } from '@/stores/timer'
+import { initials } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import { formatClock, secondsBetween } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { Task, TaskRunningEntry } from '@/types/task'
+
+const props = withDefaults(
+  defineProps<{
+    client: AxiosInstance
+    notify: Notify
+    task: Task
+    /** Named so another member's running clock can say who is on it. */
+    members?: CompanyMember[]
+    /** `sm` on a card or a table row, `md` on the task page header. */
+    size?: 'sm' | 'md'
+  }>(),
+  { members: () => [], size: 'sm' },
+)
+
+const t = useTranslate()
+
+/** One shared tick drives every clock on the screen. */
+const now = useNow()
+
+const feedback = computed(() => ({ notify: props.notify, t }))
+
+const mine = computed<boolean>(() => timerStore.isRunningOn(props.task.id))
+
+/** The caller's clock is on some other task, so this one cannot start yet. */
+const elsewhere = computed<boolean>(() => timerStore.runningTaskId !== null && !mine.value)
+
+const elsewhereLabel = computed<string>(() => taskLabel(timerStore.runningTaskId))
+
+/**
+ * Running entries that belong to somebody else: shown, never stopped here.
+ *
+ * The caller's own row is matched by entry id as well as by user, because the
+ * host bootstrap may not have answered yet and a null user id would otherwise
+ * put the caller's own clock in the "someone else" list beside their own stop
+ * button.
+ */
+const others = computed<TaskRunningEntry[]>(() =>
+  taskTime(props.task).running.filter(
+    (entry) => entry.user_id !== session.userId && entry.entry_id !== timerStore.running?.id,
+  ),
+)
+
+const elapsed = computed<string>(() => formatClock(timerStore.elapsedSeconds))
+
+const iconClass = computed<string>(() => (props.size === 'md' ? 'h-5 w-5' : 'h-4 w-4'))
+
+const buttonClass = computed<string>(() => (props.size === 'md' ? 'p-2' : 'p-1.5'))
+
+function memberName(userId: number): string {
+  return props.members.find((member) => member.id === userId)?.name ?? `#${userId}`
+}
+
+function memberInitials(userId: number): string {
+  const member = props.members.find((candidate) => candidate.id === userId)
+
+  return member ? initials(member.name) : '?'
+}
+
+/** How long somebody else's clock has been going, in the shared tick. */
+function otherElapsed(entry: TaskRunningEntry): string {
+  return formatClock(secondsBetween(entry.started_at, now.value))
+}
+
+function otherTitle(entry: TaskRunningEntry): string {
+  return t('tasks_projects.timer.running_by', {
+    name: memberName(entry.user_id),
+    time: otherElapsed(entry),
+  })
+}
+
+async function start(): Promise<void> {
+  const entry = await timerStore.startOnTask(props.client, props.task.id, null, feedback.value)
+
+  if (entry !== null) {
+    props.notify('success', t('tasks_projects.timer.started', { name: props.task.name }))
+  }
+}
+
+/**
+ * Stopping asks for the note first, naming this row's task.
+ *
+ * The task is named so a stale row cannot stop a clock that has since moved
+ * elsewhere: the mismatch is reported before the dialog opens rather than
+ * after the user has typed into it.
+ */
+function stop(): void {
+  void timerStore.stopWithPrompt(props.client, feedback.value, { taskId: props.task.id })
+}
+
+/**
+ * Close the clock wherever it is, then put it on this task.
+ *
+ * The same dialog runs the first half, so the time being left behind is
+ * described before this task takes the clock. Backing out of it, or discarding
+ * that spell, leaves this task unstarted: the answer was not "start here".
+ */
+async function switchHere(): Promise<void> {
+  if ((await timerStore.stopWithPrompt(props.client, feedback.value)) !== null) {
+    await start()
+  }
+}
+</script>
+
+<template>
+  <div class="flex items-center gap-1.5">
+    <template v-if="mine">
+      <button
+        type="button"
+        class="rounded-md text-status-red hover:bg-hover disabled:opacity-50"
+        :class="buttonClass"
+        :disabled="timerStore.busy"
+        :title="t('tasks_projects.timer.stop_on', { name: task.name })"
+        :aria-label="t('tasks_projects.timer.stop_on', { name: task.name })"
+        @click.stop="stop"
+      >
+        <BaseIcon name="StopIcon" :class="iconClass" />
+      </button>
+
+      <span class="font-medium tabular-nums text-primary-500" :class="size === 'md' ? 'text-base' : 'text-xs'">
+        {{ elapsed }}
+      </span>
+    </template>
+
+    <template v-else-if="elsewhere">
+      <button
+        type="button"
+        class="cursor-not-allowed rounded-md text-subtle"
+        :class="buttonClass"
+        disabled
+        :title="t('tasks_projects.timer.busy_elsewhere', { name: elsewhereLabel })"
+        :aria-label="t('tasks_projects.timer.busy_elsewhere', { name: elsewhereLabel })"
+      >
+        <BaseIcon name="PlayIcon" :class="iconClass" />
+      </button>
+
+      <button
+        type="button"
+        class="rounded-md px-1.5 py-0.5 text-[11px] font-medium text-primary-500 hover:bg-hover disabled:opacity-50"
+        :disabled="timerStore.busy"
+        :title="t('tasks_projects.timer.stop_and_start')"
+        @click.stop="switchHere"
+      >
+        {{ t('tasks_projects.timer.stop_and_start') }}
+      </button>
+    </template>
+
+    <button
+      v-else
+      type="button"
+      class="rounded-md text-primary-500 hover:bg-hover disabled:opacity-50"
+      :class="buttonClass"
+      :disabled="timerStore.busy"
+      :title="t('tasks_projects.timer.start_on', { name: task.name })"
+      :aria-label="t('tasks_projects.timer.start_on', { name: task.name })"
+      @click.stop="start"
+    >
+      <BaseIcon name="PlayIcon" :class="iconClass" />
+    </button>
+
+    <span
+      v-for="entry in others"
+      :key="entry.entry_id"
+      class="flex items-center gap-1 rounded-full bg-surface-tertiary px-1.5 py-0.5 text-[11px] text-muted"
+      :title="otherTitle(entry)"
+    >
+      <BaseIcon name="ClockIcon" class="h-3.5 w-3.5 text-primary-500" />
+      {{ memberInitials(entry.user_id) }}
+    </span>
+  </div>
+</template>
diff --git a/resources/js/components/TaskStatusEditor.vue b/resources/js/components/TaskStatusEditor.vue
new file mode 100644
index 0000000..26dbb01
--- /dev/null
+++ b/resources/js/components/TaskStatusEditor.vue
@@ -0,0 +1,364 @@
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import {
+  createTaskStatus,
+  deleteTaskStatus,
+  listTaskStatuses,
+  reorderTaskStatuses,
+  updateTaskStatus,
+} from '@/api/time'
+import { errorMessage } from '@/support/errors'
+import { isForbidden } from '@/support/http'
+import { useTranslate } from '@/support/i18n'
+import type { TaskStatus, TaskStatusInput } from '@/types/task-status'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+}>()
+
+/** The swatches a column can be tagged with. Stored as written, at most 16 chars. */
+const COLOURS = ['#94a3b8', '#3b82f6', '#22c55e', '#f59e0b', '#ef4444', '#a855f7', '#0891b2', '#64748b']
+
+const t = useTranslate()
+
+const statuses = ref<TaskStatus[]>([])
+const loading = ref(true)
+const forbidden = ref(false)
+const busy = ref(false)
+const editingId = ref<number | null>(null)
+const adding = ref(false)
+
+const draft = reactive({
+  name: '',
+  colour: '',
+  is_default: false,
+  is_closed: false,
+})
+
+const isEmpty = computed<boolean>(() => !loading.value && statuses.value.length === 0)
+
+onMounted(() => void load())
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  try {
+    statuses.value = await listTaskStatuses(props.client)
+    forbidden.value = false
+  } catch (error: unknown) {
+    statuses.value = []
+    forbidden.value = isForbidden(error)
+
+    if (!forbidden.value) {
+      props.notify('error', errorMessage(error, t('tasks_projects.settings.load_failed')))
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+function startEdit(status: TaskStatus): void {
+  adding.value = false
+  editingId.value = status.id
+  draft.name = status.name
+  draft.colour = status.colour ?? ''
+  draft.is_default = status.is_default
+  draft.is_closed = status.is_closed
+}
+
+function startAdd(): void {
+  editingId.value = null
+  adding.value = true
+  draft.name = ''
+  draft.colour = COLOURS[0]
+  draft.is_default = false
+  draft.is_closed = false
+}
+
+function cancel(): void {
+  editingId.value = null
+  adding.value = false
+}
+
+function payload(): TaskStatusInput {
+  return {
+    name: draft.name.trim(),
+    colour: draft.colour || null,
+    is_default: draft.is_default,
+    is_closed: draft.is_closed,
+  }
+}
+
+async function save(): Promise<void> {
+  if (busy.value) {
+    return
+  }
+
+  if (draft.name.trim() === '') {
+    props.notify('error', t('tasks_projects.settings.status_name_required'))
+
+    return
+  }
+
+  const id = editingId.value
+  const name = draft.name.trim()
+
+  busy.value = true
+
+  try {
+    if (id === null) {
+      await createTaskStatus(props.client, payload())
+      props.notify('success', t('tasks_projects.settings.status_created', { name }))
+    } else {
+      await updateTaskStatus(props.client, id, payload())
+      props.notify('success', t('tasks_projects.settings.status_updated', { name }))
+    }
+
+    cancel()
+    await load()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.settings.save_failed')))
+  } finally {
+    busy.value = false
+  }
+}
+
+/** A column in use answers 422 with the reason, which is worth reading out. */
+async function remove(status: TaskStatus): Promise<void> {
+  if (busy.value || !window.confirm(t('tasks_projects.settings.status_delete_confirm', { name: status.name }))) {
+    return
+  }
+
+  busy.value = true
+
+  try {
+    await deleteTaskStatus(props.client, status.id)
+    props.notify('success', t('tasks_projects.settings.status_deleted', { name: status.name }))
+    cancel()
+    await load()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.settings.delete_failed')))
+  } finally {
+    busy.value = false
+  }
+}
+
+async function move(index: number, delta: number): Promise<void> {
+  const target = index + delta
+
+  if (busy.value || target < 0 || target >= statuses.value.length) {
+    return
+  }
+
+  const ordered = [...statuses.value]
+
+  ordered.splice(target, 0, ...ordered.splice(index, 1))
+  statuses.value = ordered
+  busy.value = true
+
+  try {
+    statuses.value = await reorderTaskStatuses(
+      props.client,
+      ordered.map((status) => status.id),
+    )
+    props.notify('success', t('tasks_projects.settings.status_reordered'))
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.settings.reorder_failed')))
+    await load()
+  } finally {
+    busy.value = false
+  }
+}
+</script>
+
+<template>
+  <div>
+    <p v-if="forbidden" class="text-sm text-muted">
+      {{ t('tasks_projects.settings.forbidden') }}
+    </p>
+
+    <div v-else>
+      <div v-if="loading" class="flex items-center gap-2 text-sm text-muted">
+        <BaseSpinner class="h-4 w-4 text-primary-500" />
+      </div>
+
+      <p v-else-if="isEmpty" class="text-sm text-muted">
+        {{ t('tasks_projects.settings.no_statuses') }}
+      </p>
+
+      <ul v-else class="divide-y divide-line-light">
+        <li v-for="(status, index) in statuses" :key="status.id" class="py-3">
+          <!-- Inline editor for the row being changed. -->
+          <div v-if="editingId === status.id" class="space-y-3">
+            <BaseInputGroup :label="t('tasks_projects.settings.status_name')" required>
+              <BaseInput v-model="draft.name" type="text" maxlength="255" />
+            </BaseInputGroup>
+
+            <BaseInputGroup :label="t('tasks_projects.settings.colour')">
+              <div class="flex flex-wrap items-center gap-2">
+                <button
+                  v-for="option in COLOURS"
+                  :key="option"
+                  type="button"
+                  class="h-7 w-7 rounded-full border-2 transition"
+                  :class="draft.colour === option ? 'border-heading' : 'border-line-default'"
+                  :style="{ backgroundColor: option }"
+                  :aria-label="option"
+                  @click="draft.colour = option"
+                />
+                <button
+                  type="button"
+                  class="rounded-md border border-line-default px-2 py-1 text-xs text-muted hover:bg-hover"
+                  @click="draft.colour = ''"
+                >
+                  {{ t('tasks_projects.settings.colour_none') }}
+                </button>
+              </div>
+            </BaseInputGroup>
+
+            <div class="flex flex-wrap items-center gap-6">
+              <label class="flex items-center gap-2 text-sm text-body">
+                <BaseSwitch v-model="draft.is_default" class="flex" />
+                {{ t('tasks_projects.settings.is_default') }}
+              </label>
+
+              <label class="flex items-center gap-2 text-sm text-body">
+                <BaseSwitch v-model="draft.is_closed" class="flex" />
+                {{ t('tasks_projects.settings.is_closed') }}
+              </label>
+            </div>
+
+            <div class="flex gap-3">
+              <BaseButton variant="primary" size="sm" :disabled="busy" @click="save">
+                {{ t('tasks_projects.general.save') }}
+              </BaseButton>
+              <BaseButton variant="primary-outline" size="sm" @click="cancel">
+                {{ t('tasks_projects.general.cancel') }}
+              </BaseButton>
+            </div>
+          </div>
+
+          <!-- The resting row. -->
+          <div v-else class="flex items-center gap-3">
+            <span
+              class="inline-block h-3 w-3 shrink-0 rounded-full"
+              :class="status.colour ? '' : 'bg-line-default'"
+              :style="status.colour ? { backgroundColor: status.colour } : undefined"
+            />
+
+            <span class="min-w-0 flex-1 truncate text-sm font-medium text-heading">
+              {{ status.name }}
+            </span>
+
+            <BaseBadge v-if="status.is_default" class="rounded-full bg-primary-50! text-primary-500!">
+              {{ t('tasks_projects.settings.is_default') }}
+            </BaseBadge>
+
+            <BaseBadge v-if="status.is_closed" class="rounded-full bg-surface-tertiary! text-muted!">
+              {{ t('tasks_projects.settings.is_closed') }}
+            </BaseBadge>
+
+            <div class="flex items-center gap-1">
+              <button
+                type="button"
+                class="rounded p-1 text-subtle hover:bg-hover hover:text-heading disabled:opacity-40"
+                :disabled="busy || index === 0"
+                :title="t('tasks_projects.settings.move_up')"
+                :aria-label="t('tasks_projects.settings.move_up')"
+                @click="move(index, -1)"
+              >
+                <BaseIcon name="ChevronUpIcon" class="h-4 w-4" />
+              </button>
+
+              <button
+                type="button"
+                class="rounded p-1 text-subtle hover:bg-hover hover:text-heading disabled:opacity-40"
+                :disabled="busy || index === statuses.length - 1"
+                :title="t('tasks_projects.settings.move_down')"
+                :aria-label="t('tasks_projects.settings.move_down')"
+                @click="move(index, 1)"
+              >
+                <BaseIcon name="ChevronDownIcon" class="h-4 w-4" />
+              </button>
+
+              <button
+                type="button"
+                class="rounded p-1 text-subtle hover:bg-hover hover:text-heading"
+                :title="t('tasks_projects.general.edit')"
+                :aria-label="t('tasks_projects.general.edit')"
+                @click="startEdit(status)"
+              >
+                <BaseIcon name="PencilIcon" class="h-4 w-4" />
+              </button>
+
+              <button
+                type="button"
+                class="rounded p-1 text-subtle hover:bg-hover hover:text-alert-error-text"
+                :disabled="busy"
+                :title="t('tasks_projects.general.delete')"
+                :aria-label="t('tasks_projects.general.delete')"
+                @click="remove(status)"
+              >
+                <BaseIcon name="TrashIcon" class="h-4 w-4" />
+              </button>
+            </div>
+          </div>
+        </li>
+      </ul>
+
+      <!-- The new column, written in the same shape as an edited one. -->
+      <div v-if="adding" class="mt-4 space-y-3 rounded-lg border border-line-default p-3">
+        <BaseInputGroup :label="t('tasks_projects.settings.status_name')" required>
+          <BaseInput v-model="draft.name" type="text" maxlength="255" />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.settings.colour')">
+          <div class="flex flex-wrap items-center gap-2">
+            <button
+              v-for="option in COLOURS"
+              :key="option"
+              type="button"
+              class="h-7 w-7 rounded-full border-2 transition"
+              :class="draft.colour === option ? 'border-heading' : 'border-line-default'"
+              :style="{ backgroundColor: option }"
+              :aria-label="option"
+              @click="draft.colour = option"
+            />
+          </div>
+        </BaseInputGroup>
+
+        <div class="flex flex-wrap items-center gap-6">
+          <label class="flex items-center gap-2 text-sm text-body">
+            <BaseSwitch v-model="draft.is_default" class="flex" />
+            {{ t('tasks_projects.settings.is_default') }}
+          </label>
+
+          <label class="flex items-center gap-2 text-sm text-body">
+            <BaseSwitch v-model="draft.is_closed" class="flex" />
+            {{ t('tasks_projects.settings.is_closed') }}
+          </label>
+        </div>
+
+        <div class="flex gap-3">
+          <BaseButton variant="primary" size="sm" :disabled="busy" @click="save">
+            {{ t('tasks_projects.general.save') }}
+          </BaseButton>
+          <BaseButton variant="primary-outline" size="sm" @click="cancel">
+            {{ t('tasks_projects.general.cancel') }}
+          </BaseButton>
+        </div>
+      </div>
+
+      <BaseButton v-else-if="!loading" variant="primary-outline" size="sm" class="mt-4" @click="startAdd">
+        <template #left="slotProps">
+          <BaseIcon name="PlusIcon" :class="slotProps.class" />
+        </template>
+        {{ t('tasks_projects.settings.add_status') }}
+      </BaseButton>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/components/TimeEntryModal.vue b/resources/js/components/TimeEntryModal.vue
new file mode 100644
index 0000000..73a7f3c
--- /dev/null
+++ b/resources/js/components/TimeEntryModal.vue
@@ -0,0 +1,469 @@
+<script setup lang="ts">
+import { computed, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import {
+  createTimeEntry,
+  deleteTimeEntry,
+  fetchTask,
+  searchTasks,
+  updateTimeEntry,
+} from '@/api/time'
+import { rememberTask } from '@/stores/tasks'
+import { errorMessage, fieldErrors } from '@/support/errors'
+import { useTranslate } from '@/support/i18n'
+import {
+  addMinutes,
+  formatDuration,
+  formatLocalDate,
+  localDateOf,
+  localInstant,
+  localTimeOf,
+  parseDuration,
+} from '@/support/time'
+import { toDateString } from '@/support/format'
+import type { TaskSummary } from '@/types/task-summary'
+import type { TimeEntry, TimeEntryInput } from '@/types/time-entry'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+type EntryMode = 'duration' | 'range'
+
+const props = defineProps<{
+  show: boolean
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  /** The entry being edited, or null to log a new one. */
+  entry: TimeEntry | null
+  /** The day a new entry lands on, as `Y-m-d`. */
+  defaultDate?: string
+  /** The task a new entry is logged against, when the caller already knows it. */
+  defaultTask?: TaskSummary | null
+  /**
+   * Opened from a task's own time log, where the task is not a choice.
+   *
+   * The picker becomes a label: moving an entry to another task from inside
+   * that task's log is a way to lose it, and the log it would move to is one
+   * click away.
+   */
+  lockTask?: boolean
+}>()
+
+const emit = defineEmits<{
+  (event: 'close'): void
+  (event: 'saved', entry: TimeEntry): void
+  (event: 'deleted', entry: TimeEntry): void
+}>()
+
+/** The hour a duration-only entry is stamped with, so it never slides a day. */
+const DEFAULT_START_TIME = '09:00'
+
+/** The two ways to describe the same span of work. */
+const MODES: readonly EntryMode[] = ['duration', 'range']
+
+const t = useTranslate()
+
+const form = reactive({
+  date: '',
+  mode: 'duration' as EntryMode,
+  duration: '',
+  start: DEFAULT_START_TIME,
+  end: '',
+  description: '',
+  billable: true,
+})
+
+const task = ref<TaskSummary | null>(null)
+const errors = ref<Record<string, string>>({})
+const saving = ref(false)
+const deleting = ref(false)
+
+const isEdit = computed<boolean>(() => props.entry !== null)
+
+/** Invoiced time belongs to the invoice: the form only ever shows it. */
+const isStamped = computed<boolean>(() => props.entry?.invoice_id != null)
+
+const title = computed<string>(() => {
+  if (isStamped.value) {
+    return t('tasks_projects.time.view_entry')
+  }
+
+  return isEdit.value ? t('tasks_projects.time.edit_entry') : t('tasks_projects.time.new_entry')
+})
+
+watch(
+  () => props.show,
+  (show) => {
+    if (show) {
+      reset()
+    }
+  },
+  { immediate: true },
+)
+
+function reset(): void {
+  const entry = props.entry
+
+  errors.value = {}
+  task.value = entry === null ? (props.defaultTask ?? null) : null
+  form.date = entry ? localDateOf(entry.started_at) : (props.defaultDate ?? formatLocalDate(new Date()))
+  form.duration = entry ? formatDuration(entry.duration_minutes) : ''
+  form.start = entry?.started_at ? localTimeOf(entry.started_at) : DEFAULT_START_TIME
+  form.end = entry?.ended_at ? localTimeOf(entry.ended_at) : ''
+  form.description = entry?.description ?? ''
+  form.billable = entry ? entry.billable : (task.value?.billable ?? true)
+  form.mode = entry !== null && matchesRange(entry) ? 'range' : 'duration'
+
+  if (form.date === '') {
+    form.date = props.defaultDate ?? formatLocalDate(new Date())
+  }
+
+  if (entry !== null) {
+    void loadTask(entry.task_id)
+  }
+}
+
+/**
+ * Whether the stored timestamps still describe the stored duration. A rounded
+ * or hand-edited entry no longer does, and is shown as a plain duration.
+ */
+function matchesRange(entry: TimeEntry): boolean {
+  if (!entry.started_at || !entry.ended_at) {
+    return false
+  }
+
+  const started = new Date(entry.started_at).getTime()
+  const ended = new Date(entry.ended_at).getTime()
+
+  if (Number.isNaN(started) || Number.isNaN(ended)) {
+    return false
+  }
+
+  return Math.round((ended - started) / 60000) === entry.duration_minutes
+}
+
+async function loadTask(id: number): Promise<void> {
+  try {
+    const loaded = await fetchTask(props.client, id)
+
+    task.value = loaded
+    rememberTask(loaded)
+  } catch {
+    // The picker stays empty; saving still needs a task to be chosen.
+  }
+}
+
+/** The picker's option source: the server filters, so the list does not. */
+async function loadTasks(query: string): Promise<TaskSummary[]> {
+  try {
+    const tasks = await searchTasks(props.client, query ?? '')
+
+    tasks.forEach(rememberTask)
+
+    return tasks
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.tasks_failed')))
+
+    return []
+  }
+}
+
+function onDate(value: string | Date): void {
+  form.date = value ? toDateString(value) : ''
+}
+
+function onTaskSelected(selected: TaskSummary | null): void {
+  task.value = selected
+
+  if (selected !== null && props.entry === null) {
+    form.billable = selected.billable !== false
+  }
+}
+
+/** The request body, or null when the form is not ready to be sent. */
+function payload(): TimeEntryInput | null {
+  const messages: Record<string, string> = {}
+  const chosen = task.value
+
+  if (chosen === null || typeof chosen.id !== 'number') {
+    messages.task_id = t('tasks_projects.time.task_required')
+  }
+
+  if (form.date === '') {
+    messages.date = t('tasks_projects.time.date_required')
+  }
+
+  const startedAt = localInstant(form.date, form.mode === 'range' ? form.start : DEFAULT_START_TIME)
+
+  if (startedAt === null) {
+    messages.started_at = t('tasks_projects.time.range_invalid')
+  }
+
+  const minutes = form.mode === 'duration' ? parseDuration(form.duration) : null
+
+  if (form.mode === 'duration' && minutes === null) {
+    messages.duration_minutes = t('tasks_projects.time.duration_invalid')
+  }
+
+  const endedAt = form.mode === 'range' ? localInstant(form.date, form.end) : null
+
+  if (form.mode === 'range' && (endedAt === null || startedAt === null || endedAt <= startedAt)) {
+    messages.ended_at = t('tasks_projects.time.range_invalid')
+  }
+
+  errors.value = messages
+
+  if (Object.keys(messages).length > 0 || chosen === null || startedAt === null) {
+    return null
+  }
+
+  const body: TimeEntryInput = {
+    task_id: chosen.id,
+    started_at: startedAt,
+    description: form.description.trim() || null,
+    billable: form.billable,
+  }
+
+  if (form.mode === 'duration' && minutes !== null) {
+    body.duration_minutes = minutes
+    body.ended_at = addMinutes(startedAt, minutes)
+  } else {
+    body.ended_at = endedAt
+  }
+
+  return body
+}
+
+async function save(): Promise<void> {
+  if (saving.value || isStamped.value) {
+    return
+  }
+
+  const body = payload()
+
+  if (body === null) {
+    return
+  }
+
+  saving.value = true
+
+  try {
+    const existing = props.entry
+    const saved = existing
+      ? await updateTimeEntry(props.client, existing.id, body)
+      : await createTimeEntry(props.client, body)
+
+    emit('saved', saved)
+  } catch (error: unknown) {
+    errors.value = fieldErrors(error)
+    props.notify('error', errorMessage(error, t('tasks_projects.time.save_failed')))
+  } finally {
+    saving.value = false
+  }
+}
+
+async function remove(): Promise<void> {
+  const existing = props.entry
+
+  if (existing === null || deleting.value || isStamped.value) {
+    return
+  }
+
+  if (!window.confirm(t('tasks_projects.time.delete_confirm'))) {
+    return
+  }
+
+  deleting.value = true
+
+  try {
+    await deleteTimeEntry(props.client, existing.id)
+    emit('deleted', existing)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.delete_failed')))
+  } finally {
+    deleting.value = false
+  }
+}
+</script>
+
+<template>
+  <BaseModal :show="show" @close="emit('close')">
+    <template #header>
+      <div class="flex w-full items-center justify-between">
+        <span>{{ title }}</span>
+        <BaseIcon
+          name="XMarkIcon"
+          class="h-6 w-6 cursor-pointer text-subtle hover:text-body"
+          @click="emit('close')"
+        />
+      </div>
+    </template>
+
+    <form @submit.prevent="save">
+      <div class="space-y-5 px-6 py-6">
+        <p
+          v-if="isStamped"
+          class="rounded-md bg-alert-warning-bg px-3 py-2 text-sm text-alert-warning-text"
+        >
+          {{ t('tasks_projects.time.stamped_notice') }}
+        </p>
+
+        <BaseInputGroup
+          :label="t('tasks_projects.time.fields.task')"
+          :error="errors.task_id"
+          required
+        >
+          <BaseInput v-if="lockTask" :model-value="task?.name ?? ''" type="text" disabled />
+
+          <BaseMultiselect
+            v-else
+            :model-value="task"
+            :options="loadTasks"
+            :disabled="isStamped"
+            :invalid="Boolean(errors.task_id)"
+            :placeholder="t('tasks_projects.time.fields.task_placeholder')"
+            :initial-search="task?.name ?? ''"
+            :delay="400"
+            :filter-results="false"
+            value-prop="id"
+            track-by="name"
+            label="name"
+            object
+            searchable
+            preserve-search
+            resolve-on-load
+            @update:model-value="(value: TaskSummary | null) => onTaskSelected(value)"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGrid>
+          <BaseInputGroup :label="t('tasks_projects.time.fields.date')" :error="errors.date" required>
+            <BaseDatePicker
+              :model-value="form.date"
+              :disabled="isStamped"
+              :invalid="Boolean(errors.date)"
+              @update:model-value="onDate"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup :label="t('tasks_projects.time.fields.mode')">
+            <div class="inline-flex overflow-hidden rounded-md border border-line-default">
+              <button
+                v-for="option in MODES"
+                :key="option"
+                type="button"
+                class="px-3 py-2 text-sm"
+                :class="
+                  form.mode === option
+                    ? 'bg-primary-500 text-white'
+                    : 'bg-surface text-body hover:bg-hover'
+                "
+                :disabled="isStamped"
+                @click="form.mode = option"
+              >
+                {{ t(`tasks_projects.time.mode.${option}`) }}
+              </button>
+            </div>
+          </BaseInputGroup>
+        </BaseInputGrid>
+
+        <BaseInputGroup
+          v-if="form.mode === 'duration'"
+          :label="t('tasks_projects.time.fields.duration')"
+          :error="errors.duration_minutes"
+          :help-text="t('tasks_projects.time.fields.duration_help')"
+          required
+        >
+          <BaseInput
+            v-model="form.duration"
+            type="text"
+            inputmode="text"
+            placeholder="1:30"
+            :disabled="isStamped"
+            :invalid="Boolean(errors.duration_minutes)"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGrid v-else>
+          <BaseInputGroup
+            :label="t('tasks_projects.time.fields.start')"
+            :error="errors.started_at"
+            required
+          >
+            <BaseInput
+              v-model="form.start"
+              type="time"
+              :disabled="isStamped"
+              :invalid="Boolean(errors.started_at)"
+            />
+          </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="t('tasks_projects.time.fields.end')"
+            :error="errors.ended_at"
+            required
+          >
+            <BaseInput
+              v-model="form.end"
+              type="time"
+              :disabled="isStamped"
+              :invalid="Boolean(errors.ended_at)"
+            />
+          </BaseInputGroup>
+        </BaseInputGrid>
+
+        <BaseInputGroup
+          :label="t('tasks_projects.time.fields.description')"
+          :error="errors.description"
+        >
+          <BaseTextarea
+            v-model="form.description"
+            :row="3"
+            :disabled="isStamped"
+            :invalid="Boolean(errors.description)"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGroup :label="t('tasks_projects.time.fields.billable')" :error="errors.billable">
+          <BaseSwitch v-if="!isStamped" v-model="form.billable" class="flex" />
+          <span v-else class="text-sm text-muted">
+            {{
+              form.billable
+                ? t('tasks_projects.time.billable')
+                : t('tasks_projects.time.non_billable')
+            }}
+          </span>
+        </BaseInputGroup>
+      </div>
+
+      <div class="flex items-center justify-between border-t border-line-default px-6 py-4">
+        <BaseButton
+          v-if="isEdit && !isStamped"
+          type="button"
+          variant="danger"
+          size="sm"
+          :loading="deleting"
+          :disabled="deleting"
+          @click="remove"
+        >
+          {{ t('tasks_projects.general.delete') }}
+        </BaseButton>
+        <span v-else />
+
+        <div class="flex space-x-3">
+          <BaseButton type="button" variant="primary-outline" @click="emit('close')">
+            {{ isStamped ? t('tasks_projects.timer.close') : t('tasks_projects.general.cancel') }}
+          </BaseButton>
+
+          <BaseButton
+            v-if="!isStamped"
+            type="submit"
+            variant="primary"
+            :loading="saving"
+            :disabled="saving"
+          >
+            {{ isEdit ? t('tasks_projects.general.update') : t('tasks_projects.general.save') }}
+          </BaseButton>
+        </div>
+      </div>
+    </form>
+  </BaseModal>
+</template>
diff --git a/resources/js/components/TimeLogGrid.vue b/resources/js/components/TimeLogGrid.vue
new file mode 100644
index 0000000..7197b6c
--- /dev/null
+++ b/resources/js/components/TimeLogGrid.vue
@@ -0,0 +1,329 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { fetchTaskTimeLog } from '@/api/board'
+import { deleteTimeEntry } from '@/api/time'
+import TimeEntryModal from '@/components/TimeEntryModal.vue'
+import { bumpTaskVersion, taskVersion } from '@/stores/tasks'
+import { timerStore, useNow } from '@/stores/timer'
+import { errorMessage } from '@/support/errors'
+import { formatDate } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import {
+  formatClock,
+  formatDuration,
+  localDateOf,
+  localTimeOf,
+  secondsBetween,
+} from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { Task } from '@/types/task'
+import type { TaskSummary } from '@/types/task-summary'
+import type { TimeEntry } from '@/types/time-entry'
+
+const props = withDefaults(
+  defineProps<{
+    client: AxiosInstance
+    notify: Notify
+    task: Task
+    members?: CompanyMember[]
+  }>(),
+  { members: () => [] },
+)
+
+const t = useTranslate()
+
+/** One shared tick drives every running row. */
+const now = useNow()
+
+const entries = ref<TimeEntry[]>([])
+const loading = ref(false)
+const modalOpen = ref(false)
+const editing = ref<TimeEntry | null>(null)
+
+/** What the modal preselects when a row is added from here. */
+const summary = computed<TaskSummary>(() => ({
+  id: props.task.id,
+  name: props.task.name,
+  number: props.task.number,
+  project_id: props.task.project_id,
+  billable: props.task.billable,
+}))
+
+/**
+ * Logging by hand while the clock is running would describe the same minutes
+ * twice, so the button waits for the timer to stop.
+ */
+const addDisabled = computed<boolean>(() => timerStore.isRunningOn(props.task.id))
+
+const feedback = computed(() => ({ notify: props.notify, t }))
+
+/**
+ * Whether a running row is the caller's own clock.
+ *
+ * Another member's running entry is shown here and never stopped from this
+ * screen: their clock is theirs to close.
+ */
+function isMine(entry: TimeEntry): boolean {
+  return entry.is_running && timerStore.running?.id === entry.id
+}
+
+/** Stop from the log, naming the task, through the same dialog as everywhere. */
+function stop(): void {
+  void timerStore.stopWithPrompt(props.client, feedback.value, { taskId: props.task.id })
+}
+
+watch(() => props.task.id, () => void load(), { immediate: true })
+
+// A start or a stop anywhere writes an entry against this task.
+watch(taskVersion, () => void load())
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  try {
+    entries.value = await fetchTaskTimeLog(props.client, props.task.id)
+  } catch (error: unknown) {
+    entries.value = []
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.time_log.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+/** Invoiced time belongs to its invoice: the row opens read-only. */
+function isStamped(entry: TimeEntry): boolean {
+  return entry.invoice_id !== null
+}
+
+function memberName(userId: number): string {
+  return props.members.find((member) => member.id === userId)?.name ?? `#${userId}`
+}
+
+/** A running row counts up; a closed one shows the minutes it recorded. */
+function durationOf(entry: TimeEntry): string {
+  return entry.is_running
+    ? formatClock(secondsBetween(entry.started_at, now.value))
+    : formatDuration(entry.duration_minutes)
+}
+
+function openCreate(): void {
+  if (addDisabled.value) {
+    return
+  }
+
+  editing.value = null
+  modalOpen.value = true
+}
+
+function openEdit(entry: TimeEntry): void {
+  if (entry.is_running) {
+    return
+  }
+
+  editing.value = entry
+  modalOpen.value = true
+}
+
+function onSaved(): void {
+  const message = editing.value
+    ? t('tasks_projects.time.updated')
+    : t('tasks_projects.time.created')
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  bumpTaskVersion()
+}
+
+function onDeleted(): void {
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', t('tasks_projects.time.deleted'))
+  bumpTaskVersion()
+}
+
+async function remove(entry: TimeEntry): Promise<void> {
+  if (isStamped(entry)) {
+    props.notify('warning', t('tasks_projects.tasks.time_log.stamped_delete'))
+
+    return
+  }
+
+  if (!window.confirm(t('tasks_projects.time.delete_confirm'))) {
+    return
+  }
+
+  try {
+    await deleteTimeEntry(props.client, entry.id)
+    props.notify('success', t('tasks_projects.time.deleted'))
+    bumpTaskVersion()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.delete_failed')))
+  }
+}
+</script>
+
+<template>
+  <section class="mt-6 rounded-xl border border-line-default bg-surface">
+    <header class="flex items-center justify-between border-b border-line-light px-5 py-3">
+      <h2 class="text-sm font-semibold text-heading">
+        {{ t('tasks_projects.tasks.time_log.title') }}
+        <BaseSpinner v-if="loading" class="ml-2 inline-block h-4 w-4 text-primary-500" />
+      </h2>
+
+      <span :title="addDisabled ? t('tasks_projects.tasks.time_log.add_disabled') : undefined">
+        <BaseButton variant="primary-outline" size="sm" :disabled="addDisabled" @click="openCreate">
+          <template #left="slotProps">
+            <BaseIcon name="PlusIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.tasks.time_log.add_item') }}
+        </BaseButton>
+      </span>
+    </header>
+
+    <div class="overflow-x-auto">
+      <table class="min-w-full text-sm">
+        <thead class="bg-surface-secondary text-xs tracking-wide text-muted uppercase">
+          <tr>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.start_date') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.start_time') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.end_date') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.end_time') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.duration') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.description') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.billable') }}
+            </th>
+            <th class="px-4 py-2 text-left font-medium">
+              {{ t('tasks_projects.tasks.time_log.columns.member') }}
+            </th>
+            <th class="px-4 py-2 text-right font-medium">
+              {{ t('tasks_projects.general.actions') }}
+            </th>
+          </tr>
+        </thead>
+
+        <tbody>
+          <tr
+            v-for="entry in entries"
+            :key="entry.id"
+            class="border-t border-line-light"
+            :class="entry.is_running ? 'bg-primary-50' : 'cursor-pointer hover:bg-hover'"
+            @click="openEdit(entry)"
+          >
+            <td class="px-4 py-2.5 whitespace-nowrap">
+              {{ formatDate(localDateOf(entry.started_at)) || '-' }}
+            </td>
+            <td class="px-4 py-2.5 whitespace-nowrap tabular-nums">
+              {{ localTimeOf(entry.started_at) || '-' }}
+            </td>
+            <td class="px-4 py-2.5 whitespace-nowrap">
+              <span v-if="entry.is_running" class="text-primary-500">
+                {{ t('tasks_projects.tasks.time_log.running') }}
+              </span>
+              <span v-else>{{ formatDate(localDateOf(entry.ended_at)) || '-' }}</span>
+            </td>
+            <td class="px-4 py-2.5 whitespace-nowrap tabular-nums">
+              {{ entry.is_running ? '-' : localTimeOf(entry.ended_at) || '-' }}
+            </td>
+            <td class="px-4 py-2.5 whitespace-nowrap tabular-nums">
+              <span :class="entry.is_running ? 'font-medium text-primary-500' : ''">
+                {{ durationOf(entry) }}
+              </span>
+            </td>
+            <td class="max-w-64 truncate px-4 py-2.5">{{ entry.description || '-' }}</td>
+            <td class="px-4 py-2.5">
+              <BaseIcon
+                v-if="entry.billable"
+                name="CheckCircleIcon"
+                class="h-5 w-5 text-status-green"
+              />
+              <span v-else class="text-subtle">-</span>
+            </td>
+            <td class="px-4 py-2.5 whitespace-nowrap">{{ memberName(entry.user_id) }}</td>
+            <td class="px-4 py-2.5 text-right whitespace-nowrap" @click.stop>
+              <span
+                v-if="isStamped(entry)"
+                class="text-xs text-muted"
+                :title="t('tasks_projects.tasks.time_log.stamped_delete')"
+              >
+                {{ t('tasks_projects.tasks.time_log.stamped') }}
+              </span>
+
+              <BaseDropdown v-else-if="!entry.is_running">
+                <template #activator>
+                  <BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
+                </template>
+
+                <BaseDropdownItem @click="openEdit(entry)">
+                  <BaseIcon
+                    name="PencilIcon"
+                    class="mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+                  />
+                  {{ t('tasks_projects.general.edit') }}
+                </BaseDropdownItem>
+
+                <BaseDropdownItem @click="remove(entry)">
+                  <BaseIcon
+                    name="TrashIcon"
+                    class="mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+                  />
+                  {{ t('tasks_projects.general.delete') }}
+                </BaseDropdownItem>
+              </BaseDropdown>
+
+              <BaseButton
+                v-else-if="isMine(entry)"
+                variant="white"
+                size="sm"
+                :disabled="timerStore.busy"
+                @click="stop"
+              >
+                <template #left="slotProps">
+                  <BaseIcon name="StopIcon" :class="slotProps.class" />
+                </template>
+                {{ t('tasks_projects.timer.stop') }}
+              </BaseButton>
+
+              <span v-else class="text-xs text-primary-500">
+                {{ t('tasks_projects.tasks.time_log.running') }}
+              </span>
+            </td>
+          </tr>
+
+          <tr v-if="entries.length === 0 && !loading">
+            <td colspan="9" class="px-4 py-8 text-center text-sm text-subtle">
+              {{ t('tasks_projects.tasks.time_log.empty') }}
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <TimeEntryModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :entry="editing"
+      :default-task="summary"
+      lock-task
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="onDeleted"
+    />
+  </section>
+</template>
diff --git a/resources/js/components/TimerChip.vue b/resources/js/components/TimerChip.vue
new file mode 100644
index 0000000..511ec5b
--- /dev/null
+++ b/resources/js/components/TimerChip.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { taskLabel } from '@/stores/tasks'
+import { timerStore } from '@/stores/timer'
+import { useTranslate } from '@/support/i18n'
+import { formatClock } from '@/support/time'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+}>()
+
+const emit = defineEmits<{
+  (event: 'open'): void
+}>()
+
+const t = useTranslate()
+
+const label = computed<string>(() => taskLabel(timerStore.running?.task_id ?? null))
+
+const elapsed = computed<string>(() => formatClock(timerStore.elapsedSeconds))
+
+/**
+ * Stopping asks before it writes.
+ *
+ * The chip is the most convenient stop button on the screen, which is exactly
+ * why it should not be the one that silently files an hour with no note on it.
+ * The dialog, the discard and the message all live in the store.
+ */
+function stop(): void {
+  void timerStore.stopWithPrompt(props.client, { notify: props.notify, t })
+}
+</script>
+
+<template>
+  <li v-if="timerStore.running !== null" class="relative float-left m-0 ml-2">
+    <div
+      class="flex h-8 items-center gap-2 rounded-lg bg-white/20 px-2 text-sm text-white md:h-9 md:px-3"
+      :title="t('tasks_projects.timer.running')"
+    >
+      <span class="inline-block h-2 w-2 shrink-0 animate-pulse rounded-full bg-white" />
+
+      <button
+        type="button"
+        class="hidden max-w-32 truncate hover:underline lg:block"
+        :aria-label="t('tasks_projects.timer.open_task')"
+        :title="t('tasks_projects.timer.open_task')"
+        @click="emit('open')"
+      >
+        {{ label }}
+      </button>
+
+      <span class="font-medium tabular-nums">{{ elapsed }}</span>
+
+      <button
+        type="button"
+        class="rounded p-1 hover:bg-white/20 disabled:opacity-50"
+        :disabled="timerStore.busy"
+        :title="t('tasks_projects.timer.stop')"
+        :aria-label="t('tasks_projects.timer.stop')"
+        @click="stop"
+      >
+        <BaseIcon name="StopIcon" class="h-4 w-4 text-white" />
+      </button>
+    </div>
+  </li>
+</template>
diff --git a/resources/js/components/ViewSwitcher.vue b/resources/js/components/ViewSwitcher.vue
new file mode 100644
index 0000000..2e6b077
--- /dev/null
+++ b/resources/js/components/ViewSwitcher.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { LocationQueryRaw } from 'vue-router'
+import { useTranslate } from '@/support/i18n'
+import { ROUTES } from '@/support/page'
+
+interface View {
+  id: string
+  name: string
+  label: string
+  icon: string
+}
+
+const props = defineProps<{
+  /** The route name the Tasks screen is currently showing. */
+  active: string
+  /** The filters, so a view change keeps them. */
+  query: LocationQueryRaw
+}>()
+
+const emit = defineEmits<{
+  (event: 'select', to: { name: string; query: LocationQueryRaw }): void
+}>()
+
+const t = useTranslate()
+
+const views = computed<View[]>(() => [
+  {
+    id: 'list',
+    name: ROUTES.list,
+    label: t('tasks_projects.tasks.views.list'),
+    icon: 'ListBulletIcon',
+  },
+  {
+    id: 'board',
+    name: ROUTES.board,
+    label: t('tasks_projects.tasks.views.board'),
+    icon: 'ViewColumnsIcon',
+  },
+  {
+    id: 'week',
+    name: ROUTES.week,
+    label: t('tasks_projects.tasks.views.week'),
+    icon: 'CalendarDaysIcon',
+  },
+])
+
+/**
+ * The index child is what a link to the module root resolves to, but a visit
+ * to the parent route itself is the same screen, so both light the List tab.
+ */
+function isActive(view: View): boolean {
+  return props.active === view.name || (view.id === 'list' && props.active === ROUTES.tasks)
+}
+
+function select(view: View): void {
+  if (!isActive(view)) {
+    emit('select', { name: view.name, query: props.query })
+  }
+}
+</script>
+
+<template>
+  <nav
+    class="inline-flex overflow-hidden rounded-lg border border-line-default"
+    :aria-label="t('tasks_projects.tasks.title')"
+  >
+    <button
+      v-for="view in views"
+      :key="view.id"
+      type="button"
+      class="flex items-center gap-1.5 border-r border-line-default px-3 py-1.5 text-sm font-medium last:border-r-0"
+      :class="
+        isActive(view)
+          ? 'bg-primary-50 text-primary-500'
+          : 'bg-surface text-muted hover:bg-hover hover:text-heading'
+      "
+      :aria-current="isActive(view) ? 'page' : undefined"
+      @click="select(view)"
+    >
+      <BaseIcon :name="view.icon" class="h-4 w-4" />
+      <span class="max-sm:hidden">{{ view.label }}</span>
+    </button>
+  </nav>
+</template>
diff --git a/resources/js/components/WeekTimesheet.vue b/resources/js/components/WeekTimesheet.vue
new file mode 100644
index 0000000..314b5f9
--- /dev/null
+++ b/resources/js/components/WeekTimesheet.vue
@@ -0,0 +1,267 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { listAllTimeEntries } from '@/api/time'
+import { ensureTaskNames, taskLabel } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { useTranslate } from '@/support/i18n'
+import {
+  addDays,
+  dayLabel,
+  formatDuration,
+  formatLocalDate,
+  isToday,
+  localDateOf,
+  startOfWeek,
+  weekDays,
+} from '@/support/time'
+import type { TimeEntry, TimeEntryListParams } from '@/types/time-entry'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+interface DayColumn {
+  key: string
+  weekday: string
+  day: string
+  today: boolean
+  entries: TimeEntry[]
+  minutes: number
+}
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  /** Whose week this is. Null while the host bootstrap has not answered. */
+  userId: number | null
+  /** The project the screen above is filtered to, or null for all of them. */
+  projectId?: number | null
+  /** 0 for Sunday through 6 for Saturday, from the module settings. */
+  weekStart: number
+  /** Bumped by the page whenever an entry was saved elsewhere. */
+  reloadToken: number
+}>()
+
+const emit = defineEmits<{
+  (event: 'add', date: string): void
+  (event: 'edit', entry: TimeEntry): void
+}>()
+
+const t = useTranslate()
+
+const anchor = ref<Date>(startOfWeek(new Date(), props.weekStart))
+const entries = ref<TimeEntry[]>([])
+const loading = ref(false)
+
+const days = computed<Date[]>(() => weekDays(anchor.value))
+
+const rangeLabel = computed<string>(() => {
+  const first = days.value[0]
+  const last = days.value[days.value.length - 1]
+
+  return `${dayLabel(first).day} - ${dayLabel(last).day}`
+})
+
+const columns = computed<DayColumn[]>(() =>
+  days.value.map((date) => {
+    const key = formatLocalDate(date)
+    const ofDay = entries.value.filter((entry) => localDateOf(entry.started_at) === key)
+    const labels = dayLabel(date)
+
+    return {
+      key,
+      weekday: labels.weekday,
+      day: labels.day,
+      today: isToday(date),
+      entries: ofDay,
+      minutes: totalOf(ofDay),
+    }
+  }),
+)
+
+const weekMinutes = computed<number>(() => totalOf(entries.value))
+
+const isEmpty = computed<boolean>(() => !loading.value && entries.value.length === 0)
+
+watch(
+  () => props.weekStart,
+  (weekStart) => {
+    anchor.value = startOfWeek(anchor.value, weekStart)
+  },
+)
+
+watch(
+  [anchor, () => props.userId, () => props.projectId, () => props.reloadToken],
+  () => void load(),
+  { immediate: true },
+)
+
+function totalOf(list: TimeEntry[]): number {
+  return list.reduce((sum, entry) => sum + (entry.duration_minutes ?? 0), 0)
+}
+
+async function load(): Promise<void> {
+  if (props.userId === null) {
+    entries.value = []
+
+    return
+  }
+
+  loading.value = true
+
+  try {
+    const params: TimeEntryListParams = {
+      user_id: props.userId,
+      from: formatLocalDate(days.value[0]),
+      to: formatLocalDate(days.value[days.value.length - 1]),
+    }
+
+    if (props.projectId) {
+      params.project_id = props.projectId
+    }
+
+    const loaded = await listAllTimeEntries(props.client, params)
+
+    entries.value = loaded
+    void ensureTaskNames(
+      props.client,
+      loaded.map((entry) => entry.task_id).filter((id): id is number => typeof id === 'number'),
+    )
+  } catch (error: unknown) {
+    entries.value = []
+    props.notify('error', errorMessage(error, t('tasks_projects.time.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+function move(weeks: number): void {
+  anchor.value = addDays(anchor.value, weeks * 7)
+}
+
+function thisWeek(): void {
+  anchor.value = startOfWeek(new Date(), props.weekStart)
+}
+</script>
+
+<template>
+  <section>
+    <header class="mt-4 flex flex-wrap items-center justify-between gap-3">
+      <div class="flex items-center gap-2">
+        <BaseButton
+          variant="white"
+          size="sm"
+          :title="t('tasks_projects.time.previous_week')"
+          @click="move(-1)"
+        >
+          <BaseIcon name="ChevronLeftIcon" class="h-4 w-4" />
+        </BaseButton>
+
+        <BaseButton variant="white" size="sm" @click="thisWeek">
+          {{ t('tasks_projects.time.this_week') }}
+        </BaseButton>
+
+        <BaseButton
+          variant="white"
+          size="sm"
+          :title="t('tasks_projects.time.next_week')"
+          @click="move(1)"
+        >
+          <BaseIcon name="ChevronRightIcon" class="h-4 w-4" />
+        </BaseButton>
+
+        <span class="ml-1 text-sm text-muted">{{ rangeLabel }}</span>
+      </div>
+
+      <div class="flex items-center gap-2 text-sm">
+        <span class="text-muted">{{ t('tasks_projects.time.week_total') }}</span>
+        <span class="text-lg font-semibold tabular-nums text-heading">
+          {{ formatDuration(weekMinutes) }}
+        </span>
+        <BaseSpinner v-if="loading" class="h-4 w-4 text-primary-500" />
+      </div>
+    </header>
+
+    <p v-if="userId === null" class="mt-6 text-sm text-muted">
+      {{ t('tasks_projects.time.unknown_user') }}
+    </p>
+
+    <div v-else class="mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-7">
+      <article
+        v-for="column in columns"
+        :key="column.key"
+        class="flex min-h-40 flex-col rounded-xl border bg-surface p-3"
+        :class="column.today ? 'border-primary-400' : 'border-line-default'"
+      >
+        <header class="flex items-baseline justify-between">
+          <div>
+            <p class="text-xs font-semibold tracking-wide text-heading uppercase">
+              {{ column.weekday }}
+            </p>
+            <p class="text-xs text-muted">{{ column.day }}</p>
+          </div>
+
+          <span class="text-sm font-medium tabular-nums text-heading">
+            {{ formatDuration(column.minutes) }}
+          </span>
+        </header>
+
+        <ul class="mt-3 flex-1 space-y-2">
+          <li v-for="entry in column.entries" :key="entry.id">
+            <button
+              type="button"
+              class="w-full rounded-md border border-line-light px-2 py-2 text-left hover:bg-hover"
+              @click="emit('edit', entry)"
+            >
+              <span class="flex items-center justify-between gap-2">
+                <span class="truncate text-xs font-medium text-heading">
+                  {{ taskLabel(entry.task_id) }}
+                </span>
+                <span class="shrink-0 text-xs tabular-nums text-muted">
+                  {{ formatDuration(entry.duration_minutes) }}
+                </span>
+              </span>
+
+              <span v-if="entry.description" class="mt-1 block truncate text-xs text-muted">
+                {{ entry.description }}
+              </span>
+
+              <span class="mt-1 flex items-center gap-1">
+                <span
+                  class="inline-block h-1.5 w-1.5 rounded-full"
+                  :class="entry.billable ? 'bg-status-green' : 'bg-line-strong'"
+                />
+                <span class="text-[11px] text-subtle">
+                  {{
+                    entry.billable
+                      ? t('tasks_projects.time.billable')
+                      : t('tasks_projects.time.non_billable')
+                  }}
+                </span>
+                <span v-if="entry.invoice_id !== null" class="text-[11px] text-subtle">
+                  - {{ t('tasks_projects.time.billed') }}
+                </span>
+              </span>
+            </button>
+          </li>
+
+          <li v-if="column.entries.length === 0" class="py-2 text-xs text-subtle">
+            {{ t('tasks_projects.time.no_entries') }}
+          </li>
+        </ul>
+
+        <button
+          type="button"
+          class="mt-2 flex items-center justify-center gap-1 rounded-md border border-dashed border-line-default py-1.5 text-xs text-muted hover:bg-hover hover:text-heading"
+          @click="emit('add', column.key)"
+        >
+          <BaseIcon name="PlusIcon" class="h-4 w-4" />
+          {{ t('tasks_projects.time.add_entry') }}
+        </button>
+      </article>
+    </div>
+
+    <p v-if="isEmpty && userId !== null" class="mt-4 text-center text-sm text-subtle">
+      {{ t('tasks_projects.time.empty_description') }}
+    </p>
+  </section>
+</template>
diff --git a/resources/js/init.ts b/resources/js/init.ts
index 46c7742..a194170 100644
--- a/resources/js/init.ts
+++ b/resources/js/init.ts
@@ -1,11 +1,25 @@
 import '../css/module.css'
+import { messages } from './messages'
+import { registerBillingPages } from './registrations/billing'
+import { registerProjectPages } from './registrations/projects'
+import { registerReportPages } from './registrations/reports'
+import { registerTaskPages } from './registrations/tasks'
+import { registerTimeTracking } from './registrations/time'
 
+/**
+ * Everything the module contributes to the host, one slice per line.
+ *
+ * Each slice owns its own file: its pages, its strings and whatever lifecycle
+ * it needs. Adding a screen never means editing the lines another slice is
+ * editing, and the shared page wrapper lives in `support/page.ts` so no slice
+ * carries its own copy.
+ */
 window.InvoiceShelf.booting((_app, _router, extensions) => {
-  extensions.addMessages({
-    en: {
-      tasks_projects: {
-        title: 'Projects',
-      },
-    },
-  })
+  extensions.addMessages(messages)
+
+  registerTaskPages(extensions)
+  registerProjectPages(extensions)
+  registerTimeTracking(extensions)
+  registerBillingPages(extensions)
+  registerReportPages(extensions)
 })
diff --git a/resources/js/messages.ts b/resources/js/messages.ts
new file mode 100644
index 0000000..0116430
--- /dev/null
+++ b/resources/js/messages.ts
@@ -0,0 +1,73 @@
+/**
+ * Every string the module renders, in one bundle.
+ *
+ * The host merges these into its own i18n catalogue, so templates reach them
+ * with `$t('tasks_projects....')` and a later locale only has to add a sibling
+ * key here.
+ */
+export const messages = {
+  en: {
+    tasks_projects: {
+      general: {
+        home: 'Home',
+        filter: 'Filter',
+        search: 'Search',
+        actions: 'Actions',
+        edit: 'Edit',
+        delete: 'Delete',
+        cancel: 'Cancel',
+        save: 'Save',
+        update: 'Update',
+      },
+      projects: {
+        title: 'Projects',
+        new_project: 'New project',
+        edit_project: 'Edit project',
+        internal: 'Internal',
+        archive: 'Archive',
+        unarchive: 'Restore',
+        search_placeholder: 'Search by name or identifier',
+        empty_title: 'No projects yet',
+        empty_description: 'Create a project to group its tasks, time and billing.',
+        status: {
+          active: 'Active',
+          archived: 'Archived',
+          all: 'All',
+        },
+        columns: {
+          name: 'Name',
+          status: 'Status',
+          customer: 'Customer',
+          default_rate: 'Rate / hour',
+          due_date: 'Due date',
+        },
+        fields: {
+          name: 'Name',
+          identifier: 'Identifier',
+          identifier_help: 'A short code, used as the task number prefix.',
+          customer: 'Customer',
+          customer_help: 'Leave empty for an internal project.',
+          customer_placeholder: 'No customer',
+          due_date: 'Due date',
+          default_rate: 'Default rate',
+          default_rate_help: 'Per hour, in the customer currency.',
+          budget_hours: 'Budget (hours)',
+          colour: 'Colour',
+          colour_none: 'None',
+          description: 'Description',
+        },
+        created: '{name} was created.',
+        updated: '{name} was updated.',
+        archived: '{name} was archived.',
+        unarchived: '{name} was restored.',
+        deleted: '{name} was deleted.',
+        delete_confirm: 'Delete {name}? Its tasks and time entries go with it.',
+        name_required: 'Enter a project name.',
+        load_failed: 'Unable to load the projects.',
+        save_failed: 'Unable to save the project.',
+        delete_failed: 'Unable to delete the project.',
+        customers_failed: 'Unable to load the customers.',
+      },
+    },
+  },
+}
diff --git a/resources/js/messages/billing.ts b/resources/js/messages/billing.ts
new file mode 100644
index 0000000..b8027c2
--- /dev/null
+++ b/resources/js/messages/billing.ts
@@ -0,0 +1,99 @@
+/**
+ * Every string invoicing renders, wherever it is started from.
+ *
+ * Kept beside the slice that owns it rather than in `messages.ts`, so two
+ * slices of the module never edit the same catalogue. The host merges each
+ * bundle recursively, so these land under the same `tasks_projects` namespace
+ * as the rest.
+ */
+export const billingMessages = {
+  en: {
+    tasks_projects: {
+      billing: {
+        title: 'Unbilled time',
+        subtitle: 'Time that has not reached an invoice yet, by customer.',
+        back: 'Back to customers',
+        create: 'Create invoice',
+        busy: 'Creating the invoice',
+
+        // What the sequence says when it cannot finish.
+        prepare_failed: 'Unable to prepare the invoice.',
+        create_failed: 'Unable to create the invoice.',
+        rate_failed: 'Unable to read the exchange rate; the invoice was created without one.',
+        forbidden: 'You are not allowed to invoice time.',
+        nothing_to_invoice: 'No unbilled billable time on the selected tasks.',
+        mixed_customers: 'Select tasks of one customer. This selection spans {count} customers.',
+        mixed_selection: 'One invoice covers one customer in one currency. Narrow the selection.',
+        pending_stamp:
+          'Finish marking the last invoice as billed before creating another one.',
+        created: 'Invoice {number} was created.',
+        stamped:
+          '{count} time entry was marked as invoiced. | {count} time entries were marked as invoiced.',
+        stamp_failed: 'Unable to mark the time as invoiced.',
+        stamp_failed_notice:
+          'Invoice {number} was created, but its time is not marked as invoiced yet.',
+        stamp_unmatched:
+          'Invoice {number} was created, but its lines could not be matched back to the time behind them.',
+
+        number: {
+          title: 'Invoice number',
+          description:
+            'This company numbers its invoices by hand, so the draft needs a number before it can be created.',
+          label: 'Number',
+          save: 'Create invoice',
+        },
+
+        retry: {
+          title: 'The invoice was created, but the time is not marked yet',
+          description:
+            'Invoice {number} exists. Its time entries still count as unbilled until they are marked, which is safe to run again.',
+          action: 'Retry stamping',
+          open_invoice: 'Open the invoice',
+          dismiss: 'Forget this invoice',
+          dismiss_confirm:
+            'Forget this invoice? Its time stays unbilled and can reach a second invoice.',
+        },
+
+        customer: {
+          title: 'Who has time waiting?',
+          description: 'Customers with billable time that has not reached an invoice yet.',
+          entries: '{count} entry | {count} entries',
+          empty_title: 'Nothing to invoice',
+          empty_description:
+            'Billable time appears here once it has been logged against a task that belongs to a customer.',
+          load_failed: 'Unable to load the customers with unbilled time.',
+          from: 'From',
+          to: 'To',
+          clear_range: 'Clear dates',
+        },
+
+        entries: {
+          title: 'Which time goes on the invoice?',
+          grouping: 'Group lines by',
+          group_by: {
+            task: 'Task',
+            project: 'Project',
+            member: 'Member',
+            summary: 'One summary line',
+          },
+          select_all: 'Select all',
+          selected: '{count} of {total} entries selected',
+          selected_total: 'Selected: {hours}',
+          no_description: 'No description',
+          columns: {
+            date: 'Date',
+            task: 'Task',
+            project: 'Project',
+            member: 'Member',
+            duration: 'Duration',
+            amount: 'Amount',
+          },
+          empty_title: 'No unbilled time',
+          empty_description: 'This customer has nothing waiting to be invoiced in this range.',
+          load_failed: 'Unable to load the unbilled time.',
+          none_selected: 'Select at least one entry.',
+        },
+      },
+    },
+  },
+}
diff --git a/resources/js/messages/projects.ts b/resources/js/messages/projects.ts
new file mode 100644
index 0000000..d9c906c
--- /dev/null
+++ b/resources/js/messages/projects.ts
@@ -0,0 +1,75 @@
+/**
+ * Strings for the project index and the project detail tabs.
+ *
+ * These live beside the slice that owns them rather than in `messages.ts`, so
+ * two slices of the module never edit the same catalogue. The host merges
+ * every bundle recursively, so `tasks_projects.project` here and
+ * `tasks_projects.tasks` there end up in one namespace.
+ */
+export const projectMessages = {
+  en: {
+    tasks_projects: {
+      project: {
+        load_failed: 'Unable to load the project.',
+        customer: 'Customer',
+        identifier: 'Identifier',
+        due_date: 'Due date',
+        board: 'Board',
+        tasks: 'Tasks',
+        invoice_project: 'Invoice project',
+        tabs: {
+          overview: 'Overview',
+          tasks: 'Tasks',
+          time: 'Time',
+          members: 'Members',
+        },
+        overview: {
+          tasks: 'Tasks',
+          open_tasks: '{count} open',
+          closed_tasks: '{count} done',
+          logged: 'Logged',
+          billable: 'Billable',
+          billable_amount: 'Billable value',
+          unbilled_amount: 'Unbilled',
+          budget: 'Budget',
+          budget_used: '{used} of {total}',
+          budget_over: 'Over budget by {amount}',
+          no_budget: 'No budget set.',
+          description: 'Description',
+          no_description: 'No description yet.',
+        },
+        time: {
+          title: 'Time log',
+          add_entry: 'Add entry',
+          columns: {
+            date: 'Date',
+            member: 'Member',
+            task: 'Task',
+            minutes: 'Duration',
+            billable: 'Billable',
+            amount: 'Amount',
+          },
+          running: 'Running',
+          removed_member: 'Removed member',
+          load_failed: 'Unable to load the time entries.',
+        },
+        members: {
+          title: 'Members',
+          member: 'Member',
+          rate: 'Rate / hour',
+          rate_help: 'Per hour on this project. Leave empty to use the project default.',
+          attach: 'Add member',
+          attach_placeholder: 'Choose a member',
+          attached: '{name} was added to the project.',
+          detached: '{name} was removed from the project.',
+          detach_confirm: 'Remove {name} from this project? Their time entries stay.',
+          empty: 'Nobody is on this project yet.',
+          all_attached: 'Every company member is already on this project.',
+          load_failed: 'Unable to load the project members.',
+          attach_failed: 'Unable to add the member.',
+          detach_failed: 'Unable to remove the member.',
+        },
+      },
+    },
+  },
+}
diff --git a/resources/js/messages/reports.ts b/resources/js/messages/reports.ts
new file mode 100644
index 0000000..9c62c1a
--- /dev/null
+++ b/resources/js/messages/reports.ts
@@ -0,0 +1,60 @@
+/**
+ * Strings for the reports page.
+ *
+ * These live beside the slice that owns them rather than in `messages.ts`, so
+ * two slices of the module never edit the same catalogue. The host merges
+ * every bundle recursively, so `tasks_projects.reports` here and
+ * `tasks_projects.projects` there end up in one namespace.
+ */
+export const reportMessages = {
+  en: {
+    tasks_projects: {
+      reports: {
+        title: 'Reports',
+        load_failed: 'Unable to load the report.',
+        empty_title: 'Nothing logged in this range',
+        empty_description: 'Pick a wider range, or log some time against a task.',
+        range: {
+          this_week: 'This week',
+          this_month: 'This month',
+          last_month: 'Last month',
+          this_quarter: 'This quarter',
+          this_year: 'This year',
+          custom: 'Custom',
+          from: 'From',
+          to: 'To',
+        },
+        summary: {
+          logged: 'Logged',
+          billable: 'Billable',
+          amount: 'Amount',
+          unbilled: 'Unbilled',
+          currency: 'Currency #{id}',
+          base_currency: 'Company currency',
+        },
+        split: {
+          title: 'Billable against the rest',
+          billable: 'Billable',
+          non_billable: 'Not billable',
+          nothing: 'No time logged in this range.',
+        },
+        tables: {
+          by_project: 'By project',
+          by_member: 'By member',
+          by_customer: 'By customer',
+          project: 'Project',
+          member: 'Member',
+          customer: 'Customer',
+          no_project: 'No project',
+          no_customer: 'Internal',
+          unknown_member: 'Removed member',
+          currency: 'Currency',
+          logged: 'Logged',
+          billable: 'Billable',
+          amount: 'Amount',
+          unbilled: 'Unbilled',
+        },
+      },
+    },
+  },
+}
diff --git a/resources/js/messages/tasks.ts b/resources/js/messages/tasks.ts
new file mode 100644
index 0000000..2797f63
--- /dev/null
+++ b/resources/js/messages/tasks.ts
@@ -0,0 +1,165 @@
+/**
+ * Every string the Tasks screen, its three views and the task page render.
+ *
+ * These live beside the slice that owns them rather than in `messages.ts`, so
+ * two slices of the module never edit the same catalogue. The host merges
+ * every bundle recursively, so `tasks_projects.tasks` here and
+ * `tasks_projects.projects` there end up in one namespace.
+ */
+export const taskMessages = {
+  en: {
+    tasks_projects: {
+      board: {
+        title: 'Board',
+        load_failed: 'Unable to load the board.',
+        move_failed: 'Unable to move the task.',
+        moved: '{name} moved to {status}.',
+        empty_column: 'Nothing here yet',
+        hidden_invoiced: 'Invoiced tasks are hidden on the board.',
+      },
+      tasks: {
+        title: 'Tasks',
+        all_tasks: 'All tasks',
+        new_task: 'New task',
+        edit_task: 'Edit task',
+        all_fields: 'All fields',
+        fewer_fields: 'Fewer fields',
+        search_placeholder: 'Search by name or number',
+        empty_title: 'No tasks yet',
+        empty_description: 'Add a task to put work on the board.',
+        unassigned: 'Unassigned',
+        billable: 'Billable',
+        overdue: 'Overdue',
+        none: 'None',
+        no_project: 'No project',
+        internal: 'Internal',
+        invoiced: 'Invoiced',
+        uninvoiced: 'Unbilled',
+        invoice_task: 'Invoice task',
+        already_invoiced: 'This task is already on an invoice.',
+        nothing_to_invoice: 'No unbilled billable time on this task.',
+        locked: 'This task is on an invoice and cannot be changed.',
+        views: {
+          list: 'List',
+          board: 'Board',
+          week: 'Week',
+        },
+        filters: {
+          project: 'Project',
+          all_projects: 'All projects',
+          member: 'Member',
+          all_members: 'Everyone',
+          status: 'Status',
+          all_statuses: 'Any status',
+          invoicing: 'Invoicing',
+          search: 'Search',
+        },
+        columns: {
+          number: 'No.',
+          name: 'Name',
+          project: 'Project',
+          status: 'Status',
+          assignee: 'Assignee',
+          priority: 'Priority',
+          due_date: 'Due date',
+          logged: 'Logged',
+          unbilled: 'Unbilled',
+          invoiced: 'Invoicing',
+          timer: 'Timer',
+        },
+        bulk: {
+          selected: '{count} selected',
+          select_page: 'Select this page',
+          clear: 'Clear',
+          change_status: 'Move to',
+          delete: 'Delete',
+          invoice: 'Invoice',
+          delete_confirm:
+            'Delete {count} task? Its time entries go with it. | Delete {count} tasks? Their time entries go with them.',
+          applied: '{count} task was updated. | {count} tasks were updated.',
+          deleted: '{count} task was deleted. | {count} tasks were deleted.',
+          partial:
+            '{count} task was updated, {failed} refused: {ids}. | {count} tasks were updated, {failed} refused: {ids}.',
+          nothing: 'No task was changed.',
+          failed: 'Unable to apply the change.',
+        },
+        detail: {
+          estimate: 'Estimate',
+          logged: 'Logged',
+          unbilled: 'Unbilled',
+          no_estimate: 'No estimate',
+          project: 'Project',
+          customer: 'Customer',
+          status: 'Status',
+          assignee: 'Assignee',
+          priority: 'Priority',
+          due_date: 'Due date',
+          description: 'Description',
+          no_description: 'No description yet.',
+          status_saved: 'The status was changed to {name}.',
+          status_failed: 'Unable to change the status.',
+          not_found: 'That task could not be loaded.',
+        },
+        time_log: {
+          title: 'Time log',
+          add_item: 'Add item',
+          add_disabled: 'Stop the running timer to log an entry by hand.',
+          running: 'Running',
+          empty: 'No time logged against this task yet.',
+          load_failed: 'Unable to load the time log.',
+          stamped: 'Invoiced',
+          stamped_delete: 'Invoiced time belongs to its invoice and cannot be deleted.',
+          columns: {
+            start_date: 'Start date',
+            start_time: 'Start',
+            end_date: 'End date',
+            end_time: 'End',
+            duration: 'Duration',
+            description: 'Description',
+            billable: 'Billable',
+            member: 'Member',
+          },
+        },
+        created: '{name} was created.',
+        updated: '{name} was updated.',
+        deleted: '{name} was deleted.',
+        delete_confirm: 'Delete {name}? Its time entries go with it.',
+        name_required: 'Enter a task name.',
+        load_failed: 'Unable to load the tasks.',
+        save_failed: 'Unable to save the task.',
+        delete_failed: 'Unable to delete the task.',
+        projects_failed: 'Unable to load the projects.',
+        members_failed: 'Unable to load the members.',
+        fields: {
+          name: 'Name',
+          description: 'Description',
+          project: 'Project',
+          project_placeholder: 'No project',
+          project_help: 'Leave empty for a task that stands on its own.',
+          customer: 'Customer',
+          customer_help: 'Taken from the project.',
+          status: 'Status',
+          assignee: 'Assignee',
+          assignee_placeholder: 'Nobody yet',
+          priority: 'Priority',
+          priority_placeholder: 'No priority',
+          due_date: 'Due date',
+          estimate_hours: 'Estimate (hours)',
+          billable: 'Billable',
+          rate: 'Rate override',
+          rate_help: 'Per hour. Leave empty to use the project or member rate.',
+        },
+        priority: {
+          low: 'Low',
+          normal: 'Normal',
+          high: 'High',
+          urgent: 'Urgent',
+        },
+      },
+      task_statuses: {
+        load_failed: 'Unable to load the task statuses.',
+        none: 'No board columns yet.',
+      },
+    },
+  },
+}
diff --git a/resources/js/messages/time.ts b/resources/js/messages/time.ts
new file mode 100644
index 0000000..30326ef
--- /dev/null
+++ b/resources/js/messages/time.ts
@@ -0,0 +1,190 @@
+/**
+ * Every string the time screens render.
+ *
+ * Kept apart from the projects bundle so the two slices never edit the same
+ * file; the host merges both into one catalogue, so a template still reaches
+ * these with `$t('tasks_projects.time....')`.
+ */
+export const timeMessages = {
+  en: {
+    tasks_projects: {
+      time: {
+        title: 'Time',
+        my_time: 'My time',
+        all_time: 'All time',
+        this_week: 'This week',
+        previous_week: 'Previous week',
+        next_week: 'Next week',
+        week_total: 'Week total',
+        day_total: 'Total',
+        add_entry: 'Add entry',
+        new_entry: 'New time entry',
+        edit_entry: 'Edit time entry',
+        view_entry: 'Time entry',
+        no_entries: 'Nothing logged.',
+        empty_title: 'No time logged yet',
+        empty_description: 'Log an entry by hand, or start the timer on a task.',
+        unknown_member: 'Removed member',
+        unknown_user: 'Unable to identify the signed-in user. Reload the page and try again.',
+        billable: 'Billable',
+        non_billable: 'Not billable',
+        billed: 'Billed',
+        unbilled: 'Unbilled',
+        stamped_notice:
+          'This entry is already on an invoice. Invoiced time is history and cannot be changed.',
+        created: 'The time entry was saved.',
+        updated: 'The time entry was updated.',
+        deleted: 'The time entry was deleted.',
+        delete_confirm: 'Delete this time entry?',
+        load_failed: 'Unable to load the time entries.',
+        save_failed: 'Unable to save the time entry.',
+        delete_failed: 'Unable to delete the time entry.',
+        members_failed: 'Unable to load the members.',
+        projects_failed: 'Unable to load the projects.',
+        tasks_failed: 'Unable to load the tasks.',
+        columns: {
+          date: 'Date',
+          member: 'Member',
+          task: 'Task',
+          description: 'Description',
+          duration: 'Duration',
+          billable: 'Billable',
+          amount: 'Amount',
+        },
+        filters: {
+          member: 'Member',
+          project: 'Project',
+          from: 'From',
+          to: 'To',
+          billing: 'Billing',
+          all: 'All',
+          any_member: 'Everyone',
+          any_project: 'Any project',
+        },
+        fields: {
+          task: 'Task',
+          task_placeholder: 'Search by task name or number',
+          date: 'Date',
+          mode: 'Entry',
+          duration: 'Duration',
+          duration_help: 'Hours and minutes, as 1:30 or 1.5.',
+          start: 'Start',
+          end: 'End',
+          description: 'Description',
+          billable: 'Billable',
+        },
+        mode: {
+          duration: 'Duration',
+          range: 'Start and end',
+        },
+        task_required: 'Pick a task.',
+        date_required: 'Pick a date.',
+        duration_invalid: 'Enter a duration like 1:30 or 1.5.',
+        range_invalid: 'Enter a start and an end time, with the end after the start.',
+      },
+      timer: {
+        running: 'Timer running',
+        quick_start: 'Start a timer',
+        panel_title: 'Quick start',
+        start: 'Start',
+        stop: 'Stop',
+        discard: 'Discard',
+        close: 'Close',
+        open_timesheet: 'Open my week',
+        open_task: 'Open the running task',
+        start_on: 'Start the timer on {name}',
+        stop_on: 'Stop the timer on {name}',
+        busy_elsewhere: 'Your timer is running on {name}.',
+        stop_and_start: 'Stop and start',
+        running_by: '{name} has been running since {time}.',
+        mismatch: 'Your timer is no longer on this task. It has been reloaded.',
+        elapsed: 'Elapsed',
+        search_tasks: 'Search tasks',
+        no_tasks: 'No tasks match that search.',
+        description_placeholder: 'What are you working on? (optional)',
+        started: 'The timer is running on {name}.',
+        stopped: 'Logged {duration} on {name}.',
+        discarded: 'The running timer was discarded.',
+        discard_confirm: 'Discard the running timer? The elapsed time is not saved.',
+        stop_title: 'Save and stop',
+        save_and_stop: 'Save and stop',
+        saved_as: 'Saved as {duration} after rounding to {increment} min.',
+        saved_as_exact: 'Saved as {duration}.',
+        discard_ask: 'Discard {duration}? This cannot be undone.',
+        start_title: 'Start a timer',
+        any_project: 'Any project',
+        pick_task: 'Search by task name or number',
+        create_and_start: 'Create task "{name}" and start',
+        no_matches: 'No tasks match that search. Keep typing to create one.',
+        already_running: 'A timer is already running. It has been reloaded.',
+        start_failed: 'Unable to start the timer.',
+        stop_failed: 'Unable to stop the timer.',
+        discard_failed: 'Unable to discard the timer.',
+      },
+      settings: {
+        title: 'Tasks and Projects',
+        general_title: 'General',
+        general_description:
+          'The default hourly rate, the rounding increment, the first day of the week and who may see other members time.',
+        open_module_settings: 'Open module settings',
+        default_rate: 'Default rate / hour',
+        week_start: 'First day of the week',
+        weekday_0: 'Sunday',
+        weekday_1: 'Monday',
+        weekday_2: 'Tuesday',
+        weekday_3: 'Wednesday',
+        weekday_4: 'Thursday',
+        weekday_5: 'Friday',
+        weekday_6: 'Saturday',
+        members_see_all_time: "Members see other members' time",
+        behaviour_title: 'Task behaviour',
+        behaviour_description:
+          'What happens when a task is created, invoiced or shown on the board. Change these in the module settings form.',
+        rounding_direction: 'Rounding',
+        rounding_direction_nearest: 'To the nearest increment',
+        rounding_direction_up: 'Up to the increment',
+        rounding_direction_down: 'Down to the increment',
+        rounding_increment: 'Increment',
+        rounding_increment_value: '{count} minute | {count} minutes',
+        auto_start_tasks: 'Start the timer on a new task',
+        lock_invoiced_tasks: 'Lock invoiced tasks',
+        hide_invoiced_on_board: 'Hide invoiced tasks on the board',
+        invoice_title: 'Invoice lines',
+        invoice_description:
+          'What an invoice line built from a task carries. Change these in the module settings form.',
+        invoice_project_heading: 'Project heading',
+        invoice_task_description: 'Task description',
+        invoice_entry_dates: 'Entry dates',
+        invoice_entry_times: 'Entry times',
+        invoice_entry_hours: 'Entry hours',
+        invoice_entry_descriptions: 'Entry descriptions',
+        on: 'On',
+        off: 'Off',
+        statuses_title: 'Task statuses',
+        statuses_description:
+          'The columns of the board. One status is the default, where new tasks land; a closed status counts as done.',
+        status_name: 'Name',
+        colour: 'Colour',
+        colour_none: 'None',
+        is_default: 'Default',
+        is_closed: 'Closed',
+        add_status: 'Add status',
+        new_status: 'New status',
+        move_up: 'Move up',
+        move_down: 'Move down',
+        no_statuses: 'No statuses yet.',
+        status_created: '{name} was added.',
+        status_updated: '{name} was updated.',
+        status_deleted: '{name} was deleted.',
+        status_reordered: 'The order was saved.',
+        status_delete_confirm: 'Delete {name}?',
+        status_name_required: 'Enter a status name.',
+        load_failed: 'Unable to load the task statuses.',
+        save_failed: 'Unable to save the task status.',
+        delete_failed: 'Unable to delete the task status.',
+        reorder_failed: 'Unable to save the new order.',
+        forbidden: 'Your role does not allow managing the board columns.',
+      },
+    },
+  },
+}
diff --git a/resources/js/pages/ProjectDetailPage.vue b/resources/js/pages/ProjectDetailPage.vue
new file mode 100644
index 0000000..0d4135c
--- /dev/null
+++ b/resources/js/pages/ProjectDetailPage.vue
@@ -0,0 +1,346 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { archiveProject, unarchiveProject } from '@/api'
+import { fetchProject } from '@/api/board'
+import InvoiceRetryBanner from '@/components/InvoiceRetryBanner.vue'
+import ProjectFormModal from '@/components/ProjectFormModal.vue'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { invoicingStore } from '@/stores/invoicing'
+import { errorMessage } from '@/support/errors'
+import { formatDate } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { invoiceTasks } from '@/support/invoicing'
+import { PATHS, ROUTES } from '@/support/page'
+import type { Notify } from '@/support/page'
+import type { Project, ProjectStatus } from '@/types/project'
+
+interface Tab {
+  id: string
+  label: string
+  name: string
+}
+
+const props = defineProps<{
+  /** The route param, which arrives as a string. */
+  id: string
+  client: AxiosInstance
+  notify: Notify
+  router: Router
+}>()
+
+const ROUTE = ROUTES.project
+
+const t = useTranslate()
+
+/**
+ * The host router, held as a local.
+ *
+ * `push` on a prop reads to the linter as mutating an array, and the router is
+ * a stable singleton the host hands every module page, so naming it once is
+ * both clearer and quieter.
+ */
+const hostRouter = props.router
+
+const project = ref<Project | null>(null)
+const loading = ref(true)
+const busy = ref(false)
+const modalOpen = ref(false)
+
+const projectId = computed(() => Number(props.id))
+
+const tabs = computed<Tab[]>(() => [
+  { id: 'overview', label: t('tasks_projects.project.tabs.overview'), name: `${ROUTE}.overview` },
+  { id: 'tasks', label: t('tasks_projects.project.tabs.tasks'), name: `${ROUTE}.tasks` },
+  { id: 'time', label: t('tasks_projects.project.tabs.time'), name: `${ROUTE}.time` },
+  { id: 'members', label: t('tasks_projects.project.tabs.members'), name: `${ROUTE}.members` },
+])
+
+/**
+ * The active tab, read off the host router rather than `useRoute()`, which a
+ * module bundle cannot call. The router runs on the host's Vue, which is the
+ * same instance the module renders on, so the ref stays reactive here.
+ */
+const currentRouteName = computed(() => String(props.router.currentRoute.value.name ?? ''))
+
+const title = computed(() => project.value?.name ?? t('tasks_projects.projects.title'))
+
+/**
+ * The board, opened on this project.
+ *
+ * The board lives under Tasks now and reads its project from the query string,
+ * which the Tasks screen shares with every view, so the link lands on the same
+ * screen a person would reach by picking the project there themselves.
+ */
+const boardLink = computed(() => ({ path: PATHS.board, query: { project: String(projectId.value) } }))
+
+/**
+ * The contact name for the header, from the company-wide map rather than a
+ * lookup of its own: every other screen already needs the same map, and a
+ * contact deleted since keeps its id as its label.
+ */
+const customerLabel = computed(() => customerName(project.value?.customer_id ?? null))
+
+const invoicing = computed<boolean>(() => invoicingStore.busy)
+
+/**
+ * Whether invoicing this project would mean anything.
+ *
+ * Only a project that belongs to a customer and still has money waiting: an
+ * internal project and a settled one keep the header they have rather than
+ * offering an action the server would only refuse.
+ */
+const canInvoice = computed<boolean>(
+  () =>
+    invoicingStore.allowed &&
+    project.value !== null &&
+    project.value.customer_id !== null &&
+    (project.value.totals?.unbilled_amount ?? 0) > 0,
+)
+
+watch(projectId, () => {
+  void load()
+})
+
+/**
+ * Land on the Overview tab when the page itself is the target.
+ *
+ * Resolving the parent route by name matches the parent alone, so nothing
+ * would render below the tabs. Going to the index child by name is the same
+ * URL, and it is what a link straight to the detail page ends up on.
+ */
+watch(currentRouteName, (name) => ensureTab(name))
+
+onMounted(() => {
+  ensureTab(currentRouteName.value)
+  void load()
+})
+
+function ensureTab(name: string): void {
+  if (name !== ROUTE) {
+    return
+  }
+
+  void props.router.replace({ name: `${ROUTE}.overview`, params: { id: props.id } })
+}
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  try {
+    project.value = await fetchProject(props.client, projectId.value)
+
+    if (typeof project.value?.customer_id === 'number') {
+      await ensureLoaded(props.client)
+    }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.project.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+function tabTo(tab: Tab): { name: string; params: { id: string } } {
+  return { name: tab.name, params: { id: props.id } }
+}
+
+function isActive(tab: Tab): boolean {
+  return currentRouteName.value === tab.name
+}
+
+/**
+ * Re-read the project rather than keep what the write returned.
+ *
+ * Only the detail endpoint carries the totals the Overview tab renders, so a
+ * saved or archived project has to come back through `load()`.
+ */
+function onSaved(saved: Project): void {
+  modalOpen.value = false
+  props.notify('success', t('tasks_projects.projects.updated', { name: saved.name }))
+  void load()
+}
+
+/**
+ * Invoice everything unbilled on this project.
+ *
+ * The same sequence the Overview tab runs, offered from the header so it is
+ * reachable from the Tasks, Time and Members tabs as well. Failing leaves the
+ * user here, with the totals read again.
+ */
+async function onInvoice(): Promise<void> {
+  const record = project.value
+
+  if (record === null || !canInvoice.value || invoicing.value) {
+    return
+  }
+
+  if (!(await invoiceTasks(
+    { client: props.client, router: hostRouter, notify: props.notify, t },
+    { projectId: record.id },
+  ))) {
+    await load()
+  }
+}
+
+async function onArchive(): Promise<void> {
+  const record = project.value
+
+  if (record === null || busy.value) {
+    return
+  }
+
+  busy.value = true
+
+  try {
+    if (record.status === 'ARCHIVED') {
+      await unarchiveProject(props.client, record.id)
+      props.notify('success', t('tasks_projects.projects.unarchived', { name: record.name }))
+    } else {
+      await archiveProject(props.client, record.id)
+      props.notify('success', t('tasks_projects.projects.archived', { name: record.name }))
+    }
+
+    await load()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.save_failed')))
+  } finally {
+    busy.value = false
+  }
+}
+
+/**
+ * The host badge carries its own colour classes and its stylesheet is loaded
+ * after the module's, so the override has to be important to hold.
+ */
+function statusClass(status: ProjectStatus): string {
+  return status === 'ACTIVE' ? 'bg-primary-50! text-primary-500!' : 'bg-surface-tertiary! text-muted!'
+}
+
+function statusLabel(status: ProjectStatus): string {
+  return status === 'ACTIVE'
+    ? t('tasks_projects.projects.status.active')
+    : t('tasks_projects.projects.status.archived')
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="title">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.projects.title')" :to="PATHS.projects" />
+        <BaseBreadcrumbItem :title="title" to="#" active />
+      </BaseBreadcrumb>
+
+      <div v-if="project" class="mt-2 flex flex-wrap items-center gap-3 text-sm text-muted">
+        <BaseBadge class="rounded-full" :class="statusClass(project.status)">
+          {{ statusLabel(project.status) }}
+        </BaseBadge>
+
+        <span v-if="project.identifier" class="rounded-sm bg-surface-tertiary px-2 py-0.5 text-body">
+          {{ project.identifier }}
+        </span>
+
+        <span v-if="project.customer_id">
+          {{ t('tasks_projects.project.customer') }}:
+          <span class="text-body">{{ customerLabel }}</span>
+        </span>
+        <span v-else class="text-subtle">{{ t('tasks_projects.projects.internal') }}</span>
+
+        <span v-if="project.due_date">
+          {{ t('tasks_projects.project.due_date') }}:
+          <span class="text-body">{{ formatDate(project.due_date) }}</span>
+        </span>
+      </div>
+
+      <template #actions>
+        <div class="flex items-center justify-end space-x-5">
+          <router-link :to="boardLink">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ViewColumnsIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.project.board') }}
+            </BaseButton>
+          </router-link>
+
+          <BaseButton
+            v-if="canInvoice"
+            variant="primary-outline"
+            :loading="invoicing"
+            :disabled="invoicing"
+            @click="onInvoice"
+          >
+            <template #left="slotProps">
+              <BaseIcon v-if="!invoicing" name="BanknotesIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.project.invoice_project') }}
+          </BaseButton>
+
+          <BaseButton
+            v-if="project"
+            variant="primary-outline"
+            :loading="busy"
+            :disabled="busy"
+            @click="onArchive"
+          >
+            {{
+              project.status === 'ARCHIVED'
+                ? t('tasks_projects.projects.unarchive')
+                : t('tasks_projects.projects.archive')
+            }}
+          </BaseButton>
+
+          <BaseButton v-if="project" variant="primary" @click="modalOpen = true">
+            <template #left="slotProps">
+              <BaseIcon name="PencilIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.general.edit') }}
+          </BaseButton>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <InvoiceRetryBanner :client="client" :notify="notify" />
+
+    <nav class="mt-6 flex overflow-x-auto border-b border-line-default">
+      <router-link
+        v-for="tab in tabs"
+        :key="tab.id"
+        v-slot="{ href, navigate }"
+        :to="tabTo(tab)"
+        custom
+      >
+        <a
+          :href="href"
+          :aria-current="isActive(tab) ? 'page' : undefined"
+          class="relative -mb-px flex items-center border-b-2 px-5 py-2.5 text-sm leading-5 font-medium whitespace-nowrap transition-colors focus:outline-hidden"
+          :class="
+            isActive(tab)
+              ? 'border-primary-400 text-heading'
+              : 'border-transparent text-muted hover:border-line-strong hover:text-body'
+          "
+          @click="navigate"
+        >
+          {{ tab.label }}
+        </a>
+      </router-link>
+    </nav>
+
+    <div v-if="loading && project === null" class="flex justify-center py-16">
+      <BaseSpinner class="h-8 w-8 text-primary-500" />
+    </div>
+
+    <router-view v-else :project="project" @refresh="load" />
+
+    <ProjectFormModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :project="project"
+      @close="modalOpen = false"
+      @saved="onSaved"
+    />
+  </BasePage>
+</template>
diff --git a/resources/js/pages/ProjectsIndexPage.vue b/resources/js/pages/ProjectsIndexPage.vue
new file mode 100644
index 0000000..5c7b79d
--- /dev/null
+++ b/resources/js/pages/ProjectsIndexPage.vue
@@ -0,0 +1,423 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { archiveProject, deleteProject, listProjects, sortParams, unarchiveProject } from '@/api'
+import type { ProjectSortKey, SortParams, TableSort } from '@/api'
+import ProjectFormModal from '@/components/ProjectFormModal.vue'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { errorMessage } from '@/support/errors'
+import { formatDate } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { PATHS } from '@/support/page'
+import type { Project, ProjectListParams, ProjectStatus } from '@/types/project'
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+type StatusFilter = ProjectStatus | 'ALL'
+
+interface StatusOption {
+  id: StatusFilter
+  label: string
+}
+
+interface TablePagination {
+  totalPages: number
+  currentPage: number
+  totalCount: number
+  limit: number
+}
+
+interface TableResult {
+  data: Project[]
+  pagination: TablePagination
+}
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: (type: NotifyType, message: string) => void
+  /** The host router. Links here go through `<router-link>`, which uses it. */
+  router: Router
+}>()
+
+const PER_PAGE = 10
+const SEARCH_DEBOUNCE_MS = 350
+
+/** Which API sort key each sortable column asks the endpoint for. */
+const SORT_KEYS: Record<string, ProjectSortKey> = {
+  name: 'name',
+  status: 'status',
+  default_rate: 'default_rate',
+  due_date: 'due_date',
+}
+
+const t = useTranslate()
+
+const tableRef = ref<{ refresh: (preservePage?: boolean) => void } | null>(null)
+const showFilters = ref(false)
+const isFetching = ref(true)
+const totalCount = ref(0)
+const modalOpen = ref(false)
+const editing = ref<Project | null>(null)
+const busyId = ref<number | null>(null)
+
+const filters = reactive<{ search: string; status: StatusFilter }>({
+  search: '',
+  status: 'ACTIVE',
+})
+
+const statusOptions = computed<StatusOption[]>(() => [
+  { id: 'ACTIVE', label: t('tasks_projects.projects.status.active') },
+  { id: 'ARCHIVED', label: t('tasks_projects.projects.status.archived') },
+  { id: 'ALL', label: t('tasks_projects.projects.status.all') },
+])
+
+/**
+ * The select binds whole option objects, so the selected one has to come back
+ * out of the same array for the list to mark it as chosen.
+ */
+const statusOption = computed<StatusOption>({
+  get: () => statusOptions.value.find((option) => option.id === filters.status) ?? statusOptions.value[0],
+  set: (option: StatusOption) => {
+    filters.status = option.id
+  },
+})
+
+const columns = computed(() => [
+  { key: 'name', label: t('tasks_projects.projects.columns.name'), sortable: true, sortBy: 'name', thClass: 'extra', tdClass: 'font-medium text-heading' },
+  { key: 'status', label: t('tasks_projects.projects.columns.status'), sortable: true, sortBy: 'status' },
+  { key: 'customer', label: t('tasks_projects.projects.columns.customer'), sortable: false },
+  { key: 'default_rate', label: t('tasks_projects.projects.columns.default_rate'), sortable: true, sortBy: 'default_rate' },
+  { key: 'due_date', label: t('tasks_projects.projects.columns.due_date'), sortable: true, sortBy: 'due_date' },
+  { key: 'actions', label: t('tasks_projects.general.actions'), sortable: false, tdClass: 'text-right text-sm font-medium' },
+])
+
+const hasFilters = computed(() => filters.search.trim() !== '' || filters.status !== 'ACTIVE')
+
+const showEmptyScreen = computed(() => !isFetching.value && totalCount.value === 0 && !hasFilters.value)
+
+let searchTimer: ReturnType<typeof setTimeout> | undefined
+
+watch(
+  () => filters.search,
+  () => {
+    clearTimeout(searchTimer)
+    searchTimer = setTimeout(() => refreshTable(), SEARCH_DEBOUNCE_MS)
+  },
+)
+
+watch(() => filters.status, () => refreshTable())
+
+onBeforeUnmount(() => clearTimeout(searchTimer))
+
+async function fetchProjects({ page, sort }: { page: number; sort?: TableSort }): Promise<TableResult> {
+  const order: SortParams<ProjectSortKey> = sortParams(sort, SORT_KEYS)
+  const params: ProjectListParams & SortParams<ProjectSortKey> = { page, limit: PER_PAGE, ...order }
+
+  if (filters.status !== 'ALL') {
+    params.status = filters.status
+  }
+
+  if (filters.search.trim() !== '') {
+    params.search = filters.search.trim()
+  }
+
+  isFetching.value = true
+
+  try {
+    const response = await listProjects(props.client, params)
+
+    totalCount.value = response.meta.total
+
+    // Only a page that shows a contact is worth one lookup of the address book.
+    if (response.data.some((project) => project.customer_id !== null)) {
+      void ensureLoaded(props.client)
+    }
+
+    return {
+      data: response.data,
+      pagination: {
+        totalPages: response.meta.last_page,
+        currentPage: response.meta.current_page,
+        totalCount: response.meta.total,
+        limit: response.meta.per_page,
+      },
+    }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.load_failed')))
+
+    return {
+      data: [],
+      pagination: { totalPages: 1, currentPage: 1, totalCount: 0, limit: PER_PAGE },
+    }
+  } finally {
+    isFetching.value = false
+  }
+}
+
+function refreshTable(preservePage = false): void {
+  tableRef.value?.refresh(preservePage)
+}
+
+function toggleFilter(): void {
+  if (showFilters.value) {
+    clearFilters()
+  }
+
+  showFilters.value = !showFilters.value
+}
+
+function clearFilters(): void {
+  filters.search = ''
+  filters.status = 'ACTIVE'
+}
+
+function openCreate(): void {
+  editing.value = null
+  modalOpen.value = true
+}
+
+function openEdit(project: Project): void {
+  editing.value = project
+  modalOpen.value = true
+}
+
+function onSaved(project: Project): void {
+  const message = editing.value
+    ? t('tasks_projects.projects.updated', { name: project.name })
+    : t('tasks_projects.projects.created', { name: project.name })
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  refreshTable()
+}
+
+async function onArchive(project: Project): Promise<void> {
+  busyId.value = project.id
+
+  try {
+    if (project.status === 'ARCHIVED') {
+      await unarchiveProject(props.client, project.id)
+      props.notify('success', t('tasks_projects.projects.unarchived', { name: project.name }))
+    } else {
+      await archiveProject(props.client, project.id)
+      props.notify('success', t('tasks_projects.projects.archived', { name: project.name }))
+    }
+
+    refreshTable(true)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.save_failed')))
+  } finally {
+    busyId.value = null
+  }
+}
+
+async function onDelete(project: Project): Promise<void> {
+  if (!window.confirm(t('tasks_projects.projects.delete_confirm', { name: project.name }))) {
+    return
+  }
+
+  busyId.value = project.id
+
+  try {
+    await deleteProject(props.client, project.id)
+    props.notify('success', t('tasks_projects.projects.deleted', { name: project.name }))
+    refreshTable(true)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.projects.delete_failed')))
+  } finally {
+    busyId.value = null
+  }
+}
+
+/**
+ * The host badge carries its own colour classes and its stylesheet is loaded
+ * again after the module's, so the override has to be important to hold.
+ */
+function statusClass(status: ProjectStatus): string {
+  return status === 'ACTIVE'
+    ? 'bg-primary-50! text-primary-500!'
+    : 'bg-surface-tertiary! text-muted!'
+}
+
+function statusLabel(status: ProjectStatus): string {
+  return status === 'ACTIVE'
+    ? t('tasks_projects.projects.status.active')
+    : t('tasks_projects.projects.status.archived')
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="t('tasks_projects.projects.title')">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.projects.title')" to="#" active />
+      </BaseBreadcrumb>
+
+      <template #actions>
+        <div class="flex items-center justify-end space-x-5">
+          <router-link :to="PATHS.tasks">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ClipboardDocumentListIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.tasks.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.reports">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ChartBarIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.reports.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.billing">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="BanknotesIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.billing.title') }}
+            </BaseButton>
+          </router-link>
+
+          <BaseButton variant="primary-outline" @click="toggleFilter">
+            {{ t('tasks_projects.general.filter') }}
+            <template #right="slotProps">
+              <BaseIcon v-if="!showFilters" name="FunnelIcon" :class="slotProps.class" />
+              <BaseIcon v-else name="XMarkIcon" :class="slotProps.class" />
+            </template>
+          </BaseButton>
+
+          <BaseButton variant="primary" @click="openCreate">
+            <template #left="slotProps">
+              <BaseIcon name="PlusIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.projects.new_project') }}
+          </BaseButton>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <BaseFilterWrapper :show="showFilters" class="mt-3" @clear="clearFilters">
+      <BaseInputGroup :label="t('tasks_projects.general.search')" class="mt-2 flex-1">
+        <BaseInput
+          v-model="filters.search"
+          type="text"
+          name="search"
+          autocomplete="off"
+          :placeholder="t('tasks_projects.projects.search_placeholder')"
+        />
+      </BaseInputGroup>
+
+      <BaseInputGroup :label="t('tasks_projects.projects.columns.status')" class="mt-2 flex-1">
+        <BaseSelectInput v-model="statusOption" :options="statusOptions" label-key="label" />
+      </BaseInputGroup>
+    </BaseFilterWrapper>
+
+    <BaseEmptyPlaceholder
+      v-show="showEmptyScreen"
+      :title="t('tasks_projects.projects.empty_title')"
+      :description="t('tasks_projects.projects.empty_description')"
+    >
+      <BaseIcon name="FolderIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+
+      <template #actions>
+        <BaseButton variant="primary" @click="openCreate">
+          <template #left="slotProps">
+            <BaseIcon name="PlusIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.projects.new_project') }}
+        </BaseButton>
+      </template>
+    </BaseEmptyPlaceholder>
+
+    <div v-show="!showEmptyScreen" class="relative table-container">
+      <BaseTable ref="tableRef" :data="fetchProjects" :columns="columns" class="mt-3">
+        <template #cell-name="{ row }">
+          <div class="flex items-center">
+            <span
+              class="mr-3 inline-block h-2.5 w-2.5 shrink-0 rounded-full"
+              :class="row.data.colour ? '' : 'bg-line-default'"
+              :style="row.data.colour ? { backgroundColor: row.data.colour } : undefined"
+            />
+            <span>
+              <router-link
+                class="hover:text-primary-500"
+                :to="PATHS.project(row.data.id)"
+              >
+                {{ row.data.name }}
+              </router-link>
+              <span v-if="row.data.identifier" class="block text-xs font-normal text-muted">
+                {{ row.data.identifier }}
+              </span>
+            </span>
+          </div>
+        </template>
+
+        <template #cell-status="{ row }">
+          <BaseBadge class="rounded-full" :class="statusClass(row.data.status)">
+            {{ statusLabel(row.data.status) }}
+          </BaseBadge>
+        </template>
+
+        <template #cell-customer="{ row }">
+          <span v-if="row.data.customer_id">{{ customerName(row.data.customer_id) }}</span>
+          <span v-else class="text-subtle">{{ t('tasks_projects.projects.internal') }}</span>
+        </template>
+
+        <template #cell-default_rate="{ row }">
+          <BaseFormatMoney v-if="row.data.default_rate !== null" :amount="row.data.default_rate" />
+          <span v-else class="text-subtle">-</span>
+        </template>
+
+        <template #cell-due_date="{ row }">
+          <span v-if="row.data.due_date">{{ formatDate(row.data.due_date) }}</span>
+          <span v-else class="text-subtle">-</span>
+        </template>
+
+        <template #cell-actions="{ row }">
+          <BaseDropdown :content-loading="busyId === row.data.id">
+            <template #activator>
+              <BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
+            </template>
+
+            <BaseDropdownItem @click="openEdit(row.data)">
+              <BaseIcon name="PencilIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.edit') }}
+            </BaseDropdownItem>
+
+            <BaseDropdownItem @click="onArchive(row.data)">
+              <BaseIcon
+                :name="row.data.status === 'ARCHIVED' ? 'ArrowPathIcon' : 'ArchiveBoxIcon'"
+                class="mr-3 h-5 w-5 text-subtle group-hover:text-muted"
+              />
+              {{
+                row.data.status === 'ARCHIVED'
+                  ? t('tasks_projects.projects.unarchive')
+                  : t('tasks_projects.projects.archive')
+              }}
+            </BaseDropdownItem>
+
+            <BaseDropdownItem @click="onDelete(row.data)">
+              <BaseIcon name="TrashIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.delete') }}
+            </BaseDropdownItem>
+          </BaseDropdown>
+        </template>
+      </BaseTable>
+    </div>
+
+    <ProjectFormModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :project="editing"
+      @close="modalOpen = false"
+      @saved="onSaved"
+    />
+  </BasePage>
+</template>
diff --git a/resources/js/pages/ReportsPage.vue b/resources/js/pages/ReportsPage.vue
new file mode 100644
index 0000000..b5ddfd2
--- /dev/null
+++ b/resources/js/pages/ReportsPage.vue
@@ -0,0 +1,409 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { listMembers } from '@/api'
+import { fetchReportSummary } from '@/api/reports'
+import ReportBreakdownTable from '@/components/ReportBreakdownTable.vue'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { session } from '@/stores/session'
+import { errorMessage } from '@/support/errors'
+import { formatDate, toDateString } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { PATHS } from '@/support/page'
+import type { Notify } from '@/support/page'
+import { rangeFor, shareOf } from '@/support/reports'
+import type { RangePreset } from '@/support/reports'
+import { formatDuration } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { BreakdownRow, ReportMemberRow, ReportSummary, ReportTotals } from '@/types/reports'
+
+interface PresetOption {
+  id: RangePreset
+  label: string
+}
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /** The host router. Links here go through `<router-link>`, which uses it. */
+  router: Router
+}>()
+
+/** Where the report opens, and what the "clear" button goes back to. */
+const DEFAULT_PRESET: RangePreset = 'THIS_MONTH'
+
+const t = useTranslate()
+
+const summary = ref<ReportSummary | null>(null)
+const members = ref<CompanyMember[]>([])
+const loading = ref(true)
+const preset = ref<RangePreset>(DEFAULT_PRESET)
+const from = ref('')
+const to = ref('')
+
+const presetOptions = computed<PresetOption[]>(() => [
+  { id: 'THIS_WEEK', label: t('tasks_projects.reports.range.this_week') },
+  { id: 'THIS_MONTH', label: t('tasks_projects.reports.range.this_month') },
+  { id: 'LAST_MONTH', label: t('tasks_projects.reports.range.last_month') },
+  { id: 'THIS_QUARTER', label: t('tasks_projects.reports.range.this_quarter') },
+  { id: 'THIS_YEAR', label: t('tasks_projects.reports.range.this_year') },
+  { id: 'CUSTOM', label: t('tasks_projects.reports.range.custom') },
+])
+
+const totals = computed<ReportTotals[]>(() => summary.value?.totals ?? [])
+
+/** A second currency in the report earns a label on every figure that has one. */
+const showCurrency = computed(() => new Set(totals.value.map((row) => row.currency_id)).size > 1)
+
+const hasData = computed(() => totals.value.length > 0)
+
+const projectRows = computed<BreakdownRow[]>(() =>
+  (summary.value?.by_project ?? []).map((row) => ({
+    ...row,
+    id: `${row.project_id ?? 'none'}-${row.currency_id ?? 'base'}`,
+    label:
+      row.project_id === null
+        ? t('tasks_projects.reports.tables.no_project')
+        : row.label || `#${row.project_id}`,
+  })),
+)
+
+const memberRows = computed<BreakdownRow[]>(() =>
+  (summary.value?.by_member ?? []).map((row) => ({
+    ...row,
+    id: `${row.user_id ?? 'none'}-${row.currency_id ?? 'base'}`,
+    label: memberLabel(row),
+  })),
+)
+
+const customerRows = computed<BreakdownRow[]>(() =>
+  (summary.value?.by_customer ?? []).map((row) => ({
+    ...row,
+    id: `${row.customer_id ?? 'none'}-${row.currency_id ?? 'base'}`,
+    label:
+      row.customer_id === null
+        ? t('tasks_projects.reports.tables.no_customer')
+        : customerName(row.customer_id),
+  })),
+)
+
+/**
+ * The billable split, in minutes across every currency.
+ *
+ * Minutes are the one figure that adds up across currencies, which is why the
+ * bar charts time rather than money.
+ */
+const billableMinutes = computed(() => minutesWhere(true))
+
+const nonBillableMinutes = computed(() => minutesWhere(false))
+
+const splitTotal = computed(() => billableMinutes.value + nonBillableMinutes.value)
+
+const billableShare = computed(() => shareOf(billableMinutes.value, splitTotal.value))
+
+onMounted(() => {
+  applyPreset(DEFAULT_PRESET)
+  void loadMembers()
+})
+
+function applyPreset(next: RangePreset): void {
+  preset.value = next
+
+  if (next !== 'CUSTOM') {
+    const range = rangeFor(next, session.settings.week_start)
+
+    from.value = range.from
+    to.value = range.to
+  }
+
+  void load()
+}
+
+/** A date picked by hand puts the range on Custom and leaves it there. */
+function onFrom(value: string | Date): void {
+  from.value = value ? toDateString(value) : ''
+  preset.value = 'CUSTOM'
+  void load()
+}
+
+function onTo(value: string | Date): void {
+  to.value = value ? toDateString(value) : ''
+  preset.value = 'CUSTOM'
+  void load()
+}
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  try {
+    const report = await fetchReportSummary(props.client, rangeParams())
+
+    summary.value = report
+
+    // Only a report that names a contact is worth one lookup of the address book.
+    if (report.by_customer.some((row) => row.customer_id !== null)) {
+      void ensureLoaded(props.client)
+    }
+  } catch (error: unknown) {
+    summary.value = null
+    props.notify('error', errorMessage(error, t('tasks_projects.reports.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+/** Only the ends that are set: an empty one lets the server pick its default. */
+function rangeParams(): { from?: string; to?: string } {
+  const params: { from?: string; to?: string } = {}
+
+  if (from.value !== '') {
+    params.from = from.value
+  }
+
+  if (to.value !== '') {
+    params.to = to.value
+  }
+
+  return params
+}
+
+async function loadMembers(): Promise<void> {
+  try {
+    members.value = await listMembers(props.client)
+  } catch {
+    // Reading members needs view-project; the rows keep the server's labels.
+  }
+}
+
+/**
+ * What a member is called: the company's own member list first, then the
+ * label the report carried, which reads "Removed member" for a stale id.
+ */
+function memberLabel(row: ReportMemberRow): string {
+  const known = members.value.find((member) => member.id === row.user_id)?.name ?? ''
+
+  if (known !== '') {
+    return known
+  }
+
+  if (row.label !== '') {
+    return row.label
+  }
+
+  return row.user_id === null
+    ? t('tasks_projects.reports.tables.unknown_member')
+    : `#${row.user_id}`
+}
+
+function minutesWhere(billable: boolean): number {
+  return (summary.value?.by_billable ?? [])
+    .filter((row) => row.billable === billable)
+    .reduce((carry, row) => carry + row.minutes, 0)
+}
+
+function currencyLabel(currencyId: number | null): string {
+  return currencyId === null
+    ? t('tasks_projects.reports.summary.base_currency')
+    : t('tasks_projects.reports.summary.currency', { id: currencyId })
+}
+
+function presetClass(option: PresetOption): string {
+  return preset.value === option.id
+    ? 'border-primary-500 bg-primary-50 text-primary-500'
+    : 'border-line-default bg-surface text-muted hover:text-heading'
+}
+
+function clearRange(): void {
+  applyPreset(DEFAULT_PRESET)
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="t('tasks_projects.reports.title')">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.tasks.title')" :to="PATHS.tasks" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.reports.title')" to="#" active />
+      </BaseBreadcrumb>
+
+      <p v-if="summary" class="mt-2 text-sm text-muted">
+        {{ formatDate(summary.from) }} &ndash; {{ formatDate(summary.to) }}
+      </p>
+
+      <template #actions>
+        <div class="flex items-center justify-end space-x-5">
+          <router-link :to="PATHS.tasks">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ClipboardDocumentListIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.tasks.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.projects">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="FolderIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.projects.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.billing">
+            <BaseButton variant="primary-outline">
+              <template #left="slotProps">
+                <BaseIcon name="BanknotesIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.billing.title') }}
+            </BaseButton>
+          </router-link>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <div class="mt-4 flex flex-wrap gap-2">
+      <button
+        v-for="option in presetOptions"
+        :key="option.id"
+        type="button"
+        class="rounded-md border px-3 py-1.5 text-sm font-medium"
+        :class="presetClass(option)"
+        @click="applyPreset(option.id)"
+      >
+        {{ option.label }}
+      </button>
+    </div>
+
+    <BaseFilterWrapper :show="true" row-on-xl class="mt-3" @clear="clearRange">
+      <BaseInputGroup :label="t('tasks_projects.reports.range.from')" class="mt-2 flex-1">
+        <BaseDatePicker :model-value="from" @update:model-value="onFrom" />
+      </BaseInputGroup>
+
+      <BaseInputGroup :label="t('tasks_projects.reports.range.to')" class="mt-2 flex-1">
+        <BaseDatePicker :model-value="to" @update:model-value="onTo" />
+      </BaseInputGroup>
+    </BaseFilterWrapper>
+
+    <div v-if="loading && summary === null" class="flex justify-center py-16">
+      <BaseSpinner class="h-8 w-8 text-primary-500" />
+    </div>
+
+    <BaseEmptyPlaceholder
+      v-else-if="!hasData"
+      :title="t('tasks_projects.reports.empty_title')"
+      :description="t('tasks_projects.reports.empty_description')"
+    >
+      <BaseIcon name="ChartBarIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+    </BaseEmptyPlaceholder>
+
+    <template v-else>
+      <div
+        v-for="row in totals"
+        :key="row.currency_id ?? 'base'"
+        class="mt-4 rounded-xl border border-line-default bg-surface p-5"
+      >
+        <p v-if="showCurrency" class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ currencyLabel(row.currency_id) }}
+        </p>
+
+        <div class="grid grid-cols-2 gap-4 sm:grid-cols-4" :class="showCurrency ? 'mt-3' : ''">
+          <div>
+            <p class="text-xs font-medium tracking-wider text-muted uppercase">
+              {{ t('tasks_projects.reports.summary.logged') }}
+            </p>
+            <p class="mt-1 text-2xl font-semibold text-heading">
+              {{ formatDuration(row.minutes) }}
+            </p>
+          </div>
+
+          <div>
+            <p class="text-xs font-medium tracking-wider text-muted uppercase">
+              {{ t('tasks_projects.reports.summary.billable') }}
+            </p>
+            <p class="mt-1 text-2xl font-semibold text-heading">
+              {{ formatDuration(row.billable_minutes) }}
+            </p>
+          </div>
+
+          <div>
+            <p class="text-xs font-medium tracking-wider text-muted uppercase">
+              {{ t('tasks_projects.reports.summary.amount') }}
+            </p>
+            <p class="mt-1 text-2xl font-semibold text-heading">
+              <BaseFormatMoney :amount="row.amount" />
+            </p>
+          </div>
+
+          <div>
+            <p class="text-xs font-medium tracking-wider text-muted uppercase">
+              {{ t('tasks_projects.reports.summary.unbilled') }}
+            </p>
+            <p class="mt-1 text-2xl font-semibold text-heading">
+              <BaseFormatMoney :amount="row.unbilled_amount" />
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <section class="mt-4 rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.reports.split.title') }}
+        </p>
+
+        <template v-if="splitTotal > 0">
+          <div class="mt-3 flex h-2 w-full overflow-hidden rounded-full bg-surface-tertiary">
+            <div class="h-2 bg-primary-500" :style="{ width: `${billableShare}%` }" />
+          </div>
+
+          <div class="mt-3 flex flex-wrap gap-6 text-sm">
+            <span class="inline-flex items-center text-body">
+              <span class="mr-2 inline-block h-2.5 w-2.5 rounded-full bg-primary-500" />
+              {{ t('tasks_projects.reports.split.billable') }}:
+              <span class="ml-1 font-medium text-heading">
+                {{ formatDuration(billableMinutes) }}
+              </span>
+              <span class="ml-1 text-muted">({{ billableShare }}%)</span>
+            </span>
+
+            <span class="inline-flex items-center text-body">
+              <span class="mr-2 inline-block h-2.5 w-2.5 rounded-full bg-surface-tertiary" />
+              {{ t('tasks_projects.reports.split.non_billable') }}:
+              <span class="ml-1 font-medium text-heading">
+                {{ formatDuration(nonBillableMinutes) }}
+              </span>
+              <span class="ml-1 text-muted">({{ 100 - billableShare }}%)</span>
+            </span>
+          </div>
+        </template>
+
+        <p v-else class="mt-2 text-sm text-subtle">
+          {{ t('tasks_projects.reports.split.nothing') }}
+        </p>
+      </section>
+
+      <ReportBreakdownTable
+        :title="t('tasks_projects.reports.tables.by_project')"
+        :label-heading="t('tasks_projects.reports.tables.project')"
+        :rows="projectRows"
+        :show-currency="showCurrency"
+      />
+
+      <ReportBreakdownTable
+        :title="t('tasks_projects.reports.tables.by_member')"
+        :label-heading="t('tasks_projects.reports.tables.member')"
+        :rows="memberRows"
+        :show-currency="showCurrency"
+      />
+
+      <ReportBreakdownTable
+        :title="t('tasks_projects.reports.tables.by_customer')"
+        :label-heading="t('tasks_projects.reports.tables.customer')"
+        :rows="customerRows"
+        :show-currency="showCurrency"
+      />
+    </template>
+  </BasePage>
+</template>
diff --git a/resources/js/pages/TaskPage.vue b/resources/js/pages/TaskPage.vue
new file mode 100644
index 0000000..0fbfdb1
--- /dev/null
+++ b/resources/js/pages/TaskPage.vue
@@ -0,0 +1,496 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { listMembers, listProjects } from '@/api'
+import { deleteTask, fetchTaskDetail, listTaskStatuses, updateTask } from '@/api/board'
+import InvoicedBadge from '@/components/InvoicedBadge.vue'
+import InvoiceRetryBanner from '@/components/InvoiceRetryBanner.vue'
+import TaskFormModal from '@/components/TaskFormModal.vue'
+import TaskRunControl from '@/components/TaskRunControl.vue'
+import TimeLogGrid from '@/components/TimeLogGrid.vue'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { invoicingStore } from '@/stores/invoicing'
+import { bumpTaskVersion, rememberTask, taskTime, taskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { formatDate, formatMinutes } from '@/support/format'
+import { errorCode } from '@/support/http'
+import { useTranslate } from '@/support/i18n'
+import { invoiceTasks } from '@/support/invoicing'
+import { PATHS } from '@/support/page'
+import type { Notify } from '@/support/page'
+import type { SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task, TaskInput, TaskPriority } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+const props = defineProps<{
+  /** The route param, which arrives as a string. */
+  id: string
+  client: AxiosInstance
+  notify: Notify
+  router: Router
+}>()
+
+/** How many projects the form's picker asks for. */
+const PROJECT_LIMIT = 100
+
+/** Colours a priority the way the list and the board do. */
+const PRIORITY_CLASS: Record<TaskPriority, string> = {
+  LOW: 'bg-surface-tertiary text-muted',
+  NORMAL: 'bg-primary-50 text-primary-500',
+  HIGH: 'bg-alert-warning-bg text-alert-warning-text',
+  URGENT: 'bg-alert-error-bg text-alert-error-text',
+}
+
+const t = useTranslate()
+
+/**
+ * The host router, held as a local.
+ *
+ * `push` on a prop reads to the linter as mutating an array, and the router is
+ * a stable singleton the host hands every module page, so naming it once is
+ * both clearer and quieter.
+ */
+const hostRouter = props.router
+
+const task = ref<Task | null>(null)
+const statuses = ref<TaskStatus[]>([])
+const members = ref<CompanyMember[]>([])
+const projects = ref<Project[]>([])
+const loading = ref(true)
+const savingStatus = ref(false)
+const removing = ref(false)
+const modalOpen = ref(false)
+
+const taskId = computed<number>(() => Number(props.id))
+
+const time = computed(() => taskTime(task.value))
+
+const title = computed<string>(() => task.value?.name ?? t('tasks_projects.tasks.title'))
+
+const statusOptions = computed<SelectOption[]>(() =>
+  statuses.value.map((status) => ({ id: status.id, label: status.name })),
+)
+
+const projectOptions = computed<SelectOption[]>(() =>
+  projects.value.map((project) => ({ id: project.id, label: project.name })),
+)
+
+const project = computed<Project | undefined>(() =>
+  projects.value.find((record) => record.id === task.value?.project_id),
+)
+
+const assigneeName = computed<string>(() => {
+  const assigneeId = task.value?.assignee_id ?? null
+
+  if (assigneeId === null) {
+    return t('tasks_projects.tasks.unassigned')
+  }
+
+  return members.value.find((member) => member.id === assigneeId)?.name ?? `#${assigneeId}`
+})
+
+/**
+ * The status picker writes straight through.
+ *
+ * Moving a task along is the one edit people make from this screen over and
+ * over, so it costs one click rather than a form: the value is applied
+ * locally, sent, and rolled back if the server refuses.
+ */
+const statusOption = computed<SelectOption | null>({
+  get: () => statusOptions.value.find((option) => option.id === task.value?.task_status_id) ?? null,
+  set: (option: SelectOption | null) => {
+    if (option !== null) {
+      void changeStatus(option)
+    }
+  },
+})
+
+const invoicing = computed<boolean>(() => invoicingStore.busy)
+
+/**
+ * Whether invoicing this task would mean anything.
+ *
+ * Only billable time nobody has invoiced yet: a task already on an invoice, or
+ * one with nothing billable behind it, keeps the button visible but refused,
+ * so the header does not change shape as work is logged against it.
+ */
+const invoiceable = computed<boolean>(() => time.value.invoiced === 'uninvoiced')
+
+const invoiceHint = computed<string>(() =>
+  time.value.invoiced === 'invoiced'
+    ? t('tasks_projects.tasks.already_invoiced')
+    : t('tasks_projects.tasks.nothing_to_invoice'),
+)
+
+const priorityLabel = computed<string | null>(() =>
+  task.value?.priority
+    ? t(`tasks_projects.tasks.priority.${task.value.priority.toLowerCase()}`)
+    : null,
+)
+
+watch(taskId, () => void load())
+
+// Another screen wrote to this task, or a timer started or stopped on it.
+watch(taskVersion, () => void load(true))
+
+onMounted(() => {
+  void load()
+  void loadPickers()
+})
+
+async function load(quiet = false): Promise<void> {
+  if (!Number.isInteger(taskId.value) || taskId.value <= 0) {
+    return
+  }
+
+  loading.value = !quiet
+
+  try {
+    const loaded = await fetchTaskDetail(props.client, taskId.value)
+
+    task.value = loaded
+    rememberTask(loaded)
+
+    if (loaded.customer_id !== null) {
+      void ensureLoaded(props.client)
+    }
+  } catch (error: unknown) {
+    if (!quiet) {
+      props.notify('error', errorMessage(error, t('tasks_projects.tasks.detail.not_found')))
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+async function loadPickers(): Promise<void> {
+  try {
+    statuses.value = await listTaskStatuses(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.task_statuses.load_failed')))
+  }
+
+  try {
+    members.value = await listMembers(props.client)
+  } catch {
+    // The assignee and the time log fall back to ids; reading members needs
+    // an ability a member may not have, and the page works without it.
+    members.value = []
+  }
+
+  try {
+    const response = await listProjects(props.client, {
+      limit: PROJECT_LIMIT,
+      status: 'ACTIVE',
+      sort_by: 'name',
+    })
+
+    projects.value = response.data ?? []
+  } catch {
+    projects.value = []
+  }
+}
+
+/** The whole task as the update endpoint wants it, with one field changed. */
+function payload(record: Task, overrides: Partial<TaskInput>): TaskInput {
+  return {
+    name: record.name,
+    task_status_id: record.task_status_id,
+    project_id: record.project_id,
+    customer_id: record.project_id === null ? record.customer_id : null,
+    description: record.description,
+    assignee_id: record.assignee_id,
+    priority: record.priority,
+    due_date: record.due_date,
+    estimated_minutes: record.estimated_minutes,
+    billable: record.billable,
+    rate: record.rate,
+    ...overrides,
+  }
+}
+
+/**
+ * What to say when the server refused.
+ *
+ * A locked task is refused for a reason worth naming, and the module's own
+ * sentence says it better than the server's, which states the rule for whoever
+ * called the API rather than for the person looking at the task.
+ */
+function messageFor(error: unknown, fallbackKey: string): string {
+  if (errorCode(error) === 'task_locked') {
+    return t('tasks_projects.tasks.locked')
+  }
+
+  return errorMessage(error, t(fallbackKey))
+}
+
+async function changeStatus(option: SelectOption): Promise<void> {
+  const record = task.value
+
+  if (record === null || savingStatus.value || record.task_status_id === option.id) {
+    return
+  }
+
+  const previous = record.task_status_id
+
+  record.task_status_id = option.id
+  savingStatus.value = true
+
+  try {
+    task.value = await updateTask(props.client, record.id, payload(record, { task_status_id: option.id }))
+    props.notify('success', t('tasks_projects.tasks.detail.status_saved', { name: option.label }))
+    bumpTaskVersion()
+  } catch (error: unknown) {
+    record.task_status_id = previous
+    props.notify('error', messageFor(error, 'tasks_projects.tasks.detail.status_failed'))
+  } finally {
+    savingStatus.value = false
+  }
+}
+
+async function invoice(): Promise<void> {
+  const record = task.value
+
+  if (record === null || !invoiceable.value || invoicing.value) {
+    return
+  }
+
+  await invoiceTasks(
+    { client: props.client, router: hostRouter, notify: props.notify, t },
+    { taskIds: [record.id] },
+  )
+}
+
+/** Leave for the list, which is where a task that no longer exists belongs. */
+function backToTasks(): void {
+  void hostRouter.push(PATHS.tasks)
+}
+
+function onSaved(saved: Task): void {
+  modalOpen.value = false
+  task.value = saved
+  rememberTask(saved)
+  props.notify('success', t('tasks_projects.tasks.updated', { name: saved.name }))
+  bumpTaskVersion()
+}
+
+async function remove(): Promise<void> {
+  const record = task.value
+
+  if (record === null || removing.value) {
+    return
+  }
+
+  if (!window.confirm(t('tasks_projects.tasks.delete_confirm', { name: record.name }))) {
+    return
+  }
+
+  removing.value = true
+
+  try {
+    await deleteTask(props.client, record.id)
+    props.notify('success', t('tasks_projects.tasks.deleted', { name: record.name }))
+    bumpTaskVersion()
+    backToTasks()
+  } catch (error: unknown) {
+    props.notify('error', messageFor(error, 'tasks_projects.tasks.delete_failed'))
+  } finally {
+    removing.value = false
+  }
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="title">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.tasks.title')" :to="PATHS.tasks" />
+        <BaseBreadcrumbItem :title="task ? `#${task.number}` : title" to="#" active />
+      </BaseBreadcrumb>
+
+      <div v-if="task" class="mt-2 flex flex-wrap items-center gap-3 text-sm text-muted">
+        <span class="rounded-sm bg-surface-tertiary px-2 py-0.5 text-body">#{{ task.number }}</span>
+
+        <router-link
+          v-if="task.project_id"
+          class="hover:text-primary-500"
+          :to="PATHS.project(task.project_id)"
+        >
+          {{ project?.name ?? `#${task.project_id}` }}
+        </router-link>
+        <span v-else class="text-subtle">{{ t('tasks_projects.tasks.no_project') }}</span>
+
+        <router-link
+          v-if="task.customer_id"
+          class="hover:text-primary-500"
+          :to="PATHS.customer(task.customer_id)"
+        >
+          {{ customerName(task.customer_id) }}
+        </router-link>
+
+        <span
+          v-if="priorityLabel && task.priority"
+          class="rounded-full px-2 py-0.5 text-xs font-medium"
+          :class="PRIORITY_CLASS[task.priority]"
+        >
+          {{ priorityLabel }}
+        </span>
+
+        <InvoicedBadge :state="time.invoiced" />
+      </div>
+
+      <template #actions>
+        <div v-if="task" class="flex flex-wrap items-center justify-end gap-3">
+          <TaskRunControl
+            :client="client"
+            :notify="notify"
+            :task="task"
+            :members="members"
+            size="md"
+          />
+
+          <span
+            v-if="invoicingStore.allowed"
+            class="inline-flex"
+            :title="invoiceable ? undefined : invoiceHint"
+          >
+            <BaseButton
+              variant="white"
+              :loading="invoicing"
+              :disabled="!invoiceable || invoicing"
+              @click="invoice"
+            >
+              <template #left="slotProps">
+                <BaseIcon v-if="!invoicing" name="BanknotesIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.tasks.invoice_task') }}
+            </BaseButton>
+          </span>
+
+          <BaseButton
+            variant="primary-outline"
+            :loading="removing"
+            :disabled="removing"
+            @click="remove"
+          >
+            {{ t('tasks_projects.general.delete') }}
+          </BaseButton>
+
+          <BaseButton variant="primary" @click="modalOpen = true">
+            <template #left="slotProps">
+              <BaseIcon name="PencilIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.general.edit') }}
+          </BaseButton>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <InvoiceRetryBanner :client="client" :notify="notify" />
+
+    <div v-if="loading && task === null" class="flex justify-center py-16">
+      <BaseSpinner class="h-8 w-8 text-primary-500" />
+    </div>
+
+    <template v-else-if="task">
+      <div class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+        <div class="rounded-xl border border-line-default bg-surface p-5">
+          <p class="text-xs font-medium tracking-wider text-muted uppercase">
+            {{ t('tasks_projects.tasks.detail.status') }}
+          </p>
+          <div class="mt-2">
+            <BaseSelectInput
+              v-model="statusOption"
+              :options="statusOptions"
+              :disabled="savingStatus"
+              label-key="label"
+            />
+          </div>
+          <p class="mt-2 text-xs text-muted">
+            {{ t('tasks_projects.tasks.detail.assignee') }}:
+            <span class="text-body">{{ assigneeName }}</span>
+          </p>
+        </div>
+
+        <div class="rounded-xl border border-line-default bg-surface p-5">
+          <p class="text-xs font-medium tracking-wider text-muted uppercase">
+            {{ t('tasks_projects.tasks.detail.logged') }}
+          </p>
+          <p class="mt-2 text-2xl font-semibold text-heading">
+            {{ formatMinutes(time.logged_minutes) }}
+          </p>
+          <p class="mt-1 text-xs text-muted">
+            {{ t('tasks_projects.tasks.detail.estimate') }}:
+            <span class="text-body">
+              {{
+                task.estimated_minutes
+                  ? formatMinutes(task.estimated_minutes)
+                  : t('tasks_projects.tasks.detail.no_estimate')
+              }}
+            </span>
+          </p>
+        </div>
+
+        <div class="rounded-xl border border-line-default bg-surface p-5">
+          <p class="text-xs font-medium tracking-wider text-muted uppercase">
+            {{ t('tasks_projects.tasks.detail.unbilled') }}
+          </p>
+          <p class="mt-2 text-2xl font-semibold text-heading">
+            <BaseFormatMoney :amount="time.unbilled_amount" />
+          </p>
+          <p class="mt-1 text-xs text-muted">
+            {{ formatMinutes(time.unbilled_minutes) }}
+          </p>
+        </div>
+
+        <div class="rounded-xl border border-line-default bg-surface p-5">
+          <p class="text-xs font-medium tracking-wider text-muted uppercase">
+            {{ t('tasks_projects.tasks.detail.due_date') }}
+          </p>
+          <p class="mt-2 text-lg font-semibold text-heading">
+            {{ task.due_date ? formatDate(task.due_date) : '-' }}
+          </p>
+          <p class="mt-1 text-xs text-muted">
+            {{
+              task.billable
+                ? t('tasks_projects.tasks.billable')
+                : t('tasks_projects.time.non_billable')
+            }}
+          </p>
+        </div>
+      </div>
+
+      <div class="mt-4 rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.tasks.detail.description') }}
+        </p>
+        <p v-if="task.description" class="mt-2 text-sm whitespace-pre-line text-body">
+          {{ task.description }}
+        </p>
+        <p v-else class="mt-2 text-sm text-subtle">
+          {{ t('tasks_projects.tasks.detail.no_description') }}
+        </p>
+      </div>
+
+      <TimeLogGrid :client="client" :notify="notify" :task="task" :members="members" />
+    </template>
+
+    <TaskFormModal
+      v-if="task"
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :task="task"
+      :statuses="statuses"
+      :members="members"
+      :projects="projectOptions"
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="backToTasks"
+    />
+  </BasePage>
+</template>
diff --git a/resources/js/pages/TasksPage.vue b/resources/js/pages/TasksPage.vue
new file mode 100644
index 0000000..aeced60
--- /dev/null
+++ b/resources/js/pages/TasksPage.vue
@@ -0,0 +1,210 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { LocationQueryRaw, Router } from 'vue-router'
+import { listMembers, listProjects } from '@/api'
+import { listTaskStatuses } from '@/api/board'
+import InvoiceRetryBanner from '@/components/InvoiceRetryBanner.vue'
+import TaskFilters from '@/components/TaskFilters.vue'
+import TaskFormModal from '@/components/TaskFormModal.vue'
+import ViewSwitcher from '@/components/ViewSwitcher.vue'
+import { bumpTaskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { filterQuery, readFilters, sameFilters } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import { useTranslate } from '@/support/i18n'
+import { PATHS, ROUTES } from '@/support/page'
+import type { Notify } from '@/support/page'
+import type { SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /** The host router: a module bundle cannot call `useRouter()`. */
+  router: Router
+}>()
+
+/** How many projects the picker asks for. Archived ones are left out. */
+const PROJECT_LIMIT = 100
+
+const t = useTranslate()
+
+/**
+ * The host router, held as a local.
+ *
+ * `push` on a prop reads to the linter as mutating an array, and the router is
+ * a stable singleton the host hands every module page, so naming it once is
+ * both clearer and quieter.
+ */
+const hostRouter = props.router
+
+const statuses = ref<TaskStatus[]>([])
+const members = ref<CompanyMember[]>([])
+const projects = ref<Project[]>([])
+const modalOpen = ref(false)
+
+/**
+ * The address bar is the filter state.
+ *
+ * Every view reads the same four values, so keeping them in the URL is what
+ * makes a view switch, a reload, a back button and a pasted link all show the
+ * same screen. Nothing is mirrored into a local ref, which is what would let
+ * the two disagree.
+ */
+const currentRoute = computed(() => props.router.currentRoute.value)
+
+const filters = computed<TaskFilterState>(() => readFilters(currentRoute.value.query))
+
+const query = computed<LocationQueryRaw>(() => filterQuery(filters.value))
+
+const activeRoute = computed<string>(() => String(currentRoute.value.name ?? ''))
+
+const projectOptions = computed<SelectOption[]>(() =>
+  projects.value.map((project) => ({ id: project.id, label: project.name })),
+)
+
+/**
+ * Land on the List view when the parent route itself is the target.
+ *
+ * A link to the module root resolves to the index child on its own, but
+ * navigating to the parent by name matches the parent alone and would leave
+ * the screen with an empty body.
+ */
+watch(activeRoute, (name) => ensureView(name))
+
+onMounted(() => {
+  ensureView(activeRoute.value)
+  void loadPickers()
+})
+
+function ensureView(name: string): void {
+  if (name === ROUTES.tasks) {
+    void hostRouter.replace({ name: ROUTES.list, query: query.value })
+  }
+}
+
+async function loadPickers(): Promise<void> {
+  try {
+    statuses.value = await listTaskStatuses(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.task_statuses.load_failed')))
+  }
+
+  try {
+    members.value = await listMembers(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.members_failed')))
+  }
+
+  try {
+    const response = await listProjects(props.client, {
+      limit: PROJECT_LIMIT,
+      status: 'ACTIVE',
+      sort_by: 'name',
+    })
+
+    projects.value = response.data ?? []
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.projects_failed')))
+  }
+}
+
+/** Write the filters back to the URL, without stacking history entries. */
+function applyFilters(next: TaskFilterState): void {
+  if (sameFilters(next, filters.value)) {
+    return
+  }
+
+  void hostRouter.replace({
+    name: activeRoute.value === ROUTES.tasks ? ROUTES.list : activeRoute.value,
+    query: filterQuery(next),
+  })
+}
+
+function switchView(to: { name: string; query: LocationQueryRaw }): void {
+  void hostRouter.push(to)
+}
+
+function onSaved(task: Task): void {
+  modalOpen.value = false
+  props.notify('success', t('tasks_projects.tasks.created', { name: task.name }))
+  bumpTaskVersion()
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="t('tasks_projects.tasks.title')">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.tasks.title')" to="#" active />
+      </BaseBreadcrumb>
+
+      <template #actions>
+        <div class="flex flex-wrap items-center justify-end gap-3">
+          <ViewSwitcher :active="activeRoute" :query="query" @select="switchView" />
+
+          <router-link :to="PATHS.projects">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="FolderIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.projects.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.reports">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ChartBarIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.reports.title') }}
+            </BaseButton>
+          </router-link>
+
+          <BaseButton variant="primary" @click="modalOpen = true">
+            <template #left="slotProps">
+              <BaseIcon name="PlusIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.tasks.new_task') }}
+          </BaseButton>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <InvoiceRetryBanner :client="client" :notify="notify" />
+
+    <TaskFilters
+      :model-value="filters"
+      :projects="projects"
+      :members="members"
+      :statuses="statuses"
+      @update:model-value="applyFilters"
+    />
+
+    <router-view
+      :filters="filters"
+      :statuses="statuses"
+      :members="members"
+      :projects="projects"
+    />
+
+    <TaskFormModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :task="null"
+      :statuses="statuses"
+      :members="members"
+      :projects="projectOptions"
+      :defaults="{ project_id: filters.project === '' ? null : Number(filters.project) }"
+      compact
+      @close="modalOpen = false"
+      @saved="onSaved"
+    />
+  </BasePage>
+</template>
diff --git a/resources/js/pages/TimeSettingsPage.vue b/resources/js/pages/TimeSettingsPage.vue
new file mode 100644
index 0000000..9bdc23b
--- /dev/null
+++ b/resources/js/pages/TimeSettingsPage.vue
@@ -0,0 +1,170 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import TaskStatusEditor from '@/components/TaskStatusEditor.vue'
+import { session } from '@/stores/session'
+import { minorToMajor } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { PATHS } from '@/support/page'
+import type { Notify } from '@/support/page'
+
+defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /**
+   * The host router, handed to every module page by the registration wrapper.
+   * This page navigates with `router-link`, which resolves against the host's
+   * own router, but the prop stays declared so it is not rendered as an
+   * attribute on the root element.
+   */
+  router: Router
+}>()
+
+interface SettingRow {
+  key: string
+  label: string
+  value: string
+}
+
+const t = useTranslate()
+
+const settings = computed(() => session.settings)
+
+function onOff(value: boolean): string {
+  return value ? t('tasks_projects.settings.on') : t('tasks_projects.settings.off')
+}
+
+/** The company-wide facts the general card promises: rate, week start, visibility. */
+const general = computed<SettingRow[]>(() => [
+  {
+    key: 'default_rate',
+    label: t('tasks_projects.settings.default_rate'),
+    value: minorToMajor(settings.value.default_rate),
+  },
+  {
+    key: 'week_start',
+    label: t('tasks_projects.settings.week_start'),
+    value: t(`tasks_projects.settings.weekday_${settings.value.week_start}`),
+  },
+  {
+    key: 'members_see_all_time',
+    label: t('tasks_projects.settings.members_see_all_time'),
+    value: onOff(settings.value.members_see_all_time),
+  },
+])
+
+/**
+ * What the company has chosen, read back rather than edited.
+ *
+ * The scalars are declared in the module's PHP settings schema and edited by
+ * the host's generic form, so mirroring the inputs here would give the company
+ * two places to write the same value. Showing the current answers still
+ * belongs on this page: it is where people come to ask what the module is
+ * doing.
+ */
+const behaviour = computed<SettingRow[]>(() => [
+  {
+    key: 'rounding_direction',
+    label: t('tasks_projects.settings.rounding_direction'),
+    value: t(`tasks_projects.settings.rounding_direction_${settings.value.rounding_direction}`),
+  },
+  {
+    key: 'rounding_minutes',
+    label: t('tasks_projects.settings.rounding_increment'),
+    value: t('tasks_projects.settings.rounding_increment_value', {
+      count: settings.value.rounding_minutes,
+    }),
+  },
+  {
+    key: 'auto_start_tasks',
+    label: t('tasks_projects.settings.auto_start_tasks'),
+    value: onOff(settings.value.auto_start_tasks),
+  },
+  {
+    key: 'lock_invoiced_tasks',
+    label: t('tasks_projects.settings.lock_invoiced_tasks'),
+    value: onOff(settings.value.lock_invoiced_tasks),
+  },
+  {
+    key: 'hide_invoiced_on_board',
+    label: t('tasks_projects.settings.hide_invoiced_on_board'),
+    value: onOff(settings.value.hide_invoiced_on_board),
+  },
+])
+
+const invoiceLines = computed<SettingRow[]>(() =>
+  (
+    [
+      'invoice_project_heading',
+      'invoice_task_description',
+      'invoice_entry_dates',
+      'invoice_entry_times',
+      'invoice_entry_hours',
+      'invoice_entry_descriptions',
+    ] as const
+  ).map((key) => ({
+    key,
+    label: t(`tasks_projects.settings.${key}`),
+    value: onOff(settings.value[key]),
+  })),
+)
+</script>
+
+<template>
+  <div class="space-y-6">
+    <BaseSettingCard
+      :title="t('tasks_projects.settings.general_title')"
+      :description="t('tasks_projects.settings.general_description')"
+    >
+      <template #action>
+        <router-link :to="PATHS.settings">
+          <BaseButton variant="primary-outline" size="sm">
+            <template #right="slotProps">
+              <BaseIcon name="ArrowTopRightOnSquareIcon" :class="slotProps.class" />
+            </template>
+            {{ t('tasks_projects.settings.open_module_settings') }}
+          </BaseButton>
+        </router-link>
+      </template>
+
+      <dl class="divide-y divide-line-light">
+        <div v-for="row in general" :key="row.key" class="flex justify-between gap-4 py-2.5">
+          <dt class="text-sm text-muted">{{ row.label }}</dt>
+          <dd class="text-sm font-medium text-heading">{{ row.value }}</dd>
+        </div>
+      </dl>
+    </BaseSettingCard>
+
+    <BaseSettingCard
+      :title="t('tasks_projects.settings.behaviour_title')"
+      :description="t('tasks_projects.settings.behaviour_description')"
+    >
+      <dl class="divide-y divide-line-light">
+        <div v-for="row in behaviour" :key="row.key" class="flex justify-between gap-4 py-2.5">
+          <dt class="text-sm text-muted">{{ row.label }}</dt>
+          <dd class="text-sm font-medium text-heading">{{ row.value }}</dd>
+        </div>
+      </dl>
+    </BaseSettingCard>
+
+    <BaseSettingCard
+      :title="t('tasks_projects.settings.invoice_title')"
+      :description="t('tasks_projects.settings.invoice_description')"
+    >
+      <dl class="divide-y divide-line-light">
+        <div v-for="row in invoiceLines" :key="row.key" class="flex justify-between gap-4 py-2.5">
+          <dt class="text-sm text-muted">{{ row.label }}</dt>
+          <dd class="text-sm font-medium text-heading">{{ row.value }}</dd>
+        </div>
+      </dl>
+    </BaseSettingCard>
+
+    <BaseSettingCard
+      :title="t('tasks_projects.settings.statuses_title')"
+      :description="t('tasks_projects.settings.statuses_description')"
+    >
+      <TaskStatusEditor :client="client" :notify="notify" />
+    </BaseSettingCard>
+  </div>
+</template>
diff --git a/resources/js/pages/UnbilledTimePage.vue b/resources/js/pages/UnbilledTimePage.vue
new file mode 100644
index 0000000..7cb54b4
--- /dev/null
+++ b/resources/js/pages/UnbilledTimePage.vue
@@ -0,0 +1,537 @@
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { fetchUnbilledTime, listUnbilledCustomers } from '@/api/billing'
+import type { UnbilledRange } from '@/api/billing'
+import InvoiceRetryBanner from '@/components/InvoiceRetryBanner.vue'
+import { customerName, ensureLoaded } from '@/stores/customers'
+import { invoicingStore } from '@/stores/invoicing'
+import { errorMessage } from '@/support/errors'
+import { formatDate, formatMinutes, toDateString } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { invoiceTasks } from '@/support/invoicing'
+import { PATHS } from '@/support/page'
+import type { Notify } from '@/support/page'
+import type {
+  BillingGrouping,
+  UnbilledCustomer,
+  UnbilledEntry,
+  UnbilledGroup,
+  UnbilledTime,
+} from '@/types/billing'
+
+/**
+ * Unbilled time, read the other way round.
+ *
+ * Invoicing normally starts where the work is: a task row, a task page, a
+ * project. This screen exists for the month-end question those cannot answer,
+ * "who owes me for what, across everything", and it is the only place a single
+ * entry can be left off an invoice. It is linked from Reports and the Projects
+ * header rather than the sidebar, because it is a report with a button, not a
+ * place to live.
+ */
+
+interface GroupingOption {
+  id: BillingGrouping
+  label: string
+}
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /** The host router: the sequence navigates to the created invoice. */
+  router: Router
+}>()
+
+const GROUPINGS: BillingGrouping[] = ['task', 'project', 'member', 'summary']
+
+const t = useTranslate()
+
+const loading = ref(true)
+const customers = ref<UnbilledCustomer[]>([])
+const range = reactive<{ from: string; to: string }>({ from: '', to: '' })
+
+const chosen = ref<UnbilledCustomer | null>(null)
+const unbilled = ref<UnbilledTime | null>(null)
+const loadingEntries = ref(false)
+const grouping = ref<BillingGrouping>('task')
+const selected = ref<number[]>([])
+
+const busy = computed<boolean>(() => invoicingStore.busy)
+
+const groupingOptions = computed<GroupingOption[]>(() =>
+  GROUPINGS.map((id) => ({ id, label: t(`tasks_projects.billing.entries.group_by.${id}`) })),
+)
+
+const groupingOption = computed<GroupingOption>({
+  get: () =>
+    groupingOptions.value.find((option) => option.id === grouping.value) ?? groupingOptions.value[0],
+  set: (option: GroupingOption) => {
+    grouping.value = option.id
+  },
+})
+
+/**
+ * The entries this screen is about.
+ *
+ * A card names a customer *and* a currency, because money in two denominations
+ * cannot be added up and an invoice is written in one. So the screen narrows to
+ * the currency that was clicked; the grouped rows already arrive split the same
+ * way, which is what keeps the selection something `prepare` will accept.
+ */
+const visibleEntries = computed<UnbilledEntry[]>(() =>
+  (unbilled.value?.entries ?? []).filter(
+    (entry) => entry.currency_id === (chosen.value?.currency_id ?? null),
+  ),
+)
+
+const entryById = computed<Record<number, UnbilledEntry>>(() => {
+  const map: Record<number, UnbilledEntry> = {}
+
+  for (const entry of visibleEntries.value) {
+    map[entry.id] = entry
+  }
+
+  return map
+})
+
+const groups = computed<UnbilledGroup[]>(() =>
+  (unbilled.value?.groups?.[grouping.value] ?? []).filter(
+    (group) => group.currency_id === (chosen.value?.currency_id ?? null),
+  ),
+)
+
+const totalEntries = computed<number>(() => visibleEntries.value.length)
+
+const allSelected = computed<boolean>(
+  () => totalEntries.value > 0 && selected.value.length === totalEntries.value,
+)
+
+const selectedMinutes = computed<number>(() =>
+  selected.value.reduce((sum, id) => sum + (entryById.value[id]?.minutes ?? 0), 0),
+)
+
+const selectedAmount = computed<number>(() =>
+  selected.value.reduce((sum, id) => sum + (entryById.value[id]?.amount ?? 0), 0),
+)
+
+const rangeParams = computed<UnbilledRange>(() => {
+  const params: UnbilledRange = {}
+
+  if (range.from !== '') {
+    params.from = range.from
+  }
+
+  if (range.to !== '') {
+    params.to = range.to
+  }
+
+  return params
+})
+
+watch(() => [range.from, range.to], () => void reload())
+
+onMounted(() => void load())
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  await Promise.all([loadCustomers(), ensureLoaded(props.client)])
+
+  loading.value = false
+}
+
+/** A new range re-reads the cards, and the open customer's rows with them. */
+async function reload(): Promise<void> {
+  await loadCustomers()
+
+  if (chosen.value !== null) {
+    await openCustomer(chosen.value)
+  }
+}
+
+async function loadCustomers(): Promise<void> {
+  try {
+    customers.value = await listUnbilledCustomers(props.client, rangeParams.value)
+  } catch (error: unknown) {
+    customers.value = []
+    props.notify('error', errorMessage(error, t('tasks_projects.billing.customer.load_failed')))
+  }
+}
+
+function label(customerId: number): string {
+  return customerName(customerId)
+}
+
+function clearRange(): void {
+  range.from = ''
+  range.to = ''
+}
+
+function onFrom(value: string | Date): void {
+  range.from = value ? toDateString(value) : ''
+}
+
+function onTo(value: string | Date): void {
+  range.to = value ? toDateString(value) : ''
+}
+
+async function openCustomer(customer: UnbilledCustomer): Promise<void> {
+  chosen.value = customer
+  loadingEntries.value = true
+  unbilled.value = null
+  selected.value = []
+
+  try {
+    unbilled.value = await fetchUnbilledTime(props.client, customer.customer_id, rangeParams.value)
+    selected.value = visibleEntries.value.map((entry) => entry.id)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.billing.entries.load_failed')))
+  } finally {
+    loadingEntries.value = false
+  }
+}
+
+function back(): void {
+  chosen.value = null
+  unbilled.value = null
+  selected.value = []
+  void loadCustomers()
+}
+
+function isSelected(entryId: number): boolean {
+  return selected.value.includes(entryId)
+}
+
+function toggleEntry(entryId: number): void {
+  selected.value = isSelected(entryId)
+    ? selected.value.filter((id) => id !== entryId)
+    : [...selected.value, entryId]
+}
+
+function toggleAll(): void {
+  selected.value = allSelected.value ? [] : visibleEntries.value.map((entry) => entry.id)
+}
+
+function groupSelected(group: UnbilledGroup): boolean {
+  return group.entry_ids.length > 0 && group.entry_ids.every((id) => isSelected(id))
+}
+
+function toggleGroup(group: UnbilledGroup): void {
+  if (groupSelected(group)) {
+    selected.value = selected.value.filter((id) => !group.entry_ids.includes(id))
+
+    return
+  }
+
+  const missing = group.entry_ids.filter((id) => !isSelected(id))
+  selected.value = [...selected.value, ...missing]
+}
+
+/** Entries in the order the group lists them, for the rows under its header. */
+function groupEntries(group: UnbilledGroup): UnbilledEntry[] {
+  return group.entry_ids
+    .map((id) => entryById.value[id])
+    .filter((entry): entry is UnbilledEntry => entry !== undefined)
+}
+
+/**
+ * Hand the ticked entries to the same sequence every other screen runs.
+ *
+ * The grouping is the one thing this screen knows that a task row does not, so
+ * it is the only argument that travels with the ids.
+ */
+async function createInvoice(): Promise<void> {
+  if (selected.value.length === 0) {
+    props.notify('warning', t('tasks_projects.billing.entries.none_selected'))
+
+    return
+  }
+
+  const created = await invoiceTasks(
+    { client: props.client, router: props.router, notify: props.notify, t },
+    { entryIds: [...selected.value], grouping: grouping.value },
+  )
+
+  if (!created) {
+    await reload()
+  }
+}
+</script>
+
+<template>
+  <BasePage>
+    <BasePageHeader :title="t('tasks_projects.billing.title')">
+      <BaseBreadcrumb>
+        <BaseBreadcrumbItem :title="t('tasks_projects.general.home')" to="/admin/dashboard" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.tasks.title')" :to="PATHS.tasks" />
+        <BaseBreadcrumbItem :title="t('tasks_projects.billing.title')" to="#" active />
+      </BaseBreadcrumb>
+
+      <p class="mt-2 text-sm text-muted">{{ t('tasks_projects.billing.subtitle') }}</p>
+
+      <template #actions>
+        <div class="flex flex-wrap items-center justify-end gap-3">
+          <router-link :to="PATHS.reports">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="ChartBarIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.reports.title') }}
+            </BaseButton>
+          </router-link>
+
+          <router-link :to="PATHS.projects">
+            <BaseButton variant="white">
+              <template #left="slotProps">
+                <BaseIcon name="FolderIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.projects.title') }}
+            </BaseButton>
+          </router-link>
+        </div>
+      </template>
+    </BasePageHeader>
+
+    <InvoiceRetryBanner :client="client" :notify="notify" />
+
+    <div class="mt-4 flex flex-wrap items-end gap-4">
+      <BaseInputGroup :label="t('tasks_projects.billing.customer.from')" class="w-full sm:w-48">
+        <BaseDatePicker :model-value="range.from" @update:model-value="onFrom" />
+      </BaseInputGroup>
+
+      <BaseInputGroup :label="t('tasks_projects.billing.customer.to')" class="w-full sm:w-48">
+        <BaseDatePicker :model-value="range.to" @update:model-value="onTo" />
+      </BaseInputGroup>
+
+      <BaseButton
+        v-if="range.from !== '' || range.to !== ''"
+        variant="primary-outline"
+        @click="clearRange"
+      >
+        {{ t('tasks_projects.billing.customer.clear_range') }}
+      </BaseButton>
+    </div>
+
+    <div v-if="loading" class="flex justify-center py-16">
+      <BaseSpinner class="h-8 w-8 text-primary-500" />
+    </div>
+
+    <!-- Who has time waiting -->
+    <section v-else-if="chosen === null" class="mt-6">
+      <h2 class="text-base font-semibold text-heading">
+        {{ t('tasks_projects.billing.customer.title') }}
+      </h2>
+      <p class="mt-1 text-sm text-muted">
+        {{ t('tasks_projects.billing.customer.description') }}
+      </p>
+
+      <div
+        v-if="customers.length > 0"
+        class="mt-5 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"
+      >
+        <button
+          v-for="row in customers"
+          :key="`${row.customer_id}-${row.currency_id ?? 'none'}`"
+          type="button"
+          class="rounded-xl border border-line-default bg-surface p-5 text-left transition hover:border-primary-500"
+          @click="openCustomer(row)"
+        >
+          <p class="text-sm font-semibold text-heading">{{ label(row.customer_id) }}</p>
+          <p class="mt-1 text-xs text-muted">
+            {{ t('tasks_projects.billing.customer.entries', { count: row.entries }) }}
+            &middot;
+            {{ formatMinutes(row.minutes) }}
+          </p>
+          <p class="mt-3 text-xl font-semibold text-heading">
+            <BaseFormatMoney :amount="row.amount" />
+          </p>
+        </button>
+      </div>
+
+      <BaseEmptyPlaceholder
+        v-else
+        :title="t('tasks_projects.billing.customer.empty_title')"
+        :description="t('tasks_projects.billing.customer.empty_description')"
+      >
+        <BaseIcon name="BanknotesIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+      </BaseEmptyPlaceholder>
+    </section>
+
+    <!-- Which entries of that customer -->
+    <section v-else class="mt-6">
+      <div class="flex flex-wrap items-end justify-between gap-4">
+        <div>
+          <h2 class="text-base font-semibold text-heading">
+            {{ t('tasks_projects.billing.entries.title') }}
+          </h2>
+          <p class="mt-1 text-sm text-muted">{{ label(chosen.customer_id) }}</p>
+        </div>
+
+        <BaseInputGroup :label="t('tasks_projects.billing.entries.grouping')" class="w-full sm:w-56">
+          <BaseSelectInput v-model="groupingOption" :options="groupingOptions" label-key="label" />
+        </BaseInputGroup>
+      </div>
+
+      <div v-if="loadingEntries" class="flex justify-center py-16">
+        <BaseSpinner class="h-8 w-8 text-primary-500" />
+      </div>
+
+      <template v-else-if="totalEntries > 0">
+        <div
+          class="mt-4 flex flex-wrap items-center justify-between gap-3 rounded-lg border border-line-default bg-surface-secondary px-4 py-3"
+        >
+          <label class="flex cursor-pointer items-center gap-2 text-sm font-medium text-heading">
+            <input
+              type="checkbox"
+              class="h-4 w-4 cursor-pointer rounded border-line-strong"
+              :checked="allSelected"
+              @change="toggleAll"
+            >
+            {{ t('tasks_projects.billing.entries.select_all') }}
+          </label>
+
+          <p class="text-sm text-muted">
+            {{
+              t('tasks_projects.billing.entries.selected', {
+                count: selected.length,
+                total: totalEntries,
+              })
+            }}
+          </p>
+        </div>
+
+        <div
+          v-for="group in groups"
+          :key="`${group.label}-${group.key ?? 'none'}-${group.currency_id ?? 'none'}`"
+          class="mt-4 overflow-hidden rounded-xl border border-line-default"
+        >
+          <div
+            class="flex flex-wrap items-center justify-between gap-3 bg-surface-secondary px-4 py-3"
+          >
+            <label class="flex cursor-pointer items-center gap-2 text-sm font-semibold text-heading">
+              <input
+                type="checkbox"
+                class="h-4 w-4 cursor-pointer rounded border-line-strong"
+                :checked="groupSelected(group)"
+                @change="toggleGroup(group)"
+              >
+              {{ group.label }}
+            </label>
+
+            <p class="text-sm text-muted">
+              {{ formatMinutes(group.minutes) }}
+              &middot;
+              <BaseFormatMoney :amount="group.amount" />
+            </p>
+          </div>
+
+          <div class="overflow-x-auto">
+            <table class="w-full table-auto">
+              <thead class="bg-surface text-xs tracking-wider text-muted uppercase">
+                <tr>
+                  <th class="w-10" />
+                  <th class="px-4 py-2 text-left font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.date') }}
+                  </th>
+                  <th class="px-4 py-2 text-left font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.task') }}
+                  </th>
+                  <th class="px-4 py-2 text-left font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.project') }}
+                  </th>
+                  <th class="px-4 py-2 text-left font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.member') }}
+                  </th>
+                  <th class="px-4 py-2 text-right font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.duration') }}
+                  </th>
+                  <th class="px-4 py-2 text-right font-medium">
+                    {{ t('tasks_projects.billing.entries.columns.amount') }}
+                  </th>
+                </tr>
+              </thead>
+
+              <tbody class="divide-y divide-line-default bg-surface text-sm">
+                <tr v-for="entry in groupEntries(group)" :key="entry.id">
+                  <td class="pl-4">
+                    <input
+                      type="checkbox"
+                      class="h-4 w-4 cursor-pointer rounded border-line-strong"
+                      :checked="isSelected(entry.id)"
+                      @change="toggleEntry(entry.id)"
+                    >
+                  </td>
+                  <td class="px-4 py-2 whitespace-nowrap text-muted">
+                    {{ formatDate(entry.date) }}
+                  </td>
+                  <td class="px-4 py-2">
+                    <router-link class="text-heading hover:text-primary-500" :to="PATHS.task(entry.task_id)">
+                      {{ entry.task_name }}
+                    </router-link>
+                    <span class="block text-xs text-subtle">
+                      {{ entry.description || t('tasks_projects.billing.entries.no_description') }}
+                    </span>
+                  </td>
+                  <td class="px-4 py-2 text-muted">{{ entry.project_name ?? '-' }}</td>
+                  <td class="px-4 py-2 text-muted">{{ entry.user_name }}</td>
+                  <td class="px-4 py-2 text-right whitespace-nowrap text-muted">
+                    {{ formatMinutes(entry.minutes) }}
+                  </td>
+                  <td class="px-4 py-2 text-right whitespace-nowrap text-heading">
+                    <BaseFormatMoney :amount="entry.amount" />
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+
+        <div class="mt-5 flex flex-wrap items-center justify-between gap-4">
+          <p class="text-sm font-medium text-heading">
+            {{
+              t('tasks_projects.billing.entries.selected_total', {
+                hours: formatMinutes(selectedMinutes),
+              })
+            }}
+            &middot;
+            <BaseFormatMoney :amount="selectedAmount" />
+          </p>
+
+          <div class="flex items-center gap-3">
+            <BaseButton variant="primary-outline" :disabled="busy" @click="back">
+              {{ t('tasks_projects.billing.back') }}
+            </BaseButton>
+
+            <BaseButton
+              variant="primary"
+              :loading="busy"
+              :disabled="busy || selected.length === 0"
+              @click="createInvoice"
+            >
+              <template #left="slotProps">
+                <BaseIcon v-if="!busy" name="DocumentPlusIcon" :class="slotProps.class" />
+              </template>
+              {{ t('tasks_projects.billing.create') }}
+            </BaseButton>
+          </div>
+        </div>
+      </template>
+
+      <BaseEmptyPlaceholder
+        v-else
+        :title="t('tasks_projects.billing.entries.empty_title')"
+        :description="t('tasks_projects.billing.entries.empty_description')"
+      >
+        <BaseIcon name="ClockIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+
+        <template #actions>
+          <BaseButton variant="primary" @click="back">
+            {{ t('tasks_projects.billing.back') }}
+          </BaseButton>
+        </template>
+      </BaseEmptyPlaceholder>
+    </section>
+  </BasePage>
+</template>
diff --git a/resources/js/pages/project/ProjectMembersTab.vue b/resources/js/pages/project/ProjectMembersTab.vue
new file mode 100644
index 0000000..fb45d8b
--- /dev/null
+++ b/resources/js/pages/project/ProjectMembersTab.vue
@@ -0,0 +1,203 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { listMembers } from '@/api'
+import { attachProjectMember, detachProjectMember, listProjectMembers } from '@/api/board'
+import { errorMessage, fieldErrors } from '@/support/errors'
+import { majorToMinor } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type { SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { ProjectMember } from '@/types/project-member'
+
+const props = defineProps<{
+  /** The route param, which arrives as a string. */
+  id: string
+  client: AxiosInstance
+  notify: Notify
+  project: Project | null
+}>()
+
+const t = useTranslate()
+
+const attached = ref<ProjectMember[]>([])
+const members = ref<CompanyMember[]>([])
+const loading = ref(true)
+const saving = ref(false)
+const busyUserId = ref<number | null>(null)
+const chosen = ref<SelectOption | null>(null)
+const rate = ref('')
+const errors = ref<Record<string, string>>({})
+
+const projectId = computed(() => props.project?.id ?? Number(props.id))
+
+/** Only members who are not on the project yet can be added to it. */
+const available = computed<SelectOption[]>(() =>
+  members.value
+    .filter((member) => !attached.value.some((record) => record.user_id === member.id))
+    .map((member) => ({ id: member.id, label: member.name })),
+)
+
+onMounted(() => {
+  void load()
+})
+
+async function load(): Promise<void> {
+  loading.value = true
+
+  try {
+    members.value = await listMembers(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.members_failed')))
+  }
+
+  try {
+    attached.value = await listProjectMembers(props.client, projectId.value)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.project.members.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+function memberName(userId: number): string {
+  return (
+    members.value.find((member) => member.id === userId)?.name ??
+    t('tasks_projects.project.time.removed_member')
+  )
+}
+
+async function attach(): Promise<void> {
+  const option = chosen.value
+
+  if (option === null || saving.value) {
+    return
+  }
+
+  saving.value = true
+  errors.value = {}
+
+  try {
+    await attachProjectMember(props.client, projectId.value, {
+      user_id: option.id,
+      rate: majorToMinor(rate.value),
+    })
+
+    props.notify('success', t('tasks_projects.project.members.attached', { name: option.label }))
+    chosen.value = null
+    rate.value = ''
+    await load()
+  } catch (error: unknown) {
+    errors.value = fieldErrors(error)
+    props.notify('error', errorMessage(error, t('tasks_projects.project.members.attach_failed')))
+  } finally {
+    saving.value = false
+  }
+}
+
+async function detach(member: ProjectMember): Promise<void> {
+  const name = memberName(member.user_id)
+
+  if (!window.confirm(t('tasks_projects.project.members.detach_confirm', { name }))) {
+    return
+  }
+
+  busyUserId.value = member.user_id
+
+  try {
+    await detachProjectMember(props.client, projectId.value, member.user_id)
+    props.notify('success', t('tasks_projects.project.members.detached', { name }))
+    await load()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.project.members.detach_failed')))
+  } finally {
+    busyUserId.value = null
+  }
+}
+</script>
+
+<template>
+  <div class="py-4">
+    <div class="rounded-xl border border-line-default bg-surface p-5">
+      <div class="flex flex-col gap-4 lg:flex-row lg:items-end">
+        <BaseInputGroup
+          :label="t('tasks_projects.project.members.member')"
+          :error="errors.user_id"
+          class="flex-1"
+        >
+          <BaseSelectInput
+            v-model="chosen"
+            :options="available"
+            :placeholder="t('tasks_projects.project.members.attach_placeholder')"
+            label-key="label"
+          />
+        </BaseInputGroup>
+
+        <BaseInputGroup
+          :label="t('tasks_projects.project.members.rate')"
+          :error="errors.rate"
+          :help-text="t('tasks_projects.project.members.rate_help')"
+          class="flex-1"
+        >
+          <BaseInput v-model="rate" type="number" step="0.01" min="0" />
+        </BaseInputGroup>
+
+        <BaseButton
+          variant="primary"
+          class="lg:mb-1"
+          :loading="saving"
+          :disabled="saving || chosen === null"
+          @click="attach"
+        >
+          <template #left="slotProps">
+            <BaseIcon name="PlusIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.project.members.attach') }}
+        </BaseButton>
+      </div>
+
+      <p v-if="available.length === 0 && !loading" class="mt-3 text-xs text-subtle">
+        {{ t('tasks_projects.project.members.all_attached') }}
+      </p>
+    </div>
+
+    <div class="mt-4 overflow-hidden rounded-xl border border-line-default bg-surface">
+      <div v-if="loading" class="flex justify-center py-10">
+        <BaseSpinner class="h-6 w-6 text-primary-500" />
+      </div>
+
+      <p v-else-if="attached.length === 0" class="px-5 py-8 text-center text-sm text-muted">
+        {{ t('tasks_projects.project.members.empty') }}
+      </p>
+
+      <ul v-else class="divide-y divide-line-light">
+        <li
+          v-for="member in attached"
+          :key="member.id"
+          class="flex items-center justify-between px-5 py-4"
+        >
+          <div>
+            <p class="text-sm font-medium text-heading">{{ memberName(member.user_id) }}</p>
+            <p class="text-xs text-muted">
+              {{ t('tasks_projects.project.members.rate') }}:
+              <BaseFormatMoney v-if="member.rate !== null" :amount="member.rate" />
+              <span v-else class="text-subtle">{{ t('tasks_projects.tasks.none') }}</span>
+            </p>
+          </div>
+
+          <BaseButton
+            variant="danger"
+            size="sm"
+            :loading="busyUserId === member.user_id"
+            :disabled="busyUserId === member.user_id"
+            @click="detach(member)"
+          >
+            {{ t('tasks_projects.general.delete') }}
+          </BaseButton>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
diff --git a/resources/js/pages/project/ProjectOverviewTab.vue b/resources/js/pages/project/ProjectOverviewTab.vue
new file mode 100644
index 0000000..9692c2b
--- /dev/null
+++ b/resources/js/pages/project/ProjectOverviewTab.vue
@@ -0,0 +1,204 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { invoicingStore } from '@/stores/invoicing'
+import { formatMinutes } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import { invoiceTasks } from '@/support/invoicing'
+import type { Notify } from '@/support/page'
+import type { Project, ProjectTotals } from '@/types/project'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /** The host router: invoicing lands on the host's invoice page. */
+  router: Router
+  /** Handed down by the project detail page, which owns the fetch. */
+  project: Project | null
+}>()
+
+const emit = defineEmits<{
+  /** The unbilled figure moved, so the page above should read it again. */
+  (event: 'refresh'): void
+}>()
+
+const t = useTranslate()
+
+const totals = computed<ProjectTotals | null>(() => props.project?.totals ?? null)
+
+const budgetMinutes = computed(() => props.project?.budget_minutes ?? null)
+
+/** How much of the budget the logged time has eaten, clamped for the bar. */
+const budgetPercent = computed(() => {
+  const budget = budgetMinutes.value
+  const logged = totals.value?.logged_minutes ?? 0
+
+  if (!budget) {
+    return 0
+  }
+
+  return Math.min(100, Math.round((logged / budget) * 100))
+})
+
+/**
+ * Whether invoicing this project would mean anything.
+ *
+ * Only a project that belongs to a customer can be invoiced, and only when
+ * something is waiting, so an internal project and a settled one show the
+ * amount without offering the action.
+ */
+const canInvoice = computed<boolean>(
+  () =>
+    invoicingStore.allowed &&
+    props.project?.customer_id !== null &&
+    (totals.value?.unbilled_amount ?? 0) > 0,
+)
+
+const invoicing = computed<boolean>(() => invoicingStore.busy)
+
+const overBudgetMinutes = computed(() => {
+  const budget = budgetMinutes.value
+  const logged = totals.value?.logged_minutes ?? 0
+
+  return budget && logged > budget ? logged - budget : 0
+})
+
+/**
+ * Invoice everything unbilled on this project, in one invoice.
+ *
+ * The project is the selection, not the tasks under it, so the server decides
+ * which of them still have billable time and refuses the whole thing when none
+ * do. Failing leaves the user here, where the numbers are re-read.
+ */
+async function invoice(): Promise<void> {
+  const project = props.project
+
+  if (project === null || !canInvoice.value || invoicing.value) {
+    return
+  }
+
+  if (!(await invoiceTasks(
+    { client: props.client, router: props.router, notify: props.notify, t },
+    { projectId: project.id },
+  ))) {
+    emit('refresh')
+  }
+}
+</script>
+
+<template>
+  <div v-if="project && totals" class="py-6">
+    <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+      <div class="rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.project.overview.tasks') }}
+        </p>
+        <p class="mt-2 text-2xl font-semibold text-heading">{{ totals.tasks.total }}</p>
+        <p class="mt-1 text-xs text-muted">
+          {{ t('tasks_projects.project.overview.open_tasks', { count: totals.tasks.open }) }}
+          &middot;
+          {{ t('tasks_projects.project.overview.closed_tasks', { count: totals.tasks.closed }) }}
+        </p>
+      </div>
+
+      <div class="rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.project.overview.logged') }}
+        </p>
+        <p class="mt-2 text-2xl font-semibold text-heading">
+          {{ formatMinutes(totals.logged_minutes) }}
+        </p>
+        <p class="mt-1 text-xs text-muted">
+          {{ t('tasks_projects.project.overview.billable') }}:
+          {{ formatMinutes(totals.billable_minutes) }}
+        </p>
+      </div>
+
+      <div class="rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.project.overview.billable_amount') }}
+        </p>
+        <p class="mt-2 text-2xl font-semibold text-heading">
+          <BaseFormatMoney :amount="totals.billable_amount" />
+        </p>
+      </div>
+
+      <div class="rounded-xl border border-line-default bg-surface p-5">
+        <p class="text-xs font-medium tracking-wider text-muted uppercase">
+          {{ t('tasks_projects.project.overview.unbilled_amount') }}
+        </p>
+        <p class="mt-2 text-2xl font-semibold text-heading">
+          <BaseFormatMoney :amount="totals.unbilled_amount" />
+        </p>
+        <BaseButton
+          v-if="canInvoice"
+          class="mt-2"
+          variant="primary-outline"
+          size="sm"
+          :loading="invoicing"
+          :disabled="invoicing"
+          @click="invoice"
+        >
+          <template #left="slotProps">
+            <BaseIcon v-if="!invoicing" name="BanknotesIcon" :class="slotProps.class" />
+          </template>
+          {{ t('tasks_projects.project.invoice_project') }}
+        </BaseButton>
+      </div>
+    </div>
+
+    <div class="mt-4 rounded-xl border border-line-default bg-surface p-5">
+      <p class="text-xs font-medium tracking-wider text-muted uppercase">
+        {{ t('tasks_projects.project.overview.budget') }}
+      </p>
+
+      <template v-if="budgetMinutes">
+        <p class="mt-2 text-sm text-body">
+          {{
+            t('tasks_projects.project.overview.budget_used', {
+              used: formatMinutes(totals.logged_minutes),
+              total: formatMinutes(budgetMinutes),
+            })
+          }}
+        </p>
+
+        <div class="mt-3 h-2 w-full overflow-hidden rounded-full bg-surface-tertiary">
+          <div
+            class="h-2 rounded-full"
+            :class="overBudgetMinutes > 0 ? 'bg-status-red' : 'bg-primary-500'"
+            :style="{ width: `${budgetPercent}%` }"
+          />
+        </div>
+
+        <p v-if="overBudgetMinutes > 0" class="mt-2 text-xs font-medium text-status-red">
+          {{
+            t('tasks_projects.project.overview.budget_over', {
+              amount: formatMinutes(overBudgetMinutes),
+            })
+          }}
+        </p>
+      </template>
+
+      <p v-else class="mt-2 text-sm text-subtle">
+        {{ t('tasks_projects.project.overview.no_budget') }}
+      </p>
+    </div>
+
+    <div class="mt-4 rounded-xl border border-line-default bg-surface p-5">
+      <p class="text-xs font-medium tracking-wider text-muted uppercase">
+        {{ t('tasks_projects.project.overview.description') }}
+      </p>
+      <p v-if="project.description" class="mt-2 text-sm whitespace-pre-line text-body">
+        {{ project.description }}
+      </p>
+      <p v-else class="mt-2 text-sm text-subtle">
+        {{ t('tasks_projects.project.overview.no_description') }}
+      </p>
+    </div>
+  </div>
+
+  <div v-else class="flex justify-center py-16">
+    <BaseSpinner class="h-8 w-8 text-primary-500" />
+  </div>
+</template>
diff --git a/resources/js/pages/project/ProjectTasksTab.vue b/resources/js/pages/project/ProjectTasksTab.vue
new file mode 100644
index 0000000..ae64a38
--- /dev/null
+++ b/resources/js/pages/project/ProjectTasksTab.vue
@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { computed, onMounted, ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import { listMembers } from '@/api'
+import { listTaskStatuses } from '@/api/board'
+import TaskFilters from '@/components/TaskFilters.vue'
+import TaskList from '@/components/TaskList.vue'
+import { errorMessage } from '@/support/errors'
+import { EMPTY_FILTERS } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { TaskStatus } from '@/types/task-status'
+
+const props = defineProps<{
+  /** The route param, which arrives as a string. */
+  id: string
+  client: AxiosInstance
+  notify: Notify
+  /** The host router, handed down so a row can invoice and navigate. */
+  router: Router
+  project: Project | null
+}>()
+
+const emit = defineEmits<{ (event: 'refresh'): void }>()
+
+const t = useTranslate()
+
+const listRef = ref<{ openCreate: () => void } | null>(null)
+const statuses = ref<TaskStatus[]>([])
+const members = ref<CompanyMember[]>([])
+
+/**
+ * The tab's own filters, kept out of the address bar.
+ *
+ * The Tasks screen puts its filters in the URL because a view switch has to
+ * carry them; a project tab has nowhere to switch to, and writing them into
+ * the project's URL would make every shared project link carry somebody
+ * else's search.
+ */
+const filters = ref<TaskFilterState>({ ...EMPTY_FILTERS })
+
+const projectId = computed<number>(() => props.project?.id ?? Number(props.id))
+
+/** The list is fixed to this project, so the picker offers only it. */
+const projects = computed<Project[]>(() => (props.project === null ? [] : [props.project]))
+
+onMounted(() => void loadPickers())
+
+async function loadPickers(): Promise<void> {
+  try {
+    statuses.value = await listTaskStatuses(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.task_statuses.load_failed')))
+  }
+
+  try {
+    members.value = await listMembers(props.client)
+  } catch {
+    // The assignee column falls back to ids rather than blanking the row.
+    members.value = []
+  }
+}
+
+/** A new or deleted task changes the counts the overview shows. */
+function onChanged(): void {
+  emit('refresh')
+}
+</script>
+
+<template>
+  <div class="py-4">
+    <div class="flex flex-wrap items-end justify-between gap-3">
+      <TaskFilters
+        v-model="filters"
+        class="flex-1"
+        :projects="projects"
+        :members="members"
+        :statuses="statuses"
+        lock-project
+      />
+
+      <BaseButton variant="primary" @click="listRef?.openCreate()">
+        <template #left="slotProps">
+          <BaseIcon name="PlusIcon" :class="slotProps.class" />
+        </template>
+        {{ t('tasks_projects.tasks.new_task') }}
+      </BaseButton>
+    </div>
+
+    <TaskList
+      ref="listRef"
+      :client="client"
+      :notify="notify"
+      :router="router"
+      :filters="filters"
+      :statuses="statuses"
+      :members="members"
+      :projects="projects"
+      :project-id="projectId"
+      @changed="onChanged"
+    />
+  </div>
+</template>
diff --git a/resources/js/pages/project/ProjectTimeTab.vue b/resources/js/pages/project/ProjectTimeTab.vue
new file mode 100644
index 0000000..77e7e98
--- /dev/null
+++ b/resources/js/pages/project/ProjectTimeTab.vue
@@ -0,0 +1,280 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { listMembers } from '@/api'
+import { listProjectTime, listTasks } from '@/api/board'
+import { deleteTimeEntry } from '@/api/time'
+import TimeEntryModal from '@/components/TimeEntryModal.vue'
+import { bumpTaskVersion, taskVersion } from '@/stores/tasks'
+import { useNow } from '@/stores/timer'
+import { errorMessage } from '@/support/errors'
+import { formatDate, formatMinutes } from '@/support/format'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import { formatClock, secondsBetween } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task } from '@/types/task'
+import type { TimeEntry, TimeEntryListParams } from '@/types/time-entry'
+
+interface TablePagination {
+  totalPages: number
+  currentPage: number
+  totalCount: number
+  limit: number
+}
+
+interface TableResult {
+  data: TimeEntry[]
+  pagination: TablePagination
+}
+
+const props = defineProps<{
+  /** The route param, which arrives as a string. */
+  id: string
+  client: AxiosInstance
+  notify: Notify
+  project: Project | null
+}>()
+
+const emit = defineEmits<{ (event: 'refresh'): void }>()
+
+const PER_PAGE = 15
+
+/** How many task names one page of entries can need. */
+const TASK_LIMIT = 100
+
+const t = useTranslate()
+
+/** One shared tick drives every running row. */
+const now = useNow()
+
+const tableRef = ref<{ refresh: (preservePage?: boolean) => void } | null>(null)
+const members = ref<CompanyMember[]>([])
+const tasks = ref<Task[]>([])
+const modalOpen = ref(false)
+const editing = ref<TimeEntry | null>(null)
+
+const projectId = computed(() => props.project?.id ?? Number(props.id))
+
+const columns = computed(() => [
+  { key: 'started_at', label: t('tasks_projects.project.time.columns.date'), sortable: false },
+  { key: 'user', label: t('tasks_projects.project.time.columns.member'), sortable: false },
+  { key: 'task', label: t('tasks_projects.project.time.columns.task'), sortable: false, thClass: 'extra' },
+  { key: 'duration_minutes', label: t('tasks_projects.project.time.columns.minutes'), sortable: false },
+  { key: 'billable', label: t('tasks_projects.project.time.columns.billable'), sortable: false },
+  { key: 'amount', label: t('tasks_projects.project.time.columns.amount'), sortable: false },
+  {
+    key: 'actions',
+    label: t('tasks_projects.general.actions'),
+    sortable: false,
+    tdClass: 'text-right text-sm font-medium',
+  },
+])
+
+onMounted(() => {
+  void loadNames()
+})
+
+// A timer that started or stopped anywhere wrote a row into this project.
+watch(taskVersion, () => tableRef.value?.refresh(true))
+
+/** The member and task names the table shows beside every entry. */
+async function loadNames(): Promise<void> {
+  try {
+    members.value = await listMembers(props.client)
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.members_failed')))
+  }
+
+  try {
+    const response = await listTasks(props.client, {
+      project_id: projectId.value,
+      limit: TASK_LIMIT,
+    })
+
+    tasks.value = response.data ?? []
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.tasks.load_failed')))
+  }
+}
+
+async function fetchEntries({ page }: { page: number }): Promise<TableResult> {
+  const params: TimeEntryListParams = { page, limit: PER_PAGE, project_id: projectId.value }
+
+  try {
+    const response = await listProjectTime(props.client, params)
+
+    return {
+      data: response.data ?? [],
+      pagination: {
+        totalPages: response.meta?.last_page ?? 1,
+        currentPage: response.meta?.current_page ?? 1,
+        totalCount: response.meta?.total ?? 0,
+        limit: response.meta?.per_page ?? PER_PAGE,
+      },
+    }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.project.time.load_failed')))
+
+    return {
+      data: [],
+      pagination: { totalPages: 1, currentPage: 1, totalCount: 0, limit: PER_PAGE },
+    }
+  }
+}
+
+function memberName(userId: number): string {
+  return (
+    members.value.find((member) => member.id === userId)?.name ??
+    t('tasks_projects.project.time.removed_member')
+  )
+}
+
+function taskName(taskId: number): string {
+  return tasks.value.find((task) => task.id === taskId)?.name ?? `#${taskId}`
+}
+
+/** A running row counts up; a closed one shows the minutes it recorded. */
+function durationOf(entry: TimeEntry): string {
+  return entry.is_running
+    ? formatClock(secondsBetween(entry.started_at, now.value))
+    : formatMinutes(entry.duration_minutes)
+}
+
+function openCreate(): void {
+  editing.value = null
+  modalOpen.value = true
+}
+
+function openEdit(entry: TimeEntry): void {
+  if (entry.is_running) {
+    return
+  }
+
+  editing.value = entry
+  modalOpen.value = true
+}
+
+function onSaved(): void {
+  const message = editing.value
+    ? t('tasks_projects.time.updated')
+    : t('tasks_projects.time.created')
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  tableRef.value?.refresh(true)
+  bumpTaskVersion()
+  emit('refresh')
+}
+
+function onDeleted(): void {
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', t('tasks_projects.time.deleted'))
+  tableRef.value?.refresh(true)
+  bumpTaskVersion()
+  emit('refresh')
+}
+
+async function remove(entry: TimeEntry): Promise<void> {
+  if (!window.confirm(t('tasks_projects.time.delete_confirm'))) {
+    return
+  }
+
+  try {
+    await deleteTimeEntry(props.client, entry.id)
+    props.notify('success', t('tasks_projects.time.deleted'))
+    tableRef.value?.refresh(true)
+    bumpTaskVersion()
+    emit('refresh')
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.delete_failed')))
+  }
+}
+</script>
+
+<template>
+  <div class="py-4">
+    <div class="flex justify-end">
+      <BaseButton variant="primary" @click="openCreate">
+        <template #left="slotProps">
+          <BaseIcon name="PlusIcon" :class="slotProps.class" />
+        </template>
+        {{ t('tasks_projects.project.time.add_entry') }}
+      </BaseButton>
+    </div>
+
+    <div class="relative mt-3 table-container">
+      <BaseTable ref="tableRef" :data="fetchEntries" :columns="columns">
+        <template #cell-started_at="{ row }">
+          {{ row.data.started_at ? formatDate(row.data.started_at) : '-' }}
+        </template>
+
+        <template #cell-user="{ row }">{{ memberName(row.data.user_id) }}</template>
+
+        <template #cell-task="{ row }">
+          <span class="font-medium text-heading">{{ taskName(row.data.task_id) }}</span>
+          <span v-if="row.data.description" class="block text-xs text-muted">
+            {{ row.data.description }}
+          </span>
+        </template>
+
+        <template #cell-duration_minutes="{ row }">
+          <span
+            class="tabular-nums"
+            :class="row.data.is_running ? 'font-medium text-primary-500' : ''"
+          >
+            {{ durationOf(row.data) }}
+          </span>
+        </template>
+
+        <template #cell-billable="{ row }">
+          <BaseIcon
+            v-if="row.data.billable"
+            name="CheckCircleIcon"
+            class="h-5 w-5 text-status-green"
+          />
+          <span v-else class="text-subtle">-</span>
+        </template>
+
+        <template #cell-amount="{ row }">
+          <BaseFormatMoney :amount="row.data.amount" />
+        </template>
+
+        <template #cell-actions="{ row }">
+          <span v-if="row.data.is_running" class="text-xs text-primary-500">
+            {{ t('tasks_projects.project.time.running') }}
+          </span>
+
+          <BaseDropdown v-else>
+            <template #activator>
+              <BaseIcon name="EllipsisHorizontalIcon" class="h-5 text-muted" />
+            </template>
+
+            <BaseDropdownItem @click="openEdit(row.data)">
+              <BaseIcon name="PencilIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.edit') }}
+            </BaseDropdownItem>
+
+            <BaseDropdownItem v-if="row.data.invoice_id === null" @click="remove(row.data)">
+              <BaseIcon name="TrashIcon" class="mr-3 h-5 w-5 text-subtle group-hover:text-muted" />
+              {{ t('tasks_projects.general.delete') }}
+            </BaseDropdownItem>
+          </BaseDropdown>
+        </template>
+      </BaseTable>
+    </div>
+
+    <TimeEntryModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :entry="editing"
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="onDeleted"
+    />
+  </div>
+</template>
diff --git a/resources/js/pages/tasks/TasksBoardView.vue b/resources/js/pages/tasks/TasksBoardView.vue
new file mode 100644
index 0000000..135d522
--- /dev/null
+++ b/resources/js/pages/tasks/TasksBoardView.vue
@@ -0,0 +1,404 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import Sortable from 'sortablejs'
+import type { SortableEvent } from 'sortablejs'
+import { fetchBoard, moveTask } from '@/api/board'
+import TaskCard from '@/components/TaskCard.vue'
+import TaskFormModal from '@/components/TaskFormModal.vue'
+import type { TaskDefaults } from '@/components/TaskFormModal.vue'
+import { ensureLoaded } from '@/stores/customers'
+import { session } from '@/stores/session'
+import { bumpTaskVersion, taskTime, taskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { idOf, isInvoicedFilter } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type { BoardColumn, BoardParams, SelectOption } from '@/types/board'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { Task } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  filters: TaskFilterState
+  statuses: TaskStatus[]
+  members: CompanyMember[]
+  projects: Project[]
+}>()
+
+const t = useTranslate()
+
+const columns = ref<BoardColumn[]>([])
+const loading = ref(true)
+const modalOpen = ref(false)
+const editing = ref<Task | null>(null)
+const defaults = ref<TaskDefaults>({})
+
+/**
+ * One Sortable per column, keyed by status id.
+ *
+ * The column element is keyed by the same id in the template, so an instance
+ * outlives every board refresh and is rebuilt only when its element really is
+ * a new one.
+ */
+const sortables = new Map<number, Sortable>()
+const columnElements = new Map<number, HTMLElement>()
+
+/**
+ * A drag ends with a click on the card that was dragged, which would open the
+ * form on top of the move. The flag is cleared a tick after the drop, once
+ * that click has been and gone.
+ */
+let dragging = false
+
+const projectOptions = computed<SelectOption[]>(() =>
+  props.projects.map((project) => ({ id: project.id, label: project.name })),
+)
+
+const isEmpty = computed(() => !loading.value && columns.value.length === 0)
+
+/**
+ * Whether anything was left out of the board on purpose.
+ *
+ * Hiding invoiced work is a setting rather than a filter, so the board says so
+ * once instead of leaving people to wonder where a card went.
+ */
+const hidesInvoiced = computed<boolean>(() => session.settings.hide_invoiced_on_board)
+
+/** The cards of one column, after the two client-side rules the board applies. */
+function cardsOf(column: BoardColumn): Task[] {
+  return (column.tasks ?? []).filter((task) => {
+    const state = taskTime(task).invoiced
+
+    if (hidesInvoiced.value && state === 'invoiced') {
+      return false
+    }
+
+    if (isInvoicedFilter(props.filters.status)) {
+      return props.filters.status === 'invoiced' ? state === 'invoiced' : state !== 'invoiced'
+    }
+
+    return true
+  })
+}
+
+// Only the two filters the endpoint takes; the rest are applied to the cards.
+watch(
+  () => `${props.filters.project}|${props.filters.user}`,
+  () => void load(),
+  { immediate: true },
+)
+
+watch(taskVersion, () => void load())
+
+onBeforeUnmount(() => {
+  for (const sortable of sortables.values()) {
+    sortable.destroy()
+  }
+
+  sortables.clear()
+  columnElements.clear()
+})
+
+async function load(): Promise<void> {
+  const params: BoardParams = {}
+  const projectId = idOf(props.filters.project)
+  const assigneeId = idOf(props.filters.user)
+
+  if (projectId !== null) {
+    params.project_id = projectId
+  }
+
+  if (assigneeId !== null) {
+    params.assignee_id = assigneeId
+  }
+
+  loading.value = true
+
+  try {
+    columns.value = await fetchBoard(props.client, params)
+
+    // Only a board that shows a contact is worth one lookup of the address book.
+    if (columns.value.some((column) => column.tasks.some((task) => task.customer_id !== null))) {
+      void ensureLoaded(props.client)
+    }
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.board.load_failed')))
+  } finally {
+    loading.value = false
+  }
+}
+
+/**
+ * Attach a Sortable to a column list, and let go of the one it replaces.
+ *
+ * Vue calls this on every render of the v-for, so the element is compared
+ * before anything is torn down.
+ */
+function setColumnRef(statusId: number, element: unknown): void {
+  const list = element instanceof HTMLElement ? element : null
+
+  if (columnElements.get(statusId) === list) {
+    return
+  }
+
+  sortables.get(statusId)?.destroy()
+  sortables.delete(statusId)
+  columnElements.delete(statusId)
+
+  if (list === null) {
+    return
+  }
+
+  columnElements.set(statusId, list)
+  sortables.set(
+    statusId,
+    Sortable.create(list, {
+      group: 'tasks',
+      animation: 150,
+      draggable: '[data-task-id]',
+      ghostClass: 'opacity-40',
+      onStart: (): void => {
+        dragging = true
+      },
+      onEnd: (event: SortableEvent): void => {
+        void onDrop(event)
+        setTimeout(() => {
+          dragging = false
+        })
+      },
+    }),
+  )
+}
+
+/**
+ * Put the dragged card back where it started.
+ *
+ * Sortable moves the node itself, which would leave Vue's list out of step
+ * with the DOM. Undoing the move first makes the model the only writer: the
+ * splices below re-render the card in its new home.
+ */
+function restoreDom(event: SortableEvent): void {
+  const item = event.item
+  const oldIndex = event.oldIndex ?? 0
+
+  item.parentNode?.removeChild(item)
+  event.from.insertBefore(item, event.from.children[oldIndex] ?? null)
+}
+
+function columnFor(statusId: number): BoardColumn | undefined {
+  return columns.value.find((column) => column.status.id === statusId)
+}
+
+async function onDrop(event: SortableEvent): Promise<void> {
+  const fromId = Number((event.from as HTMLElement).dataset.statusId)
+  const toId = Number((event.to as HTMLElement).dataset.statusId)
+  const oldIndex = event.oldIndex ?? 0
+  const newIndex = event.newIndex ?? 0
+
+  restoreDom(event)
+
+  if (Number.isNaN(fromId) || Number.isNaN(toId)) {
+    return
+  }
+
+  if (fromId === toId && oldIndex === newIndex) {
+    return
+  }
+
+  const from = columnFor(fromId)
+  const to = columnFor(toId)
+
+  if (!from || !to) {
+    return
+  }
+
+  // The drag reports positions in the rendered list, which leaves out the
+  // cards a setting or a filter is hiding, so every index is translated back
+  // to the column's own array before anything is moved.
+  const task = cardsOf(from)[oldIndex]
+  const fromIndex = task ? from.tasks.findIndex((record) => record.id === task.id) : -1
+
+  if (!task || fromIndex === -1) {
+    return
+  }
+
+  const previous = { from: [...from.tasks], to: [...to.tasks] }
+
+  from.tasks.splice(fromIndex, 1)
+
+  const visible = cardsOf(to)
+  const before = visible[newIndex - 1] ?? null
+  const after = visible[newIndex] ?? null
+  const target = before === null ? 0 : to.tasks.findIndex((record) => record.id === before.id) + 1
+
+  to.tasks.splice(target, 0, task)
+
+  try {
+    const moved = await moveTask(props.client, task.id, {
+      task_status_id: toId,
+      before_id: before?.id ?? null,
+      after_id: after?.id ?? null,
+    })
+
+    Object.assign(task, moved)
+
+    if (fromId !== toId) {
+      props.notify(
+        'success',
+        t('tasks_projects.board.moved', { name: task.name, status: to.status.name }),
+      )
+    }
+  } catch (error: unknown) {
+    from.tasks = previous.from
+    to.tasks = previous.to
+    props.notify('error', errorMessage(error, t('tasks_projects.board.move_failed')))
+  }
+}
+
+/** A new card, in the column its button sits in or in the default one. */
+function openCreate(status: TaskStatus | null): void {
+  const chosen = status ?? props.statuses.find((record) => record.is_default) ?? props.statuses[0]
+
+  editing.value = null
+  defaults.value = {
+    task_status_id: chosen?.id ?? null,
+    project_id: idOf(props.filters.project),
+  }
+  modalOpen.value = true
+}
+
+function openEdit(task: Task): void {
+  if (dragging) {
+    return
+  }
+
+  editing.value = task
+  defaults.value = {}
+  modalOpen.value = true
+}
+
+function onSaved(task: Task): void {
+  const message = editing.value
+    ? t('tasks_projects.tasks.updated', { name: task.name })
+    : t('tasks_projects.tasks.created', { name: task.name })
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  bumpTaskVersion()
+}
+
+function onDeleted(task: Task): void {
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', t('tasks_projects.tasks.deleted', { name: task.name }))
+  bumpTaskVersion()
+}
+
+defineExpose({ openCreate: () => openCreate(null) })
+</script>
+
+<template>
+  <section class="mt-4">
+    <p v-if="hidesInvoiced" class="mb-3 text-xs text-subtle">
+      {{ t('tasks_projects.board.hidden_invoiced') }}
+    </p>
+
+    <div v-if="loading && columns.length === 0" class="flex justify-center py-16">
+      <BaseSpinner class="h-8 w-8 text-primary-500" />
+    </div>
+
+    <BaseEmptyPlaceholder
+      v-else-if="isEmpty"
+      :title="t('tasks_projects.task_statuses.none')"
+      :description="t('tasks_projects.tasks.empty_description')"
+    >
+      <BaseIcon name="ViewColumnsIcon" class="mt-5 mb-4 h-16 w-16 text-subtle" />
+    </BaseEmptyPlaceholder>
+
+    <!-- A board with many statuses scrolls sideways, but the four a company
+         starts with have to fit the page: a column sliced by the right edge
+         reads as a broken screen rather than as something to scroll. -->
+    <div v-else class="flex items-start gap-4 overflow-x-auto pb-4">
+      <section
+        v-for="column in columns"
+        :key="column.status.id"
+        class="w-64 shrink-0 rounded-xl border border-line-default bg-surface-secondary"
+      >
+        <header class="flex items-center justify-between border-b border-line-light px-3 py-2.5">
+          <div class="flex items-center">
+            <span
+              class="mr-2 inline-block h-2.5 w-2.5 shrink-0 rounded-full"
+              :class="column.status.colour ? '' : 'bg-line-default'"
+              :style="column.status.colour ? { backgroundColor: column.status.colour } : undefined"
+            />
+            <h3 class="text-sm font-semibold text-heading">{{ column.status.name }}</h3>
+            <span class="ml-2 text-xs text-muted">{{ cardsOf(column).length }}</span>
+          </div>
+
+          <button
+            type="button"
+            class="rounded-md p-1 text-subtle hover:bg-hover hover:text-body"
+            :aria-label="t('tasks_projects.tasks.new_task')"
+            :title="t('tasks_projects.tasks.new_task')"
+            @click="openCreate(column.status)"
+          >
+            <BaseIcon name="PlusIcon" class="h-4 w-4" />
+          </button>
+        </header>
+
+        <div
+          :ref="(element) => setColumnRef(column.status.id, element)"
+          :data-status-id="column.status.id"
+          class="min-h-20 space-y-2 px-3 pt-3"
+        >
+          <TaskCard
+            v-for="task in cardsOf(column)"
+            :key="task.id"
+            :data-task-id="task.id"
+            :client="client"
+            :notify="notify"
+            :task="task"
+            :projects="projects"
+            :members="members"
+            @open="openEdit"
+          />
+        </div>
+
+        <p v-if="cardsOf(column).length === 0" class="px-3 pt-2 text-xs text-subtle">
+          {{ t('tasks_projects.board.empty_column') }}
+        </p>
+
+        <div class="px-3 pt-2 pb-3">
+          <button
+            type="button"
+            class="w-full rounded-md border border-dashed border-line-default py-1.5 text-xs text-muted hover:bg-hover hover:text-body"
+            @click="openCreate(column.status)"
+          >
+            + {{ t('tasks_projects.tasks.new_task') }}
+          </button>
+        </div>
+      </section>
+    </div>
+
+    <TaskFormModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :task="editing"
+      :statuses="statuses"
+      :members="members"
+      :projects="projectOptions"
+      :defaults="defaults"
+      :compact="editing === null"
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="onDeleted"
+    />
+  </section>
+</template>
diff --git a/resources/js/pages/tasks/TasksListView.vue b/resources/js/pages/tasks/TasksListView.vue
new file mode 100644
index 0000000..87f406f
--- /dev/null
+++ b/resources/js/pages/tasks/TasksListView.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import TaskList from '@/components/TaskList.vue'
+import type { TaskFilterState } from '@/support/filters'
+import type { Notify } from '@/support/page'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { TaskStatus } from '@/types/task-status'
+
+/**
+ * The List view of the Tasks screen.
+ *
+ * Everything it renders comes from the screen above: the pickers are loaded
+ * once there and handed to every view, so switching between List, Board and
+ * Week costs one request for the rows and none for the filters.
+ */
+defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  /** The host router, handed down so a row can invoice and navigate. */
+  router: Router
+  filters: TaskFilterState
+  statuses: TaskStatus[]
+  members: CompanyMember[]
+  projects: Project[]
+}>()
+
+const listRef = ref<{ openCreate: () => void } | null>(null)
+
+defineExpose({ openCreate: () => listRef.value?.openCreate() })
+</script>
+
+<template>
+  <TaskList
+    ref="listRef"
+    :client="client"
+    :notify="notify"
+    :router="router"
+    :filters="filters"
+    :statuses="statuses"
+    :members="members"
+    :projects="projects"
+  />
+</template>
diff --git a/resources/js/pages/tasks/TasksWeekView.vue b/resources/js/pages/tasks/TasksWeekView.vue
new file mode 100644
index 0000000..b555592
--- /dev/null
+++ b/resources/js/pages/tasks/TasksWeekView.vue
@@ -0,0 +1,201 @@
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { deleteTimeEntry, listTimeEntries } from '@/api/time'
+import AllTimeTable from '@/components/AllTimeTable.vue'
+import TimeEntryModal from '@/components/TimeEntryModal.vue'
+import WeekTimesheet from '@/components/WeekTimesheet.vue'
+import { refreshSession, session } from '@/stores/session'
+import { bumpTaskVersion, taskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { idOf } from '@/support/filters'
+import type { TaskFilterState } from '@/support/filters'
+import { useTranslate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import { formatLocalDate } from '@/support/time'
+import type { CompanyMember } from '@/types/member'
+import type { Project } from '@/types/project'
+import type { TaskStatus } from '@/types/task-status'
+import type { TimeEntry } from '@/types/time-entry'
+
+type TimeTab = 'MINE' | 'ALL'
+
+const props = defineProps<{
+  client: AxiosInstance
+  notify: Notify
+  filters: TaskFilterState
+  statuses: TaskStatus[]
+  members: CompanyMember[]
+  projects: Project[]
+}>()
+
+/** How many rows the "can I see other members" probe asks for. */
+const PROBE_LIMIT = 5
+
+const t = useTranslate()
+
+const tab = ref<TimeTab>('MINE')
+const canSeeAll = ref(false)
+const modalOpen = ref(false)
+const editing = ref<TimeEntry | null>(null)
+const modalDate = ref(formatLocalDate(new Date()))
+const reloadToken = ref(0)
+
+const weekStart = computed<number>(() => session.settings.week_start)
+
+const projectId = computed<number | null>(() => idOf(props.filters.project))
+
+/**
+ * Whose week the grid shows.
+ *
+ * The member filter is the Tasks screen's, shared by all three views, so
+ * picking a colleague here is the same gesture as narrowing the list to them.
+ * With nobody picked it is the caller's own week, which is what a timesheet is
+ * for.
+ */
+const userId = computed<number | null>(() => idOf(props.filters.user) ?? session.userId)
+
+onMounted(() => void load())
+
+// Stopping a timer writes an entry into whichever day it belongs to.
+watch(taskVersion, () => {
+  reloadToken.value += 1
+})
+
+async function load(): Promise<void> {
+  if (session.userId === null) {
+    await refreshSession(props.client)
+  }
+
+  canSeeAll.value = session.settings.members_see_all_time || (await seesOtherMembers())
+}
+
+/**
+ * Whether the "All time" tab is worth showing.
+ *
+ * The API narrows the list to the caller's own rows when they may not see more,
+ * so asking for a page without a `user_id` filter and finding someone else's
+ * entry is the honest answer. It needs no extra endpoint and cannot lie the
+ * other way: a tab is only offered when rows really do come back.
+ */
+async function seesOtherMembers(): Promise<boolean> {
+  try {
+    const response = await listTimeEntries(props.client, { limit: PROBE_LIMIT })
+
+    return (response.data ?? []).some((entry) => entry.user_id !== session.userId)
+  } catch {
+    return false
+  }
+}
+
+function openCreate(date?: string): void {
+  editing.value = null
+  modalDate.value = date ?? formatLocalDate(new Date())
+  modalOpen.value = true
+}
+
+function openEdit(entry: TimeEntry): void {
+  editing.value = entry
+  modalOpen.value = true
+}
+
+function onSaved(): void {
+  const message = editing.value
+    ? t('tasks_projects.time.updated')
+    : t('tasks_projects.time.created')
+
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', message)
+  reloadToken.value += 1
+  bumpTaskVersion()
+}
+
+function onDeleted(): void {
+  modalOpen.value = false
+  editing.value = null
+  props.notify('success', t('tasks_projects.time.deleted'))
+  reloadToken.value += 1
+  bumpTaskVersion()
+}
+
+async function removeEntry(entry: TimeEntry): Promise<void> {
+  if (!window.confirm(t('tasks_projects.time.delete_confirm'))) {
+    return
+  }
+
+  try {
+    await deleteTimeEntry(props.client, entry.id)
+    props.notify('success', t('tasks_projects.time.deleted'))
+    reloadToken.value += 1
+    bumpTaskVersion()
+  } catch (error: unknown) {
+    props.notify('error', errorMessage(error, t('tasks_projects.time.delete_failed')))
+  }
+}
+
+function tabClass(value: TimeTab): string {
+  return tab.value === value
+    ? 'border-primary-500 text-primary-500'
+    : 'border-transparent text-muted hover:border-line-strong hover:text-heading'
+}
+</script>
+
+<template>
+  <section>
+    <nav v-if="canSeeAll" class="mt-4 flex gap-6 border-b border-line-default">
+      <button
+        type="button"
+        class="-mb-px border-b-2 px-1 pb-3 text-sm font-medium"
+        :class="tabClass('MINE')"
+        @click="tab = 'MINE'"
+      >
+        {{ t('tasks_projects.time.my_time') }}
+      </button>
+
+      <button
+        type="button"
+        class="-mb-px border-b-2 px-1 pb-3 text-sm font-medium"
+        :class="tabClass('ALL')"
+        @click="tab = 'ALL'"
+      >
+        {{ t('tasks_projects.time.all_time') }}
+      </button>
+    </nav>
+
+    <WeekTimesheet
+      v-if="tab === 'MINE'"
+      :client="client"
+      :notify="notify"
+      :user-id="userId"
+      :project-id="projectId"
+      :week-start="weekStart"
+      :reload-token="reloadToken"
+      @add="openCreate"
+      @edit="openEdit"
+    />
+
+    <AllTimeTable
+      v-else
+      :client="client"
+      :notify="notify"
+      :members="members"
+      :member-id="idOf(filters.user)"
+      :project-id="projectId"
+      :reload-token="reloadToken"
+      @edit="openEdit"
+      @delete="removeEntry"
+    />
+
+    <TimeEntryModal
+      :show="modalOpen"
+      :client="client"
+      :notify="notify"
+      :entry="editing"
+      :default-date="modalDate"
+      @close="modalOpen = false"
+      @saved="onSaved"
+      @deleted="onDeleted"
+    />
+  </section>
+</template>
diff --git a/resources/js/registrations/billing.ts b/resources/js/registrations/billing.ts
new file mode 100644
index 0000000..0b1aa69
--- /dev/null
+++ b/resources/js/registrations/billing.ts
@@ -0,0 +1,52 @@
+import { defineComponent, h } from 'vue'
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+import InvoiceNumberModal from '@/components/InvoiceNumberModal.vue'
+import { billingMessages } from '@/messages/billing'
+import UnbilledTimePage from '@/pages/UnbilledTimePage.vue'
+import { resetInvoicing } from '@/stores/invoicing'
+import { MODULE, injectedPage } from '@/support/page'
+
+/**
+ * What invoicing contributes to the host.
+ *
+ * Invoicing itself has no screen: it is an action on a task row, a bulk bar, a
+ * task page and a project header, and `support/invoicing.ts` is the whole of
+ * it. Two things still have to be mounted somewhere, so they are mounted here:
+ *
+ * - The unbilled time page, for the month-end question the task screens cannot
+ *   answer. It keeps the `billing` id and path the wizard had, so a bookmark
+ *   and the module's own registered ability both still resolve.
+ * - The invoice number dialog, once, in the company layout. The sequence can
+ *   run from any screen, and none of them should carry a dialog for a question
+ *   only a hand-numbering company is ever asked.
+ *
+ * Registered from here rather than from `init.ts` so that a slice of the
+ * module owns one file: adding a screen never means editing the lines another
+ * slice is editing.
+ */
+export function registerBillingPages(extensions: InvoiceShelfExtensionApi): void {
+  extensions.addMessages(billingMessages)
+
+  extensions.registerPage({
+    id: 'billing',
+    module: MODULE,
+    path: 'billing',
+    component: injectedPage(extensions, UnbilledTimePage),
+    meta: {
+      ability: `${MODULE}:invoice-tasks`,
+      title: 'tasks_projects.billing.title',
+    },
+  })
+
+  extensions.registerCompanyLayoutOverlay({
+    id: `${MODULE}.invoice-number`,
+    component: defineComponent({
+      setup: () => () => h(InvoiceNumberModal),
+    }),
+  })
+
+  // A half-finished invoice and a refused ability both belong to one company.
+  extensions.on('company:changing', () => {
+    resetInvoicing()
+  })
+}
diff --git a/resources/js/registrations/projects.ts b/resources/js/registrations/projects.ts
new file mode 100644
index 0000000..9c44207
--- /dev/null
+++ b/resources/js/registrations/projects.ts
@@ -0,0 +1,93 @@
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+import { projectMessages } from '@/messages/projects'
+import ProjectDetailPage from '@/pages/ProjectDetailPage.vue'
+import ProjectsIndexPage from '@/pages/ProjectsIndexPage.vue'
+import ProjectMembersTab from '@/pages/project/ProjectMembersTab.vue'
+import ProjectOverviewTab from '@/pages/project/ProjectOverviewTab.vue'
+import ProjectTasksTab from '@/pages/project/ProjectTasksTab.vue'
+import ProjectTimeTab from '@/pages/project/ProjectTimeTab.vue'
+import { MODULE, injectedPage } from '@/support/page'
+
+const ability = {
+  viewProject: `${MODULE}:view-project`,
+  editProject: `${MODULE}:edit-project`,
+  viewTask: `${MODULE}:view-task`,
+  viewOwnTime: `${MODULE}:view-own-time`,
+} as const
+
+/**
+ * The project index and one project's detail tabs.
+ *
+ * Projects sits beside Tasks rather than above it: a project groups work,
+ * bills it and holds a budget, but the day's question is "what am I doing",
+ * which is a task. So the index moved off the module root and onto its own
+ * path, and the sidebar carries both.
+ *
+ * Registered from here rather than from `init.ts` so that a slice of the
+ * module owns one file: adding a screen never means editing the same lines
+ * another slice is editing. The strings come along for the ride, because the
+ * host merges message bundles recursively.
+ */
+export function registerProjectPages(extensions: InvoiceShelfExtensionApi): void {
+  extensions.addMessages(projectMessages)
+
+  extensions.registerPage({
+    id: 'projects',
+    module: MODULE,
+    path: 'projects',
+    component: injectedPage(extensions, ProjectsIndexPage),
+    meta: {
+      ability: ability.viewProject,
+      title: 'tasks_projects.projects.title',
+    },
+  })
+
+  extensions.registerPage({
+    id: 'project',
+    module: MODULE,
+    path: 'projects/:id',
+    component: injectedPage(extensions, ProjectDetailPage),
+    meta: {
+      ability: ability.viewProject,
+      title: 'tasks_projects.projects.title',
+    },
+    children: [
+      {
+        id: 'overview',
+        path: '',
+        component: injectedPage(extensions, ProjectOverviewTab),
+        meta: {
+          ability: ability.viewProject,
+          title: 'tasks_projects.project.tabs.overview',
+        },
+      },
+      {
+        id: 'tasks',
+        path: 'tasks',
+        component: injectedPage(extensions, ProjectTasksTab),
+        meta: {
+          ability: ability.viewTask,
+          title: 'tasks_projects.project.tabs.tasks',
+        },
+      },
+      {
+        id: 'time',
+        path: 'time',
+        component: injectedPage(extensions, ProjectTimeTab),
+        meta: {
+          ability: ability.viewOwnTime,
+          title: 'tasks_projects.project.tabs.time',
+        },
+      },
+      {
+        id: 'members',
+        path: 'members',
+        component: injectedPage(extensions, ProjectMembersTab),
+        meta: {
+          ability: ability.editProject,
+          title: 'tasks_projects.project.tabs.members',
+        },
+      },
+    ],
+  })
+}
diff --git a/resources/js/registrations/reports.ts b/resources/js/registrations/reports.ts
new file mode 100644
index 0000000..9b076be
--- /dev/null
+++ b/resources/js/registrations/reports.ts
@@ -0,0 +1,39 @@
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+import { reportMessages } from '@/messages/reports'
+import ReportsPage from '@/pages/ReportsPage.vue'
+import { resetCustomers } from '@/stores/customers'
+import { injectedPage } from '@/support/page'
+
+const MODULE = 'tasks-projects'
+
+/**
+ * The reports page, and the one piece of lifecycle it owns.
+ *
+ * Registered from here rather than from `init.ts` so that a slice of the
+ * module owns one file: adding a screen never means editing the same lines
+ * another slice is editing. The strings come along for the ride, because the
+ * host merges message bundles recursively.
+ *
+ * The page asks only for `view-own-time`. A caller without `view-all-time`
+ * still gets a report; the endpoint narrows it to their own time rather than
+ * refusing them, so gating on the wider ability would hide a screen that works.
+ */
+export function registerReportPages(extensions: InvoiceShelfExtensionApi): void {
+  extensions.addMessages(reportMessages)
+
+  extensions.registerPage({
+    id: 'reports',
+    module: MODULE,
+    path: 'reports',
+    component: injectedPage(extensions, ReportsPage),
+    meta: {
+      ability: `${MODULE}:view-own-time`,
+      title: 'tasks_projects.reports.title',
+    },
+  })
+
+  // Contact ids belong to one company, so the map goes with the company.
+  extensions.on('company:changing', () => {
+    resetCustomers()
+  })
+}
diff --git a/resources/js/registrations/tasks.ts b/resources/js/registrations/tasks.ts
new file mode 100644
index 0000000..9438595
--- /dev/null
+++ b/resources/js/registrations/tasks.ts
@@ -0,0 +1,113 @@
+import { defineComponent, onMounted } from 'vue'
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+import { taskMessages } from '@/messages/tasks'
+import TaskPage from '@/pages/TaskPage.vue'
+import TasksPage from '@/pages/TasksPage.vue'
+import TasksBoardView from '@/pages/tasks/TasksBoardView.vue'
+import TasksListView from '@/pages/tasks/TasksListView.vue'
+import TasksWeekView from '@/pages/tasks/TasksWeekView.vue'
+import { MODULE, PATHS, injectedPage } from '@/support/page'
+
+const ability = {
+  viewTask: `${MODULE}:view-task`,
+  viewOwnTime: `${MODULE}:view-own-time`,
+} as const
+
+/**
+ * The Tasks screen, its three views and one task's own page.
+ *
+ * Tasks is the module root: it is the screen people open to see what there is
+ * to do, and List, Board and Week are three ways of reading the same filtered
+ * set rather than three destinations. They are children of one route so the
+ * header, the filters and the pickers are loaded once and a view switch costs
+ * one request.
+ *
+ * Registered from here rather than from `init.ts` so that a slice of the
+ * module owns one file: adding a screen never means editing the same lines
+ * another slice is editing. The strings come along for the ride, because the
+ * host merges message bundles recursively.
+ */
+export function registerTaskPages(extensions: InvoiceShelfExtensionApi): void {
+  extensions.addMessages(taskMessages)
+
+  extensions.registerPage({
+    id: 'tasks',
+    module: MODULE,
+    path: '',
+    component: injectedPage(extensions, TasksPage),
+    meta: {
+      ability: ability.viewTask,
+      title: 'tasks_projects.tasks.title',
+    },
+    children: [
+      {
+        id: 'list',
+        path: '',
+        component: injectedPage(extensions, TasksListView),
+        meta: {
+          ability: ability.viewTask,
+          title: 'tasks_projects.tasks.views.list',
+        },
+      },
+      {
+        id: 'board',
+        path: 'board',
+        component: injectedPage(extensions, TasksBoardView),
+        meta: {
+          ability: ability.viewTask,
+          title: 'tasks_projects.board.title',
+        },
+      },
+      {
+        id: 'week',
+        path: 'week',
+        component: injectedPage(extensions, TasksWeekView),
+        meta: {
+          ability: ability.viewOwnTime,
+          title: 'tasks_projects.time.title',
+        },
+      },
+    ],
+  })
+
+  extensions.registerPage({
+    id: 'task',
+    module: MODULE,
+    path: 'tasks/:id',
+    component: injectedPage(extensions, TaskPage),
+    meta: {
+      ability: ability.viewTask,
+      title: 'tasks_projects.tasks.title',
+    },
+  })
+
+  extensions.registerPage({
+    id: 'time',
+    module: MODULE,
+    path: 'time',
+    component: timeRedirect(extensions),
+    meta: {
+      ability: ability.viewOwnTime,
+      title: 'tasks_projects.time.title',
+    },
+  })
+}
+
+/**
+ * The old Time page, kept as a forward for one release.
+ *
+ * The timesheet is the Week view of Tasks now. Bookmarks, the release notes
+ * and anything that linked to `/time` keep working rather than landing on a
+ * "page not found" the host would blame the module for.
+ */
+function timeRedirect(extensions: InvoiceShelfExtensionApi): ReturnType<typeof defineComponent> {
+  return defineComponent({
+    setup: () => {
+      onMounted(() => {
+        void extensions.router.replace(PATHS.week)
+      })
+
+      return () => null
+    },
+  })
+}
diff --git a/resources/js/registrations/time.ts b/resources/js/registrations/time.ts
new file mode 100644
index 0000000..ef7cc5f
--- /dev/null
+++ b/resources/js/registrations/time.ts
@@ -0,0 +1,146 @@
+import { defineComponent, h } from 'vue'
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+import QuickStartOverlay from '@/components/QuickStartOverlay.vue'
+import StartTimerModal from '@/components/StartTimerModal.vue'
+import StopTimerModal from '@/components/StopTimerModal.vue'
+import TimerChip from '@/components/TimerChip.vue'
+import { timeMessages } from '@/messages/time'
+import TimeSettingsPage from '@/pages/TimeSettingsPage.vue'
+import { refreshSession, resetSession, session, setAdminMode } from '@/stores/session'
+import { resetTaskNames } from '@/stores/tasks'
+import { timerStore } from '@/stores/timer'
+import { MODULE, PATHS, injectedPage } from '@/support/page'
+import type { NotifyType } from '@/support/page'
+
+/**
+ * What the time-tracking slice contributes to the host.
+ *
+ * The timesheet itself is the Week view of the Tasks screen now, so this file
+ * keeps what has no screen of its own: the header chip, the quick-start
+ * launcher, the two timer dialogs, the settings page and the lifecycle wiring.
+ *
+ * The dialogs are mounted once here rather than by each control that opens
+ * one, because a timer is started and stopped from a header, a launcher, a
+ * row, a card, a task page and a time log, and the question each of them asks
+ * is the same one. Unlike the launcher they are not hidden on any path: a
+ * clock running while someone is in the settings still has to be stoppable.
+ *
+ * Nothing in this function talks to the network. Pinia is not installed when
+ * the boot callback runs, so the first read waits for `bootstrap:completed`,
+ * and every later company switch clears the previous company's answers before
+ * asking again.
+ */
+export function registerTimeTracking(extensions: InvoiceShelfExtensionApi): void {
+  extensions.addMessages(timeMessages)
+
+  const notify = (type: NotifyType, message: string): void => {
+    extensions.notify(type, message)
+  }
+
+  /**
+   * The chip leads to the work, not to the timesheet.
+   *
+   * What someone wants when they look at a running clock is the thing it is
+   * running on: the task, its time log and the stop button beside them. The
+   * week grid is one click further, on the same screen's Week view.
+   */
+  const openRunningTask = (): void => {
+    const taskId = timerStore.runningTaskId
+
+    void extensions.router.push(taskId === null ? PATHS.week : PATHS.task(taskId))
+  }
+
+  extensions.registerHeaderAction({
+    id: `${MODULE}.timer-chip`,
+    priority: 30,
+    visible: (): boolean => timerStore.running !== null,
+    component: defineComponent({
+      setup: () => () =>
+        h(TimerChip, {
+          client: extensions.client,
+          notify,
+          onOpen: openRunningTask,
+        }),
+    }),
+  })
+
+  extensions.registerCompanyLayoutOverlay({
+    id: `${MODULE}.quick-start`,
+    component: defineComponent({
+      setup: () => () =>
+        h(QuickStartOverlay, {
+          // A company switch starts the launcher clean rather than carrying
+          // the panel of the workspace the user just left, and it remounts the
+          // component so the AI assistant's launcher is looked for again on
+          // the new company's layout.
+          key: session.companySession,
+          client: extensions.client,
+          notify,
+          enabled: !session.adminMode,
+          router: extensions.router,
+          onOpenTask: openRunningTask,
+        }),
+    }),
+  })
+
+  extensions.registerCompanyLayoutOverlay({
+    id: `${MODULE}.stop-timer`,
+    component: defineComponent({
+      setup: () => () => h(StopTimerModal, { key: session.companySession }),
+    }),
+  })
+
+  extensions.registerCompanyLayoutOverlay({
+    id: `${MODULE}.start-timer`,
+    component: defineComponent({
+      setup: () => () =>
+        h(StartTimerModal, {
+          key: session.companySession,
+          client: extensions.client,
+          notify,
+        }),
+    }),
+  })
+
+  extensions.registerCompanySettingsPage({
+    id: `${MODULE}.settings`,
+    title: 'tasks_projects.settings.title',
+    icon: 'ClockIcon',
+    path: MODULE,
+    priority: 70,
+    component: injectedPage(extensions, TimeSettingsPage),
+  })
+
+  extensions.on('bootstrap:completed', ({ adminMode }) => {
+    void enter(extensions, adminMode)
+  })
+
+  extensions.on('company:changing', () => {
+    leave()
+  })
+
+  extensions.on('company:changed', ({ companyId }) => {
+    void enter(extensions, companyId === null)
+  })
+}
+
+/** Read the company's settings and the caller's running timer. */
+async function enter(extensions: InvoiceShelfExtensionApi, adminMode: boolean): Promise<void> {
+  setAdminMode(adminMode)
+
+  if (adminMode) {
+    leave()
+
+    return
+  }
+
+  await refreshSession(extensions.client)
+  await timerStore.refresh(extensions.client)
+}
+
+/** Forget the previous company: its timer, its task names and its settings. */
+function leave(): void {
+  timerStore.reset()
+  resetTaskNames()
+  resetSession()
+}
diff --git a/resources/js/stores/customers.ts b/resources/js/stores/customers.ts
new file mode 100644
index 0000000..34b7c59
--- /dev/null
+++ b/resources/js/stores/customers.ts
@@ -0,0 +1,108 @@
+import { reactive } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { listCustomers } from '@/api'
+import type { Customer } from '@/types/api'
+
+/**
+ * A display name for every contact id the module renders.
+ *
+ * Projects, tasks and time all carry a bare `customer_id`, so the lists would
+ * otherwise read `#42`. The names come from one host request per company
+ * session, kept here where the projects table, the board and the reports page
+ * all reach them.
+ *
+ * Everything degrades rather than throws: reading contacts needs a host
+ * ability the caller may not have, and a contact deleted since keeps its id as
+ * its label rather than blanking the row.
+ */
+
+/**
+ * How many contacts one lookup asks the host for.
+ *
+ * The map exists to label ids the module already holds, not to browse the
+ * address book, so it is deliberately capped: a company with more contacts
+ * than this still gets names for most rows, and anything past the cap falls
+ * back to `#id`. Forms keep their search-based picker, which is not capped and
+ * is the right tool for choosing a contact.
+ */
+export const CUSTOMER_LIMIT = 200
+
+const names = reactive<Record<number, string>>({})
+
+let loaded = false
+let inFlight: Promise<void> | null = null
+
+/** The cached name, or a stable `#id` placeholder to render meanwhile. */
+export function customerName(id: number | null): string {
+  if (id === null) {
+    return ''
+  }
+
+  return names[id] ?? `#${id}`
+}
+
+/** Whether a name for this id has arrived, for a caller that hides the rest. */
+export function hasCustomerName(id: number | null): boolean {
+  return id !== null && names[id] !== undefined
+}
+
+/**
+ * Read the company's contacts, once.
+ *
+ * Several views ask on the same page, so the first call owns the request and
+ * the rest wait on it. A failed read leaves the map empty and unlatched, so
+ * the next view to need a name tries again.
+ */
+export async function ensureLoaded(client: AxiosInstance): Promise<void> {
+  if (loaded) {
+    return
+  }
+
+  inFlight ??= load(client)
+
+  await inFlight
+}
+
+/** Forget the previous company's contacts: ids belong to one company. */
+export function resetCustomers(): void {
+  for (const key of Object.keys(names)) {
+    delete names[Number(key)]
+  }
+
+  loaded = false
+  inFlight = null
+}
+
+async function load(client: AxiosInstance): Promise<void> {
+  try {
+    for (const customer of await listCustomers(client, CUSTOMER_LIMIT)) {
+      const id = customer?.id
+
+      if (typeof id === 'number') {
+        names[id] = labelFor(customer)
+      }
+    }
+
+    loaded = true
+  } catch {
+    // The caller may not read contacts; the ids stay as their own labels.
+  } finally {
+    inFlight = null
+  }
+}
+
+/**
+ * What a contact is called, checked rather than trusted: this is host data
+ * crossing a module boundary, and `display_name` is not on every host version.
+ */
+function labelFor(customer: Customer): string {
+  const display = typeof customer.display_name === 'string' ? customer.display_name.trim() : ''
+
+  if (display !== '') {
+    return display
+  }
+
+  const name = typeof customer.name === 'string' ? customer.name.trim() : ''
+
+  return name !== '' ? name : `#${customer.id}`
+}
diff --git a/resources/js/stores/invoicing.ts b/resources/js/stores/invoicing.ts
new file mode 100644
index 0000000..ca09d66
--- /dev/null
+++ b/resources/js/stores/invoicing.ts
@@ -0,0 +1,118 @@
+import { reactive } from 'vue'
+import type { ConfirmItem } from '@/types/billing'
+
+/**
+ * What the invoicing sequence has in flight, shared by every screen that can
+ * start one.
+ *
+ * A module bundle has no Pinia, so this is a plain reactive singleton. Three
+ * facts live here rather than in a component, because all three outlive the
+ * screen that caused them:
+ *
+ * - `busy` is one lock for the whole module. Invoicing is four requests long,
+ *   and a second click on another row while the first is still running would
+ *   race the same time entries onto two invoices.
+ * - `pending` is an invoice the host created whose entries were not stamped.
+ *   It is the one state the user has to resolve, because the invoice exists
+ *   and the time still reads as unbilled, so it is kept until the retry works
+ *   rather than lost with the page.
+ * - `allowed` is what a 403 taught us. The module settings endpoint does not
+ *   say whether the caller may invoice, so the first refusal does, and the
+ *   actions stop offering themselves for the rest of the session.
+ */
+
+/** An invoice that exists, with the stamp that did not land on its entries. */
+export interface PendingStamp {
+  invoiceId: number
+  /** For the banner, so it names the invoice the user is looking at. */
+  invoiceNumber: string
+  items: ConfirmItem[]
+}
+
+/** A number the sequence is waiting for the user to type. */
+interface NumberPrompt {
+  suggested: string
+  resolve: (value: string | null) => void
+}
+
+interface InvoicingState {
+  /** True while a prepare-create-confirm sequence is running. */
+  busy: boolean
+  pending: PendingStamp | null
+  /** False once the server has refused the ability once. */
+  allowed: boolean
+  prompt: NumberPrompt | null
+}
+
+export const invoicingStore = reactive<InvoicingState>({
+  busy: false,
+  pending: null,
+  allowed: true,
+  prompt: null,
+})
+
+/** Take the module-wide lock, or say that someone else holds it. */
+export function lockInvoicing(): boolean {
+  if (invoicingStore.busy) {
+    return false
+  }
+
+  invoicingStore.busy = true
+
+  return true
+}
+
+export function unlockInvoicing(): void {
+  invoicingStore.busy = false
+}
+
+/** Remember an invoice whose entries are still unstamped. */
+export function holdStamp(pending: PendingStamp): void {
+  invoicingStore.pending = pending
+}
+
+export function clearStamp(): void {
+  invoicingStore.pending = null
+}
+
+/** The server refused the ability, so stop offering the action. */
+export function denyInvoicing(): void {
+  invoicingStore.allowed = false
+}
+
+/**
+ * Ask the user for the invoice number and wait for the answer.
+ *
+ * The modal that answers is mounted once in the company layout rather than by
+ * every screen that can invoice, so the sequence can ask from anywhere without
+ * each caller carrying a dialog of its own. A second ask while one is open
+ * cancels the first, which cannot happen while `busy` holds but keeps the
+ * promise from being dropped if it ever did.
+ */
+export function askInvoiceNumber(suggested: string): Promise<string | null> {
+  answerInvoiceNumber(null)
+
+  return new Promise<string | null>((resolve) => {
+    invoicingStore.prompt = { suggested, resolve }
+  })
+}
+
+/** Hand the sequence the number, or null when the user backed out. */
+export function answerInvoiceNumber(value: string | null): void {
+  const prompt = invoicingStore.prompt
+
+  if (prompt === null) {
+    return
+  }
+
+  invoicingStore.prompt = null
+  prompt.resolve(value)
+}
+
+/** Forget the previous company: invoices and abilities belong to one. */
+export function resetInvoicing(): void {
+  answerInvoiceNumber(null)
+  invoicingStore.busy = false
+  invoicingStore.pending = null
+  invoicingStore.allowed = true
+}
diff --git a/resources/js/stores/session.ts b/resources/js/stores/session.ts
new file mode 100644
index 0000000..4705614
--- /dev/null
+++ b/resources/js/stores/session.ts
@@ -0,0 +1,158 @@
+import { reactive } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { fetchCurrentUserId, fetchTimeSettings } from '@/api/time'
+import type { ModuleSettings, RoundingDirection } from '@/types/settings'
+
+/**
+ * What the time screens need to know about the current session.
+ *
+ * A module bundle runs on the host's Vue instance but not on its Pinia, so it
+ * cannot read the user or company stores. The two facts the timesheet cannot
+ * work without, the signed-in user's id and the company's module settings, are
+ * fetched once per company and kept here, where the page, the overlay and the
+ * settings editor all reach them.
+ *
+ * Everything degrades rather than throws: a member who may not read the module
+ * settings still gets the defaults, and a missing user id only means the "My
+ * time" view asks the caller to reload.
+ */
+
+export const DEFAULT_SETTINGS: ModuleSettings = {
+  default_rate: 0,
+  rounding_minutes: 1,
+  rounding_direction: 'nearest',
+  week_start: 1,
+  members_see_all_time: false,
+  auto_start_tasks: false,
+  lock_invoiced_tasks: false,
+  hide_invoiced_on_board: false,
+  invoice_project_heading: false,
+  invoice_task_description: true,
+  invoice_entry_dates: true,
+  invoice_entry_times: false,
+  invoice_entry_hours: true,
+  invoice_entry_descriptions: false,
+  rounding_increments: [1, 5, 6, 15, 30, 60],
+}
+
+interface SessionState {
+  /** True while the shell is in platform administration, where no company is active. */
+  adminMode: boolean
+  userId: number | null
+  settings: ModuleSettings
+  /** Bumped on every company change so views can key off it and start clean. */
+  companySession: number
+  loading: boolean
+}
+
+export const session = reactive<SessionState>({
+  adminMode: false,
+  userId: null,
+  settings: { ...DEFAULT_SETTINGS },
+  companySession: 0,
+  loading: false,
+})
+
+/** Read the user id and the company settings for the active company. */
+export async function refreshSession(client: AxiosInstance): Promise<void> {
+  if (session.adminMode) {
+    return
+  }
+
+  session.loading = true
+
+  const [userId, settings] = await Promise.all([
+    fetchCurrentUserId(client).catch((): null => null),
+    fetchTimeSettings(client).catch((): null => null),
+  ])
+
+  session.userId = userId
+  session.settings = normaliseSettings(settings)
+  session.loading = false
+}
+
+/** Forget the previous company's answers before the next one loads. */
+export function resetSession(): void {
+  session.userId = null
+  session.settings = { ...DEFAULT_SETTINGS }
+  session.companySession += 1
+  session.loading = false
+}
+
+export function setAdminMode(adminMode: boolean): void {
+  session.adminMode = adminMode
+}
+
+/**
+ * Settings as the module promises them, whatever the endpoint answered.
+ *
+ * The payload is host data crossing a module boundary, so every field is
+ * checked rather than trusted: a missing settings endpoint, an older module
+ * version or a 403 all end up as the documented defaults.
+ */
+function normaliseSettings(settings: ModuleSettings | null): ModuleSettings {
+  if (settings === null || typeof settings !== 'object') {
+    return { ...DEFAULT_SETTINGS }
+  }
+
+  const increments = Array.isArray(settings.rounding_increments)
+    ? settings.rounding_increments.filter((value): value is number => typeof value === 'number')
+    : DEFAULT_SETTINGS.rounding_increments
+
+  return {
+    default_rate: numberOr(settings.default_rate, DEFAULT_SETTINGS.default_rate),
+    rounding_minutes: numberOr(settings.rounding_minutes, DEFAULT_SETTINGS.rounding_minutes),
+    rounding_direction: directionOr(settings.rounding_direction),
+    week_start: weekStartOr(settings.week_start),
+    members_see_all_time: settings.members_see_all_time === true,
+    auto_start_tasks: flagOr(settings.auto_start_tasks, DEFAULT_SETTINGS.auto_start_tasks),
+    lock_invoiced_tasks: flagOr(settings.lock_invoiced_tasks, DEFAULT_SETTINGS.lock_invoiced_tasks),
+    hide_invoiced_on_board: flagOr(
+      settings.hide_invoiced_on_board,
+      DEFAULT_SETTINGS.hide_invoiced_on_board,
+    ),
+    invoice_project_heading: flagOr(
+      settings.invoice_project_heading,
+      DEFAULT_SETTINGS.invoice_project_heading,
+    ),
+    invoice_task_description: flagOr(
+      settings.invoice_task_description,
+      DEFAULT_SETTINGS.invoice_task_description,
+    ),
+    invoice_entry_dates: flagOr(settings.invoice_entry_dates, DEFAULT_SETTINGS.invoice_entry_dates),
+    invoice_entry_times: flagOr(settings.invoice_entry_times, DEFAULT_SETTINGS.invoice_entry_times),
+    invoice_entry_hours: flagOr(settings.invoice_entry_hours, DEFAULT_SETTINGS.invoice_entry_hours),
+    invoice_entry_descriptions: flagOr(
+      settings.invoice_entry_descriptions,
+      DEFAULT_SETTINGS.invoice_entry_descriptions,
+    ),
+    rounding_increments: increments.length > 0 ? increments : DEFAULT_SETTINGS.rounding_increments,
+  }
+}
+
+function numberOr(value: unknown, fallback: number): number {
+  return typeof value === 'number' && Number.isFinite(value) ? value : fallback
+}
+
+/**
+ * A toggle the server sent, or the documented default.
+ *
+ * An older server omits these keys entirely, which is not the same answer as
+ * "off": a missing `invoice_task_description` still means the description is
+ * written, because that is what the module promises when nobody has chosen.
+ */
+function flagOr(value: unknown, fallback: boolean): boolean {
+  return typeof value === 'boolean' ? value : fallback
+}
+
+function directionOr(value: unknown): RoundingDirection {
+  return value === 'up' || value === 'down' || value === 'nearest'
+    ? value
+    : DEFAULT_SETTINGS.rounding_direction
+}
+
+function weekStartOr(value: unknown): number {
+  return typeof value === 'number' && Number.isInteger(value) && value >= 0 && value <= 6
+    ? value
+    : DEFAULT_SETTINGS.week_start
+}
diff --git a/resources/js/stores/tasks.ts b/resources/js/stores/tasks.ts
new file mode 100644
index 0000000..d68f4cf
--- /dev/null
+++ b/resources/js/stores/tasks.ts
@@ -0,0 +1,152 @@
+import { reactive, ref } from 'vue'
+import type { Ref } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { fetchTask } from '@/api/time'
+import type { Task, TaskTime } from '@/types/task'
+import type { TaskSummary } from '@/types/task-summary'
+
+/**
+ * A name for every task id the time screens display.
+ *
+ * `TimeEntryResource` carries `task_id` and nothing else, so a timesheet row,
+ * the header chip and the entry editor would all show a bare number. The cache
+ * fills in the names, once per task per company session, and a task that
+ * cannot be read keeps its id as the label rather than blanking the row.
+ */
+
+const names = reactive<Record<number, string>>({})
+const pending = new Set<number>()
+
+/** How many name lookups may be in flight at once. */
+const BATCH_SIZE = 5
+
+/**
+ * What a task's time block says when the server did not send one.
+ *
+ * Every reader goes through `taskTime()`, so a row from an older server still
+ * renders: it just reports nothing logged rather than blanking the column.
+ */
+const EMPTY_TIME: TaskTime = {
+  logged_minutes: 0,
+  billable_minutes: 0,
+  unbilled_minutes: 0,
+  unbilled_amount: 0,
+  invoiced: 'none',
+  running: [],
+}
+
+/**
+ * How many writes have happened, for the lists and boards to watch.
+ *
+ * A task written on one screen changes what another shows: starting a clock on
+ * the task page changes the row on the list behind it, and a bulk status
+ * change moves cards on the board. Rather than wiring every screen to every
+ * other, each one watches this counter and refetches.
+ */
+const version = ref(0)
+
+/**
+ * Time blocks a screen has written ahead of the server's answer.
+ *
+ * Pressing play has to look instant, but the row the button sits in came from
+ * a list request that will not be repeated for a second or two. The override
+ * is merged over whatever the payload carried and is dropped when the fresh
+ * answer arrives.
+ */
+const timePatches = reactive<Record<number, Partial<TaskTime>>>({})
+
+/** The cached name, or a stable `#id` placeholder to render meanwhile. */
+export function taskLabel(id: number | null): string {
+  if (id === null) {
+    return ''
+  }
+
+  return names[id] ?? `#${id}`
+}
+
+/** Remember a task the caller already holds, so no lookup is needed. */
+export function rememberTask(task: TaskSummary | Task | null | undefined): void {
+  if (task && typeof task.id === 'number' && typeof task.name === 'string') {
+    names[task.id] = task.name
+  }
+}
+
+/**
+ * Make sure every id given has a name, fetching the ones that do not.
+ *
+ * Failures are swallowed on purpose: a missing name is cosmetic, and the
+ * timesheet must render even when one task has been deleted under it.
+ */
+export async function ensureTaskNames(client: AxiosInstance, ids: number[]): Promise<void> {
+  const wanted = [...new Set(ids)].filter(
+    (id) => typeof id === 'number' && names[id] === undefined && !pending.has(id),
+  )
+
+  for (const id of wanted) {
+    pending.add(id)
+  }
+
+  for (let index = 0; index < wanted.length; index += BATCH_SIZE) {
+    await Promise.all(
+      wanted.slice(index, index + BATCH_SIZE).map(async (id) => {
+        try {
+          rememberTask(await fetchTask(client, id))
+        } catch {
+          // A task that cannot be read keeps its id as its label.
+        } finally {
+          pending.delete(id)
+        }
+      }),
+    )
+  }
+}
+
+/** The counter every list and board watches to know a refetch is due. */
+export const taskVersion: Ref<number> = version
+
+/** Say that a task was written, so every open list and board reloads. */
+export function bumpTaskVersion(): void {
+  version.value += 1
+}
+
+/** Show a task's time as something else until the server confirms it. */
+export function patchTime(taskId: number, partial: Partial<TaskTime>): void {
+  timePatches[taskId] = { ...(timePatches[taskId] ?? {}), ...partial }
+}
+
+/** Forget one optimistic patch, because a fresh payload has replaced it. */
+export function clearTimePatch(taskId: number): void {
+  delete timePatches[taskId]
+}
+
+/**
+ * A task's time summary: what the payload carried, under what a screen has
+ * written optimistically, over the empty summary an older server implies.
+ */
+export function taskTime(task: Pick<Task, 'id' | 'time'> | null | undefined): TaskTime {
+  if (!task || typeof task.id !== 'number') {
+    return EMPTY_TIME
+  }
+
+  const sent = task.time ?? EMPTY_TIME
+
+  return {
+    ...EMPTY_TIME,
+    ...sent,
+    running: Array.isArray(sent.running) ? sent.running : [],
+    ...(timePatches[task.id] ?? {}),
+  }
+}
+
+/** Drop everything: task ids belong to one company. */
+export function resetTaskNames(): void {
+  for (const key of Object.keys(names)) {
+    delete names[Number(key)]
+  }
+
+  for (const key of Object.keys(timePatches)) {
+    delete timePatches[Number(key)]
+  }
+
+  pending.clear()
+}
diff --git a/resources/js/stores/timer.ts b/resources/js/stores/timer.ts
new file mode 100644
index 0000000..db7d3f0
--- /dev/null
+++ b/resources/js/stores/timer.ts
@@ -0,0 +1,596 @@
+import { computed, onScopeDispose, reactive } from 'vue'
+import type { ComputedRef } from 'vue'
+import type { AxiosInstance } from 'axios'
+import { createTask, startTask, stopTask } from '@/api/board'
+import { discardTimer, fetchTimer, startTimer, stopTimer } from '@/api/time'
+import { errorMessage } from '@/support/errors'
+import { errorCode, isConflict } from '@/support/http'
+import { formatDuration, secondsBetween } from '@/support/time'
+import type { Translate } from '@/support/i18n'
+import type { TimeEntry } from '@/types/time-entry'
+import type {
+  StartAnswer,
+  StartPreset,
+  StopAnswer,
+  StopPrompt,
+  StopTimerInput,
+} from '@/types/timer'
+import { bumpTaskVersion, ensureTaskNames, patchTime, rememberTask, taskLabel } from './tasks'
+
+/**
+ * The running timer, shared by the header chip, the quick-start launcher, the
+ * task rows and the time log.
+ *
+ * A module bundle has no Pinia, so this is a plain reactive singleton. The
+ * elapsed time is recomputed from `started_at` on every tick rather than
+ * counted up, so a throttled background tab, a sleeping laptop and a clock
+ * correction all land on the right number at the next tick.
+ *
+ * Nothing here throws at a caller: a failed refresh leaves the chip hidden
+ * rather than breaking the header it renders in.
+ */
+
+type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+/**
+ * How a caller wants failures reported. The translator comes from the calling
+ * component, because a store cannot reach the host's i18n on its own.
+ */
+export interface TimerFeedback {
+  notify: (type: NotifyType, message: string) => void
+  t: Translate
+}
+
+/** The running entry the stop dialog is asking about, and who is waiting. */
+interface StopPromptState extends StopPrompt {
+  resolve: (answer: StopAnswer | null) => void
+}
+
+/** What the start dialog opened with, and who is waiting for its answer. */
+interface StartPromptState extends StartPreset {
+  resolve: (answer: StartAnswer | null) => void
+}
+
+interface TimerState {
+  running: TimeEntry | null
+  /** True while a start, stop or discard is in flight, to disable the buttons. */
+  busy: boolean
+  /**
+   * The two questions the timer asks, promise-driven like the invoicing store.
+   *
+   * Every stop control on the screen asks the same question, and the dialog
+   * that answers is mounted once in the company layout rather than by each of
+   * them, so a header chip, a task row and a time log row all reach it without
+   * carrying a dialog of their own.
+   */
+  stopPrompt: StopPromptState | null
+  startPrompt: StartPromptState | null
+}
+
+const state = reactive<TimerState>({
+  running: null,
+  busy: false,
+  stopPrompt: null,
+  startPrompt: null,
+})
+
+/**
+ * One clock for every live duration on the screen.
+ *
+ * A board can show a dozen running rows; one interval driving one ref keeps
+ * that at a single wake-up per second, and only the components that read it
+ * re-render. It runs while anything is subscribed and while the caller's own
+ * timer is going, and stops as soon as neither is true.
+ */
+const clock = reactive({ now: Date.now() })
+
+let ticker: ReturnType<typeof setInterval> | undefined
+let subscribers = 0
+
+function tick(): void {
+  clock.now = Date.now()
+}
+
+function subscribeClock(): void {
+  subscribers += 1
+
+  if (ticker === undefined) {
+    tick()
+    ticker = setInterval(tick, 1000)
+  }
+}
+
+function unsubscribeClock(): void {
+  subscribers = Math.max(0, subscribers - 1)
+
+  if (subscribers === 0 && ticker !== undefined) {
+    clearInterval(ticker)
+    ticker = undefined
+  }
+}
+
+/**
+ * Read the shared clock for as long as this scope lives.
+ *
+ * Call it from `setup` in any component that renders a live duration; the
+ * subscription is released when the component goes away.
+ */
+export function useNow(): ComputedRef<number> {
+  subscribeClock()
+  onScopeDispose(unsubscribeClock, true)
+
+  return computed(() => clock.now)
+}
+
+/** Whether the store itself is holding the clock open for its own entry. */
+let holdingClock = false
+
+/** Adopt a payload as the running entry, or clear the clock when it is null. */
+function adopt(entry: TimeEntry | null, client?: AxiosInstance): void {
+  state.running = entry && typeof entry.id === 'number' ? entry : null
+
+  if (state.running === null) {
+    if (holdingClock) {
+      holdingClock = false
+      unsubscribeClock()
+    }
+
+    return
+  }
+
+  if (!holdingClock) {
+    holdingClock = true
+    subscribeClock()
+  }
+
+  if (client && typeof state.running.task_id === 'number') {
+    void ensureTaskNames(client, [state.running.task_id])
+  }
+}
+
+function report(feedback: TimerFeedback | undefined, error: unknown, key: string): void {
+  feedback?.notify('error', errorMessage(error, feedback.t(key)))
+}
+
+/** Say that the caller's clock is now on this task, before the list agrees. */
+function claim(entry: TimeEntry): void {
+  patchTime(entry.task_id, {
+    running: [{ entry_id: entry.id, user_id: entry.user_id, started_at: entry.started_at }],
+  })
+}
+
+/**
+ * Write down a task the start dialog only has a name for.
+ *
+ * The clock is started separately rather than relying on `auto_start_tasks`,
+ * because the company may not have that switch on; when it does, the start
+ * that follows lands on the timer the server already opened.
+ */
+async function createTaskToTime(
+  client: AxiosInstance,
+  create: { name: string; projectId: number | null },
+  feedback?: TimerFeedback,
+): Promise<number | null> {
+  try {
+    const task = await createTask(client, { name: create.name, project_id: create.projectId })
+
+    rememberTask(task)
+    bumpTaskVersion()
+
+    return typeof task.id === 'number' ? task.id : null
+  } catch (error: unknown) {
+    report(feedback, error, 'tasks_projects.tasks.save_failed')
+
+    return null
+  }
+}
+
+export const timerStore = {
+  /** The running entry, or null when the clock is not running. */
+  get running(): TimeEntry | null {
+    return state.running
+  },
+
+  /** The task the caller's clock is on, or null when it is not running. */
+  get runningTaskId(): number | null {
+    const taskId = state.running?.task_id
+
+    return typeof taskId === 'number' ? taskId : null
+  },
+
+  /** Seconds since the running entry started, recomputed every second. */
+  get elapsedSeconds(): number {
+    return state.running === null ? 0 : secondsBetween(state.running.started_at, clock.now)
+  },
+
+  /** True while a timer request is in flight. */
+  get busy(): boolean {
+    return state.busy
+  },
+
+  /** The running entry the stop dialog is open on, or null when it is closed. */
+  get stopPrompt(): StopPromptState | null {
+    return state.stopPrompt
+  },
+
+  /** What the start dialog is open with, or null when it is closed. */
+  get startPrompt(): StartPromptState | null {
+    return state.startPrompt
+  },
+
+  /** Whether the caller's own clock is on this task. */
+  isRunningOn(taskId: number): boolean {
+    return state.running !== null && state.running.task_id === taskId
+  },
+
+  /** Read the caller's running entry from the server. */
+  async refresh(client: AxiosInstance): Promise<void> {
+    try {
+      adopt(await fetchTimer(client), client)
+    } catch {
+      // The header chip stays hidden rather than reporting a background read.
+      adopt(null)
+    }
+  },
+
+  /**
+   * Start the clock on a task.
+   *
+   * A 409 means another tab got there first, which is not an error the user
+   * caused: it is reported and the real running entry is read back.
+   */
+  async start(
+    client: AxiosInstance,
+    taskId: number,
+    description: string | null = null,
+    feedback?: TimerFeedback,
+  ): Promise<TimeEntry | null> {
+    if (state.busy) {
+      return null
+    }
+
+    state.busy = true
+
+    try {
+      const entry = await startTimer(client, { task_id: taskId, description })
+
+      adopt(entry, client)
+      claim(entry)
+      bumpTaskVersion()
+
+      return entry
+    } catch (error: unknown) {
+      if (isConflict(error)) {
+        feedback?.notify('warning', feedback.t('tasks_projects.timer.already_running'))
+        await this.refresh(client)
+      } else {
+        report(feedback, error, 'tasks_projects.timer.start_failed')
+      }
+
+      return null
+    } finally {
+      state.busy = false
+    }
+  },
+
+  /**
+   * Start the clock through the task's own route.
+   *
+   * Same effect as `start`, but the server answers `timer_already_running`
+   * when the caller's clock is on a different task, which the run control
+   * turns into "stop that one and start this one" rather than a dead end.
+   */
+  async startOnTask(
+    client: AxiosInstance,
+    taskId: number,
+    description: string | null = null,
+    feedback?: TimerFeedback,
+    billable?: boolean,
+  ): Promise<TimeEntry | null> {
+    if (state.busy) {
+      return null
+    }
+
+    state.busy = true
+
+    try {
+      const entry = await startTask(client, taskId, description, billable)
+
+      adopt(entry, client)
+      claim(entry)
+      bumpTaskVersion()
+
+      return entry
+    } catch (error: unknown) {
+      if (errorCode(error) === 'timer_already_running') {
+        feedback?.notify('warning', feedback.t('tasks_projects.timer.already_running'))
+        await this.refresh(client)
+      } else {
+        report(feedback, error, 'tasks_projects.timer.start_failed')
+      }
+
+      return null
+    } finally {
+      state.busy = false
+    }
+  },
+
+  /**
+   * Close the running entry and answer the completed one.
+   *
+   * `details` is what the stop dialog collected. What it leaves out the server
+   * leaves alone, so a stop with nothing to say keeps the start's own note.
+   */
+  async stop(
+    client: AxiosInstance,
+    feedback?: TimerFeedback,
+    details?: StopTimerInput,
+  ): Promise<TimeEntry | null> {
+    if (state.busy || state.running === null) {
+      return null
+    }
+
+    const taskId = state.running.task_id
+
+    state.busy = true
+
+    try {
+      const entry = await stopTimer(client, details)
+
+      adopt(null)
+      patchTime(taskId, { running: [] })
+      bumpTaskVersion()
+
+      return entry
+    } catch (error: unknown) {
+      report(feedback, error, 'tasks_projects.timer.stop_failed')
+      await this.refresh(client)
+
+      return null
+    } finally {
+      state.busy = false
+    }
+  },
+
+  /**
+   * Close the caller's entry on one named task.
+   *
+   * The task is named so a stale row cannot stop a timer that has since moved
+   * elsewhere: the server answers `timer_mismatch` and the row reloads.
+   */
+  async stopOnTask(
+    client: AxiosInstance,
+    taskId: number,
+    feedback?: TimerFeedback,
+    details?: StopTimerInput,
+  ): Promise<TimeEntry | null> {
+    if (state.busy) {
+      return null
+    }
+
+    state.busy = true
+
+    try {
+      const entry = await stopTask(client, taskId, details)
+
+      adopt(null)
+      patchTime(taskId, { running: [] })
+      bumpTaskVersion()
+
+      return entry
+    } catch (error: unknown) {
+      if (errorCode(error) === 'timer_mismatch') {
+        feedback?.notify('warning', feedback.t('tasks_projects.timer.mismatch'))
+      } else {
+        report(feedback, error, 'tasks_projects.timer.stop_failed')
+      }
+
+      await this.refresh(client)
+
+      return null
+    } finally {
+      state.busy = false
+    }
+  },
+
+  /**
+   * Ask what to do with the running timer and wait for the answer.
+   *
+   * A second ask cancels the first, which cannot happen while one dialog is
+   * mounted but keeps the promise from being dropped if it ever did.
+   */
+  askStop(): Promise<StopAnswer | null> {
+    this.answerStop(null)
+
+    const entry = state.running
+
+    if (entry === null) {
+      return Promise.resolve(null)
+    }
+
+    return new Promise<StopAnswer | null>((resolve) => {
+      state.stopPrompt = { entry, resolve }
+    })
+  },
+
+  /** Hand the waiting stop its answer, or null when the user backed out. */
+  answerStop(answer: StopAnswer | null): void {
+    const prompt = state.stopPrompt
+
+    if (prompt === null) {
+      return
+    }
+
+    state.stopPrompt = null
+    prompt.resolve(answer)
+  },
+
+  /** Ask which task to start on, and with what, then wait for the answer. */
+  askStart(preset: StartPreset = {}): Promise<StartAnswer | null> {
+    this.answerStart(null)
+
+    return new Promise<StartAnswer | null>((resolve) => {
+      state.startPrompt = { ...preset, resolve }
+    })
+  },
+
+  /** Hand the waiting start its answer, or null when the user backed out. */
+  answerStart(answer: StartAnswer | null): void {
+    const prompt = state.startPrompt
+
+    if (prompt === null) {
+      return
+    }
+
+    state.startPrompt = null
+    prompt.resolve(answer)
+  },
+
+  /**
+   * The one way a timer is ever stopped: ask, then do what was asked.
+   *
+   * Every stop control goes through here, so the dialog, the discard and the
+   * one success message are written once rather than by each caller. Cancel is
+   * a real answer: the clock keeps running and nothing is written.
+   *
+   * `taskId` names the task the caller believes is running, so a stale row
+   * cannot stop a clock that has since moved; the mismatch is reported before
+   * the dialog opens rather than after the user has typed into it.
+   */
+  async stopWithPrompt(
+    client: AxiosInstance,
+    feedback?: TimerFeedback,
+    opts: { taskId?: number } = {},
+  ): Promise<TimeEntry | null> {
+    const running = state.running
+
+    if (running === null) {
+      return null
+    }
+
+    const taskId = opts.taskId
+
+    if (typeof taskId === 'number' && running.task_id !== taskId) {
+      feedback?.notify('warning', feedback.t('tasks_projects.timer.mismatch'))
+      await this.refresh(client)
+
+      return null
+    }
+
+    // Read before the stop, because the entry is gone by the time it lands.
+    const name = taskLabel(running.task_id)
+    const answer = await this.askStop()
+
+    if (answer === null) {
+      return null
+    }
+
+    if (answer.action === 'discard') {
+      if (await this.discard(client, feedback)) {
+        feedback?.notify('success', feedback.t('tasks_projects.timer.discarded'))
+      }
+
+      return null
+    }
+
+    const details: StopTimerInput = {
+      description: answer.description,
+      billable: answer.billable,
+    }
+
+    const entry =
+      typeof taskId === 'number'
+        ? await this.stopOnTask(client, taskId, feedback, details)
+        : await this.stop(client, feedback, details)
+
+    if (entry !== null) {
+      feedback?.notify(
+        'success',
+        feedback.t('tasks_projects.timer.stopped', {
+          name,
+          duration: formatDuration(entry.duration_minutes),
+        }),
+      )
+    }
+
+    return entry
+  },
+
+  /**
+   * The one way a timer is ever started from a launcher: ask, then start.
+   *
+   * A task the dialog had to create is created first and timed second, so the
+   * answer "start on something I have just thought of" costs one dialog rather
+   * than a form and a search.
+   */
+  async startWithPrompt(
+    client: AxiosInstance,
+    feedback?: TimerFeedback,
+    preset: StartPreset = {},
+  ): Promise<TimeEntry | null> {
+    const answer = await this.askStart(preset)
+
+    if (answer === null) {
+      return null
+    }
+
+    const taskId =
+      'taskId' in answer ? answer.taskId : await createTaskToTime(client, answer.create, feedback)
+
+    if (taskId === null) {
+      return null
+    }
+
+    const entry = await this.startOnTask(
+      client,
+      taskId,
+      answer.description,
+      feedback,
+      answer.billable,
+    )
+
+    if (entry !== null) {
+      feedback?.notify(
+        'success',
+        feedback.t('tasks_projects.timer.started', { name: taskLabel(taskId) }),
+      )
+    }
+
+    return entry
+  },
+
+  /** Throw the running entry away without recording any time. */
+  async discard(client: AxiosInstance, feedback?: TimerFeedback): Promise<boolean> {
+    if (state.busy || state.running === null) {
+      return false
+    }
+
+    const taskId = state.running.task_id
+
+    state.busy = true
+
+    try {
+      await discardTimer(client)
+      adopt(null)
+      patchTime(taskId, { running: [] })
+      bumpTaskVersion()
+
+      return true
+    } catch (error: unknown) {
+      report(feedback, error, 'tasks_projects.timer.discard_failed')
+      await this.refresh(client)
+
+      return false
+    } finally {
+      state.busy = false
+    }
+  },
+
+  /** Forget the clock, for a company switch or a sign-out. */
+  reset(): void {
+    this.answerStop(null)
+    this.answerStart(null)
+    state.busy = false
+    adopt(null)
+  },
+}
diff --git a/resources/js/support/errors.ts b/resources/js/support/errors.ts
new file mode 100644
index 0000000..b08c8cf
--- /dev/null
+++ b/resources/js/support/errors.ts
@@ -0,0 +1,51 @@
+/**
+ * Reading a Laravel error response without importing axios at runtime.
+ *
+ * The module bundle runs inside the host page and receives the host's own
+ * axios instance, so errors are checked structurally rather than with
+ * `axios.isAxiosError`.
+ */
+
+interface ApiErrorBody {
+  message?: string
+  errors?: Record<string, string[]>
+}
+
+function responseBody(error: unknown): ApiErrorBody | null {
+  if (typeof error !== 'object' || error === null) {
+    return null
+  }
+
+  const response = (error as { response?: { data?: unknown } }).response
+
+  if (typeof response?.data !== 'object' || response.data === null) {
+    return null
+  }
+
+  return response.data as ApiErrorBody
+}
+
+/** The server's message, or the caller's fallback when there is none. */
+export function errorMessage(error: unknown, fallback: string): string {
+  const message = responseBody(error)?.message
+
+  return typeof message === 'string' && message !== '' ? message : fallback
+}
+
+/** The first validation message per field of a 422 response. */
+export function fieldErrors(error: unknown): Record<string, string> {
+  const errors = responseBody(error)?.errors
+  const messages: Record<string, string> = {}
+
+  if (typeof errors !== 'object' || errors === null) {
+    return messages
+  }
+
+  for (const [field, list] of Object.entries(errors)) {
+    if (Array.isArray(list) && typeof list[0] === 'string') {
+      messages[field] = list[0]
+    }
+  }
+
+  return messages
+}
diff --git a/resources/js/support/filters.ts b/resources/js/support/filters.ts
new file mode 100644
index 0000000..b4472fd
--- /dev/null
+++ b/resources/js/support/filters.ts
@@ -0,0 +1,158 @@
+import type { LocationQuery, LocationQueryRaw } from 'vue-router'
+import type { SortParams } from '@/api'
+import type { TaskSortKey } from '@/api/board'
+import type { TaskListParams } from '@/types/task'
+
+/**
+ * The Tasks screen's filters, as the address bar carries them.
+ *
+ * Everything is a string because that is what a query string holds and what a
+ * link has to round-trip: a view switch, a reload and a bookmark all go
+ * through the URL, so keeping one representation removes every conversion but
+ * the one at the edge.
+ */
+export interface TaskFilterState {
+  /** A project id, or '' for every project. */
+  project: string
+  /** A member id, or '' for everyone. */
+  user: string
+  /** A status id, or the pseudo values below, or '' for every status. */
+  status: string
+  search: string
+}
+
+/** The two status values that are not a board column. */
+export const INVOICED_FILTERS = ['uninvoiced', 'invoiced'] as const
+
+export type InvoicedFilter = (typeof INVOICED_FILTERS)[number]
+
+export const EMPTY_FILTERS: TaskFilterState = {
+  project: '',
+  user: '',
+  status: '',
+  search: '',
+}
+
+/** Whether a status filter names the invoicing state rather than a column. */
+export function isInvoicedFilter(status: string): status is InvoicedFilter {
+  return status === 'uninvoiced' || status === 'invoiced'
+}
+
+/** The filters a route carries, with anything unrecognised dropped. */
+export function readFilters(query: LocationQuery): TaskFilterState {
+  return {
+    project: numeric(query.project),
+    user: numeric(query.user),
+    status: statusOf(query.status),
+    search: single(query.search).slice(0, 200),
+  }
+}
+
+/**
+ * The query a link should carry.
+ *
+ * Empty filters are left out rather than written as blanks, so an unfiltered
+ * Tasks screen has a clean URL and two links to the same view compare equal.
+ */
+export function filterQuery(filters: TaskFilterState): LocationQueryRaw {
+  const query: LocationQueryRaw = {}
+
+  for (const key of ['project', 'user', 'status', 'search'] as const) {
+    if (filters[key] !== '') {
+      query[key] = filters[key]
+    }
+  }
+
+  return query
+}
+
+/** Whether anything is filtered, for the "clear" affordance. */
+export function hasFilters(filters: TaskFilterState): boolean {
+  return filters.project !== '' || filters.user !== '' || filters.status !== '' || filters.search !== ''
+}
+
+/**
+ * The filters as one comparable string.
+ *
+ * A watcher on the object itself would fire on every route change, because the
+ * screen above rebuilds it from the query each time. Comparing the four values
+ * fires when they really differ, which is when a list is worth asking for
+ * again.
+ */
+export function filterKey(filters: TaskFilterState): string {
+  return [filters.project, filters.user, filters.status, filters.search].join('|')
+}
+
+export function sameFilters(left: TaskFilterState, right: TaskFilterState): boolean {
+  return (
+    left.project === right.project &&
+    left.user === right.user &&
+    left.status === right.status &&
+    left.search === right.search
+  )
+}
+
+/**
+ * The filters as `GET tasks` takes them.
+ *
+ * `project` is overridden by a project page, which fixes the list to its own
+ * project whatever the address bar says.
+ */
+export function taskListParams(
+  filters: TaskFilterState,
+  overrides: { projectId?: number | null } = {},
+): TaskListParams & SortParams<TaskSortKey> {
+  const params: TaskListParams & SortParams<TaskSortKey> = {}
+  const projectId = overrides.projectId ?? idOf(filters.project)
+
+  if (projectId !== null) {
+    params.project_id = projectId
+  }
+
+  const assigneeId = idOf(filters.user)
+
+  if (assigneeId !== null) {
+    params.assignee_id = assigneeId
+  }
+
+  if (isInvoicedFilter(filters.status)) {
+    params.invoiced = filters.status === 'invoiced' ? 1 : 0
+  } else {
+    const statusId = idOf(filters.status)
+
+    if (statusId !== null) {
+      params.task_status_id = statusId
+    }
+  }
+
+  if (filters.search !== '') {
+    params.search = filters.search
+  }
+
+  return params
+}
+
+/** A filter value as the id it names, or null when it names nothing. */
+export function idOf(value: string): number | null {
+  const id = Number(value)
+
+  return value !== '' && Number.isInteger(id) && id > 0 ? id : null
+}
+
+function single(value: LocationQuery[string]): string {
+  const first = Array.isArray(value) ? value[0] : value
+
+  return typeof first === 'string' ? first.trim() : ''
+}
+
+function numeric(value: LocationQuery[string]): string {
+  const text = single(value)
+
+  return idOf(text) === null ? '' : text
+}
+
+function statusOf(value: LocationQuery[string]): string {
+  const text = single(value)
+
+  return isInvoicedFilter(text) ? text : numeric(value)
+}
diff --git a/resources/js/support/format.ts b/resources/js/support/format.ts
new file mode 100644
index 0000000..76bd4ab
--- /dev/null
+++ b/resources/js/support/format.ts
@@ -0,0 +1,102 @@
+/**
+ * Conversions between what the API stores and what a form shows.
+ *
+ * The API keeps money in integer minor units and durations in minutes; the
+ * form asks for major units and hours, which is what people type.
+ */
+
+/** Minor units to the major-unit string a number input shows. */
+export function minorToMajor(amount: number | null): string {
+  return amount === null ? '' : String(amount / 100)
+}
+
+/** A typed major-unit amount back to integer minor units. */
+export function majorToMinor(value: string): number | null {
+  const amount = Number(value)
+
+  return value.trim() === '' || Number.isNaN(amount) ? null : Math.round(amount * 100)
+}
+
+export function minutesToHours(minutes: number | null): string {
+  return minutes === null ? '' : String(minutes / 60)
+}
+
+export function hoursToMinutes(value: string): number | null {
+  const hours = Number(value)
+
+  return value.trim() === '' || Number.isNaN(hours) ? null : Math.round(hours * 60)
+}
+
+/**
+ * A `Y-m-d` date in the viewer's locale. The date is a calendar date rather
+ * than an instant, so it is read and printed in UTC and never shifts a day.
+ */
+export function formatDate(value: string | null): string {
+  if (!value) {
+    return ''
+  }
+
+  const [year, month, day] = value.slice(0, 10).split('-').map(Number)
+
+  if (!year || !month || !day) {
+    return value
+  }
+
+  return new Date(Date.UTC(year, month - 1, day)).toLocaleDateString(undefined, {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+    timeZone: 'UTC',
+  })
+}
+
+/** What a date picker hands back, normalised to the `Y-m-d` the API takes. */
+export function toDateString(value: string | Date): string {
+  if (typeof value === 'string') {
+    return value.slice(0, 10)
+  }
+
+  const month = String(value.getMonth() + 1).padStart(2, '0')
+  const day = String(value.getDate()).padStart(2, '0')
+
+  return `${value.getFullYear()}-${month}-${day}`
+}
+
+/** Minutes as the hours and minutes a timesheet reads back, such as "2h 30m". */
+export function formatMinutes(minutes: number | null): string {
+  const total = Math.max(0, Math.round(minutes ?? 0))
+  const hours = Math.floor(total / 60)
+  const rest = total % 60
+
+  if (hours === 0) {
+    return `${rest}m`
+  }
+
+  return rest === 0 ? `${hours}h` : `${hours}h ${rest}m`
+}
+
+/** The one or two letters an avatar chip shows for a person. */
+export function initials(name: string): string {
+  const parts = name.trim().split(/\s+/).filter(Boolean)
+
+  if (parts.length === 0) {
+    return '?'
+  }
+
+  const first = parts[0].charAt(0)
+  const last = parts.length > 1 ? parts[parts.length - 1].charAt(0) : ''
+
+  return (first + last).toUpperCase()
+}
+
+/** Whether a `Y-m-d` date has already passed, compared in the viewer's day. */
+export function isOverdue(value: string | null): boolean {
+  if (!value) {
+    return false
+  }
+
+  const today = new Date()
+  const stamp = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, '0')}-${String(today.getDate()).padStart(2, '0')}`
+
+  return value.slice(0, 10) < stamp
+}
diff --git a/resources/js/support/http.ts b/resources/js/support/http.ts
new file mode 100644
index 0000000..e907f07
--- /dev/null
+++ b/resources/js/support/http.ts
@@ -0,0 +1,50 @@
+/**
+ * The status of a failed request, read structurally.
+ *
+ * The module bundle runs on the host's axios instance and never imports axios
+ * at runtime, so the error is inspected rather than narrowed with
+ * `axios.isAxiosError`. A missing or unparseable response answers null, which
+ * callers treat as "some other failure".
+ */
+export function errorStatus(error: unknown): number | null {
+  if (typeof error !== 'object' || error === null) {
+    return null
+  }
+
+  const status = (error as { response?: { status?: unknown } }).response?.status
+
+  return typeof status === 'number' ? status : null
+}
+
+/**
+ * The machine-readable `error` key of a failed request.
+ *
+ * Every module endpoint answers a refusal as `{ message, error }`, so the
+ * caller can tell `timer_already_running` from `timer_mismatch` without
+ * matching on the human sentence, which is translated and may change.
+ */
+export function errorCode(error: unknown): string | null {
+  if (typeof error !== 'object' || error === null) {
+    return null
+  }
+
+  const data = (error as { response?: { data?: unknown } }).response?.data
+
+  if (typeof data !== 'object' || data === null) {
+    return null
+  }
+
+  const code = (data as { error?: unknown }).error
+
+  return typeof code === 'string' && code !== '' ? code : null
+}
+
+/** A 409 from `timer/start`: someone else's tab already started the clock. */
+export function isConflict(error: unknown): boolean {
+  return errorStatus(error) === 409
+}
+
+/** A 403: the caller lacks the ability the endpoint asks for. */
+export function isForbidden(error: unknown): boolean {
+  return errorStatus(error) === 403
+}
diff --git a/resources/js/support/i18n.ts b/resources/js/support/i18n.ts
new file mode 100644
index 0000000..2a1f01b
--- /dev/null
+++ b/resources/js/support/i18n.ts
@@ -0,0 +1,18 @@
+import { getCurrentInstance } from 'vue'
+
+export type Translate = (key: string, named?: Record<string, unknown>) => string
+
+/**
+ * The host's `$t` for use outside a template.
+ *
+ * A module bundle cannot call `useI18n()`, because it would look the composer
+ * up through its own injection symbols, so the translator is read off the host
+ * app's global properties instead. Call this during `setup`.
+ */
+export function useTranslate(): Translate {
+  const translate = getCurrentInstance()?.appContext.config.globalProperties.$t as
+    | Translate
+    | undefined
+
+  return translate ?? ((key: string): string => key)
+}
diff --git a/resources/js/support/invoicing.ts b/resources/js/support/invoicing.ts
new file mode 100644
index 0000000..791925b
--- /dev/null
+++ b/resources/js/support/invoicing.ts
@@ -0,0 +1,459 @@
+import type { AxiosInstance } from 'axios'
+import type { Router } from 'vue-router'
+import {
+  confirmInvoice,
+  createInvoice,
+  fetchBillingCustomer,
+  fetchCompanyInvoiceDefaults,
+  fetchExchangeRate,
+  fetchNextInvoiceNumber,
+  listInvoiceTemplates,
+  prepareInvoice,
+} from '@/api/billing'
+import {
+  askInvoiceNumber,
+  clearStamp,
+  denyInvoicing,
+  holdStamp,
+  invoicingStore,
+  lockInvoicing,
+  unlockInvoicing,
+} from '@/stores/invoicing'
+import { bumpTaskVersion } from '@/stores/tasks'
+import { errorMessage } from '@/support/errors'
+import { toDateString } from '@/support/format'
+import { errorCode, errorStatus } from '@/support/http'
+import type { Translate } from '@/support/i18n'
+import type { Notify } from '@/support/page'
+import type {
+  BillingSelection,
+  CompanyInvoiceDefaults,
+  ConfirmItem,
+  CreatedInvoice,
+  InvoicePayload,
+  PreparedInvoice,
+} from '@/types/billing'
+
+/**
+ * Turning a selection of work into a draft invoice, in one sequence.
+ *
+ * Every entry point in the module, a task row, the bulk bar, a task page, a
+ * project header and the unbilled time page, runs this and nothing else, so
+ * "invoice this" means the same four steps wherever it is pressed:
+ *
+ * 1. `billing/prepare` turns the selection into the body the host takes.
+ * 2. The host's own defaults fill in what its create form would have: the due
+ *    date, the template, the number and an exchange rate when the contact does
+ *    not settle in the company currency.
+ * 3. The host's `POST /api/v1/invoices` writes the invoice, with the session's
+ *    own client, so the module never touches the host invoice tables.
+ * 4. `billing/confirm` stamps the entries with the line ids that came back,
+ *    and the user lands on the host's edit page for the draft.
+ *
+ * Nothing here throws at a caller: every refusal becomes a notification, and
+ * the one failure that leaves work behind, a created invoice whose entries were
+ * not stamped, is parked in the store for `InvoiceRetryBanner` to finish.
+ */
+
+/** Where the host mounts the invoice screens. */
+const INVOICES = '/admin/invoices'
+
+/** Flip to trace the sequence in the console while working on it. */
+const DEBUG = false
+
+export interface InvoicingDeps {
+  client: AxiosInstance
+  /** The host router, which module pages receive as a prop. */
+  router: Router
+  notify: Notify
+  t: Translate
+}
+
+/**
+ * Invoice a selection and open the draft.
+ *
+ * Answers whether an invoice was created and stamped, so a caller that wants
+ * to refresh something of its own knows whether anything changed. The task
+ * lists refresh themselves: the sequence bumps the shared task version.
+ */
+export async function invoiceTasks(
+  deps: InvoicingDeps,
+  selection: BillingSelection,
+): Promise<boolean> {
+  const { notify, t } = deps
+
+  // An invoice that exists but whose time still reads as unbilled has to be
+  // finished before another is started, or the same hours reach two invoices.
+  if (invoicingStore.pending !== null) {
+    notify('warning', t('tasks_projects.billing.pending_stamp'))
+
+    return false
+  }
+
+  if (!lockInvoicing()) {
+    return false
+  }
+
+  try {
+    return await run(deps, selection)
+  } finally {
+    unlockInvoicing()
+  }
+}
+
+/**
+ * Stamp the entries of an invoice that was created but never confirmed.
+ *
+ * `billing/confirm` is idempotent, so this is always safe to press again, and
+ * it is the only way back from a half-finished invoice that does not risk a
+ * second one.
+ */
+export async function retryStamp(
+  client: AxiosInstance,
+  notify: Notify,
+  t: Translate,
+): Promise<boolean> {
+  const pending = invoicingStore.pending
+
+  if (pending === null || !lockInvoicing()) {
+    return false
+  }
+
+  try {
+    const stamped = await confirmInvoice(client, pending.invoiceId, pending.items)
+
+    debug('stamped on retry', stamped)
+    clearStamp()
+    bumpTaskVersion()
+    notify('success', t('tasks_projects.billing.stamped', { count: stamped }))
+
+    return true
+  } catch (error: unknown) {
+    notify('error', errorMessage(error, t('tasks_projects.billing.stamp_failed')))
+
+    return false
+  } finally {
+    unlockInvoicing()
+  }
+}
+
+/** Where the host shows an invoice that exists, for links out of the module. */
+export function invoiceViewPath(invoiceId: number): string {
+  return `${INVOICES}/${invoiceId}/view`
+}
+
+async function run(deps: InvoicingDeps, selection: BillingSelection): Promise<boolean> {
+  const { client, notify, t } = deps
+
+  let prepared: PreparedInvoice
+
+  try {
+    prepared = await prepareInvoice(client, selection)
+  } catch (error: unknown) {
+    reportPrepareFailure(deps, error)
+
+    return false
+  }
+
+  debug('prepared', prepared)
+
+  if (!Array.isArray(prepared.items) || prepared.items.length === 0) {
+    notify('warning', t('tasks_projects.billing.nothing_to_invoice'))
+
+    return false
+  }
+
+  // All three are the host's own answers and none of them is fatal: a company
+  // whose bootstrap or template list cannot be read still gets an invoice,
+  // with the same fields its create form would have left blank.
+  const [defaults, templates, customer] = await Promise.all([
+    fetchCompanyInvoiceDefaults(client).catch((): null => null),
+    listInvoiceTemplates(client).catch((): [] => []),
+    fetchBillingCustomer(client, prepared.customer_id).catch((): null => null),
+  ])
+
+  const currencyId = customer?.currency_id ?? customer?.currency?.id ?? prepared.currency_id
+  const homeCurrencyId = defaults?.currency?.id ?? null
+  const foreign = homeCurrencyId !== null && currencyId !== null && currencyId !== homeCurrencyId
+
+  const invoiceNumber = await resolveNumber(deps, defaults, prepared.customer_id)
+
+  if (invoiceNumber === null) {
+    return false
+  }
+
+  let exchangeRate: number | null = null
+
+  if (foreign && currencyId !== null) {
+    exchangeRate = await fetchExchangeRate(client, currencyId).catch((): null => null)
+
+    if (exchangeRate === null) {
+      notify('warning', t('tasks_projects.billing.rate_failed'))
+    }
+  }
+
+  const payload = invoicePayload(prepared, {
+    invoiceNumber,
+    currencyId,
+    exchangeRate,
+    dueDate: defaultDueDate(prepared.invoice_date, defaults),
+    templateName: defaults?.defaultTemplate ?? templates[0]?.name ?? '',
+  })
+
+  debug('creating', payload)
+
+  let invoice: CreatedInvoice
+
+  try {
+    invoice = await createInvoice(client, payload)
+  } catch (error: unknown) {
+    notify('error', errorMessage(error, t('tasks_projects.billing.create_failed')))
+
+    return false
+  }
+
+  debug('created', invoice)
+
+  const stamped = await stamp(deps, invoice, prepared)
+
+  bumpTaskVersion()
+
+  if (!stamped) {
+    return false
+  }
+
+  notify('success', t('tasks_projects.billing.created', { number: invoice.invoice_number }))
+  await openInvoice(deps.router, invoice.id)
+
+  return true
+}
+
+/**
+ * Say why `prepare` refused, in the words of the screen that asked.
+ *
+ * The three answers worth naming are the ones a person can act on: a selection
+ * spanning two customers, a selection with no money in it, and an ability the
+ * caller does not have. Everything else keeps the server's own message.
+ */
+function reportPrepareFailure(deps: InvoicingDeps, error: unknown): void {
+  const { notify, t } = deps
+  const code = errorCode(error)
+
+  if (code === 'mixed_billing_selection') {
+    const customers = customerCount(error)
+
+    // The same refusal covers two customers and two currencies, and only the
+    // first names ids, so the counted sentence is used only when it is true.
+    notify(
+      'error',
+      customers > 1
+        ? t('tasks_projects.billing.mixed_customers', { count: customers })
+        : errorMessage(error, t('tasks_projects.billing.mixed_selection')),
+    )
+
+    return
+  }
+
+  if (code === 'nothing_to_invoice') {
+    notify('warning', t('tasks_projects.billing.nothing_to_invoice'))
+
+    return
+  }
+
+  if (errorStatus(error) === 403) {
+    denyInvoicing()
+    notify('error', t('tasks_projects.billing.forbidden'))
+
+    return
+  }
+
+  notify('error', errorMessage(error, t('tasks_projects.billing.prepare_failed')))
+}
+
+/** How many customers the refused selection spanned, as the body reported. */
+function customerCount(error: unknown): number {
+  if (typeof error !== 'object' || error === null) {
+    return 0
+  }
+
+  const data = (error as { response?: { data?: unknown } }).response?.data
+
+  if (typeof data !== 'object' || data === null) {
+    return 0
+  }
+
+  const ids = (data as { customer_ids?: unknown }).customer_ids
+
+  return Array.isArray(ids) ? ids.length : 0
+}
+
+/**
+ * The number the invoice will carry.
+ *
+ * A company that lets the host number its invoices gets the next one without
+ * being asked. One that numbers them by hand, or a host that could not answer,
+ * is asked, with whatever the endpoint did say filled in. Backing out of that
+ * question is a cancelled invoice, not an invoice with a blank number.
+ */
+async function resolveNumber(
+  deps: InvoicingDeps,
+  defaults: CompanyInvoiceDefaults | null,
+  customerId: number,
+): Promise<string | null> {
+  const suggested = await fetchNextInvoiceNumber(deps.client, customerId).catch((): null => null)
+
+  if (defaults?.autoGenerateNumber !== false && suggested !== null) {
+    return suggested
+  }
+
+  return askInvoiceNumber(suggested ?? '')
+}
+
+/** The due date the host's own form would have filled in, or none. */
+function defaultDueDate(invoiceDate: string, defaults: CompanyInvoiceDefaults | null): string | null {
+  if (defaults === null || !defaults.setDueDateAutomatically) {
+    return null
+  }
+
+  const due = new Date(`${invoiceDate}T00:00:00`)
+
+  if (Number.isNaN(due.getTime())) {
+    return null
+  }
+
+  due.setDate(due.getDate() + defaults.dueDateDays)
+
+  return toDateString(due)
+}
+
+interface InvoiceFields {
+  invoiceNumber: string
+  currencyId: number | null
+  exchangeRate: number | null
+  dueDate: string | null
+  templateName: string
+}
+
+/**
+ * The body the host invoice endpoint takes.
+ *
+ * Only the keys it validates or stores: the lines arrive with their zeroed
+ * discount and tax fields so the host's item writer never reaches for a
+ * missing index, and the totals are the module's arithmetic, which the host
+ * recomputes from the same lines before it saves anything.
+ */
+function invoicePayload(payload: PreparedInvoice, fields: InvoiceFields): InvoicePayload {
+  return {
+    invoice_date: payload.invoice_date,
+    due_date: fields.dueDate,
+    customer_id: payload.customer_id,
+    invoice_number: fields.invoiceNumber,
+    // The host stores the contact's currency whatever is sent, and reads this
+    // only to decide whether the rate applies, so the contact's is what goes.
+    currency_id: fields.currencyId,
+    exchange_rate: fields.exchangeRate,
+    discount: payload.discount,
+    discount_type: payload.discount_type,
+    discount_val: payload.discount_val,
+    tax: payload.tax,
+    sub_total: payload.sub_total,
+    total: payload.total,
+    tax_included: false,
+    notes: payload.notes,
+    template_name: fields.templateName,
+    items: payload.items.map((item) => ({ ...item })),
+    taxes: [],
+  }
+}
+
+/**
+ * Hand the created line ids back to the module.
+ *
+ * `groups[i]` was produced alongside `items[i]`, and the host writes the lines
+ * in the order they were posted, so zipping them positionally pairs each line
+ * with the entries behind it. A failure here leaves a live invoice and unbilled
+ * time, which the banner offers to fix: the call is idempotent.
+ */
+async function stamp(
+  deps: InvoicingDeps,
+  invoice: CreatedInvoice,
+  payload: PreparedInvoice,
+): Promise<boolean> {
+  const { client, notify, t } = deps
+  const items = confirmItems(invoice, payload)
+
+  if (items.length === 0) {
+    // Nothing to retry with: the host answered without the line ids, so the
+    // invoice is real and the time behind it can only be matched by hand.
+    notify('error', t('tasks_projects.billing.stamp_unmatched', { number: invoice.invoice_number }))
+    await openInvoice(deps.router, invoice.id)
+
+    return false
+  }
+
+  try {
+    const stamped = await confirmInvoice(client, invoice.id, items)
+
+    debug('stamped', stamped)
+
+    return true
+  } catch (error: unknown) {
+    holdStamp({ invoiceId: invoice.id, invoiceNumber: invoice.invoice_number, items })
+    notify(
+      'error',
+      errorMessage(
+        error,
+        t('tasks_projects.billing.stamp_failed_notice', { number: invoice.invoice_number }),
+      ),
+    )
+
+    return false
+  }
+}
+
+/** Each created line paired with the entries that produced it. */
+function confirmItems(invoice: CreatedInvoice, payload: PreparedInvoice): ConfirmItem[] {
+  const lines = Array.isArray(invoice.items) ? invoice.items : []
+  const groups = Array.isArray(payload.groups) ? payload.groups : []
+  const items: ConfirmItem[] = []
+
+  groups.forEach((group, index) => {
+    const line = lines[index]
+
+    if (line && typeof line.id === 'number' && group.entry_ids.length > 0) {
+      items.push({ invoice_item_id: line.id, entry_ids: group.entry_ids })
+    }
+  })
+
+  return items
+}
+
+/**
+ * Land on the host's edit page, or its view page when the guard refuses.
+ *
+ * Editing an invoice is its own host ability, and the module's own one does
+ * not imply it, so a caller who may invoice but not edit still gets taken to
+ * the invoice rather than left on the screen they pressed.
+ */
+async function openInvoice(router: Router, invoiceId: number): Promise<void> {
+  if (await push(router, `${INVOICES}/${invoiceId}/edit`)) {
+    return
+  }
+
+  await push(router, invoiceViewPath(invoiceId))
+}
+
+/** Whether the navigation actually landed. */
+async function push(router: Router, path: string): Promise<boolean> {
+  try {
+    return !(await router.push(path))
+  } catch {
+    return false
+  }
+}
+
+function debug(label: string, value: unknown): void {
+  if (DEBUG) {
+    console.debug(`[tasks-projects] invoicing: ${label}`, value)
+  }
+}
diff --git a/resources/js/support/page.ts b/resources/js/support/page.ts
new file mode 100644
index 0000000..8010b15
--- /dev/null
+++ b/resources/js/support/page.ts
@@ -0,0 +1,66 @@
+import { defineComponent, h } from 'vue'
+import type { Component } from 'vue'
+import type { InvoiceShelfExtensionApi } from '@invoiceshelf/modules/frontend'
+
+export type NotifyType = 'success' | 'error' | 'warning' | 'info'
+
+export type Notify = (type: NotifyType, message: string) => void
+
+/** The module.json slug, which every registered path and route name hangs off. */
+export const MODULE = 'tasks-projects'
+
+const ROOT = `/admin/modules/${MODULE}`
+
+/**
+ * Where each screen lives.
+ *
+ * Breadcrumbs and cross-screen links are absolute, because a module page is
+ * mounted under the host's `admin` route and a relative link would resolve
+ * against whatever the user happened to arrive from.
+ */
+export const PATHS = {
+  tasks: ROOT,
+  board: `${ROOT}/board`,
+  week: `${ROOT}/week`,
+  task: (id: number | string): string => `${ROOT}/tasks/${id}`,
+  projects: `${ROOT}/projects`,
+  project: (id: number | string): string => `${ROOT}/projects/${id}`,
+  reports: `${ROOT}/reports`,
+  billing: `${ROOT}/billing`,
+  settings: '/admin/settings/modules',
+  customer: (id: number): string => `/admin/customers/${id}/view`,
+} as const
+
+/** The names the host gives the module's routes, for navigating by name. */
+export const ROUTES = {
+  tasks: `extension.page.${MODULE}.tasks`,
+  list: `extension.page.${MODULE}.tasks.list`,
+  board: `extension.page.${MODULE}.tasks.board`,
+  week: `extension.page.${MODULE}.tasks.week`,
+  task: `extension.page.${MODULE}.task`,
+  projects: `extension.page.${MODULE}.projects`,
+  project: `extension.page.${MODULE}.project`,
+} as const
+
+/**
+ * Hand a page the host services it cannot reach on its own.
+ *
+ * A module bundle runs on the host's Vue instance but not on its Pinia or
+ * router injections, so the client, the notifier and the router arrive as
+ * props. Route params arrive as attrs, because the host registers module pages
+ * with `props: true`, and a tab page also receives whatever its parent passes
+ * through `<router-view>`.
+ */
+export function injectedPage(extensions: InvoiceShelfExtensionApi, page: Component): Component {
+  return defineComponent({
+    setup: (_props, { attrs }) => () =>
+      h(page, {
+        ...attrs,
+        client: extensions.client,
+        notify: (type: NotifyType, message: string): void => {
+          extensions.notify(type, message)
+        },
+        router: extensions.router,
+      }),
+  })
+}
diff --git a/resources/js/support/reports.ts b/resources/js/support/reports.ts
new file mode 100644
index 0000000..d9e3329
--- /dev/null
+++ b/resources/js/support/reports.ts
@@ -0,0 +1,72 @@
+import { addDays, formatLocalDate, startOfWeek } from '@/support/time'
+
+/**
+ * The ranges the reports page offers, and the dates each one covers.
+ *
+ * Every boundary is a local calendar date, because a report is read in the
+ * viewer's own days rather than in UTC, and is handed to the API as the
+ * `Y-m-d` it takes. "This week" follows the company's week-start setting, so
+ * the report and the timesheet agree about where a week begins.
+ */
+
+export const RANGE_PRESETS = [
+  'THIS_WEEK',
+  'THIS_MONTH',
+  'LAST_MONTH',
+  'THIS_QUARTER',
+  'THIS_YEAR',
+  'CUSTOM',
+] as const
+
+export type RangePreset = (typeof RANGE_PRESETS)[number]
+
+export interface DateRange {
+  from: string
+  to: string
+}
+
+const MONTHS_PER_QUARTER = 3
+
+/**
+ * The dates a preset covers, as of `today`.
+ *
+ * `CUSTOM` has no dates of its own: it is what the page switches to when
+ * someone picks a date by hand, so it answers the current month and the caller
+ * leaves the pickers alone.
+ */
+export function rangeFor(preset: RangePreset, weekStart: number, today: Date = new Date()): DateRange {
+  const year = today.getFullYear()
+  const month = today.getMonth()
+
+  switch (preset) {
+    case 'THIS_WEEK': {
+      const start = startOfWeek(today, weekStart)
+
+      return range(start, addDays(start, 6))
+    }
+    case 'LAST_MONTH':
+      return range(new Date(year, month - 1, 1), new Date(year, month, 0))
+    case 'THIS_QUARTER': {
+      const first = Math.floor(month / MONTHS_PER_QUARTER) * MONTHS_PER_QUARTER
+
+      return range(new Date(year, first, 1), new Date(year, first + MONTHS_PER_QUARTER, 0))
+    }
+    case 'THIS_YEAR':
+      return range(new Date(year, 0, 1), new Date(year, 12, 0))
+    default:
+      return range(new Date(year, month, 1), new Date(year, month + 1, 0))
+  }
+}
+
+/** Minutes as a percentage of a total, clamped and never dividing by zero. */
+export function shareOf(minutes: number, total: number): number {
+  if (total <= 0) {
+    return 0
+  }
+
+  return Math.min(100, Math.max(0, Math.round((minutes / total) * 100)))
+}
+
+function range(from: Date, to: Date): DateRange {
+  return { from: formatLocalDate(from), to: formatLocalDate(to) }
+}
diff --git a/resources/js/support/time.ts b/resources/js/support/time.ts
new file mode 100644
index 0000000..f4e4e18
--- /dev/null
+++ b/resources/js/support/time.ts
@@ -0,0 +1,246 @@
+/**
+ * Clocks, durations and weeks.
+ *
+ * The API stores instants in UTC and durations in whole minutes; the timesheet
+ * talks in the viewer's own day, so every conversion here goes through the
+ * browser's local time zone and never through a string comparison of two
+ * differently offset timestamps.
+ */
+
+import type { RoundingDirection } from '@/types/settings'
+
+const MINUTES_PER_HOUR = 60
+const SECONDS_PER_MINUTE = 60
+const DAYS_PER_WEEK = 7
+
+/** Seconds as `h:mm:ss`, which is what a running timer shows. */
+export function formatClock(seconds: number): string {
+  const total = Number.isFinite(seconds) && seconds > 0 ? Math.floor(seconds) : 0
+  const hours = Math.floor(total / (SECONDS_PER_MINUTE * MINUTES_PER_HOUR))
+  const minutes = Math.floor((total % (SECONDS_PER_MINUTE * MINUTES_PER_HOUR)) / SECONDS_PER_MINUTE)
+  const rest = total % SECONDS_PER_MINUTE
+
+  return `${hours}:${pad(minutes)}:${pad(rest)}`
+}
+
+/** Minutes as `h:mm`, which is how a logged duration is written and typed. */
+export function formatDuration(minutes: number | null): string {
+  const total = minutes !== null && Number.isFinite(minutes) && minutes > 0 ? Math.round(minutes) : 0
+
+  return `${Math.floor(total / MINUTES_PER_HOUR)}:${pad(total % MINUTES_PER_HOUR)}`
+}
+
+/**
+ * A typed duration back to minutes.
+ *
+ * Both notations people actually use are accepted: `1:30` and the decimal
+ * `1.5`. Anything else answers null so the caller can mark the field invalid
+ * rather than silently logging zero.
+ */
+export function parseDuration(value: string): number | null {
+  const text = value.trim()
+
+  if (text === '') {
+    return null
+  }
+
+  const clock = /^(\d+):([0-5]?\d)$/.exec(text)
+
+  if (clock) {
+    return Number(clock[1]) * MINUTES_PER_HOUR + Number(clock[2])
+  }
+
+  if (!/^\d+([.,]\d+)?$/.test(text)) {
+    return null
+  }
+
+  const hours = Number(text.replace(',', '.'))
+
+  return Number.isNaN(hours) ? null : Math.round(hours * MINUTES_PER_HOUR)
+}
+
+/**
+ * A duration rounded the way the server will round it.
+ *
+ * This mirrors `Application\Rounding::roundMinutes` so the stop dialog can
+ * promise what the entry is about to say. Zero stays zero whichever way the
+ * company rounds; `nearest` bills a spell shorter than one increment as a
+ * whole one, and `down` is the one direction that may answer zero for real
+ * work. An increment that is not a positive number rounds to the minute, which
+ * is the server's own fallback rather than a crash on the screen.
+ */
+export function roundMinutes(
+  minutes: number,
+  increment: number,
+  direction: RoundingDirection = 'nearest',
+): number {
+  const step = Number.isFinite(increment) && increment >= 1 ? Math.floor(increment) : 1
+  const total = Number.isFinite(minutes) ? Math.floor(minutes) : 0
+
+  if (total <= 0) {
+    return 0
+  }
+
+  if (direction === 'up') {
+    return Math.ceil(total / step) * step
+  }
+
+  if (direction === 'down') {
+    return Math.floor(total / step) * step
+  }
+
+  return total < step ? step : Math.round(total / step) * step
+}
+
+/** The local calendar date of an instant, as the `Y-m-d` the API takes. */
+export function localDateOf(instant: string | null): string {
+  const date = parseInstant(instant)
+
+  return date === null ? '' : formatLocalDate(date)
+}
+
+/** The local wall-clock time of an instant, as the `HH:MM` an input shows. */
+export function localTimeOf(instant: string | null): string {
+  const date = parseInstant(instant)
+
+  return date === null ? '' : `${pad(date.getHours())}:${pad(date.getMinutes())}`
+}
+
+/**
+ * A local date and an optional `HH:MM` back to the instant the API stores.
+ *
+ * The pair is read as local wall-clock time, so an entry typed as "the 3rd,
+ * 09:00" stays on the 3rd at 09:00 for the person who typed it whatever their
+ * offset is. A duration-only entry gets a default hour rather than midnight,
+ * which would land on the previous day for anyone east of UTC.
+ */
+export function localInstant(date: string, time = '09:00'): string | null {
+  const day = parseDateString(date)
+  const clock = /^(\d{1,2}):([0-5]\d)$/.exec(time.trim())
+
+  if (day === null || clock === null) {
+    return null
+  }
+
+  const hours = Number(clock[1])
+
+  if (hours > 23) {
+    return null
+  }
+
+  day.setHours(hours, Number(clock[2]), 0, 0)
+
+  return day.toISOString()
+}
+
+/** The same instant moved by whole minutes, for the end of a typed duration. */
+export function addMinutes(instant: string, minutes: number): string {
+  const date = new Date(instant)
+
+  date.setTime(date.getTime() + minutes * SECONDS_PER_MINUTE * 1000)
+
+  return date.toISOString()
+}
+
+/**
+ * The first day of the week `date` falls in.
+ *
+ * `weekStart` is the company setting, 0 for Sunday through 6 for Saturday; an
+ * out-of-range value falls back to Monday rather than shifting the grid.
+ */
+export function startOfWeek(date: Date, weekStart: number): Date {
+  const first = Number.isInteger(weekStart) && weekStart >= 0 && weekStart <= 6 ? weekStart : 1
+  const start = startOfDay(date)
+  const shift = (start.getDay() - first + DAYS_PER_WEEK) % DAYS_PER_WEEK
+
+  start.setDate(start.getDate() - shift)
+
+  return start
+}
+
+/** The seven days of the week beginning at `start`. */
+export function weekDays(start: Date): Date[] {
+  return Array.from({ length: DAYS_PER_WEEK }, (_unused, index) => addDays(start, index))
+}
+
+export function addDays(date: Date, days: number): Date {
+  const shifted = startOfDay(date)
+
+  shifted.setDate(shifted.getDate() + days)
+
+  return shifted
+}
+
+/** A `Date` as the `Y-m-d` the API takes, in local time. */
+export function formatLocalDate(date: Date): string {
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`
+}
+
+/** The weekday and day-of-month a column of the week grid is labelled with. */
+export function dayLabel(date: Date): { weekday: string; day: string } {
+  return {
+    weekday: date.toLocaleDateString(undefined, { weekday: 'short' }),
+    day: date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' }),
+  }
+}
+
+/** Whether a date is today, so the grid can mark the column. */
+export function isToday(date: Date): boolean {
+  return formatLocalDate(date) === formatLocalDate(new Date())
+}
+
+/** Seconds elapsed since an instant, never negative and never NaN. */
+export function secondsSince(instant: string | null): number {
+  return secondsBetween(instant, Date.now())
+}
+
+/**
+ * The same, measured against a caller-supplied instant.
+ *
+ * Every live clock on a screen reads one shared "now", so the rows tick
+ * together and one timer drives the whole page instead of one per row.
+ */
+export function secondsBetween(instant: string | null, now: number): number {
+  const start = parseInstant(instant)
+
+  if (start === null) {
+    return 0
+  }
+
+  return Math.max(0, Math.floor((now - start.getTime()) / 1000))
+}
+
+function parseInstant(instant: string | null): Date | null {
+  if (!instant) {
+    return null
+  }
+
+  const date = new Date(instant)
+
+  return Number.isNaN(date.getTime()) ? null : date
+}
+
+/** A `Y-m-d` at local midnight. Anything else answers null. */
+function parseDateString(value: string): Date | null {
+  const match = /^(\d{4})-(\d{2})-(\d{2})/.exec(value.trim())
+
+  if (match === null) {
+    return null
+  }
+
+  const date = new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3]), 0, 0, 0, 0)
+
+  return Number.isNaN(date.getTime()) ? null : date
+}
+
+function startOfDay(date: Date): Date {
+  const copy = new Date(date.getTime())
+
+  copy.setHours(0, 0, 0, 0)
+
+  return copy
+}
+
+function pad(value: number): string {
+  return String(value).padStart(2, '0')
+}
diff --git a/resources/js/types/api.ts b/resources/js/types/api.ts
new file mode 100644
index 0000000..11083c7
--- /dev/null
+++ b/resources/js/types/api.ts
@@ -0,0 +1,30 @@
+/** Shapes the host and the module share on every list endpoint. */
+
+export interface PaginationMeta {
+  current_page: number
+  last_page: number
+  per_page: number
+  total: number
+}
+
+/** A Laravel resource collection over a paginator. */
+export interface Paginated<T> {
+  data: T[]
+  meta: PaginationMeta
+}
+
+/** A single Laravel resource, which the host always wraps in `data`. */
+export interface Wrapped<T> {
+  data: T
+}
+
+/**
+ * A host contact, as `/api/v1/customers` renders it. Only the fields the
+ * project form needs are typed; the endpoint returns many more.
+ */
+export interface Customer {
+  id: number
+  name: string | null
+  display_name?: string | null
+  currency_id: number | null
+}
diff --git a/resources/js/types/billing.ts b/resources/js/types/billing.ts
new file mode 100644
index 0000000..358c648
--- /dev/null
+++ b/resources/js/types/billing.ts
@@ -0,0 +1,216 @@
+/**
+ * Everything the invoicing flow passes between the module and the host.
+ *
+ * Money is integer minor units on both sides of the boundary and `quantity` is
+ * decimal hours, which is what the host's own invoice form posts. The shapes
+ * under "module" come from `billing/*`; the ones under "host" are the host's
+ * own invoice, template, number and currency endpoints, typed here only as far
+ * as the flow reads them.
+ */
+
+import type { Customer } from '@/types/api'
+
+/** How a selection is collapsed into invoice lines. */
+export type BillingGrouping = 'task' | 'project' | 'member' | 'summary'
+
+/**
+ * What to invoice, in exactly one of the three shapes the endpoint takes.
+ *
+ * The screens name whichever they know: the unbilled time page ticks entries
+ * off, a row, a task page or a bulk selection names tasks, and a project
+ * header names a project. They are mutually exclusive, which is what the
+ * request rules enforce, so the union is spelled out rather than left as one
+ * object with three optional keys.
+ */
+export interface EntryIdSelection {
+  entryIds: number[]
+  grouping?: BillingGrouping
+}
+
+export interface TaskIdSelection {
+  taskIds: number[]
+  grouping?: BillingGrouping
+}
+
+export interface ProjectSelection {
+  projectId: number
+  grouping?: BillingGrouping
+}
+
+export type BillingSelection = EntryIdSelection | TaskIdSelection | ProjectSelection
+
+/** A customer with time waiting to be invoiced, in one currency. */
+export interface UnbilledCustomer {
+  customer_id: number
+  entries: number
+  minutes: number
+  amount: number
+  currency_id: number | null
+}
+
+/** One unbilled entry, with the names the review step shows. */
+export interface UnbilledEntry {
+  id: number
+  task_id: number
+  task_name: string
+  project_id: number | null
+  project_name: string | null
+  user_id: number
+  user_name: string
+  date: string | null
+  minutes: number
+  amount: number
+  rate: number
+  currency_id: number | null
+  description: string | null
+}
+
+/** One row of a grouped view, with the entries behind it. */
+export interface UnbilledGroup {
+  key: number | null
+  label: string
+  currency_id: number | null
+  rate: number | null
+  entry_ids: number[]
+  minutes: number
+  amount: number
+  description: string | null
+}
+
+export interface UnbilledCurrencyTotal {
+  currency_id: number | null
+  minutes: number
+  amount: number
+}
+
+/** What `billing/unbilled` answers for one customer. */
+export interface UnbilledTime {
+  customer_id: number
+  from: string | null
+  to: string | null
+  entry_ids: number[]
+  minutes: number
+  currencies: UnbilledCurrencyTotal[]
+  entries: UnbilledEntry[]
+  groups: Record<BillingGrouping, UnbilledGroup[]>
+}
+
+/** One prepared invoice line. */
+export interface PreparedItem {
+  name: string
+  description: string | null
+  quantity: number
+  price: number
+  discount_type: string
+  discount: number
+  discount_val: number
+  tax: number
+  taxes: unknown[]
+  total: number
+}
+
+/**
+ * What `billing/prepare` answers: the invoice body, plus the entries behind
+ * each line. `groups[i]` belongs to `items[i]`, which is what lets the created
+ * line ids be zipped back onto the entries positionally.
+ */
+export interface PreparedInvoice {
+  invoice_date: string
+  customer_id: number
+  currency_id: number | null
+  discount: number
+  discount_type: string
+  discount_val: number
+  tax: number
+  sub_total: number
+  total: number
+  notes: string | null
+  template_name: string | null
+  taxes: unknown[]
+  items: PreparedItem[]
+  groups: { entry_ids: number[] }[]
+}
+
+/** One line of the body the host invoice endpoint takes. */
+export interface InvoicePayloadItem extends PreparedItem {
+  taxes: unknown[]
+}
+
+/**
+ * The body posted to the host's `POST /api/v1/invoices`.
+ *
+ * Only the keys the host validates or stores: it recomputes the totals from
+ * the lines, so what is sent here is the module's arithmetic offered for
+ * checking rather than a figure the host trusts.
+ */
+export interface InvoicePayload {
+  invoice_date: string
+  due_date: string | null
+  customer_id: number
+  invoice_number: string
+  currency_id: number | null
+  exchange_rate: number | null
+  discount: number
+  discount_type: string
+  discount_val: number
+  tax: number
+  sub_total: number
+  total: number
+  tax_included: boolean
+  notes: string | null
+  template_name: string
+  items: InvoicePayloadItem[]
+  taxes: unknown[]
+}
+
+/** The invoice the host answers with, as far as the module reads it. */
+export interface CreatedInvoice {
+  id: number
+  invoice_number: string
+  total: number
+  items: { id: number }[]
+}
+
+/** A PDF template, as `GET /api/v1/invoices/templates` lists them. */
+export interface InvoiceTemplate {
+  name: string
+  path: string
+}
+
+/** Enough of a host currency to render an amount in it. */
+export interface CurrencyFormat {
+  id: number
+  code: string
+  symbol: string
+  precision: number
+  thousand_separator: string
+  decimal_separator: string
+  swap_currency_symbol?: boolean
+}
+
+/** A host contact, with the currency the customer list carries. */
+export interface BillingCustomer extends Customer {
+  currency?: CurrencyFormat | null
+}
+
+/**
+ * The company's own invoice defaults, read from the host bootstrap payload.
+ *
+ * A module bundle cannot reach the host's company store, so the module asks
+ * the same endpoint the shell does and keeps only the settings a draft needs:
+ * the home currency, the due-date rule, whether numbers generate themselves
+ * and which template the user last defaulted to.
+ */
+export interface CompanyInvoiceDefaults {
+  currency: CurrencyFormat | null
+  dueDateDays: number
+  setDueDateAutomatically: boolean
+  autoGenerateNumber: boolean
+  defaultTemplate: string | null
+}
+
+/** One line of the confirmation, pairing a created line with its entries. */
+export interface ConfirmItem {
+  invoice_item_id: number
+  entry_ids: number[]
+}
diff --git a/resources/js/types/board.ts b/resources/js/types/board.ts
new file mode 100644
index 0000000..c47cf9e
--- /dev/null
+++ b/resources/js/types/board.ts
@@ -0,0 +1,22 @@
+import type { Task } from '@/types/task'
+import type { TaskStatus } from '@/types/task-status'
+
+/** One column of `GET board`: a status with its tasks in board order. */
+export interface BoardColumn {
+  status: TaskStatus
+  tasks: Task[]
+}
+
+export interface BoardParams {
+  project_id?: number
+  assignee_id?: number
+}
+
+/**
+ * What the host select inputs bind. They hand back the whole option object
+ * rather than an id, so every picker works on this shape.
+ */
+export interface SelectOption {
+  id: number
+  label: string
+}
diff --git a/resources/js/types/member.ts b/resources/js/types/member.ts
new file mode 100644
index 0000000..1d2067b
--- /dev/null
+++ b/resources/js/types/member.ts
@@ -0,0 +1,7 @@
+/** A user of the active company, as the module's members endpoint renders it. */
+export interface CompanyMember {
+  id: number
+  name: string
+  email: string
+  avatar: string | null
+}
diff --git a/resources/js/types/project-member.ts b/resources/js/types/project-member.ts
new file mode 100644
index 0000000..7feaf59
--- /dev/null
+++ b/resources/js/types/project-member.ts
@@ -0,0 +1,21 @@
+/**
+ * A user attached to a project, as `ProjectMemberResource` renders it.
+ *
+ * `user_id` points at a host user without a foreign key, so a member who has
+ * left the company still renders here.
+ */
+export interface ProjectMember {
+  id: number
+  company_id: number
+  project_id: number
+  user_id: number
+  /** Minor units per hour for this member on this project. */
+  rate: number | null
+  created_at: string | null
+  updated_at: string | null
+}
+
+export interface ProjectMemberInput {
+  user_id: number
+  rate: number | null
+}
diff --git a/resources/js/types/project.ts b/resources/js/types/project.ts
new file mode 100644
index 0000000..8253c90
--- /dev/null
+++ b/resources/js/types/project.ts
@@ -0,0 +1,61 @@
+/** The project as `ProjectResource` renders it. Money is integer minor units. */
+
+export type ProjectStatus = 'ACTIVE' | 'ARCHIVED'
+
+export interface ProjectTaskTotals {
+  total: number
+  open: number
+  closed: number
+}
+
+export interface ProjectTotals {
+  tasks: ProjectTaskTotals
+  logged_minutes: number
+  billable_minutes: number
+  billable_amount: number
+  unbilled_amount: number
+  currency_id: number | null
+}
+
+export interface Project {
+  id: number
+  company_id: number
+  customer_id: number | null
+  name: string
+  identifier: string | null
+  description: string | null
+  colour: string | null
+  status: ProjectStatus
+  currency_id: number | null
+  /** Minor units per hour. */
+  default_rate: number | null
+  budget_minutes: number | null
+  due_date: string | null
+  creator_id: number | null
+  is_internal: boolean
+  created_at: string | null
+  updated_at: string | null
+  /** Only the detail endpoint carries these. */
+  totals?: ProjectTotals
+}
+
+/** What the create and update endpoints accept. */
+export interface ProjectInput {
+  name: string
+  customer_id: number | null
+  identifier: string | null
+  description: string | null
+  colour: string | null
+  currency_id?: number | null
+  default_rate: number | null
+  budget_minutes: number | null
+  due_date: string | null
+}
+
+export interface ProjectListParams {
+  page?: number
+  limit?: number
+  /** Omitted when the filter is "all". */
+  status?: ProjectStatus
+  search?: string
+}
diff --git a/resources/js/types/reports.ts b/resources/js/types/reports.ts
new file mode 100644
index 0000000..b85b025
--- /dev/null
+++ b/resources/js/types/reports.ts
@@ -0,0 +1,64 @@
+/**
+ * The read-only aggregates `GET reports/summary` answers with.
+ *
+ * Every row is reported per `currency_id` and nothing is converted: a project
+ * inherits its customer's currency and an internal project has none, so a row
+ * never adds two currencies together. Durations are whole minutes and amounts
+ * are integer minor units, the same convention the rest of the module uses.
+ */
+
+/** The figures every breakdown row carries, whatever it is broken down by. */
+export interface ReportTotals {
+  currency_id: number | null
+  minutes: number
+  amount: number
+  billable_minutes: number
+  billable_amount: number
+  /** Billable and not yet stamped with an invoice. */
+  unbilled_amount: number
+}
+
+export interface ReportProjectRow extends ReportTotals {
+  /** Null for time logged against a task that belongs to no project. */
+  project_id: number | null
+  label: string
+}
+
+export interface ReportMemberRow extends ReportTotals {
+  user_id: number | null
+  /** The server's own label, which reads "Removed member" for a stale id. */
+  label: string
+}
+
+export interface ReportCustomerRow extends ReportTotals {
+  /** Null for internal work, which never reaches the billing screen. */
+  customer_id: number | null
+}
+
+export interface ReportBillableRow extends ReportTotals {
+  billable: boolean
+}
+
+export interface ReportSummary {
+  /** `Y-m-d`, inclusive, echoed back so the page shows the range it charted. */
+  from: string
+  to: string
+  totals: ReportTotals[]
+  by_project: ReportProjectRow[]
+  by_member: ReportMemberRow[]
+  by_customer: ReportCustomerRow[]
+  by_billable: ReportBillableRow[]
+}
+
+export interface ReportParams {
+  /** `Y-m-d`, inclusive. Both default to the current month on the server. */
+  from?: string
+  to?: string
+}
+
+/** One breakdown row with its name already resolved, ready for a table. */
+export interface BreakdownRow extends ReportTotals {
+  /** Unique within its table, so the table can key its rows. */
+  id: string
+  label: string
+}
diff --git a/resources/js/types/settings.ts b/resources/js/types/settings.ts
new file mode 100644
index 0000000..e141c9f
--- /dev/null
+++ b/resources/js/types/settings.ts
@@ -0,0 +1,26 @@
+/** How a stopped entry's minutes are rounded to the increment. */
+export type RoundingDirection = 'nearest' | 'up' | 'down'
+
+/** The module's per-company settings, as the settings endpoint renders them. */
+export interface ModuleSettings {
+  /** Minor units per hour. */
+  default_rate: number
+  rounding_minutes: number
+  rounding_direction: RoundingDirection
+  week_start: number
+  members_see_all_time: boolean
+  /** Start the creator's timer as soon as a task is created. */
+  auto_start_tasks: boolean
+  /** Refuse edits to a task whose time is already on an invoice. */
+  lock_invoiced_tasks: boolean
+  /** Keep invoiced tasks off the board. */
+  hide_invoiced_on_board: boolean
+  /** What an invoice line built from a task carries. */
+  invoice_project_heading: boolean
+  invoice_task_description: boolean
+  invoice_entry_dates: boolean
+  invoice_entry_times: boolean
+  invoice_entry_hours: boolean
+  invoice_entry_descriptions: boolean
+  rounding_increments: number[]
+}
diff --git a/resources/js/types/task-status.ts b/resources/js/types/task-status.ts
new file mode 100644
index 0000000..55130af
--- /dev/null
+++ b/resources/js/types/task-status.ts
@@ -0,0 +1,23 @@
+/** One board column, as `TaskStatusResource` renders it. */
+export interface TaskStatus {
+  id: number
+  company_id: number
+  name: string
+  colour: string | null
+  /** Column order on the board. */
+  position: number
+  /** Where a task lands when none is named. */
+  is_default: boolean
+  /** Counts as done, and stamps the task's `closed_at`. */
+  is_closed: boolean
+  created_at: string | null
+  updated_at: string | null
+}
+
+/** What the create and update endpoints accept. */
+export interface TaskStatusInput {
+  name?: string
+  colour?: string | null
+  is_default?: boolean
+  is_closed?: boolean
+}
diff --git a/resources/js/types/task-summary.ts b/resources/js/types/task-summary.ts
new file mode 100644
index 0000000..7b4e224
--- /dev/null
+++ b/resources/js/types/task-summary.ts
@@ -0,0 +1,11 @@
+/**
+ * The few fields of a task the time screens need: enough to search for one,
+ * label an entry and know whether logging against it is billable by default.
+ */
+export interface TaskSummary {
+  id: number
+  name: string
+  number: number | null
+  project_id: number | null
+  billable: boolean
+}
diff --git a/resources/js/types/task.ts b/resources/js/types/task.ts
new file mode 100644
index 0000000..f2f4d7a
--- /dev/null
+++ b/resources/js/types/task.ts
@@ -0,0 +1,133 @@
+/** A task as `TaskResource` renders it. Money is integer minor units. */
+
+export const TASK_PRIORITIES = ['LOW', 'NORMAL', 'HIGH', 'URGENT'] as const
+
+export type TaskPriority = (typeof TASK_PRIORITIES)[number]
+
+/** Whether any of a task's billable time has reached an invoice. */
+export type TaskInvoiceState = 'none' | 'uninvoiced' | 'invoiced'
+
+/** One entry whose clock is running right now, whoever started it. */
+export interface TaskRunningEntry {
+  entry_id: number
+  user_id: number
+  started_at: string | null
+}
+
+/**
+ * The time summary the API attaches to a task.
+ *
+ * Every screen that shows a task shows its time, so the totals ride along with
+ * the row rather than costing a request each. An older server answers without
+ * the block, so every read of it is guarded.
+ */
+export interface TaskTime {
+  logged_minutes: number
+  billable_minutes: number
+  unbilled_minutes: number
+  /** Minor units, in the currency the entries were logged in. */
+  unbilled_amount: number
+  invoiced: TaskInvoiceState
+  running: TaskRunningEntry[]
+}
+
+export interface Task {
+  id: number
+  company_id: number
+  project_id: number | null
+  /** Denormalised from the project, or set directly on a standalone task. */
+  customer_id: number | null
+  task_status_id: number
+  /** A per-company sequence, for referring to a task in an email. */
+  number: number
+  name: string
+  description: string | null
+  assignee_id: number | null
+  priority: TaskPriority | null
+  due_date: string | null
+  estimated_minutes: number | null
+  billable: boolean
+  /** Minor units per hour, overriding the member and project rates. */
+  rate: number | null
+  /** Fractional board order, kept as a string so no float rewrites it. */
+  board_position: string
+  closed_at: string | null
+  creator_id: number | null
+  created_at: string | null
+  updated_at: string | null
+  /** Absent on a server that predates the time summary. */
+  time?: TaskTime
+}
+
+/**
+ * What the create and update endpoints accept.
+ *
+ * `task_status_id` is never null: the update rule takes an integer, and the
+ * form always has a column selected.
+ */
+export interface TaskInput {
+  name: string
+  task_status_id: number
+  project_id: number | null
+  customer_id: number | null
+  description: string | null
+  assignee_id: number | null
+  priority: TaskPriority | null
+  due_date: string | null
+  estimated_minutes: number | null
+  billable: boolean
+  rate: number | null
+}
+
+/**
+ * The least a task can be created with.
+ *
+ * The start dialog creates a task out of the name someone typed into its
+ * search box, so everything else is left to the server: the default column,
+ * the billable flag and the number all come from the company's own settings.
+ */
+export interface TaskQuickInput {
+  name: string
+  project_id: number | null
+}
+
+export interface TaskListParams {
+  page?: number
+  limit?: number
+  project_id?: number
+  assignee_id?: number
+  task_status_id?: number
+  customer_id?: number
+  search?: string
+  /** 1 for tasks already on an invoice, 0 for the ones still waiting. */
+  invoiced?: 0 | 1
+}
+
+/** Where a dragged card landed: its new column and the two tasks around it. */
+export interface TaskMoveInput {
+  task_status_id: number
+  before_id: number | null
+  after_id: number | null
+}
+
+/** What `POST tasks/bulk` does to the selection. */
+export type TaskBulkAction = 'status' | 'delete'
+
+export interface TaskBulkInput {
+  action: TaskBulkAction
+  ids: number[]
+  /** Required by the `status` action, ignored by the others. */
+  task_status_id?: number
+}
+
+/** A task the bulk endpoint refused, and why. */
+export interface TaskBulkFailure {
+  id: number
+  reason: string
+}
+
+/** The ids the bulk endpoint actually changed. */
+export interface TaskBulkResult {
+  updated: number[]
+  failed: TaskBulkFailure[]
+}
diff --git a/resources/js/types/time-entry.ts b/resources/js/types/time-entry.ts
new file mode 100644
index 0000000..ea1c01b
--- /dev/null
+++ b/resources/js/types/time-entry.ts
@@ -0,0 +1,54 @@
+/**
+ * Logged time, as `TimeEntryResource` renders it.
+ *
+ * Durations are minutes, `rate` is minor units per hour and `amount` is the
+ * money frozen on the entry when it was saved, also in minor units. An entry
+ * carrying an `invoice_id` is stamped: it belongs to an invoice and the API
+ * refuses to delete it.
+ */
+export interface TimeEntry {
+  id: number
+  company_id: number
+  task_id: number
+  project_id: number | null
+  user_id: number
+  started_at: string | null
+  ended_at: string | null
+  duration_minutes: number
+  description: string | null
+  billable: boolean
+  rate: number
+  amount: number
+  currency_id: number | null
+  is_running: boolean
+  invoice_id: number | null
+  invoice_item_id: number | null
+  invoiced_at: string | null
+  created_at: string | null
+  updated_at: string | null
+}
+
+/** What the create and update endpoints accept. */
+export interface TimeEntryInput {
+  task_id: number
+  user_id?: number | null
+  started_at?: string | null
+  ended_at?: string | null
+  duration_minutes?: number | null
+  description?: string | null
+  billable?: boolean
+}
+
+export interface TimeEntryListParams {
+  page?: number
+  limit?: number
+  user_id?: number
+  project_id?: number
+  task_id?: number
+  /** `Y-m-d`, inclusive. */
+  from?: string
+  /** `Y-m-d`, inclusive. */
+  to?: string
+  billable?: boolean
+  billed?: boolean
+}
diff --git a/resources/js/types/timer.ts b/resources/js/types/timer.ts
new file mode 100644
index 0000000..4b5ef77
--- /dev/null
+++ b/resources/js/types/timer.ts
@@ -0,0 +1,58 @@
+import type { TimeEntry } from './time-entry'
+
+/**
+ * The timer endpoint answers with the caller's running entry or with null, so
+ * the payload is wrapped rather than a bare resource.
+ */
+export interface RunningTimer {
+  data: TimeEntry | null
+}
+
+/** What `timer/start` accepts. `billable` overrides the task's own flag. */
+export interface StartTimerInput {
+  task_id: number
+  description?: string | null
+  billable?: boolean
+}
+
+/**
+ * What a stop may carry.
+ *
+ * Every key is optional and an omitted one is left alone by the server, so a
+ * stop with nothing to say keeps whatever the start recorded.
+ */
+export interface StopTimerInput {
+  description?: string | null
+  billable?: boolean
+}
+
+/** What the caller wanted a running timer to do, once the dialog answered. */
+export type StopAnswer =
+  | { action: 'save'; description: string | null; billable: boolean }
+  | { action: 'discard' }
+
+/** The running entry the stop dialog is asking about. */
+export interface StopPrompt {
+  entry: TimeEntry
+}
+
+/**
+ * What the start dialog answered: an existing task, or a task to create first.
+ *
+ * Creating is part of the answer rather than a separate step, because "start
+ * the clock on something I have not written down yet" is one intention and the
+ * dialog should not make the user leave to satisfy it.
+ */
+export type StartAnswer =
+  | { taskId: number; description: string | null; billable: boolean }
+  | {
+      create: { name: string; projectId: number | null }
+      description: string | null
+      billable: boolean
+    }
+
+/** What a caller already knows when it opens the start dialog. */
+export interface StartPreset {
+  taskId?: number
+  projectId?: number
+}
diff --git a/routes/api.php b/routes/api.php
index cb7d514..82a244c 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -1,7 +1,79 @@
 <?php
 
 use Illuminate\Support\Facades\Route;
+use Modules\TasksProjects\Http\Controllers\BillingController;
+use Modules\TasksProjects\Http\Controllers\BoardController;
+use Modules\TasksProjects\Http\Controllers\BulkTasksController;
+use Modules\TasksProjects\Http\Controllers\MembersController;
+use Modules\TasksProjects\Http\Controllers\ProjectMembersController;
+use Modules\TasksProjects\Http\Controllers\ProjectsController;
+use Modules\TasksProjects\Http\Controllers\ReportsController;
+use Modules\TasksProjects\Http\Controllers\SettingsController;
+use Modules\TasksProjects\Http\Controllers\TasksController;
+use Modules\TasksProjects\Http\Controllers\TaskStatusesController;
+use Modules\TasksProjects\Http\Controllers\TaskTimeLogController;
+use Modules\TasksProjects\Http\Controllers\TimeEntriesController;
+use Modules\TasksProjects\Http\Controllers\TimerController;
 
+/*
+ * The module's HTTP surface. See specs/tasks-projects.md "API surface".
+ *
+ * Every route sits behind the host stack: `company` puts the active company on
+ * the request as the `company` header, `bouncer` scopes permissions to it, and
+ * each action then checks its own module ability. The slug prefix means a
+ * future core route can never collide with one of these.
+ */
 Route::prefix('api/v1/tasks-projects')->middleware(['api', 'auth:sanctum', 'company', 'bouncer'])->group(function (): void {
-    // Routes are added in the backend milestone (M3). See specs/tasks-projects.md "API surface".
+    Route::get('projects', [ProjectsController::class, 'index'])->name('tasks-projects.projects.index');
+    Route::post('projects', [ProjectsController::class, 'store'])->name('tasks-projects.projects.store');
+    Route::get('projects/{id}', [ProjectsController::class, 'show'])->name('tasks-projects.projects.show');
+    Route::put('projects/{id}', [ProjectsController::class, 'update'])->name('tasks-projects.projects.update');
+    Route::delete('projects/{id}', [ProjectsController::class, 'destroy'])->name('tasks-projects.projects.destroy');
+    Route::post('projects/{id}/archive', [ProjectsController::class, 'archive'])->name('tasks-projects.projects.archive');
+    Route::post('projects/{id}/unarchive', [ProjectsController::class, 'unarchive'])->name('tasks-projects.projects.unarchive');
+
+    Route::get('projects/{id}/members', [ProjectMembersController::class, 'index'])->name('tasks-projects.project-members.index');
+    Route::post('projects/{id}/members', [ProjectMembersController::class, 'store'])->name('tasks-projects.project-members.store');
+    Route::delete('projects/{id}/members/{userId}', [ProjectMembersController::class, 'destroy'])->name('tasks-projects.project-members.destroy');
+
+    Route::get('members', MembersController::class)->name('tasks-projects.members.index');
+
+    Route::get('tasks', [TasksController::class, 'index'])->name('tasks-projects.tasks.index');
+    Route::post('tasks', [TasksController::class, 'store'])->name('tasks-projects.tasks.store');
+    Route::post('tasks/bulk', BulkTasksController::class)->name('tasks-projects.tasks.bulk');
+    Route::get('tasks/{id}', [TasksController::class, 'show'])->name('tasks-projects.tasks.show');
+    Route::put('tasks/{id}', [TasksController::class, 'update'])->name('tasks-projects.tasks.update');
+    Route::delete('tasks/{id}', [TasksController::class, 'destroy'])->name('tasks-projects.tasks.destroy');
+    Route::post('tasks/{id}/move', [TasksController::class, 'move'])->name('tasks-projects.tasks.move');
+    Route::post('tasks/{id}/start', [TimerController::class, 'startOnTask'])->name('tasks-projects.tasks.start');
+    Route::post('tasks/{id}/stop', [TimerController::class, 'stopOnTask'])->name('tasks-projects.tasks.stop');
+    Route::get('tasks/{id}/time-log', TaskTimeLogController::class)->name('tasks-projects.tasks.time-log');
+
+    Route::get('board', BoardController::class)->name('tasks-projects.board.index');
+
+    Route::get('task-statuses', [TaskStatusesController::class, 'index'])->name('tasks-projects.task-statuses.index');
+    Route::post('task-statuses', [TaskStatusesController::class, 'store'])->name('tasks-projects.task-statuses.store');
+    Route::post('task-statuses/reorder', [TaskStatusesController::class, 'reorder'])->name('tasks-projects.task-statuses.reorder');
+    Route::put('task-statuses/{id}', [TaskStatusesController::class, 'update'])->name('tasks-projects.task-statuses.update');
+    Route::delete('task-statuses/{id}', [TaskStatusesController::class, 'destroy'])->name('tasks-projects.task-statuses.destroy');
+
+    Route::get('time-entries', [TimeEntriesController::class, 'index'])->name('tasks-projects.time-entries.index');
+    Route::post('time-entries', [TimeEntriesController::class, 'store'])->name('tasks-projects.time-entries.store');
+    Route::get('time-entries/{id}', [TimeEntriesController::class, 'show'])->name('tasks-projects.time-entries.show');
+    Route::put('time-entries/{id}', [TimeEntriesController::class, 'update'])->name('tasks-projects.time-entries.update');
+    Route::delete('time-entries/{id}', [TimeEntriesController::class, 'destroy'])->name('tasks-projects.time-entries.destroy');
+
+    Route::get('timer', [TimerController::class, 'show'])->name('tasks-projects.timer.show');
+    Route::delete('timer', [TimerController::class, 'destroy'])->name('tasks-projects.timer.destroy');
+    Route::post('timer/start', [TimerController::class, 'start'])->name('tasks-projects.timer.start');
+    Route::post('timer/stop', [TimerController::class, 'stop'])->name('tasks-projects.timer.stop');
+
+    Route::get('billing/customers', [BillingController::class, 'customers'])->name('tasks-projects.billing.customers');
+    Route::get('billing/unbilled', [BillingController::class, 'unbilled'])->name('tasks-projects.billing.unbilled');
+    Route::post('billing/prepare', [BillingController::class, 'prepare'])->name('tasks-projects.billing.prepare');
+    Route::post('billing/confirm', [BillingController::class, 'confirm'])->name('tasks-projects.billing.confirm');
+
+    Route::get('reports/summary', [ReportsController::class, 'summary'])->name('tasks-projects.reports.summary');
+
+    Route::get('settings', SettingsController::class)->name('tasks-projects.settings.show');
 });
diff --git a/tests/Feature/BillingApiTest.php b/tests/Feature/BillingApiTest.php
new file mode 100644
index 0000000..00648bd
--- /dev/null
+++ b/tests/Feature/BillingApiTest.php
@@ -0,0 +1,486 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Illuminate\Testing\TestResponse;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class BillingApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const CUSTOMER = 42;
+
+    private const CURRENCY = 3;
+
+    private const RATE = 6000;
+
+    private Project $website;
+
+    private Task $landing;
+
+    private Task $pricing;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->companyData->withMember(self::COMPANY, self::DEFAULT_USER, 'Ada Lovelace');
+        $this->website = $this->makeProject(self::COMPANY, [
+            'name' => 'Website',
+            'customer_id' => self::CUSTOMER,
+            'currency_id' => self::CURRENCY,
+        ]);
+        $this->landing = $this->task('Landing page', $this->website);
+        $this->pricing = $this->task('Pricing page', $this->website);
+    }
+
+    public function test_unbilled_collects_the_customers_billable_time_and_groups_it_four_ways(): void
+    {
+        $first = $this->entry($this->landing, 60, '2026-09-01');
+        $second = $this->entry($this->pricing, 90, '2026-09-02');
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER);
+
+        $response->assertOk();
+        $response->assertJsonPath('data.customer_id', self::CUSTOMER);
+        $response->assertJsonPath('data.minutes', 150);
+        $response->assertJsonPath('data.entry_ids', [(int) $first->id, (int) $second->id]);
+        $response->assertJsonPath('data.currencies', [
+            ['currency_id' => self::CURRENCY, 'minutes' => 150, 'amount' => 15000],
+        ]);
+        $response->assertJsonPath('data.groups.task.0.label', 'Landing page');
+        $response->assertJsonPath('data.groups.project.0.label', 'Website');
+        $response->assertJsonPath('data.groups.member.0.label', 'Ada Lovelace');
+        $response->assertJsonPath('data.groups.summary.0.minutes', 150);
+    }
+
+    public function test_unbilled_skips_stamped_non_billable_running_and_internal_time(): void
+    {
+        $open = $this->entry($this->landing, 60, '2026-09-01');
+        $this->entry($this->landing, 60, '2026-09-02', ['billable' => false]);
+        $this->entry($this->landing, 0, '2026-09-03', ['running_user_id' => self::DEFAULT_USER, 'ended_at' => null]);
+        $this->entry($this->landing, 60, '2026-09-04', ['invoice_id' => 77, 'invoice_item_id' => 101]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $internal = $this->makeProject(self::COMPANY, ['name' => 'Internal tooling', 'customer_id' => null]);
+        $stray = $this->makeTask(self::COMPANY, ['name' => 'Stray', 'project_id' => $internal->id, 'customer_id' => self::CUSTOMER]);
+        $this->entry($stray, 60, '2026-09-05', ['project_id' => $internal->id]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER)
+            ->assertOk()
+            ->assertJsonPath('data.entry_ids', [(int) $open->id]);
+    }
+
+    public function test_time_whose_invoice_vanished_from_the_host_comes_back_to_the_unbilled_list(): void
+    {
+        $orphan = $this->entry($this->landing, 60, '2026-09-01', ['invoice_id' => 88, 'invoice_item_id' => 101]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER)
+            ->assertOk()
+            ->assertJsonPath('data.entry_ids', [(int) $orphan->id]);
+    }
+
+    public function test_unbilled_honours_the_date_range_and_needs_a_customer(): void
+    {
+        $this->entry($this->landing, 60, '2026-09-01');
+        $inside = $this->entry($this->landing, 60, '2026-09-10');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER.'&from=2026-09-05&to=2026-09-15')
+            ->assertOk()
+            ->assertJsonPath('data.entry_ids', [(int) $inside->id]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled')
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['customer_id']);
+    }
+
+    public function test_prepare_returns_the_host_invoice_body_for_every_grouping(): void
+    {
+        Carbon::setTestNow('2026-09-15 08:00:00');
+        $first = $this->entry($this->landing, 60, '2026-09-01');
+        $second = $this->entry($this->pricing, 90, '2026-09-02');
+        $ids = [(int) $first->id, (int) $second->id];
+
+        $byTask = $this->prepare($ids, 'task');
+
+        $byTask->assertOk();
+        $byTask->assertJsonPath('data.invoice_date', '2026-09-15');
+        $byTask->assertJsonPath('data.customer_id', self::CUSTOMER);
+        $byTask->assertJsonPath('data.currency_id', self::CURRENCY);
+        $byTask->assertJsonPath('data.sub_total', 15000);
+        $byTask->assertJsonPath('data.total', 15000);
+        $byTask->assertJsonPath('data.notes', null);
+        $byTask->assertJsonPath('data.template_name', null);
+        $byTask->assertJsonPath('data.taxes', []);
+        $byTask->assertJsonPath('data.items', [
+            $this->line('#1 Landing page', 1.0, 6000, '2026-09-01  1.00 h'),
+            $this->line('#2 Pricing page', 1.5, 9000, '2026-09-02  1.50 h'),
+        ]);
+        $byTask->assertJsonPath('data.groups', [
+            ['entry_ids' => [(int) $first->id]],
+            ['entry_ids' => [(int) $second->id]],
+        ]);
+
+        $this->prepare($ids, 'project')->assertJsonPath('data.items.0.name', 'Website')->assertJsonPath('data.items.0.quantity', 2.5);
+        $this->prepare($ids, 'member')->assertJsonPath('data.items.0.name', 'Ada Lovelace');
+        $this->prepare($ids, 'summary')
+            ->assertJsonPath('data.items.0.name', 'Time')
+            ->assertJsonPath('data.items.0.quantity', 2.5)
+            ->assertJsonPath('data.groups', [['entry_ids' => $ids]]);
+    }
+
+    public function test_prepare_refuses_a_grouping_it_does_not_know_and_an_empty_selection(): void
+    {
+        $entry = $this->entry($this->landing, 60, '2026-09-01');
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/prepare', ['entry_ids' => [(int) $entry->id], 'grouping' => 'weekday'])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['grouping']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/prepare', ['entry_ids' => [], 'grouping' => 'task'])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['entry_ids']);
+    }
+
+    public function test_prepare_refuses_a_selection_spanning_two_customers(): void
+    {
+        $ours = $this->entry($this->landing, 60, '2026-09-01');
+        $theirs = $this->entry($this->task('Theirs', null, 43), 60, '2026-09-02');
+
+        $this->prepare([(int) $ours->id, (int) $theirs->id], 'task')
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'mixed_billing_selection');
+    }
+
+    public function test_prepare_refuses_an_entry_of_another_company(): void
+    {
+        $foreignTask = $this->makeTask(self::OTHER_COMPANY, ['customer_id' => self::CUSTOMER]);
+        $foreign = $this->makeEntry(self::OTHER_COMPANY, (int) $foreignTask->id);
+
+        $this->prepare([(int) $foreign->id], 'task')
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'unknown_time_entries');
+    }
+
+    public function test_prepare_refuses_non_billable_time_and_time_with_no_customer(): void
+    {
+        $free = $this->entry($this->landing, 60, '2026-09-01', ['billable' => false]);
+
+        $this->prepare([(int) $free->id], 'task')
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'not_billable');
+
+        $internal = $this->makeProject(self::COMPANY, ['name' => 'Internal tooling', 'customer_id' => null]);
+        $task = $this->makeTask(self::COMPANY, ['name' => 'Internal work', 'project_id' => $internal->id]);
+        $entry = $this->entry($task, 60, '2026-09-02', ['project_id' => $internal->id]);
+
+        $this->prepare([(int) $entry->id], 'task')
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'not_billable');
+    }
+
+    public function test_prepare_refuses_time_that_is_already_on_a_live_invoice(): void
+    {
+        $entry = $this->entry($this->landing, 60, '2026-09-01', ['invoice_id' => 77, 'invoice_item_id' => 101]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $this->prepare([(int) $entry->id], 'task')
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'entries_already_invoiced');
+    }
+
+    public function test_confirm_stamps_the_entries_and_is_safe_to_repeat(): void
+    {
+        $first = $this->entry($this->landing, 60, '2026-09-01');
+        $second = $this->entry($this->pricing, 60, '2026-09-02');
+        $payload = [
+            'invoice_id' => 77,
+            'items' => [
+                ['invoice_item_id' => 101, 'entry_ids' => [(int) $first->id]],
+                ['invoice_item_id' => 102, 'entry_ids' => [(int) $second->id]],
+            ],
+        ];
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/confirm', $payload)
+            ->assertOk()
+            ->assertExactJson(['stamped' => 2]);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/confirm', $payload)
+            ->assertOk()
+            ->assertExactJson(['stamped' => 0]);
+
+        self::assertSame(77, $first->fresh()?->invoice_id);
+        self::assertSame(101, $first->fresh()?->invoice_item_id);
+
+        $this->companyData->withInvoices(self::COMPANY, 77);
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER)
+            ->assertJsonPath('data.entry_ids', []);
+    }
+
+    public function test_confirm_refuses_an_entry_that_belongs_to_another_invoice(): void
+    {
+        $entry = $this->entry($this->landing, 60, '2026-09-01', ['invoice_id' => 77, 'invoice_item_id' => 101]);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/confirm', [
+                'invoice_id' => 78,
+                'items' => [['invoice_item_id' => 201, 'entry_ids' => [(int) $entry->id]]],
+            ])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'entries_already_invoiced');
+    }
+
+    public function test_confirm_refuses_an_entry_of_another_company_and_stamps_nothing(): void
+    {
+        $ours = $this->entry($this->landing, 60, '2026-09-01');
+        $foreignTask = $this->makeTask(self::OTHER_COMPANY);
+        $foreign = $this->makeEntry(self::OTHER_COMPANY, (int) $foreignTask->id);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/confirm', [
+                'invoice_id' => 77,
+                'items' => [['invoice_item_id' => 101, 'entry_ids' => [(int) $ours->id, (int) $foreign->id]]],
+            ])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'unknown_time_entries');
+
+        self::assertNull($ours->fresh()?->invoice_id);
+    }
+
+    public function test_billing_needs_the_invoice_tasks_ability(): void
+    {
+        $entry = $this->entry($this->landing, 60, '2026-09-01');
+        $this->authorization->deny(Authorizes::id(Abilities::INVOICE_TASKS));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/customers')
+            ->assertForbidden();
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER)
+            ->assertForbidden();
+
+        $this->prepare([(int) $entry->id], 'task')->assertForbidden();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/billing/confirm', [
+                'invoice_id' => 77,
+                'items' => [['invoice_item_id' => 101, 'entry_ids' => [(int) $entry->id]]],
+            ])
+            ->assertForbidden();
+    }
+
+    public function test_unbilled_lists_the_entries_behind_the_totals(): void
+    {
+        $entry = $this->entry($this->landing, 90, '2026-09-01', ['description' => 'Hero section']);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/unbilled?customer_id='.self::CUSTOMER)
+            ->assertOk()
+            ->assertJsonPath('data.entries', [[
+                'id' => (int) $entry->id,
+                'task_id' => (int) $this->landing->id,
+                'task_name' => 'Landing page',
+                'project_id' => (int) $this->website->id,
+                'project_name' => 'Website',
+                'user_id' => self::DEFAULT_USER,
+                'user_name' => 'Ada Lovelace',
+                'date' => '2026-09-01',
+                'minutes' => 90,
+                'amount' => 9000,
+                'rate' => self::RATE,
+                'currency_id' => self::CURRENCY,
+                'description' => 'Hero section',
+            ]]);
+    }
+
+    public function test_customers_lists_who_has_time_waiting_to_be_invoiced(): void
+    {
+        $this->entry($this->landing, 60, '2026-09-01');
+        $this->entry($this->pricing, 90, '2026-09-02');
+        $this->entry($this->task('Their logo', null, 43), 30, '2026-09-03');
+        $this->entry($this->landing, 60, '2026-09-04', ['billable' => false]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/customers')
+            ->assertOk()
+            ->assertJsonPath('data', [
+                ['customer_id' => self::CUSTOMER, 'entries' => 2, 'minutes' => 150, 'amount' => 15000, 'currency_id' => self::CURRENCY],
+                ['customer_id' => 43, 'entries' => 1, 'minutes' => 30, 'amount' => 3000, 'currency_id' => self::CURRENCY],
+            ]);
+    }
+
+    public function test_customers_honours_the_date_range(): void
+    {
+        $this->entry($this->landing, 60, '2026-09-01');
+        $this->entry($this->landing, 90, '2026-09-10');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/billing/customers?from=2026-09-05&to=2026-09-15')
+            ->assertOk()
+            ->assertJsonPath('data', [
+                ['customer_id' => self::CUSTOMER, 'entries' => 1, 'minutes' => 90, 'amount' => 9000, 'currency_id' => self::CURRENCY],
+            ]);
+    }
+
+    public function test_prepare_invoices_a_selection_of_tasks(): void
+    {
+        $first = $this->entry($this->landing, 60, '2026-09-01');
+        $second = $this->entry($this->pricing, 90, '2026-09-02');
+        $this->entry($this->task('Theirs', null, 43), 60, '2026-09-03');
+
+        $this->prepareBody(['task_ids' => [(int) $this->landing->id, (int) $this->pricing->id]])
+            ->assertOk()
+            ->assertJsonPath('data.customer_id', self::CUSTOMER)
+            ->assertJsonPath('data.total', 15000)
+            ->assertJsonPath('data.items', [
+                $this->line('#1 Landing page', 1.0, 6000, '2026-09-01  1.00 h'),
+                $this->line('#2 Pricing page', 1.5, 9000, '2026-09-02  1.50 h'),
+            ])
+            ->assertJsonPath('data.groups', [
+                ['entry_ids' => [(int) $first->id]],
+                ['entry_ids' => [(int) $second->id]],
+            ]);
+    }
+
+    public function test_prepare_invoices_a_whole_project(): void
+    {
+        $this->entry($this->landing, 60, '2026-09-01');
+        $this->entry($this->pricing, 90, '2026-09-02');
+        $this->entry($this->task('Ad hoc call', null), 45, '2026-09-03');
+
+        $this->prepareBody(['project_id' => (int) $this->website->id])
+            ->assertOk()
+            ->assertJsonPath('data.total', 15000)
+            ->assertJsonPath('data.items.0.name', '#1 Landing page')
+            ->assertJsonPath('data.items.1.name', '#2 Pricing page')
+            ->assertJsonCount(2, 'data.items');
+    }
+
+    public function test_prepare_takes_exactly_one_kind_of_selection(): void
+    {
+        $entry = $this->entry($this->landing, 60, '2026-09-01');
+
+        $this->prepareBody([])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['entry_ids', 'task_ids', 'project_id']);
+
+        $this->prepareBody(['entry_ids' => [(int) $entry->id], 'task_ids' => [(int) $this->landing->id]])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['entry_ids', 'task_ids']);
+
+        $this->prepareBody(['task_ids' => [(int) $this->landing->id], 'project_id' => (int) $this->website->id])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['task_ids', 'project_id']);
+    }
+
+    public function test_prepare_says_when_a_selection_has_nothing_left_to_bill(): void
+    {
+        $this->entry($this->landing, 60, '2026-09-01', ['billable' => false]);
+
+        $this->prepareBody(['task_ids' => [(int) $this->landing->id]])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'nothing_to_invoice')
+            ->assertJsonPath('message', 'No unbilled billable time on the selected tasks.');
+
+        $this->prepareBody(['project_id' => (int) $this->website->id])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'nothing_to_invoice');
+    }
+
+    public function test_prepare_names_the_customers_a_mixed_task_selection_spans(): void
+    {
+        $theirs = $this->task('Theirs', null, 43);
+        $this->entry($this->landing, 60, '2026-09-01');
+        $this->entry($theirs, 60, '2026-09-02');
+
+        $this->prepareBody(['task_ids' => [(int) $this->landing->id, (int) $theirs->id]])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'mixed_billing_selection')
+            ->assertJsonPath('customer_ids', [self::CUSTOMER, 43]);
+    }
+
+    public function test_prepare_refuses_a_task_or_a_project_of_another_company(): void
+    {
+        $foreignTask = $this->makeTask(self::OTHER_COMPANY, ['customer_id' => self::CUSTOMER]);
+        $foreignProject = $this->makeProject(self::OTHER_COMPANY, ['name' => 'Theirs', 'customer_id' => self::CUSTOMER]);
+
+        $this->prepareBody(['task_ids' => [(int) $foreignTask->id]])->assertNotFound();
+        $this->prepareBody(['project_id' => (int) $foreignProject->id])->assertNotFound();
+    }
+
+    /** One prepared invoice line, with the zeroed keys the host writer reads. */
+    private function line(string $name, float $quantity, int $total, ?string $description = null): array
+    {
+        return [
+            'name' => $name,
+            'description' => $description,
+            'quantity' => $quantity,
+            'price' => self::RATE,
+            'discount_type' => 'fixed',
+            'discount' => 0,
+            'discount_val' => 0,
+            'tax' => 0,
+            'taxes' => [],
+            'total' => $total,
+        ];
+    }
+
+    /** @param list<int> $entryIds */
+    private function prepare(array $entryIds, string $grouping): TestResponse
+    {
+        return $this->prepareBody(['entry_ids' => $entryIds, 'grouping' => $grouping]);
+    }
+
+    /** @param array<string, mixed> $body */
+    private function prepareBody(array $body): TestResponse
+    {
+        return $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/billing/prepare', $body);
+    }
+
+    private function task(string $name, ?Project $project, int $customerId = self::CUSTOMER): Task
+    {
+        return $this->makeTask(self::COMPANY, [
+            'name' => $name,
+            'project_id' => $project?->id,
+            'customer_id' => $project === null ? $customerId : $project->customer_id,
+        ]);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function entry(Task $task, int $minutes, string $day, array $attributes = []): TimeEntry
+    {
+        return $this->makeEntry(self::COMPANY, (int) $task->id, $attributes + [
+            'project_id' => $task->project_id,
+            'user_id' => self::DEFAULT_USER,
+            'started_at' => Carbon::parse($day.' 09:00:00'),
+            'ended_at' => Carbon::parse($day.' 09:00:00')->addMinutes($minutes),
+            'duration_minutes' => $minutes,
+            'rate' => self::RATE,
+            'amount' => (int) round($minutes / 60 * self::RATE),
+            'currency_id' => self::CURRENCY,
+        ]);
+    }
+}
diff --git a/tests/Feature/MembersApiTest.php b/tests/Feature/MembersApiTest.php
new file mode 100644
index 0000000..ede022d
--- /dev/null
+++ b/tests/Feature/MembersApiTest.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class MembersApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    public function test_it_returns_the_host_member_list_of_the_header_company(): void
+    {
+        $this->companyData
+            ->withMember(self::COMPANY, 7, 'Ada Lovelace')
+            ->withMember(self::COMPANY, 8, 'Grace Hopper')
+            ->withMember(self::OTHER_COMPANY, 9, 'Someone Else');
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/members');
+
+        $response->assertOk();
+        $response->assertJsonCount(2, 'data');
+        $response->assertJsonPath('data.0.id', 7);
+        $response->assertJsonPath('data.0.name', 'Ada Lovelace');
+        $response->assertJsonPath('data.1.name', 'Grace Hopper');
+    }
+
+    public function test_a_company_without_members_returns_an_empty_list(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/members')
+            ->assertOk()
+            ->assertExactJson(['data' => []]);
+    }
+
+    public function test_the_picker_needs_the_project_view_ability(): void
+    {
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_PROJECT));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/members')
+            ->assertForbidden();
+    }
+}
diff --git a/tests/Feature/ModuleRegistrationTest.php b/tests/Feature/ModuleRegistrationTest.php
index 1ce7712..a9a2e89 100644
--- a/tests/Feature/ModuleRegistrationTest.php
+++ b/tests/Feature/ModuleRegistrationTest.php
@@ -6,13 +6,16 @@
 
 use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
 use InvoiceShelf\Modules\Registry;
+use Modules\TasksProjects\Application\Rounding;
 use Modules\TasksProjects\Lifecycle\DataCleanup;
+use Modules\TasksProjects\Support\Abilities;
 use Modules\TasksProjects\Support\ModuleRegistration;
+use Modules\TasksProjects\Support\ModuleSettings;
 use Modules\TasksProjects\Tests\TestCase;
 
 final class ModuleRegistrationTest extends TestCase
 {
-    public function test_it_registers_a_local_script_style_sidebar_entry_and_settings_schema(): void
+    public function test_it_registers_a_local_script_and_style(): void
     {
         $modulePath = dirname(__DIR__, 2);
 
@@ -20,28 +23,189 @@ public function test_it_registers_a_local_script_style_sidebar_entry_and_setting
 
         self::assertSame(realpath($modulePath.'/dist/init.js'), Registry::scriptFor('tasks-projects'));
         self::assertSame(realpath($modulePath.'/dist/style.css'), Registry::styleFor('tasks-projects'));
+    }
+
+    public function test_it_registers_projects_and_tasks_as_two_entries_of_the_core_main_group(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
+        self::assertSame([
+            'group' => 'main',
+            'group_label' => '',
+            'priority' => 40,
+            'title' => 'tasksprojects::menu.projects',
+            'link' => '/admin/modules/tasks-projects/projects',
+            'icon' => 'FolderIcon',
+        ], Registry::menuFor('tasks-projects.projects'));
 
         self::assertSame([
-            'group' => 'modules',
-            'group_label' => 'navigation.modules',
-            'priority' => 100,
-            'title' => 'tasksprojects::menu.title',
+            'group' => 'main',
+            'group_label' => '',
+            'priority' => 50,
+            'title' => 'tasksprojects::menu.tasks',
             'link' => '/admin/modules/tasks-projects',
             'icon' => 'ClipboardDocumentListIcon',
         ], Registry::menuFor('tasks-projects'));
 
+        // The primary slug still answers, which is what the host's module page
+        // lookup uses; the second key only ever adds a row to the sidebar.
+        self::assertSame(
+            ['tasks-projects.projects', 'tasks-projects'],
+            array_keys(Registry::allMenu()),
+        );
+    }
+
+    public function test_the_menu_titles_are_translation_keys_that_exist(): void
+    {
+        $menu = require dirname(__DIR__, 2).'/lang/en/menu.php';
+
+        self::assertSame('Projects', $menu['projects']);
+        self::assertSame('Tasks', $menu['tasks']);
+        self::assertArrayHasKey('title', $menu, 'The original key stays for compatibility.');
+    }
+
+    public function test_the_settings_schema_covers_every_stored_key(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
+        $settings = Registry::settingsFor('tasks-projects');
+
+        self::assertNotNull($settings);
+
+        $fields = array_column($settings->fields(), null, 'key');
+
+        self::assertSame([
+            'default_rate',
+            'rounding_minutes',
+            'rounding_direction',
+            'week_start',
+            'members_see_all_time',
+            'auto_start_tasks',
+            'lock_invoiced_tasks',
+            'hide_invoiced_on_board',
+            'invoice_project_heading',
+            'invoice_task_description',
+            'invoice_entry_dates',
+            'invoice_entry_times',
+            'invoice_entry_hours',
+            'invoice_entry_descriptions',
+        ], array_keys($fields));
+
+        self::assertSame(0, $fields['default_rate']['default']);
+        self::assertSame(
+            ['1' => '1', '5' => '5', '6' => '6', '15' => '15', '30' => '30', '60' => '60'],
+            $fields['rounding_minutes']['options'],
+        );
+        self::assertSame(ModuleSettings::DEFAULT_ROUNDING_MINUTES, $fields['rounding_minutes']['default']);
+        self::assertSame(Rounding::NEAREST, $fields['rounding_direction']['default']);
+        self::assertSame(
+            ['nearest', 'up', 'down'],
+            array_keys($fields['rounding_direction']['options']),
+        );
+        self::assertSame(ModuleSettings::DEFAULT_WEEK_START, $fields['week_start']['default']);
+
+        foreach (ModuleSettings::FLAGS as $key => $default) {
+            self::assertSame('switch', $fields[$key]['type'], "Setting {$key} is not a switch.");
+            self::assertSame($default, $fields[$key]['default'], "Setting {$key} has the wrong default.");
+        }
+    }
+
+    public function test_every_select_option_reaches_the_form_translated(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
+        $settings = Registry::settingsFor('tasks-projects');
+
+        self::assertNotNull($settings);
+
+        $fields = array_column($settings->fields(), null, 'key');
+
+        self::assertSame(
+            [Rounding::NEAREST => 'Nearest', Rounding::UP => 'Up', Rounding::DOWN => 'Down'],
+            $fields['rounding_direction']['options'],
+        );
+
+        // The host translates a field's label and a section's title and hands
+        // the options over as they were registered, so an option naming a key
+        // would reach the screen as the key.
+        foreach ($fields as $key => $field) {
+            foreach ($field['options'] ?? [] as $label) {
+                self::assertStringNotContainsString(
+                    '::',
+                    (string) $label,
+                    "Setting {$key} offers an option the reader would see as a translation key.",
+                );
+            }
+        }
+    }
+
+    public function test_the_schema_and_the_cleanup_keys_never_drift_apart(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
         $settings = Registry::settingsFor('tasks-projects');
 
         self::assertNotNull($settings);
         self::assertSame(
-            ['default_rate', 'rounding_minutes', 'week_start', 'members_see_all_time'],
             array_column($settings->fields(), 'key'),
+            DataCleanup::settingKeys(),
+        );
+    }
+
+    public function test_it_contributes_the_whole_ability_catalogue_namespaced_by_slug(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
+        $abilities = Registry::abilitiesFor(Abilities::SLUG);
+
+        self::assertSame([
+            'tasks-projects:view-project',
+            'tasks-projects:create-project',
+            'tasks-projects:edit-project',
+            'tasks-projects:delete-project',
+            'tasks-projects:view-task',
+            'tasks-projects:create-task',
+            'tasks-projects:edit-task',
+            'tasks-projects:delete-task',
+            'tasks-projects:manage-task-status',
+            'tasks-projects:view-own-time',
+            'tasks-projects:view-all-time',
+            'tasks-projects:edit-all-time',
+            'tasks-projects:invoice-tasks',
+        ], array_column($abilities, 'ability'));
+
+        self::assertSame([
+            'View projects',
+            'Create projects',
+            'Edit projects',
+            'Delete projects',
+            'View tasks',
+            'Create tasks',
+            'Edit tasks',
+            'Delete tasks',
+            'Manage task statuses',
+            'View own time',
+            'View all time',
+            'Edit all time',
+            'Invoice tasks',
+        ], array_column($abilities, 'name'));
+    }
+
+    public function test_billing_depends_on_seeing_all_time_and_on_both_host_invoice_abilities(): void
+    {
+        ModuleRegistration::register(dirname(__DIR__, 2));
+
+        $abilities = array_column(Registry::abilitiesFor(Abilities::SLUG), 'depends_on', 'ability');
+
+        self::assertSame(
+            ['tasks-projects:view-all-time', 'create-invoice', 'edit-invoice'],
+            $abilities['tasks-projects:invoice-tasks'],
+        );
+        self::assertSame(
+            ['tasks-projects:view-project', 'view-customer'],
+            $abilities['tasks-projects:create-project'],
         );
-        self::assertSame(0, $settings->fields()[0]['default']);
-        self::assertSame(1, $settings->fields()[1]['default']);
-        self::assertSame(['1' => '1', '6' => '6', '15' => '15', '30' => '30'], $settings->fields()[1]['options']);
-        self::assertSame(1, $settings->fields()[2]['default']);
-        self::assertFalse($settings->fields()[3]['default']);
+        self::assertSame([], $abilities['tasks-projects:view-project']);
     }
 
     public function test_its_data_cleanup_deletes_every_company_setting_and_is_safe_to_repeat(): void
@@ -80,15 +244,14 @@ public function deleteCompanyForAll(string $key): void
         $cleanup->cleanup();
         $cleanup->cleanup();
 
-        self::assertSame([
-            'module.tasks-projects.default_rate',
-            'module.tasks-projects.rounding_minutes',
-            'module.tasks-projects.week_start',
-            'module.tasks-projects.members_see_all_time',
-            'module.tasks-projects.default_rate',
-            'module.tasks-projects.rounding_minutes',
-            'module.tasks-projects.week_start',
-            'module.tasks-projects.members_see_all_time',
-        ], $settings->removedCompanyKeys);
+        $expected = array_map(
+            static fn (string $key): string => ModuleSettings::PREFIX.$key,
+            DataCleanup::settingKeys(),
+        );
+
+        self::assertSame([...$expected, ...$expected], $settings->removedCompanyKeys);
+        self::assertContains(ModuleSettings::PREFIX.'rounding_direction', $settings->removedCompanyKeys);
+        self::assertContains(ModuleSettings::PREFIX.'lock_invoiced_tasks', $settings->removedCompanyKeys);
+        self::assertContains(ModuleSettings::PREFIX.'invoice_entry_hours', $settings->removedCompanyKeys);
     }
 }
diff --git a/tests/Feature/ProjectsApiTest.php b/tests/Feature/ProjectsApiTest.php
new file mode 100644
index 0000000..eed3afe
--- /dev/null
+++ b/tests/Feature/ProjectsApiTest.php
@@ -0,0 +1,363 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\ProjectMember;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class ProjectsApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const CUSTOMER = 42;
+
+    public function test_it_lists_only_the_companys_projects_and_pages_them(): void
+    {
+        $this->makeProject(self::COMPANY, ['name' => 'Alpha']);
+        $this->makeProject(self::COMPANY, ['name' => 'Beta']);
+        $this->makeProject(self::OTHER_COMPANY, ['name' => 'Someone else']);
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/projects?limit=1');
+
+        $response->assertOk();
+        $response->assertJsonPath('meta.total', 2);
+        $response->assertJsonPath('meta.per_page', 1);
+        $response->assertJsonCount(1, 'data');
+        // The list opens newest first, so the second project leads the page.
+        $response->assertJsonPath('data.0.name', 'Beta');
+    }
+
+    public function test_the_list_filters_by_status_customer_member_and_text(): void
+    {
+        $website = $this->makeProject(self::COMPANY, ['name' => 'Website', 'customer_id' => self::CUSTOMER]);
+        $this->makeProject(self::COMPANY, ['name' => 'Internal tooling']);
+        $archived = $this->makeProject(self::COMPANY, ['name' => 'Old site', 'status' => Project::STATUS_ARCHIVED]);
+        $this->makeMember(self::COMPANY, (int) $website->id, 12);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?status='.Project::STATUS_ARCHIVED)
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.id', (int) $archived->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?customer_id='.self::CUSTOMER)
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.id', (int) $website->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?member_id=12')
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.id', (int) $website->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?search=tooling')
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.name', 'Internal tooling');
+    }
+
+    public function test_the_list_opens_newest_first_and_sorts_by_every_supported_key(): void
+    {
+        $this->threeProjects();
+
+        self::assertSame(['Gamma', 'Beta', 'alpha'], $this->names(''));
+        self::assertSame(['alpha', 'Beta', 'Gamma'], $this->names('sort_by=created_at'));
+        self::assertSame(['alpha', 'Beta', 'Gamma'], $this->names('sort_by=name'));
+        self::assertSame(['Gamma', 'Beta', 'alpha'], $this->names('sort_by=name&sort_order=desc'));
+        self::assertSame(['alpha', 'Gamma', 'Beta'], $this->names('sort_by=status'));
+        self::assertSame(['Beta', 'alpha', 'Gamma'], $this->names('sort_by=due_date'));
+        self::assertSame(['alpha', 'Beta', 'Gamma'], $this->names('sort_by=due_date&sort_order=desc'));
+        self::assertSame(['alpha', 'Beta', 'Gamma'], $this->names('sort_by=default_rate'));
+        self::assertSame(['Beta', 'alpha', 'Gamma'], $this->names('sort_by=default_rate&sort_order=desc'));
+    }
+
+    public function test_a_project_without_the_sorted_value_lands_last_whichever_way_the_list_runs(): void
+    {
+        $this->threeProjects();
+
+        // Gamma has neither a due date nor a rate, so it never leads the page.
+        self::assertSame('Gamma', $this->names('sort_by=due_date')[2]);
+        self::assertSame('Gamma', $this->names('sort_by=due_date&sort_order=desc')[2]);
+        self::assertSame('Gamma', $this->names('sort_by=default_rate')[2]);
+        self::assertSame('Gamma', $this->names('sort_by=default_rate&sort_order=desc')[2]);
+    }
+
+    public function test_the_sort_survives_paging(): void
+    {
+        $this->threeProjects();
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?sort_by=name&limit=2&page=2')
+            ->assertOk()
+            ->assertJsonCount(1, 'data')
+            ->assertJsonPath('data.0.name', 'Gamma');
+    }
+
+    public function test_the_list_refuses_a_sort_key_or_direction_it_does_not_know(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?sort_by=colour')
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['sort_by']);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?sort_by=name&sort_order=sideways')
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['sort_order']);
+    }
+
+    public function test_it_creates_a_project_for_the_header_company_and_stamps_the_creator(): void
+    {
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/projects', [
+            'name' => 'Website redesign',
+            'customer_id' => self::CUSTOMER,
+            'identifier' => 'WEB',
+            'default_rate' => 12000,
+            'budget_minutes' => 600,
+            'due_date' => '2026-12-31',
+        ]);
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.company_id', self::COMPANY);
+        $response->assertJsonPath('data.creator_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.status', Project::STATUS_ACTIVE);
+        $response->assertJsonPath('data.default_rate', 12000);
+        $response->assertJsonPath('data.due_date', '2026-12-31');
+        $response->assertJsonPath('data.is_internal', false);
+
+        self::assertSame(1, Project::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_a_project_without_a_customer_is_internal(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects', ['name' => 'Internal tooling'])
+            ->assertCreated()
+            ->assertJsonPath('data.is_internal', true);
+    }
+
+    public function test_it_rejects_a_project_without_a_name(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects', ['default_rate' => -1])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['name', 'default_rate']);
+    }
+
+    public function test_the_detail_carries_the_totals_the_list_leaves_out(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => self::CUSTOMER, 'currency_id' => 3]);
+        $status = $this->makeStatus(self::COMPANY, ['is_closed' => true]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id, 'task_status_id' => $status->id, 'closed_at' => now()]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['project_id' => $project->id, 'duration_minutes' => 90, 'amount' => 15000]);
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/projects/'.$project->id);
+
+        $response->assertOk();
+        $response->assertJsonPath('data.totals.tasks.total', 1);
+        $response->assertJsonPath('data.totals.tasks.closed', 1);
+        $response->assertJsonPath('data.totals.logged_minutes', 90);
+        $response->assertJsonPath('data.totals.billable_amount', 15000);
+        $response->assertJsonPath('data.totals.unbilled_amount', 15000);
+        $response->assertJsonPath('data.totals.currency_id', 3);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects')
+            ->assertJsonMissingPath('data.0.totals');
+    }
+
+    public function test_it_updates_a_project(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/projects/'.$project->id, ['name' => 'Renamed', 'colour' => '#ff0000'])
+            ->assertOk()
+            ->assertJsonPath('data.name', 'Renamed')
+            ->assertJsonPath('data.colour', '#ff0000');
+    }
+
+    public function test_archive_and_unarchive_flip_the_status(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/archive')
+            ->assertOk()
+            ->assertJsonPath('data.status', Project::STATUS_ARCHIVED);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/unarchive')
+            ->assertOk()
+            ->assertJsonPath('data.status', Project::STATUS_ACTIVE);
+    }
+
+    public function test_it_deletes_a_project(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/projects/'.$project->id)
+            ->assertOk()
+            ->assertJson(['success' => true]);
+
+        self::assertSame(0, Project::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_a_project_with_invoiced_time_refuses_to_be_deleted(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => self::CUSTOMER]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'project_id' => $project->id,
+            'invoice_id' => 77,
+            'invoice_item_id' => 88,
+        ]);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/projects/'.$project->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'project_in_use');
+    }
+
+    public function test_attaching_a_member_needs_the_user_to_be_a_company_member(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+        $this->companyData->withMember(self::COMPANY, 12, 'Ada Lovelace');
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/members', ['user_id' => 99])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['user_id']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/members', ['user_id' => 12, 'rate' => 9000])
+            ->assertCreated()
+            ->assertJsonPath('data.user_id', 12)
+            ->assertJsonPath('data.rate', 9000);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects/'.$project->id.'/members')
+            ->assertOk()
+            ->assertJsonCount(1, 'data')
+            ->assertJsonPath('data.0.user_id', 12);
+    }
+
+    public function test_detaching_a_member_leaves_their_time_alone(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+        $this->makeMember(self::COMPANY, (int) $project->id, 12);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id, ['project_id' => $project->id, 'user_id' => 12]);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/projects/'.$project->id.'/members/12')
+            ->assertOk();
+
+        self::assertSame(0, ProjectMember::query()->forCompany(self::COMPANY)->count());
+        self::assertNotNull(TimeEntry::query()->find($entry->id));
+    }
+
+    public function test_a_project_of_another_company_is_not_found(): void
+    {
+        $project = $this->makeProject(self::OTHER_COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects/'.$project->id)
+            ->assertNotFound();
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/projects/'.$project->id, ['name' => 'Mine now'])
+            ->assertNotFound();
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/projects/'.$project->id)
+            ->assertNotFound();
+    }
+
+    public function test_every_action_refuses_without_its_ability(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+        $this->companyData->withMember(self::COMPANY, 12, 'Ada Lovelace');
+
+        $this->authorization->deny(
+            Authorizes::id(Abilities::VIEW_PROJECT),
+            Authorizes::id(Abilities::CREATE_PROJECT),
+            Authorizes::id(Abilities::EDIT_PROJECT),
+            Authorizes::id(Abilities::DELETE_PROJECT),
+        );
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/projects')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/projects', ['name' => 'Nope'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/projects/'.$project->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/projects/'.$project->id, ['name' => 'Nope'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/projects/'.$project->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/archive')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/projects/'.$project->id.'/members', ['user_id' => 12])->assertForbidden();
+    }
+
+    public function test_the_ability_is_checked_for_the_header_company_and_the_authenticated_user(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/projects')->assertOk();
+
+        self::assertSame([
+            'user_id' => self::DEFAULT_USER,
+            'company_id' => self::COMPANY,
+            'ability' => 'tasks-projects:view-project',
+            'resource' => null,
+        ], $this->authorization->checks[0]);
+    }
+
+    /**
+     * Three projects that differ in every sortable column, created a day
+     * apart so `created_at` orders them without relying on the clock.
+     *
+     * The lowercase name is deliberate: a byte comparison would file it after
+     * the capitalised ones, and a person reading the list would not.
+     */
+    private function threeProjects(): void
+    {
+        Carbon::setTestNow('2026-09-01 09:00:00');
+        $this->makeProject(self::COMPANY, [
+            'name' => 'alpha',
+            'due_date' => '2026-12-31',
+            'default_rate' => 9000,
+        ]);
+
+        Carbon::setTestNow('2026-09-02 09:00:00');
+        $this->makeProject(self::COMPANY, [
+            'name' => 'Beta',
+            'status' => Project::STATUS_ARCHIVED,
+            'due_date' => '2026-01-31',
+            'default_rate' => 12000,
+        ]);
+
+        Carbon::setTestNow('2026-09-03 09:00:00');
+        $this->makeProject(self::COMPANY, ['name' => 'Gamma']);
+
+        Carbon::setTestNow();
+    }
+
+    /**
+     * The names the list answers with, in the order it answered them.
+     *
+     * @return list<string>
+     */
+    private function names(string $query): array
+    {
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/projects?'.$query);
+
+        $response->assertOk();
+
+        return array_column((array) $response->json('data'), 'name');
+    }
+}
diff --git a/tests/Feature/ReportsApiTest.php b/tests/Feature/ReportsApiTest.php
new file mode 100644
index 0000000..e113429
--- /dev/null
+++ b/tests/Feature/ReportsApiTest.php
@@ -0,0 +1,188 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class ReportsApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const CUSTOMER = 42;
+
+    private const OTHER_USER = 8;
+
+    private Project $website;
+
+    private Task $landing;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->companyData
+            ->withMember(self::COMPANY, self::DEFAULT_USER, 'Ada Lovelace')
+            ->withMember(self::COMPANY, self::OTHER_USER, 'Grace Hopper');
+
+        $this->website = $this->makeProject(self::COMPANY, [
+            'name' => 'Website',
+            'customer_id' => self::CUSTOMER,
+            'currency_id' => 3,
+        ]);
+        $this->landing = $this->makeTask(self::COMPANY, [
+            'name' => 'Landing page',
+            'project_id' => $this->website->id,
+            'customer_id' => self::CUSTOMER,
+        ]);
+    }
+
+    public function test_the_summary_totals_per_currency_and_splits_billable_from_the_rest(): void
+    {
+        $this->entry(60, '2026-09-01', 6000);
+        $this->entry(30, '2026-09-02', 3000, ['invoice_id' => 77, 'invoice_item_id' => 101]);
+        $this->entry(45, '2026-09-03', 0, ['billable' => false]);
+        $this->entry(60, '2026-09-04', 9000, ['currency_id' => 4]);
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30');
+
+        $response->assertOk();
+        $response->assertJsonPath('data.from', '2026-09-01');
+        $response->assertJsonPath('data.to', '2026-09-30');
+        $response->assertJsonPath('data.totals', [
+            [
+                'currency_id' => 3,
+                'minutes' => 135,
+                'amount' => 9000,
+                'billable_minutes' => 90,
+                'billable_amount' => 9000,
+                'unbilled_amount' => 6000,
+            ],
+            [
+                'currency_id' => 4,
+                'minutes' => 60,
+                'amount' => 9000,
+                'billable_minutes' => 60,
+                'billable_amount' => 9000,
+                'unbilled_amount' => 9000,
+            ],
+        ]);
+        $response->assertJsonPath('data.by_billable.0.billable', true);
+        $response->assertJsonPath('data.by_billable.0.minutes', 90);
+        $response->assertJsonPath('data.by_billable.1.billable', false);
+        $response->assertJsonPath('data.by_billable.1.minutes', 45);
+    }
+
+    public function test_the_summary_breaks_down_by_project_member_and_customer(): void
+    {
+        $this->entry(60, '2026-09-01', 6000);
+        $this->entry(120, '2026-09-02', 12000, ['user_id' => self::OTHER_USER]);
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30');
+
+        $response->assertJsonPath('data.by_project.0.label', 'Website');
+        $response->assertJsonPath('data.by_project.0.minutes', 180);
+        $response->assertJsonPath('data.by_member.0.label', 'Ada Lovelace');
+        $response->assertJsonPath('data.by_member.1.label', 'Grace Hopper');
+        $response->assertJsonPath('data.by_customer.0.customer_id', self::CUSTOMER);
+        $response->assertJsonPath('data.by_customer.0.minutes', 180);
+    }
+
+    public function test_the_range_leaves_out_what_falls_outside_it(): void
+    {
+        $this->entry(60, '2026-08-31', 6000);
+        $this->entry(30, '2026-09-10', 3000);
+        $this->entry(60, '2026-10-01', 6000);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30')
+            ->assertJsonPath('data.totals.0.minutes', 30);
+    }
+
+    public function test_the_range_defaults_to_the_current_month(): void
+    {
+        Carbon::setTestNow('2026-09-15 12:00:00');
+        $this->entry(60, '2026-08-20', 6000);
+        $this->entry(30, '2026-09-10', 3000);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary')
+            ->assertOk()
+            ->assertJsonPath('data.from', '2026-09-01')
+            ->assertJsonPath('data.to', '2026-09-15')
+            ->assertJsonPath('data.totals.0.minutes', 30);
+    }
+
+    public function test_a_viewer_with_only_their_own_time_reports_on_their_own_time(): void
+    {
+        $this->entry(60, '2026-09-01', 6000);
+        $this->entry(120, '2026-09-02', 12000, ['user_id' => self::OTHER_USER]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30')
+            ->assertJsonPath('data.totals.0.minutes', 180);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30');
+
+        $response->assertJsonPath('data.totals.0.minutes', 60);
+        $response->assertJsonPath('data.by_member', [[
+            'user_id' => self::DEFAULT_USER,
+            'label' => 'Ada Lovelace',
+            'currency_id' => 3,
+            'minutes' => 60,
+            'amount' => 6000,
+            'billable_minutes' => 60,
+            'billable_amount' => 6000,
+            'unbilled_amount' => 6000,
+        ]]);
+    }
+
+    public function test_the_summary_never_reaches_another_company(): void
+    {
+        $this->entry(60, '2026-09-01', 6000);
+        $foreign = $this->makeTask(self::OTHER_COMPANY);
+        $this->makeEntry(self::OTHER_COMPANY, (int) $foreign->id, ['duration_minutes' => 600, 'amount' => 60000]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary?from=2026-09-01&to=2026-09-30')
+            ->assertJsonPath('data.totals.0.minutes', 60);
+    }
+
+    public function test_the_summary_needs_the_own_time_ability(): void
+    {
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_OWN_TIME));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/reports/summary')
+            ->assertForbidden();
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function entry(int $minutes, string $day, int $amount, array $attributes = []): TimeEntry
+    {
+        return $this->makeEntry(self::COMPANY, (int) $this->landing->id, $attributes + [
+            'project_id' => $this->website->id,
+            'user_id' => self::DEFAULT_USER,
+            'started_at' => Carbon::parse($day.' 09:00:00'),
+            'ended_at' => Carbon::parse($day.' 09:00:00')->addMinutes($minutes),
+            'duration_minutes' => $minutes,
+            'rate' => 6000,
+            'amount' => $amount,
+            'currency_id' => 3,
+        ]);
+    }
+}
diff --git a/tests/Feature/SettingsApiTest.php b/tests/Feature/SettingsApiTest.php
new file mode 100644
index 0000000..1d71135
--- /dev/null
+++ b/tests/Feature/SettingsApiTest.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Modules\TasksProjects\Application\Rounding;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class SettingsApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    public function test_a_company_that_has_never_saved_a_setting_gets_the_defaults(): void
+    {
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/settings');
+
+        $response->assertOk();
+        $response->assertExactJson(['data' => [
+            'default_rate' => 0,
+            'rounding_minutes' => ModuleSettings::DEFAULT_ROUNDING_MINUTES,
+            'rounding_direction' => Rounding::NEAREST,
+            'week_start' => ModuleSettings::DEFAULT_WEEK_START,
+            'members_see_all_time' => false,
+            'auto_start_tasks' => false,
+            'lock_invoiced_tasks' => false,
+            'hide_invoiced_on_board' => false,
+            'invoice_project_heading' => false,
+            'invoice_task_description' => true,
+            'invoice_entry_dates' => true,
+            'invoice_entry_times' => false,
+            'invoice_entry_hours' => true,
+            'invoice_entry_descriptions' => false,
+            'rounding_increments' => ModuleSettings::ROUNDING_INCREMENTS,
+        ]]);
+    }
+
+    public function test_the_offered_increments_cover_the_way_firms_actually_bill(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertOk()
+            ->assertJsonPath('data.rounding_increments', [1, 5, 6, 15, 30, 60]);
+    }
+
+    public function test_the_new_switches_and_the_direction_come_back_as_stored(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_direction', Rounding::UP);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'auto_start_tasks', 'YES');
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'lock_invoiced_tasks', 1);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'hide_invoiced_on_board', true);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'invoice_task_description', false);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'invoice_entry_times', 'true');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertOk()
+            ->assertJsonPath('data.rounding_direction', Rounding::UP)
+            ->assertJsonPath('data.auto_start_tasks', true)
+            ->assertJsonPath('data.lock_invoiced_tasks', true)
+            ->assertJsonPath('data.hide_invoiced_on_board', true)
+            ->assertJsonPath('data.invoice_task_description', false)
+            ->assertJsonPath('data.invoice_entry_times', true);
+    }
+
+    public function test_a_direction_the_module_does_not_know_falls_back_to_nearest(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_direction', 'sideways');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertJsonPath('data.rounding_direction', Rounding::NEAREST);
+    }
+
+    public function test_stored_values_come_back_typed_whatever_the_host_wrote(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'default_rate', '12000');
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', '15');
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'week_start', '0');
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'members_see_all_time', 'YES');
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/settings');
+
+        $response->assertOk();
+        $response->assertJsonPath('data.default_rate', 12000);
+        $response->assertJsonPath('data.rounding_minutes', 15);
+        $response->assertJsonPath('data.week_start', 0);
+        $response->assertJsonPath('data.members_see_all_time', true);
+    }
+
+    public function test_an_unusable_stored_value_falls_back_to_the_default(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 7);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertJsonPath('data.rounding_minutes', ModuleSettings::DEFAULT_ROUNDING_MINUTES);
+    }
+
+    public function test_settings_are_per_company(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'default_rate', 12000);
+
+        $this->asCompany(10)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertJsonPath('data.default_rate', 0);
+    }
+
+    public function test_reading_the_settings_needs_the_project_view_ability(): void
+    {
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_PROJECT));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/settings')
+            ->assertForbidden();
+    }
+}
diff --git a/tests/Feature/TaskStatusesApiTest.php b/tests/Feature/TaskStatusesApiTest.php
new file mode 100644
index 0000000..34bbe8e
--- /dev/null
+++ b/tests/Feature/TaskStatusesApiTest.php
@@ -0,0 +1,175 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TaskStatusesApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    public function test_the_four_defaults_appear_the_first_time_a_company_asks(): void
+    {
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+
+        $response->assertOk();
+        $response->assertJsonCount(4, 'data');
+        $response->assertJsonPath('data.0.name', 'Backlog');
+        $response->assertJsonPath('data.0.is_default', true);
+        $response->assertJsonPath('data.3.name', 'Done');
+        $response->assertJsonPath('data.3.is_closed', true);
+        $response->assertJsonPath('data.0.position', 1);
+        $response->assertJsonPath('data.3.position', 4);
+    }
+
+    public function test_asking_twice_does_not_seed_the_defaults_again(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses')->assertOk();
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses')->assertJsonCount(4, 'data');
+
+        self::assertSame(count(TaskStatusService::DEFAULTS), TaskStatus::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_two_companies_get_their_own_independent_columns(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses')->assertJsonCount(4, 'data');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/task-statuses', ['name' => 'Blocked'])->assertCreated();
+
+        $this->asCompany(self::OTHER_COMPANY)
+            ->getJson('/api/v1/tasks-projects/task-statuses')
+            ->assertJsonCount(4, 'data')
+            ->assertJsonMissing(['name' => 'Blocked']);
+
+        self::assertSame(5, TaskStatus::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(4, TaskStatus::query()->forCompany(self::OTHER_COMPANY)->count());
+    }
+
+    public function test_a_created_status_lands_last_and_can_take_the_default_over(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/task-statuses', [
+            'name' => 'Blocked',
+            'colour' => '#ef4444',
+            'is_default' => true,
+        ]);
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.position', 5);
+        $response->assertJsonPath('data.is_default', true);
+
+        $defaults = TaskStatus::query()->forCompany(self::COMPANY)->where('is_default', true)->pluck('name')->all();
+        self::assertSame(['Blocked'], $defaults);
+    }
+
+    public function test_only_one_status_stays_the_default_after_an_update(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+        $review = TaskStatus::query()->forCompany(self::COMPANY)->where('name', 'Review')->firstOrFail();
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/task-statuses/'.$review->id, ['is_default' => true])
+            ->assertOk()
+            ->assertJsonPath('data.is_default', true);
+
+        self::assertSame(
+            ['Review'],
+            TaskStatus::query()->forCompany(self::COMPANY)->where('is_default', true)->pluck('name')->all(),
+        );
+    }
+
+    public function test_reorder_applies_the_wanted_order_and_returns_the_new_board(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+        $statuses = TaskStatus::query()->forCompany(self::COMPANY)->orderBy('position')->pluck('id', 'name')->all();
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/task-statuses/reorder', [
+            'ids' => [$statuses['Done'], $statuses['Review']],
+        ]);
+
+        $response->assertOk();
+        $response->assertJsonPath('data.0.name', 'Done');
+        $response->assertJsonPath('data.0.position', 1);
+        $response->assertJsonPath('data.1.name', 'Review');
+        $response->assertJsonPath('data.2.name', 'Backlog');
+        $response->assertJsonPath('data.3.name', 'In Progress');
+    }
+
+    public function test_reorder_refuses_an_id_from_another_company(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+        $foreign = $this->makeStatus(self::OTHER_COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/task-statuses/reorder', ['ids' => [$foreign->id]])
+            ->assertNotFound();
+    }
+
+    public function test_a_status_holding_tasks_cannot_be_deleted(): void
+    {
+        $status = $this->makeStatus(self::COMPANY, ['name' => 'Backlog']);
+        $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false, 'is_closed' => true]);
+        $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/task-statuses/'.$status->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'status_in_use');
+    }
+
+    public function test_the_last_status_of_a_company_cannot_be_deleted(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/task-statuses/'.$status->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'status_in_use');
+    }
+
+    public function test_an_empty_status_is_deleted(): void
+    {
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses');
+        $review = TaskStatus::query()->forCompany(self::COMPANY)->where('name', 'Review')->firstOrFail();
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/task-statuses/'.$review->id)
+            ->assertOk()
+            ->assertJson(['success' => true]);
+
+        self::assertSame(3, TaskStatus::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_a_status_of_another_company_is_not_found(): void
+    {
+        $foreign = $this->makeStatus(self::OTHER_COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/task-statuses/'.$foreign->id, ['name' => 'Mine now'])
+            ->assertNotFound();
+    }
+
+    public function test_reading_needs_view_task_and_writing_needs_manage_task_status(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+
+        $this->authorization->deny(Authorizes::id(Abilities::MANAGE_TASK_STATUS));
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses')->assertOk();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/task-statuses', ['name' => 'Blocked'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/task-statuses/'.$status->id, ['name' => 'Nope'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/task-statuses/'.$status->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/task-statuses/reorder', ['ids' => [$status->id]])->assertForbidden();
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_TASK));
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/task-statuses')->assertForbidden();
+    }
+}
diff --git a/tests/Feature/TaskTimeLogApiTest.php b/tests/Feature/TaskTimeLogApiTest.php
new file mode 100644
index 0000000..355caf5
--- /dev/null
+++ b/tests/Feature/TaskTimeLogApiTest.php
@@ -0,0 +1,164 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\TimeEntryService;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+/**
+ * The time log of one task: what the grid on the task page reads.
+ *
+ * The totals on the task are open to anyone who may see the task, but the rows
+ * behind them follow the timesheet's own visibility rule, so this is where that
+ * split is pinned down.
+ */
+final class TaskTimeLogApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const OTHER_USER = 8;
+
+    public function test_the_log_puts_the_running_row_first_and_then_the_newest(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $oldest = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'started_at' => Carbon::parse('2026-09-01 09:00:00'),
+            'ended_at' => Carbon::parse('2026-09-01 10:00:00'),
+        ]);
+        $newest = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'started_at' => Carbon::parse('2026-09-03 09:00:00'),
+            'ended_at' => Carbon::parse('2026-09-03 10:00:00'),
+        ]);
+        $middle = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'started_at' => Carbon::parse('2026-09-02 09:00:00'),
+            'ended_at' => Carbon::parse('2026-09-02 10:00:00'),
+        ]);
+        // A clock started long before any of them still belongs at the top.
+        $running = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'started_at' => Carbon::parse('2026-08-01 09:00:00'),
+            'ended_at' => null,
+            'duration_minutes' => 0,
+            'running_user_id' => self::DEFAULT_USER,
+        ]);
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log');
+
+        $response->assertOk();
+        self::assertSame(
+            [(int) $running->id, (int) $newest->id, (int) $middle->id, (int) $oldest->id],
+            $response->json('data.*.id'),
+        );
+        $response->assertJsonPath('data.0.is_running', true);
+    }
+
+    public function test_the_log_only_carries_the_entries_of_its_own_task(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $other = $this->makeTask(self::COMPANY, ['name' => 'Something else']);
+
+        $mine = $this->makeEntry(self::COMPANY, (int) $task->id);
+        $this->makeEntry(self::COMPANY, (int) $other->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log')
+            ->assertOk()
+            ->assertJsonCount(1, 'data')
+            ->assertJsonPath('data.0.id', (int) $mine->id);
+    }
+
+    public function test_the_log_is_capped_rather_than_paged(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $rows = TimeEntryService::LOG_LIMIT + 3;
+
+        for ($minute = 0; $minute < $rows; $minute++) {
+            $this->makeEntry(self::COMPANY, (int) $task->id, [
+                'started_at' => Carbon::parse('2026-09-01 00:00:00')->addMinutes($minute),
+                'ended_at' => Carbon::parse('2026-09-01 00:30:00')->addMinutes($minute),
+                'duration_minutes' => 30,
+            ]);
+        }
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log');
+
+        $response->assertOk();
+        $response->assertJsonCount(TimeEntryService::LOG_LIMIT, 'data');
+        self::assertSame($rows, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_without_view_all_time_the_log_is_the_callers_own_rows(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $mine = $this->makeEntry(self::COMPANY, (int) $task->id);
+        $theirs = $this->makeEntry(self::COMPANY, (int) $task->id, ['user_id' => self::OTHER_USER]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log')
+            ->assertOk()
+            ->assertJsonCount(2, 'data');
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log');
+
+        $response->assertOk();
+        $response->assertJsonCount(1, 'data');
+        $response->assertJsonPath('data.0.id', (int) $mine->id);
+
+        // The totals on the task still count everybody's time.
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id)
+            ->assertJsonPath('data.time.logged_minutes', 120);
+
+        self::assertNotNull($theirs->id);
+    }
+
+    public function test_the_company_setting_opens_the_log_without_the_ability(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['user_id' => self::OTHER_USER]);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'members_see_all_time', true);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log')
+            ->assertOk()
+            ->assertJsonCount(2, 'data');
+    }
+
+    public function test_the_log_of_another_companys_task_is_not_found(): void
+    {
+        $task = $this->makeTask(self::OTHER_COMPANY);
+        $this->makeEntry(self::OTHER_COMPANY, (int) $task->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log')
+            ->assertNotFound();
+    }
+
+    public function test_reading_the_log_needs_the_task_view_ability(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_TASK));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task->id.'/time-log')
+            ->assertForbidden();
+    }
+}
diff --git a/tests/Feature/TasksApiTest.php b/tests/Feature/TasksApiTest.php
new file mode 100644
index 0000000..1890a64
--- /dev/null
+++ b/tests/Feature/TasksApiTest.php
@@ -0,0 +1,759 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\DB;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TasksApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const CUSTOMER = 42;
+
+    public function test_the_task_number_is_a_per_company_sequence(): void
+    {
+        $first = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks', ['name' => 'First']);
+        $second = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Second']);
+        $elsewhere = $this->asCompany(self::OTHER_COMPANY)->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Theirs']);
+
+        $first->assertCreated()->assertJsonPath('data.number', 1);
+        $second->assertCreated()->assertJsonPath('data.number', 2);
+        $elsewhere->assertCreated()->assertJsonPath('data.number', 1);
+    }
+
+    public function test_a_new_task_lands_in_the_default_column_and_takes_the_projects_customer(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => self::CUSTOMER]);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks', [
+            'name' => 'Landing page',
+            'project_id' => $project->id,
+            'priority' => Task::PRIORITY_HIGH,
+            'estimated_minutes' => 120,
+        ]);
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.customer_id', self::CUSTOMER);
+        $response->assertJsonPath('data.creator_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.billable', true);
+        $response->assertJsonPath('data.priority', Task::PRIORITY_HIGH);
+        $response->assertJsonPath('data.closed_at', null);
+
+        $default = TaskStatus::query()->forCompany(self::COMPANY)->where('is_default', true)->firstOrFail();
+        $response->assertJsonPath('data.task_status_id', (int) $default->id);
+    }
+
+    public function test_a_standalone_task_can_carry_its_own_customer(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Ad hoc call', 'customer_id' => self::CUSTOMER])
+            ->assertCreated()
+            ->assertJsonPath('data.project_id', null)
+            ->assertJsonPath('data.customer_id', self::CUSTOMER);
+    }
+
+    public function test_entering_a_closed_column_stamps_closed_at_and_leaving_it_clears_it(): void
+    {
+        $open = $this->makeStatus(self::COMPANY, ['name' => 'Backlog']);
+        $done = $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false, 'is_closed' => true]);
+        $task = $this->makeTask(self::COMPANY, ['task_status_id' => $open->id]);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['task_status_id' => $done->id])
+            ->assertOk()
+            ->assertJsonPath('data.task_status_id', (int) $done->id);
+
+        self::assertNotNull(Task::query()->findOrFail($task->id)->closed_at);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['task_status_id' => $open->id])
+            ->assertOk()
+            ->assertJsonPath('data.closed_at', null);
+    }
+
+    public function test_the_list_filters_by_project_assignee_status_due_date_and_text(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+        $status = $this->makeStatus(self::COMPANY);
+        $other = $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false]);
+
+        $landing = $this->makeTask(self::COMPANY, [
+            'task_status_id' => $status->id,
+            'project_id' => $project->id,
+            'assignee_id' => 8,
+            'name' => 'Landing page',
+            'due_date' => '2026-09-10',
+        ]);
+        $pricing = $this->makeTask(self::COMPANY, [
+            'task_status_id' => $other->id,
+            'name' => 'Pricing table',
+            'due_date' => '2026-10-10',
+        ]);
+
+        $this->assertListReturns([$landing->id], '?project_id='.$project->id);
+        $this->assertListReturns([$landing->id], '?assignee_id=8');
+        $this->assertListReturns([$pricing->id], '?task_status_id='.$other->id);
+        $this->assertListReturns([$landing->id], '?due_before=2026-09-30');
+        $this->assertListReturns([$pricing->id], '?due_after=2026-09-30');
+        $this->assertListReturns([$pricing->id], '?search=Pricing');
+    }
+
+    public function test_the_list_opens_by_number_and_sorts_by_every_supported_key(): void
+    {
+        $this->fourTasks();
+
+        self::assertSame(['zebra', 'apple', 'Mango', 'berry'], $this->names(''));
+        self::assertSame(['berry', 'Mango', 'apple', 'zebra'], $this->names('sort_by=number&sort_order=desc'));
+        self::assertSame(['apple', 'berry', 'Mango', 'zebra'], $this->names('sort_by=name'));
+        self::assertSame(['zebra', 'Mango', 'berry', 'apple'], $this->names('sort_by=name&sort_order=desc'));
+        self::assertSame(['apple', 'berry', 'zebra', 'Mango'], $this->names('sort_by=due_date'));
+        self::assertSame(['zebra', 'berry', 'apple', 'Mango'], $this->names('sort_by=due_date&sort_order=desc'));
+        self::assertSame(['zebra', 'apple', 'Mango', 'berry'], $this->names('sort_by=created_at'));
+        self::assertSame(['berry', 'Mango', 'apple', 'zebra'], $this->names('sort_by=created_at&sort_order=desc'));
+    }
+
+    public function test_priority_sorts_by_rank_rather_than_by_name(): void
+    {
+        $this->fourTasks();
+
+        // Alphabetically these run HIGH, LOW, NORMAL, URGENT, which is not an
+        // order anyone means; the rank runs LOW, NORMAL, HIGH, URGENT, and the
+        // task with no priority set trails both ways.
+        self::assertSame(['zebra', 'Mango', 'apple', 'berry'], $this->names('sort_by=priority'));
+        self::assertSame(['apple', 'Mango', 'zebra', 'berry'], $this->names('sort_by=priority&sort_order=desc'));
+    }
+
+    public function test_the_task_sort_refuses_a_key_or_direction_it_does_not_know(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks?sort_by=board_position')
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['sort_by']);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks?sort_by=number&sort_order=up')
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['sort_order']);
+    }
+
+    public function test_the_list_is_paged_and_never_leaves_the_company(): void
+    {
+        $this->makeTask(self::COMPANY, ['name' => 'Mine']);
+        $this->makeTask(self::OTHER_COMPANY, ['name' => 'Theirs']);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks')
+            ->assertOk()
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('meta.per_page', 15)
+            ->assertJsonPath('data.0.name', 'Mine');
+    }
+
+    public function test_a_move_lands_between_its_new_neighbours(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $target = $this->makeStatus(self::COMPANY, ['name' => 'In Progress', 'position' => 2, 'is_default' => false]);
+
+        $first = $this->makeTask(self::COMPANY, ['task_status_id' => $target->id, 'board_position' => '1024.0000000000']);
+        $second = $this->makeTask(self::COMPANY, ['task_status_id' => $target->id, 'board_position' => '2048.0000000000']);
+        $dragged = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$dragged->id.'/move', [
+            'task_status_id' => $target->id,
+            'before_id' => $first->id,
+            'after_id' => $second->id,
+        ]);
+
+        $response->assertOk();
+        $response->assertJsonPath('data.task_status_id', (int) $target->id);
+        $response->assertJsonPath('data.board_position', '1536.0000000000');
+    }
+
+    public function test_a_move_to_the_end_of_a_column_appends(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $last = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'board_position' => '2048.0000000000']);
+        $dragged = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'board_position' => '1024.0000000000']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$dragged->id.'/move', [
+                'task_status_id' => $status->id,
+                'before_id' => $last->id,
+            ])
+            ->assertOk()
+            ->assertJsonPath('data.board_position', '3072.0000000000');
+    }
+
+    public function test_a_move_refuses_a_neighbour_outside_the_target_column(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $target = $this->makeStatus(self::COMPANY, ['name' => 'In Progress', 'position' => 2, 'is_default' => false]);
+        $stranger = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+        $dragged = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$dragged->id.'/move', [
+                'task_status_id' => $target->id,
+                'before_id' => $stranger->id,
+            ])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['before_id']);
+    }
+
+    public function test_the_board_groups_tasks_into_columns_in_board_order(): void
+    {
+        $backlog = $this->makeStatus(self::COMPANY, ['name' => 'Backlog']);
+        $doing = $this->makeStatus(self::COMPANY, ['name' => 'In Progress', 'position' => 2, 'is_default' => false]);
+
+        $second = $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id, 'name' => 'Second', 'board_position' => '2048.0000000000']);
+        $first = $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id, 'name' => 'First', 'board_position' => '1024.0000000000']);
+        $this->makeTask(self::COMPANY, ['task_status_id' => $doing->id, 'name' => 'Underway']);
+        $this->makeTask(self::OTHER_COMPANY, ['name' => 'Theirs']);
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/board');
+
+        $response->assertOk();
+        $response->assertJsonCount(2, 'data');
+        $response->assertJsonPath('data.0.status.name', 'Backlog');
+        $response->assertJsonPath('data.0.tasks.0.id', (int) $first->id);
+        $response->assertJsonPath('data.0.tasks.1.id', (int) $second->id);
+        $response->assertJsonPath('data.1.status.name', 'In Progress');
+        $response->assertJsonPath('data.1.tasks.0.name', 'Underway');
+    }
+
+    public function test_the_board_seeds_the_default_columns_and_filters_by_project_and_assignee(): void
+    {
+        $project = $this->makeProject(self::COMPANY);
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/board');
+
+        $response->assertOk();
+        $response->assertJsonCount(4, 'data');
+        $response->assertJsonPath('data.0.status.name', 'Backlog');
+
+        $status = TaskStatus::query()->forCompany(self::COMPANY)->where('is_default', true)->firstOrFail();
+        $mine = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'project_id' => $project->id, 'assignee_id' => 8]);
+        $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Unassigned']);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/board?project_id='.$project->id)
+            ->assertJsonCount(1, 'data.0.tasks')
+            ->assertJsonPath('data.0.tasks.0.id', (int) $mine->id);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/board?assignee_id=8')
+            ->assertJsonCount(1, 'data.0.tasks')
+            ->assertJsonPath('data.0.tasks.0.id', (int) $mine->id);
+    }
+
+    public function test_deleting_a_task_takes_its_uninvoiced_time_with_it(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/tasks/'.$task->id)
+            ->assertOk()
+            ->assertJson(['success' => true]);
+
+        self::assertSame(0, Task::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_deleting_a_task_with_invoiced_time_is_refused(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/tasks/'.$task->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'entries_already_invoiced');
+    }
+
+    public function test_a_task_of_another_company_is_not_found(): void
+    {
+        $task = $this->makeTask(self::OTHER_COMPANY);
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks/'.$task->id)->assertNotFound();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Mine now'])->assertNotFound();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/tasks/'.$task->id)->assertNotFound();
+    }
+
+    public function test_every_action_refuses_without_its_ability(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $this->authorization->deny(
+            Authorizes::id(Abilities::VIEW_TASK),
+            Authorizes::id(Abilities::CREATE_TASK),
+            Authorizes::id(Abilities::EDIT_TASK),
+            Authorizes::id(Abilities::DELETE_TASK),
+        );
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Nope'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks/'.$task->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Nope'])->assertForbidden();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/tasks/'.$task->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task->id.'/move', [
+            'task_status_id' => $task->task_status_id,
+        ])->assertForbidden();
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/board')->assertForbidden();
+    }
+
+    public function test_a_task_carries_the_time_logged_against_it(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['duration_minutes' => 60, 'amount' => 10000]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['duration_minutes' => 30, 'billable' => false, 'amount' => 0]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'duration_minutes' => 45,
+            'amount' => 7500,
+            'invoice_id' => 77,
+            'invoice_item_id' => 88,
+        ]);
+        $running = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'running_user_id' => self::DEFAULT_USER,
+            'ended_at' => null,
+            'duration_minutes' => 0,
+            'started_at' => Carbon::parse('2026-09-15 09:00:00'),
+        ]);
+
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks/'.$task->id);
+
+        $response->assertOk();
+        // The running entry has no duration yet, so it is outside every total.
+        $response->assertJsonPath('data.time.logged_minutes', 135);
+        $response->assertJsonPath('data.time.billable_minutes', 105);
+        $response->assertJsonPath('data.time.unbilled_minutes', 60);
+        $response->assertJsonPath('data.time.unbilled_amount', 10000);
+        $response->assertJsonPath('data.time.invoiced', 'uninvoiced');
+        $response->assertJsonCount(1, 'data.time.running');
+        $response->assertJsonPath('data.time.running.0.entry_id', (int) $running->id);
+        $response->assertJsonPath('data.time.running.0.user_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.time.running.0.started_at', $running->started_at->toIso8601String());
+    }
+
+    public function test_the_time_block_costs_three_reads_however_long_the_list_is(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+
+        foreach (range(1, 5) as $index) {
+            $task = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Task '.$index]);
+            $this->makeEntry(self::COMPANY, (int) $task->id);
+        }
+
+        DB::flushQueryLog();
+        DB::enableQueryLog();
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks')->assertOk();
+
+        $reads = array_filter(
+            DB::getQueryLog(),
+            static fn (array $query): bool => str_contains((string) $query['query'], 'tp_time_entries'),
+        );
+
+        DB::disableQueryLog();
+
+        self::assertCount(3, $reads, 'The summary must stay three grouped reads, whatever the page holds.');
+    }
+
+    public function test_the_invoiced_state_runs_none_then_uninvoiced_then_invoiced(): void
+    {
+        $untouched = $this->makeTask(self::COMPANY, ['name' => 'Untouched']);
+        $unpaidWork = $this->makeTask(self::COMPANY, ['name' => 'Free']);
+        $this->makeEntry(self::COMPANY, (int) $unpaidWork->id, ['billable' => false, 'amount' => 0]);
+
+        $partly = $this->makeTask(self::COMPANY, ['name' => 'Partly']);
+        $this->makeEntry(self::COMPANY, (int) $partly->id, ['invoice_id' => 77]);
+        $this->makeEntry(self::COMPANY, (int) $partly->id);
+
+        $billed = $this->makeTask(self::COMPANY, ['name' => 'Billed']);
+        $this->makeEntry(self::COMPANY, (int) $billed->id, ['invoice_id' => 77]);
+        $this->makeEntry(self::COMPANY, (int) $billed->id, ['invoice_id' => 78]);
+        $this->makeEntry(self::COMPANY, (int) $billed->id, ['billable' => false, 'amount' => 0]);
+
+        self::assertSame('none', $this->timeOf((int) $untouched->id)['invoiced']);
+        self::assertSame('none', $this->timeOf((int) $unpaidWork->id)['invoiced']);
+        self::assertSame('uninvoiced', $this->timeOf((int) $partly->id)['invoiced']);
+        self::assertSame('invoiced', $this->timeOf((int) $billed->id)['invoiced']);
+
+        // Time nobody may bill still counts as logged time.
+        self::assertSame(60, $this->timeOf((int) $unpaidWork->id)['logged_minutes']);
+        self::assertSame(0, $this->timeOf((int) $unpaidWork->id)['billable_minutes']);
+    }
+
+    public function test_every_task_response_carries_the_time_block(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $task = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['duration_minutes' => 90, 'amount' => 15000]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks')
+            ->assertOk()
+            ->assertJsonPath('data.0.time.logged_minutes', 90)
+            ->assertJsonPath('data.0.time.unbilled_amount', 15000);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/board')
+            ->assertOk()
+            ->assertJsonPath('data.0.tasks.0.time.logged_minutes', 90);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Renamed'])
+            ->assertOk()
+            ->assertJsonPath('data.time.logged_minutes', 90);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Brand new'])
+            ->assertCreated()
+            ->assertJsonPath('data.time.logged_minutes', 0)
+            ->assertJsonPath('data.time.invoiced', 'none')
+            ->assertJsonPath('data.time.running', []);
+    }
+
+    public function test_a_tasks_time_never_counts_another_companys_entries(): void
+    {
+        $mine = $this->makeTask(self::COMPANY);
+        $theirs = $this->makeTask(self::OTHER_COMPANY);
+
+        $this->makeEntry(self::COMPANY, (int) $mine->id, ['duration_minutes' => 60]);
+        $this->makeEntry(self::OTHER_COMPANY, (int) $theirs->id, ['duration_minutes' => 300]);
+
+        self::assertSame(60, $this->timeOf((int) $mine->id)['logged_minutes']);
+    }
+
+    public function test_the_invoiced_filter_splits_billed_tasks_from_unbilled_ones(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $untouched = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Untouched']);
+
+        $unbilled = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Unbilled']);
+        $this->makeEntry(self::COMPANY, (int) $unbilled->id);
+
+        $partly = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Partly']);
+        $this->makeEntry(self::COMPANY, (int) $partly->id, ['invoice_id' => 77]);
+        $this->makeEntry(self::COMPANY, (int) $partly->id);
+
+        $billed = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id, 'name' => 'Billed']);
+        $this->makeEntry(self::COMPANY, (int) $billed->id, ['invoice_id' => 77]);
+
+        $this->assertListReturns([$unbilled->id, $partly->id], '?invoiced=0');
+        $this->assertListReturns([$billed->id], '?invoiced=1');
+        $this->assertListReturns(
+            [$untouched->id, $unbilled->id, $partly->id, $billed->id],
+            '',
+        );
+    }
+
+    public function test_a_running_clock_alone_does_not_make_a_task_uninvoiced(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'running_user_id' => self::DEFAULT_USER,
+            'ended_at' => null,
+            'duration_minutes' => 0,
+        ]);
+
+        self::assertSame('none', $this->timeOf((int) $task->id)['invoiced']);
+        $this->assertListReturns([], '?invoiced=0');
+    }
+
+    public function test_auto_start_runs_the_creators_clock_on_the_new_task(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'auto_start_tasks', true);
+
+        $response = $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Start me']);
+
+        $response->assertCreated();
+        $response->assertJsonCount(1, 'data.time.running');
+        $response->assertJsonPath('data.time.running.0.user_id', self::DEFAULT_USER);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertJsonPath('data.task_id', $response->json('data.id'));
+    }
+
+    public function test_auto_start_leaves_a_timer_that_is_already_running_alone(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'auto_start_tasks', true);
+        $busy = $this->makeTask(self::COMPANY, ['name' => 'Busy']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $busy->id])
+            ->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Later'])
+            ->assertCreated()
+            ->assertJsonPath('data.time.running', []);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertJsonPath('data.task_id', (int) $busy->id);
+    }
+
+    public function test_without_the_setting_a_new_task_starts_no_clock(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks', ['name' => 'Quiet'])
+            ->assertCreated()
+            ->assertJsonPath('data.time.running', []);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertExactJson(['data' => null]);
+    }
+
+    public function test_the_lock_refuses_to_edit_move_or_delete_an_invoiced_task(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'lock_invoiced_tasks', true);
+
+        $status = $this->makeStatus(self::COMPANY);
+        $target = $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false]);
+        $task = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Renamed'])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'task_locked');
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$task->id.'/move', ['task_status_id' => $target->id])
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'task_locked');
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/tasks/'.$task->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'task_locked');
+
+        self::assertSame('Build the landing page', (string) Task::query()->findOrFail($task->id)->name);
+    }
+
+    public function test_the_lock_leaves_a_task_that_is_only_partly_invoiced_editable(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'lock_invoiced_tasks', true);
+
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77]);
+        $this->makeEntry(self::COMPANY, (int) $task->id);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Still moving'])
+            ->assertOk()
+            ->assertJsonPath('data.name', 'Still moving');
+    }
+
+    public function test_an_invoiced_task_is_editable_while_the_lock_is_off(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77]);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/tasks/'.$task->id, ['name' => 'Renamed'])
+            ->assertOk()
+            ->assertJsonPath('data.name', 'Renamed');
+    }
+
+    public function test_a_bulk_status_change_moves_what_it_can_and_reports_what_it_cannot(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'lock_invoiced_tasks', true);
+
+        $backlog = $this->makeStatus(self::COMPANY);
+        $done = $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false, 'is_closed' => true]);
+
+        $first = $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id]);
+        $second = $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id]);
+        $locked = $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id]);
+        $this->makeEntry(self::COMPANY, (int) $locked->id, ['invoice_id' => 77]);
+        $foreign = $this->makeTask(self::OTHER_COMPANY);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/bulk', [
+            'action' => 'status',
+            'task_status_id' => $done->id,
+            'ids' => [$first->id, $second->id, $locked->id, $foreign->id],
+        ]);
+
+        $response->assertOk();
+        $response->assertExactJson([
+            'updated' => [(int) $first->id, (int) $second->id],
+            'failed' => [
+                ['id' => (int) $locked->id, 'reason' => 'task_locked'],
+                ['id' => (int) $foreign->id, 'reason' => 'not_found'],
+            ],
+        ]);
+
+        self::assertSame((int) $done->id, (int) Task::query()->findOrFail($first->id)->task_status_id);
+        self::assertNotNull(Task::query()->findOrFail($second->id)->closed_at);
+        self::assertSame((int) $backlog->id, (int) Task::query()->findOrFail($locked->id)->task_status_id);
+    }
+
+    public function test_a_bulk_delete_keeps_the_tasks_it_may_not_delete(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+        $gone = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+        $invoiced = $this->makeTask(self::COMPANY, ['task_status_id' => $status->id]);
+        $this->makeEntry(self::COMPANY, (int) $invoiced->id, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/bulk', [
+            'action' => 'delete',
+            'ids' => [$gone->id, $invoiced->id],
+        ]);
+
+        $response->assertOk();
+        $response->assertExactJson([
+            'updated' => [(int) $gone->id],
+            'failed' => [['id' => (int) $invoiced->id, 'reason' => 'entries_already_invoiced']],
+        ]);
+
+        self::assertNull(Task::query()->find($gone->id));
+        self::assertNotNull(Task::query()->find($invoiced->id));
+    }
+
+    public function test_a_bulk_request_is_checked_before_anything_moves(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', ['action' => 'archive', 'ids' => [$task->id]])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['action']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', ['action' => 'status', 'ids' => [$task->id]])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['task_status_id']);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', ['action' => 'delete', 'ids' => []])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['ids']);
+
+        // Deleting is not a status change with an extra field attached.
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', [
+                'action' => 'delete',
+                'ids' => [$task->id],
+                'task_status_id' => $task->task_status_id,
+            ])
+            ->assertStatus(422)
+            ->assertJsonValidationErrors(['task_status_id']);
+
+        self::assertNotNull(Task::query()->find($task->id));
+    }
+
+    public function test_each_bulk_action_checks_its_own_ability(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $this->authorization->deny(Authorizes::id(Abilities::DELETE_TASK));
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', ['action' => 'delete', 'ids' => [$task->id]])
+            ->assertForbidden();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', [
+                'action' => 'status',
+                'task_status_id' => $task->task_status_id,
+                'ids' => [$task->id],
+            ])
+            ->assertOk();
+
+        $this->authorization->deny(Authorizes::id(Abilities::EDIT_TASK));
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/bulk', [
+                'action' => 'status',
+                'task_status_id' => $task->task_status_id,
+                'ids' => [$task->id],
+            ])
+            ->assertForbidden();
+    }
+
+    /**
+     * The time block of one task, as the API answers it.
+     *
+     * @return array<string, mixed>
+     */
+    private function timeOf(int $taskId): array
+    {
+        $response = $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/tasks/'.$taskId);
+
+        $response->assertOk();
+
+        return (array) $response->json('data.time');
+    }
+
+    /** @param list<int> $expected */
+    private function assertListReturns(array $expected, string $query): void
+    {
+        $ids = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks'.$query)
+            ->assertOk()
+            ->json('data.*.id');
+
+        self::assertSame(array_map(intval(...), $expected), $ids);
+    }
+
+    /**
+     * Four tasks that differ in every sortable column, created a day apart so
+     * `created_at` orders them without relying on the clock.
+     *
+     * One carries no priority and one no due date, which is what proves a
+     * missing value lands last rather than first.
+     */
+    private function fourTasks(): void
+    {
+        $status = $this->makeStatus(self::COMPANY);
+
+        $rows = [
+            ['2026-09-01 09:00:00', 'zebra', Task::PRIORITY_LOW, '2026-03-01'],
+            ['2026-09-02 09:00:00', 'apple', Task::PRIORITY_URGENT, '2026-01-01'],
+            ['2026-09-03 09:00:00', 'Mango', Task::PRIORITY_NORMAL, null],
+            ['2026-09-04 09:00:00', 'berry', null, '2026-02-01'],
+        ];
+
+        foreach ($rows as [$day, $name, $priority, $due]) {
+            Carbon::setTestNow($day);
+            $this->makeTask(self::COMPANY, [
+                'task_status_id' => $status->id,
+                'name' => $name,
+                'priority' => $priority,
+                'due_date' => $due,
+            ]);
+        }
+
+        Carbon::setTestNow();
+    }
+
+    /**
+     * The names the list answers with, in the order it answered them.
+     *
+     * @return list<string>
+     */
+    private function names(string $query): array
+    {
+        $response = $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks?'.$query);
+
+        $response->assertOk();
+
+        return array_column((array) $response->json('data'), 'name');
+    }
+}
diff --git a/tests/Feature/TimeEntriesApiTest.php b/tests/Feature/TimeEntriesApiTest.php
new file mode 100644
index 0000000..f6d90a2
--- /dev/null
+++ b/tests/Feature/TimeEntriesApiTest.php
@@ -0,0 +1,348 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Modules\TasksProjects\Application\Rounding;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TimeEntriesApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    private const OTHER_USER = 8;
+
+    public function test_a_start_and_an_end_become_minutes_and_money(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/time-entries', [
+            'task_id' => $task,
+            'started_at' => '2026-09-15 09:00:00',
+            'ended_at' => '2026-09-15 10:30:00',
+            'description' => 'Pairing on the importer',
+        ]);
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.user_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.duration_minutes', 90);
+        $response->assertJsonPath('data.rate', 6000);
+        $response->assertJsonPath('data.amount', 9000);
+        $response->assertJsonPath('data.is_running', false);
+        $response->assertJsonPath('data.description', 'Pairing on the importer');
+    }
+
+    public function test_the_company_rounding_increment_is_applied_when_the_entry_is_saved(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $task = $this->taskOnProjectAt(6000);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/time-entries', [
+                'task_id' => $task,
+                'started_at' => '2026-09-15 09:00:00',
+                'ended_at' => '2026-09-15 09:20:00',
+            ])
+            ->assertCreated()
+            ->assertJsonPath('data.duration_minutes', 15)
+            ->assertJsonPath('data.amount', 1500);
+    }
+
+    public function test_the_rate_is_frozen_at_save_and_survives_a_later_project_rate_change(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => 42, 'default_rate' => 6000]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        $entry = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/time-entries', [
+            'task_id' => $task->id,
+            'duration_minutes' => 60,
+        ])->assertCreated()->json('data.id');
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/projects/'.$project->id, ['default_rate' => 9000])
+            ->assertOk();
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries/'.$entry)
+            ->assertOk()
+            ->assertJsonPath('data.rate', 6000)
+            ->assertJsonPath('data.amount', 6000);
+    }
+
+    public function test_the_list_filters_and_never_shows_a_running_entry(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $this->makeEntry(self::COMPANY, $task, ['duration_minutes' => 30]);
+        $this->makeEntry(self::COMPANY, $task, ['billable' => false, 'duration_minutes' => 45]);
+        $this->makeEntry(self::COMPANY, $task, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+        $this->makeEntry(self::COMPANY, $task, ['running_user_id' => self::DEFAULT_USER, 'ended_at' => null]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries')
+            ->assertOk()
+            ->assertJsonPath('meta.total', 3);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?billed=1')
+            ->assertJsonPath('meta.total', 1);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?billed=0')
+            ->assertJsonPath('meta.total', 2);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?billable=0')
+            ->assertJsonPath('meta.total', 1);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?task_id='.$task.'&from=2026-09-01&to=2026-09-01')
+            ->assertJsonPath('meta.total', 3);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?from=2026-09-02')
+            ->assertJsonPath('meta.total', 0);
+    }
+
+    public function test_without_view_all_time_the_list_is_the_callers_own_rows(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $this->makeEntry(self::COMPANY, $task);
+        $this->makeEntry(self::COMPANY, $task, ['user_id' => self::OTHER_USER]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries')
+            ->assertJsonPath('meta.total', 2);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries?user_id='.self::OTHER_USER)
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.user_id', self::DEFAULT_USER);
+    }
+
+    public function test_the_company_setting_opens_the_timesheet_without_the_ability(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $this->makeEntry(self::COMPANY, $task);
+        $this->makeEntry(self::COMPANY, $task, ['user_id' => self::OTHER_USER]);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'members_see_all_time', true);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries')
+            ->assertJsonPath('meta.total', 2);
+    }
+
+    public function test_another_members_entry_is_invisible_without_the_ability_or_the_setting(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task, ['user_id' => self::OTHER_USER]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries/'.$entry->id)
+            ->assertOk();
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_ALL_TIME));
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries/'.$entry->id)
+            ->assertForbidden();
+    }
+
+    public function test_writing_over_another_members_entry_needs_edit_all_time(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $mine = $this->makeEntry(self::COMPANY, $task);
+        $theirs = $this->makeEntry(self::COMPANY, $task, ['user_id' => self::OTHER_USER]);
+
+        $this->authorization->deny(Authorizes::id(Abilities::EDIT_ALL_TIME));
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/time-entries/'.$mine->id, ['duration_minutes' => 30])
+            ->assertOk()
+            ->assertJsonPath('data.duration_minutes', 30);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/time-entries/'.$theirs->id, ['duration_minutes' => 30])
+            ->assertForbidden();
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/time-entries/'.$theirs->id)
+            ->assertForbidden();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/time-entries', [
+                'task_id' => $task,
+                'user_id' => self::OTHER_USER,
+                'duration_minutes' => 30,
+            ])
+            ->assertForbidden();
+    }
+
+    public function test_logging_time_for_someone_else_is_allowed_with_edit_all_time(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/time-entries', [
+                'task_id' => $task,
+                'user_id' => self::OTHER_USER,
+                'duration_minutes' => 60,
+            ])
+            ->assertCreated()
+            ->assertJsonPath('data.user_id', self::OTHER_USER);
+    }
+
+    public function test_an_invoiced_entry_refuses_a_change_to_its_time_or_its_task(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $elsewhere = (int) $this->makeTask(self::COMPANY, ['name' => 'Another task'])->id;
+        $entry = $this->makeEntry(self::COMPANY, $task, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $refused = [
+            ['duration_minutes' => 240],
+            ['started_at' => '2026-09-01 08:00:00'],
+            ['ended_at' => '2026-09-01 12:00:00'],
+            ['billable' => false],
+            ['task_id' => $elsewhere],
+        ];
+
+        foreach ($refused as $payload) {
+            $this->asCompany(self::COMPANY)
+                ->putJson('/api/v1/tasks-projects/time-entries/'.$entry->id, $payload)
+                ->assertStatus(422)
+                ->assertJsonPath('error', 'entries_already_invoiced');
+        }
+
+        $stored = TimeEntry::query()->findOrFail($entry->id);
+        self::assertSame(60, (int) $stored->duration_minutes);
+        self::assertSame(10000, (int) $stored->amount);
+        self::assertTrue((bool) $stored->billable);
+        self::assertSame($task, (int) $stored->task_id);
+    }
+
+    public function test_an_invoiced_entry_still_takes_a_new_description(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/time-entries/'.$entry->id, ['description' => 'Typo fix'])
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Typo fix')
+            ->assertJsonPath('data.duration_minutes', 60)
+            ->assertJsonPath('data.amount', 10000);
+    }
+
+    public function test_an_invoiced_entry_accepts_a_form_that_posts_its_own_values_back(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $this->asCompany(self::COMPANY)
+            ->putJson('/api/v1/tasks-projects/time-entries/'.$entry->id, [
+                'task_id' => $task,
+                'started_at' => $entry->started_at->toIso8601String(),
+                'ended_at' => $entry->ended_at->toIso8601String(),
+                'duration_minutes' => 60,
+                'billable' => true,
+                'description' => 'Same row, new note',
+            ])
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Same row, new note');
+    }
+
+    public function test_the_company_rounding_direction_is_applied_when_the_entry_is_saved(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_direction', Rounding::DOWN);
+        $task = $this->taskOnProjectAt(6000);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/time-entries', [
+                'task_id' => $task,
+                'started_at' => '2026-09-15 09:00:00',
+                'ended_at' => '2026-09-15 09:20:00',
+            ])
+            ->assertCreated()
+            ->assertJsonPath('data.duration_minutes', 15)
+            ->assertJsonPath('data.amount', 1500);
+
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_direction', Rounding::UP);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/time-entries', [
+                'task_id' => $task,
+                'started_at' => '2026-09-15 09:00:00',
+                'ended_at' => '2026-09-15 09:20:00',
+            ])
+            ->assertCreated()
+            ->assertJsonPath('data.duration_minutes', 30)
+            ->assertJsonPath('data.amount', 3000);
+    }
+
+    public function test_an_invoiced_entry_cannot_be_deleted(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task, ['invoice_id' => 77, 'invoice_item_id' => 88]);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/time-entries/'.$entry->id)
+            ->assertStatus(422)
+            ->assertJsonPath('error', 'entries_already_invoiced');
+
+        self::assertNotNull(TimeEntry::query()->find($entry->id));
+    }
+
+    public function test_an_uninvoiced_entry_is_deleted(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task);
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/time-entries/'.$entry->id)
+            ->assertOk();
+
+        self::assertNull(TimeEntry::query()->find($entry->id));
+    }
+
+    public function test_an_entry_of_another_company_is_not_found(): void
+    {
+        $task = $this->makeTask(self::OTHER_COMPANY);
+        $entry = $this->makeEntry(self::OTHER_COMPANY, (int) $task->id);
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/time-entries/'.$entry->id)->assertNotFound();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/time-entries/'.$entry->id, ['duration_minutes' => 1])->assertNotFound();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/time-entries/'.$entry->id)->assertNotFound();
+    }
+
+    public function test_everything_here_needs_view_own_time(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $entry = $this->makeEntry(self::COMPANY, $task);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_OWN_TIME));
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/time-entries')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/time-entries', ['task_id' => $task])->assertForbidden();
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/time-entries/'.$entry->id)->assertForbidden();
+        $this->asCompany(self::COMPANY)->putJson('/api/v1/tasks-projects/time-entries/'.$entry->id, ['duration_minutes' => 1])->assertForbidden();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/time-entries/'.$entry->id)->assertForbidden();
+    }
+
+    private function taskOnProjectAt(int $rate): int
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => 42, 'default_rate' => $rate, 'currency_id' => 3]);
+
+        return (int) $this->makeTask(self::COMPANY, ['project_id' => $project->id])->id;
+    }
+}
diff --git a/tests/Feature/TimerApiTest.php b/tests/Feature/TimerApiTest.php
new file mode 100644
index 0000000..32b1b40
--- /dev/null
+++ b/tests/Feature/TimerApiTest.php
@@ -0,0 +1,442 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Feature;
+
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\Rounding;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\Abilities;
+use Modules\TasksProjects\Support\Authorizes;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TimerApiTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const OTHER_COMPANY = 10;
+
+    public function test_the_timer_is_null_until_it_is_started(): void
+    {
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertOk()
+            ->assertExactJson(['data' => null]);
+    }
+
+    public function test_starting_opens_an_entry_that_carries_no_money_yet(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $task = $this->taskOnProjectAt(6000);
+
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', [
+            'task_id' => $task,
+            'description' => 'Fixing the importer',
+        ]);
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.is_running', true);
+        $response->assertJsonPath('data.user_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.duration_minutes', 0);
+        $response->assertJsonPath('data.amount', 0);
+        $response->assertJsonPath('data.ended_at', null);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Fixing the importer');
+    }
+
+    public function test_a_start_on_another_task_is_a_conflict(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $other = (int) $this->makeTask(self::COMPANY, ['name' => 'Something else'])->id;
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task])->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $other])
+            ->assertStatus(409)
+            ->assertJsonPath('error', 'timer_already_running');
+    }
+
+    public function test_starting_the_task_already_on_the_clock_updates_it_rather_than_conflicting(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $task = $this->taskOnProjectAt(6000);
+
+        $started = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', [
+            'task_id' => $task,
+            'description' => 'Reading the ticket',
+        ]);
+        $started->assertCreated();
+
+        // The clock keeps running from where it was; only the details change.
+        Carbon::setTestNow('2026-09-15 09:20:00');
+        $again = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', [
+            'task_id' => $task,
+            'description' => 'Fixing the importer',
+            'billable' => false,
+        ]);
+
+        $again->assertOk();
+        $again->assertJsonPath('data.id', $started->json('data.id'));
+        $again->assertJsonPath('data.is_running', true);
+        $again->assertJsonPath('data.description', 'Fixing the importer');
+        $again->assertJsonPath('data.billable', false);
+        $again->assertJsonPath('data.started_at', $started->json('data.started_at'));
+
+        self::assertSame(1, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_a_start_can_override_the_tasks_billable_flag(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task, 'billable' => false])
+            ->assertCreated()
+            ->assertJsonPath('data.billable', false);
+    }
+
+    public function test_stopping_applies_the_description_and_the_billable_flag_it_carries(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', [
+            'task_id' => $task,
+            'description' => 'Reading the ticket',
+        ])->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/stop', [
+                'description' => 'Fixed the importer',
+                'billable' => false,
+            ])
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Fixed the importer')
+            ->assertJsonPath('data.billable', false)
+            ->assertJsonPath('data.duration_minutes', 60)
+            // Non-billable time is still rated; what it is worth is the
+            // invoice's question, not the timesheet's.
+            ->assertJsonPath('data.amount', 6000);
+    }
+
+    public function test_stopping_without_details_keeps_what_the_start_recorded(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', [
+            'task_id' => $task,
+            'description' => 'Reading the ticket',
+        ])->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/stop')
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Reading the ticket')
+            ->assertJsonPath('data.billable', true);
+    }
+
+    public function test_stopping_rounds_the_elapsed_time_and_freezes_the_rate(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task])->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 09:50:00');
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/stop');
+
+        $response->assertOk();
+        $response->assertJsonPath('data.is_running', false);
+        $response->assertJsonPath('data.duration_minutes', 45);
+        $response->assertJsonPath('data.rate', 6000);
+        $response->assertJsonPath('data.amount', 4500);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertExactJson(['data' => null]);
+    }
+
+    public function test_stopping_follows_the_companys_rounding_direction(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_direction', Rounding::UP);
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task])->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 09:50:00');
+
+        // Nearest would have billed 45 minutes; rounding up takes the hour.
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/stop')
+            ->assertOk()
+            ->assertJsonPath('data.duration_minutes', 60)
+            ->assertJsonPath('data.amount', 6000);
+    }
+
+    public function test_the_stopped_entry_joins_the_timesheet(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task]);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries')
+            ->assertJsonPath('meta.total', 0);
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/stop')->assertOk();
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/time-entries')
+            ->assertJsonPath('meta.total', 1)
+            ->assertJsonPath('data.0.duration_minutes', 60);
+    }
+
+    public function test_discarding_throws_the_running_entry_away(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task])->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->deleteJson('/api/v1/tasks-projects/timer')
+            ->assertOk()
+            ->assertJson(['success' => true]);
+
+        self::assertSame(0, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_stopping_or_discarding_an_idle_timer_is_not_found(): void
+    {
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/stop')->assertNotFound();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/timer')->assertNotFound();
+    }
+
+    public function test_a_task_of_another_company_cannot_be_timed(): void
+    {
+        $task = $this->makeTask(self::OTHER_COMPANY);
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task->id])
+            ->assertNotFound();
+    }
+
+    public function test_the_running_timer_belongs_to_one_company_at_a_time(): void
+    {
+        $here = $this->taskOnProjectAt(6000);
+        $there = (int) $this->makeTask(self::OTHER_COMPANY)->id;
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $here])->assertCreated();
+
+        $this->asCompany(self::OTHER_COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertExactJson(['data' => null]);
+
+        $this->asCompany(self::OTHER_COMPANY)
+            ->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $there])
+            ->assertCreated();
+
+        self::assertSame(1, TimeEntry::query()->forCompany(self::COMPANY)->whereNotNull('running_user_id')->count());
+        self::assertSame(1, TimeEntry::query()->forCompany(self::OTHER_COMPANY)->whereNotNull('running_user_id')->count());
+    }
+
+    public function test_the_timer_needs_the_own_time_ability(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_OWN_TIME));
+
+        $this->asCompany(self::COMPANY)->getJson('/api/v1/tasks-projects/timer')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/start', ['task_id' => $task])->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/timer/stop')->assertForbidden();
+        $this->asCompany(self::COMPANY)->deleteJson('/api/v1/tasks-projects/timer')->assertForbidden();
+    }
+
+    public function test_a_task_row_starts_the_clock_on_that_task(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $task = $this->taskOnProjectAt(6000);
+
+        $response = $this->asCompany(self::COMPANY)->postJson(
+            '/api/v1/tasks-projects/tasks/'.$task.'/start',
+            ['description' => 'Fixing the importer'],
+        );
+
+        $response->assertCreated();
+        $response->assertJsonPath('data.task_id', $task);
+        $response->assertJsonPath('data.user_id', self::DEFAULT_USER);
+        $response->assertJsonPath('data.is_running', true);
+        $response->assertJsonPath('data.description', 'Fixing the importer');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task)
+            ->assertJsonPath('data.time.running.0.user_id', self::DEFAULT_USER);
+    }
+
+    public function test_a_second_task_start_is_the_same_conflict_the_timer_reports(): void
+    {
+        $first = $this->taskOnProjectAt(6000);
+        $second = (int) $this->makeTask(self::COMPANY, ['name' => 'Something else'])->id;
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$first.'/start')->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$second.'/start')
+            ->assertStatus(409)
+            ->assertJsonPath('error', 'timer_already_running');
+
+        self::assertSame(1, TimeEntry::query()->forCompany(self::COMPANY)->whereNotNull('running_user_id')->count());
+    }
+
+    public function test_stopping_a_task_closes_the_clock_that_runs_on_it(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start')->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $response = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/stop');
+
+        $response->assertOk();
+        $response->assertJsonPath('data.is_running', false);
+        $response->assertJsonPath('data.duration_minutes', 60);
+        $response->assertJsonPath('data.amount', 6000);
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/tasks/'.$task)
+            ->assertJsonPath('data.time.logged_minutes', 60)
+            ->assertJsonPath('data.time.unbilled_amount', 6000)
+            ->assertJsonPath('data.time.running', []);
+    }
+
+    public function test_a_task_start_on_the_running_task_applies_the_details_it_carries(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $task = $this->taskOnProjectAt(6000);
+
+        $started = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start');
+        $started->assertCreated();
+
+        $again = $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start', [
+            'description' => 'Carried on with it',
+            'billable' => false,
+        ]);
+
+        $again->assertOk();
+        $again->assertJsonPath('data.id', $started->json('data.id'));
+        $again->assertJsonPath('data.description', 'Carried on with it');
+        $again->assertJsonPath('data.billable', false);
+    }
+
+    public function test_stopping_a_task_carries_the_description_and_the_billable_flag(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start')->assertCreated();
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$task.'/stop', [
+                'description' => 'Wrote the importer test',
+                'billable' => false,
+            ])
+            ->assertOk()
+            ->assertJsonPath('data.description', 'Wrote the importer test')
+            ->assertJsonPath('data.billable', false)
+            ->assertJsonPath('data.duration_minutes', 60);
+    }
+
+    public function test_a_mismatched_stop_is_refused_before_it_writes_anything(): void
+    {
+        $running = $this->taskOnProjectAt(6000);
+        $idle = (int) $this->makeTask(self::COMPANY, ['name' => 'Idle'])->id;
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$running.'/start', [
+            'description' => 'Reading the ticket',
+        ])->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$idle.'/stop', [
+                'description' => 'Should never land',
+                'billable' => false,
+            ])
+            ->assertStatus(409)
+            ->assertJsonPath('error', 'timer_mismatch');
+
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertJsonPath('data.task_id', $running)
+            ->assertJsonPath('data.description', 'Reading the ticket')
+            ->assertJsonPath('data.billable', true);
+    }
+
+    public function test_stopping_the_wrong_task_is_a_mismatch_rather_than_a_stop(): void
+    {
+        $running = $this->taskOnProjectAt(6000);
+        $idle = (int) $this->makeTask(self::COMPANY, ['name' => 'Idle'])->id;
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$idle.'/stop')
+            ->assertStatus(409)
+            ->assertJsonPath('error', 'timer_mismatch');
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$running.'/start')->assertCreated();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$idle.'/stop')
+            ->assertStatus(409)
+            ->assertJsonPath('error', 'timer_mismatch');
+
+        // The clock the caller really had running is untouched.
+        $this->asCompany(self::COMPANY)
+            ->getJson('/api/v1/tasks-projects/timer')
+            ->assertJsonPath('data.task_id', $running);
+    }
+
+    public function test_the_task_routes_stay_inside_the_company(): void
+    {
+        $theirs = (int) $this->makeTask(self::OTHER_COMPANY)->id;
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$theirs.'/start')
+            ->assertNotFound();
+
+        $this->asCompany(self::COMPANY)
+            ->postJson('/api/v1/tasks-projects/tasks/'.$theirs.'/stop')
+            ->assertNotFound();
+    }
+
+    public function test_the_task_routes_need_both_the_task_and_the_own_time_ability(): void
+    {
+        $task = $this->taskOnProjectAt(6000);
+
+        $this->authorization->deny(Authorizes::id(Abilities::VIEW_TASK));
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/stop')->assertForbidden();
+
+        $this->authorization->denied = [Authorizes::id(Abilities::VIEW_OWN_TIME)];
+
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/start')->assertForbidden();
+        $this->asCompany(self::COMPANY)->postJson('/api/v1/tasks-projects/tasks/'.$task.'/stop')->assertForbidden();
+    }
+
+    private function taskOnProjectAt(int $rate): int
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => 42, 'default_rate' => $rate, 'currency_id' => 3]);
+
+        return (int) $this->makeTask(self::COMPANY, ['project_id' => $project->id])->id;
+    }
+}
diff --git a/tests/Support/MemoryCompanyDataReader.php b/tests/Support/MemoryCompanyDataReader.php
new file mode 100644
index 0000000..b518a79
--- /dev/null
+++ b/tests/Support/MemoryCompanyDataReader.php
@@ -0,0 +1,153 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Support;
+
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+
+/**
+ * An in-memory stand-in for the host company reader.
+ *
+ * Only the surfaces this module actually uses carry state: the invoice ids
+ * that still exist, which decide whether a stamped entry counts as billed, the
+ * company member list, which supplies names for the member grouping, and the
+ * customers, which lend a new project its currency. The rest satisfy the
+ * contract and return nothing.
+ */
+final class MemoryCompanyDataReader implements CompanyDataReader
+{
+    /** @var array<int, list<int>> invoice ids that exist, keyed by company */
+    public array $invoiceIds = [];
+
+    /** @var array<int, list<array{id: int, name: string, email: string, avatar: string|null}>> */
+    public array $members = [];
+
+    /** @var array<int, array<int, array<string, mixed>>> customers, keyed by company then id */
+    public array $customers = [];
+
+    /** @var list<array{company_id: int, invoice_ids: list<int>}> */
+    public array $invoiceLookups = [];
+
+    public function withInvoices(int $companyId, int ...$invoiceIds): self
+    {
+        $this->invoiceIds[$companyId] = array_values($invoiceIds);
+
+        return $this;
+    }
+
+    public function withMember(int $companyId, int $userId, string $name): self
+    {
+        $this->members[$companyId][] = [
+            'id' => $userId,
+            'name' => $name,
+            'email' => strtolower(str_replace(' ', '.', $name)).'@example.test',
+            'avatar' => null,
+        ];
+
+        return $this;
+    }
+
+    public function withCustomer(int $companyId, int $customerId, ?int $currencyId = null): self
+    {
+        $this->customers[$companyId][$customerId] = [
+            'id' => $customerId,
+            'name' => 'Customer '.$customerId,
+            'currency_id' => $currencyId,
+            'currency' => $currencyId === null
+                ? null
+                : ['id' => $currencyId, 'code' => 'EUR', 'symbol' => 'E', 'precision' => 2],
+        ];
+
+        return $this;
+    }
+
+    /** @return array<string, mixed> */
+    public function companyStats(int $companyId, string $startDate, string $endDate): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed>|null */
+    public function findCustomer(int $companyId, int $customerId): ?array
+    {
+        return $this->customers[$companyId][$customerId] ?? null;
+    }
+
+    /** @return array<string, mixed> */
+    public function searchCustomers(int $companyId, ?string $query, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function rankCustomers(int $companyId, string $metric, ?string $startDate, ?string $endDate, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed>|null */
+    public function findInvoice(int $companyId, string $invoiceNumber): ?array
+    {
+        return null;
+    }
+
+    /** @return array<string, mixed> */
+    public function searchInvoices(int $companyId, ?string $query, ?string $status, ?int $customerId, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function overdueInvoices(int $companyId, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function recentPayments(int $companyId, string $startDate, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function expenseCategories(int $companyId): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function rankExpenseCategories(int $companyId, ?string $startDate, ?string $endDate, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function searchItems(int $companyId, ?string $query, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return array<string, mixed> */
+    public function rankItems(int $companyId, string $metric, ?string $startDate, ?string $endDate, int $limit): array
+    {
+        return [];
+    }
+
+    /** @return list<array{id: int, name: string, email: string, avatar: string|null}> */
+    public function companyMembers(int $companyId): array
+    {
+        return $this->members[$companyId] ?? [];
+    }
+
+    /**
+     * @param  list<int>  $invoiceIds
+     * @return list<int>
+     */
+    public function existingInvoiceIds(int $companyId, array $invoiceIds): array
+    {
+        $this->invoiceLookups[] = ['company_id' => $companyId, 'invoice_ids' => array_values($invoiceIds)];
+
+        return array_values(array_intersect($invoiceIds, $this->invoiceIds[$companyId] ?? []));
+    }
+}
diff --git a/tests/Support/MemorySettingsStore.php b/tests/Support/MemorySettingsStore.php
new file mode 100644
index 0000000..c477078
--- /dev/null
+++ b/tests/Support/MemorySettingsStore.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Support;
+
+use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
+
+/** An in-memory stand-in for the host settings store. */
+final class MemorySettingsStore implements SettingsStore
+{
+    /** @var array<string, mixed> */
+    public array $global = [];
+
+    /** @var array<int, array<string, mixed>> */
+    public array $company = [];
+
+    public function getGlobal(string $key, mixed $default = null): mixed
+    {
+        return $this->global[$key] ?? $default;
+    }
+
+    public function putGlobal(string $key, mixed $value): void
+    {
+        $this->global[$key] = $value;
+    }
+
+    public function deleteGlobal(string $key): void
+    {
+        unset($this->global[$key]);
+    }
+
+    public function getCompany(int $companyId, string $key, mixed $default = null): mixed
+    {
+        return $this->company[$companyId][$key] ?? $default;
+    }
+
+    public function putCompany(int $companyId, string $key, mixed $value): void
+    {
+        $this->company[$companyId][$key] = $value;
+    }
+
+    public function deleteCompany(int $companyId, string $key): void
+    {
+        unset($this->company[$companyId][$key]);
+    }
+
+    public function deleteCompanyForAll(string $key): void
+    {
+        foreach (array_keys($this->company) as $companyId) {
+            unset($this->company[$companyId][$key]);
+        }
+    }
+}
diff --git a/tests/Support/RecordingAuthorization.php b/tests/Support/RecordingAuthorization.php
new file mode 100644
index 0000000..2c4aab9
--- /dev/null
+++ b/tests/Support/RecordingAuthorization.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Support;
+
+use InvoiceShelf\Modules\Contracts\Host\ModuleAuthorization;
+
+/**
+ * Allows everything except what a test explicitly denies, and records every
+ * check so a test can assert which ability was consulted.
+ */
+final class RecordingAuthorization implements ModuleAuthorization
+{
+    /** @var list<array{user_id: int, company_id: int, ability: string, resource: string|null}> */
+    public array $checks = [];
+
+    /** @var list<string> abilities to refuse, as `ability` or `ability:resource` */
+    public array $denied = [];
+
+    public function allows(int $userId, int $companyId, string $ability, ?string $resource = null): bool
+    {
+        $this->checks[] = [
+            'user_id' => $userId,
+            'company_id' => $companyId,
+            'ability' => $ability,
+            'resource' => $resource,
+        ];
+
+        return ! in_array($ability, $this->denied, true)
+            && ! in_array($ability.':'.(string) $resource, $this->denied, true);
+    }
+
+    public function deny(string ...$abilities): self
+    {
+        foreach ($abilities as $ability) {
+            $this->denied[] = $ability;
+        }
+
+        return $this;
+    }
+}
diff --git a/tests/TestCase.php b/tests/TestCase.php
index a974e2c..f432ea9 100644
--- a/tests/TestCase.php
+++ b/tests/TestCase.php
@@ -4,22 +4,216 @@
 
 namespace Modules\TasksProjects\Tests;
 
+use Illuminate\Auth\GenericUser;
+use Illuminate\Contracts\Debug\ExceptionHandler;
+use Illuminate\Foundation\Exceptions\Handler;
+use Illuminate\Routing\Router;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\Auth;
+use InvoiceShelf\Modules\Contracts\Host\CompanyDataReader;
+use InvoiceShelf\Modules\Contracts\Host\ModuleAuthorization;
+use InvoiceShelf\Modules\Contracts\Host\SettingsStore;
 use InvoiceShelf\Modules\InvoiceShelfModulesServiceProvider;
 use InvoiceShelf\Modules\Registry;
+use Modules\TasksProjects\Application\BoardOrderingService;
+use Modules\TasksProjects\Application\ProjectService;
+use Modules\TasksProjects\Application\TaskLock;
+use Modules\TasksProjects\Application\TaskNumberSequence;
+use Modules\TasksProjects\Application\TaskService;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Application\TaskTimeSummary;
+use Modules\TasksProjects\Http\DomainExceptionRenderer;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\ProjectMember;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\Support\MemoryCompanyDataReader;
+use Modules\TasksProjects\Tests\Support\MemorySettingsStore;
+use Modules\TasksProjects\Tests\Support\RecordingAuthorization;
 use Orchestra\Testbench\TestCase as Orchestra;
 
 abstract class TestCase extends Orchestra
 {
-    /** @return list<class-string> */
-    protected function getPackageProviders($app): array
+    /** The user every request acts as until a test says otherwise. */
+    public const DEFAULT_USER = 7;
+
+    protected MemorySettingsStore $settings;
+
+    protected MemoryCompanyDataReader $companyData;
+
+    protected RecordingAuthorization $authorization;
+
+    protected function setUp(): void
     {
-        return [InvoiceShelfModulesServiceProvider::class];
+        parent::setUp();
+
+        $this->settings = new MemorySettingsStore;
+        $this->companyData = new MemoryCompanyDataReader;
+        $this->authorization = new RecordingAuthorization;
+
+        $this->app->instance(SettingsStore::class, $this->settings);
+        $this->app->instance(CompanyDataReader::class, $this->companyData);
+        $this->app->instance(ModuleAuthorization::class, $this->authorization);
+
+        $handler = $this->app->make(ExceptionHandler::class);
+        if ($handler instanceof Handler) {
+            DomainExceptionRenderer::register($handler);
+        }
+
+        // `auth:sanctum`, `company` and `bouncer` are host middleware and do not
+        // exist here, so the harness stands in for all three: it authenticates
+        // the caller itself and puts the company on the request as a header.
+        $this->withoutMiddleware();
+        $this->actingAsUser(self::DEFAULT_USER);
     }
 
     protected function tearDown(): void
     {
+        Carbon::setTestNow();
         Registry::flush();
 
         parent::tearDown();
     }
+
+    /** @return list<class-string> */
+    protected function getPackageProviders($app): array
+    {
+        return [InvoiceShelfModulesServiceProvider::class];
+    }
+
+    protected function getEnvironmentSetUp($app): void
+    {
+        $app['config']->set('app.key', 'base64:'.base64_encode(str_repeat('a', 32)));
+        $app['config']->set('database.default', 'testing');
+        $app['config']->set('database.connections.testing', [
+            'driver' => 'sqlite',
+            'database' => ':memory:',
+            'prefix' => '',
+            'foreign_key_constraints' => true,
+        ]);
+    }
+
+    /**
+     * Load the module's own translations, the way its provider does in the host.
+     *
+     * The harness boots the modules SDK rather than the module's provider, so
+     * without this any module code that resolves a `tasksprojects::` line would
+     * answer with the key and a test would never notice.
+     */
+    protected function defineEnvironment($app): void
+    {
+        $app['translator']->addNamespace('tasksprojects', dirname(__DIR__).'/lang');
+    }
+
+    protected function defineDatabaseMigrations(): void
+    {
+        $this->loadMigrationsFrom(dirname(__DIR__).'/database/migrations');
+    }
+
+    protected function moduleSettings(): ModuleSettings
+    {
+        return new ModuleSettings($this->settings);
+    }
+
+    /** A TaskService wired with the collaborators the container gives it. */
+    protected function taskService(?TaskStatusService $statuses = null): TaskService
+    {
+        return new TaskService(
+            new TaskNumberSequence,
+            new BoardOrderingService,
+            $statuses ?? new TaskStatusService,
+            new ProjectService($this->companyData),
+            new TaskLock($this->moduleSettings(), new TaskTimeSummary),
+        );
+    }
+
+    /**
+     * Load the module's own route file, the way the provider does in the host.
+     *
+     * @param  Router  $router
+     */
+    protected function defineRoutes($router): void
+    {
+        require dirname(__DIR__).'/routes/api.php';
+    }
+
+    /** Authenticate the caller without a host user model. */
+    protected function actingAsUser(int $userId): static
+    {
+        Auth::setUser(new GenericUser(['id' => $userId]));
+
+        return $this;
+    }
+
+    /** Send the `company` header the host middleware would have set. */
+    protected function asCompany(int $companyId): static
+    {
+        return $this->withHeader('company', (string) $companyId);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    protected function makeStatus(int $companyId, array $attributes = []): TaskStatus
+    {
+        return TaskStatus::query()->create($attributes + [
+            'company_id' => $companyId,
+            'name' => 'Backlog',
+            'position' => 1,
+            'is_default' => true,
+            'is_closed' => false,
+        ]);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    protected function makeProject(int $companyId, array $attributes = []): Project
+    {
+        return Project::query()->create($attributes + [
+            'company_id' => $companyId,
+            'name' => 'Website redesign',
+            'status' => Project::STATUS_ACTIVE,
+        ]);
+    }
+
+    protected function makeMember(int $companyId, int $projectId, int $userId, ?int $rate = null): ProjectMember
+    {
+        return ProjectMember::query()->create([
+            'company_id' => $companyId,
+            'project_id' => $projectId,
+            'user_id' => $userId,
+            'rate' => $rate,
+        ]);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    protected function makeTask(int $companyId, array $attributes = []): Task
+    {
+        $statusId = $attributes['task_status_id'] ?? $this->makeStatus($companyId)->id;
+        unset($attributes['task_status_id']);
+
+        return Task::query()->create($attributes + [
+            'company_id' => $companyId,
+            'task_status_id' => $statusId,
+            'number' => (int) Task::query()->forCompany($companyId)->max('number') + 1,
+            'name' => 'Build the landing page',
+            'billable' => true,
+            'board_position' => '1024.0000000000',
+        ]);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    protected function makeEntry(int $companyId, int $taskId, array $attributes = []): TimeEntry
+    {
+        return TimeEntry::query()->create($attributes + [
+            'company_id' => $companyId,
+            'task_id' => $taskId,
+            'user_id' => 7,
+            'started_at' => Carbon::parse('2026-09-01 09:00:00'),
+            'ended_at' => Carbon::parse('2026-09-01 10:00:00'),
+            'duration_minutes' => 60,
+            'billable' => true,
+            'rate' => 10000,
+            'amount' => 10000,
+        ]);
+    }
 }
diff --git a/tests/Unit/BillingServiceTest.php b/tests/Unit/BillingServiceTest.php
new file mode 100644
index 0000000..62a54c9
--- /dev/null
+++ b/tests/Unit/BillingServiceTest.php
@@ -0,0 +1,815 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Carbon;
+use InvalidArgumentException;
+use Modules\TasksProjects\Application\BillingSelection;
+use Modules\TasksProjects\Application\BillingService;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Application\Exceptions\MixedBillingSelection;
+use Modules\TasksProjects\Application\Exceptions\NotBillable;
+use Modules\TasksProjects\Application\Exceptions\NothingToInvoice;
+use Modules\TasksProjects\Application\Exceptions\UnknownTimeEntries;
+use Modules\TasksProjects\Application\InvoiceLineComposer;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class BillingServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const CUSTOMER = 42;
+
+    private const CURRENCY = 3;
+
+    private const RATE = 6000;
+
+    private BillingService $billing;
+
+    private Project $website;
+
+    private Project $mobile;
+
+    private Task $landing;
+
+    private Task $pricing;
+
+    private Task $onboarding;
+
+    private Task $adHoc;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->billing = new BillingService($this->companyData, $this->moduleSettings(), new InvoiceLineComposer);
+        $this->companyData->withMember(self::COMPANY, 7, 'Ada Lovelace')->withMember(self::COMPANY, 8, 'Grace Hopper');
+
+        $this->website = $this->makeProject(self::COMPANY, ['name' => 'Website', 'customer_id' => self::CUSTOMER, 'currency_id' => self::CURRENCY]);
+        $this->mobile = $this->makeProject(self::COMPANY, ['name' => 'Mobile app', 'customer_id' => self::CUSTOMER, 'currency_id' => self::CURRENCY]);
+
+        $this->landing = $this->task('Landing page', $this->website);
+        $this->pricing = $this->task('Pricing page', $this->website);
+        $this->onboarding = $this->task('Onboarding flow', $this->mobile);
+        $this->adHoc = $this->task('Ad hoc call', null);
+    }
+
+    public function test_unbilled_collects_the_customers_billable_time_per_currency(): void
+    {
+        $this->entries();
+
+        $unbilled = $this->billing->unbilled(self::COMPANY, self::CUSTOMER);
+
+        self::assertSame(345, $unbilled['minutes']);
+        self::assertSame([['currency_id' => self::CURRENCY, 'minutes' => 345, 'amount' => 34500]], $unbilled['currencies']);
+        self::assertSame(['Landing page', 'Pricing page', 'Onboarding flow', 'Ad hoc call'], array_column($unbilled['groups']['task'], 'label'));
+        self::assertSame(['Website', 'Mobile app', 'No project'], array_column($unbilled['groups']['project'], 'label'));
+        self::assertSame(['Ada Lovelace', 'Grace Hopper'], array_column($unbilled['groups']['member'], 'label'));
+        self::assertSame([345], array_column($unbilled['groups']['summary'], 'minutes'));
+    }
+
+    public function test_unbilled_never_shows_non_billable_time_a_running_timer_or_another_customer(): void
+    {
+        $billable = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 60, '2026-09-02', ['billable' => false]);
+        $this->entry($this->landing, 7, 0, '2026-09-03', ['running_user_id' => 7, 'ended_at' => null]);
+        $otherCustomer = $this->task('Other customer', null, 43);
+        $this->entry($otherCustomer, 7, 60, '2026-09-04');
+
+        self::assertSame([(int) $billable->id], $this->billing->unbilled(self::COMPANY, self::CUSTOMER)['entry_ids']);
+    }
+
+    public function test_unbilled_never_shows_time_on_an_internal_project(): void
+    {
+        $internal = $this->makeProject(self::COMPANY, ['name' => 'Internal tooling', 'customer_id' => null]);
+        $strayTask = $this->task('Stray', $internal);
+        Task::query()->whereKey($strayTask->id)->update(['customer_id' => self::CUSTOMER]);
+        $this->entry($strayTask, 7, 60, '2026-09-01', ['project_id' => $internal->id]);
+
+        self::assertSame([], $this->billing->unbilled(self::COMPANY, self::CUSTOMER)['entry_ids']);
+    }
+
+    public function test_unbilled_drops_an_entry_whose_invoice_still_exists(): void
+    {
+        $open = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 60, '2026-09-02', ['invoice_id' => 77, 'invoice_item_id' => 5]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $unbilled = $this->billing->unbilled(self::COMPANY, self::CUSTOMER);
+
+        self::assertSame([(int) $open->id], $unbilled['entry_ids']);
+        self::assertSame([['company_id' => self::COMPANY, 'invoice_ids' => [77]]], $this->companyData->invoiceLookups);
+    }
+
+    public function test_an_entry_whose_invoice_vanished_from_the_host_becomes_unbilled_again(): void
+    {
+        $open = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $orphan = $this->entry($this->landing, 7, 60, '2026-09-02', ['invoice_id' => 88, 'invoice_item_id' => 5]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        self::assertSame(
+            [(int) $open->id, (int) $orphan->id],
+            $this->billing->unbilled(self::COMPANY, self::CUSTOMER)['entry_ids'],
+        );
+    }
+
+    public function test_unbilled_honours_the_date_range(): void
+    {
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $inside = $this->entry($this->landing, 7, 60, '2026-09-10');
+        $this->entry($this->landing, 7, 60, '2026-09-20');
+
+        self::assertSame(
+            [(int) $inside->id],
+            $this->billing->unbilled(self::COMPANY, self::CUSTOMER, '2026-09-05', '2026-09-15')['entry_ids'],
+        );
+    }
+
+    public function test_prepare_builds_one_line_per_task(): void
+    {
+        Carbon::setTestNow('2026-09-15 08:00:00');
+        $entries = $this->entries();
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)), 'task');
+
+        self::assertSame('2026-09-15', $payload['invoice_date']);
+        self::assertSame(self::CUSTOMER, $payload['customer_id']);
+        self::assertSame(self::CURRENCY, $payload['currency_id']);
+        self::assertSame(0, $payload['discount']);
+        self::assertSame('fixed', $payload['discount_type']);
+        self::assertSame(0, $payload['discount_val']);
+        self::assertSame(0, $payload['tax']);
+        self::assertSame(34500, $payload['sub_total']);
+        self::assertSame(34500, $payload['total']);
+
+        self::assertSame([
+            ['name' => '#1 Landing page', 'description' => "2026-09-01  1.00 h\n2026-09-02  0.50 h", 'quantity' => 1.5, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 9000],
+            ['name' => '#2 Pricing page', 'description' => '2026-09-03  1.50 h', 'quantity' => 1.5, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 9000],
+            ['name' => '#3 Onboarding flow', 'description' => '2026-09-04  2.00 h', 'quantity' => 2.0, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 12000],
+            ['name' => '#4 Ad hoc call', 'description' => '2026-09-05  0.75 h', 'quantity' => 0.75, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 4500],
+        ], $payload['items']);
+
+        self::assertSame([
+            ['entry_ids' => [(int) $entries[0]->id, (int) $entries[1]->id]],
+            ['entry_ids' => [(int) $entries[2]->id]],
+            ['entry_ids' => [(int) $entries[3]->id]],
+            ['entry_ids' => [(int) $entries[4]->id]],
+        ], $payload['groups']);
+        self::assertCount(count($payload['items']), $payload['groups']);
+    }
+
+    public function test_prepare_carries_every_key_the_host_invoice_writer_reads(): void
+    {
+        $entries = $this->entries();
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)), 'summary');
+
+        self::assertSame([
+            'invoice_date',
+            'customer_id',
+            'currency_id',
+            'discount',
+            'discount_type',
+            'discount_val',
+            'tax',
+            'sub_total',
+            'total',
+            'notes',
+            'template_name',
+            'taxes',
+            'items',
+            'groups',
+        ], array_keys($payload));
+
+        self::assertNull($payload['notes']);
+        self::assertNull($payload['template_name']);
+        self::assertSame([], $payload['taxes']);
+
+        self::assertSame([
+            'name',
+            'description',
+            'quantity',
+            'price',
+            'discount_type',
+            'discount',
+            'discount_val',
+            'tax',
+            'taxes',
+            'total',
+        ], array_keys($payload['items'][0]));
+    }
+
+    public function test_unbilled_lists_every_entry_with_the_names_the_review_step_shows(): void
+    {
+        $first = $this->entry($this->landing, 7, 60, '2026-09-01', ['description' => 'Hero section']);
+        $adHoc = $this->entry($this->adHoc, 8, 45, '2026-09-05');
+
+        $unbilled = $this->billing->unbilled(self::COMPANY, self::CUSTOMER);
+
+        self::assertSame([
+            [
+                'id' => (int) $first->id,
+                'task_id' => (int) $this->landing->id,
+                'task_name' => 'Landing page',
+                'project_id' => (int) $this->website->id,
+                'project_name' => 'Website',
+                'user_id' => 7,
+                'user_name' => 'Ada Lovelace',
+                'date' => '2026-09-01',
+                'minutes' => 60,
+                'amount' => 6000,
+                'rate' => self::RATE,
+                'currency_id' => self::CURRENCY,
+                'description' => 'Hero section',
+            ],
+            [
+                'id' => (int) $adHoc->id,
+                'task_id' => (int) $this->adHoc->id,
+                'task_name' => 'Ad hoc call',
+                'project_id' => null,
+                'project_name' => null,
+                'user_id' => 8,
+                'user_name' => 'Grace Hopper',
+                'date' => '2026-09-05',
+                'minutes' => 45,
+                'amount' => 4500,
+                'rate' => self::RATE,
+                'currency_id' => self::CURRENCY,
+                'description' => null,
+            ],
+        ], $unbilled['entries']);
+    }
+
+    public function test_unbilled_names_an_entry_logged_by_someone_who_has_left(): void
+    {
+        $this->entry($this->landing, 99, 60, '2026-09-01');
+
+        self::assertSame(
+            ['Removed member'],
+            array_column($this->billing->unbilled(self::COMPANY, self::CUSTOMER)['entries'], 'user_name'),
+        );
+    }
+
+    public function test_customers_rolls_up_the_unbilled_time_of_every_customer(): void
+    {
+        $this->entries();
+        $this->entry($this->task('Their logo', null, 43), 7, 30, '2026-09-06');
+
+        self::assertSame([
+            ['customer_id' => self::CUSTOMER, 'entries' => 5, 'minutes' => 345, 'amount' => 34500, 'currency_id' => self::CURRENCY],
+            ['customer_id' => 43, 'entries' => 1, 'minutes' => 30, 'amount' => 3000, 'currency_id' => self::CURRENCY],
+        ], $this->billing->customers(self::COMPANY));
+    }
+
+    public function test_customers_gives_a_customer_billed_in_two_currencies_a_row_each(): void
+    {
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 60, '2026-09-02', ['currency_id' => 4]);
+
+        self::assertSame([
+            ['customer_id' => self::CUSTOMER, 'entries' => 1, 'minutes' => 60, 'amount' => 6000, 'currency_id' => self::CURRENCY],
+            ['customer_id' => self::CUSTOMER, 'entries' => 1, 'minutes' => 60, 'amount' => 6000, 'currency_id' => 4],
+        ], $this->billing->customers(self::COMPANY));
+    }
+
+    public function test_customers_applies_the_same_rule_the_unbilled_list_does(): void
+    {
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 60, '2026-09-02', ['billable' => false]);
+        $this->entry($this->landing, 7, 0, '2026-09-03', ['running_user_id' => 7, 'ended_at' => null]);
+        $this->entry($this->landing, 7, 60, '2026-09-04', ['invoice_id' => 77, 'invoice_item_id' => 5]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $internal = $this->makeProject(self::COMPANY, ['name' => 'Internal tooling', 'customer_id' => null]);
+        $stray = $this->task('Stray', $internal);
+        Task::query()->whereKey($stray->id)->update(['customer_id' => self::CUSTOMER]);
+        $this->entry($stray, 7, 60, '2026-09-05', ['project_id' => $internal->id]);
+
+        self::assertSame([
+            ['customer_id' => self::CUSTOMER, 'entries' => 1, 'minutes' => 60, 'amount' => 6000, 'currency_id' => self::CURRENCY],
+        ], $this->billing->customers(self::COMPANY));
+    }
+
+    public function test_customers_honours_the_date_range_and_ignores_another_company(): void
+    {
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 90, '2026-09-10');
+        $foreignTask = $this->makeTask(10, ['customer_id' => self::CUSTOMER]);
+        $this->makeEntry(10, (int) $foreignTask->id);
+
+        self::assertSame([
+            ['customer_id' => self::CUSTOMER, 'entries' => 1, 'minutes' => 90, 'amount' => 9000, 'currency_id' => self::CURRENCY],
+        ], $this->billing->customers(self::COMPANY, '2026-09-05', '2026-09-15'));
+    }
+
+    public function test_customers_is_empty_when_nothing_is_waiting_to_be_billed(): void
+    {
+        self::assertSame([], $this->billing->customers(self::COMPANY));
+    }
+
+    public function test_prepare_builds_one_line_per_project(): void
+    {
+        $this->noteSettings();
+        $entries = $this->entries();
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)), 'project');
+
+        self::assertSame([
+            ['name' => 'Website', 'description' => null, 'quantity' => 3.0, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 18000],
+            ['name' => 'Mobile app', 'description' => null, 'quantity' => 2.0, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 12000],
+            ['name' => 'No project', 'description' => null, 'quantity' => 0.75, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 4500],
+        ], $payload['items']);
+        self::assertSame(34500, $payload['total']);
+    }
+
+    public function test_prepare_builds_one_line_per_member_and_names_a_leaver(): void
+    {
+        $this->noteSettings();
+        $entries = $this->entries();
+        $entries[] = $this->entry($this->landing, 99, 60, '2026-09-06');
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)), 'member');
+
+        self::assertSame([
+            ['name' => 'Ada Lovelace', 'description' => null, 'quantity' => 3.25, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 19500],
+            ['name' => 'Grace Hopper', 'description' => null, 'quantity' => 2.5, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 15000],
+            ['name' => 'Removed member', 'description' => null, 'quantity' => 1.0, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 6000],
+        ], $payload['items']);
+    }
+
+    public function test_prepare_collapses_everything_into_one_summary_line(): void
+    {
+        $this->noteSettings();
+        $entries = $this->entries();
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)), 'summary');
+
+        self::assertSame([
+            ['name' => 'Time', 'description' => null, 'quantity' => 5.75, 'price' => 6000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 34500],
+        ], $payload['items']);
+        self::assertSame([['entry_ids' => $this->ids($entries)]], $payload['groups']);
+    }
+
+    public function test_a_line_over_two_rates_bills_the_blended_rate(): void
+    {
+        $this->noteSettings();
+        $first = $this->entry($this->landing, 7, 60, '2026-09-01', ['rate' => 6000, 'amount' => 6000]);
+        $second = $this->entry($this->landing, 7, 30, '2026-09-02', ['rate' => 12000, 'amount' => 6000]);
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids([$first, $second])), 'task');
+
+        self::assertSame(
+            [['name' => '#1 Landing page', 'description' => null, 'quantity' => 1.5, 'price' => 8000, 'discount_type' => 'fixed', 'discount' => 0, 'discount_val' => 0, 'tax' => 0, 'taxes' => [], 'total' => 12000]],
+            $payload['items'],
+        );
+    }
+
+    public function test_entry_descriptions_become_one_note_line_each(): void
+    {
+        $this->noteSettings('invoice_entry_descriptions');
+        $first = $this->entry($this->landing, 7, 60, '2026-09-01', ['description' => 'Hero section']);
+        $second = $this->entry($this->landing, 7, 60, '2026-09-02', ['description' => 'Hero section']);
+        $third = $this->entry($this->landing, 7, 60, '2026-09-03', ['description' => 'Footer']);
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids([$first, $second, $third])), 'task');
+
+        // Two days of the same work are two days of work, not one line: the
+        // note follows the time log rather than de-duplicating it.
+        self::assertSame("Hero section\nHero section\nFooter", $payload['items'][0]['description']);
+    }
+
+    public function test_prepare_refuses_a_selection_spanning_two_customers(): void
+    {
+        $ours = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $theirs = $this->entry($this->task('Theirs', null, 43), 7, 60, '2026-09-02');
+
+        $this->expectException(MixedBillingSelection::class);
+        $this->expectExceptionMessage('more than one customer');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids([$ours, $theirs])), 'task');
+    }
+
+    public function test_prepare_refuses_a_selection_spanning_two_currencies(): void
+    {
+        $euros = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $pounds = $this->entry($this->landing, 7, 60, '2026-09-02', ['currency_id' => 4]);
+
+        $this->expectException(MixedBillingSelection::class);
+        $this->expectExceptionMessage('more than one currency');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids([$euros, $pounds])), 'task');
+    }
+
+    public function test_prepare_refuses_an_empty_selection(): void
+    {
+        $this->expectException(MixedBillingSelection::class);
+        $this->expectExceptionMessage('No time entries were selected.');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([]), 'task');
+    }
+
+    public function test_prepare_refuses_an_entry_of_another_company(): void
+    {
+        $foreignTask = $this->makeTask(10, ['customer_id' => self::CUSTOMER]);
+        $foreign = $this->makeEntry(10, (int) $foreignTask->id);
+
+        $this->expectException(UnknownTimeEntries::class);
+        $this->expectExceptionMessage("Time entries {$foreign->id} do not belong to this company.");
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $foreign->id]), 'task');
+    }
+
+    public function test_prepare_refuses_non_billable_time(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01', ['billable' => false]);
+
+        $this->expectException(NotBillable::class);
+        $this->expectExceptionMessage("Time entries {$entry->id} are not billable.");
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'task');
+    }
+
+    public function test_prepare_refuses_a_timer_that_is_still_running(): void
+    {
+        $entry = $this->entry($this->landing, 7, 0, '2026-09-01', ['running_user_id' => 7, 'ended_at' => null]);
+
+        $this->expectException(NotBillable::class);
+        $this->expectExceptionMessage('still running');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'task');
+    }
+
+    public function test_prepare_refuses_time_that_is_already_on_a_live_invoice(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01', ['invoice_id' => 77]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $this->expectException(EntriesAlreadyInvoiced::class);
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'task');
+    }
+
+    public function test_prepare_re_bills_time_whose_invoice_vanished(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01', ['invoice_id' => 88]);
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'task');
+
+        self::assertSame(6000, $payload['total']);
+    }
+
+    public function test_prepare_refuses_a_grouping_it_does_not_know(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01');
+
+        $this->expectException(InvalidArgumentException::class);
+        $this->expectExceptionMessage("Grouping 'weekday' is not one of task, project, member, summary.");
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'weekday');
+    }
+
+    public function test_prepare_refuses_time_with_no_customer_to_bill(): void
+    {
+        $internal = $this->makeProject(self::COMPANY, ['name' => 'Internal', 'customer_id' => null]);
+        $task = $this->task('Internal work', $internal);
+        $entry = $this->entry($task, 7, 60, '2026-09-01', ['project_id' => $internal->id]);
+
+        $this->expectException(NotBillable::class);
+        $this->expectExceptionMessage('has no customer to bill');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'task');
+    }
+
+    public function test_confirm_stamps_every_entry_with_its_line(): void
+    {
+        Carbon::setTestNow('2026-09-15 08:00:00');
+        $first = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $second = $this->entry($this->pricing, 7, 60, '2026-09-02');
+
+        $stamped = $this->billing->confirm(self::COMPANY, 77, [
+            ['invoice_item_id' => 101, 'entry_ids' => [(int) $first->id]],
+            ['invoice_item_id' => 102, 'entry_ids' => [(int) $second->id]],
+        ]);
+
+        self::assertSame(2, $stamped);
+        self::assertSame(77, $first->fresh()->invoice_id);
+        self::assertSame(101, $first->fresh()->invoice_item_id);
+        self::assertSame('2026-09-15 08:00:00', $first->fresh()->invoiced_at?->toDateTimeString());
+        self::assertSame(102, $second->fresh()->invoice_item_id);
+    }
+
+    public function test_confirm_can_be_replayed_after_a_half_finished_round_trip(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $items = [['invoice_item_id' => 101, 'entry_ids' => [(int) $entry->id]]];
+
+        self::assertSame(1, $this->billing->confirm(self::COMPANY, 77, $items));
+        self::assertSame(0, $this->billing->confirm(self::COMPANY, 77, $items));
+        self::assertSame(77, $entry->fresh()->invoice_id);
+    }
+
+    public function test_confirm_refuses_an_entry_that_belongs_to_another_invoice(): void
+    {
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01', ['invoice_id' => 77, 'invoice_item_id' => 101]);
+
+        $this->expectException(EntriesAlreadyInvoiced::class);
+        $this->expectExceptionMessage("Time entry {$entry->id} is already stamped with invoice 77.");
+
+        $this->billing->confirm(self::COMPANY, 78, [['invoice_item_id' => 201, 'entry_ids' => [(int) $entry->id]]]);
+    }
+
+    public function test_confirm_refuses_an_entry_of_another_company_and_stamps_nothing(): void
+    {
+        $ours = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $foreignTask = $this->makeTask(10);
+        $foreign = $this->makeEntry(10, (int) $foreignTask->id);
+
+        try {
+            $this->billing->confirm(self::COMPANY, 77, [
+                ['invoice_item_id' => 101, 'entry_ids' => [(int) $ours->id, (int) $foreign->id]],
+            ]);
+            self::fail('Expected the confirmation to be refused.');
+        } catch (UnknownTimeEntries $exception) {
+            self::assertSame("Time entries {$foreign->id} do not belong to this company.", $exception->getMessage());
+        }
+
+        self::assertNull($ours->fresh()->invoice_id);
+    }
+
+    public function test_prepare_invoices_every_unbilled_entry_of_the_named_tasks(): void
+    {
+        $this->noteSettings();
+        $first = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $second = $this->entry($this->landing, 8, 30, '2026-09-02');
+        $third = $this->entry($this->pricing, 7, 90, '2026-09-03');
+        $this->entry($this->onboarding, 7, 60, '2026-09-04');
+
+        $payload = $this->billing->prepare(
+            self::COMPANY,
+            BillingSelection::fromTaskIds([(int) $this->landing->id, (int) $this->pricing->id]),
+        );
+
+        self::assertSame(['#1 Landing page', '#2 Pricing page'], array_column($payload['items'], 'name'));
+        self::assertSame([
+            ['entry_ids' => [(int) $first->id, (int) $second->id]],
+            ['entry_ids' => [(int) $third->id]],
+        ], $payload['groups']);
+        self::assertSame(18000, $payload['total']);
+    }
+
+    public function test_a_task_selection_takes_only_the_time_that_can_be_billed_today(): void
+    {
+        $open = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->landing, 7, 60, '2026-09-02', ['billable' => false]);
+        $this->entry($this->landing, 7, 0, '2026-09-03', ['running_user_id' => 7, 'ended_at' => null]);
+        $this->entry($this->landing, 7, 60, '2026-09-04', ['invoice_id' => 77, 'invoice_item_id' => 5]);
+        $orphan = $this->entry($this->landing, 7, 30, '2026-09-05', ['invoice_id' => 88, 'invoice_item_id' => 6]);
+        $this->companyData->withInvoices(self::COMPANY, 77);
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromTaskIds([(int) $this->landing->id]));
+
+        // 88 was deleted in the host, so that half hour is unbilled again.
+        self::assertSame([['entry_ids' => [(int) $open->id, (int) $orphan->id]]], $payload['groups']);
+        self::assertSame([['company_id' => self::COMPANY, 'invoice_ids' => [77, 88]]], $this->companyData->invoiceLookups);
+    }
+
+    public function test_a_project_selection_covers_every_task_filed_under_it(): void
+    {
+        $this->noteSettings();
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($this->pricing, 7, 90, '2026-09-02');
+        $this->entry($this->onboarding, 7, 60, '2026-09-03');
+        $this->entry($this->adHoc, 7, 45, '2026-09-04');
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromProject((int) $this->website->id));
+
+        self::assertSame(['#1 Landing page', '#2 Pricing page'], array_column($payload['items'], 'name'));
+        self::assertSame(15000, $payload['total']);
+    }
+
+    public function test_a_task_selection_with_nothing_left_to_bill_is_refused(): void
+    {
+        $this->entry($this->landing, 7, 60, '2026-09-01', ['billable' => false]);
+
+        $this->expectException(NothingToInvoice::class);
+        $this->expectExceptionMessage('No unbilled billable time on the selected tasks.');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromTaskIds([(int) $this->landing->id]));
+    }
+
+    public function test_a_project_with_no_unbilled_time_is_refused(): void
+    {
+        $this->expectException(NothingToInvoice::class);
+        $this->expectExceptionMessage('No unbilled billable time on the selected tasks.');
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromProject((int) $this->mobile->id));
+    }
+
+    public function test_a_task_selection_spanning_two_customers_names_them_in_the_refusal(): void
+    {
+        $theirs = $this->task('Theirs', null, 43);
+        $this->entry($this->landing, 7, 60, '2026-09-01');
+        $this->entry($theirs, 7, 60, '2026-09-02');
+
+        try {
+            $this->billing->prepare(
+                self::COMPANY,
+                BillingSelection::fromTaskIds([(int) $this->landing->id, (int) $theirs->id]),
+            );
+            self::fail('Expected the selection to be refused.');
+        } catch (MixedBillingSelection $exception) {
+            self::assertStringContainsString('more than one customer', $exception->getMessage());
+            self::assertSame(['customer_ids' => [self::CUSTOMER, 43]], $exception->context());
+        }
+    }
+
+    public function test_prepare_refuses_a_task_of_another_company(): void
+    {
+        $foreignTask = $this->makeTask(10, ['customer_id' => self::CUSTOMER]);
+        $this->makeEntry(10, (int) $foreignTask->id);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromTaskIds([(int) $foreignTask->id]));
+    }
+
+    public function test_prepare_refuses_a_project_of_another_company(): void
+    {
+        $foreignProject = $this->makeProject(10, ['name' => 'Theirs', 'customer_id' => self::CUSTOMER]);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->billing->prepare(self::COMPANY, BillingSelection::fromProject((int) $foreignProject->id));
+    }
+
+    public function test_a_note_line_carries_exactly_the_parts_the_company_asked_for(): void
+    {
+        $entry = $this->entry($this->landing, 7, 90, '2026-09-01', ['description' => 'Hero section']);
+        $selection = BillingSelection::fromEntryIds([(int) $entry->id]);
+
+        $this->noteSettings();
+        self::assertNull($this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+
+        $this->noteSettings('invoice_entry_dates');
+        self::assertSame('2026-09-01', $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+
+        $this->noteSettings('invoice_entry_times');
+        self::assertSame('09:00-10:30', $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+
+        $this->noteSettings('invoice_entry_hours');
+        self::assertSame('1.50 h', $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+
+        $this->noteSettings('invoice_entry_descriptions');
+        self::assertSame('Hero section', $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+
+        $this->noteSettings('invoice_entry_dates', 'invoice_entry_times', 'invoice_entry_hours', 'invoice_entry_descriptions');
+        self::assertSame(
+            '2026-09-01  09:00-10:30  1.50 h  Hero section',
+            $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description'],
+        );
+    }
+
+    public function test_an_entry_with_nothing_switched_on_to_show_leaves_no_note_line(): void
+    {
+        $this->noteSettings('invoice_entry_times', 'invoice_entry_descriptions');
+        $described = $this->entry($this->landing, 7, 60, '2026-09-01', ['description' => 'Hero section']);
+        $manual = $this->entry($this->landing, 7, 60, '2026-09-02', ['started_at' => null, 'ended_at' => null]);
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids([$described, $manual])));
+
+        self::assertSame('09:00-10:00  Hero section', $payload['items'][0]['description']);
+    }
+
+    public function test_a_note_can_open_with_the_project_name_and_the_task_description(): void
+    {
+        Task::query()->whereKey($this->landing->id)->update(['description' => "  Rebuild the hero  \n"]);
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01');
+        $selection = BillingSelection::fromEntryIds([(int) $entry->id]);
+
+        $this->noteSettings('invoice_project_heading', 'invoice_task_description', 'invoice_entry_dates');
+        self::assertSame(
+            "## Website\nRebuild the hero\n2026-09-01",
+            $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description'],
+        );
+
+        $this->noteSettings('invoice_entry_dates');
+        self::assertSame('2026-09-01', $this->billing->prepare(self::COMPANY, $selection)['items'][0]['description']);
+    }
+
+    public function test_the_task_description_never_heads_a_line_that_is_not_one_task(): void
+    {
+        Task::query()->whereKey($this->landing->id)->update(['description' => 'Rebuild the hero']);
+        $this->noteSettings('invoice_project_heading', 'invoice_task_description', 'invoice_entry_dates');
+        $entry = $this->entry($this->landing, 7, 60, '2026-09-01');
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds([(int) $entry->id]), 'member');
+
+        self::assertSame("## Website\n2026-09-01", $payload['items'][0]['description']);
+    }
+
+    public function test_a_note_too_long_to_print_says_how_many_entries_it_left_out(): void
+    {
+        $this->noteSettings('invoice_entry_dates', 'invoice_entry_descriptions');
+        $entries = [];
+        for ($day = 1; $day <= 60; $day++) {
+            $entries[] = $this->entry($this->landing, 7, 60, '2026-09-01', ['description' => str_repeat('x', 60)]);
+        }
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)));
+        $description = (string) $payload['items'][0]['description'];
+        $lines = explode("\n", $description);
+
+        self::assertLessThanOrEqual(InvoiceLineComposer::MAX_LENGTH, mb_strlen($description));
+        self::assertCount(28, $lines);
+        self::assertSame('and 33 more entries', end($lines));
+        self::assertSame('2026-09-01  '.str_repeat('x', 60), $lines[0]);
+    }
+
+    public function test_a_note_that_drops_exactly_one_entry_says_so_in_the_singular(): void
+    {
+        $this->noteSettings('invoice_entry_dates', 'invoice_entry_descriptions');
+        $entries = [
+            $this->entry($this->landing, 7, 60, '2026-09-01', ['description' => str_repeat('x', 990)]),
+            $this->entry($this->landing, 7, 60, '2026-09-02', ['description' => str_repeat('x', 990)]),
+        ];
+
+        $payload = $this->billing->prepare(self::COMPANY, BillingSelection::fromEntryIds($this->ids($entries)));
+        $description = (string) $payload['items'][0]['description'];
+        $lines = explode("\n", $description);
+
+        self::assertLessThanOrEqual(InvoiceLineComposer::MAX_LENGTH, mb_strlen($description));
+        self::assertCount(2, $lines);
+        self::assertSame('and 1 more entry', end($lines));
+        self::assertSame('2026-09-01  '.str_repeat('x', 990), $lines[0]);
+    }
+
+    /**
+     * Turn on exactly these line note settings, and nothing else.
+     *
+     * Most of what `prepare()` returns has nothing to do with the notes, so a
+     * test that is about quantities or groups says so by switching every part
+     * off, and a test that is about one part switches on only that one.
+     */
+    private function noteSettings(string ...$on): void
+    {
+        foreach (array_keys(ModuleSettings::FLAGS) as $key) {
+            if (str_starts_with($key, 'invoice_')) {
+                $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.$key, in_array($key, $on, true));
+            }
+        }
+    }
+
+    private function task(string $name, ?Project $project, int $customerId = self::CUSTOMER): Task
+    {
+        return $this->makeTask(self::COMPANY, [
+            'name' => $name,
+            'project_id' => $project?->id,
+            'customer_id' => $project === null ? $customerId : $project->customer_id,
+        ]);
+    }
+
+    /**
+     * @param  array<string, mixed>  $attributes
+     */
+    private function entry(Task $task, int $userId, int $minutes, string $day, array $attributes = []): TimeEntry
+    {
+        return $this->makeEntry(self::COMPANY, (int) $task->id, $attributes + [
+            'project_id' => $task->project_id,
+            'user_id' => $userId,
+            'started_at' => Carbon::parse($day.' 09:00:00'),
+            'ended_at' => Carbon::parse($day.' 09:00:00')->addMinutes($minutes),
+            'duration_minutes' => $minutes,
+            'rate' => self::RATE,
+            'amount' => (int) round($minutes / 60 * self::RATE),
+            'currency_id' => self::CURRENCY,
+        ]);
+    }
+
+    /** @return list<TimeEntry> */
+    private function entries(): array
+    {
+        return [
+            $this->entry($this->landing, 7, 60, '2026-09-01'),
+            $this->entry($this->landing, 8, 30, '2026-09-02'),
+            $this->entry($this->pricing, 7, 90, '2026-09-03'),
+            $this->entry($this->onboarding, 8, 120, '2026-09-04'),
+            $this->entry($this->adHoc, 7, 45, '2026-09-05'),
+        ];
+    }
+
+    /**
+     * @param  list<TimeEntry>  $entries
+     * @return list<int>
+     */
+    private function ids(array $entries): array
+    {
+        return array_map(static fn (TimeEntry $entry): int => (int) $entry->id, $entries);
+    }
+}
diff --git a/tests/Unit/BoardOrderingServiceTest.php b/tests/Unit/BoardOrderingServiceTest.php
new file mode 100644
index 0000000..2a2dd3a
--- /dev/null
+++ b/tests/Unit/BoardOrderingServiceTest.php
@@ -0,0 +1,128 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use InvalidArgumentException;
+use Modules\TasksProjects\Application\BoardOrderingService;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class BoardOrderingServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private BoardOrderingService $board;
+
+    private TaskStatus $status;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->board = new BoardOrderingService;
+        $this->status = $this->makeStatus(self::COMPANY);
+    }
+
+    public function test_the_first_card_of_an_empty_column_takes_one_step(): void
+    {
+        self::assertSame('1024.0000000000', $this->board->positionFor(self::COMPANY, (int) $this->status->id));
+    }
+
+    public function test_appending_lands_one_step_past_the_last_card(): void
+    {
+        $this->cardAt('1024');
+        $this->cardAt('2048');
+
+        self::assertSame('3072.0000000000', $this->board->positionFor(self::COMPANY, (int) $this->status->id));
+    }
+
+    public function test_dropping_under_the_last_card_lands_one_step_past_it(): void
+    {
+        $last = $this->cardAt('2048');
+
+        self::assertSame(
+            '3072.0000000000',
+            $this->board->positionFor(self::COMPANY, (int) $this->status->id, (int) $last->id),
+        );
+    }
+
+    public function test_prepending_halves_the_first_cards_position(): void
+    {
+        $first = $this->cardAt('1024');
+
+        self::assertSame(
+            '512.0000000000',
+            $this->board->positionFor(self::COMPANY, (int) $this->status->id, null, (int) $first->id),
+        );
+    }
+
+    public function test_dropping_between_two_cards_takes_the_midpoint(): void
+    {
+        $above = $this->cardAt('1024');
+        $below = $this->cardAt('2048');
+
+        self::assertSame(
+            '1536.0000000000',
+            $this->board->positionFor(self::COMPANY, (int) $this->status->id, (int) $above->id, (int) $below->id),
+        );
+    }
+
+    public function test_a_gap_too_small_to_halve_renormalises_the_column_first(): void
+    {
+        $above = $this->cardAt('1024.0000000000');
+        $below = $this->cardAt('1024.0000005000');
+        $tail = $this->cardAt('4096.0000000000');
+
+        $position = $this->board->positionFor(self::COMPANY, (int) $this->status->id, (int) $above->id, (int) $below->id);
+
+        self::assertSame('1536.0000000000', $position);
+        self::assertSame('1024.0000000000', $above->fresh()->board_position);
+        self::assertSame('2048.0000000000', $below->fresh()->board_position);
+        self::assertSame('3072.0000000000', $tail->fresh()->board_position);
+    }
+
+    public function test_renormalise_rewrites_the_column_to_whole_steps_in_order(): void
+    {
+        $third = $this->cardAt('9000.0000000000');
+        $first = $this->cardAt('12.5000000000');
+        $second = $this->cardAt('900.0000000000');
+
+        self::assertSame(3, $this->board->renormalise(self::COMPANY, (int) $this->status->id));
+
+        self::assertSame('1024.0000000000', $first->fresh()->board_position);
+        self::assertSame('2048.0000000000', $second->fresh()->board_position);
+        self::assertSame('3072.0000000000', $third->fresh()->board_position);
+    }
+
+    public function test_it_refuses_a_neighbour_from_another_company(): void
+    {
+        $foreign = $this->cardAt('1024', 10);
+
+        $this->expectException(InvalidArgumentException::class);
+        $this->expectExceptionMessage("Task {$foreign->id} does not belong to company 9.");
+
+        $this->board->positionFor(self::COMPANY, (int) $this->status->id, (int) $foreign->id);
+    }
+
+    public function test_it_refuses_a_neighbour_from_another_column(): void
+    {
+        $other = $this->makeStatus(self::COMPANY, ['name' => 'Done', 'position' => 2, 'is_default' => false]);
+        $card = $this->cardAt('1024');
+
+        $this->expectException(InvalidArgumentException::class);
+        $this->expectExceptionMessage("Task {$card->id} is not in task status {$other->id}.");
+
+        $this->board->positionFor(self::COMPANY, (int) $other->id, (int) $card->id);
+    }
+
+    private function cardAt(string $position, int $companyId = self::COMPANY): Task
+    {
+        return $this->makeTask($companyId, [
+            'task_status_id' => $this->status->id,
+            'board_position' => $position,
+        ]);
+    }
+}
diff --git a/tests/Unit/BoardQueryTest.php b/tests/Unit/BoardQueryTest.php
new file mode 100644
index 0000000..e330215
--- /dev/null
+++ b/tests/Unit/BoardQueryTest.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Modules\TasksProjects\Application\BoardQuery;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class BoardQueryTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    public function test_it_returns_every_column_in_order_with_its_cards_in_board_order(): void
+    {
+        $statuses = $this->board();
+        $second = $this->card('Second', (int) $statuses['Backlog']->id, '2048');
+        $first = $this->card('First', (int) $statuses['Backlog']->id, '1024');
+        $done = $this->card('Done card', (int) $statuses['Done']->id, '1024');
+
+        $columns = (new BoardQuery)->columns(self::COMPANY);
+
+        self::assertSame(
+            ['Backlog', 'In Progress', 'Review', 'Done'],
+            array_map(static fn (array $column): string => $column['status']->name, $columns),
+        );
+        self::assertSame([(int) $first->id, (int) $second->id], array_map(
+            static fn (Task $task): int => (int) $task->id,
+            $columns[0]['tasks'],
+        ));
+        self::assertSame([], $columns[1]['tasks']);
+        self::assertSame([(int) $done->id], array_map(static fn (Task $task): int => (int) $task->id, $columns[3]['tasks']));
+    }
+
+    public function test_it_filters_by_project_and_assignee_and_never_leaves_the_company(): void
+    {
+        $statuses = $this->board();
+        $backlog = (int) $statuses['Backlog']->id;
+        $project = $this->makeProject(self::COMPANY);
+        $mine = $this->card('Mine', $backlog, '1024', ['project_id' => $project->id, 'assignee_id' => 7]);
+        $this->card('Theirs', $backlog, '2048', ['project_id' => $project->id, 'assignee_id' => 8]);
+        $this->card('Other project', $backlog, '3072', ['assignee_id' => 7]);
+        $this->makeTask(10, ['name' => 'Another company']);
+
+        $columns = (new BoardQuery)->columns(self::COMPANY, (int) $project->id, 7);
+
+        self::assertSame([(int) $mine->id], array_map(static fn (Task $task): int => (int) $task->id, $columns[0]['tasks']));
+    }
+
+    /** @return array<string, TaskStatus> */
+    private function board(): array
+    {
+        $statuses = new TaskStatusService;
+        $statuses->ensureDefaults(self::COMPANY);
+
+        return $statuses->listFor(self::COMPANY)->keyBy('name')->all();
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function card(string $name, int $statusId, string $position, array $attributes = []): Task
+    {
+        return $this->makeTask(self::COMPANY, $attributes + [
+            'name' => $name,
+            'task_status_id' => $statusId,
+            'board_position' => $position,
+        ]);
+    }
+}
diff --git a/tests/Unit/MigrationRollbackTest.php b/tests/Unit/MigrationRollbackTest.php
new file mode 100644
index 0000000..d294587
--- /dev/null
+++ b/tests/Unit/MigrationRollbackTest.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Support\Facades\Schema;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class MigrationRollbackTest extends TestCase
+{
+    /** @var list<string> */
+    private const TABLES = [
+        'tp_projects',
+        'tp_project_members',
+        'tp_task_statuses',
+        'tp_tasks',
+        'tp_time_entries',
+    ];
+
+    public function test_every_module_table_is_created(): void
+    {
+        foreach (self::TABLES as $table) {
+            self::assertTrue(Schema::hasTable($table), "Expected table {$table} to exist.");
+        }
+    }
+
+    public function test_the_migrations_roll_back_and_forward_again(): void
+    {
+        $this->artisan('migrate:rollback', $this->migrationPath())->run();
+
+        foreach (self::TABLES as $table) {
+            self::assertFalse(Schema::hasTable($table), "Expected table {$table} to be dropped.");
+        }
+
+        $this->artisan('migrate', $this->migrationPath())->run();
+
+        foreach (self::TABLES as $table) {
+            self::assertTrue(Schema::hasTable($table), "Expected table {$table} to come back.");
+        }
+    }
+
+    /** @return array{--path: string, --realpath: bool} */
+    private function migrationPath(): array
+    {
+        return ['--path' => dirname(__DIR__, 2).'/database/migrations', '--realpath' => true];
+    }
+
+    public function test_the_projects_table_carries_the_columns_the_services_write(): void
+    {
+        self::assertTrue(Schema::hasColumns('tp_projects', [
+            'company_id', 'customer_id', 'name', 'identifier', 'description', 'colour',
+            'status', 'currency_id', 'default_rate', 'budget_minutes', 'due_date', 'creator_id',
+        ]));
+
+        self::assertTrue(Schema::hasColumns('tp_time_entries', [
+            'company_id', 'task_id', 'project_id', 'user_id', 'started_at', 'ended_at',
+            'duration_minutes', 'description', 'billable', 'rate', 'amount', 'currency_id',
+            'running_user_id', 'invoice_id', 'invoice_item_id', 'invoiced_at',
+        ]));
+    }
+}
diff --git a/tests/Unit/ModuleRoutesTest.php b/tests/Unit/ModuleRoutesTest.php
new file mode 100644
index 0000000..fabc679
--- /dev/null
+++ b/tests/Unit/ModuleRoutesTest.php
@@ -0,0 +1,130 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Routing\Route;
+use Modules\TasksProjects\Tests\TestCase;
+
+/**
+ * The module's route table, guarded as a contract.
+ *
+ * Two things matter here. Every route sits behind the host stack, because the
+ * company scoping and the ability checks both depend on it, and every route
+ * sits under the module's slug prefix, so a future core route can never collide
+ * with one of these.
+ */
+final class ModuleRoutesTest extends TestCase
+{
+    private const PREFIX = 'api/v1/tasks-projects';
+
+    /** @var list<string> */
+    private const MIDDLEWARE = ['api', 'auth:sanctum', 'company', 'bouncer'];
+
+    public function test_it_registers_the_documented_route_table(): void
+    {
+        $routes = array_map(
+            static fn (Route $route): array => [
+                implode('|', array_values(array_diff($route->methods(), ['HEAD']))),
+                $route->uri(),
+                (string) $route->getName(),
+            ],
+            $this->moduleRoutes(),
+        );
+
+        self::assertSame([
+            ['GET', 'api/v1/tasks-projects/projects', 'tasks-projects.projects.index'],
+            ['POST', 'api/v1/tasks-projects/projects', 'tasks-projects.projects.store'],
+            ['GET', 'api/v1/tasks-projects/projects/{id}', 'tasks-projects.projects.show'],
+            ['PUT', 'api/v1/tasks-projects/projects/{id}', 'tasks-projects.projects.update'],
+            ['DELETE', 'api/v1/tasks-projects/projects/{id}', 'tasks-projects.projects.destroy'],
+            ['POST', 'api/v1/tasks-projects/projects/{id}/archive', 'tasks-projects.projects.archive'],
+            ['POST', 'api/v1/tasks-projects/projects/{id}/unarchive', 'tasks-projects.projects.unarchive'],
+            ['GET', 'api/v1/tasks-projects/projects/{id}/members', 'tasks-projects.project-members.index'],
+            ['POST', 'api/v1/tasks-projects/projects/{id}/members', 'tasks-projects.project-members.store'],
+            ['DELETE', 'api/v1/tasks-projects/projects/{id}/members/{userId}', 'tasks-projects.project-members.destroy'],
+            ['GET', 'api/v1/tasks-projects/members', 'tasks-projects.members.index'],
+            ['GET', 'api/v1/tasks-projects/tasks', 'tasks-projects.tasks.index'],
+            ['POST', 'api/v1/tasks-projects/tasks', 'tasks-projects.tasks.store'],
+            ['POST', 'api/v1/tasks-projects/tasks/bulk', 'tasks-projects.tasks.bulk'],
+            ['GET', 'api/v1/tasks-projects/tasks/{id}', 'tasks-projects.tasks.show'],
+            ['PUT', 'api/v1/tasks-projects/tasks/{id}', 'tasks-projects.tasks.update'],
+            ['DELETE', 'api/v1/tasks-projects/tasks/{id}', 'tasks-projects.tasks.destroy'],
+            ['POST', 'api/v1/tasks-projects/tasks/{id}/move', 'tasks-projects.tasks.move'],
+            ['POST', 'api/v1/tasks-projects/tasks/{id}/start', 'tasks-projects.tasks.start'],
+            ['POST', 'api/v1/tasks-projects/tasks/{id}/stop', 'tasks-projects.tasks.stop'],
+            ['GET', 'api/v1/tasks-projects/tasks/{id}/time-log', 'tasks-projects.tasks.time-log'],
+            ['GET', 'api/v1/tasks-projects/board', 'tasks-projects.board.index'],
+            ['GET', 'api/v1/tasks-projects/task-statuses', 'tasks-projects.task-statuses.index'],
+            ['POST', 'api/v1/tasks-projects/task-statuses', 'tasks-projects.task-statuses.store'],
+            ['POST', 'api/v1/tasks-projects/task-statuses/reorder', 'tasks-projects.task-statuses.reorder'],
+            ['PUT', 'api/v1/tasks-projects/task-statuses/{id}', 'tasks-projects.task-statuses.update'],
+            ['DELETE', 'api/v1/tasks-projects/task-statuses/{id}', 'tasks-projects.task-statuses.destroy'],
+            ['GET', 'api/v1/tasks-projects/time-entries', 'tasks-projects.time-entries.index'],
+            ['POST', 'api/v1/tasks-projects/time-entries', 'tasks-projects.time-entries.store'],
+            ['GET', 'api/v1/tasks-projects/time-entries/{id}', 'tasks-projects.time-entries.show'],
+            ['PUT', 'api/v1/tasks-projects/time-entries/{id}', 'tasks-projects.time-entries.update'],
+            ['DELETE', 'api/v1/tasks-projects/time-entries/{id}', 'tasks-projects.time-entries.destroy'],
+            ['GET', 'api/v1/tasks-projects/timer', 'tasks-projects.timer.show'],
+            ['DELETE', 'api/v1/tasks-projects/timer', 'tasks-projects.timer.destroy'],
+            ['POST', 'api/v1/tasks-projects/timer/start', 'tasks-projects.timer.start'],
+            ['POST', 'api/v1/tasks-projects/timer/stop', 'tasks-projects.timer.stop'],
+            ['GET', 'api/v1/tasks-projects/billing/customers', 'tasks-projects.billing.customers'],
+            ['GET', 'api/v1/tasks-projects/billing/unbilled', 'tasks-projects.billing.unbilled'],
+            ['POST', 'api/v1/tasks-projects/billing/prepare', 'tasks-projects.billing.prepare'],
+            ['POST', 'api/v1/tasks-projects/billing/confirm', 'tasks-projects.billing.confirm'],
+            ['GET', 'api/v1/tasks-projects/reports/summary', 'tasks-projects.reports.summary'],
+            ['GET', 'api/v1/tasks-projects/settings', 'tasks-projects.settings.show'],
+        ], $routes);
+    }
+
+    public function test_every_route_sits_behind_the_host_middleware_stack(): void
+    {
+        foreach ($this->moduleRoutes() as $route) {
+            foreach (self::MIDDLEWARE as $middleware) {
+                self::assertContains(
+                    $middleware,
+                    $route->middleware(),
+                    "Route {$route->uri()} is missing the {$middleware} middleware.",
+                );
+            }
+        }
+    }
+
+    public function test_every_route_is_named_and_prefixed_by_the_module_slug(): void
+    {
+        foreach ($this->moduleRoutes() as $route) {
+            self::assertStringStartsWith('tasks-projects.', (string) $route->getName());
+        }
+    }
+
+    public function test_no_controller_of_the_module_is_reachable_outside_the_slug_prefix(): void
+    {
+        foreach ($this->app['router']->getRoutes()->getRoutes() as $route) {
+            $action = $route->getAction('controller');
+
+            if (! is_string($action) || ! str_starts_with($action, 'Modules\\TasksProjects\\')) {
+                continue;
+            }
+
+            self::assertStringStartsWith(self::PREFIX.'/', $route->uri());
+        }
+    }
+
+    /** @return list<Route> */
+    private function moduleRoutes(): array
+    {
+        $routes = [];
+
+        foreach ($this->app['router']->getRoutes()->getRoutes() as $route) {
+            if (str_starts_with($route->uri(), self::PREFIX)) {
+                $routes[] = $route;
+            }
+        }
+
+        self::assertNotSame([], $routes, 'The module registered no routes at all.');
+
+        return $routes;
+    }
+}
diff --git a/tests/Unit/ProjectServiceTest.php b/tests/Unit/ProjectServiceTest.php
new file mode 100644
index 0000000..156fbd3
--- /dev/null
+++ b/tests/Unit/ProjectServiceTest.php
@@ -0,0 +1,253 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Modules\TasksProjects\Application\Exceptions\ProjectInUse;
+use Modules\TasksProjects\Application\ProjectMemberService;
+use Modules\TasksProjects\Application\ProjectService;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\ProjectMember;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class ProjectServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private ProjectService $projects;
+
+    private ProjectMemberService $members;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->projects = new ProjectService($this->companyData);
+        $this->members = new ProjectMemberService($this->projects);
+    }
+
+    public function test_a_new_project_starts_active(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42]);
+
+        self::assertSame(Project::STATUS_ACTIVE, $project->status);
+        self::assertSame(self::COMPANY, $project->company_id);
+        self::assertFalse($project->isInternal());
+    }
+
+    public function test_a_project_without_a_customer_is_internal(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Internal tooling']);
+
+        self::assertTrue($project->isInternal());
+    }
+
+    public function test_it_never_reaches_a_project_of_another_company(): void
+    {
+        $foreign = $this->makeProject(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->projects->findForCompany(self::COMPANY, (int) $foreign->id);
+    }
+
+    public function test_listing_is_scoped_to_the_company_and_filtered(): void
+    {
+        $this->projects->create(self::COMPANY, ['name' => 'Alpha', 'customer_id' => 42]);
+        $archived = $this->projects->create(self::COMPANY, ['name' => 'Beta', 'customer_id' => 43]);
+        $this->projects->archive(self::COMPANY, (int) $archived->id);
+        $this->projects->create(10, ['name' => 'Elsewhere']);
+
+        // Newest first by default, and two rows of the same second break on the id.
+        self::assertSame(['Beta', 'Alpha'], $this->projects->listFor(self::COMPANY)->pluck('name')->all());
+        self::assertSame(['Alpha'], $this->projects->listFor(self::COMPANY, ['status' => Project::STATUS_ACTIVE])->pluck('name')->all());
+        self::assertSame(['Beta'], $this->projects->listFor(self::COMPANY, ['customer_id' => 43])->pluck('name')->all());
+    }
+
+    public function test_archiving_and_unarchiving_flips_the_status(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+
+        self::assertSame(Project::STATUS_ARCHIVED, $this->projects->archive(self::COMPANY, (int) $project->id)->status);
+        self::assertSame(Project::STATUS_ACTIVE, $this->projects->unarchive(self::COMPANY, (int) $project->id)->status);
+    }
+
+    public function test_changing_the_customer_rewrites_the_tasks_that_follow_the_project(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id, 'customer_id' => 42]);
+
+        $this->projects->update(self::COMPANY, (int) $project->id, ['customer_id' => 43]);
+
+        self::assertSame(43, $task->fresh()->customer_id);
+    }
+
+    public function test_a_new_project_inherits_the_currency_of_its_customer(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 42, 3);
+
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42]);
+
+        self::assertSame(3, $project->currency_id);
+    }
+
+    public function test_a_named_currency_survives_the_customer_it_was_filed_under(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 42, 3);
+
+        $project = $this->projects->create(self::COMPANY, [
+            'name' => 'Website',
+            'customer_id' => 42,
+            'currency_id' => 4,
+        ]);
+
+        self::assertSame(4, $project->currency_id);
+    }
+
+    public function test_an_internal_project_and_a_customer_without_a_currency_stay_currencyless(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 43, null);
+
+        $internal = $this->projects->create(self::COMPANY, ['name' => 'Internal tooling']);
+        $unpriced = $this->projects->create(self::COMPANY, ['name' => 'Favour', 'customer_id' => 43]);
+
+        self::assertNull($internal->currency_id);
+        self::assertNull($unpriced->currency_id);
+    }
+
+    public function test_changing_the_customer_moves_the_project_to_that_customers_currency(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 42, 3)->withCustomer(self::COMPANY, 43, 4);
+
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42]);
+        $moved = $this->projects->update(self::COMPANY, (int) $project->id, ['customer_id' => 43]);
+
+        self::assertSame(4, $moved->currency_id);
+    }
+
+    public function test_an_update_that_leaves_the_customer_alone_leaves_the_currency_alone(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 42, 3);
+
+        $project = $this->projects->create(self::COMPANY, [
+            'name' => 'Website',
+            'customer_id' => 42,
+            'currency_id' => 4,
+        ]);
+        $renamed = $this->projects->update(self::COMPANY, (int) $project->id, ['name' => 'Website 2']);
+
+        self::assertSame(4, $renamed->currency_id);
+    }
+
+    public function test_an_explicit_null_currency_clears_it(): void
+    {
+        $this->companyData->withCustomer(self::COMPANY, 42, 3);
+
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42]);
+        $cleared = $this->projects->update(self::COMPANY, (int) $project->id, [
+            'customer_id' => 42,
+            'currency_id' => null,
+        ]);
+
+        self::assertNull($cleared->currency_id);
+    }
+
+    public function test_a_member_is_attached_with_a_rate_and_reattaching_updates_it(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+
+        $this->members->attach(self::COMPANY, (int) $project->id, 7, 5000);
+        $this->members->attach(self::COMPANY, (int) $project->id, 7, 6000);
+
+        $members = $this->members->listFor(self::COMPANY, (int) $project->id);
+
+        self::assertCount(1, $members);
+        self::assertSame(6000, $members->first()->rate);
+    }
+
+    public function test_detaching_a_member_leaves_their_time_entries_alone(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $this->members->attach(self::COMPANY, (int) $project->id, 7, 5000);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id, ['project_id' => $project->id, 'user_id' => 7]);
+
+        $this->members->detach(self::COMPANY, (int) $project->id, 7);
+
+        self::assertSame(0, ProjectMember::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(7, $entry->fresh()->user_id);
+    }
+
+    public function test_detaching_someone_who_is_not_a_member_is_refused(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->members->detach(self::COMPANY, (int) $project->id, 7);
+    }
+
+    public function test_members_of_another_companys_project_are_out_of_reach(): void
+    {
+        $foreign = $this->makeProject(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->members->listFor(self::COMPANY, (int) $foreign->id);
+    }
+
+    public function test_deleting_a_project_removes_its_members_tasks_and_time(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $this->members->attach(self::COMPANY, (int) $project->id, 7);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['project_id' => $project->id]);
+
+        $this->projects->delete(self::COMPANY, (int) $project->id);
+
+        self::assertSame(0, Project::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(0, Task::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(0, TimeEntry::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(0, ProjectMember::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_a_project_with_invoiced_time_is_archived_not_deleted(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website']);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['project_id' => $project->id, 'invoice_id' => 77]);
+
+        $this->expectException(ProjectInUse::class);
+        $this->expectExceptionMessage("Project {$project->id} has invoiced time entries and cannot be deleted.");
+
+        $this->projects->delete(self::COMPANY, (int) $project->id);
+    }
+
+    public function test_totals_count_tasks_and_split_billable_from_unbilled_money(): void
+    {
+        $project = $this->projects->create(self::COMPANY, ['name' => 'Website', 'customer_id' => 42, 'currency_id' => 3]);
+        $open = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $this->makeTask(self::COMPANY, [
+            'project_id' => $project->id,
+            'task_status_id' => $open->task_status_id,
+            'closed_at' => '2026-09-10 10:00:00',
+        ]);
+
+        $this->makeEntry(self::COMPANY, (int) $open->id, ['project_id' => $project->id, 'duration_minutes' => 60, 'rate' => 10000, 'amount' => 10000]);
+        $this->makeEntry(self::COMPANY, (int) $open->id, ['project_id' => $project->id, 'duration_minutes' => 30, 'rate' => 10000, 'amount' => 5000, 'invoice_id' => 77]);
+        $this->makeEntry(self::COMPANY, (int) $open->id, ['project_id' => $project->id, 'duration_minutes' => 45, 'rate' => 10000, 'amount' => 7500, 'billable' => false]);
+
+        $totals = $this->projects->totals($project->fresh());
+
+        self::assertSame(['total' => 2, 'open' => 1, 'closed' => 1], $totals['tasks']);
+        self::assertSame(135, $totals['logged_minutes']);
+        self::assertSame(90, $totals['billable_minutes']);
+        self::assertSame(15000, $totals['billable_amount']);
+        self::assertSame(10000, $totals['unbilled_amount']);
+        self::assertSame(3, $totals['currency_id']);
+    }
+}
diff --git a/tests/Unit/RateResolverTest.php b/tests/Unit/RateResolverTest.php
new file mode 100644
index 0000000..ae1e1f9
--- /dev/null
+++ b/tests/Unit/RateResolverTest.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Modules\TasksProjects\Application\RateResolver;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class RateResolverTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const USER = 7;
+
+    public function test_a_task_override_beats_every_other_rate(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'default_rate', 1000);
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 2000]);
+        $this->makeMember(self::COMPANY, (int) $project->id, self::USER, 3000);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id, 'rate' => 4000]);
+
+        self::assertSame(4000, $this->resolve($task->id));
+    }
+
+    public function test_the_members_rate_on_the_project_beats_the_project_default(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 2000]);
+        $this->makeMember(self::COMPANY, (int) $project->id, self::USER, 3000);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        self::assertSame(3000, $this->resolve($task->id));
+    }
+
+    public function test_a_member_without_a_rate_of_their_own_falls_through_to_the_project(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 2000]);
+        $this->makeMember(self::COMPANY, (int) $project->id, self::USER);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        self::assertSame(2000, $this->resolve($task->id));
+    }
+
+    public function test_another_members_rate_never_applies(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 2000]);
+        $this->makeMember(self::COMPANY, (int) $project->id, 8, 9000);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        self::assertSame(2000, $this->resolve($task->id));
+    }
+
+    public function test_a_standalone_task_falls_through_to_the_company_default(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'default_rate', 1500);
+        $task = $this->makeTask(self::COMPANY, ['customer_id' => 3]);
+
+        self::assertSame(1500, $this->resolve($task->id));
+    }
+
+    public function test_it_resolves_to_zero_when_nothing_sets_a_rate(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        self::assertSame(0, $this->resolve($task->id));
+    }
+
+    public function test_an_unknown_user_never_picks_up_a_member_rate(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 2000]);
+        $this->makeMember(self::COMPANY, (int) $project->id, self::USER, 3000);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        self::assertSame(2000, $this->resolve($task->id, null));
+    }
+
+    /** Reload the task so the resolver reads the same row a request would. */
+    private function resolve(int $taskId, ?int $userId = self::USER): int
+    {
+        $task = Task::query()->findOrFail($taskId);
+
+        return (new RateResolver)->resolve($task, $userId, $this->moduleSettings());
+    }
+}
diff --git a/tests/Unit/ReportServiceTest.php b/tests/Unit/ReportServiceTest.php
new file mode 100644
index 0000000..c7fe40b
--- /dev/null
+++ b/tests/Unit/ReportServiceTest.php
@@ -0,0 +1,132 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\ReportService;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class ReportServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private ReportService $reports;
+
+    private Project $website;
+
+    private Task $billed;
+
+    private Task $standalone;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->reports = new ReportService($this->companyData);
+        $this->companyData->withMember(self::COMPANY, 7, 'Ada Lovelace')->withMember(self::COMPANY, 8, 'Grace Hopper');
+
+        $this->website = $this->makeProject(self::COMPANY, ['name' => 'Website', 'customer_id' => 42, 'currency_id' => 3]);
+        $this->billed = $this->makeTask(self::COMPANY, ['name' => 'Landing page', 'project_id' => $this->website->id, 'customer_id' => 42]);
+        $this->standalone = $this->makeTask(self::COMPANY, ['name' => 'Ad hoc call', 'customer_id' => 43]);
+
+        $this->entry($this->billed, 7, '2026-09-05', 60, 6000, 3);
+        $this->entry($this->billed, 8, '2026-09-06', 30, 3000, 3, ['billable' => false]);
+        $this->entry($this->standalone, 7, '2026-09-07', 120, 12000, 3, ['invoice_id' => 77]);
+        $this->entry($this->standalone, 7, '2026-09-08', 60, 4000, 4);
+        $this->entry($this->billed, 7, '2026-10-01', 600, 60000, 3);
+        $this->entry($this->billed, 7, '2026-09-09', 0, 0, 3, ['running_user_id' => 7, 'ended_at' => null]);
+    }
+
+    public function test_totals_stay_per_currency_and_keep_the_unbilled_value_apart(): void
+    {
+        $summary = $this->summary();
+
+        self::assertSame([
+            ['currency_id' => 3, 'minutes' => 210, 'amount' => 21000, 'billable_minutes' => 180, 'billable_amount' => 18000, 'unbilled_amount' => 6000],
+            ['currency_id' => 4, 'minutes' => 60, 'amount' => 4000, 'billable_minutes' => 60, 'billable_amount' => 4000, 'unbilled_amount' => 4000],
+        ], $summary['totals']);
+    }
+
+    public function test_it_splits_time_by_project_member_customer_and_the_billable_flag(): void
+    {
+        $summary = $this->summary();
+
+        self::assertSame([
+            [(int) $this->website->id, 'Website', 3, 90],
+            [null, 'No project', 3, 120],
+            [null, 'No project', 4, 60],
+        ], array_map(
+            static fn (array $row): array => [$row['project_id'], $row['label'], $row['currency_id'], $row['minutes']],
+            $summary['by_project'],
+        ));
+
+        self::assertSame([
+            [7, 'Ada Lovelace', 3, 180],
+            [8, 'Grace Hopper', 3, 30],
+            [7, 'Ada Lovelace', 4, 60],
+        ], array_map(
+            static fn (array $row): array => [$row['user_id'], $row['label'], $row['currency_id'], $row['minutes']],
+            $summary['by_member'],
+        ));
+
+        self::assertSame([
+            [42, 3, 90],
+            [43, 3, 120],
+            [43, 4, 60],
+        ], array_map(
+            static fn (array $row): array => [$row['customer_id'], $row['currency_id'], $row['minutes']],
+            $summary['by_customer'],
+        ));
+
+        self::assertSame([
+            [true, 3, 180, 18000],
+            [false, 3, 30, 3000],
+            [true, 4, 60, 4000],
+        ], array_map(
+            static fn (array $row): array => [$row['billable'], $row['currency_id'], $row['minutes'], $row['amount']],
+            $summary['by_billable'],
+        ));
+    }
+
+    public function test_a_viewer_without_the_ability_only_aggregates_their_own_time(): void
+    {
+        $summary = $this->reports->summary(self::COMPANY, '2026-09-01', '2026-09-30', 8, false);
+
+        self::assertSame([
+            ['currency_id' => 3, 'minutes' => 30, 'amount' => 3000, 'billable_minutes' => 0, 'billable_amount' => 0, 'unbilled_amount' => 0],
+        ], $summary['totals']);
+    }
+
+    public function test_another_companys_time_never_appears(): void
+    {
+        $foreign = $this->makeTask(10, ['customer_id' => 42]);
+        $this->makeEntry(10, (int) $foreign->id, ['started_at' => Carbon::parse('2026-09-05 09:00:00'), 'currency_id' => 3]);
+
+        self::assertSame(210, $this->summary()['totals'][0]['minutes']);
+    }
+
+    /** @return array<string, mixed> */
+    private function summary(): array
+    {
+        return $this->reports->summary(self::COMPANY, '2026-09-01', '2026-09-30', 7, true);
+    }
+
+    /** @param array<string, mixed> $attributes */
+    private function entry(Task $task, int $userId, string $day, int $minutes, int $amount, int $currencyId, array $attributes = []): void
+    {
+        $this->makeEntry(self::COMPANY, (int) $task->id, $attributes + [
+            'project_id' => $task->project_id,
+            'user_id' => $userId,
+            'started_at' => Carbon::parse($day.' 09:00:00'),
+            'ended_at' => Carbon::parse($day.' 09:00:00')->addMinutes($minutes),
+            'duration_minutes' => $minutes,
+            'rate' => 6000,
+            'amount' => $amount,
+            'currency_id' => $currencyId,
+        ]);
+    }
+}
diff --git a/tests/Unit/RoundingTest.php b/tests/Unit/RoundingTest.php
new file mode 100644
index 0000000..85ac7d4
--- /dev/null
+++ b/tests/Unit/RoundingTest.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use InvalidArgumentException;
+use Modules\TasksProjects\Application\Rounding;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class RoundingTest extends TestCase
+{
+    public function test_a_one_minute_increment_leaves_every_duration_alone(): void
+    {
+        self::assertSame(0, Rounding::roundMinutes(0, 1));
+        self::assertSame(1, Rounding::roundMinutes(1, 1));
+        self::assertSame(137, Rounding::roundMinutes(137, 1));
+    }
+
+    public function test_it_rounds_to_the_nearest_multiple_of_the_increment(): void
+    {
+        self::assertSame(15, Rounding::roundMinutes(22, 15));
+        self::assertSame(30, Rounding::roundMinutes(23, 15));
+        self::assertSame(30, Rounding::roundMinutes(30, 15));
+        self::assertSame(6, Rounding::roundMinutes(8, 6));
+        self::assertSame(12, Rounding::roundMinutes(9, 6));
+        self::assertSame(30, Rounding::roundMinutes(44, 30));
+        self::assertSame(60, Rounding::roundMinutes(45, 30));
+    }
+
+    public function test_nothing_logged_stays_nothing_billed(): void
+    {
+        self::assertSame(0, Rounding::roundMinutes(0, 30));
+        self::assertSame(0, Rounding::roundMinutes(-5, 15));
+    }
+
+    public function test_anything_above_zero_bills_at_least_one_increment(): void
+    {
+        self::assertSame(15, Rounding::roundMinutes(1, 15));
+        self::assertSame(15, Rounding::roundMinutes(7, 15));
+        self::assertSame(6, Rounding::roundMinutes(1, 6));
+        self::assertSame(30, Rounding::roundMinutes(2, 30));
+    }
+
+    public function test_it_refuses_an_increment_the_settings_do_not_offer(): void
+    {
+        $this->expectException(InvalidArgumentException::class);
+        $this->expectExceptionMessage('Rounding increment 7 is not one of 1, 5, 6, 15, 30, 60.');
+
+        Rounding::roundMinutes(10, 7);
+    }
+
+    public function test_rounding_up_takes_the_whole_increment_every_time(): void
+    {
+        self::assertSame(15, Rounding::roundMinutes(1, 15, Rounding::UP));
+        self::assertSame(15, Rounding::roundMinutes(15, 15, Rounding::UP));
+        self::assertSame(30, Rounding::roundMinutes(16, 15, Rounding::UP));
+        self::assertSame(60, Rounding::roundMinutes(46, 15, Rounding::UP));
+        self::assertSame(137, Rounding::roundMinutes(137, 1, Rounding::UP));
+    }
+
+    public function test_rounding_down_drops_the_part_increment_and_may_bill_nothing(): void
+    {
+        self::assertSame(0, Rounding::roundMinutes(14, 15, Rounding::DOWN));
+        self::assertSame(15, Rounding::roundMinutes(15, 15, Rounding::DOWN));
+        self::assertSame(15, Rounding::roundMinutes(29, 15, Rounding::DOWN));
+        self::assertSame(120, Rounding::roundMinutes(137, 60, Rounding::DOWN));
+        self::assertSame(137, Rounding::roundMinutes(137, 1, Rounding::DOWN));
+    }
+
+    public function test_nothing_logged_stays_nothing_billed_whichever_way_it_rounds(): void
+    {
+        foreach (Rounding::DIRECTIONS as $direction) {
+            self::assertSame(0, Rounding::roundMinutes(0, 30, $direction));
+            self::assertSame(0, Rounding::roundMinutes(-5, 30, $direction));
+        }
+    }
+
+    public function test_it_refuses_a_direction_it_does_not_know(): void
+    {
+        $this->expectException(InvalidArgumentException::class);
+        $this->expectExceptionMessage('Rounding direction sideways is not one of nearest, up, down.');
+
+        Rounding::roundMinutes(10, 15, 'sideways');
+    }
+}
diff --git a/tests/Unit/TaskNumberSequenceTest.php b/tests/Unit/TaskNumberSequenceTest.php
new file mode 100644
index 0000000..e512654
--- /dev/null
+++ b/tests/Unit/TaskNumberSequenceTest.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Modules\TasksProjects\Application\TaskNumberSequence;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TaskNumberSequenceTest extends TestCase
+{
+    public function test_the_first_task_of_a_company_is_number_one(): void
+    {
+        self::assertSame(1, (new TaskNumberSequence)->next(9));
+    }
+
+    public function test_it_continues_from_the_highest_number_the_company_has_used(): void
+    {
+        $this->makeTask(9, ['number' => 1]);
+        $this->makeTask(9, ['number' => 7]);
+
+        self::assertSame(8, (new TaskNumberSequence)->next(9));
+    }
+
+    public function test_each_company_numbers_its_own_tasks(): void
+    {
+        $this->makeTask(9, ['number' => 41]);
+
+        $sequence = new TaskNumberSequence;
+
+        self::assertSame(42, $sequence->next(9));
+        self::assertSame(1, $sequence->next(10));
+    }
+}
diff --git a/tests/Unit/TaskServiceTest.php b/tests/Unit/TaskServiceTest.php
new file mode 100644
index 0000000..d7df584
--- /dev/null
+++ b/tests/Unit/TaskServiceTest.php
@@ -0,0 +1,187 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Carbon;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Application\TaskService;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Models\Task;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TaskServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private TaskService $tasks;
+
+    private TaskStatusService $statuses;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->statuses = new TaskStatusService;
+        $this->tasks = $this->taskService($this->statuses);
+    }
+
+    public function test_it_denormalises_the_customer_from_the_project(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => 42]);
+
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'Wireframes', 'project_id' => $project->id]);
+
+        self::assertSame(42, $task->customer_id);
+        self::assertSame((int) $project->id, $task->project_id);
+    }
+
+    public function test_a_standalone_task_carries_its_own_customer(): void
+    {
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'Ad hoc call', 'customer_id' => 42]);
+
+        self::assertNull($task->project_id);
+        self::assertSame(42, $task->customer_id);
+    }
+
+    public function test_a_task_on_an_internal_project_has_no_customer(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => null]);
+
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'Internal tooling', 'project_id' => $project->id]);
+
+        self::assertNull($task->customer_id);
+    }
+
+    public function test_new_tasks_are_numbered_per_company_and_land_in_the_default_status(): void
+    {
+        $first = $this->tasks->create(self::COMPANY, ['name' => 'One']);
+        $second = $this->tasks->create(self::COMPANY, ['name' => 'Two']);
+        $otherCompany = $this->tasks->create(10, ['name' => 'Elsewhere']);
+
+        self::assertSame(1, $first->number);
+        self::assertSame(2, $second->number);
+        self::assertSame(1, $otherCompany->number);
+        self::assertSame('Backlog', $this->statuses->findForCompany(self::COMPANY, (int) $first->task_status_id)->name);
+    }
+
+    public function test_new_tasks_are_appended_to_their_column(): void
+    {
+        $first = $this->tasks->create(self::COMPANY, ['name' => 'One']);
+        $second = $this->tasks->create(self::COMPANY, ['name' => 'Two']);
+
+        self::assertSame('1024.0000000000', $first->board_position);
+        self::assertSame('2048.0000000000', $second->board_position);
+    }
+
+    public function test_an_explicit_status_wins_over_the_default(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $review = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'Review');
+
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'One', 'task_status_id' => $review->id]);
+
+        self::assertSame((int) $review->id, $task->task_status_id);
+        self::assertNull($task->closed_at);
+    }
+
+    public function test_moving_into_a_closed_status_stamps_closed_at_and_leaving_clears_it(): void
+    {
+        Carbon::setTestNow('2026-09-15 11:30:00');
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $statuses = $this->statuses->listFor(self::COMPANY)->keyBy('name');
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'One']);
+
+        $closed = $this->tasks->update(self::COMPANY, (int) $task->id, ['task_status_id' => $statuses['Done']->id]);
+        self::assertSame('2026-09-15 11:30:00', $closed->closed_at?->toDateTimeString());
+
+        $reopened = $this->tasks->update(self::COMPANY, (int) $task->id, ['task_status_id' => $statuses['Review']->id]);
+        self::assertNull($reopened->closed_at);
+    }
+
+    public function test_changing_the_project_rewrites_the_denormalised_customer(): void
+    {
+        $first = $this->makeProject(self::COMPANY, ['customer_id' => 42]);
+        $second = $this->makeProject(self::COMPANY, ['name' => 'Second', 'customer_id' => 43]);
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'One', 'project_id' => $first->id]);
+
+        $moved = $this->tasks->update(self::COMPANY, (int) $task->id, ['project_id' => $second->id]);
+
+        self::assertSame(43, $moved->customer_id);
+    }
+
+    public function test_move_drops_the_task_between_two_neighbours_of_the_target_column(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $progress = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'In Progress');
+        $above = $this->tasks->create(self::COMPANY, ['name' => 'Above', 'task_status_id' => $progress->id]);
+        $below = $this->tasks->create(self::COMPANY, ['name' => 'Below', 'task_status_id' => $progress->id]);
+        $dragged = $this->tasks->create(self::COMPANY, ['name' => 'Dragged']);
+
+        $moved = $this->tasks->move(
+            self::COMPANY,
+            (int) $dragged->id,
+            (int) $progress->id,
+            (int) $above->id,
+            (int) $below->id,
+        );
+
+        self::assertSame((int) $progress->id, $moved->task_status_id);
+        self::assertSame('1536.0000000000', $moved->board_position);
+    }
+
+    public function test_deleting_a_task_takes_its_uninvoiced_time_with_it(): void
+    {
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'One']);
+        $this->makeEntry(self::COMPANY, (int) $task->id);
+
+        $this->tasks->delete(self::COMPANY, (int) $task->id);
+
+        self::assertSame(0, Task::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(0, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_it_refuses_to_delete_a_task_whose_time_is_already_invoiced(): void
+    {
+        $task = $this->tasks->create(self::COMPANY, ['name' => 'One']);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77]);
+
+        $this->expectException(EntriesAlreadyInvoiced::class);
+        $this->expectExceptionMessage("Time entries {$entry->id} are already on an invoice.");
+
+        $this->tasks->delete(self::COMPANY, (int) $task->id);
+    }
+
+    public function test_it_never_reaches_a_task_of_another_company(): void
+    {
+        $foreign = $this->makeTask(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->tasks->findForCompany(self::COMPANY, (int) $foreign->id);
+    }
+
+    public function test_it_refuses_a_project_of_another_company(): void
+    {
+        $foreign = $this->makeProject(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->tasks->create(self::COMPANY, ['name' => 'One', 'project_id' => $foreign->id]);
+    }
+
+    public function test_listing_filters_by_project_assignee_and_text(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['customer_id' => 42]);
+        $this->tasks->create(self::COMPANY, ['name' => 'Landing page', 'project_id' => $project->id, 'assignee_id' => 7]);
+        $this->tasks->create(self::COMPANY, ['name' => 'Pricing page', 'project_id' => $project->id, 'assignee_id' => 8]);
+        $this->tasks->create(self::COMPANY, ['name' => 'Ad hoc call']);
+
+        self::assertSame(2, $this->tasks->listFor(self::COMPANY, ['project_id' => (int) $project->id])->count());
+        self::assertSame(1, $this->tasks->listFor(self::COMPANY, ['assignee_id' => 8])->count());
+        self::assertSame(['Landing page', 'Pricing page'], $this->tasks->listFor(self::COMPANY, ['search' => 'page'])->pluck('name')->all());
+    }
+}
diff --git a/tests/Unit/TaskStatusServiceTest.php b/tests/Unit/TaskStatusServiceTest.php
new file mode 100644
index 0000000..61a9521
--- /dev/null
+++ b/tests/Unit/TaskStatusServiceTest.php
@@ -0,0 +1,156 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Modules\TasksProjects\Application\Exceptions\StatusInUse;
+use Modules\TasksProjects\Application\TaskStatusService;
+use Modules\TasksProjects\Models\TaskStatus;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TaskStatusServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private TaskStatusService $statuses;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->statuses = new TaskStatusService;
+    }
+
+    public function test_it_seeds_backlog_in_progress_review_and_done(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+
+        $statuses = $this->statuses->listFor(self::COMPANY);
+
+        self::assertSame(['Backlog', 'In Progress', 'Review', 'Done'], $statuses->pluck('name')->all());
+        self::assertSame([1, 2, 3, 4], $statuses->pluck('position')->all());
+        self::assertSame([true, false, false, false], $statuses->pluck('is_default')->all());
+        self::assertSame([false, false, false, true], $statuses->pluck('is_closed')->all());
+    }
+
+    public function test_seeding_twice_leaves_one_set_of_columns(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $this->statuses->ensureDefaults(self::COMPANY);
+
+        self::assertSame(4, TaskStatus::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_it_never_seeds_over_a_company_that_already_arranged_its_board(): void
+    {
+        $this->makeStatus(self::COMPANY, ['name' => 'Ideas']);
+
+        $this->statuses->ensureDefaults(self::COMPANY);
+
+        self::assertSame(['Ideas'], $this->statuses->listFor(self::COMPANY)->pluck('name')->all());
+    }
+
+    public function test_each_company_gets_its_own_board(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $this->statuses->ensureDefaults(10);
+
+        self::assertSame(4, TaskStatus::query()->forCompany(self::COMPANY)->count());
+        self::assertSame(4, TaskStatus::query()->forCompany(10)->count());
+    }
+
+    public function test_it_refuses_to_find_a_status_of_another_company(): void
+    {
+        $foreign = $this->makeStatus(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->statuses->findForCompany(self::COMPANY, (int) $foreign->id);
+    }
+
+    public function test_only_one_status_carries_the_default_flag(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $review = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'Review');
+
+        $this->statuses->update(self::COMPANY, (int) $review->id, ['is_default' => true]);
+
+        self::assertSame(
+            ['Review'],
+            $this->statuses->listFor(self::COMPANY)->where('is_default', true)->pluck('name')->values()->all(),
+        );
+    }
+
+    public function test_reorder_applies_the_wanted_order_and_appends_what_was_left_out(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $ids = $this->statuses->listFor(self::COMPANY)->pluck('id', 'name');
+
+        $this->statuses->reorder(self::COMPANY, [(int) $ids['Done'], (int) $ids['Review']]);
+
+        self::assertSame(
+            ['Done', 'Review', 'Backlog', 'In Progress'],
+            $this->statuses->listFor(self::COMPANY)->pluck('name')->all(),
+        );
+    }
+
+    public function test_reorder_refuses_a_status_of_another_company(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $foreign = $this->makeStatus(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->statuses->reorder(self::COMPANY, [(int) $foreign->id]);
+    }
+
+    public function test_it_refuses_to_delete_a_status_that_still_holds_tasks(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $backlog = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'Backlog');
+        $this->makeTask(self::COMPANY, ['task_status_id' => $backlog->id]);
+
+        $this->expectException(StatusInUse::class);
+        $this->expectExceptionMessage('still holds 1 task(s)');
+
+        $this->statuses->delete(self::COMPANY, (int) $backlog->id);
+    }
+
+    public function test_it_refuses_to_delete_the_last_status(): void
+    {
+        $only = $this->makeStatus(self::COMPANY);
+
+        $this->expectException(StatusInUse::class);
+        $this->expectExceptionMessage('is the last status');
+
+        $this->statuses->delete(self::COMPANY, (int) $only->id);
+    }
+
+    public function test_it_refuses_to_delete_the_default_without_another_default(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $backlog = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'Backlog');
+
+        $this->expectException(StatusInUse::class);
+        $this->expectExceptionMessage('is the default status');
+
+        $this->statuses->delete(self::COMPANY, (int) $backlog->id);
+    }
+
+    public function test_an_empty_non_default_status_can_be_deleted(): void
+    {
+        $this->statuses->ensureDefaults(self::COMPANY);
+        $review = $this->statuses->listFor(self::COMPANY)->firstWhere('name', 'Review');
+
+        $this->statuses->delete(self::COMPANY, (int) $review->id);
+
+        self::assertSame(['Backlog', 'In Progress', 'Done'], $this->statuses->listFor(self::COMPANY)->pluck('name')->all());
+    }
+
+    public function test_the_default_status_is_where_new_tasks_land(): void
+    {
+        self::assertSame('Backlog', $this->statuses->defaultFor(self::COMPANY)->name);
+    }
+}
diff --git a/tests/Unit/TimeEntryServiceTest.php b/tests/Unit/TimeEntryServiceTest.php
new file mode 100644
index 0000000..5313bf5
--- /dev/null
+++ b/tests/Unit/TimeEntryServiceTest.php
@@ -0,0 +1,205 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Modules\TasksProjects\Application\Exceptions\EntriesAlreadyInvoiced;
+use Modules\TasksProjects\Application\RateResolver;
+use Modules\TasksProjects\Application\TimeEntryService;
+use Modules\TasksProjects\Models\Project;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TimeEntryServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const USER = 7;
+
+    private TimeEntryService $entries;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->entries = new TimeEntryService(
+            new RateResolver,
+            $this->moduleSettings(),
+            $this->taskService(),
+        );
+    }
+
+    public function test_a_start_and_an_end_become_minutes(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $entry = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'started_at' => '2026-09-15 09:00:00',
+            'ended_at' => '2026-09-15 10:30:00',
+        ]);
+
+        self::assertSame(90, $entry->duration_minutes);
+    }
+
+    public function test_the_company_increment_is_applied_when_the_entry_is_saved(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $task = $this->makeTask(self::COMPANY);
+
+        $entry = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'started_at' => '2026-09-15 09:00:00',
+            'ended_at' => '2026-09-15 09:50:00',
+        ]);
+
+        self::assertSame(45, $entry->duration_minutes);
+    }
+
+    public function test_a_plain_duration_is_taken_as_typed(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        $entry = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'duration_minutes' => 25,
+        ]);
+
+        self::assertSame(25, $entry->duration_minutes);
+        self::assertNull($entry->ended_at);
+    }
+
+    public function test_the_resolved_rate_and_the_cached_amount_are_written_onto_the_entry(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 6000, 'currency_id' => 3]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        $entry = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'duration_minutes' => 45,
+        ]);
+
+        self::assertSame(6000, $entry->rate);
+        self::assertSame(4500, $entry->amount);
+        self::assertSame(3, $entry->currency_id);
+        self::assertSame((int) $project->id, $entry->project_id);
+    }
+
+    public function test_a_later_rate_change_never_rewrites_what_was_already_logged(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 6000]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $logged = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'duration_minutes' => 60,
+        ]);
+
+        Project::query()->whereKey($project->id)->update(['default_rate' => 9000]);
+
+        $later = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'duration_minutes' => 60,
+        ]);
+
+        self::assertSame(6000, $logged->fresh()->rate);
+        self::assertSame(6000, $logged->fresh()->amount);
+        self::assertSame(9000, $later->rate);
+    }
+
+    public function test_an_invoiced_entry_keeps_the_money_that_belongs_to_its_invoice(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 6000]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id, [
+            'project_id' => $project->id,
+            'duration_minutes' => 60,
+            'rate' => 6000,
+            'amount' => 6000,
+            'invoice_id' => 77,
+        ]);
+
+        Project::query()->whereKey($project->id)->update(['default_rate' => 9000]);
+
+        $updated = $this->entries->update(self::COMPANY, (int) $entry->id, ['description' => 'Typo fix']);
+
+        self::assertSame(6000, $updated->rate);
+        self::assertSame(6000, $updated->amount);
+    }
+
+    public function test_editing_an_unbilled_entry_re_rounds_and_re_prices_it(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 30);
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 6000]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+        $entry = $this->entries->create(self::COMPANY, [
+            'task_id' => $task->id,
+            'user_id' => self::USER,
+            'duration_minutes' => 30,
+        ]);
+
+        $updated = $this->entries->update(self::COMPANY, (int) $entry->id, ['duration_minutes' => 100]);
+
+        self::assertSame(90, $updated->duration_minutes);
+        self::assertSame(9000, $updated->amount);
+    }
+
+    public function test_invoiced_time_can_never_be_deleted(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id, ['invoice_id' => 77]);
+
+        $this->expectException(EntriesAlreadyInvoiced::class);
+
+        $this->entries->delete(self::COMPANY, (int) $entry->id);
+    }
+
+    public function test_unbilled_time_is_deleted(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $entry = $this->makeEntry(self::COMPANY, (int) $task->id);
+
+        $this->entries->delete(self::COMPANY, (int) $entry->id);
+
+        self::assertSame(0, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_it_never_reaches_an_entry_of_another_company(): void
+    {
+        $task = $this->makeTask(10);
+        $foreign = $this->makeEntry(10, (int) $task->id);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->entries->findForCompany(self::COMPANY, (int) $foreign->id);
+    }
+
+    public function test_a_viewer_without_the_ability_only_ever_sees_their_own_time(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['user_id' => self::USER]);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['user_id' => 8]);
+
+        $own = $this->entries->listFor(self::COMPANY, ['user_id' => 8], self::USER, false);
+        $all = $this->entries->listFor(self::COMPANY, [], self::USER, true);
+
+        self::assertSame([self::USER], $own->pluck('user_id')->all());
+        self::assertCount(2, $all);
+    }
+
+    public function test_a_running_timer_is_not_a_timesheet_row_yet(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->makeEntry(self::COMPANY, (int) $task->id, ['running_user_id' => self::USER, 'ended_at' => null, 'duration_minutes' => 0]);
+
+        self::assertCount(0, $this->entries->listFor(self::COMPANY, [], self::USER, true));
+    }
+}
diff --git a/tests/Unit/TimerServiceTest.php b/tests/Unit/TimerServiceTest.php
new file mode 100644
index 0000000..f0d8bf0
--- /dev/null
+++ b/tests/Unit/TimerServiceTest.php
@@ -0,0 +1,271 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Modules\TasksProjects\Tests\Unit;
+
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Facades\DB;
+use Modules\TasksProjects\Application\Exceptions\TimerAlreadyRunning;
+use Modules\TasksProjects\Application\Exceptions\TimerMismatch;
+use Modules\TasksProjects\Application\RateResolver;
+use Modules\TasksProjects\Application\TimerService;
+use Modules\TasksProjects\Models\TimeEntry;
+use Modules\TasksProjects\Support\ModuleSettings;
+use Modules\TasksProjects\Tests\TestCase;
+
+final class TimerServiceTest extends TestCase
+{
+    private const COMPANY = 9;
+
+    private const USER = 7;
+
+    private TimerService $timer;
+
+    protected function setUp(): void
+    {
+        parent::setUp();
+
+        $this->timer = new TimerService(
+            $this->taskService(),
+            new RateResolver,
+            $this->moduleSettings(),
+        );
+    }
+
+    protected function tearDown(): void
+    {
+        TimeEntry::flushEventListeners();
+
+        parent::tearDown();
+    }
+
+    public function test_nothing_is_running_until_the_user_starts_the_clock(): void
+    {
+        self::assertNull($this->timer->running(self::COMPANY, self::USER));
+    }
+
+    public function test_starting_opens_an_entry_with_no_end_and_no_time_on_it(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $project = $this->makeProject(self::COMPANY, ['currency_id' => 3]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        $entry = $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Pairing on the board');
+
+        self::assertSame(self::USER, $entry->running_user_id);
+        self::assertSame(self::USER, $entry->user_id);
+        self::assertSame('2026-09-15 09:00:00', $entry->started_at?->toDateTimeString());
+        self::assertNull($entry->ended_at);
+        self::assertSame(0, $entry->duration_minutes);
+        self::assertSame(0, $entry->amount);
+        self::assertSame(3, $entry->currency_id);
+        self::assertSame('Pairing on the board', $entry->description);
+        self::assertTrue($entry->is($this->timer->running(self::COMPANY, self::USER)));
+    }
+
+    public function test_a_timer_on_another_task_for_the_same_user_is_refused(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $other = $this->makeTask(self::COMPANY, ['name' => 'Something else']);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        $this->expectException(TimerAlreadyRunning::class);
+        $this->expectExceptionMessage('User 7 already has a running timer in company 9.');
+
+        $this->timer->start(self::COMPANY, self::USER, (int) $other->id);
+    }
+
+    public function test_starting_the_task_already_on_the_clock_updates_it_rather_than_refusing(): void
+    {
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $task = $this->makeTask(self::COMPANY);
+        $started = $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Reading the ticket');
+
+        Carbon::setTestNow('2026-09-15 09:20:00');
+        $again = $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Fixing the importer', false);
+
+        self::assertSame((int) $started->id, (int) $again->id);
+        self::assertSame('2026-09-15 09:00:00', $again->started_at?->toDateTimeString());
+        self::assertSame('Fixing the importer', $again->description);
+        self::assertFalse($again->billable);
+        self::assertSame(1, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_starting_the_same_task_again_without_details_changes_nothing(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Reading the ticket');
+
+        $again = $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        self::assertSame('Reading the ticket', $again->description);
+        self::assertTrue($again->billable);
+    }
+
+    public function test_starting_can_override_the_tasks_billable_flag(): void
+    {
+        $task = $this->makeTask(self::COMPANY, ['billable' => true]);
+
+        $entry = $this->timer->start(self::COMPANY, self::USER, (int) $task->id, null, false);
+
+        self::assertFalse($entry->billable);
+    }
+
+    public function test_two_users_and_two_companies_each_get_their_own_clock(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $otherCompanyTask = $this->makeTask(10);
+
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+        $this->timer->start(self::COMPANY, 8, (int) $task->id);
+        $this->timer->start(10, self::USER, (int) $otherCompanyTask->id);
+
+        self::assertSame(3, TimeEntry::query()->whereNotNull('running_user_id')->count());
+    }
+
+    public function test_a_timer_that_slips_past_the_check_is_still_refused_by_the_unique_index(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $raced = false;
+
+        TimeEntry::creating(function () use (&$raced): void {
+            if ($raced) {
+                return;
+            }
+
+            $raced = true;
+            DB::table('tp_time_entries')->insert([
+                'company_id' => self::COMPANY,
+                'task_id' => 1,
+                'user_id' => self::USER,
+                'duration_minutes' => 0,
+                'billable' => true,
+                'rate' => 0,
+                'amount' => 0,
+                'running_user_id' => self::USER,
+            ]);
+        });
+
+        $this->expectException(TimerAlreadyRunning::class);
+
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+    }
+
+    public function test_stopping_closes_the_entry_and_freezes_the_money(): void
+    {
+        $project = $this->makeProject(self::COMPANY, ['default_rate' => 6000]);
+        $task = $this->makeTask(self::COMPANY, ['project_id' => $project->id]);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        Carbon::setTestNow('2026-09-15 10:30:00');
+        $entry = $this->timer->stop(self::COMPANY, self::USER);
+
+        self::assertNull($entry->running_user_id);
+        self::assertSame('2026-09-15 10:30:00', $entry->ended_at?->toDateTimeString());
+        self::assertSame(90, $entry->duration_minutes);
+        self::assertSame(6000, $entry->rate);
+        self::assertSame(9000, $entry->amount);
+        self::assertNull($this->timer->running(self::COMPANY, self::USER));
+    }
+
+    public function test_stopping_applies_the_description_and_the_billable_flag_it_is_given(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Reading the ticket');
+
+        Carbon::setTestNow('2026-09-15 10:00:00');
+        $entry = $this->timer->stop(self::COMPANY, self::USER, 'Fixed the importer', false);
+
+        self::assertSame('Fixed the importer', $entry->description);
+        self::assertFalse($entry->billable);
+        self::assertSame(60, $entry->duration_minutes);
+    }
+
+    public function test_stopping_without_details_keeps_what_the_start_recorded(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Reading the ticket');
+
+        $entry = $this->timer->stop(self::COMPANY, self::USER);
+
+        self::assertSame('Reading the ticket', $entry->description);
+        self::assertTrue($entry->billable);
+    }
+
+    public function test_stopping_on_a_task_forwards_the_details(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        $entry = $this->timer->stopOn(self::COMPANY, self::USER, (int) $task->id, 'Wrote the test', false);
+
+        self::assertSame('Wrote the test', $entry->description);
+        self::assertFalse($entry->billable);
+    }
+
+    public function test_a_mismatched_stop_is_refused_before_the_details_are_written(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $idle = $this->makeTask(self::COMPANY, ['name' => 'Idle']);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id, 'Reading the ticket');
+
+        try {
+            $this->timer->stopOn(self::COMPANY, self::USER, (int) $idle->id, 'Should never land', false);
+            self::fail('The mismatched stop should have been refused.');
+        } catch (TimerMismatch) {
+            // The running entry is the assertion: nothing of the refused call landed on it.
+        }
+
+        $running = $this->timer->running(self::COMPANY, self::USER);
+
+        self::assertNotNull($running);
+        self::assertSame('Reading the ticket', $running->description);
+        self::assertTrue($running->billable);
+        self::assertNull($running->ended_at);
+    }
+
+    public function test_stopping_rounds_the_elapsed_time_to_the_company_increment(): void
+    {
+        $this->settings->putCompany(self::COMPANY, ModuleSettings::PREFIX.'rounding_minutes', 15);
+        $task = $this->makeTask(self::COMPANY);
+
+        Carbon::setTestNow('2026-09-15 09:00:00');
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        Carbon::setTestNow('2026-09-15 09:50:00');
+
+        self::assertSame(45, $this->timer->stop(self::COMPANY, self::USER)->duration_minutes);
+    }
+
+    public function test_stopping_a_clock_that_is_not_running_is_refused(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->timer->stop(self::COMPANY, self::USER);
+    }
+
+    public function test_discarding_throws_the_entry_away(): void
+    {
+        $task = $this->makeTask(self::COMPANY);
+        $this->timer->start(self::COMPANY, self::USER, (int) $task->id);
+
+        $this->timer->discard(self::COMPANY, self::USER);
+
+        self::assertSame(0, TimeEntry::query()->forCompany(self::COMPANY)->count());
+    }
+
+    public function test_it_refuses_to_time_a_task_of_another_company(): void
+    {
+        $foreign = $this->makeTask(10);
+
+        $this->expectException(ModelNotFoundException::class);
+
+        $this->timer->start(self::COMPANY, self::USER, (int) $foreign->id);
+    }
+}