diff --git a/.claude/launch.json b/.claude/launch.json
deleted file mode 100644
index f831c5c..0000000
--- a/.claude/launch.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "version": "0.0.1",
-  "configurations": [
-    {
-      "name": "laravel",
-      "runtimeExecutable": "composer",
-      "runtimeArgs": ["run", "dev"],
-      "port": 8000
-    }
-  ]
-}
diff --git a/.env.example b/.env.example
index 40bb13b..bb2bfc2 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,4 @@
-APP_NAME=Laravel
+APP_NAME="Mini Farm Manager"
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
diff --git a/.gitignore b/.gitignore
index 74e10e4..17a502d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,3 +27,4 @@ yarn-error.log
 /.nova
 /.vscode
 /.zed
+/.claude/launch.json
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..68a9220
--- /dev/null
+++ b/README.md
@@ -0,0 +1,131 @@
+# Mini Farm Manager
+
+A small farm-management application built for the Laravel + Vue developer exercise. A farmer can register animals, keep them in paddocks, move them around without ever overfilling a paddock, and record each animal's health history. A dashboard shows the state of the farm at a glance, and paddocks that are nearly full are flagged before they become a problem.
+
+- **Stack:** Laravel 13 · PHP 8.4 · Inertia 3 · Vue 3.5 · TypeScript · Tailwind 4 · SQLite · PHPUnit 12
+- **Design document:** [`docs/design.md`](docs/design.md) — written before implementation; the domain model, business rules and testing strategy live there
+- **Exercise brief:** [`docs/requirements.md`](docs/requirements.md)
+
+---
+
+## How to run
+
+Requirements: PHP 8.4+, Composer, Node 20+ / npm.
+
+```bash
+git clone https://github.com/wangxiaoxiang5599/MiniFarmManager.git
+cd MiniFarmManager
+
+composer install
+npm install
+
+cp .env.example .env
+php artisan key:generate
+
+touch database/database.sqlite        # on Windows: type nul > database\database.sqlite
+php artisan migrate --seed            # seeds a demo farm (see below)
+
+composer run dev                      # serves at http://localhost:8000 (app + Vite + queue)
+```
+
+No login is needed — open http://localhost:8000 and you land on the dashboard.
+
+Run the test suite with:
+
+```bash
+php artisan test
+```
+
+### Demo data
+
+`php artisan migrate --seed` (or `php artisan db:seed`) builds a small farm through the same code paths the UI uses, so movement history and paddock occupancy are internally consistent:
+
+- 5 paddocks — one **full** (Home Paddock), two **nearly full** (North Paddock, Orchard Paddock), two with room
+- 36 animals across cattle, sheep, goats and chickens, including one unplaced animal, two sold and one deceased
+- a few weeks of movements and ~20 health records
+
+Run `php artisan migrate:fresh --seed` to reset it.
+
+---
+
+## What's included
+
+| Area                                                                         | Where                                                                      |
+| ---------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
+| Animals — list (search + filters), add, edit, detail                         | `AnimalController`, `resources/js/pages/animals/`                          |
+| Paddocks — list, add, edit, detail with current animals                      | `PaddockController`, `resources/js/pages/paddocks/`                        |
+| Movements — move dialog, full history, current paddock, capacity enforcement | `App\Actions\MoveAnimal`, `AnimalMovementController`                       |
+| Health records — add from the animal page, history newest-first              | `HealthRecordController`                                                   |
+| Dashboard — counts, species breakdown, occupancy, warnings, recent moves     | `DashboardController`, `resources/js/pages/Dashboard.vue`                  |
+| **Additional feature: capacity warnings**                                    | `App\Enums\OccupancyState`, `Paddock::occupancyState()`, `config/farm.php` |
+| Tests — 82 feature tests                                                     | `tests/Feature/`                                                           |
+
+---
+
+## Additional feature: paddock capacity warnings
+
+**What it does.** Every paddock has a derived state — `ok`, `warning` (≥ 80 % occupied) or `full`. The state drives an amber/red highlight on paddock cards, the progress bars, the animal-move dialog (full paddocks are shown but disabled), and a "Capacity warnings" panel on the dashboard that lists the paddocks needing attention, most-full first.
+
+**Why this one.** The brief already requires a hard stop at capacity. In practice a farmer wants to know _before_ that point — when they go to move a mob and find the destination has one place left, it's already too late to plan. A threshold warning is the smallest feature that turns the capacity rule from a blocker into a planning aid, and it reuses the occupancy calculation the capacity check already needs.
+
+**Assumptions.** 80 % is a sensible default for "start thinking about it"; it lives in `config/farm.php` (`FARM_CAPACITY_WARNING_THRESHOLD`) rather than per-paddock, because per-paddock thresholds would add UI without a clear payoff at this scale. The state is calculated server-side in one place so every page agrees.
+
+**Trade-offs.** It is a visual signal only — no notifications, no history of when a paddock crossed the line. Occupancy counts heads, not stocking units, so a paddock of chickens and a paddock of cattle are treated alike.
+
+---
+
+## Assumptions
+
+- **Only active animals occupy capacity.** Animals have a status (`active`, `sold`, `deceased`). Changing an animal away from active removes it from its paddock and records that departure in the movement history, so sold and deceased animals never count against a paddock. Reactivating an animal leaves it unplaced; the user places it explicitly.
+- **A paddock is never over capacity.** This is enforced when moving an animal in _and_ when editing a paddock — capacity cannot be set below the current occupancy.
+- **An animal can be unplaced.** New animals may be created without a paddock (they show as "Unplaced"), and the dashboard counts them.
+- **Single farm, no users.** Authentication is not required by the brief, so the farm pages are public. The starter kit's login/registration remains installed but unused.
+- **Times are stored and displayed in UTC.** A real deployment would set `APP_TIMEZONE`.
+- **Tag numbers are unique** across the whole farm and are the primary way a farmer identifies an animal; names are optional.
+
+---
+
+## Important technical decisions
+
+Full reasoning is in [`docs/design.md`](docs/design.md); the short version:
+
+- **Inertia instead of a separate JSON API.** Server-rendered Vue pages keep validation, redirects and flash messages in Laravel and remove a layer of glue code. Wayfinder generates typed route helpers so there are no hard-coded URLs in the frontend.
+- **`animals.current_paddock_id` is stored, not derived.** Every list, the dashboard and the capacity check need "where is this animal now"; deriving it from the latest movement would put a correlated subquery on every read. The column is written in exactly one place (`MoveAnimal`) inside the same transaction as the movement row, and a test asserts it always matches the latest movement.
+- **One action class for the one non-trivial write.** `MoveAnimal` opens a transaction, locks the animal and the target paddock rows (`lockForUpdate`), checks the rules, inserts history and updates the pointer. It throws a `ValidationException` keyed to the form field, so the UI shows "North Paddock is full (12 of 12)" inline rather than a generic error. `ChangeAnimalStatus` delegates to it for departures.
+- **Form Requests own input validation; actions own invariants that depend on database state.** Uniqueness, enums and dates are request rules. "Is there room?" is checked under a lock.
+- **PHP backed enums** for species, sex, status and health-record type, exposed to Vue as `{ value, label }` option lists so the frontend never hard-codes them.
+- **Thin controllers, JSON resources for Inertia props**, factories with intent-revealing states (`inPaddock()`, `sold()`, `withCapacity()`), and a seeder that goes through the actions rather than inserting rows.
+
+---
+
+## Deliberately left out
+
+- Deleting animals, paddocks or records (the brief asks for add / edit / view; deletion raises history-integrity questions that deserve more than the time budget)
+- Recording _who_ moved an animal — there is no authenticated user in scope
+- Weight, medication schedules, photos, documents
+- Bulk moves ("move these 12 sheep to Top Hill")
+- Editing or deleting movements and health records
+- Anything beyond simple pagination on the animal list
+
+## What I would improve before production
+
+- Verify the capacity lock under real concurrency on MySQL/Postgres (SQLite ignores `FOR UPDATE`; the transaction still serialises writes, but the behaviour should be tested against the target database)
+- Authentication and authorisation, then per-user audit on movements and health records
+- Soft deletes and an audit log; `nullOnDelete` on the movement foreign keys is a safety net, not a design
+- Stocking-unit-aware capacity rather than head counts
+- Reports: CSV export, movement and health history filtered by date range
+- Accessibility and mobile pass on the forms; the app is responsive but has not been audited
+- Set `APP_TIMEZONE`, add a cache for dashboard aggregates once the herd is large enough to matter
+
+---
+
+## How AI tools were used
+
+This project was built with Claude Code (Anthropic) as a pair, with me directing and reviewing. The workflow, which is visible in the commit history:
+
+1. **Requirements → design first.** I had Claude read the brief and produce a design document. I made the decisions it surfaced (status model, extra fields, which additional feature, how to treat the starter kit's auth), and the agreed design was committed before any code.
+2. **Staged implementation, reviewed per stage.** The build was split into six vertical slices (schema → paddocks → animals + movement engine → move dialog + health → dashboard + seeder → wrap-up). Each stage ended with tests, a type check, a walk-through in the browser, and my review before it was committed. Nothing was committed unreviewed.
+3. **Verification caught a real defect.** In stage 5 the seeder — which deliberately goes through `MoveAnimal` and `ChangeAnimalStatus` rather than inserting rows — produced sold animals that were still counted in a paddock. The cause was a stale model instance: `MoveAnimal` re-fetched a locked copy and updated that, leaving the caller's instance out of date, so `ChangeAnimalStatus` saw "not in a paddock" and skipped the departure. The controller path had passed all tests because route-bound models are always fresh. The fix (sync the caller's instance with the locked row; refresh before deciding) landed with two regression tests. This is exactly the kind of bug that reads fine in review and only shows up when the code is exercised from a second call site.
+4. **Conventions from the framework, not from memory.** Laravel Boost's guidelines and skills were loaded so generated code follows the installed versions' idioms (Inertia 3 forms, Wayfinder, PHP 8.4 attributes, Pint formatting).
+
+What I did not do: accept the first design without questions, or ship code I had not seen run.
diff --git a/app/Actions/ChangeAnimalStatus.php b/app/Actions/ChangeAnimalStatus.php
new file mode 100644
index 0000000..f8bd631
--- /dev/null
+++ b/app/Actions/ChangeAnimalStatus.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Actions;
+
+use App\Enums\AnimalStatus;
+use App\Models\Animal;
+use Illuminate\Support\Facades\DB;
+
+/**
+ * Changes an animal's status. Leaving the active state also takes the animal
+ * out of its paddock so it stops occupying capacity, with the departure
+ * recorded in the movement history.
+ */
+class ChangeAnimalStatus
+{
+    public function __construct(private MoveAnimal $moveAnimal) {}
+
+    public function handle(Animal $animal, AnimalStatus $status): Animal
+    {
+        return DB::transaction(function () use ($animal, $status): Animal {
+            $animal->refresh();
+
+            if ($animal->status === $status) {
+                return $animal;
+            }
+
+            if (! $status->occupiesPaddock() && $animal->current_paddock_id !== null) {
+                $this->moveAnimal->handle(
+                    $animal,
+                    to: null,
+                    notes: "Left paddock: marked as {$status->label()}.",
+                );
+            }
+
+            $animal->forceFill(['status' => $status])->save();
+
+            return $animal->refresh();
+        });
+    }
+}
diff --git a/app/Actions/MoveAnimal.php b/app/Actions/MoveAnimal.php
new file mode 100644
index 0000000..6c4c582
--- /dev/null
+++ b/app/Actions/MoveAnimal.php
@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Actions;
+
+use App\Models\Animal;
+use App\Models\AnimalMovement;
+use App\Models\Paddock;
+use Carbon\CarbonInterface;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\ValidationException;
+
+/**
+ * Relocates an animal and records the movement.
+ *
+ * This is the only code path that writes `animals.current_paddock_id`, which
+ * keeps that denormalised column in step with the movement history.
+ */
+class MoveAnimal
+{
+    /**
+     * @param  Paddock|null  $to  Null means the animal leaves its paddock (e.g. sold).
+     *
+     * @throws ValidationException
+     */
+    public function handle(
+        Animal $animal,
+        ?Paddock $to,
+        ?CarbonInterface $movedAt = null,
+        ?string $notes = null,
+    ): AnimalMovement {
+        return DB::transaction(function () use ($animal, $to, $movedAt, $notes): AnimalMovement {
+            // Work from the locked row, but keep the caller's instance in sync
+            // so it never carries a stale current_paddock_id afterwards.
+            $locked = Animal::query()->lockForUpdate()->findOrFail($animal->id);
+            $animal->setRawAttributes($locked->getAttributes(), true);
+
+            if ($to !== null) {
+                $this->ensureAnimalCanBePlaced($animal, $to);
+            }
+
+            $movement = $animal->movements()->create([
+                'from_paddock_id' => $animal->current_paddock_id,
+                'to_paddock_id' => $to?->id,
+                'moved_at' => $movedAt ?? now(),
+                'notes' => $notes,
+            ]);
+
+            $animal->forceFill(['current_paddock_id' => $to?->id])->save();
+
+            return $movement;
+        });
+    }
+
+    /**
+     * Rules for entering a paddock. The target row is locked for the rest of
+     * the transaction so that two concurrent moves cannot both pass the
+     * capacity check.
+     *
+     * @throws ValidationException
+     */
+    private function ensureAnimalCanBePlaced(Animal $animal, Paddock $to): void
+    {
+        if (! $animal->isActive()) {
+            throw ValidationException::withMessages([
+                'to_paddock_id' => "Only active animals can be moved. {$animal->tag_number} is {$animal->status->label()}.",
+            ]);
+        }
+
+        if ($animal->current_paddock_id === $to->id) {
+            throw ValidationException::withMessages([
+                'to_paddock_id' => "{$animal->tag_number} is already in {$to->name}.",
+            ]);
+        }
+
+        $to = Paddock::query()->lockForUpdate()->withOccupancy()->findOrFail($to->id);
+
+        if (! $to->hasRoom()) {
+            throw ValidationException::withMessages([
+                'to_paddock_id' => "{$to->name} is full ({$to->occupancy} of {$to->capacity}). Move an animal out first.",
+            ]);
+        }
+    }
+}
diff --git a/app/Enums/AnimalStatus.php b/app/Enums/AnimalStatus.php
new file mode 100644
index 0000000..8f8f2e7
--- /dev/null
+++ b/app/Enums/AnimalStatus.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Enums;
+
+enum AnimalStatus: string
+{
+    use HasOptions;
+
+    case Active = 'active';
+    case Sold = 'sold';
+    case Deceased = 'deceased';
+
+    /**
+     * Only active animals occupy paddock capacity.
+     */
+    public function occupiesPaddock(): bool
+    {
+        return $this === self::Active;
+    }
+}
diff --git a/app/Enums/HasOptions.php b/app/Enums/HasOptions.php
new file mode 100644
index 0000000..141d006
--- /dev/null
+++ b/app/Enums/HasOptions.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Enums;
+
+/**
+ * Shared helpers for string-backed enums that are rendered as select options.
+ */
+trait HasOptions
+{
+    public function label(): string
+    {
+        return ucfirst($this->value);
+    }
+
+    /**
+     * @return array<string>
+     */
+    public static function values(): array
+    {
+        return array_column(self::cases(), 'value');
+    }
+
+    /**
+     * @return array<int, array{value: string, label: string}>
+     */
+    public static function options(): array
+    {
+        return array_map(
+            fn (self $case): array => ['value' => $case->value, 'label' => $case->label()],
+            self::cases(),
+        );
+    }
+}
diff --git a/app/Enums/HealthRecordType.php b/app/Enums/HealthRecordType.php
new file mode 100644
index 0000000..e346bbb
--- /dev/null
+++ b/app/Enums/HealthRecordType.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Enums;
+
+enum HealthRecordType: string
+{
+    use HasOptions;
+
+    case Vaccination = 'vaccination';
+    case Treatment = 'treatment';
+    case Injury = 'injury';
+    case Checkup = 'checkup';
+    case Other = 'other';
+}
diff --git a/app/Enums/OccupancyState.php b/app/Enums/OccupancyState.php
new file mode 100644
index 0000000..d37d95c
--- /dev/null
+++ b/app/Enums/OccupancyState.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Enums;
+
+enum OccupancyState: string
+{
+    case Ok = 'ok';
+    case Warning = 'warning';
+    case Full = 'full';
+
+    public static function fromRatio(float $ratio): self
+    {
+        $threshold = (float) config('farm.capacity_warning_threshold', 0.8);
+
+        return match (true) {
+            $ratio >= 1.0 => self::Full,
+            $ratio >= $threshold => self::Warning,
+            default => self::Ok,
+        };
+    }
+}
diff --git a/app/Enums/Sex.php b/app/Enums/Sex.php
new file mode 100644
index 0000000..5c535a9
--- /dev/null
+++ b/app/Enums/Sex.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Enums;
+
+enum Sex: string
+{
+    use HasOptions;
+
+    case Male = 'male';
+    case Female = 'female';
+}
diff --git a/app/Enums/Species.php b/app/Enums/Species.php
new file mode 100644
index 0000000..74474fb
--- /dev/null
+++ b/app/Enums/Species.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Enums;
+
+enum Species: string
+{
+    use HasOptions;
+
+    case Cattle = 'cattle';
+    case Sheep = 'sheep';
+    case Goat = 'goat';
+    case Pig = 'pig';
+    case Horse = 'horse';
+    case Chicken = 'chicken';
+    case Other = 'other';
+}
diff --git a/app/Http/Controllers/AnimalController.php b/app/Http/Controllers/AnimalController.php
new file mode 100644
index 0000000..33b7e34
--- /dev/null
+++ b/app/Http/Controllers/AnimalController.php
@@ -0,0 +1,166 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Actions\ChangeAnimalStatus;
+use App\Actions\MoveAnimal;
+use App\Enums\AnimalStatus;
+use App\Enums\HealthRecordType;
+use App\Enums\Sex;
+use App\Enums\Species;
+use App\Http\Requests\StoreAnimalRequest;
+use App\Http\Requests\UpdateAnimalRequest;
+use App\Http\Resources\AnimalMovementResource;
+use App\Http\Resources\AnimalResource;
+use App\Http\Resources\AnimalSummaryResource;
+use App\Http\Resources\HealthRecordResource;
+use App\Http\Resources\PaddockResource;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Validation\ValidationException;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class AnimalController extends Controller
+{
+    public function index(Request $request): Response
+    {
+        $filters = $request->validate([
+            'search' => ['nullable', 'string', 'max:100'],
+            'species' => ['nullable', 'string'],
+            'status' => ['nullable', 'string'],
+            'paddock' => ['nullable', 'integer'],
+        ]);
+
+        $animals = Animal::query()
+            ->with('currentPaddock')
+            ->when($filters['search'] ?? null, fn (Builder $query, string $search) => $query->where(
+                fn (Builder $q) => $q
+                    ->where('tag_number', 'like', "%{$search}%")
+                    ->orWhere('name', 'like', "%{$search}%"),
+            ))
+            ->when($filters['species'] ?? null, fn (Builder $query, string $species) => $query->where('species', $species))
+            ->when($filters['status'] ?? null, fn (Builder $query, string $status) => $query->where('status', $status))
+            ->when($filters['paddock'] ?? null, fn (Builder $query, int $paddock) => $query->where('current_paddock_id', $paddock))
+            ->orderBy('tag_number')
+            ->paginate(25)
+            ->withQueryString();
+
+        return Inertia::render('animals/Index', [
+            'animals' => AnimalSummaryResource::collection($animals),
+            'filters' => [
+                'search' => $filters['search'] ?? '',
+                'species' => $filters['species'] ?? '',
+                'status' => $filters['status'] ?? '',
+                'paddock' => $filters['paddock'] ?? '',
+            ],
+            'options' => $this->options(),
+        ]);
+    }
+
+    public function create(): Response
+    {
+        return Inertia::render('animals/Create', [
+            'options' => $this->options(),
+        ]);
+    }
+
+    public function store(StoreAnimalRequest $request, MoveAnimal $moveAnimal): RedirectResponse
+    {
+        $validated = $request->validated();
+        $paddock = isset($validated['paddock_id']) ? Paddock::query()->findOrFail((int) $validated['paddock_id']) : null;
+
+        try {
+            $animal = DB::transaction(function () use ($validated, $paddock, $moveAnimal): Animal {
+                $animal = Animal::create(collect($validated)->except('paddock_id')->all());
+
+                if ($paddock !== null) {
+                    $moveAnimal->handle($animal, $paddock, notes: 'Initial placement.');
+                }
+
+                return $animal;
+            });
+        } catch (ValidationException $exception) {
+            // MoveAnimal reports on to_paddock_id; this form calls the field paddock_id.
+            throw ValidationException::withMessages([
+                'paddock_id' => $exception->errors()['to_paddock_id'] ?? $exception->getMessage(),
+            ]);
+        }
+
+        Inertia::flash('toast', ['type' => 'success', 'message' => __('Animal added.')]);
+
+        return to_route('animals.show', $animal);
+    }
+
+    public function show(Animal $animal): Response
+    {
+        $animal->load('currentPaddock');
+
+        $movements = $animal->movements()
+            ->with(['fromPaddock', 'toPaddock'])
+            ->latest('moved_at')
+            ->latest('id')
+            ->get();
+
+        $healthRecords = $animal->healthRecords()
+            ->latest('recorded_on')
+            ->latest('id')
+            ->get();
+
+        $paddocks = Paddock::query()->withOccupancy()->orderBy('name')->get();
+
+        return Inertia::render('animals/Show', [
+            'animal' => AnimalResource::make($animal)->resolve(),
+            'movements' => AnimalMovementResource::collection($movements)->resolve(),
+            'healthRecords' => HealthRecordResource::collection($healthRecords)->resolve(),
+            'paddocks' => PaddockResource::collection($paddocks)->resolve(),
+            'healthRecordTypes' => HealthRecordType::options(),
+        ]);
+    }
+
+    public function edit(Animal $animal): Response
+    {
+        $animal->load('currentPaddock');
+
+        return Inertia::render('animals/Edit', [
+            'animal' => AnimalResource::make($animal)->resolve(),
+            'options' => $this->options(),
+        ]);
+    }
+
+    public function update(UpdateAnimalRequest $request, Animal $animal, ChangeAnimalStatus $changeStatus): RedirectResponse
+    {
+        $validated = $request->validated();
+        $status = AnimalStatus::from($validated['status']);
+
+        DB::transaction(function () use ($animal, $validated, $status, $changeStatus): void {
+            $animal->update(collect($validated)->except('status')->all());
+            $changeStatus->handle($animal, $status);
+        });
+
+        Inertia::flash('toast', ['type' => 'success', 'message' => __('Animal updated.')]);
+
+        return to_route('animals.show', $animal);
+    }
+
+    /**
+     * Select options shared by the animal forms and filters.
+     *
+     * @return array{species: array<int, array{value: string, label: string}>, sexes: array<int, array{value: string, label: string}>, statuses: array<int, array{value: string, label: string}>, paddocks: array<int, mixed>}
+     */
+    private function options(): array
+    {
+        $paddocks = Paddock::query()->withOccupancy()->orderBy('name')->get();
+
+        return [
+            'species' => Species::options(),
+            'sexes' => Sex::options(),
+            'statuses' => AnimalStatus::options(),
+            'paddocks' => PaddockResource::collection($paddocks)->resolve(),
+        ];
+    }
+}
diff --git a/app/Http/Controllers/AnimalMovementController.php b/app/Http/Controllers/AnimalMovementController.php
new file mode 100644
index 0000000..5610812
--- /dev/null
+++ b/app/Http/Controllers/AnimalMovementController.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Actions\MoveAnimal;
+use App\Http\Requests\StoreAnimalMovementRequest;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Support\Carbon;
+use Inertia\Inertia;
+
+class AnimalMovementController extends Controller
+{
+    public function store(StoreAnimalMovementRequest $request, Animal $animal, MoveAnimal $moveAnimal): RedirectResponse
+    {
+        $validated = $request->validated();
+        $paddock = Paddock::query()->findOrFail((int) $validated['to_paddock_id']);
+
+        $moveAnimal->handle(
+            $animal,
+            $paddock,
+            isset($validated['moved_at']) ? Carbon::parse($validated['moved_at']) : null,
+            $validated['notes'] ?? null,
+        );
+
+        Inertia::flash('toast', [
+            'type' => 'success',
+            'message' => __(':animal moved to :paddock.', [
+                'animal' => $animal->tag_number,
+                'paddock' => $paddock->name,
+            ]),
+        ]);
+
+        return to_route('animals.show', $animal);
+    }
+}
diff --git a/app/Http/Controllers/DashboardController.php b/app/Http/Controllers/DashboardController.php
new file mode 100644
index 0000000..9892281
--- /dev/null
+++ b/app/Http/Controllers/DashboardController.php
@@ -0,0 +1,96 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Enums\AnimalStatus;
+use App\Enums\OccupancyState;
+use App\Enums\Species;
+use App\Http\Resources\AnimalMovementResource;
+use App\Http\Resources\PaddockResource;
+use App\Models\Animal;
+use App\Models\AnimalMovement;
+use App\Models\Paddock;
+use Illuminate\Support\Collection;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class DashboardController extends Controller
+{
+    private const RECENT_MOVEMENTS = 10;
+
+    public function __invoke(): Response
+    {
+        $paddocks = Paddock::query()->withOccupancy()->orderBy('name')->get();
+
+        $needingAttention = $paddocks->filter(
+            fn (Paddock $paddock) => $paddock->occupancyState() !== OccupancyState::Ok,
+        )->sortByDesc(fn (Paddock $paddock) => $paddock->occupancyRatio());
+
+        $recentMovements = AnimalMovement::query()
+            ->with(['animal', 'fromPaddock', 'toPaddock'])
+            ->latest('moved_at')
+            ->latest('id')
+            ->limit(self::RECENT_MOVEMENTS)
+            ->get();
+
+        return Inertia::render('Dashboard', [
+            'stats' => [
+                'active_animals' => Animal::query()->active()->count(),
+                'unplaced_animals' => Animal::query()->active()->whereNull('current_paddock_id')->count(),
+                'paddocks' => $paddocks->count(),
+                'total_capacity' => $paddocks->sum('capacity'),
+                'total_occupancy' => $paddocks->sum('occupancy'),
+                'paddocks_needing_attention' => $needingAttention->count(),
+            ],
+            'animalsBySpecies' => $this->animalsBySpecies(),
+            'animalsByStatus' => $this->animalsByStatus(),
+            'paddocks' => PaddockResource::collection($paddocks)->resolve(),
+            'attention' => PaddockResource::collection($needingAttention->values())->resolve(),
+            'recentMovements' => AnimalMovementResource::collection($recentMovements)->resolve(),
+        ]);
+    }
+
+    /**
+     * Active animals grouped by species, largest group first.
+     *
+     * @return array<int, array{species: string, label: string, count: int}>
+     */
+    private function animalsBySpecies(): array
+    {
+        $counts = Animal::query()
+            ->active()
+            ->selectRaw('species, count(*) as aggregate')
+            ->groupBy('species')
+            ->pluck('aggregate', 'species');
+
+        return Collection::make(Species::cases())
+            ->map(fn (Species $species) => [
+                'species' => $species->value,
+                'label' => $species->label(),
+                'count' => (int) ($counts[$species->value] ?? 0),
+            ])
+            ->filter(fn (array $row) => $row['count'] > 0)
+            ->sortByDesc('count')
+            ->values()
+            ->all();
+    }
+
+    /**
+     * @return array<int, array{status: string, label: string, count: int}>
+     */
+    private function animalsByStatus(): array
+    {
+        $counts = Animal::query()
+            ->selectRaw('status, count(*) as aggregate')
+            ->groupBy('status')
+            ->pluck('aggregate', 'status');
+
+        return Collection::make(AnimalStatus::cases())
+            ->map(fn (AnimalStatus $status) => [
+                'status' => $status->value,
+                'label' => $status->label(),
+                'count' => (int) ($counts[$status->value] ?? 0),
+            ])
+            ->all();
+    }
+}
diff --git a/app/Http/Controllers/HealthRecordController.php b/app/Http/Controllers/HealthRecordController.php
new file mode 100644
index 0000000..39d6aaa
--- /dev/null
+++ b/app/Http/Controllers/HealthRecordController.php
@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\StoreHealthRecordRequest;
+use App\Models\Animal;
+use Illuminate\Http\RedirectResponse;
+use Inertia\Inertia;
+
+class HealthRecordController extends Controller
+{
+    public function store(StoreHealthRecordRequest $request, Animal $animal): RedirectResponse
+    {
+        $animal->healthRecords()->create($request->validated());
+
+        Inertia::flash('toast', ['type' => 'success', 'message' => __('Health record added.')]);
+
+        return to_route('animals.show', $animal);
+    }
+}
diff --git a/app/Http/Controllers/PaddockController.php b/app/Http/Controllers/PaddockController.php
new file mode 100644
index 0000000..a3c7658
--- /dev/null
+++ b/app/Http/Controllers/PaddockController.php
@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\StorePaddockRequest;
+use App\Http\Requests\UpdatePaddockRequest;
+use App\Http\Resources\AnimalSummaryResource;
+use App\Http\Resources\PaddockResource;
+use App\Models\Paddock;
+use Illuminate\Http\RedirectResponse;
+use Inertia\Inertia;
+use Inertia\Response;
+
+class PaddockController extends Controller
+{
+    public function index(): Response
+    {
+        $paddocks = Paddock::query()
+            ->withOccupancy()
+            ->orderBy('name')
+            ->get();
+
+        return Inertia::render('paddocks/Index', [
+            'paddocks' => PaddockResource::collection($paddocks)->resolve(),
+        ]);
+    }
+
+    public function create(): Response
+    {
+        return Inertia::render('paddocks/Create');
+    }
+
+    public function store(StorePaddockRequest $request): RedirectResponse
+    {
+        $paddock = Paddock::create($request->validated());
+
+        Inertia::flash('toast', ['type' => 'success', 'message' => __('Paddock created.')]);
+
+        return to_route('paddocks.show', $paddock);
+    }
+
+    public function show(Paddock $paddock): Response
+    {
+        $paddock->loadCount(['activeAnimals as occupancy']);
+
+        $animals = $paddock->activeAnimals()
+            ->orderBy('tag_number')
+            ->get();
+
+        return Inertia::render('paddocks/Show', [
+            'paddock' => PaddockResource::make($paddock)->resolve(),
+            'animals' => AnimalSummaryResource::collection($animals)->resolve(),
+        ]);
+    }
+
+    public function edit(Paddock $paddock): Response
+    {
+        $paddock->loadCount(['activeAnimals as occupancy']);
+
+        return Inertia::render('paddocks/Edit', [
+            'paddock' => PaddockResource::make($paddock)->resolve(),
+        ]);
+    }
+
+    public function update(UpdatePaddockRequest $request, Paddock $paddock): RedirectResponse
+    {
+        $paddock->update($request->validated());
+
+        Inertia::flash('toast', ['type' => 'success', 'message' => __('Paddock updated.')]);
+
+        return to_route('paddocks.show', $paddock);
+    }
+}
diff --git a/app/Http/Requests/StoreAnimalMovementRequest.php b/app/Http/Requests/StoreAnimalMovementRequest.php
new file mode 100644
index 0000000..7b3b19f
--- /dev/null
+++ b/app/Http/Requests/StoreAnimalMovementRequest.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class StoreAnimalMovementRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Capacity and state rules live in the MoveAnimal action, because they
+     * depend on locked database state rather than the request alone.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'to_paddock_id' => ['required', 'integer', Rule::exists('paddocks', 'id')],
+            'moved_at' => ['nullable', 'date', 'before_or_equal:now'],
+            'notes' => ['nullable', 'string', 'max:1000'],
+        ];
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function attributes(): array
+    {
+        return [
+            'to_paddock_id' => 'paddock',
+            'moved_at' => 'date moved',
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreAnimalRequest.php b/app/Http/Requests/StoreAnimalRequest.php
new file mode 100644
index 0000000..00b79e7
--- /dev/null
+++ b/app/Http/Requests/StoreAnimalRequest.php
@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Enums\Sex;
+use App\Enums\Species;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class StoreAnimalRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'tag_number' => ['required', 'string', 'max:50', Rule::unique('animals', 'tag_number')],
+            'name' => ['nullable', 'string', 'max:100'],
+            'species' => ['required', Rule::enum(Species::class)],
+            'sex' => ['required', Rule::enum(Sex::class)],
+            'date_of_birth' => ['required', 'date', 'before_or_equal:today'],
+            'breed' => ['nullable', 'string', 'max:100'],
+            'notes' => ['nullable', 'string', 'max:2000'],
+            'paddock_id' => ['nullable', 'integer', Rule::exists('paddocks', 'id')],
+        ];
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function attributes(): array
+    {
+        return [
+            'paddock_id' => 'paddock',
+        ];
+    }
+}
diff --git a/app/Http/Requests/StoreHealthRecordRequest.php b/app/Http/Requests/StoreHealthRecordRequest.php
new file mode 100644
index 0000000..c67ea52
--- /dev/null
+++ b/app/Http/Requests/StoreHealthRecordRequest.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Enums\HealthRecordType;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class StoreHealthRecordRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'recorded_on' => ['required', 'date', 'before_or_equal:today'],
+            'type' => ['required', Rule::enum(HealthRecordType::class)],
+            'description' => ['required', 'string', 'max:200'],
+            'notes' => ['nullable', 'string', 'max:2000'],
+        ];
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function attributes(): array
+    {
+        return [
+            'recorded_on' => 'date',
+        ];
+    }
+}
diff --git a/app/Http/Requests/StorePaddockRequest.php b/app/Http/Requests/StorePaddockRequest.php
new file mode 100644
index 0000000..50cf150
--- /dev/null
+++ b/app/Http/Requests/StorePaddockRequest.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class StorePaddockRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:100', Rule::unique('paddocks', 'name')],
+            'capacity' => ['required', 'integer', 'min:1', 'max:10000'],
+            'notes' => ['nullable', 'string', 'max:2000'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdateAnimalRequest.php b/app/Http/Requests/UpdateAnimalRequest.php
new file mode 100644
index 0000000..6f6e1ac
--- /dev/null
+++ b/app/Http/Requests/UpdateAnimalRequest.php
@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Enums\AnimalStatus;
+use App\Enums\Sex;
+use App\Enums\Species;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+
+class UpdateAnimalRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'tag_number' => ['required', 'string', 'max:50', Rule::unique('animals', 'tag_number')->ignore($this->route('animal'))],
+            'name' => ['nullable', 'string', 'max:100'],
+            'species' => ['required', Rule::enum(Species::class)],
+            'sex' => ['required', Rule::enum(Sex::class)],
+            'date_of_birth' => ['required', 'date', 'before_or_equal:today'],
+            'breed' => ['nullable', 'string', 'max:100'],
+            'status' => ['required', Rule::enum(AnimalStatus::class)],
+            'notes' => ['nullable', 'string', 'max:2000'],
+        ];
+    }
+}
diff --git a/app/Http/Requests/UpdatePaddockRequest.php b/app/Http/Requests/UpdatePaddockRequest.php
new file mode 100644
index 0000000..d863a28
--- /dev/null
+++ b/app/Http/Requests/UpdatePaddockRequest.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Http\Requests;
+
+use App\Models\Paddock;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+use Illuminate\Validation\Rule;
+use Illuminate\Validation\Validator;
+use LogicException;
+
+class UpdatePaddockRequest extends FormRequest
+{
+    public function authorize(): bool
+    {
+        return true;
+    }
+
+    /**
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'name' => ['required', 'string', 'max:100', Rule::unique('paddocks', 'name')->ignore($this->paddock())],
+            'capacity' => ['required', 'integer', 'min:1', 'max:10000'],
+            'notes' => ['nullable', 'string', 'max:2000'],
+        ];
+    }
+
+    /**
+     * Capacity may never drop below the number of animals already inside,
+     * otherwise the "never over capacity" invariant would silently break.
+     *
+     * @return array<int, callable(Validator): void>
+     */
+    public function after(): array
+    {
+        return [
+            function (Validator $validator): void {
+                if ($validator->errors()->has('capacity')) {
+                    return;
+                }
+
+                $occupancy = $this->paddock()->occupancy;
+
+                if ((int) $this->input('capacity') < $occupancy) {
+                    $validator->errors()->add(
+                        'capacity',
+                        "Capacity cannot be lower than the {$occupancy} animals currently in this paddock.",
+                    );
+                }
+            },
+        ];
+    }
+
+    private function paddock(): Paddock
+    {
+        $paddock = $this->route('paddock');
+
+        if (! $paddock instanceof Paddock) {
+            throw new LogicException('UpdatePaddockRequest requires a bound Paddock route parameter.');
+        }
+
+        return $paddock;
+    }
+}
diff --git a/app/Http/Resources/AnimalMovementResource.php b/app/Http/Resources/AnimalMovementResource.php
new file mode 100644
index 0000000..51f66cc
--- /dev/null
+++ b/app/Http/Resources/AnimalMovementResource.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Models\AnimalMovement;
+use App\Models\Paddock;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+/**
+ * @mixin AnimalMovement
+ */
+class AnimalMovementResource extends JsonResource
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'moved_at' => $this->moved_at->toIso8601String(),
+            'moved_at_label' => $this->moved_at->format('j M Y, H:i'),
+            'from_paddock' => $this->paddockSummary($this->fromPaddock),
+            'to_paddock' => $this->paddockSummary($this->toPaddock),
+            'notes' => $this->notes,
+            'animal' => $this->whenLoaded('animal', fn () => [
+                'id' => $this->animal->id,
+                'tag_number' => $this->animal->tag_number,
+                'display_name' => $this->animal->displayName(),
+            ]),
+        ];
+    }
+
+    /**
+     * @return array{id: int, name: string}|null
+     */
+    private function paddockSummary(?Paddock $paddock): ?array
+    {
+        return $paddock ? ['id' => $paddock->id, 'name' => $paddock->name] : null;
+    }
+}
diff --git a/app/Http/Resources/AnimalResource.php b/app/Http/Resources/AnimalResource.php
new file mode 100644
index 0000000..f0c1e87
--- /dev/null
+++ b/app/Http/Resources/AnimalResource.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Models\Animal;
+use Illuminate\Http\Request;
+
+/**
+ * Full representation for the animal detail and edit pages.
+ *
+ * @mixin Animal
+ */
+class AnimalResource extends AnimalSummaryResource
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            ...parent::toArray($request),
+            'notes' => $this->notes,
+            'is_active' => $this->isActive(),
+            'created_at' => $this->created_at?->toDateString(),
+        ];
+    }
+}
diff --git a/app/Http/Resources/AnimalSummaryResource.php b/app/Http/Resources/AnimalSummaryResource.php
new file mode 100644
index 0000000..298e89d
--- /dev/null
+++ b/app/Http/Resources/AnimalSummaryResource.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Models\Animal;
+use Carbon\CarbonInterface;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+/**
+ * Compact representation used in lists (animal index, paddock page, dashboard).
+ *
+ * @mixin Animal
+ */
+class AnimalSummaryResource extends JsonResource
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'tag_number' => $this->tag_number,
+            'name' => $this->name,
+            'display_name' => $this->displayName(),
+            'species' => $this->species->value,
+            'species_label' => $this->species->label(),
+            'sex' => $this->sex->value,
+            'sex_label' => $this->sex->label(),
+            'breed' => $this->breed,
+            'date_of_birth' => $this->date_of_birth->toDateString(),
+            'age' => $this->date_of_birth->diffForHumans(syntax: CarbonInterface::DIFF_ABSOLUTE, short: true, parts: 2),
+            'status' => $this->status->value,
+            'status_label' => $this->status->label(),
+            'current_paddock' => $this->whenLoaded('currentPaddock', fn () => $this->currentPaddock ? [
+                'id' => $this->currentPaddock->id,
+                'name' => $this->currentPaddock->name,
+            ] : null),
+        ];
+    }
+}
diff --git a/app/Http/Resources/HealthRecordResource.php b/app/Http/Resources/HealthRecordResource.php
new file mode 100644
index 0000000..0b21240
--- /dev/null
+++ b/app/Http/Resources/HealthRecordResource.php
@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Models\HealthRecord;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+/**
+ * @mixin HealthRecord
+ */
+class HealthRecordResource extends JsonResource
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'recorded_on' => $this->recorded_on->toDateString(),
+            'recorded_on_label' => $this->recorded_on->format('j M Y'),
+            'type' => $this->type->value,
+            'type_label' => $this->type->label(),
+            'description' => $this->description,
+            'notes' => $this->notes,
+        ];
+    }
+}
diff --git a/app/Http/Resources/PaddockResource.php b/app/Http/Resources/PaddockResource.php
new file mode 100644
index 0000000..a7be79c
--- /dev/null
+++ b/app/Http/Resources/PaddockResource.php
@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Resources;
+
+use App\Models\Paddock;
+use Illuminate\Http\Request;
+use Illuminate\Http\Resources\Json\JsonResource;
+
+/**
+ * @mixin Paddock
+ */
+class PaddockResource extends JsonResource
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function toArray(Request $request): array
+    {
+        return [
+            'id' => $this->id,
+            'name' => $this->name,
+            'capacity' => $this->capacity,
+            'notes' => $this->notes,
+            'occupancy' => $this->occupancy,
+            'remaining_capacity' => $this->remainingCapacity(),
+            'occupancy_ratio' => round($this->occupancyRatio(), 3),
+            'occupancy_state' => $this->occupancyState()->value,
+            'has_room' => $this->hasRoom(),
+        ];
+    }
+}
diff --git a/app/Models/Animal.php b/app/Models/Animal.php
new file mode 100644
index 0000000..a6ba63d
--- /dev/null
+++ b/app/Models/Animal.php
@@ -0,0 +1,97 @@
+<?php
+
+namespace App\Models;
+
+use App\Enums\AnimalStatus;
+use App\Enums\Sex;
+use App\Enums\Species;
+use Database\Factories\AnimalFactory;
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Attributes\Scope;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Support\Carbon;
+
+/**
+ * @property int $id
+ * @property string $tag_number
+ * @property string|null $name
+ * @property Species $species
+ * @property Sex $sex
+ * @property Carbon $date_of_birth
+ * @property string|null $breed
+ * @property AnimalStatus $status
+ * @property string|null $notes
+ * @property int|null $current_paddock_id
+ * @property Carbon|null $created_at
+ * @property Carbon|null $updated_at
+ */
+#[Fillable(['tag_number', 'name', 'species', 'sex', 'date_of_birth', 'breed', 'status', 'notes'])]
+class Animal extends Model
+{
+    /** @use HasFactory<AnimalFactory> */
+    use HasFactory;
+
+    /**
+     * @return array<string, string>
+     */
+    protected function casts(): array
+    {
+        return [
+            'species' => Species::class,
+            'sex' => Sex::class,
+            'status' => AnimalStatus::class,
+            'date_of_birth' => 'date',
+        ];
+    }
+
+    /**
+     * @return BelongsTo<Paddock, $this>
+     */
+    public function currentPaddock(): BelongsTo
+    {
+        return $this->belongsTo(Paddock::class, 'current_paddock_id');
+    }
+
+    /**
+     * @return HasMany<AnimalMovement, $this>
+     */
+    public function movements(): HasMany
+    {
+        return $this->hasMany(AnimalMovement::class);
+    }
+
+    /**
+     * @return HasMany<HealthRecord, $this>
+     */
+    public function healthRecords(): HasMany
+    {
+        return $this->hasMany(HealthRecord::class);
+    }
+
+    /**
+     * @param  Builder<Animal>  $query
+     * @return Builder<Animal>
+     */
+    #[Scope]
+    protected function active(Builder $query): Builder
+    {
+        return $query->where('status', AnimalStatus::Active);
+    }
+
+    public function isActive(): bool
+    {
+        return $this->status === AnimalStatus::Active;
+    }
+
+    /**
+     * Tag number, with the name appended when the animal has one.
+     */
+    public function displayName(): string
+    {
+        return $this->name ? "{$this->tag_number} ({$this->name})" : $this->tag_number;
+    }
+}
diff --git a/app/Models/AnimalMovement.php b/app/Models/AnimalMovement.php
new file mode 100644
index 0000000..64eb300
--- /dev/null
+++ b/app/Models/AnimalMovement.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace App\Models;
+
+use Database\Factories\AnimalMovementFactory;
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Support\Carbon;
+
+/**
+ * A single relocation of an animal. A null "from" means the animal was
+ * placed for the first time; a null "to" means it left its paddock.
+ *
+ * @property int $id
+ * @property int $animal_id
+ * @property int|null $from_paddock_id
+ * @property int|null $to_paddock_id
+ * @property Carbon $moved_at
+ * @property string|null $notes
+ * @property Carbon|null $created_at
+ * @property Carbon|null $updated_at
+ */
+#[Fillable(['animal_id', 'from_paddock_id', 'to_paddock_id', 'moved_at', 'notes'])]
+class AnimalMovement extends Model
+{
+    /** @use HasFactory<AnimalMovementFactory> */
+    use HasFactory;
+
+    /**
+     * @return array<string, string>
+     */
+    protected function casts(): array
+    {
+        return [
+            'moved_at' => 'datetime',
+        ];
+    }
+
+    /**
+     * @return BelongsTo<Animal, $this>
+     */
+    public function animal(): BelongsTo
+    {
+        return $this->belongsTo(Animal::class);
+    }
+
+    /**
+     * @return BelongsTo<Paddock, $this>
+     */
+    public function fromPaddock(): BelongsTo
+    {
+        return $this->belongsTo(Paddock::class, 'from_paddock_id');
+    }
+
+    /**
+     * @return BelongsTo<Paddock, $this>
+     */
+    public function toPaddock(): BelongsTo
+    {
+        return $this->belongsTo(Paddock::class, 'to_paddock_id');
+    }
+}
diff --git a/app/Models/HealthRecord.php b/app/Models/HealthRecord.php
new file mode 100644
index 0000000..05a7afa
--- /dev/null
+++ b/app/Models/HealthRecord.php
@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Models;
+
+use App\Enums\HealthRecordType;
+use Database\Factories\HealthRecordFactory;
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Support\Carbon;
+
+/**
+ * @property int $id
+ * @property int $animal_id
+ * @property Carbon $recorded_on
+ * @property HealthRecordType $type
+ * @property string $description
+ * @property string|null $notes
+ * @property Carbon|null $created_at
+ * @property Carbon|null $updated_at
+ */
+#[Fillable(['animal_id', 'recorded_on', 'type', 'description', 'notes'])]
+class HealthRecord extends Model
+{
+    /** @use HasFactory<HealthRecordFactory> */
+    use HasFactory;
+
+    /**
+     * @return array<string, string>
+     */
+    protected function casts(): array
+    {
+        return [
+            'recorded_on' => 'date',
+            'type' => HealthRecordType::class,
+        ];
+    }
+
+    /**
+     * @return BelongsTo<Animal, $this>
+     */
+    public function animal(): BelongsTo
+    {
+        return $this->belongsTo(Animal::class);
+    }
+}
diff --git a/app/Models/Paddock.php b/app/Models/Paddock.php
new file mode 100644
index 0000000..246aacc
--- /dev/null
+++ b/app/Models/Paddock.php
@@ -0,0 +1,95 @@
+<?php
+
+namespace App\Models;
+
+use App\Enums\OccupancyState;
+use Database\Factories\PaddockFactory;
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Attributes\Scope;
+use Illuminate\Database\Eloquent\Builder;
+use Illuminate\Database\Eloquent\Casts\Attribute;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\HasMany;
+use Illuminate\Support\Carbon;
+
+/**
+ * @property int $id
+ * @property string $name
+ * @property int $capacity
+ * @property string|null $notes
+ * @property int $occupancy
+ * @property Carbon|null $created_at
+ * @property Carbon|null $updated_at
+ */
+#[Fillable(['name', 'capacity', 'notes'])]
+class Paddock extends Model
+{
+    /** @use HasFactory<PaddockFactory> */
+    use HasFactory;
+
+    /**
+     * Animals whose current paddock is this one (any status).
+     *
+     * @return HasMany<Animal, $this>
+     */
+    public function animals(): HasMany
+    {
+        return $this->hasMany(Animal::class, 'current_paddock_id');
+    }
+
+    /**
+     * Animals that currently occupy capacity in this paddock.
+     *
+     * @return HasMany<Animal, $this>
+     */
+    public function activeAnimals(): HasMany
+    {
+        return $this->animals()->active();
+    }
+
+    /**
+     * Eager-load the occupancy count so list pages avoid N+1 queries.
+     *
+     * @param  Builder<Paddock>  $query
+     * @return Builder<Paddock>
+     */
+    #[Scope]
+    protected function withOccupancy(Builder $query): Builder
+    {
+        return $query->withCount(['activeAnimals as occupancy']);
+    }
+
+    /**
+     * Number of active animals in the paddock. Uses the eager-loaded
+     * count when present, otherwise falls back to a query.
+     *
+     * @return Attribute<int, never>
+     */
+    protected function occupancy(): Attribute
+    {
+        return Attribute::get(
+            fn (?int $value): int => $value ?? $this->activeAnimals()->count(),
+        );
+    }
+
+    public function occupancyRatio(): float
+    {
+        return $this->capacity > 0 ? $this->occupancy / $this->capacity : 1.0;
+    }
+
+    public function occupancyState(): OccupancyState
+    {
+        return OccupancyState::fromRatio($this->occupancyRatio());
+    }
+
+    public function hasRoom(): bool
+    {
+        return $this->occupancy < $this->capacity;
+    }
+
+    public function remainingCapacity(): int
+    {
+        return max(0, $this->capacity - $this->occupancy);
+    }
+}
diff --git a/composer.json b/composer.json
index fa8e298..302b252 100644
--- a/composer.json
+++ b/composer.json
@@ -67,7 +67,7 @@
             "@test"
         ],
         "types:check": [
-            "phpstan analyse"
+            "phpstan analyse --memory-limit=512M"
         ],
         "test": [
             "@php artisan config:clear --ansi",
diff --git a/config/farm.php b/config/farm.php
new file mode 100644
index 0000000..5e0ef0e
--- /dev/null
+++ b/config/farm.php
@@ -0,0 +1,17 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Paddock Capacity Warning Threshold
+    |--------------------------------------------------------------------------
+    |
+    | A paddock whose occupancy ratio (active animals / capacity) reaches this
+    | value is flagged as "warning" across the UI. A ratio of 1.0 is "full".
+    |
+    */
+
+    'capacity_warning_threshold' => (float) env('FARM_CAPACITY_WARNING_THRESHOLD', 0.8),
+
+];
diff --git a/database/factories/AnimalFactory.php b/database/factories/AnimalFactory.php
new file mode 100644
index 0000000..de935b9
--- /dev/null
+++ b/database/factories/AnimalFactory.php
@@ -0,0 +1,81 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Enums\AnimalStatus;
+use App\Enums\Sex;
+use App\Enums\Species;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Animal>
+ */
+class AnimalFactory extends Factory
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'tag_number' => strtoupper(fake()->unique()->bothify('??-####')),
+            'name' => fake()->optional(0.6)->firstName(),
+            'species' => fake()->randomElement(Species::cases()),
+            'sex' => fake()->randomElement(Sex::cases()),
+            'date_of_birth' => fake()->dateTimeBetween('-8 years', '-3 months'),
+            'breed' => fake()->optional(0.7)->word(),
+            'status' => AnimalStatus::Active,
+            'notes' => null,
+            'current_paddock_id' => null,
+        ];
+    }
+
+    public function active(): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'status' => AnimalStatus::Active,
+        ]);
+    }
+
+    /**
+     * Sold animals never occupy a paddock.
+     */
+    public function sold(): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'status' => AnimalStatus::Sold,
+            'current_paddock_id' => null,
+        ]);
+    }
+
+    /**
+     * Deceased animals never occupy a paddock.
+     */
+    public function deceased(): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'status' => AnimalStatus::Deceased,
+            'current_paddock_id' => null,
+        ]);
+    }
+
+    /**
+     * Place the animal directly in a paddock, bypassing movement history.
+     * Use MoveAnimal in application code; this is for test setup only.
+     */
+    public function inPaddock(Paddock $paddock): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'current_paddock_id' => $paddock->id,
+        ]);
+    }
+
+    public function species(Species $species): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'species' => $species,
+        ]);
+    }
+}
diff --git a/database/factories/AnimalMovementFactory.php b/database/factories/AnimalMovementFactory.php
new file mode 100644
index 0000000..6cf299a
--- /dev/null
+++ b/database/factories/AnimalMovementFactory.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Animal;
+use App\Models\AnimalMovement;
+use App\Models\Paddock;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<AnimalMovement>
+ */
+class AnimalMovementFactory extends Factory
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'animal_id' => Animal::factory(),
+            'from_paddock_id' => null,
+            'to_paddock_id' => Paddock::factory(),
+            'moved_at' => fake()->dateTimeBetween('-1 year', 'now'),
+            'notes' => fake()->optional(0.3)->sentence(),
+        ];
+    }
+
+    public function between(?Paddock $from, ?Paddock $to): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'from_paddock_id' => $from?->id,
+            'to_paddock_id' => $to?->id,
+        ]);
+    }
+}
diff --git a/database/factories/HealthRecordFactory.php b/database/factories/HealthRecordFactory.php
new file mode 100644
index 0000000..d2b1d8b
--- /dev/null
+++ b/database/factories/HealthRecordFactory.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Enums\HealthRecordType;
+use App\Models\Animal;
+use App\Models\HealthRecord;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<HealthRecord>
+ */
+class HealthRecordFactory extends Factory
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        $type = HealthRecordType::from(fake()->randomElement(HealthRecordType::values()));
+
+        return [
+            'animal_id' => Animal::factory(),
+            'recorded_on' => fake()->dateTimeBetween('-1 year', 'now'),
+            'type' => $type,
+            'description' => match ($type) {
+                HealthRecordType::Vaccination => fake()->randomElement(['5-in-1 vaccine', 'Clostridial booster', 'Leptospirosis vaccine']),
+                HealthRecordType::Treatment => fake()->randomElement(['Drenched for worms', 'Antibiotic course', 'Foot bath']),
+                HealthRecordType::Injury => fake()->randomElement(['Cut on hind leg', 'Lame front left', 'Horn injury']),
+                HealthRecordType::Checkup => fake()->randomElement(['Routine condition score', 'Pregnancy test', 'Weight check']),
+                HealthRecordType::Other => fake()->sentence(3),
+            },
+            'notes' => fake()->optional(0.4)->sentence(),
+        ];
+    }
+}
diff --git a/database/factories/PaddockFactory.php b/database/factories/PaddockFactory.php
new file mode 100644
index 0000000..0798b6b
--- /dev/null
+++ b/database/factories/PaddockFactory.php
@@ -0,0 +1,33 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Paddock;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<Paddock>
+ */
+class PaddockFactory extends Factory
+{
+    /**
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'name' => fake()->randomElement([
+                'North', 'South', 'East', 'West', 'River', 'Hill', 'Home', 'Creek', 'Ridge', 'Orchard',
+            ]).' Paddock '.fake()->unique()->numberBetween(1, 9999),
+            'capacity' => fake()->numberBetween(5, 40),
+            'notes' => null,
+        ];
+    }
+
+    public function withCapacity(int $capacity): static
+    {
+        return $this->state(fn (array $attributes): array => [
+            'capacity' => $capacity,
+        ]);
+    }
+}
diff --git a/database/migrations/2026_09_12_031624_create_paddocks_table.php b/database/migrations/2026_09_12_031624_create_paddocks_table.php
new file mode 100644
index 0000000..7169f37
--- /dev/null
+++ b/database/migrations/2026_09_12_031624_create_paddocks_table.php
@@ -0,0 +1,24 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('paddocks', function (Blueprint $table) {
+            $table->id();
+            $table->string('name')->unique();
+            $table->unsignedInteger('capacity');
+            $table->text('notes')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('paddocks');
+    }
+};
diff --git a/database/migrations/2026_09_12_031625_create_animals_table.php b/database/migrations/2026_09_12_031625_create_animals_table.php
new file mode 100644
index 0000000..36408c3
--- /dev/null
+++ b/database/migrations/2026_09_12_031625_create_animals_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use App\Enums\AnimalStatus;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('animals', function (Blueprint $table) {
+            $table->id();
+            $table->string('tag_number')->unique();
+            $table->string('name')->nullable();
+            $table->string('species');
+            $table->string('sex');
+            $table->date('date_of_birth');
+            $table->string('breed')->nullable();
+            $table->string('status')->default(AnimalStatus::Active->value);
+            $table->text('notes')->nullable();
+            $table->foreignId('current_paddock_id')
+                ->nullable()
+                ->constrained('paddocks')
+                ->nullOnDelete();
+            $table->timestamps();
+
+            $table->index(['status', 'current_paddock_id']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('animals');
+    }
+};
diff --git a/database/migrations/2026_09_12_031626_create_animal_movements_table.php b/database/migrations/2026_09_12_031626_create_animal_movements_table.php
new file mode 100644
index 0000000..de928df
--- /dev/null
+++ b/database/migrations/2026_09_12_031626_create_animal_movements_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('animal_movements', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('animal_id')->constrained()->cascadeOnDelete();
+            $table->foreignId('from_paddock_id')
+                ->nullable()
+                ->constrained('paddocks')
+                ->nullOnDelete();
+            $table->foreignId('to_paddock_id')
+                ->nullable()
+                ->constrained('paddocks')
+                ->nullOnDelete();
+            $table->dateTime('moved_at');
+            $table->text('notes')->nullable();
+            $table->timestamps();
+
+            $table->index(['animal_id', 'moved_at']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('animal_movements');
+    }
+};
diff --git a/database/migrations/2026_09_12_031627_create_health_records_table.php b/database/migrations/2026_09_12_031627_create_health_records_table.php
new file mode 100644
index 0000000..1241395
--- /dev/null
+++ b/database/migrations/2026_09_12_031627_create_health_records_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up(): void
+    {
+        Schema::create('health_records', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('animal_id')->constrained()->cascadeOnDelete();
+            $table->date('recorded_on');
+            $table->string('type');
+            $table->string('description');
+            $table->text('notes')->nullable();
+            $table->timestamps();
+
+            $table->index(['animal_id', 'recorded_on']);
+        });
+    }
+
+    public function down(): void
+    {
+        Schema::dropIfExists('health_records');
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 6b901f8..4ebcced 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -21,5 +21,7 @@ public function run(): void
             'name' => 'Test User',
             'email' => 'test@example.com',
         ]);
+
+        $this->call(FarmSeeder::class);
     }
 }
diff --git a/database/seeders/FarmSeeder.php b/database/seeders/FarmSeeder.php
new file mode 100644
index 0000000..9253a65
--- /dev/null
+++ b/database/seeders/FarmSeeder.php
@@ -0,0 +1,192 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Actions\ChangeAnimalStatus;
+use App\Actions\MoveAnimal;
+use App\Enums\AnimalStatus;
+use App\Enums\Species;
+use App\Models\Animal;
+use App\Models\HealthRecord;
+use App\Models\Paddock;
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Collection;
+
+/**
+ * A small, believable demo farm. Movements go through MoveAnimal so the
+ * history and current paddock stay consistent and the capacity rules hold.
+ */
+class FarmSeeder extends Seeder
+{
+    public function __construct(
+        private MoveAnimal $moveAnimal,
+        private ChangeAnimalStatus $changeStatus,
+    ) {}
+
+    public function run(): void
+    {
+        $paddocks = $this->createPaddocks();
+        $animals = $this->createAnimals();
+
+        $this->placeAnimals($animals, $paddocks);
+        $this->shuffleSomeAnimals($animals, $paddocks);
+        $this->retireSomeAnimals($animals);
+        $this->recordHealthEvents($animals);
+    }
+
+    /**
+     * @return array<string, Paddock>
+     */
+    private function createPaddocks(): array
+    {
+        $definitions = [
+            'north' => ['North Paddock', 12, 'Good shade along the tree line.'],
+            'river' => ['River Flat', 20, 'Floods after heavy rain — move stock to Top Hill.'],
+            'home' => ['Home Paddock', 5, 'Closest to the yards; used for animals under treatment.'],
+            'top' => ['Top Hill', 15, null],
+            'orchard' => ['Orchard Paddock', 6, 'Chickens only.'],
+        ];
+
+        $paddocks = [];
+
+        foreach ($definitions as $key => [$name, $capacity, $notes]) {
+            $paddocks[$key] = Paddock::factory()->create([
+                'name' => $name,
+                'capacity' => $capacity,
+                'notes' => $notes,
+            ]);
+        }
+
+        return $paddocks;
+    }
+
+    /**
+     * @return array<string, Collection<int, Animal>>
+     */
+    private function createAnimals(): array
+    {
+        return [
+            'cattle' => Animal::factory()->count(14)->species(Species::Cattle)->sequence(
+                fn ($sequence) => ['tag_number' => sprintf('CT-%03d', $sequence->index + 1), 'breed' => 'Angus'],
+            )->create(),
+            'sheep' => Animal::factory()->count(12)->species(Species::Sheep)->sequence(
+                fn ($sequence) => ['tag_number' => sprintf('SH-%03d', $sequence->index + 1), 'breed' => 'Romney'],
+            )->create(),
+            'goats' => Animal::factory()->count(4)->species(Species::Goat)->sequence(
+                fn ($sequence) => ['tag_number' => sprintf('GT-%03d', $sequence->index + 1), 'breed' => 'Boer'],
+            )->create(),
+            'chickens' => Animal::factory()->count(6)->species(Species::Chicken)->sequence(
+                fn ($sequence) => ['tag_number' => sprintf('CH-%03d', $sequence->index + 1), 'breed' => null],
+            )->create(),
+        ];
+    }
+
+    /**
+     * Initial placements, spread over the last few months.
+     *
+     * @param  array<string, Collection<int, Animal>>  $animals
+     * @param  array<string, Paddock>  $paddocks
+     */
+    private function placeAnimals(array $animals, array $paddocks): void
+    {
+        $started = Carbon::now()->subMonths(4)->startOfDay();
+
+        // North Paddock: 10 of 12 cattle -> nearly full (warning).
+        foreach ($animals['cattle']->take(10) as $offset => $animal) {
+            $this->moveAnimal->handle($animal, $paddocks['north'], $started->copy()->addDays($offset), 'Initial placement.');
+        }
+
+        // Remaining cattle start on River Flat with the sheep.
+        foreach ($animals['cattle']->skip(10) as $offset => $animal) {
+            $this->moveAnimal->handle($animal, $paddocks['river'], $started->copy()->addDays($offset), 'Initial placement.');
+        }
+
+        foreach ($animals['sheep'] as $offset => $animal) {
+            $this->moveAnimal->handle($animal, $paddocks['river'], $started->copy()->addDays(3 + $offset), 'Initial placement.');
+        }
+
+        // Home Paddock: all 4 goats plus one sheep -> full.
+        foreach ($animals['goats'] as $offset => $animal) {
+            $this->moveAnimal->handle($animal, $paddocks['home'], $started->copy()->addWeeks(1)->addDays($offset), 'Initial placement.');
+        }
+
+        // Orchard: chickens, leaving one unplaced so the dashboard shows it.
+        foreach ($animals['chickens']->take(5) as $offset => $animal) {
+            $this->moveAnimal->handle($animal, $paddocks['orchard'], $started->copy()->addWeeks(2)->addDays($offset), 'Initial placement.');
+        }
+    }
+
+    /**
+     * A handful of later moves so the history and "recent movements" list
+     * have something to show.
+     *
+     * @param  array<string, Collection<int, Animal>>  $animals
+     * @param  array<string, Paddock>  $paddocks
+     */
+    private function shuffleSomeAnimals(array $animals, array $paddocks): void
+    {
+        $lastMonth = Carbon::now()->subMonth();
+
+        foreach ($animals['sheep']->take(6) as $offset => $sheep) {
+            $this->moveAnimal->handle($sheep, $paddocks['top'], $lastMonth->copy()->addDays($offset), 'Rotating onto fresh pasture.');
+        }
+
+        $lameSheep = $animals['sheep']->get(6);
+        $this->moveAnimal->handle($lameSheep, $paddocks['home'], Carbon::now()->subDays(9)->setTime(8, 15), 'Lame — keeping close to the yards for treatment.');
+
+        $this->moveAnimal->handle($animals['cattle']->get(10), $paddocks['top'], Carbon::now()->subDays(5)->setTime(14, 0), null);
+        $this->moveAnimal->handle($animals['cattle']->get(11), $paddocks['top'], Carbon::now()->subDays(5)->setTime(14, 5), null);
+    }
+
+    /**
+     * @param  array<string, Collection<int, Animal>>  $animals
+     */
+    private function retireSomeAnimals(array $animals): void
+    {
+        $this->changeStatus->handle($animals['cattle']->get(12), AnimalStatus::Sold);
+        $this->changeStatus->handle($animals['cattle']->get(13), AnimalStatus::Sold);
+        $this->changeStatus->handle($animals['sheep']->get(11), AnimalStatus::Deceased);
+    }
+
+    /**
+     * @param  array<string, Collection<int, Animal>>  $animals
+     */
+    private function recordHealthEvents(array $animals): void
+    {
+        foreach ($animals['cattle']->take(10) as $animal) {
+            HealthRecord::factory()->for($animal)->create([
+                'recorded_on' => Carbon::now()->subMonths(3)->toDateString(),
+                'type' => 'vaccination',
+                'description' => '7-in-1 clostridial vaccine',
+                'notes' => null,
+            ]);
+        }
+
+        HealthRecord::factory()->for($animals['sheep']->get(6))->create([
+            'recorded_on' => Carbon::now()->subDays(9)->toDateString(),
+            'type' => 'injury',
+            'description' => 'Lame on front left',
+            'notes' => 'Foot trimmed and sprayed. Re-check in a week.',
+        ]);
+
+        HealthRecord::factory()->for($animals['sheep']->get(6))->create([
+            'recorded_on' => Carbon::now()->subDays(2)->toDateString(),
+            'type' => 'checkup',
+            'description' => 'Follow-up on lameness',
+            'notes' => 'Improving, still slightly favouring the leg.',
+        ]);
+
+        foreach ($animals['goats'] as $goat) {
+            HealthRecord::factory()->for($goat)->create([
+                'recorded_on' => Carbon::now()->subWeeks(3)->toDateString(),
+                'type' => 'treatment',
+                'description' => 'Drenched for worms',
+            ]);
+        }
+
+        HealthRecord::factory()->count(6)->create([
+            'animal_id' => fn () => $animals['sheep']->random()->id,
+        ]);
+    }
+}
diff --git a/docs/design.md b/docs/design.md
new file mode 100644
index 0000000..ead97a1
--- /dev/null
+++ b/docs/design.md
@@ -0,0 +1,268 @@
+# Mini Farm Manager — Design Document
+
+This document records the domain model, business rules, application structure and testing strategy for the Mini Farm Manager exercise. It was written _before_ implementation so that decisions are made once, deliberately, and can be referenced from the README.
+
+Requirements: see [`requirements.md`](requirements.md).
+
+---
+
+## 1. Overview and stack
+
+| Layer        | Choice                                                            | Why                                                                                                             |
+| ------------ | ----------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- |
+| Backend      | Laravel 13 / PHP 8.4                                              | Required by the brief                                                                                           |
+| Frontend     | Inertia 3 + Vue 3.5 + TypeScript                                  | Server-driven pages without a separate JSON API: less glue code, validation errors flow straight into `useForm` |
+| UI           | Tailwind 4 + shadcn-vue components (`resources/js/components/ui`) | Already shipped with the starter kit; consistent look with minimal effort                                       |
+| Routing glue | Laravel Wayfinder                                                 | Typed route/action helpers in TypeScript, no hard-coded URLs                                                    |
+| Database     | SQLite                                                            | Zero setup for reviewers; schema is plain enough to run on MySQL/Postgres unchanged                             |
+| Tests        | PHPUnit 12 (feature tests)                                        | Starter kit default                                                                                             |
+
+**Authentication**: the brief says authentication is not required. The starter kit ships with Fortify (login, registration, 2FA, passkeys). We keep it installed — removing it costs time and buys nothing — but all farm routes are registered **outside** the `auth` middleware group so a reviewer can use the app without logging in.
+
+---
+
+## 2. Domain model
+
+```
+paddocks 1 ──< animals            (animals.current_paddock_id, nullable)
+animals  1 ──< animal_movements   (from_paddock_id?, to_paddock_id?)
+animals  1 ──< health_records
+```
+
+### `animals`
+
+| Column               | Type                         | Constraints / notes                                           |
+| -------------------- | ---------------------------- | ------------------------------------------------------------- |
+| `id`                 | bigint PK                    |                                                               |
+| `tag_number`         | string                       | required, **unique**                                          |
+| `name`               | string                       | nullable ("if applicable")                                    |
+| `species`            | string (enum `Species`)      | `cattle`, `sheep`, `goat`, `pig`, `horse`, `chicken`, `other` |
+| `sex`                | string (enum `Sex`)          | `male`, `female`                                              |
+| `date_of_birth`      | date                         | required, must not be in the future                           |
+| `breed`              | string                       | nullable                                                      |
+| `status`             | string (enum `AnimalStatus`) | `active` (default), `sold`, `deceased`                        |
+| `notes`              | text                         | nullable                                                      |
+| `current_paddock_id` | FK → `paddocks`              | nullable, `nullOnDelete`                                      |
+| timestamps           |                              |                                                               |
+
+### `paddocks`
+
+| Column     | Type         | Constraints / notes  |
+| ---------- | ------------ | -------------------- |
+| `id`       | bigint PK    |                      |
+| `name`     | string       | required, **unique** |
+| `capacity` | unsigned int | required, `>= 1`     |
+| `notes`    | text         | nullable             |
+| timestamps |              |                      |
+
+### `animal_movements`
+
+| Column            | Type            | Constraints / notes      |
+| ----------------- | --------------- | ------------------------ |
+| `id`              | bigint PK       |                          |
+| `animal_id`       | FK → `animals`  | `cascadeOnDelete`        |
+| `from_paddock_id` | FK → `paddocks` | nullable, `nullOnDelete` |
+| `to_paddock_id`   | FK → `paddocks` | nullable, `nullOnDelete` |
+| `moved_at`        | datetime        | required                 |
+| `notes`           | text            | nullable                 |
+| timestamps        |                 |                          |
+
+Index on `(animal_id, moved_at)`.
+
+Semantics of the nullable ends:
+
+- `from = null, to = X` — initial placement (animal enters the farm / first assignment).
+- `from = X, to = null` — animal leaves its paddock (status changed to `sold` or `deceased`).
+- `from = X, to = Y` — ordinary move.
+
+### `health_records`
+
+| Column        | Type                             | Constraints / notes                                      |
+| ------------- | -------------------------------- | -------------------------------------------------------- |
+| `id`          | bigint PK                        |                                                          |
+| `animal_id`   | FK → `animals`                   | `cascadeOnDelete`                                        |
+| `recorded_on` | date                             | required, not in the future                              |
+| `type`        | string (enum `HealthRecordType`) | `vaccination`, `treatment`, `injury`, `checkup`, `other` |
+| `description` | string                           | required, short summary                                  |
+| `notes`       | text                             | nullable                                                 |
+| timestamps    |                                  |                                                          |
+
+Index on `(animal_id, recorded_on)`.
+
+### Enums
+
+PHP backed enums in `app/Enums/` (`Species`, `Sex`, `AnimalStatus`, `HealthRecordType`), each with a `label()` method. Controllers pass them to Vue as `{ value, label }[]` option lists so the frontend never hard-codes the values.
+
+### Design decision: store `current_paddock_id` or derive it?
+
+**Stored.** Every read path — animal list, paddock page, dashboard, and the capacity check itself — needs "where is this animal now". Deriving it from the latest movement means a correlated subquery on every one of those queries.
+
+The trade-off is a denormalised column that can drift from the movement history. Mitigations:
+
+- `current_paddock_id` is **only ever written inside the same database transaction** that inserts the corresponding `animal_movements` row (see `MoveAnimal` below). No other code path touches it.
+- A feature test asserts that after a sequence of moves, `current_paddock_id` equals the `to_paddock_id` of the animal's latest movement.
+
+The movement table remains the source of truth for _history_; the column is a cache of its most recent row.
+
+---
+
+## 3. Business rules
+
+1. **Occupancy.** `occupancy(paddock) = count(animals where current_paddock_id = paddock.id AND status = active)`. Non-active animals never occupy a paddock (rule 3 guarantees they have no `current_paddock_id` anyway).
+
+2. **Moving an animal** into paddock _T_ is allowed only when:
+    - the animal's status is `active`;
+    - _T_ differs from the animal's current paddock;
+    - `occupancy(T) < T.capacity`.
+
+    The move runs inside `DB::transaction()` and takes `lockForUpdate()` on the target paddock row before counting, so two concurrent moves cannot both pass the check and overfill the paddock.
+
+3. **Status change away from `active`** (`sold` or `deceased`) removes the animal from its paddock: a movement `(from = current, to = null)` is recorded and `current_paddock_id` is set to null, in one transaction. Changing status back to `active` leaves the animal unplaced; the user assigns a paddock through the normal move action (the edit form shows a hint explaining this).
+
+4. **Initial placement.** The "add animal" form has an optional paddock select. If provided, the animal is created and immediately placed via the same move logic, so the capacity rule applies from the very first record.
+
+5. **Editing a paddock's capacity** below its current occupancy is rejected with a validation error. This keeps "a paddock is never over capacity" as a hard invariant rather than a soft warning.
+
+6. **Capacity warning** _(the additional feature)_. Each paddock has a derived `occupancy_state`:
+
+    | Condition                          | State     | UI                                  |
+    | ---------------------------------- | --------- | ----------------------------------- |
+    | `occupancy / capacity < threshold` | `ok`      | neutral                             |
+    | `threshold <= ratio < 1`           | `warning` | amber highlight                     |
+    | `ratio >= 1`                       | `full`    | red highlight, move target disabled |
+
+    `threshold` lives in `config/farm.php` (`capacity_warning_threshold`, default `0.8`). The state is computed server-side in one place (`Paddock::occupancyState()`, using `withCount` for lists) so every page agrees.
+
+7. **Deletion** is out of scope: the brief asks only for add / edit / view. No destroy routes are exposed. This also sidesteps "what happens to history when a paddock is deleted" — the `nullOnDelete` FKs are there only as a safety net.
+
+---
+
+## 4. Application layer
+
+### Actions (single-purpose classes in `app/Actions/`)
+
+- **`MoveAnimal`** — the one non-trivial write in the system.
+  `handle(Animal $animal, ?Paddock $to, CarbonInterface $movedAt, ?string $notes = null): AnimalMovement`
+  Opens a transaction, locks the target paddock, checks rules 2/3, inserts the movement, updates `current_paddock_id`. Violations throw `ValidationException` keyed to the form field (`to_paddock_id`) so Inertia renders them inline.
+
+- **`ChangeAnimalStatus`** — applies a status change; when leaving `active` it delegates to `MoveAnimal` with `to = null`.
+
+### Form Requests (`app/Http/Requests/`)
+
+`StoreAnimalRequest`, `UpdateAnimalRequest`, `StorePaddockRequest`, `UpdatePaddockRequest` (includes the "capacity >= occupancy" rule), `StoreAnimalMovementRequest`, `StoreHealthRecordRequest`.
+
+Validation lives here; the Actions enforce the invariants that depend on database state.
+
+### Controllers (`app/Http/Controllers/`)
+
+| Controller                 | Methods                                              |
+| -------------------------- | ---------------------------------------------------- |
+| `DashboardController`      | `__invoke`                                           |
+| `AnimalController`         | `index`, `create`, `store`, `show`, `edit`, `update` |
+| `PaddockController`        | `index`, `create`, `store`, `show`, `edit`, `update` |
+| `AnimalMovementController` | `store`                                              |
+| `HealthRecordController`   | `store`                                              |
+
+Controllers stay thin: validate via Form Request, call an Action or a simple Eloquent write, redirect with a flash message.
+
+### Models, factories, seeder
+
+- Models: `Animal`, `Paddock`, `AnimalMovement`, `HealthRecord` with enum casts and relationships.
+- Factories with states: `AnimalFactory::active() / sold() / deceased() / inPaddock(Paddock)`, `PaddockFactory::withCapacity(int)`.
+- `FarmSeeder` builds a realistic demo farm: a handful of paddocks (including one at ~85 % and one full), ~20 animals across species, a movement history and a few health records — so the dashboard and warnings are visible immediately after `php artisan migrate --seed`.
+
+---
+
+## 5. Routes (`routes/web.php`, all public)
+
+```
+GET  /                                 → redirect to dashboard
+GET  /dashboard                        dashboard
+
+GET  /animals                          animals.index      filters: species, status, paddock, search (tag/name)
+GET  /animals/create                   animals.create
+POST /animals                          animals.store
+GET  /animals/{animal}                 animals.show       movement history, health history, move dialog, add health record
+GET  /animals/{animal}/edit            animals.edit
+PUT  /animals/{animal}                 animals.update
+POST /animals/{animal}/movements       animals.movements.store
+POST /animals/{animal}/health-records  animals.health-records.store
+
+GET  /paddocks                         paddocks.index     occupancy + warning badge per paddock
+GET  /paddocks/create                  paddocks.create
+POST /paddocks                         paddocks.store
+GET  /paddocks/{paddock}               paddocks.show      animals currently inside
+GET  /paddocks/{paddock}/edit          paddocks.edit
+PUT  /paddocks/{paddock}               paddocks.update
+```
+
+Fortify and settings routes remain as generated by the starter kit. The sidebar's `NavUser` component must tolerate a guest (`auth.user === null`) and show a "Log in" link instead of the user menu.
+
+---
+
+## 6. Frontend
+
+Pages under `resources/js/pages/`:
+
+| Page                                       | Content                                                                                                                                                                                                  |
+| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `Dashboard.vue`                            | Stat cards (active animals, paddocks, paddocks needing attention); animals by species; paddock occupancy list with progress bars (amber ≥ 80 %, red when full); recent movements; capacity-warning panel |
+| `animals/Index.vue`                        | Filterable table: tag, name, species, sex, age, status badge, current paddock                                                                                                                            |
+| `animals/Create.vue`, `animals/Edit.vue`   | Shared `AnimalForm`; create offers optional initial paddock                                                                                                                                              |
+| `animals/Show.vue`                         | Details, current paddock, "Move" dialog, movement history, health history + "Add record" form                                                                                                            |
+| `paddocks/Index.vue`                       | Cards/table with occupancy bar and state badge                                                                                                                                                           |
+| `paddocks/Create.vue`, `paddocks/Edit.vue` | Shared `PaddockForm`                                                                                                                                                                                     |
+| `paddocks/Show.vue`                        | Capacity summary and the list of animals currently inside                                                                                                                                                |
+
+Shared components in `resources/js/components/farm/`: `AnimalForm`, `PaddockForm`, `MoveAnimalDialog`, `HealthRecordForm`, `OccupancyBar`, `AnimalStatusBadge`, `EmptyState`.
+
+Conventions:
+
+- Forms use Inertia `useForm` and Wayfinder action helpers (`@/actions/App/Http/Controllers/...`).
+- Server flashes `success` through `HandleInertiaRequests`; the layout shows it with the existing `sonner` toaster.
+- Sidebar navigation: Dashboard, Animals, Paddocks.
+- Shared TypeScript types in `resources/js/types/farm.d.ts`.
+- Empty states everywhere a list can be empty (new install without seeding).
+
+---
+
+## 7. Testing strategy
+
+Feature tests (PHPUnit, `RefreshDatabase`, factories), covering behaviour the farmer would notice if it broke:
+
+| Test class             | Cases                                                                                                                                                                                                                                         |
+| ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `AnimalTest`           | create with valid data; duplicate tag rejected; DOB in the future rejected; create with initial paddock records a `null → paddock` movement; update basic fields; status → `sold` removes from paddock and writes a `paddock → null` movement |
+| `PaddockTest`          | create / update validation; capacity below current occupancy rejected; show lists only active animals currently inside                                                                                                                        |
+| `AnimalMovementTest`   | successful move updates `current_paddock_id` and appends history; rejected when target is full; rejected when target equals current; rejected when animal is not active; `current_paddock_id` matches latest movement after several moves     |
+| `HealthRecordTest`     | store with valid data; validation failures; animal page lists records newest first                                                                                                                                                            |
+| `DashboardTest`        | animal counts and species breakdown; warnings panel includes a paddock at ≥ 80 % and excludes one below                                                                                                                                       |
+| `PaddockOccupancyTest` | `occupancyState()` boundaries: 79 % → ok, 80 % → warning, 100 % → full; sold animals do not count                                                                                                                                             |
+
+Not tested: Fortify auth (already covered by starter kit tests), pure layout.
+
+---
+
+## 8. Deliberately left out / production improvements
+
+Left out to respect the 3–4 hour budget:
+
+- Deleting animals, paddocks or records
+- Recording _who_ performed a movement (no auth in scope)
+- Weight / medication history, photos, documents
+- Bulk moves (move a whole mob between paddocks)
+- Pagination beyond a simple paginator on the animals list
+
+Before production:
+
+- Real concurrency test of the capacity lock against MySQL/Postgres
+- Authorisation (multiple farms / users)
+- Soft deletes and an audit log
+- Reporting exports (CSV) and date-range filters on history
+- Accessibility and mobile review of the forms
+
+---
+
+## 9. AI-assisted development
+
+Claude Code (Anthropic) was used to scaffold the project via `laravel new … --boost`, to draft this document from a guided discussion, and to generate boilerplate, pages and tests. Every business rule in §3 was decided in conversation, and all generated code is reviewed and verified by running the test suite and the app locally. Details go in the README's "How AI tools were used" section.
diff --git a/resources/js/app.ts b/resources/js/app.ts
index 5872d1e..ed52afd 100644
--- a/resources/js/app.ts
+++ b/resources/js/app.ts
@@ -11,8 +11,6 @@ void createInertiaApp({
     title: (title) => (title ? `${title} - ${appName}` : appName),
     layout: (name) => {
         switch (true) {
-            case name === 'Welcome':
-                return null;
             case name.startsWith('auth/'):
                 return AuthLayout;
             case name.startsWith('settings/'):
diff --git a/resources/js/components/AppHeader.vue b/resources/js/components/AppHeader.vue
index d58773b..2a7154c 100644
--- a/resources/js/components/AppHeader.vue
+++ b/resources/js/components/AppHeader.vue
@@ -238,7 +238,7 @@ const rightNavItems: NavItem[] = [
                         </div>
                     </div>
 
-                    <DropdownMenu>
+                    <DropdownMenu v-if="auth.user">
                         <DropdownMenuTrigger :as-child="true">
                             <Button
                                 variant="ghost"
@@ -256,7 +256,7 @@ const rightNavItems: NavItem[] = [
                                     <AvatarFallback
                                         class="rounded-lg bg-neutral-200 font-semibold text-black dark:bg-neutral-700 dark:text-white"
                                     >
-                                        {{ getInitials(auth.user?.name) }}
+                                        {{ getInitials(auth.user.name) }}
                                     </AvatarFallback>
                                 </Avatar>
                             </Button>
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index a65f9d0..d941585 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Link } from '@inertiajs/vue3';
-import { BookOpen, FolderGit2, LayoutGrid } from '@lucide/vue';
+import { BookOpen, Fence, FolderGit2, LayoutGrid, PawPrint } from '@lucide/vue';
 import AppLogo from '@/components/AppLogo.vue';
 import NavFooter from '@/components/NavFooter.vue';
 import NavMain from '@/components/NavMain.vue';
@@ -15,6 +15,8 @@ import {
     SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import { dashboard } from '@/routes';
+import { index as animalsIndex } from '@/routes/animals';
+import { index as paddocksIndex } from '@/routes/paddocks';
 import type { NavItem } from '@/types';
 
 const mainNavItems: NavItem[] = [
@@ -23,17 +25,27 @@ const mainNavItems: NavItem[] = [
         href: dashboard(),
         icon: LayoutGrid,
     },
+    {
+        title: 'Animals',
+        href: animalsIndex(),
+        icon: PawPrint,
+    },
+    {
+        title: 'Paddocks',
+        href: paddocksIndex(),
+        icon: Fence,
+    },
 ];
 
 const footerNavItems: NavItem[] = [
     {
         title: 'Repository',
-        href: 'https://github.com/laravel/vue-starter-kit',
+        href: 'https://github.com/wangxiaoxiang5599/MiniFarmManager',
         icon: FolderGit2,
     },
     {
-        title: 'Documentation',
-        href: 'https://laravel.com/docs/starter-kits#vue',
+        title: 'Design doc',
+        href: 'https://github.com/wangxiaoxiang5599/MiniFarmManager/blob/dev/docs/design.md',
         icon: BookOpen,
     },
 ];
diff --git a/resources/js/components/NavUser.vue b/resources/js/components/NavUser.vue
index 6ab6723..35567a9 100644
--- a/resources/js/components/NavUser.vue
+++ b/resources/js/components/NavUser.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { usePage } from '@inertiajs/vue3';
-import { ChevronsUpDown } from '@lucide/vue';
+import { Link, usePage } from '@inertiajs/vue3';
+import { ChevronsUpDown, LogIn } from '@lucide/vue';
 import { computed } from 'vue';
 import {
     DropdownMenu,
@@ -15,6 +15,7 @@ import {
 } from '@/components/ui/sidebar';
 import UserInfo from '@/components/UserInfo.vue';
 import UserMenuContent from '@/components/UserMenuContent.vue';
+import { login } from '@/routes';
 
 const page = usePage();
 const user = computed(() => page.props.auth.user);
@@ -24,7 +25,7 @@ const { isMobile, state } = useSidebar();
 <template>
     <SidebarMenu>
         <SidebarMenuItem>
-            <DropdownMenu>
+            <DropdownMenu v-if="user">
                 <DropdownMenuTrigger as-child>
                     <SidebarMenuButton
                         size="lg"
@@ -50,6 +51,13 @@ const { isMobile, state } = useSidebar();
                     <UserMenuContent :user="user" />
                 </DropdownMenuContent>
             </DropdownMenu>
+
+            <SidebarMenuButton v-else size="lg" as-child>
+                <Link :href="login()">
+                    <LogIn class="size-4" />
+                    <span>Log in</span>
+                </Link>
+            </SidebarMenuButton>
         </SidebarMenuItem>
     </SidebarMenu>
 </template>
diff --git a/resources/js/components/farm/AnimalForm.vue b/resources/js/components/farm/AnimalForm.vue
new file mode 100644
index 0000000..0898cde
--- /dev/null
+++ b/resources/js/components/farm/AnimalForm.vue
@@ -0,0 +1,224 @@
+<script setup lang="ts">
+import { useForm } from '@inertiajs/vue3';
+import { computed } from 'vue';
+import FormSelect from '@/components/farm/FormSelect.vue';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import type { Animal, AnimalFormOptions, SelectOption } from '@/types';
+import type { RouteDefinition } from '@/wayfinder';
+
+const props = defineProps<{
+    /** Wayfinder route, e.g. AnimalController.store() */
+    route: RouteDefinition<'post' | 'put'>;
+    options: AnimalFormOptions;
+    animal?: Animal;
+    submitLabel: string;
+}>();
+
+const isEditing = computed(() => props.animal !== undefined);
+
+const form = useForm({
+    tag_number: props.animal?.tag_number ?? '',
+    name: props.animal?.name ?? '',
+    species: props.animal?.species ?? '',
+    sex: props.animal?.sex ?? '',
+    date_of_birth: props.animal?.date_of_birth ?? '',
+    breed: props.animal?.breed ?? '',
+    status: props.animal?.status ?? 'active',
+    notes: props.animal?.notes ?? '',
+    paddock_id: '',
+});
+
+const today = new Date().toISOString().slice(0, 10);
+
+/**
+ * Paddock choices for the initial placement. Full paddocks are listed but
+ * disabled so the user understands why they cannot be chosen.
+ */
+const paddockOptions = computed<SelectOption[]>(() =>
+    props.options.paddocks.map((paddock) => ({
+        value: String(paddock.id),
+        label: paddock.has_room
+            ? `${paddock.name} (${paddock.occupancy} / ${paddock.capacity})`
+            : `${paddock.name} — full`,
+        disabled: !paddock.has_room,
+    })),
+);
+
+const leavingActive = computed(
+    () =>
+        isEditing.value &&
+        props.animal?.status === 'active' &&
+        form.status !== 'active' &&
+        props.animal?.current_paddock,
+);
+
+const returningToActive = computed(
+    () =>
+        isEditing.value &&
+        props.animal?.status !== 'active' &&
+        form.status === 'active',
+);
+
+function submit(): void {
+    form.transform((data) => {
+        const payload: Record<string, unknown> = { ...data };
+
+        if (isEditing.value) {
+            delete payload.paddock_id;
+        } else {
+            delete payload.status;
+            if (payload.paddock_id === '') {
+                payload.paddock_id = null;
+            }
+        }
+
+        return payload;
+    }).submit(props.route);
+}
+</script>
+
+<template>
+    <form class="space-y-6" @submit.prevent="submit">
+        <div class="grid gap-6 sm:grid-cols-2">
+            <div class="grid gap-2">
+                <Label for="tag_number">Tag number</Label>
+                <Input
+                    id="tag_number"
+                    v-model="form.tag_number"
+                    required
+                    autofocus
+                    placeholder="e.g. NZ-0042"
+                    class="font-mono"
+                />
+                <InputError :message="form.errors.tag_number" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="name"
+                    >Name
+                    <span class="text-muted-foreground font-normal"
+                        >(optional)</span
+                    ></Label
+                >
+                <Input id="name" v-model="form.name" placeholder="e.g. Daisy" />
+                <InputError :message="form.errors.name" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="species">Species</Label>
+                <FormSelect
+                    id="species"
+                    v-model="form.species"
+                    :options="options.species"
+                    placeholder="Choose species"
+                />
+                <InputError :message="form.errors.species" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="sex">Sex</Label>
+                <FormSelect
+                    id="sex"
+                    v-model="form.sex"
+                    :options="options.sexes"
+                    placeholder="Choose sex"
+                />
+                <InputError :message="form.errors.sex" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="date_of_birth">Date of birth</Label>
+                <Input
+                    id="date_of_birth"
+                    v-model="form.date_of_birth"
+                    type="date"
+                    :max="today"
+                    required
+                />
+                <InputError :message="form.errors.date_of_birth" />
+            </div>
+
+            <div class="grid gap-2">
+                <Label for="breed"
+                    >Breed
+                    <span class="text-muted-foreground font-normal"
+                        >(optional)</span
+                    ></Label
+                >
+                <Input
+                    id="breed"
+                    v-model="form.breed"
+                    placeholder="e.g. Angus"
+                />
+                <InputError :message="form.errors.breed" />
+            </div>
+
+            <div v-if="!isEditing" class="grid gap-2 sm:col-span-2">
+                <Label for="paddock_id"
+                    >Place in paddock
+                    <span class="text-muted-foreground font-normal"
+                        >(optional)</span
+                    ></Label
+                >
+                <FormSelect
+                    id="paddock_id"
+                    v-model="form.paddock_id"
+                    :options="paddockOptions"
+                    all-label="Leave unplaced for now"
+                    placeholder="Leave unplaced for now"
+                />
+                <InputError :message="form.errors.paddock_id" />
+            </div>
+
+            <div v-else class="grid gap-2 sm:col-span-2">
+                <Label for="status">Status</Label>
+                <FormSelect
+                    id="status"
+                    v-model="form.status"
+                    :options="options.statuses"
+                />
+                <p
+                    v-if="leavingActive"
+                    class="text-sm text-amber-700 dark:text-amber-300"
+                >
+                    Saving will move {{ animal?.tag_number }} out of
+                    {{ animal?.current_paddock?.name }} and free up its place.
+                </p>
+                <p
+                    v-else-if="returningToActive"
+                    class="text-muted-foreground text-sm"
+                >
+                    The animal will become active but stay unplaced — move it
+                    into a paddock from its detail page.
+                </p>
+                <InputError :message="form.errors.status" />
+            </div>
+
+            <div class="grid gap-2 sm:col-span-2">
+                <Label for="notes"
+                    >Notes
+                    <span class="text-muted-foreground font-normal"
+                        >(optional)</span
+                    ></Label
+                >
+                <Textarea
+                    id="notes"
+                    v-model="form.notes"
+                    placeholder="Temperament, markings, purchase details…"
+                />
+                <InputError :message="form.errors.notes" />
+            </div>
+        </div>
+
+        <div class="flex items-center gap-3">
+            <Button type="submit" :disabled="form.processing">
+                {{ submitLabel }}
+            </Button>
+            <slot name="secondary" />
+        </div>
+    </form>
+</template>
diff --git a/resources/js/components/farm/AnimalStatusBadge.vue b/resources/js/components/farm/AnimalStatusBadge.vue
new file mode 100644
index 0000000..f8ce8be
--- /dev/null
+++ b/resources/js/components/farm/AnimalStatusBadge.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { Badge } from '@/components/ui/badge';
+import type { AnimalStatus } from '@/types';
+
+const props = defineProps<{
+    status: AnimalStatus;
+    label: string;
+}>();
+
+const classes = computed(() => {
+    switch (props.status) {
+        case 'sold':
+            return 'border-transparent bg-sky-100 text-sky-800 dark:bg-sky-950 dark:text-sky-200';
+        case 'deceased':
+            return 'border-transparent bg-neutral-200 text-neutral-700 dark:bg-neutral-800 dark:text-neutral-300';
+        default:
+            return 'border-transparent bg-emerald-100 text-emerald-800 dark:bg-emerald-950 dark:text-emerald-200';
+    }
+});
+</script>
+
+<template>
+    <Badge variant="outline" :class="classes">{{ label }}</Badge>
+</template>
diff --git a/resources/js/components/farm/EmptyState.vue b/resources/js/components/farm/EmptyState.vue
new file mode 100644
index 0000000..c5d1be6
--- /dev/null
+++ b/resources/js/components/farm/EmptyState.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+defineProps<{
+    title: string;
+    description?: string;
+}>();
+</script>
+
+<template>
+    <div
+        class="flex flex-col items-center justify-center gap-2 rounded-xl border border-dashed px-6 py-12 text-center"
+    >
+        <p class="font-medium">{{ title }}</p>
+        <p v-if="description" class="text-muted-foreground max-w-sm text-sm">
+            {{ description }}
+        </p>
+        <div v-if="$slots.default" class="mt-2">
+            <slot />
+        </div>
+    </div>
+</template>
diff --git a/resources/js/components/farm/FormSelect.vue b/resources/js/components/farm/FormSelect.vue
new file mode 100644
index 0000000..c400e94
--- /dev/null
+++ b/resources/js/components/farm/FormSelect.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from '@/components/ui/select';
+import type { SelectOption } from '@/types';
+
+withDefaults(
+    defineProps<{
+        id?: string;
+        options: SelectOption[];
+        placeholder?: string;
+        disabled?: boolean;
+        class?: string;
+        /** Adds an "All" style option that clears the selection. */
+        allLabel?: string;
+    }>(),
+    { placeholder: 'Select…' },
+);
+
+const model = defineModel<string>({ default: '' });
+
+/**
+ * reka-ui cannot represent "no value" with an empty string, so the clearing
+ * option uses a sentinel that is mapped back to '' on the way out.
+ */
+const ALL = '__all__';
+
+function onUpdate(value: unknown): void {
+    model.value = value === ALL ? '' : String(value ?? '');
+}
+</script>
+
+<template>
+    <Select
+        :model-value="model === '' && allLabel ? ALL : model"
+        :disabled="disabled"
+        @update:model-value="onUpdate"
+    >
+        <SelectTrigger :id="id" :class="['w-full', $props.class]">
+            <SelectValue :placeholder="placeholder" />
+        </SelectTrigger>
+        <SelectContent>
+            <SelectItem v-if="allLabel" :value="ALL">{{ allLabel }}</SelectItem>
+            <SelectItem
+                v-for="option in options"
+                :key="option.value"
+                :value="option.value"
+                :disabled="option.disabled"
+            >
+                {{ option.label }}
+            </SelectItem>
+        </SelectContent>
+    </Select>
+</template>
diff --git a/resources/js/components/farm/HealthRecordForm.vue b/resources/js/components/farm/HealthRecordForm.vue
new file mode 100644
index 0000000..f9c43c9
--- /dev/null
+++ b/resources/js/components/farm/HealthRecordForm.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { useForm } from '@inertiajs/vue3';
+import HealthRecordController from '@/actions/App/Http/Controllers/HealthRecordController';
+import FormSelect from '@/components/farm/FormSelect.vue';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import type { Animal, SelectOption } from '@/types';
+
+const props = defineProps<{
+    animal: Animal;
+    types: SelectOption[];
+}>();
+
+const today = new Date().toISOString().slice(0, 10);
+
+const form = useForm({
+    recorded_on: today,
+    type: '',
+    description: '',
+    notes: '',
+});
+
+function submit(): void {
+    form.transform((data) => ({
+        ...data,
+        notes: data.notes === '' ? null : data.notes,
+    })).submit(HealthRecordController.store(props.animal), {
+        preserveScroll: true,
+        onSuccess: () => form.reset('type', 'description', 'notes'),
+    });
+}
+</script>
+
+<template>
+    <form class="grid gap-4 sm:grid-cols-2" @submit.prevent="submit">
+        <div class="grid gap-2">
+            <Label for="recorded_on">Date</Label>
+            <Input
+                id="recorded_on"
+                v-model="form.recorded_on"
+                type="date"
+                :max="today"
+                required
+            />
+            <InputError :message="form.errors.recorded_on" />
+        </div>
+
+        <div class="grid gap-2">
+            <Label for="type">Type</Label>
+            <FormSelect
+                id="type"
+                v-model="form.type"
+                :options="types"
+                placeholder="Choose type"
+            />
+            <InputError :message="form.errors.type" />
+        </div>
+
+        <div class="grid gap-2 sm:col-span-2">
+            <Label for="description">Description</Label>
+            <Input
+                id="description"
+                v-model="form.description"
+                required
+                placeholder="e.g. 5-in-1 vaccine, second dose"
+            />
+            <InputError :message="form.errors.description" />
+        </div>
+
+        <div class="grid gap-2 sm:col-span-2">
+            <Label for="health_notes">
+                Notes
+                <span class="text-muted-foreground font-normal"
+                    >(optional)</span
+                >
+            </Label>
+            <Textarea
+                id="health_notes"
+                v-model="form.notes"
+                placeholder="Dosage, vet, follow-up…"
+                class="min-h-16"
+            />
+            <InputError :message="form.errors.notes" />
+        </div>
+
+        <div class="sm:col-span-2">
+            <Button type="submit" :disabled="form.processing">
+                Add record
+            </Button>
+        </div>
+    </form>
+</template>
diff --git a/resources/js/components/farm/MoveAnimalDialog.vue b/resources/js/components/farm/MoveAnimalDialog.vue
new file mode 100644
index 0000000..6f163db
--- /dev/null
+++ b/resources/js/components/farm/MoveAnimalDialog.vue
@@ -0,0 +1,169 @@
+<script setup lang="ts">
+import { useForm } from '@inertiajs/vue3';
+import { ArrowRightLeft } from '@lucide/vue';
+import { computed, ref, watch } from 'vue';
+import AnimalMovementController from '@/actions/App/Http/Controllers/AnimalMovementController';
+import FormSelect from '@/components/farm/FormSelect.vue';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from '@/components/ui/dialog';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import type { Animal, Paddock, SelectOption } from '@/types';
+
+const props = defineProps<{
+    animal: Animal;
+    paddocks: Paddock[];
+}>();
+
+const open = ref(false);
+
+const form = useForm({
+    to_paddock_id: '',
+    moved_at: '',
+    notes: '',
+});
+
+/**
+ * The current paddock and any full paddock are shown but cannot be chosen,
+ * so the reason a move is impossible is visible rather than hidden.
+ */
+const paddockOptions = computed<SelectOption[]>(() =>
+    props.paddocks.map((paddock) => {
+        const isCurrent = paddock.id === props.animal.current_paddock?.id;
+        const suffix = isCurrent
+            ? ' — current'
+            : paddock.has_room
+              ? ` (${paddock.occupancy} / ${paddock.capacity})`
+              : ' — full';
+
+        return {
+            value: String(paddock.id),
+            label: `${paddock.name}${suffix}`,
+            disabled: isCurrent || !paddock.has_room,
+        };
+    }),
+);
+
+const hasDestination = computed(() =>
+    paddockOptions.value.some((option) => !option.disabled),
+);
+
+watch(open, (isOpen) => {
+    if (!isOpen) {
+        form.reset();
+        form.clearErrors();
+    }
+});
+
+function submit(): void {
+    form.transform((data) => ({
+        ...data,
+        moved_at: data.moved_at === '' ? null : data.moved_at,
+        notes: data.notes === '' ? null : data.notes,
+    })).submit(AnimalMovementController.store(props.animal), {
+        preserveScroll: true,
+        onSuccess: () => {
+            open.value = false;
+        },
+    });
+}
+</script>
+
+<template>
+    <Dialog v-model:open="open">
+        <DialogTrigger as-child>
+            <Button :disabled="!animal.is_active">
+                <ArrowRightLeft />
+                {{ animal.current_paddock ? 'Move' : 'Place in paddock' }}
+            </Button>
+        </DialogTrigger>
+        <DialogContent>
+            <form class="space-y-6" @submit.prevent="submit">
+                <DialogHeader>
+                    <DialogTitle>Move {{ animal.display_name }}</DialogTitle>
+                    <DialogDescription>
+                        <template v-if="animal.current_paddock">
+                            Currently in {{ animal.current_paddock.name }}.
+                        </template>
+                        <template v-else>Currently unplaced.</template>
+                        Choose the paddock it is going to.
+                    </DialogDescription>
+                </DialogHeader>
+
+                <div class="grid gap-2">
+                    <Label for="to_paddock_id">Destination</Label>
+                    <FormSelect
+                        id="to_paddock_id"
+                        v-model="form.to_paddock_id"
+                        :options="paddockOptions"
+                        placeholder="Choose a paddock"
+                    />
+                    <p
+                        v-if="!hasDestination"
+                        class="text-sm text-amber-700 dark:text-amber-300"
+                    >
+                        No paddock has room right now.
+                    </p>
+                    <InputError :message="form.errors.to_paddock_id" />
+                </div>
+
+                <div class="grid gap-2">
+                    <Label for="moved_at">
+                        When
+                        <span class="text-muted-foreground font-normal">
+                            (optional, defaults to now)
+                        </span>
+                    </Label>
+                    <Input
+                        id="moved_at"
+                        v-model="form.moved_at"
+                        type="datetime-local"
+                    />
+                    <InputError :message="form.errors.moved_at" />
+                </div>
+
+                <div class="grid gap-2">
+                    <Label for="move_notes">
+                        Notes
+                        <span class="text-muted-foreground font-normal"
+                            >(optional)</span
+                        >
+                    </Label>
+                    <Textarea
+                        id="move_notes"
+                        v-model="form.notes"
+                        placeholder="Reason for the move…"
+                        class="min-h-16"
+                    />
+                    <InputError :message="form.errors.notes" />
+                </div>
+
+                <DialogFooter class="gap-2">
+                    <Button
+                        type="button"
+                        variant="secondary"
+                        @click="open = false"
+                    >
+                        Cancel
+                    </Button>
+                    <Button
+                        type="submit"
+                        :disabled="form.processing || form.to_paddock_id === ''"
+                    >
+                        Confirm move
+                    </Button>
+                </DialogFooter>
+            </form>
+        </DialogContent>
+    </Dialog>
+</template>
diff --git a/resources/js/components/farm/OccupancyBadge.vue b/resources/js/components/farm/OccupancyBadge.vue
new file mode 100644
index 0000000..1e6e1db
--- /dev/null
+++ b/resources/js/components/farm/OccupancyBadge.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { AlertTriangle, Ban, CircleCheck } from '@lucide/vue';
+import { computed } from 'vue';
+import { Badge } from '@/components/ui/badge';
+import type { OccupancyState } from '@/types';
+
+const props = defineProps<{
+    state: OccupancyState;
+}>();
+
+const meta = computed(() => {
+    switch (props.state) {
+        case 'full':
+            return {
+                label: 'Full',
+                icon: Ban,
+                class: 'border-transparent bg-red-100 text-red-800 dark:bg-red-950 dark:text-red-200',
+            };
+        case 'warning':
+            return {
+                label: 'Nearly full',
+                icon: AlertTriangle,
+                class: 'border-transparent bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-200',
+            };
+        default:
+            return {
+                label: 'Space available',
+                icon: CircleCheck,
+                class: 'border-transparent bg-emerald-100 text-emerald-800 dark:bg-emerald-950 dark:text-emerald-200',
+            };
+    }
+});
+</script>
+
+<template>
+    <Badge variant="outline" :class="meta.class">
+        <component :is="meta.icon" />
+        {{ meta.label }}
+    </Badge>
+</template>
diff --git a/resources/js/components/farm/OccupancyBar.vue b/resources/js/components/farm/OccupancyBar.vue
new file mode 100644
index 0000000..4d5762e
--- /dev/null
+++ b/resources/js/components/farm/OccupancyBar.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { OccupancyState } from '@/types';
+
+const props = defineProps<{
+    occupancy: number;
+    capacity: number;
+    state: OccupancyState;
+    showLabel?: boolean;
+}>();
+
+const percent = computed(() =>
+    props.capacity > 0
+        ? Math.min(100, Math.round((props.occupancy / props.capacity) * 100))
+        : 100,
+);
+
+const barClass = computed(() => {
+    switch (props.state) {
+        case 'full':
+            return 'bg-red-500';
+        case 'warning':
+            return 'bg-amber-500';
+        default:
+            return 'bg-emerald-500';
+    }
+});
+</script>
+
+<template>
+    <div class="flex items-center gap-3">
+        <div
+            class="bg-muted h-2 flex-1 overflow-hidden rounded-full"
+            role="progressbar"
+            :aria-valuenow="occupancy"
+            aria-valuemin="0"
+            :aria-valuemax="capacity"
+            :aria-label="`${occupancy} of ${capacity} places used`"
+        >
+            <div
+                class="h-full rounded-full transition-[width]"
+                :class="barClass"
+                :style="{ width: `${percent}%` }"
+            />
+        </div>
+        <span
+            v-if="showLabel !== false"
+            class="text-muted-foreground w-16 shrink-0 text-right text-xs tabular-nums"
+        >
+            {{ occupancy }} / {{ capacity }}
+        </span>
+    </div>
+</template>
diff --git a/resources/js/components/farm/PaddockForm.vue b/resources/js/components/farm/PaddockForm.vue
new file mode 100644
index 0000000..668c202
--- /dev/null
+++ b/resources/js/components/farm/PaddockForm.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+import { Form } from '@inertiajs/vue3';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import type { Paddock } from '@/types';
+import type { RouteFormDefinition } from '@/wayfinder';
+
+defineProps<{
+    /** Wayfinder form definition, e.g. PaddockController.store.form() */
+    action: RouteFormDefinition<'post' | 'put'>;
+    paddock?: Paddock;
+    submitLabel: string;
+}>();
+</script>
+
+<template>
+    <Form v-bind="action" class="space-y-6" v-slot="{ errors, processing }">
+        <div class="grid gap-2">
+            <Label for="name">Name</Label>
+            <Input
+                id="name"
+                name="name"
+                :default-value="paddock?.name"
+                required
+                autofocus
+                placeholder="e.g. North Paddock"
+            />
+            <InputError :message="errors.name" />
+        </div>
+
+        <div class="grid gap-2">
+            <Label for="capacity">Maximum capacity</Label>
+            <Input
+                id="capacity"
+                name="capacity"
+                type="number"
+                min="1"
+                :default-value="paddock?.capacity"
+                required
+                class="max-w-40"
+            />
+            <p
+                v-if="paddock && paddock.occupancy > 0"
+                class="text-muted-foreground text-xs"
+            >
+                {{ paddock.occupancy }} animals are currently here, so capacity
+                cannot go below that.
+            </p>
+            <InputError :message="errors.capacity" />
+        </div>
+
+        <div class="grid gap-2">
+            <Label for="notes">Notes</Label>
+            <Textarea
+                id="notes"
+                name="notes"
+                :default-value="paddock?.notes ?? ''"
+                placeholder="Water access, fencing, pasture type…"
+            />
+            <InputError :message="errors.notes" />
+        </div>
+
+        <div class="flex items-center gap-3">
+            <Button type="submit" :disabled="processing">
+                {{ submitLabel }}
+            </Button>
+            <slot name="secondary" />
+        </div>
+    </Form>
+</template>
diff --git a/resources/js/components/ui/textarea/Textarea.vue b/resources/js/components/ui/textarea/Textarea.vue
new file mode 100644
index 0000000..ad68dbb
--- /dev/null
+++ b/resources/js/components/ui/textarea/Textarea.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { HTMLAttributes } from "vue"
+import { useVModel } from "@vueuse/core"
+import { cn } from "@/lib/utils"
+
+const props = defineProps<{
+  defaultValue?: string
+  modelValue?: string
+  class?: HTMLAttributes["class"]
+}>()
+
+const emits = defineEmits<{
+  (e: "update:modelValue", payload: string): void
+}>()
+
+const modelValue = useVModel(props, "modelValue", emits, {
+  passive: true,
+  defaultValue: props.defaultValue,
+})
+</script>
+
+<template>
+  <textarea
+    v-model="modelValue"
+    data-slot="textarea"
+    :class="cn(
+      'placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input min-h-20 w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
+      'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
+      'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
+      props.class,
+    )"
+  />
+</template>
diff --git a/resources/js/components/ui/textarea/index.ts b/resources/js/components/ui/textarea/index.ts
new file mode 100644
index 0000000..8ce91e9
--- /dev/null
+++ b/resources/js/components/ui/textarea/index.ts
@@ -0,0 +1 @@
+export { default as Textarea } from "./Textarea.vue"
diff --git a/resources/js/pages/Dashboard.vue b/resources/js/pages/Dashboard.vue
index 42ca0c3..81a9a22 100644
--- a/resources/js/pages/Dashboard.vue
+++ b/resources/js/pages/Dashboard.vue
@@ -1,47 +1,432 @@
 <script setup lang="ts">
-import { Head } from '@inertiajs/vue3';
-import PlaceholderPattern from '@/components/PlaceholderPattern.vue';
+import { Head, Link } from '@inertiajs/vue3';
+import { AlertTriangle, ArrowRight, Fence, PawPrint, Plus } from '@lucide/vue';
+import { computed } from 'vue';
+import EmptyState from '@/components/farm/EmptyState.vue';
+import OccupancyBadge from '@/components/farm/OccupancyBadge.vue';
+import OccupancyBar from '@/components/farm/OccupancyBar.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { dashboard } from '@/routes';
+import {
+    create as createAnimal,
+    index as animalsIndex,
+    show as showAnimal,
+} from '@/routes/animals';
+import {
+    create as createPaddock,
+    index as paddocksIndex,
+    show as showPaddock,
+} from '@/routes/paddocks';
+import type { AnimalMovement, Paddock } from '@/types';
+
+const props = defineProps<{
+    stats: {
+        active_animals: number;
+        unplaced_animals: number;
+        paddocks: number;
+        total_capacity: number;
+        total_occupancy: number;
+        paddocks_needing_attention: number;
+    };
+    animalsBySpecies: { species: string; label: string; count: number }[];
+    animalsByStatus: { status: string; label: string; count: number }[];
+    paddocks: Paddock[];
+    attention: Paddock[];
+    recentMovements: AnimalMovement[];
+}>();
 
 defineOptions({
     layout: {
-        breadcrumbs: [
-            {
-                title: 'Dashboard',
-                href: dashboard(),
-            },
-        ],
+        breadcrumbs: [{ title: 'Dashboard', href: dashboard() }],
     },
 });
+
+const isEmptyFarm = computed(
+    () =>
+        props.stats.paddocks === 0 &&
+        props.animalsByStatus.every((row) => row.count === 0),
+);
+
+const largestSpeciesCount = computed(() =>
+    Math.max(1, ...props.animalsBySpecies.map((row) => row.count)),
+);
+
+const farmUsagePercent = computed(() =>
+    props.stats.total_capacity > 0
+        ? Math.round(
+              (props.stats.total_occupancy / props.stats.total_capacity) * 100,
+          )
+        : 0,
+);
 </script>
 
 <template>
     <Head title="Dashboard" />
 
-    <div
-        class="flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4"
-    >
-        <div class="grid auto-rows-min gap-4 md:grid-cols-3">
-            <div
-                class="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border"
-            >
-                <PlaceholderPattern />
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            title="Dashboard"
+            description="How the farm looks right now."
+        />
+
+        <EmptyState
+            v-if="isEmptyFarm"
+            title="Welcome to your farm"
+            description="Start by creating a paddock, then add animals to it. Run `php artisan db:seed` for a demo farm."
+        >
+            <div class="flex gap-2">
+                <Button as-child>
+                    <Link :href="createPaddock()"><Plus /> Add paddock</Link>
+                </Button>
+                <Button as-child variant="outline">
+                    <Link :href="createAnimal()"><Plus /> Add animal</Link>
+                </Button>
             </div>
-            <div
-                class="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border"
-            >
-                <PlaceholderPattern />
+        </EmptyState>
+
+        <template v-else>
+            <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
+                <Card class="gap-2 py-5">
+                    <CardHeader class="px-5">
+                        <CardTitle
+                            class="text-muted-foreground flex items-center gap-2 text-sm font-medium"
+                        >
+                            <PawPrint class="size-4" /> Active animals
+                        </CardTitle>
+                    </CardHeader>
+                    <CardContent class="px-5">
+                        <p class="text-3xl font-semibold tabular-nums">
+                            {{ stats.active_animals }}
+                        </p>
+                        <p class="text-muted-foreground text-xs">
+                            <template v-if="stats.unplaced_animals > 0">
+                                {{ stats.unplaced_animals }} not in a paddock
+                            </template>
+                            <template v-else>all placed in paddocks</template>
+                        </p>
+                    </CardContent>
+                </Card>
+
+                <Card class="gap-2 py-5">
+                    <CardHeader class="px-5">
+                        <CardTitle
+                            class="text-muted-foreground flex items-center gap-2 text-sm font-medium"
+                        >
+                            <Fence class="size-4" /> Paddocks
+                        </CardTitle>
+                    </CardHeader>
+                    <CardContent class="px-5">
+                        <p class="text-3xl font-semibold tabular-nums">
+                            {{ stats.paddocks }}
+                        </p>
+                        <p class="text-muted-foreground text-xs">
+                            {{ stats.total_occupancy }} of
+                            {{ stats.total_capacity }} places used ({{
+                                farmUsagePercent
+                            }}%)
+                        </p>
+                    </CardContent>
+                </Card>
+
+                <Card
+                    class="gap-2 py-5"
+                    :class="{
+                        'border-amber-400/70':
+                            stats.paddocks_needing_attention > 0,
+                    }"
+                >
+                    <CardHeader class="px-5">
+                        <CardTitle
+                            class="text-muted-foreground flex items-center gap-2 text-sm font-medium"
+                        >
+                            <AlertTriangle class="size-4" /> Needing attention
+                        </CardTitle>
+                    </CardHeader>
+                    <CardContent class="px-5">
+                        <p class="text-3xl font-semibold tabular-nums">
+                            {{ stats.paddocks_needing_attention }}
+                        </p>
+                        <p class="text-muted-foreground text-xs">
+                            paddocks at 80% capacity or more
+                        </p>
+                    </CardContent>
+                </Card>
+
+                <Card class="gap-2 py-5">
+                    <CardHeader class="px-5">
+                        <CardTitle
+                            class="text-muted-foreground text-sm font-medium"
+                        >
+                            By status
+                        </CardTitle>
+                    </CardHeader>
+                    <CardContent class="px-5">
+                        <dl class="grid grid-cols-3 gap-2 text-center">
+                            <div
+                                v-for="row in animalsByStatus"
+                                :key="row.status"
+                            >
+                                <dt class="text-muted-foreground text-xs">
+                                    {{ row.label }}
+                                </dt>
+                                <dd class="text-xl font-semibold tabular-nums">
+                                    {{ row.count }}
+                                </dd>
+                            </div>
+                        </dl>
+                    </CardContent>
+                </Card>
             </div>
-            <div
-                class="border-sidebar-border/70 dark:border-sidebar-border relative aspect-video overflow-hidden rounded-xl border"
-            >
-                <PlaceholderPattern />
+
+            <div class="grid gap-4 lg:grid-cols-3">
+                <Card class="lg:col-span-2">
+                    <CardHeader class="flex items-center justify-between">
+                        <CardTitle>Paddock occupancy</CardTitle>
+                        <Button as-child variant="ghost" size="sm">
+                            <Link :href="paddocksIndex()"
+                                >All paddocks <ArrowRight
+                            /></Link>
+                        </Button>
+                    </CardHeader>
+                    <CardContent>
+                        <EmptyState
+                            v-if="paddocks.length === 0"
+                            title="No paddocks yet"
+                        >
+                            <Button as-child variant="outline">
+                                <Link :href="createPaddock()">Add paddock</Link>
+                            </Button>
+                        </EmptyState>
+                        <ul v-else class="flex flex-col gap-4">
+                            <li
+                                v-for="paddock in paddocks"
+                                :key="paddock.id"
+                                class="flex flex-col gap-1.5"
+                            >
+                                <div
+                                    class="flex items-center justify-between gap-3 text-sm"
+                                >
+                                    <Link
+                                        :href="showPaddock(paddock)"
+                                        class="font-medium underline-offset-4 hover:underline"
+                                    >
+                                        {{ paddock.name }}
+                                    </Link>
+                                    <OccupancyBadge
+                                        :state="paddock.occupancy_state"
+                                    />
+                                </div>
+                                <OccupancyBar
+                                    :occupancy="paddock.occupancy"
+                                    :capacity="paddock.capacity"
+                                    :state="paddock.occupancy_state"
+                                />
+                            </li>
+                        </ul>
+                    </CardContent>
+                </Card>
+
+                <div class="flex flex-col gap-4">
+                    <Card
+                        :class="{ 'border-amber-400/70': attention.length > 0 }"
+                    >
+                        <CardHeader>
+                            <CardTitle class="flex items-center gap-2">
+                                <AlertTriangle class="size-4 text-amber-600" />
+                                Capacity warnings
+                            </CardTitle>
+                        </CardHeader>
+                        <CardContent>
+                            <p
+                                v-if="attention.length === 0"
+                                class="text-muted-foreground text-sm"
+                            >
+                                Every paddock has room to spare.
+                            </p>
+                            <ul v-else class="flex flex-col gap-3 text-sm">
+                                <li
+                                    v-for="paddock in attention"
+                                    :key="paddock.id"
+                                    class="flex items-start justify-between gap-3"
+                                >
+                                    <div>
+                                        <Link
+                                            :href="showPaddock(paddock)"
+                                            class="font-medium underline-offset-4 hover:underline"
+                                        >
+                                            {{ paddock.name }}
+                                        </Link>
+                                        <p
+                                            class="text-muted-foreground text-xs"
+                                        >
+                                            <template
+                                                v-if="
+                                                    paddock.occupancy_state ===
+                                                    'full'
+                                                "
+                                            >
+                                                Full — {{ paddock.occupancy }} /
+                                                {{ paddock.capacity }}
+                                            </template>
+                                            <template v-else>
+                                                {{ paddock.remaining_capacity }}
+                                                place{{
+                                                    paddock.remaining_capacity ===
+                                                    1
+                                                        ? ''
+                                                        : 's'
+                                                }}
+                                                left of {{ paddock.capacity }}
+                                            </template>
+                                        </p>
+                                    </div>
+                                    <span class="font-semibold tabular-nums">
+                                        {{
+                                            Math.round(
+                                                paddock.occupancy_ratio * 100,
+                                            )
+                                        }}%
+                                    </span>
+                                </li>
+                            </ul>
+                        </CardContent>
+                    </Card>
+
+                    <Card>
+                        <CardHeader>
+                            <CardTitle>Animals by species</CardTitle>
+                        </CardHeader>
+                        <CardContent>
+                            <p
+                                v-if="animalsBySpecies.length === 0"
+                                class="text-muted-foreground text-sm"
+                            >
+                                No active animals yet.
+                            </p>
+                            <ul v-else class="flex flex-col gap-2 text-sm">
+                                <li
+                                    v-for="row in animalsBySpecies"
+                                    :key="row.species"
+                                    class="grid grid-cols-[5rem_1fr_2rem] items-center gap-2"
+                                >
+                                    <Link
+                                        :href="
+                                            animalsIndex({
+                                                query: { species: row.species },
+                                            })
+                                        "
+                                        class="truncate underline-offset-4 hover:underline"
+                                    >
+                                        {{ row.label }}
+                                    </Link>
+                                    <div
+                                        class="bg-muted h-2 overflow-hidden rounded-full"
+                                    >
+                                        <div
+                                            class="bg-primary h-full rounded-full"
+                                            :style="{
+                                                width: `${(row.count / largestSpeciesCount) * 100}%`,
+                                            }"
+                                        />
+                                    </div>
+                                    <span class="text-right tabular-nums">{{
+                                        row.count
+                                    }}</span>
+                                </li>
+                            </ul>
+                        </CardContent>
+                    </Card>
+                </div>
             </div>
-        </div>
-        <div
-            class="border-sidebar-border/70 dark:border-sidebar-border relative min-h-[100vh] flex-1 rounded-xl border md:min-h-min"
-        >
-            <PlaceholderPattern />
-        </div>
+
+            <Card>
+                <CardHeader class="flex items-center justify-between">
+                    <CardTitle>Recent movements</CardTitle>
+                    <Button as-child variant="ghost" size="sm">
+                        <Link :href="animalsIndex()"
+                            >All animals <ArrowRight
+                        /></Link>
+                    </Button>
+                </CardHeader>
+                <CardContent>
+                    <p
+                        v-if="recentMovements.length === 0"
+                        class="text-muted-foreground text-sm"
+                    >
+                        No animals have been moved yet.
+                    </p>
+                    <div v-else class="overflow-x-auto">
+                        <table class="w-full text-sm">
+                            <thead>
+                                <tr
+                                    class="text-muted-foreground border-b text-left"
+                                >
+                                    <th class="py-2 pr-4 font-medium">When</th>
+                                    <th class="py-2 pr-4 font-medium">
+                                        Animal
+                                    </th>
+                                    <th class="py-2 pr-4 font-medium">From</th>
+                                    <th class="py-2 pr-4 font-medium">To</th>
+                                    <th class="py-2 font-medium">Notes</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr
+                                    v-for="movement in recentMovements"
+                                    :key="movement.id"
+                                    class="border-b last:border-0"
+                                >
+                                    <td
+                                        class="text-muted-foreground py-2 pr-4 whitespace-nowrap tabular-nums"
+                                    >
+                                        {{ movement.moved_at_label }}
+                                    </td>
+                                    <td class="py-2 pr-4">
+                                        <Link
+                                            v-if="movement.animal"
+                                            :href="showAnimal(movement.animal)"
+                                            class="font-medium underline-offset-4 hover:underline"
+                                        >
+                                            {{ movement.animal.display_name }}
+                                        </Link>
+                                    </td>
+                                    <td
+                                        class="py-2 pr-4"
+                                        :class="{
+                                            'text-muted-foreground italic':
+                                                !movement.from_paddock,
+                                        }"
+                                    >
+                                        {{
+                                            movement.from_paddock?.name ??
+                                            'Unplaced'
+                                        }}
+                                    </td>
+                                    <td
+                                        class="py-2 pr-4"
+                                        :class="{
+                                            'text-muted-foreground italic':
+                                                !movement.to_paddock,
+                                        }"
+                                    >
+                                        {{
+                                            movement.to_paddock?.name ??
+                                            'Unplaced'
+                                        }}
+                                    </td>
+                                    <td
+                                        class="text-muted-foreground max-w-xs truncate py-2"
+                                    >
+                                        {{ movement.notes ?? '' }}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </CardContent>
+            </Card>
+        </template>
     </div>
 </template>
diff --git a/resources/js/pages/Welcome.vue b/resources/js/pages/Welcome.vue
deleted file mode 100644
index e345578..0000000
--- a/resources/js/pages/Welcome.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<script setup lang="ts">
-import { Head, Link } from '@inertiajs/vue3';
-import { dashboard, login } from '@/routes';
-import { register } from '@/routes';
-</script>
-
-<template>
-    <Head title="Welcome">
-        <link rel="preconnect" href="https://rsms.me/" />
-        <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
-    </Head>
-    <div
-        class="flex min-h-screen flex-col items-center bg-[#FDFDFC] p-6 text-[#1b1b18] lg:justify-center lg:p-8 dark:bg-[#0a0a0a]"
-    >
-        <header
-            class="mb-6 w-full max-w-[335px] text-sm not-has-[nav]:hidden lg:max-w-4xl"
-        >
-            <nav class="flex items-center justify-end gap-4">
-                <Link
-                    v-if="$page.props.auth.user"
-                    :href="dashboard()"
-                    class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
-                >
-                    Dashboard
-                </Link>
-                <template v-else>
-                    <Link
-                        :href="login()"
-                        class="inline-block rounded-sm border border-transparent px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#19140035] dark:text-[#EDEDEC] dark:hover:border-[#3E3E3A]"
-                    >
-                        Log in
-                    </Link>
-                    <Link
-                        :href="register()"
-                        class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
-                    >
-                        Register
-                    </Link>
-                </template>
-            </nav>
-        </header>
-        <div
-            class="flex w-full items-center justify-center opacity-100 transition-opacity duration-750 lg:grow starting:opacity-0"
-        >
-            <main
-                class="flex w-full max-w-[335px] flex-col-reverse overflow-hidden rounded-lg lg:max-w-4xl lg:flex-row"
-            >
-                <div
-                    class="flex-1 rounded-br-lg rounded-bl-lg bg-white p-6 pb-12 text-[13px] leading-[20px] shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] lg:rounded-tl-lg lg:rounded-br-none lg:p-20 dark:bg-[#161615] dark:text-[#EDEDEC] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d]"
-                >
-                    <h1 class="mb-1 font-medium">Let's get started</h1>
-                    <p class="mb-2 text-[#706f6c] dark:text-[#A1A09A]">
-                        Laravel has an incredibly rich ecosystem. <br />We
-                        suggest starting with the following.
-                    </p>
-                    <ul class="mb-4 flex flex-col lg:mb-6">
-                        <li
-                            class="relative flex items-center gap-4 py-2 before:absolute before:top-1/2 before:bottom-0 before:left-[0.4rem] before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
-                        >
-                            <span
-                                class="relative bg-white py-1 dark:bg-[#161615]"
-                            >
-                                <span
-                                    class="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
-                                >
-                                    <span
-                                        class="h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]"
-                                    />
-                                </span>
-                            </span>
-                            <span>
-                                Read the
-                                <a
-                                    href="https://laravel.com/docs"
-                                    target="_blank"
-                                    class="ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
-                                >
-                                    <span>Documentation</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="h-2.5 w-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                        <li
-                            class="relative flex items-center gap-4 py-2 before:absolute before:top-0 before:bottom-1/2 before:left-[0.4rem] before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
-                        >
-                            <span
-                                class="relative bg-white py-1 dark:bg-[#161615]"
-                            >
-                                <span
-                                    class="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
-                                >
-                                    <span
-                                        class="h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]"
-                                    />
-                                </span>
-                            </span>
-                            <span>
-                                Watch video tutorials at
-                                <a
-                                    href="https://laracasts.com"
-                                    target="_blank"
-                                    class="ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
-                                >
-                                    <span>Laracasts</span>
-                                    <svg
-                                        width="10"
-                                        height="11"
-                                        viewBox="0 0 10 11"
-                                        fill="none"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        class="h-2.5 w-2.5"
-                                    >
-                                        <path
-                                            d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001"
-                                            stroke="currentColor"
-                                            stroke-linecap="square"
-                                        />
-                                    </svg>
-                                </a>
-                            </span>
-                        </li>
-                    </ul>
-                    <ul class="flex gap-3 text-sm leading-normal">
-                        <li>
-                            <a
-                                href="https://cloud.laravel.com"
-                                target="_blank"
-                                class="inline-block rounded-sm border border-black bg-[#1b1b18] px-5 py-1.5 text-sm leading-normal text-white hover:border-black hover:bg-black dark:border-[#eeeeec] dark:bg-[#eeeeec] dark:text-[#1C1C1A] dark:hover:border-white dark:hover:bg-white"
-                            >
-                                Deploy now
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-                <div
-                    class="relative -mb-px aspect-[335/364] w-full shrink-0 overflow-hidden rounded-t-lg bg-[#fff2f2] lg:mb-0 lg:-ml-px lg:aspect-auto lg:w-[438px] lg:rounded-t-none lg:rounded-r-lg dark:bg-[#1D0002]"
-                >
-                    <!-- Laravel Logo -->
-                    <svg
-                        class="w-full max-w-none translate-y-0 text-[#F53003] opacity-100 transition-all duration-750 dark:text-[#F61500] starting:opacity-0 motion-safe:starting:translate-y-6"
-                        viewBox="0 0 438 104"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                    >
-                        <path
-                            d="M17.2036 -3H0V102.197H49.5189V86.7187H17.2036V-3Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M110.256 41.6337C108.061 38.1275 104.945 35.3731 100.905 33.3681C96.8667 31.3647 92.8016 30.3618 88.7131 30.3618C83.4247 30.3618 78.5885 31.3389 74.201 33.2923C69.8111 35.2456 66.0474 37.928 62.9059 41.3333C59.7643 44.7401 57.3198 48.6726 55.5754 53.1293C53.8287 57.589 52.9572 62.274 52.9572 67.1813C52.9572 72.1925 53.8287 76.8995 55.5754 81.3069C57.3191 85.7173 59.7636 89.6241 62.9059 93.0293C66.0474 96.4361 69.8119 99.1155 74.201 101.069C78.5885 103.022 83.4247 103.999 88.7131 103.999C92.8016 103.999 96.8667 102.997 100.905 100.994C104.945 98.9911 108.061 96.2359 110.256 92.7282V102.195H126.563V32.1642H110.256V41.6337ZM108.76 75.7472C107.762 78.4531 106.366 80.8078 104.572 82.8112C102.776 84.8161 100.606 86.4183 98.0637 87.6206C95.5202 88.823 92.7004 89.4238 89.6103 89.4238C86.5178 89.4238 83.7252 88.823 81.2324 87.6206C78.7388 86.4183 76.5949 84.8161 74.7998 82.8112C73.004 80.8078 71.6319 78.4531 70.6856 75.7472C69.7356 73.0421 69.2644 70.1868 69.2644 67.1821C69.2644 64.1758 69.7356 61.3205 70.6856 58.6154C71.6319 55.9102 73.004 53.5571 74.7998 51.5522C76.5949 49.5495 78.738 47.9451 81.2324 46.7427C83.7252 45.5404 86.5178 44.9396 89.6103 44.9396C92.7012 44.9396 95.5202 45.5404 98.0637 46.7427C100.606 47.9451 102.776 49.5487 104.572 51.5522C106.367 53.5571 107.762 55.9102 108.76 58.6154C109.756 61.3205 110.256 64.1758 110.256 67.1821C110.256 70.1868 109.756 73.0421 108.76 75.7472Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M242.805 41.6337C240.611 38.1275 237.494 35.3731 233.455 33.3681C229.416 31.3647 225.351 30.3618 221.262 30.3618C215.974 30.3618 211.138 31.3389 206.75 33.2923C202.36 35.2456 198.597 37.928 195.455 41.3333C192.314 44.7401 189.869 48.6726 188.125 53.1293C186.378 57.589 185.507 62.274 185.507 67.1813C185.507 72.1925 186.378 76.8995 188.125 81.3069C189.868 85.7173 192.313 89.6241 195.455 93.0293C198.597 96.4361 202.361 99.1155 206.75 101.069C211.138 103.022 215.974 103.999 221.262 103.999C225.351 103.999 229.416 102.997 233.455 100.994C237.494 98.9911 240.611 96.2359 242.805 92.7282V102.195H259.112V32.1642H242.805V41.6337ZM241.31 75.7472C240.312 78.4531 238.916 80.8078 237.122 82.8112C235.326 84.8161 233.156 86.4183 230.614 87.6206C228.07 88.823 225.251 89.4238 222.16 89.4238C219.068 89.4238 216.275 88.823 213.782 87.6206C211.289 86.4183 209.145 84.8161 207.35 82.8112C205.554 80.8078 204.182 78.4531 203.236 75.7472C202.286 73.0421 201.814 70.1868 201.814 67.1821C201.814 64.1758 202.286 61.3205 203.236 58.6154C204.182 55.9102 205.554 53.5571 207.35 51.5522C209.145 49.5495 211.288 47.9451 213.782 46.7427C216.275 45.5404 219.068 44.9396 222.16 44.9396C225.251 44.9396 228.07 45.5404 230.614 46.7427C233.156 47.9451 235.326 49.5487 237.122 51.5522C238.917 53.5571 240.312 55.9102 241.31 58.6154C242.306 61.3205 242.806 64.1758 242.806 67.1821C242.805 70.1868 242.305 73.0421 241.31 75.7472Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M438 -3H421.694V102.197H438V-3Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M139.43 102.197H155.735V48.2834H183.712V32.1665H139.43V102.197Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M324.49 32.1665L303.995 85.794L283.498 32.1665H266.983L293.748 102.197H314.242L341.006 32.1665H324.49Z"
-                            fill="currentColor"
-                        />
-                        <path
-                            d="M376.571 30.3656C356.603 30.3656 340.797 46.8497 340.797 67.1828C340.797 89.6597 356.094 104 378.661 104C391.29 104 399.354 99.1488 409.206 88.5848L398.189 80.0226C398.183 80.031 389.874 90.9895 377.468 90.9895C363.048 90.9895 356.977 79.3111 356.977 73.269H411.075C413.917 50.1328 398.775 30.3656 376.571 30.3656ZM357.02 61.0967C357.145 59.7487 359.023 43.3761 376.442 43.3761C393.861 43.3761 395.978 59.7464 396.099 61.0967H357.02Z"
-                            fill="currentColor"
-                        />
-                    </svg>
-
-                    <!-- 13 -->
-                    <svg
-                        class="relative -mt-[6.6rem] -ml-8 w-[438px] max-w-none [--stroke-color:#1B1B18] lg:ml-0 dark:[--stroke-color:#FF750F]"
-                        viewBox="0 0 440 392"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                    >
-                        <g
-                            class="text-[#1B1B18] opacity-100 mix-blend-darken transition-all delay-300 duration-750 dark:text-black dark:mix-blend-normal starting:opacity-0"
-                        >
-                            <mask
-                                id="path-1-mask"
-                                maskUnits="userSpaceOnUse"
-                                x="-0.328613"
-                                y="103"
-                                width="338"
-                                height="299"
-                                fill="black"
-                            >
-                                <rect
-                                    fill="white"
-                                    x="-0.328613"
-                                    y="103"
-                                    width="338"
-                                    height="299"
-                                />
-                                <path
-                                    d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z"
-                                />
-                                <path
-                                    d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z"
-                                />
-                            </mask>
-                            <path
-                                d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M234.936 400.8C204.136 400.8 178.936 392.4 159.336 375.6C140.136 358.8 130.536 337 130.536 310.2H200.736C200.736 318.2 203.736 324.8 209.736 330C215.736 335.2 223.736 337.8 233.736 337.8C243.336 337.8 251.136 335 257.136 329.4C263.536 323.8 266.736 316.6 266.736 307.8C266.736 299.8 263.936 293.2 258.336 288C252.736 282.8 245.536 280.2 236.736 280.2H199.536V218.4H236.736C243.536 218.4 249.336 216 254.136 211.2C258.936 206.4 261.336 200.4 261.336 193.2C261.336 184.8 258.736 178.2 253.536 173.4C248.336 168.6 241.736 166.2 233.736 166.2C226.536 166.2 220.336 168.4 215.136 172.8C210.336 177.2 207.936 182.8 207.936 189.6H141.336C141.336 164.8 150.136 144.6 167.736 129C185.336 113 207.936 105 235.536 105C263.136 105 285.536 112.2 302.736 126.6C320.336 141 329.136 160 329.136 183.6C329.136 200.8 324.536 214.8 315.336 225.6C306.136 236 294.336 243.2 279.936 247.2C297.136 252 310.736 260.2 320.736 271.8C331.136 283.4 336.336 298 336.336 315.6C336.336 340.4 326.936 360.8 308.136 376.8C289.336 392.8 264.936 400.8 234.936 400.8Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-1-mask)"
-                            />
-                            <path
-                                d="M26.8714 167.6H1.67139V105.2H94.6714V400.2H26.8714V167.6Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-1-mask)"
-                            />
-                        </g>
-
-                        <g
-                            class="text-[#F3BEC7] opacity-100 transition-all delay-400 duration-750 dark:text-[#4B0600] starting:opacity-0 motion-safe:starting:-translate-x-[26px]"
-                        >
-                            <mask
-                                id="path-2-mask"
-                                maskUnits="userSpaceOnUse"
-                                x="25.3357"
-                                y="103"
-                                width="338"
-                                height="299"
-                                fill="black"
-                            >
-                                <rect
-                                    fill="white"
-                                    x="25.3357"
-                                    y="103"
-                                    width="338"
-                                    height="299"
-                                />
-                                <path
-                                    d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z"
-                                />
-                                <path
-                                    d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z"
-                                />
-                            </mask>
-                            <path
-                                d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M260.6 400.8C229.8 400.8 204.6 392.4 185 375.6C165.8 358.8 156.2 337 156.2 310.2H226.4C226.4 318.2 229.4 324.8 235.4 330C241.4 335.2 249.4 337.8 259.4 337.8C269 337.8 276.8 335 282.8 329.4C289.2 323.8 292.4 316.6 292.4 307.8C292.4 299.8 289.6 293.2 284 288C278.4 282.8 271.2 280.2 262.4 280.2H225.2V218.4H262.4C269.2 218.4 275 216 279.8 211.2C284.6 206.4 287 200.4 287 193.2C287 184.8 284.4 178.2 279.2 173.4C274 168.6 267.4 166.2 259.4 166.2C252.2 166.2 246 168.4 240.8 172.8C236 177.2 233.6 182.8 233.6 189.6H167C167 164.8 175.8 144.6 193.4 129C211 113 233.6 105 261.2 105C288.8 105 311.2 112.2 328.4 126.6C346 141 354.8 160 354.8 183.6C354.8 200.8 350.2 214.8 341 225.6C331.8 236 320 243.2 305.6 247.2C322.8 252 336.4 260.2 346.4 271.8C356.8 283.4 362 298 362 315.6C362 340.4 352.6 360.8 333.8 376.8C315 392.8 290.6 400.8 260.6 400.8Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-2-mask)"
-                            />
-                            <path
-                                d="M52.5357 167.6H27.3357V105.2H120.336V400.2H52.5357V167.6Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-2-mask)"
-                            />
-                        </g>
-
-                        <g
-                            class="text-[#F8B803] opacity-100 mix-blend-color transition-all delay-400 duration-750 dark:text-[#391800] dark:mix-blend-hard-light starting:opacity-0 motion-safe:starting:-translate-x-[51px]"
-                        >
-                            <mask
-                                id="path-3-mask"
-                                maskUnits="userSpaceOnUse"
-                                x="51"
-                                y="103"
-                                width="338"
-                                height="299"
-                                fill="black"
-                            >
-                                <rect
-                                    fill="white"
-                                    x="51"
-                                    y="103"
-                                    width="338"
-                                    height="299"
-                                />
-                                <path
-                                    d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z"
-                                />
-                                <path
-                                    d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z"
-                                />
-                            </mask>
-                            <path
-                                d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M286.264 400.8C255.464 400.8 230.264 392.4 210.664 375.6C191.464 358.8 181.864 337 181.864 310.2H252.064C252.064 318.2 255.064 324.8 261.064 330C267.064 335.2 275.064 337.8 285.064 337.8C294.664 337.8 302.464 335 308.464 329.4C314.864 323.8 318.064 316.6 318.064 307.8C318.064 299.8 315.264 293.2 309.664 288C304.064 282.8 296.864 280.2 288.064 280.2H250.864V218.4H288.064C294.864 218.4 300.664 216 305.464 211.2C310.264 206.4 312.664 200.4 312.664 193.2C312.664 184.8 310.064 178.2 304.864 173.4C299.664 168.6 293.064 166.2 285.064 166.2C277.864 166.2 271.664 168.4 266.464 172.8C261.664 177.2 259.264 182.8 259.264 189.6H192.664C192.664 164.8 201.464 144.6 219.064 129C236.664 113 259.264 105 286.864 105C314.464 105 336.864 112.2 354.064 126.6C371.664 141 380.464 160 380.464 183.6C380.464 200.8 375.864 214.8 366.664 225.6C357.464 236 345.664 243.2 331.264 247.2C348.464 252 362.064 260.2 372.064 271.8C382.464 283.4 387.664 298 387.664 315.6C387.664 340.4 378.264 360.8 359.464 376.8C340.664 392.8 316.264 400.8 286.264 400.8Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-3-mask)"
-                            />
-                            <path
-                                d="M78.2 167.6H53V105.2H146V400.2H78.2V167.6Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-3-mask)"
-                            />
-                        </g>
-
-                        <g
-                            class="text-[#F3BEC7] opacity-100 mix-blend-multiply transition-all delay-400 duration-750 dark:text-[#733000] dark:mix-blend-normal starting:opacity-0 motion-safe:starting:-translate-x-[78px]"
-                        >
-                            <mask
-                                id="path-4-mask"
-                                maskUnits="userSpaceOnUse"
-                                x="76.6643"
-                                y="103"
-                                width="338"
-                                height="299"
-                                fill="black"
-                            >
-                                <rect
-                                    fill="white"
-                                    x="76.6643"
-                                    y="103"
-                                    width="338"
-                                    height="299"
-                                />
-                                <path
-                                    d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z"
-                                />
-                                <path
-                                    d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z"
-                                />
-                            </mask>
-                            <path
-                                d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M311.929 400.8C281.129 400.8 255.929 392.4 236.329 375.6C217.129 358.8 207.529 337 207.529 310.2H277.729C277.729 318.2 280.729 324.8 286.729 330C292.729 335.2 300.729 337.8 310.729 337.8C320.329 337.8 328.129 335 334.129 329.4C340.529 323.8 343.729 316.6 343.729 307.8C343.729 299.8 340.929 293.2 335.329 288C329.729 282.8 322.529 280.2 313.729 280.2H276.529V218.4H313.729C320.529 218.4 326.329 216 331.129 211.2C335.929 206.4 338.329 200.4 338.329 193.2C338.329 184.8 335.729 178.2 330.529 173.4C325.329 168.6 318.729 166.2 310.729 166.2C303.529 166.2 297.329 168.4 292.129 172.8C287.329 177.2 284.929 182.8 284.929 189.6H218.329C218.329 164.8 227.129 144.6 244.729 129C262.329 113 284.929 105 312.529 105C340.129 105 362.529 112.2 379.729 126.6C397.329 141 406.129 160 406.129 183.6C406.129 200.8 401.529 214.8 392.329 225.6C383.129 236 371.329 243.2 356.929 247.2C374.129 252 387.729 260.2 397.729 271.8C408.129 283.4 413.329 298 413.329 315.6C413.329 340.4 403.929 360.8 385.129 376.8C366.329 392.8 341.929 400.8 311.929 400.8Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-4-mask)"
-                            />
-                            <path
-                                d="M103.864 167.6H78.6643V105.2H171.664V400.2H103.864V167.6Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-4-mask)"
-                            />
-                        </g>
-
-                        <g
-                            class="text-[#F3BEC7] opacity-100 mix-blend-hard-light transition-all delay-400 duration-750 dark:text-[#4B0600] starting:opacity-0 motion-safe:starting:-translate-x-[102px]"
-                        >
-                            <mask
-                                id="path-5-mask"
-                                maskUnits="userSpaceOnUse"
-                                x="102.329"
-                                y="103"
-                                width="338"
-                                height="299"
-                                fill="black"
-                            >
-                                <rect
-                                    fill="white"
-                                    x="102.329"
-                                    y="103"
-                                    width="338"
-                                    height="299"
-                                />
-                                <path
-                                    d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z"
-                                />
-                                <path
-                                    d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z"
-                                />
-                            </mask>
-                            <path
-                                d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z"
-                                fill="currentColor"
-                            />
-                            <path
-                                d="M337.593 400.8C306.793 400.8 281.593 392.4 261.993 375.6C242.793 358.8 233.193 337 233.193 310.2H303.393C303.393 318.2 306.393 324.8 312.393 330C318.393 335.2 326.393 337.8 336.393 337.8C345.993 337.8 353.793 335 359.793 329.4C366.193 323.8 369.393 316.6 369.393 307.8C369.393 299.8 366.593 293.2 360.993 288C355.393 282.8 348.193 280.2 339.393 280.2H302.193V218.4H339.393C346.193 218.4 351.993 216 356.793 211.2C361.593 206.4 363.993 200.4 363.993 193.2C363.993 184.8 361.393 178.2 356.193 173.4C350.993 168.6 344.393 166.2 336.393 166.2C329.193 166.2 322.993 168.4 317.793 172.8C312.993 177.2 310.593 182.8 310.593 189.6H243.993C243.993 164.8 252.793 144.6 270.393 129C287.993 113 310.593 105 338.193 105C365.793 105 388.193 112.2 405.393 126.6C422.993 141 431.793 160 431.793 183.6C431.793 200.8 427.193 214.8 417.993 225.6C408.793 236 396.993 243.2 382.593 247.2C399.793 252 413.393 260.2 423.393 271.8C433.793 283.4 438.993 298 438.993 315.6C438.993 340.4 429.593 360.8 410.793 376.8C391.993 392.8 367.593 400.8 337.593 400.8Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-5-mask)"
-                            />
-                            <path
-                                d="M129.529 167.6H104.329V105.2H197.329V400.2H129.529V167.6Z"
-                                stroke="var(--stroke-color)"
-                                stroke-width="2.4"
-                                mask="url(#path-5-mask)"
-                            />
-                        </g>
-                    </svg>
-                    <div
-                        class="absolute inset-0 rounded-t-lg shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] lg:rounded-t-none lg:rounded-r-lg dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d]"
-                    ></div>
-                </div>
-            </main>
-        </div>
-        <div class="hidden h-14.5 lg:block"></div>
-    </div>
-</template>
diff --git a/resources/js/pages/animals/Create.vue b/resources/js/pages/animals/Create.vue
new file mode 100644
index 0000000..9559e4d
--- /dev/null
+++ b/resources/js/pages/animals/Create.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import AnimalController from '@/actions/App/Http/Controllers/AnimalController';
+import AnimalForm from '@/components/farm/AnimalForm.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { create, index } from '@/routes/animals';
+import type { AnimalFormOptions } from '@/types';
+
+defineProps<{
+    options: AnimalFormOptions;
+}>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [
+            { title: 'Animals', href: index() },
+            { title: 'Add animal', href: create() },
+        ],
+    },
+});
+</script>
+
+<template>
+    <Head title="Add animal" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            title="Add animal"
+            description="Register a new animal and optionally place it in a paddock straight away."
+        />
+
+        <div class="max-w-2xl">
+            <AnimalForm
+                :route="AnimalController.store()"
+                :options="options"
+                submit-label="Add animal"
+            >
+                <template #secondary>
+                    <Button as-child variant="ghost">
+                        <Link :href="index()">Cancel</Link>
+                    </Button>
+                </template>
+            </AnimalForm>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/animals/Edit.vue b/resources/js/pages/animals/Edit.vue
new file mode 100644
index 0000000..d6d3cce
--- /dev/null
+++ b/resources/js/pages/animals/Edit.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { Head, Link, setLayoutProps } from '@inertiajs/vue3';
+import AnimalController from '@/actions/App/Http/Controllers/AnimalController';
+import AnimalForm from '@/components/farm/AnimalForm.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { edit, index, show } from '@/routes/animals';
+import type { Animal, AnimalFormOptions } from '@/types';
+
+const props = defineProps<{
+    animal: Animal;
+    options: AnimalFormOptions;
+}>();
+
+setLayoutProps({
+    breadcrumbs: [
+        { title: 'Animals', href: index() },
+        { title: props.animal.display_name, href: show(props.animal) },
+        { title: 'Edit', href: edit(props.animal) },
+    ],
+});
+</script>
+
+<template>
+    <Head :title="`Edit ${props.animal.display_name}`" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            :title="`Edit ${props.animal.display_name}`"
+            description="Update the animal's details or change its status."
+        />
+
+        <div class="max-w-2xl">
+            <AnimalForm
+                :route="AnimalController.update(props.animal)"
+                :options="props.options"
+                :animal="props.animal"
+                submit-label="Save changes"
+            >
+                <template #secondary>
+                    <Button as-child variant="ghost">
+                        <Link :href="show(props.animal)">Cancel</Link>
+                    </Button>
+                </template>
+            </AnimalForm>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/animals/Index.vue b/resources/js/pages/animals/Index.vue
new file mode 100644
index 0000000..7fd6a67
--- /dev/null
+++ b/resources/js/pages/animals/Index.vue
@@ -0,0 +1,253 @@
+<script setup lang="ts">
+import { Head, Link, router } from '@inertiajs/vue3';
+import { Plus, Search } from '@lucide/vue';
+import { watchDebounced } from '@vueuse/core';
+import { computed, reactive, watch } from 'vue';
+import AnimalStatusBadge from '@/components/farm/AnimalStatusBadge.vue';
+import EmptyState from '@/components/farm/EmptyState.vue';
+import FormSelect from '@/components/farm/FormSelect.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { create, index, show } from '@/routes/animals';
+import { show as showPaddock } from '@/routes/paddocks';
+import type {
+    AnimalFormOptions,
+    AnimalSummary,
+    Paginated,
+    SelectOption,
+} from '@/types';
+
+const props = defineProps<{
+    animals: Paginated<AnimalSummary>;
+    filters: {
+        search: string;
+        species: string;
+        status: string;
+        paddock: string | number;
+    };
+    options: AnimalFormOptions;
+}>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [{ title: 'Animals', href: index() }],
+    },
+});
+
+const filters = reactive({
+    search: props.filters.search,
+    species: props.filters.species,
+    status: props.filters.status,
+    paddock: String(props.filters.paddock ?? ''),
+});
+
+const paddockOptions = computed<SelectOption[]>(() =>
+    props.options.paddocks.map((paddock) => ({
+        value: String(paddock.id),
+        label: paddock.name,
+    })),
+);
+
+const hasFilters = computed(() =>
+    Object.values(filters).some((value) => value !== ''),
+);
+
+function applyFilters(): void {
+    const query = Object.fromEntries(
+        Object.entries(filters).filter(([, value]) => value !== ''),
+    );
+
+    router.get(index(), query, {
+        preserveState: true,
+        preserveScroll: true,
+        replace: true,
+        only: ['animals', 'filters'],
+    });
+}
+
+function clearFilters(): void {
+    filters.search = '';
+    filters.species = '';
+    filters.status = '';
+    filters.paddock = '';
+}
+
+watchDebounced(() => filters.search, applyFilters, { debounce: 300 });
+watch(() => [filters.species, filters.status, filters.paddock], applyFilters);
+</script>
+
+<template>
+    <Head title="Animals" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="flex items-start justify-between gap-4">
+            <Heading
+                title="Animals"
+                description="Every animal on the farm, where it is and its status."
+            />
+            <Button as-child>
+                <Link :href="create()">
+                    <Plus />
+                    Add animal
+                </Link>
+            </Button>
+        </div>
+
+        <div
+            class="grid gap-3 md:grid-cols-[minmax(0,2fr)_repeat(3,minmax(0,1fr))_auto]"
+        >
+            <div class="relative">
+                <Search
+                    class="text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
+                />
+                <Input
+                    v-model="filters.search"
+                    placeholder="Search tag or name"
+                    class="pl-9"
+                    aria-label="Search animals"
+                />
+            </div>
+            <FormSelect
+                v-model="filters.species"
+                :options="options.species"
+                all-label="All species"
+                placeholder="All species"
+            />
+            <FormSelect
+                v-model="filters.status"
+                :options="options.statuses"
+                all-label="All statuses"
+                placeholder="All statuses"
+            />
+            <FormSelect
+                v-model="filters.paddock"
+                :options="paddockOptions"
+                all-label="All paddocks"
+                placeholder="All paddocks"
+            />
+            <Button
+                variant="ghost"
+                :disabled="!hasFilters"
+                @click="clearFilters"
+            >
+                Clear
+            </Button>
+        </div>
+
+        <EmptyState
+            v-if="animals.data.length === 0 && !hasFilters"
+            title="No animals yet"
+            description="Add your first animal to start tracking the herd."
+        >
+            <Button as-child variant="outline">
+                <Link :href="create()">Add animal</Link>
+            </Button>
+        </EmptyState>
+
+        <EmptyState
+            v-else-if="animals.data.length === 0"
+            title="No animals match these filters"
+        >
+            <Button variant="outline" @click="clearFilters">
+                Clear filters
+            </Button>
+        </EmptyState>
+
+        <div v-else class="overflow-x-auto rounded-xl border">
+            <table class="w-full text-sm">
+                <thead>
+                    <tr
+                        class="text-muted-foreground bg-muted/40 border-b text-left"
+                    >
+                        <th class="px-4 py-2.5 font-medium">Tag</th>
+                        <th class="px-4 py-2.5 font-medium">Name</th>
+                        <th class="px-4 py-2.5 font-medium">Species</th>
+                        <th class="px-4 py-2.5 font-medium">Sex</th>
+                        <th class="px-4 py-2.5 font-medium">Age</th>
+                        <th class="px-4 py-2.5 font-medium">Paddock</th>
+                        <th class="px-4 py-2.5 font-medium">Status</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr
+                        v-for="animal in animals.data"
+                        :key="animal.id"
+                        class="hover:bg-accent/40 border-b last:border-0"
+                    >
+                        <td class="px-4 py-2.5 font-mono">
+                            <Link
+                                :href="show(animal)"
+                                class="font-medium underline-offset-4 hover:underline"
+                            >
+                                {{ animal.tag_number }}
+                            </Link>
+                        </td>
+                        <td class="px-4 py-2.5">{{ animal.name ?? '—' }}</td>
+                        <td class="px-4 py-2.5">{{ animal.species_label }}</td>
+                        <td class="px-4 py-2.5">{{ animal.sex_label }}</td>
+                        <td class="px-4 py-2.5">{{ animal.age }}</td>
+                        <td class="px-4 py-2.5">
+                            <Link
+                                v-if="animal.current_paddock"
+                                :href="showPaddock(animal.current_paddock)"
+                                class="underline-offset-4 hover:underline"
+                            >
+                                {{ animal.current_paddock.name }}
+                            </Link>
+                            <span v-else class="text-muted-foreground">
+                                Unplaced
+                            </span>
+                        </td>
+                        <td class="px-4 py-2.5">
+                            <AnimalStatusBadge
+                                :status="animal.status"
+                                :label="animal.status_label"
+                            />
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <div
+            v-if="animals.meta.last_page > 1"
+            class="flex items-center justify-between text-sm"
+        >
+            <span class="text-muted-foreground">
+                Showing {{ animals.meta.from }}–{{ animals.meta.to }} of
+                {{ animals.meta.total }}
+            </span>
+            <div class="flex gap-2">
+                <Button
+                    as-child
+                    variant="outline"
+                    size="sm"
+                    :disabled="!animals.links.prev"
+                >
+                    <Link
+                        :href="animals.links.prev ?? '#'"
+                        preserve-scroll
+                        preserve-state
+                    >
+                        Previous
+                    </Link>
+                </Button>
+                <Button
+                    as-child
+                    variant="outline"
+                    size="sm"
+                    :disabled="!animals.links.next"
+                >
+                    <Link
+                        :href="animals.links.next ?? '#'"
+                        preserve-scroll
+                        preserve-state
+                    >
+                        Next
+                    </Link>
+                </Button>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/animals/Show.vue b/resources/js/pages/animals/Show.vue
new file mode 100644
index 0000000..6027a6a
--- /dev/null
+++ b/resources/js/pages/animals/Show.vue
@@ -0,0 +1,238 @@
+<script setup lang="ts">
+import { Head, Link, setLayoutProps } from '@inertiajs/vue3';
+import { ArrowRight, Pencil } from '@lucide/vue';
+import AnimalStatusBadge from '@/components/farm/AnimalStatusBadge.vue';
+import EmptyState from '@/components/farm/EmptyState.vue';
+import HealthRecordForm from '@/components/farm/HealthRecordForm.vue';
+import MoveAnimalDialog from '@/components/farm/MoveAnimalDialog.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { edit, index, show } from '@/routes/animals';
+import { show as showPaddock } from '@/routes/paddocks';
+import type {
+    Animal,
+    AnimalMovement,
+    HealthRecord,
+    Paddock,
+    SelectOption,
+} from '@/types';
+
+const props = defineProps<{
+    animal: Animal;
+    movements: AnimalMovement[];
+    healthRecords: HealthRecord[];
+    paddocks: Paddock[];
+    healthRecordTypes: SelectOption[];
+}>();
+
+setLayoutProps({
+    breadcrumbs: [
+        { title: 'Animals', href: index() },
+        { title: props.animal.display_name, href: show(props.animal) },
+    ],
+});
+
+const details = [
+    { label: 'Species', value: props.animal.species_label },
+    { label: 'Sex', value: props.animal.sex_label },
+    { label: 'Breed', value: props.animal.breed ?? '—' },
+    {
+        label: 'Date of birth',
+        value: `${props.animal.date_of_birth} (${props.animal.age})`,
+    },
+];
+</script>
+
+<template>
+    <Head :title="props.animal.display_name" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="flex items-start justify-between gap-4">
+            <div class="flex items-center gap-3">
+                <Heading :title="props.animal.display_name" />
+                <AnimalStatusBadge
+                    :status="props.animal.status"
+                    :label="props.animal.status_label"
+                    class="mb-8"
+                />
+            </div>
+            <Button as-child variant="outline">
+                <Link :href="edit(props.animal)">
+                    <Pencil />
+                    Edit
+                </Link>
+            </Button>
+        </div>
+
+        <div class="grid gap-4 lg:grid-cols-3">
+            <div class="flex flex-col gap-4">
+                <Card>
+                    <CardHeader>
+                        <CardTitle>Current paddock</CardTitle>
+                    </CardHeader>
+                    <CardContent class="flex flex-col gap-3">
+                        <Link
+                            v-if="props.animal.current_paddock"
+                            :href="showPaddock(props.animal.current_paddock)"
+                            class="text-2xl font-semibold underline-offset-4 hover:underline"
+                        >
+                            {{ props.animal.current_paddock.name }}
+                        </Link>
+                        <p
+                            v-else
+                            class="text-muted-foreground text-2xl font-semibold"
+                        >
+                            Unplaced
+                        </p>
+                        <p
+                            v-if="!props.animal.is_active"
+                            class="text-muted-foreground text-sm"
+                        >
+                            {{ props.animal.status_label }} animals do not
+                            occupy a paddock.
+                        </p>
+                        <div v-else>
+                            <MoveAnimalDialog
+                                :animal="props.animal"
+                                :paddocks="props.paddocks"
+                            />
+                        </div>
+                    </CardContent>
+                </Card>
+
+                <Card>
+                    <CardHeader>
+                        <CardTitle>Details</CardTitle>
+                    </CardHeader>
+                    <CardContent>
+                        <dl
+                            class="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm"
+                        >
+                            <template v-for="item in details" :key="item.label">
+                                <dt class="text-muted-foreground">
+                                    {{ item.label }}
+                                </dt>
+                                <dd>{{ item.value }}</dd>
+                            </template>
+                        </dl>
+                        <p
+                            v-if="props.animal.notes"
+                            class="text-muted-foreground mt-4 border-t pt-4 text-sm whitespace-pre-line"
+                        >
+                            {{ props.animal.notes }}
+                        </p>
+                    </CardContent>
+                </Card>
+            </div>
+
+            <div class="flex flex-col gap-4 lg:col-span-2">
+                <Card>
+                    <CardHeader>
+                        <CardTitle>Movement history</CardTitle>
+                    </CardHeader>
+                    <CardContent>
+                        <EmptyState
+                            v-if="props.movements.length === 0"
+                            title="No movements recorded"
+                            description="This animal has never been placed in a paddock."
+                        />
+                        <ol v-else class="divide-y">
+                            <li
+                                v-for="movement in props.movements"
+                                :key="movement.id"
+                                class="flex flex-col gap-1 py-3 text-sm first:pt-0 last:pb-0"
+                            >
+                                <div class="flex flex-wrap items-center gap-2">
+                                    <span
+                                        class="text-muted-foreground"
+                                        :class="{
+                                            italic: !movement.from_paddock,
+                                        }"
+                                    >
+                                        {{
+                                            movement.from_paddock?.name ??
+                                            'Unplaced'
+                                        }}
+                                    </span>
+                                    <ArrowRight
+                                        class="text-muted-foreground size-4"
+                                    />
+                                    <span
+                                        class="font-medium"
+                                        :class="{
+                                            'text-muted-foreground italic':
+                                                !movement.to_paddock,
+                                        }"
+                                    >
+                                        {{
+                                            movement.to_paddock?.name ??
+                                            'Unplaced'
+                                        }}
+                                    </span>
+                                    <span
+                                        class="text-muted-foreground ml-auto text-xs tabular-nums"
+                                    >
+                                        {{ movement.moved_at_label }}
+                                    </span>
+                                </div>
+                                <p
+                                    v-if="movement.notes"
+                                    class="text-muted-foreground text-xs"
+                                >
+                                    {{ movement.notes }}
+                                </p>
+                            </li>
+                        </ol>
+                    </CardContent>
+                </Card>
+
+                <Card>
+                    <CardHeader>
+                        <CardTitle>Health history</CardTitle>
+                    </CardHeader>
+                    <CardContent class="flex flex-col gap-6">
+                        <HealthRecordForm
+                            :animal="props.animal"
+                            :types="props.healthRecordTypes"
+                        />
+
+                        <EmptyState
+                            v-if="props.healthRecords.length === 0"
+                            title="No health records yet"
+                            description="Vaccinations, treatments, injuries and check-ups will be listed here."
+                        />
+                        <ol v-else class="divide-y border-t">
+                            <li
+                                v-for="record in props.healthRecords"
+                                :key="record.id"
+                                class="flex flex-col gap-1 py-3 text-sm last:pb-0"
+                            >
+                                <div class="flex flex-wrap items-center gap-2">
+                                    <Badge variant="secondary">
+                                        {{ record.type_label }}
+                                    </Badge>
+                                    <span class="font-medium">
+                                        {{ record.description }}
+                                    </span>
+                                    <span
+                                        class="text-muted-foreground ml-auto text-xs tabular-nums"
+                                    >
+                                        {{ record.recorded_on_label }}
+                                    </span>
+                                </div>
+                                <p
+                                    v-if="record.notes"
+                                    class="text-muted-foreground text-xs whitespace-pre-line"
+                                >
+                                    {{ record.notes }}
+                                </p>
+                            </li>
+                        </ol>
+                    </CardContent>
+                </Card>
+            </div>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/paddocks/Create.vue b/resources/js/pages/paddocks/Create.vue
new file mode 100644
index 0000000..90ffd3c
--- /dev/null
+++ b/resources/js/pages/paddocks/Create.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import PaddockController from '@/actions/App/Http/Controllers/PaddockController';
+import PaddockForm from '@/components/farm/PaddockForm.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { create, index } from '@/routes/paddocks';
+
+defineOptions({
+    layout: {
+        breadcrumbs: [
+            { title: 'Paddocks', href: index() },
+            { title: 'Add paddock', href: create() },
+        ],
+    },
+});
+</script>
+
+<template>
+    <Head title="Add paddock" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            title="Add paddock"
+            description="Give it a name and the maximum number of animals it can hold."
+        />
+
+        <div class="max-w-xl">
+            <PaddockForm
+                :action="PaddockController.store.form()"
+                submit-label="Create paddock"
+            >
+                <template #secondary>
+                    <Button as-child variant="ghost">
+                        <Link :href="index()">Cancel</Link>
+                    </Button>
+                </template>
+            </PaddockForm>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/paddocks/Edit.vue b/resources/js/pages/paddocks/Edit.vue
new file mode 100644
index 0000000..9b4e53e
--- /dev/null
+++ b/resources/js/pages/paddocks/Edit.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { Head, Link, setLayoutProps } from '@inertiajs/vue3';
+import PaddockController from '@/actions/App/Http/Controllers/PaddockController';
+import PaddockForm from '@/components/farm/PaddockForm.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { edit, index, show } from '@/routes/paddocks';
+import type { Paddock } from '@/types';
+
+const props = defineProps<{
+    paddock: Paddock;
+}>();
+
+setLayoutProps({
+    breadcrumbs: [
+        { title: 'Paddocks', href: index() },
+        { title: props.paddock.name, href: show(props.paddock) },
+        { title: 'Edit', href: edit(props.paddock) },
+    ],
+});
+</script>
+
+<template>
+    <Head :title="`Edit ${props.paddock.name}`" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            :title="`Edit ${props.paddock.name}`"
+            description="Rename the paddock or change how many animals it can hold."
+        />
+
+        <div class="max-w-xl">
+            <PaddockForm
+                :action="PaddockController.update.form(props.paddock)"
+                :paddock="props.paddock"
+                submit-label="Save changes"
+            >
+                <template #secondary>
+                    <Button as-child variant="ghost">
+                        <Link :href="show(props.paddock)">Cancel</Link>
+                    </Button>
+                </template>
+            </PaddockForm>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/paddocks/Index.vue b/resources/js/pages/paddocks/Index.vue
new file mode 100644
index 0000000..e47669f
--- /dev/null
+++ b/resources/js/pages/paddocks/Index.vue
@@ -0,0 +1,89 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import { Plus } from '@lucide/vue';
+import EmptyState from '@/components/farm/EmptyState.vue';
+import OccupancyBadge from '@/components/farm/OccupancyBadge.vue';
+import OccupancyBar from '@/components/farm/OccupancyBar.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { create, index, show } from '@/routes/paddocks';
+import type { Paddock } from '@/types';
+
+defineProps<{
+    paddocks: Paddock[];
+}>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [{ title: 'Paddocks', href: index() }],
+    },
+});
+</script>
+
+<template>
+    <Head title="Paddocks" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="flex items-start justify-between gap-4">
+            <Heading
+                title="Paddocks"
+                description="Where the animals live and how much room is left."
+            />
+            <Button as-child>
+                <Link :href="create()">
+                    <Plus />
+                    Add paddock
+                </Link>
+            </Button>
+        </div>
+
+        <EmptyState
+            v-if="paddocks.length === 0"
+            title="No paddocks yet"
+            description="Create your first paddock to start placing animals."
+        >
+            <Button as-child variant="outline">
+                <Link :href="create()">Add paddock</Link>
+            </Button>
+        </EmptyState>
+
+        <div v-else class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
+            <Link
+                v-for="paddock in paddocks"
+                :key="paddock.id"
+                :href="show(paddock)"
+                class="focus-visible:ring-ring rounded-xl focus-visible:ring-2 focus-visible:outline-none"
+            >
+                <Card
+                    class="hover:bg-accent/40 h-full gap-4 py-5 transition-colors"
+                    :class="{
+                        'border-amber-400/70':
+                            paddock.occupancy_state === 'warning',
+                        'border-red-400/70': paddock.occupancy_state === 'full',
+                    }"
+                >
+                    <CardContent class="flex flex-col gap-4 px-5">
+                        <div class="flex items-start justify-between gap-3">
+                            <div class="min-w-0">
+                                <h3 class="truncate font-semibold">
+                                    {{ paddock.name }}
+                                </h3>
+                                <p class="text-muted-foreground text-sm">
+                                    {{ paddock.remaining_capacity }} of
+                                    {{ paddock.capacity }} places free
+                                </p>
+                            </div>
+                            <OccupancyBadge :state="paddock.occupancy_state" />
+                        </div>
+                        <OccupancyBar
+                            :occupancy="paddock.occupancy"
+                            :capacity="paddock.capacity"
+                            :state="paddock.occupancy_state"
+                        />
+                    </CardContent>
+                </Card>
+            </Link>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/paddocks/Show.vue b/resources/js/pages/paddocks/Show.vue
new file mode 100644
index 0000000..73c7710
--- /dev/null
+++ b/resources/js/pages/paddocks/Show.vue
@@ -0,0 +1,152 @@
+<script setup lang="ts">
+import { Head, Link, setLayoutProps } from '@inertiajs/vue3';
+import { Pencil } from '@lucide/vue';
+import EmptyState from '@/components/farm/EmptyState.vue';
+import OccupancyBadge from '@/components/farm/OccupancyBadge.vue';
+import OccupancyBar from '@/components/farm/OccupancyBar.vue';
+import Heading from '@/components/Heading.vue';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { show as showAnimal } from '@/routes/animals';
+import { edit, index, show } from '@/routes/paddocks';
+import type { AnimalSummary, Paddock } from '@/types';
+
+const props = defineProps<{
+    paddock: Paddock;
+    animals: AnimalSummary[];
+}>();
+
+setLayoutProps({
+    breadcrumbs: [
+        { title: 'Paddocks', href: index() },
+        { title: props.paddock.name, href: show(props.paddock) },
+    ],
+});
+</script>
+
+<template>
+    <Head :title="props.paddock.name" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <div class="flex items-start justify-between gap-4">
+            <div class="flex items-center gap-3">
+                <Heading :title="props.paddock.name" />
+                <OccupancyBadge
+                    :state="props.paddock.occupancy_state"
+                    class="mb-8"
+                />
+            </div>
+            <Button as-child variant="outline">
+                <Link :href="edit(props.paddock)">
+                    <Pencil />
+                    Edit
+                </Link>
+            </Button>
+        </div>
+
+        <div class="grid gap-4 lg:grid-cols-3">
+            <Card class="lg:col-span-1">
+                <CardHeader>
+                    <CardTitle>Capacity</CardTitle>
+                </CardHeader>
+                <CardContent class="flex flex-col gap-4">
+                    <div class="flex items-baseline gap-2">
+                        <span class="text-3xl font-semibold tabular-nums">
+                            {{ props.paddock.occupancy }}
+                        </span>
+                        <span class="text-muted-foreground">
+                            of {{ props.paddock.capacity }} places used
+                        </span>
+                    </div>
+                    <OccupancyBar
+                        :occupancy="props.paddock.occupancy"
+                        :capacity="props.paddock.capacity"
+                        :state="props.paddock.occupancy_state"
+                        :show-label="false"
+                    />
+                    <p
+                        v-if="props.paddock.occupancy_state === 'full'"
+                        class="text-sm text-red-700 dark:text-red-300"
+                    >
+                        This paddock is full. Move an animal out before adding
+                        another.
+                    </p>
+                    <p
+                        v-else-if="props.paddock.occupancy_state === 'warning'"
+                        class="text-sm text-amber-700 dark:text-amber-300"
+                    >
+                        Nearly full — only
+                        {{ props.paddock.remaining_capacity }} place{{
+                            props.paddock.remaining_capacity === 1 ? '' : 's'
+                        }}
+                        left.
+                    </p>
+                    <p
+                        v-if="props.paddock.notes"
+                        class="text-muted-foreground border-t pt-4 text-sm whitespace-pre-line"
+                    >
+                        {{ props.paddock.notes }}
+                    </p>
+                </CardContent>
+            </Card>
+
+            <Card class="lg:col-span-2">
+                <CardHeader>
+                    <CardTitle>
+                        Animals in this paddock ({{ props.animals.length }})
+                    </CardTitle>
+                </CardHeader>
+                <CardContent>
+                    <EmptyState
+                        v-if="props.animals.length === 0"
+                        title="No animals here"
+                        description="Animals moved into this paddock will appear in this list."
+                    />
+                    <div v-else class="overflow-x-auto">
+                        <table class="w-full text-sm">
+                            <thead>
+                                <tr
+                                    class="text-muted-foreground border-b text-left"
+                                >
+                                    <th class="py-2 pr-4 font-medium">Tag</th>
+                                    <th class="py-2 pr-4 font-medium">Name</th>
+                                    <th class="py-2 pr-4 font-medium">
+                                        Species
+                                    </th>
+                                    <th class="py-2 pr-4 font-medium">Sex</th>
+                                    <th class="py-2 font-medium">Age</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr
+                                    v-for="animal in props.animals"
+                                    :key="animal.id"
+                                    class="border-b last:border-0"
+                                >
+                                    <td class="py-2 pr-4 font-mono">
+                                        <Link
+                                            :href="showAnimal(animal)"
+                                            class="font-medium underline-offset-4 hover:underline"
+                                        >
+                                            {{ animal.tag_number }}
+                                        </Link>
+                                    </td>
+                                    <td class="py-2 pr-4">
+                                        {{ animal.name ?? '—' }}
+                                    </td>
+                                    <td class="py-2 pr-4">
+                                        {{ animal.species_label }}
+                                    </td>
+                                    <td class="py-2 pr-4">
+                                        {{ animal.sex_label }}
+                                    </td>
+                                    <td class="py-2">{{ animal.age }}</td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                </CardContent>
+            </Card>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/settings/Profile.vue b/resources/js/pages/settings/Profile.vue
index b4498e8..60bd5fa 100644
--- a/resources/js/pages/settings/Profile.vue
+++ b/resources/js/pages/settings/Profile.vue
@@ -24,7 +24,8 @@ defineOptions({
 });
 
 const page = usePage();
-const user = computed(() => page.props.auth.user);
+// This page sits behind the auth middleware, so a user is always present.
+const user = computed(() => page.props.auth.user!);
 </script>
 
 <template>
diff --git a/resources/js/types/auth.ts b/resources/js/types/auth.ts
index a26c2f5..f06f73d 100644
--- a/resources/js/types/auth.ts
+++ b/resources/js/types/auth.ts
@@ -11,7 +11,7 @@ export type User = {
 };
 
 export type Auth = {
-    user: User;
+    user: User | null;
 };
 
 export type Passkey = {
diff --git a/resources/js/types/farm.ts b/resources/js/types/farm.ts
new file mode 100644
index 0000000..ccf6ffa
--- /dev/null
+++ b/resources/js/types/farm.ts
@@ -0,0 +1,105 @@
+export type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+
+export type OccupancyState = 'ok' | 'warning' | 'full';
+
+export type Paddock = {
+    id: number;
+    name: string;
+    capacity: number;
+    notes: string | null;
+    occupancy: number;
+    remaining_capacity: number;
+    occupancy_ratio: number;
+    occupancy_state: OccupancyState;
+    has_room: boolean;
+};
+
+export type AnimalStatus = 'active' | 'sold' | 'deceased';
+
+export type AnimalSummary = {
+    id: number;
+    tag_number: string;
+    name: string | null;
+    display_name: string;
+    species: string;
+    species_label: string;
+    sex: string;
+    sex_label: string;
+    breed: string | null;
+    date_of_birth: string;
+    age: string;
+    status: AnimalStatus;
+    status_label: string;
+    current_paddock?: { id: number; name: string } | null;
+};
+
+export type Animal = AnimalSummary & {
+    notes: string | null;
+    is_active: boolean;
+    created_at: string | null;
+};
+
+export type PaddockRef = { id: number; name: string };
+
+export type AnimalMovement = {
+    id: number;
+    moved_at: string;
+    moved_at_label: string;
+    from_paddock: PaddockRef | null;
+    to_paddock: PaddockRef | null;
+    notes: string | null;
+    animal?: { id: number; tag_number: string; display_name: string };
+};
+
+export type AnimalFormOptions = {
+    species: SelectOption[];
+    sexes: SelectOption[];
+    statuses: SelectOption[];
+    paddocks: Paddock[];
+};
+
+export type PaginationLink = {
+    url: string | null;
+    label: string;
+    active: boolean;
+};
+
+export type Paginated<T> = {
+    data: T[];
+    links: {
+        first: string | null;
+        last: string | null;
+        prev: string | null;
+        next: string | null;
+    };
+    meta: {
+        current_page: number;
+        from: number | null;
+        last_page: number;
+        per_page: number;
+        to: number | null;
+        total: number;
+        links: PaginationLink[];
+    };
+};
+
+export type HealthRecordType =
+    | 'vaccination'
+    | 'treatment'
+    | 'injury'
+    | 'checkup'
+    | 'other';
+
+export type HealthRecord = {
+    id: number;
+    recorded_on: string;
+    recorded_on_label: string;
+    type: HealthRecordType;
+    type_label: string;
+    description: string;
+    notes: string | null;
+};
diff --git a/resources/js/types/index.ts b/resources/js/types/index.ts
index afa7f48..42bed67 100644
--- a/resources/js/types/index.ts
+++ b/resources/js/types/index.ts
@@ -1,3 +1,4 @@
 export * from './auth';
 export * from './navigation';
 export * from './ui';
+export * from './farm';
diff --git a/routes/web.php b/routes/web.php
index 4f0de56..4f22ccc 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,11 +1,24 @@
 <?php
 
+use App\Http\Controllers\AnimalController;
+use App\Http\Controllers\AnimalMovementController;
+use App\Http\Controllers\DashboardController;
+use App\Http\Controllers\HealthRecordController;
+use App\Http\Controllers\PaddockController;
 use Illuminate\Support\Facades\Route;
 
-Route::inertia('/', 'Welcome')->name('home');
+/*
+ * The farm itself is intentionally public: the exercise brief states that
+ * authentication is not required. Fortify's auth and settings routes remain
+ * available but are not needed to use the application.
+ */
+Route::redirect('/', '/dashboard')->name('home');
 
-Route::middleware(['auth', 'verified'])->group(function () {
-    Route::inertia('dashboard', 'Dashboard')->name('dashboard');
-});
+Route::get('dashboard', DashboardController::class)->name('dashboard');
+
+Route::resource('animals', AnimalController::class)->except(['destroy']);
+Route::post('animals/{animal}/movements', [AnimalMovementController::class, 'store'])->name('animals.movements.store');
+Route::post('animals/{animal}/health-records', [HealthRecordController::class, 'store'])->name('animals.health-records.store');
+Route::resource('paddocks', PaddockController::class)->except(['destroy']);
 
 require __DIR__.'/settings.php';
diff --git a/tests/Feature/AnimalMovementTest.php b/tests/Feature/AnimalMovementTest.php
new file mode 100644
index 0000000..3aece8d
--- /dev/null
+++ b/tests/Feature/AnimalMovementTest.php
@@ -0,0 +1,230 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Actions\ChangeAnimalStatus;
+use App\Actions\MoveAnimal;
+use App\Enums\AnimalStatus;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Validation\ValidationException;
+use Tests\TestCase;
+
+class AnimalMovementTest extends TestCase
+{
+    use RefreshDatabase;
+
+    private function moveAnimal(): MoveAnimal
+    {
+        return $this->app->make(MoveAnimal::class);
+    }
+
+    public function test_moving_an_animal_updates_its_paddock_and_appends_history(): void
+    {
+        $from = Paddock::factory()->create();
+        $to = Paddock::factory()->withCapacity(5)->create();
+        $animal = Animal::factory()->inPaddock($from)->create();
+
+        $movement = $this->moveAnimal()->handle($animal, $to, notes: 'Rotating pasture');
+
+        $this->assertSame($to->id, $animal->fresh()->current_paddock_id);
+        $this->assertSame($from->id, $movement->from_paddock_id);
+        $this->assertSame($to->id, $movement->to_paddock_id);
+        $this->assertSame('Rotating pasture', $movement->notes);
+        $this->assertSame(0, $from->fresh()->occupancy);
+        $this->assertSame(1, $to->fresh()->occupancy);
+    }
+
+    public function test_moving_into_a_full_paddock_is_rejected(): void
+    {
+        $full = Paddock::factory()->withCapacity(2)->create(['name' => 'Full']);
+        Animal::factory()->count(2)->inPaddock($full)->create();
+        $animal = Animal::factory()->create();
+
+        try {
+            $this->moveAnimal()->handle($animal, $full);
+            $this->fail('Expected a ValidationException.');
+        } catch (ValidationException $exception) {
+            $this->assertSame(
+                ['Full is full (2 of 2). Move an animal out first.'],
+                $exception->errors()['to_paddock_id'],
+            );
+        }
+
+        $this->assertNull($animal->fresh()->current_paddock_id);
+        $this->assertSame(0, $animal->movements()->count());
+        $this->assertSame(2, $full->fresh()->occupancy);
+    }
+
+    public function test_a_paddock_with_one_place_left_accepts_exactly_one_more_animal(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(3)->create();
+        Animal::factory()->count(2)->inPaddock($paddock)->create();
+
+        $this->moveAnimal()->handle(Animal::factory()->create(), $paddock);
+
+        $this->assertSame(3, $paddock->fresh()->occupancy);
+        $this->expectException(ValidationException::class);
+        $this->moveAnimal()->handle(Animal::factory()->create(), $paddock);
+    }
+
+    public function test_moving_to_the_paddock_the_animal_is_already_in_is_rejected(): void
+    {
+        $paddock = Paddock::factory()->create(['name' => 'Same']);
+        $animal = Animal::factory()->inPaddock($paddock)->create(['tag_number' => 'T-1']);
+
+        try {
+            $this->moveAnimal()->handle($animal, $paddock);
+            $this->fail('Expected a ValidationException.');
+        } catch (ValidationException $exception) {
+            $this->assertSame(['T-1 is already in Same.'], $exception->errors()['to_paddock_id']);
+        }
+
+        $this->assertSame(0, $animal->movements()->count());
+    }
+
+    public function test_only_active_animals_can_be_moved_into_a_paddock(): void
+    {
+        $paddock = Paddock::factory()->create();
+        $animal = Animal::factory()->sold()->create(['tag_number' => 'S-1']);
+
+        try {
+            $this->moveAnimal()->handle($animal, $paddock);
+            $this->fail('Expected a ValidationException.');
+        } catch (ValidationException $exception) {
+            $this->assertSame(
+                ['Only active animals can be moved. S-1 is Sold.'],
+                $exception->errors()['to_paddock_id'],
+            );
+        }
+    }
+
+    public function test_current_paddock_always_matches_the_latest_movement(): void
+    {
+        [$a, $b, $c] = Paddock::factory()->count(3)->withCapacity(5)->create();
+        $animal = Animal::factory()->create();
+
+        $this->moveAnimal()->handle($animal, $a, now()->subDays(3));
+        $this->moveAnimal()->handle($animal, $b, now()->subDays(2));
+        $this->moveAnimal()->handle($animal, $c, now()->subDay());
+        $this->moveAnimal()->handle($animal, null, now());
+
+        $latest = $animal->movements()->latest('moved_at')->latest('id')->first();
+
+        $this->assertSame(4, $animal->movements()->count());
+        $this->assertNull($animal->fresh()->current_paddock_id);
+        $this->assertSame($animal->fresh()->current_paddock_id, $latest->to_paddock_id);
+        $this->assertSame($c->id, $latest->from_paddock_id);
+    }
+
+    public function test_an_animal_can_be_moved_through_the_endpoint(): void
+    {
+        $from = Paddock::factory()->create();
+        $to = Paddock::factory()->withCapacity(5)->create(['name' => 'Target']);
+        $animal = Animal::factory()->inPaddock($from)->create();
+
+        $this->post(route('animals.movements.store', $animal), [
+            'to_paddock_id' => $to->id,
+            'moved_at' => '2026-09-01T09:30',
+            'notes' => 'Weaning',
+        ])
+            ->assertRedirect(route('animals.show', $animal))
+            ->assertSessionHasNoErrors();
+
+        $movement = $animal->movements()->sole();
+
+        $this->assertSame($to->id, $animal->fresh()->current_paddock_id);
+        $this->assertSame($from->id, $movement->from_paddock_id);
+        $this->assertSame('2026-09-01 09:30:00', $movement->moved_at->toDateTimeString());
+        $this->assertSame('Weaning', $movement->notes);
+    }
+
+    public function test_the_endpoint_reports_a_full_paddock_on_the_paddock_field(): void
+    {
+        $full = Paddock::factory()->withCapacity(1)->create(['name' => 'Full']);
+        Animal::factory()->inPaddock($full)->create();
+        $animal = Animal::factory()->create();
+
+        $this->from(route('animals.show', $animal))
+            ->post(route('animals.movements.store', $animal), ['to_paddock_id' => $full->id])
+            ->assertRedirect(route('animals.show', $animal))
+            ->assertSessionHasErrors(['to_paddock_id' => 'Full is full (1 of 1). Move an animal out first.']);
+
+        $this->assertNull($animal->fresh()->current_paddock_id);
+    }
+
+    public function test_the_endpoint_validates_its_input(): void
+    {
+        $animal = Animal::factory()->create();
+
+        $this->post(route('animals.movements.store', $animal), [
+            'to_paddock_id' => 999,
+            'moved_at' => now()->addDay()->toIso8601String(),
+        ])->assertSessionHasErrors(['to_paddock_id', 'moved_at']);
+
+        $this->assertSame(0, $animal->movements()->count());
+    }
+
+    public function test_changing_status_away_from_active_frees_the_paddock_place(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(1)->create();
+        $animal = Animal::factory()->inPaddock($paddock)->create();
+
+        $this->app->make(ChangeAnimalStatus::class)->handle($animal, AnimalStatus::Deceased);
+
+        $this->assertSame(AnimalStatus::Deceased, $animal->fresh()->status);
+        $this->assertNull($animal->fresh()->current_paddock_id);
+        $this->assertTrue($paddock->fresh()->hasRoom());
+
+        $movement = $animal->movements()->sole();
+        $this->assertSame($paddock->id, $movement->from_paddock_id);
+        $this->assertNull($movement->to_paddock_id);
+        $this->assertSame('Left paddock: marked as Deceased.', $movement->notes);
+    }
+
+    public function test_the_caller_instance_is_kept_in_sync_after_a_move(): void
+    {
+        $paddock = Paddock::factory()->create();
+        $animal = Animal::factory()->create();
+
+        $this->moveAnimal()->handle($animal, $paddock);
+
+        $this->assertSame($paddock->id, $animal->current_paddock_id);
+        $this->assertFalse($animal->isDirty());
+    }
+
+    public function test_changing_status_on_a_stale_instance_still_frees_the_paddock(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(1)->create();
+        $animal = Animal::factory()->create();
+        $stale = Animal::find($animal->id);
+
+        $this->moveAnimal()->handle($animal, $paddock);
+        $this->app->make(ChangeAnimalStatus::class)->handle($stale, AnimalStatus::Sold);
+
+        $this->assertNull($animal->fresh()->current_paddock_id);
+        $this->assertTrue($paddock->fresh()->hasRoom());
+        $this->assertSame(2, $animal->movements()->count());
+    }
+
+    public function test_changing_status_of_an_unplaced_animal_records_no_movement(): void
+    {
+        $animal = Animal::factory()->create();
+
+        $this->app->make(ChangeAnimalStatus::class)->handle($animal, AnimalStatus::Sold);
+
+        $this->assertSame(AnimalStatus::Sold, $animal->fresh()->status);
+        $this->assertSame(0, $animal->movements()->count());
+    }
+
+    public function test_reactivating_an_animal_leaves_it_unplaced(): void
+    {
+        $animal = Animal::factory()->sold()->create();
+
+        $this->app->make(ChangeAnimalStatus::class)->handle($animal, AnimalStatus::Active);
+
+        $this->assertSame(AnimalStatus::Active, $animal->fresh()->status);
+        $this->assertNull($animal->fresh()->current_paddock_id);
+    }
+}
diff --git a/tests/Feature/AnimalTest.php b/tests/Feature/AnimalTest.php
new file mode 100644
index 0000000..ee73a9e
--- /dev/null
+++ b/tests/Feature/AnimalTest.php
@@ -0,0 +1,203 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Enums\AnimalStatus;
+use App\Enums\Species;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
+use Tests\TestCase;
+
+class AnimalTest extends TestCase
+{
+    use RefreshDatabase;
+
+    /**
+     * @return array<string, mixed>
+     */
+    private function validPayload(array $overrides = []): array
+    {
+        return [
+            'tag_number' => 'NZ-0001',
+            'name' => 'Daisy',
+            'species' => 'cattle',
+            'sex' => 'female',
+            'date_of_birth' => '2022-03-15',
+            'breed' => 'Angus',
+            'notes' => null,
+            'paddock_id' => null,
+            ...$overrides,
+        ];
+    }
+
+    public function test_index_lists_animals_with_their_current_paddock(): void
+    {
+        $paddock = Paddock::factory()->create(['name' => 'North']);
+        Animal::factory()->inPaddock($paddock)->create(['tag_number' => 'A-1']);
+        Animal::factory()->create(['tag_number' => 'B-2']);
+
+        $this->get(route('animals.index'))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('animals/Index')
+                ->has('animals.data', 2)
+                ->where('animals.data.0.tag_number', 'A-1')
+                ->where('animals.data.0.current_paddock.name', 'North')
+                ->where('animals.data.1.current_paddock', null)
+            );
+    }
+
+    public function test_index_can_be_filtered_by_search_species_status_and_paddock(): void
+    {
+        $paddock = Paddock::factory()->create();
+        Animal::factory()->inPaddock($paddock)->species(Species::Sheep)->create(['tag_number' => 'SH-1', 'name' => 'Woolly']);
+        Animal::factory()->species(Species::Cattle)->create(['tag_number' => 'CT-1']);
+        Animal::factory()->sold()->create(['tag_number' => 'SOLD-1']);
+
+        $this->get(route('animals.index', ['search' => 'wool']))
+            ->assertInertia(fn (Assert $page) => $page->has('animals.data', 1)->where('animals.data.0.tag_number', 'SH-1'));
+
+        $this->get(route('animals.index', ['species' => 'cattle']))
+            ->assertInertia(fn (Assert $page) => $page->has('animals.data', 1)->where('animals.data.0.tag_number', 'CT-1'));
+
+        $this->get(route('animals.index', ['status' => 'sold']))
+            ->assertInertia(fn (Assert $page) => $page->has('animals.data', 1)->where('animals.data.0.tag_number', 'SOLD-1'));
+
+        $this->get(route('animals.index', ['paddock' => $paddock->id]))
+            ->assertInertia(fn (Assert $page) => $page->has('animals.data', 1)->where('animals.data.0.tag_number', 'SH-1'));
+    }
+
+    public function test_an_animal_can_be_created_without_a_paddock(): void
+    {
+        $response = $this->post(route('animals.store'), $this->validPayload());
+
+        $animal = Animal::firstWhere('tag_number', 'NZ-0001');
+
+        $this->assertNotNull($animal);
+        $response->assertRedirect(route('animals.show', $animal));
+        $this->assertSame(AnimalStatus::Active, $animal->status);
+        $this->assertNull($animal->current_paddock_id);
+        $this->assertSame(0, $animal->movements()->count());
+    }
+
+    public function test_creating_an_animal_with_a_paddock_records_the_initial_placement(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(5)->create();
+
+        $this->post(route('animals.store'), $this->validPayload(['paddock_id' => $paddock->id]))
+            ->assertSessionHasNoErrors();
+
+        $animal = Animal::firstWhere('tag_number', 'NZ-0001');
+
+        $this->assertSame($paddock->id, $animal->current_paddock_id);
+
+        $movement = $animal->movements()->sole();
+        $this->assertNull($movement->from_paddock_id);
+        $this->assertSame($paddock->id, $movement->to_paddock_id);
+    }
+
+    public function test_creating_an_animal_into_a_full_paddock_is_rejected(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(1)->create(['name' => 'Tiny']);
+        Animal::factory()->inPaddock($paddock)->create();
+
+        $this->from(route('animals.create'))
+            ->post(route('animals.store'), $this->validPayload(['paddock_id' => $paddock->id]))
+            ->assertRedirect(route('animals.create'))
+            ->assertSessionHasErrors(['paddock_id' => 'Tiny is full (1 of 1). Move an animal out first.']);
+
+        $this->assertNull(Animal::firstWhere('tag_number', 'NZ-0001'));
+    }
+
+    public function test_tag_number_must_be_unique_and_date_of_birth_cannot_be_in_the_future(): void
+    {
+        Animal::factory()->create(['tag_number' => 'NZ-0001']);
+
+        $this->from(route('animals.create'))
+            ->post(route('animals.store'), $this->validPayload([
+                'date_of_birth' => now()->addDay()->toDateString(),
+            ]))
+            ->assertRedirect(route('animals.create'))
+            ->assertSessionHasErrors(['tag_number', 'date_of_birth']);
+
+        $this->assertSame(1, Animal::count());
+    }
+
+    public function test_species_and_sex_must_be_known_values(): void
+    {
+        $this->post(route('animals.store'), $this->validPayload(['species' => 'dragon', 'sex' => 'unknown']))
+            ->assertSessionHasErrors(['species', 'sex']);
+    }
+
+    public function test_show_displays_the_animal_and_its_movement_history(): void
+    {
+        $from = Paddock::factory()->create(['name' => 'From']);
+        $to = Paddock::factory()->create(['name' => 'To']);
+        $animal = Animal::factory()->inPaddock($to)->create();
+        $animal->movements()->create(['from_paddock_id' => null, 'to_paddock_id' => $from->id, 'moved_at' => now()->subDays(2)]);
+        $animal->movements()->create(['from_paddock_id' => $from->id, 'to_paddock_id' => $to->id, 'moved_at' => now()->subDay()]);
+
+        $this->get(route('animals.show', $animal))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('animals/Show')
+                ->where('animal.id', $animal->id)
+                ->where('animal.current_paddock.name', 'To')
+                ->has('movements', 2)
+                ->where('movements.0.from_paddock.name', 'From')
+                ->where('movements.0.to_paddock.name', 'To')
+                ->where('movements.1.from_paddock', null)
+            );
+    }
+
+    public function test_an_animal_can_be_updated(): void
+    {
+        $animal = Animal::factory()->create(['tag_number' => 'OLD-1', 'name' => null]);
+
+        $this->put(route('animals.update', $animal), [
+            'tag_number' => 'NEW-1',
+            'name' => 'Bella',
+            'species' => 'goat',
+            'sex' => 'female',
+            'date_of_birth' => '2021-01-01',
+            'breed' => null,
+            'status' => 'active',
+            'notes' => 'Friendly',
+        ])->assertRedirect(route('animals.show', $animal));
+
+        $animal->refresh();
+
+        $this->assertSame('NEW-1', $animal->tag_number);
+        $this->assertSame('Bella', $animal->name);
+        $this->assertSame('Friendly', $animal->notes);
+    }
+
+    public function test_marking_an_animal_as_sold_removes_it_from_its_paddock(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(2)->create();
+        $animal = Animal::factory()->inPaddock($paddock)->create();
+
+        $this->put(route('animals.update', $animal), [
+            'tag_number' => $animal->tag_number,
+            'name' => $animal->name,
+            'species' => $animal->species->value,
+            'sex' => $animal->sex->value,
+            'date_of_birth' => $animal->date_of_birth->toDateString(),
+            'breed' => $animal->breed,
+            'status' => 'sold',
+            'notes' => null,
+        ])->assertSessionHasNoErrors();
+
+        $animal->refresh();
+
+        $this->assertSame(AnimalStatus::Sold, $animal->status);
+        $this->assertNull($animal->current_paddock_id);
+        $this->assertSame(0, $paddock->fresh()->occupancy);
+
+        $movement = $animal->movements()->sole();
+        $this->assertSame($paddock->id, $movement->from_paddock_id);
+        $this->assertNull($movement->to_paddock_id);
+    }
+}
diff --git a/tests/Feature/DashboardTest.php b/tests/Feature/DashboardTest.php
index 10a9671..b9e3e55 100644
--- a/tests/Feature/DashboardTest.php
+++ b/tests/Feature/DashboardTest.php
@@ -2,26 +2,100 @@
 
 namespace Tests\Feature;
 
+use App\Enums\Species;
+use App\Models\Animal;
+use App\Models\AnimalMovement;
+use App\Models\Paddock;
 use App\Models\User;
 use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
 use Tests\TestCase;
 
 class DashboardTest extends TestCase
 {
     use RefreshDatabase;
 
-    public function test_guests_are_redirected_to_the_login_page()
+    public function test_guests_can_visit_the_dashboard(): void
     {
-        $response = $this->get(route('dashboard'));
-        $response->assertRedirect(route('login'));
+        $this->get(route('dashboard'))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page->component('Dashboard'));
     }
 
-    public function test_authenticated_users_can_visit_the_dashboard()
+    public function test_authenticated_users_can_visit_the_dashboard(): void
     {
-        $user = User::factory()->create();
-        $this->actingAs($user);
+        $this->actingAs(User::factory()->create());
 
-        $response = $this->get(route('dashboard'));
-        $response->assertOk();
+        $this->get(route('dashboard'))->assertOk();
+    }
+
+    public function test_home_redirects_to_the_dashboard(): void
+    {
+        $this->get(route('home'))->assertRedirect(route('dashboard'));
+    }
+
+    public function test_it_reports_animal_counts_and_species_breakdown_for_active_animals_only(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(10)->create();
+        Animal::factory()->count(3)->species(Species::Cattle)->inPaddock($paddock)->create();
+        Animal::factory()->count(2)->species(Species::Sheep)->inPaddock($paddock)->create();
+        Animal::factory()->species(Species::Goat)->create();
+        Animal::factory()->sold()->species(Species::Cattle)->create();
+
+        $this->get(route('dashboard'))
+            ->assertInertia(fn (Assert $page) => $page
+                ->where('stats.active_animals', 6)
+                ->where('stats.unplaced_animals', 1)
+                ->where('stats.paddocks', 1)
+                ->where('stats.total_occupancy', 5)
+                ->where('stats.total_capacity', 10)
+                ->has('animalsBySpecies', 3)
+                ->where('animalsBySpecies.0', ['species' => 'cattle', 'label' => 'Cattle', 'count' => 3])
+                ->where('animalsBySpecies.1', ['species' => 'sheep', 'label' => 'Sheep', 'count' => 2])
+                ->where('animalsByStatus.0', ['status' => 'active', 'label' => 'Active', 'count' => 6])
+                ->where('animalsByStatus.1', ['status' => 'sold', 'label' => 'Sold', 'count' => 1])
+            );
+    }
+
+    public function test_it_lists_paddocks_at_or_above_the_warning_threshold(): void
+    {
+        $fine = Paddock::factory()->withCapacity(10)->create(['name' => 'Fine']);
+        Animal::factory()->count(7)->inPaddock($fine)->create();
+
+        $warning = Paddock::factory()->withCapacity(10)->create(['name' => 'Warning']);
+        Animal::factory()->count(8)->inPaddock($warning)->create();
+
+        $full = Paddock::factory()->withCapacity(2)->create(['name' => 'Full']);
+        Animal::factory()->count(2)->inPaddock($full)->create();
+
+        $this->get(route('dashboard'))
+            ->assertInertia(fn (Assert $page) => $page
+                ->where('stats.paddocks_needing_attention', 2)
+                ->has('attention', 2)
+                ->where('attention.0.name', 'Full')
+                ->where('attention.0.occupancy_state', 'full')
+                ->where('attention.1.name', 'Warning')
+                ->where('attention.1.occupancy_state', 'warning')
+                ->has('paddocks', 3)
+            );
+    }
+
+    public function test_it_shows_the_most_recent_movements_newest_first(): void
+    {
+        $animal = Animal::factory()->create(['tag_number' => 'MV-1']);
+        $paddock = Paddock::factory()->create(['name' => 'Dest']);
+
+        AnimalMovement::factory()->for($animal)->between(null, $paddock)->create(['moved_at' => now()->subDays(2)]);
+        AnimalMovement::factory()->for($animal)->between($paddock, null)->create(['moved_at' => now()->subDay()]);
+        AnimalMovement::factory()->count(12)->create(['moved_at' => now()->subWeeks(2)]);
+
+        $this->get(route('dashboard'))
+            ->assertInertia(fn (Assert $page) => $page
+                ->has('recentMovements', 10)
+                ->where('recentMovements.0.animal.tag_number', 'MV-1')
+                ->where('recentMovements.0.from_paddock.name', 'Dest')
+                ->where('recentMovements.0.to_paddock', null)
+                ->where('recentMovements.1.to_paddock.name', 'Dest')
+            );
     }
 }
diff --git a/tests/Feature/ExampleTest.php b/tests/Feature/ExampleTest.php
deleted file mode 100644
index 77932df..0000000
--- a/tests/Feature/ExampleTest.php
+++ /dev/null
@@ -1,18 +0,0 @@
-<?php
-
-namespace Tests\Feature;
-
-use Illuminate\Foundation\Testing\RefreshDatabase;
-use Tests\TestCase;
-
-class ExampleTest extends TestCase
-{
-    use RefreshDatabase;
-
-    public function test_returns_a_successful_response()
-    {
-        $response = $this->get(route('home'));
-
-        $response->assertOk();
-    }
-}
diff --git a/tests/Feature/HealthRecordTest.php b/tests/Feature/HealthRecordTest.php
new file mode 100644
index 0000000..02b87fd
--- /dev/null
+++ b/tests/Feature/HealthRecordTest.php
@@ -0,0 +1,66 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Enums\HealthRecordType;
+use App\Models\Animal;
+use App\Models\HealthRecord;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
+use Tests\TestCase;
+
+class HealthRecordTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_a_health_record_can_be_added_to_an_animal(): void
+    {
+        $animal = Animal::factory()->create();
+
+        $this->post(route('animals.health-records.store', $animal), [
+            'recorded_on' => '2026-08-20',
+            'type' => 'vaccination',
+            'description' => '5-in-1 vaccine',
+            'notes' => 'Second dose',
+        ])
+            ->assertRedirect(route('animals.show', $animal))
+            ->assertSessionHasNoErrors();
+
+        $record = $animal->healthRecords()->sole();
+
+        $this->assertSame('2026-08-20', $record->recorded_on->toDateString());
+        $this->assertSame(HealthRecordType::Vaccination, $record->type);
+        $this->assertSame('5-in-1 vaccine', $record->description);
+        $this->assertSame('Second dose', $record->notes);
+    }
+
+    public function test_health_records_require_a_valid_date_type_and_description(): void
+    {
+        $animal = Animal::factory()->create();
+
+        $this->post(route('animals.health-records.store', $animal), [
+            'recorded_on' => now()->addDay()->toDateString(),
+            'type' => 'haircut',
+            'description' => '',
+        ])->assertSessionHasErrors(['recorded_on', 'type', 'description']);
+
+        $this->assertSame(0, HealthRecord::count());
+    }
+
+    public function test_the_animal_page_lists_health_records_newest_first(): void
+    {
+        $animal = Animal::factory()->create();
+        HealthRecord::factory()->for($animal)->create(['recorded_on' => '2026-01-10', 'description' => 'Older']);
+        HealthRecord::factory()->for($animal)->create(['recorded_on' => '2026-06-01', 'description' => 'Newer']);
+        HealthRecord::factory()->create(['description' => 'Other animal']);
+
+        $this->get(route('animals.show', $animal))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->has('healthRecords', 2)
+                ->where('healthRecords.0.description', 'Newer')
+                ->where('healthRecords.1.description', 'Older')
+                ->has('healthRecordTypes', count(HealthRecordType::cases()))
+            );
+    }
+}
diff --git a/tests/Feature/PaddockOccupancyTest.php b/tests/Feature/PaddockOccupancyTest.php
new file mode 100644
index 0000000..4a465ec
--- /dev/null
+++ b/tests/Feature/PaddockOccupancyTest.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Enums\OccupancyState;
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use PHPUnit\Framework\Attributes\TestWith;
+use Tests\TestCase;
+
+class PaddockOccupancyTest extends TestCase
+{
+    use RefreshDatabase;
+
+    #[TestWith([7, OccupancyState::Ok])]
+    #[TestWith([8, OccupancyState::Warning])]
+    #[TestWith([9, OccupancyState::Warning])]
+    #[TestWith([10, OccupancyState::Full])]
+    public function test_occupancy_state_follows_the_warning_threshold(int $animals, OccupancyState $expected): void
+    {
+        config(['farm.capacity_warning_threshold' => 0.8]);
+
+        $paddock = Paddock::factory()->withCapacity(10)->create();
+        Animal::factory()->count($animals)->inPaddock($paddock)->create();
+
+        $this->assertSame($expected, $paddock->fresh()->occupancyState());
+    }
+
+    public function test_only_active_animals_count_towards_occupancy(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(4)->create();
+        Animal::factory()->count(2)->inPaddock($paddock)->create();
+        Animal::factory()->sold()->create(['current_paddock_id' => $paddock->id]);
+        Animal::factory()->deceased()->create(['current_paddock_id' => $paddock->id]);
+
+        $paddock = Paddock::query()->withOccupancy()->find($paddock->id);
+
+        $this->assertSame(2, $paddock->occupancy);
+        $this->assertSame(2, $paddock->remainingCapacity());
+        $this->assertTrue($paddock->hasRoom());
+    }
+
+    public function test_a_full_paddock_has_no_room(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(2)->create();
+        Animal::factory()->count(2)->inPaddock($paddock)->create();
+
+        $this->assertFalse($paddock->fresh()->hasRoom());
+        $this->assertSame(0, $paddock->fresh()->remainingCapacity());
+    }
+}
diff --git a/tests/Feature/PaddockTest.php b/tests/Feature/PaddockTest.php
new file mode 100644
index 0000000..5bea6c7
--- /dev/null
+++ b/tests/Feature/PaddockTest.php
@@ -0,0 +1,127 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Animal;
+use App\Models\Paddock;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Inertia\Testing\AssertableInertia as Assert;
+use Tests\TestCase;
+
+class PaddockTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_index_lists_paddocks_with_occupancy(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(10)->create(['name' => 'North']);
+        Animal::factory()->count(3)->inPaddock($paddock)->create();
+        Animal::factory()->sold()->create();
+
+        $this->get(route('paddocks.index'))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('paddocks/Index')
+                ->has('paddocks', 1)
+                ->where('paddocks.0.name', 'North')
+                ->where('paddocks.0.occupancy', 3)
+                ->where('paddocks.0.remaining_capacity', 7)
+                ->where('paddocks.0.occupancy_state', 'ok')
+            );
+    }
+
+    public function test_a_paddock_can_be_created(): void
+    {
+        $response = $this->post(route('paddocks.store'), [
+            'name' => 'River Flat',
+            'capacity' => 25,
+            'notes' => 'Good water access',
+        ]);
+
+        $paddock = Paddock::firstWhere('name', 'River Flat');
+
+        $this->assertNotNull($paddock);
+        $response->assertRedirect(route('paddocks.show', $paddock));
+        $this->assertSame(25, $paddock->capacity);
+        $this->assertSame('Good water access', $paddock->notes);
+    }
+
+    public function test_creating_a_paddock_requires_a_unique_name_and_positive_capacity(): void
+    {
+        Paddock::factory()->create(['name' => 'North']);
+
+        $this->from(route('paddocks.create'))
+            ->post(route('paddocks.store'), ['name' => 'North', 'capacity' => 0])
+            ->assertRedirect(route('paddocks.create'))
+            ->assertSessionHasErrors(['name', 'capacity']);
+
+        $this->assertSame(1, Paddock::count());
+    }
+
+    public function test_a_paddock_can_be_updated(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(10)->create(['name' => 'Old name']);
+
+        $this->put(route('paddocks.update', $paddock), [
+            'name' => 'New name',
+            'capacity' => 12,
+            'notes' => null,
+        ])->assertRedirect(route('paddocks.show', $paddock));
+
+        $paddock->refresh();
+
+        $this->assertSame('New name', $paddock->name);
+        $this->assertSame(12, $paddock->capacity);
+    }
+
+    public function test_capacity_cannot_be_reduced_below_current_occupancy(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(10)->create();
+        Animal::factory()->count(4)->inPaddock($paddock)->create();
+
+        $this->from(route('paddocks.edit', $paddock))
+            ->put(route('paddocks.update', $paddock), [
+                'name' => $paddock->name,
+                'capacity' => 3,
+            ])
+            ->assertRedirect(route('paddocks.edit', $paddock))
+            ->assertSessionHasErrors([
+                'capacity' => 'Capacity cannot be lower than the 4 animals currently in this paddock.',
+            ]);
+
+        $this->assertSame(10, $paddock->refresh()->capacity);
+    }
+
+    public function test_capacity_can_be_reduced_to_exactly_the_current_occupancy(): void
+    {
+        $paddock = Paddock::factory()->withCapacity(10)->create();
+        Animal::factory()->count(4)->inPaddock($paddock)->create();
+
+        $this->put(route('paddocks.update', $paddock), [
+            'name' => $paddock->name,
+            'capacity' => 4,
+        ])->assertSessionHasNoErrors();
+
+        $this->assertSame(4, $paddock->refresh()->capacity);
+    }
+
+    public function test_show_lists_only_active_animals_currently_in_the_paddock(): void
+    {
+        $paddock = Paddock::factory()->create();
+        $other = Paddock::factory()->create();
+
+        $inside = Animal::factory()->inPaddock($paddock)->create(['tag_number' => 'IN-001']);
+        Animal::factory()->inPaddock($other)->create(['tag_number' => 'OUT-001']);
+        Animal::factory()->sold()->create(['tag_number' => 'SOLD-001']);
+
+        $this->get(route('paddocks.show', $paddock))
+            ->assertOk()
+            ->assertInertia(fn (Assert $page) => $page
+                ->component('paddocks/Show')
+                ->where('paddock.id', $paddock->id)
+                ->has('animals', 1)
+                ->where('animals.0.id', $inside->id)
+                ->where('animals.0.tag_number', 'IN-001')
+            );
+    }
+}
diff --git a/vite.config.ts b/vite.config.ts
index 3f4f541..5ebc0f1 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -71,6 +71,15 @@ export default defineConfig({
             'composer.json',
             'resources/js/components/ui/*',
             'resources/views/mail/*',
+            // Generated by Laravel Boost and rewritten on `boost:update`.
+            '.agents/**',
+            '.codex/**',
+            '.claude/**',
+            '.junie/**',
+            '.mcp.json',
+            'boost.json',
+            'AGENTS.md',
+            'CLAUDE.md',
         ],
         sortTailwindcss: {
             functions: ['clsx', 'cn', 'cva'],