From 9fbec77ac74bbc885b4854a7397cba8962d4e47c Mon Sep 17 00:00:00 2001
From: RDarius <info@rdarius.lt>
Date: Fri, 24 Apr 2026 14:59:20 +0300
Subject: [PATCH] build logs

---
 .env.example                                  |   1 +
 .../DockerImageBuilderController.php          | 234 +++++++
 app/Http/Requests/DockerImageBuildRequest.php |  68 ++
 app/Jobs/RunDockerImageBuild.php              | 257 ++++++++
 app/Models/DockerImageBuild.php               |  80 +++
 app/Models/User.php                           |   9 +
 config/queue.php                              |   2 +-
 .../factories/DockerImageBuildFactory.php     |  41 ++
 ...10553_create_docker_image_builds_table.php |  42 ++
 resources/js/components/AppSidebar.vue        |  22 +-
 resources/js/pages/docker/BuildHistory.vue    | 202 ++++++
 resources/js/pages/docker/ImageBuilder.vue    | 613 ++++++++++++++++++
 routes/web.php                                |   8 +
 tests/Feature/DockerImageBuilderTest.php      | 128 ++++
 tests/Feature/RunDockerImageBuildJobTest.php  |  99 +++
 15 files changed, 1804 insertions(+), 2 deletions(-)
 create mode 100644 app/Http/Controllers/DockerImageBuilderController.php
 create mode 100644 app/Http/Requests/DockerImageBuildRequest.php
 create mode 100644 app/Jobs/RunDockerImageBuild.php
 create mode 100644 app/Models/DockerImageBuild.php
 create mode 100644 database/factories/DockerImageBuildFactory.php
 create mode 100644 database/migrations/2026_04_24_110553_create_docker_image_builds_table.php
 create mode 100644 resources/js/pages/docker/BuildHistory.vue
 create mode 100644 resources/js/pages/docker/ImageBuilder.vue
 create mode 100644 tests/Feature/DockerImageBuilderTest.php
 create mode 100644 tests/Feature/RunDockerImageBuildJobTest.php

diff --git a/.env.example b/.env.example
index c0660ea..bd552fe 100644
--- a/.env.example
+++ b/.env.example
@@ -36,6 +36,7 @@ SESSION_DOMAIN=null
 BROADCAST_CONNECTION=log
 FILESYSTEM_DISK=local
 QUEUE_CONNECTION=database
+DB_QUEUE_RETRY_AFTER=21900
 
 CACHE_STORE=database
 # CACHE_PREFIX=
diff --git a/app/Http/Controllers/DockerImageBuilderController.php b/app/Http/Controllers/DockerImageBuilderController.php
new file mode 100644
index 0000000..9c3b240
--- /dev/null
+++ b/app/Http/Controllers/DockerImageBuilderController.php
@@ -0,0 +1,234 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Http\Requests\DockerImageBuildRequest;
+use App\Jobs\RunDockerImageBuild;
+use App\Models\DockerImageBuild;
+use Carbon\CarbonInterface;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Str;
+use Inertia\Inertia;
+use Inertia\Response;
+use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
+
+class DockerImageBuilderController extends Controller
+{
+    /**
+     * Show the Docker image builder page.
+     */
+    public function index(Request $request): Response
+    {
+        return Inertia::render('docker/ImageBuilder', [
+            'build' => $this->detailedPayload($this->resolveActiveBuild($request)),
+        ]);
+    }
+
+    /**
+     * Show the Docker image build history page.
+     */
+    public function history(Request $request): Response
+    {
+        return Inertia::render('docker/BuildHistory', [
+            'builds' => $request->user()
+                ->dockerImageBuilds()
+                ->latest('id')
+                ->limit(25)
+                ->get()
+                ->map(fn (DockerImageBuild $dockerImageBuild): array => $this->summaryPayload($dockerImageBuild))
+                ->all(),
+        ]);
+    }
+
+    /**
+     * Return the latest persisted status for a specific build.
+     */
+    public function show(Request $request, DockerImageBuild $dockerImageBuild): JsonResponse
+    {
+        return response()->json([
+            'build' => $this->detailedPayload(
+                $this->ownedBuild($request, $dockerImageBuild)->fresh(),
+            ),
+        ]);
+    }
+
+    /**
+     * Queue a Docker image build from the submitted Dockerfile contents.
+     */
+    public function store(DockerImageBuildRequest $request): RedirectResponse
+    {
+        $validated = $request->validated();
+        $environment = $this->normalizeEnvironment($validated['environment'] ?? []);
+
+        $dockerImageBuild = DB::transaction(function () use ($request, $validated, $environment): DockerImageBuild {
+            $dockerImageBuild = $request->user()->dockerImageBuilds()->create([
+                'image_name' => $validated['image_name'],
+                'image_tag' => $validated['image_tag'],
+                'dockerfile_content' => $validated['dockerfile'],
+                'environment' => $environment,
+                'status' => DockerImageBuild::STATUS_QUEUED,
+                'queued_at' => now(),
+            ]);
+
+            RunDockerImageBuild::dispatch($dockerImageBuild->id)->afterCommit();
+
+            return $dockerImageBuild;
+        });
+
+        Inertia::flash('toast', [
+            'type' => 'success',
+            'message' => __('Docker build queued. Logs will update automatically while the queue worker runs.'),
+        ]);
+
+        return to_route('docker-builder.index', [
+            'build' => $dockerImageBuild->id,
+        ]);
+    }
+
+    /**
+     * Resolve the currently selected build for the authenticated user.
+     *
+     * @throws NotFoundHttpException
+     */
+    protected function resolveActiveBuild(Request $request): ?DockerImageBuild
+    {
+        $buildId = $request->integer('build');
+
+        if ($buildId > 0) {
+            return $request->user()
+                ->dockerImageBuilds()
+                ->findOrFail($buildId);
+        }
+
+        return $request->user()
+            ->dockerImageBuilds()
+            ->latest('id')
+            ->first();
+    }
+
+    /**
+     * Ensure the given build belongs to the authenticated user.
+     */
+    protected function ownedBuild(Request $request, DockerImageBuild $dockerImageBuild): DockerImageBuild
+    {
+        abort_unless(
+            $dockerImageBuild->user_id === $request->user()->getAuthIdentifier(),
+            404,
+        );
+
+        return $dockerImageBuild;
+    }
+
+    /**
+     * Normalize environment rows before they are saved.
+     *
+     * @param  array<int, array{key?: string, value?: string}>  $environment
+     * @return array<int, array{key: string, value: string}>
+     */
+    protected function normalizeEnvironment(array $environment): array
+    {
+        return collect($environment)
+            ->map(fn (array $variable): array => [
+                'key' => trim($variable['key'] ?? ''),
+                'value' => $variable['value'] ?? '',
+            ])
+            ->filter(fn (array $variable): bool => $variable['key'] !== '' || $variable['value'] !== '')
+            ->values()
+            ->all();
+    }
+
+    /**
+     * Transform a build into the detailed payload used by the builder page.
+     */
+    protected function detailedPayload(?DockerImageBuild $dockerImageBuild): ?array
+    {
+        if ($dockerImageBuild === null) {
+            return null;
+        }
+
+        return [
+            'id' => $dockerImageBuild->id,
+            'image' => $dockerImageBuild->image(),
+            'image_name' => $dockerImageBuild->image_name,
+            'image_tag' => $dockerImageBuild->image_tag,
+            'dockerfile_content' => $dockerImageBuild->dockerfile_content,
+            'environment' => $dockerImageBuild->environment ?? [],
+            'environment_count' => count($dockerImageBuild->environment ?? []),
+            'status' => $dockerImageBuild->status,
+            'status_label' => Str::headline($dockerImageBuild->status),
+            'successful' => $dockerImageBuild->successful,
+            'exit_code' => $dockerImageBuild->exit_code,
+            'build_output' => $dockerImageBuild->build_output ?? '',
+            'queued_at' => $dockerImageBuild->queued_at?->toIso8601String(),
+            'queued_at_human' => $dockerImageBuild->queued_at?->diffForHumans(),
+            'started_at' => $dockerImageBuild->started_at?->toIso8601String(),
+            'started_at_human' => $dockerImageBuild->started_at?->diffForHumans(),
+            'finished_at' => $dockerImageBuild->finished_at?->toIso8601String(),
+            'finished_at_human' => $dockerImageBuild->finished_at?->diffForHumans(),
+            'duration' => $this->durationFor(
+                $dockerImageBuild->started_at,
+                $dockerImageBuild->finished_at,
+            ),
+        ];
+    }
+
+    /**
+     * Transform a build into the summary payload used by the history page.
+     */
+    protected function summaryPayload(DockerImageBuild $dockerImageBuild): array
+    {
+        $output = trim((string) $dockerImageBuild->build_output);
+        $dockerfilePreview = collect(preg_split('/\R/', trim($dockerImageBuild->dockerfile_content)) ?: [])
+            ->take(4)
+            ->implode(PHP_EOL);
+
+        return [
+            'id' => $dockerImageBuild->id,
+            'image' => $dockerImageBuild->image(),
+            'status' => $dockerImageBuild->status,
+            'status_label' => Str::headline($dockerImageBuild->status),
+            'successful' => $dockerImageBuild->successful,
+            'exit_code' => $dockerImageBuild->exit_code,
+            'environment_count' => count($dockerImageBuild->environment ?? []),
+            'queued_at_human' => $dockerImageBuild->queued_at?->diffForHumans(),
+            'duration' => $this->durationFor(
+                $dockerImageBuild->started_at,
+                $dockerImageBuild->finished_at,
+            ),
+            'dockerfile_preview' => $dockerfilePreview !== ''
+                ? $dockerfilePreview
+                : 'Dockerfile was empty.',
+            'output_preview' => $output !== ''
+                ? Str::limit($output, 220)
+                : null,
+        ];
+    }
+
+    /**
+     * Render a short duration string for build timing metadata.
+     */
+    protected function durationFor(?CarbonInterface $startedAt, ?CarbonInterface $finishedAt): ?string
+    {
+        if ($startedAt === null) {
+            return null;
+        }
+
+        $totalSeconds = $startedAt->diffInSeconds($finishedAt ?? now());
+        $hours = intdiv($totalSeconds, 3600);
+        $minutes = intdiv($totalSeconds % 3600, 60);
+        $seconds = $totalSeconds % 60;
+
+        $parts = collect([
+            $hours > 0 ? "{$hours}h" : null,
+            $minutes > 0 ? "{$minutes}m" : null,
+            $hours === 0 ? "{$seconds}s" : null,
+        ])->filter()->take(2);
+
+        return $parts->isNotEmpty()
+            ? $parts->implode(' ')
+            : '0s';
+    }
+}
diff --git a/app/Http/Requests/DockerImageBuildRequest.php b/app/Http/Requests/DockerImageBuildRequest.php
new file mode 100644
index 0000000..0cfe866
--- /dev/null
+++ b/app/Http/Requests/DockerImageBuildRequest.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Http\Requests;
+
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Foundation\Http\FormRequest;
+
+class DockerImageBuildRequest extends FormRequest
+{
+    /**
+     * Prepare the data for validation.
+     */
+    protected function prepareForValidation(): void
+    {
+        $environment = collect($this->input('environment', []))
+            ->map(fn (mixed $variable): mixed => is_array($variable)
+                ? [
+                    'key' => isset($variable['key']) ? trim((string) $variable['key']) : null,
+                    'value' => isset($variable['value']) ? (string) $variable['value'] : null,
+                ]
+                : $variable
+            )
+            ->all();
+
+        $this->merge([
+            'dockerfile' => trim((string) $this->input('dockerfile', '')),
+            'environment' => $environment,
+            'image_name' => trim((string) $this->input('image_name', '')),
+            'image_tag' => trim((string) $this->input('image_tag', '')),
+        ]);
+    }
+
+    /**
+     * Determine if the user is authorized to make this request.
+     */
+    public function authorize(): bool
+    {
+        return $this->user() !== null;
+    }
+
+    /**
+     * Get the validation rules that apply to the request.
+     *
+     * @return array<string, ValidationRule|array<mixed>|string>
+     */
+    public function rules(): array
+    {
+        return [
+            'dockerfile' => ['required', 'string', 'max:20000'],
+            'image_name' => ['required', 'string', 'max:255', 'regex:/^\S+$/'],
+            'image_tag' => ['required', 'string', 'max:128', 'regex:/^\S+$/'],
+            'environment' => ['sometimes', 'array', 'max:25'],
+            'environment.*.key' => [
+                'nullable',
+                'required_with:environment.*.value',
+                'string',
+                'max:100',
+                'regex:/^[A-Za-z_][A-Za-z0-9_]*$/',
+            ],
+            'environment.*.value' => [
+                'nullable',
+                'required_with:environment.*.key',
+                'string',
+                'max:5000',
+            ],
+        ];
+    }
+}
diff --git a/app/Jobs/RunDockerImageBuild.php b/app/Jobs/RunDockerImageBuild.php
new file mode 100644
index 0000000..c8b11af
--- /dev/null
+++ b/app/Jobs/RunDockerImageBuild.php
@@ -0,0 +1,257 @@
+<?php
+
+namespace App\Jobs;
+
+use App\Models\DockerImageBuild;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Foundation\Queue\Queueable;
+use Illuminate\Support\Facades\File;
+use Illuminate\Support\Facades\Process;
+use Illuminate\Support\Str;
+use Throwable;
+
+class RunDockerImageBuild implements ShouldQueue
+{
+    use Queueable;
+
+    public bool $failOnTimeout = true;
+
+    public int $timeout = 21_600;
+
+    public int $tries = 1;
+
+    /**
+     * Create a new job instance.
+     */
+    public function __construct(public int $dockerImageBuildId) {}
+
+    /**
+     * Execute the job.
+     */
+    public function handle(): void
+    {
+        $dockerImageBuild = DockerImageBuild::query()->findOrFail($this->dockerImageBuildId);
+
+        $dockerImageBuild->forceFill([
+            'status' => DockerImageBuild::STATUS_RUNNING,
+            'started_at' => now(),
+            'finished_at' => null,
+            'successful' => null,
+            'exit_code' => null,
+            'build_output' => null,
+        ])->save();
+
+        $buildDirectory = storage_path('app/docker-builds/'.$dockerImageBuild->id.'-'.Str::uuid());
+        $capturedOutput = '';
+        $lastPersistedAt = microtime(true);
+        $lastPersistedLength = 0;
+
+        File::ensureDirectoryExists($buildDirectory);
+
+        try {
+            File::put(
+                $buildDirectory.'/Dockerfile',
+                $this->buildDockerfile(
+                    $dockerImageBuild->dockerfile_content,
+                    $this->normalizedEnvironment($dockerImageBuild),
+                ),
+            );
+
+            $result = Process::path($buildDirectory)
+                ->forever()
+                ->run($this->commandFor($dockerImageBuild), function (string $type, string $buffer) use (
+                    &$capturedOutput,
+                    &$lastPersistedAt,
+                    &$lastPersistedLength,
+                    $dockerImageBuild,
+                ): void {
+                    $capturedOutput .= $buffer;
+
+                    if (! $this->shouldPersistOutput($capturedOutput, $lastPersistedLength, $lastPersistedAt)) {
+                        return;
+                    }
+
+                    $this->persistOutput($dockerImageBuild, $capturedOutput);
+
+                    $lastPersistedLength = strlen($capturedOutput);
+                    $lastPersistedAt = microtime(true);
+                });
+
+            if ($capturedOutput === '') {
+                $capturedOutput = $result->output().$result->errorOutput();
+            }
+
+            $dockerImageBuild->forceFill([
+                'status' => $result->successful()
+                    ? DockerImageBuild::STATUS_SUCCEEDED
+                    : DockerImageBuild::STATUS_FAILED,
+                'successful' => $result->successful(),
+                'exit_code' => $result->exitCode(),
+                'build_output' => $this->normalizeOutput(
+                    $capturedOutput,
+                    $result->successful()
+                        ? 'No build output was captured.'
+                        : 'Docker returned a non-zero exit code.',
+                ),
+                'finished_at' => now(),
+            ])->save();
+        } catch (Throwable $exception) {
+            $this->markAsFailed($dockerImageBuild, $capturedOutput, $exception);
+
+            throw $exception;
+        } finally {
+            File::deleteDirectory($buildDirectory);
+        }
+    }
+
+    /**
+     * Handle a queued job failure that prevented the normal completion path.
+     */
+    public function failed(?Throwable $exception): void
+    {
+        $dockerImageBuild = DockerImageBuild::query()->find($this->dockerImageBuildId);
+
+        if ($dockerImageBuild === null || $dockerImageBuild->isFinished()) {
+            return;
+        }
+
+        $this->markAsFailed(
+            $dockerImageBuild,
+            (string) $dockerImageBuild->build_output,
+            $exception,
+        );
+    }
+
+    /**
+     * Get the command used to invoke the Docker build.
+     *
+     * @return array<int, string>
+     */
+    protected function commandFor(DockerImageBuild $dockerImageBuild): array
+    {
+        return [
+            'docker',
+            'build',
+            '--tag',
+            $dockerImageBuild->image(),
+            '.',
+        ];
+    }
+
+    /**
+     * Determine whether the in-memory build output should be persisted.
+     */
+    protected function shouldPersistOutput(string $output, int $lastPersistedLength, float $lastPersistedAt): bool
+    {
+        if ($output === '' || strlen($output) === $lastPersistedLength) {
+            return false;
+        }
+
+        return strlen($output) - $lastPersistedLength >= 1_024
+            || microtime(true) - $lastPersistedAt >= 1;
+    }
+
+    /**
+     * Persist the current build output to the database.
+     */
+    protected function persistOutput(DockerImageBuild $dockerImageBuild, string $output): void
+    {
+        $dockerImageBuild->forceFill([
+            'build_output' => $output,
+        ])->save();
+    }
+
+    /**
+     * Persist a failed build state and preserve any captured output.
+     */
+    protected function markAsFailed(
+        DockerImageBuild $dockerImageBuild,
+        string $capturedOutput,
+        ?Throwable $exception,
+    ): void {
+        $failureMessage = $exception?->getMessage();
+        $output = $capturedOutput !== ''
+            ? $capturedOutput
+            : (string) $dockerImageBuild->build_output;
+
+        if ($failureMessage !== null && ! str_contains($output, $failureMessage)) {
+            $output = $output === ''
+                ? $failureMessage
+                : rtrim($output).PHP_EOL.PHP_EOL.$failureMessage;
+        }
+
+        $dockerImageBuild->forceFill([
+            'status' => DockerImageBuild::STATUS_FAILED,
+            'successful' => false,
+            'exit_code' => $dockerImageBuild->exit_code ?? 1,
+            'build_output' => $this->normalizeOutput(
+                $output,
+                'Docker build failed before output could be captured.',
+            ),
+            'finished_at' => $dockerImageBuild->finished_at ?? now(),
+        ])->save();
+    }
+
+    /**
+     * Normalize the submitted Dockerfile with appended environment variables.
+     *
+     * @param  array<int, array{key: string, value: string}>  $environment
+     */
+    protected function buildDockerfile(string $dockerfile, array $environment): string
+    {
+        $dockerfile = rtrim($dockerfile);
+
+        if ($environment === []) {
+            return $dockerfile.PHP_EOL;
+        }
+
+        $environmentInstructions = collect($environment)
+            ->map(fn (array $variable): string => sprintf(
+                'ENV %s="%s"',
+                $variable['key'],
+                $this->escapeEnvironmentValue($variable['value']),
+            ))
+            ->implode(PHP_EOL);
+
+        return $dockerfile.PHP_EOL.PHP_EOL.$environmentInstructions.PHP_EOL;
+    }
+
+    /**
+     * Escape an environment value for a Dockerfile ENV instruction.
+     */
+    protected function escapeEnvironmentValue(string $value): string
+    {
+        return str_replace(
+            ['\\', '"', "\r", "\n"],
+            ['\\\\', '\\"', '', '\\n'],
+            $value,
+        );
+    }
+
+    /**
+     * Normalize the saved build output for display.
+     */
+    protected function normalizeOutput(string $output, string $fallback): string
+    {
+        $output = rtrim($output);
+
+        return $output !== '' ? $output : $fallback;
+    }
+
+    /**
+     * Get the normalized environment variable rows from the build.
+     *
+     * @return array<int, array{key: string, value: string}>
+     */
+    protected function normalizedEnvironment(DockerImageBuild $dockerImageBuild): array
+    {
+        return collect($dockerImageBuild->environment ?? [])
+            ->map(fn (mixed $variable): array => [
+                'key' => trim((string) data_get($variable, 'key', '')),
+                'value' => (string) data_get($variable, 'value', ''),
+            ])
+            ->filter(fn (array $variable): bool => $variable['key'] !== '')
+            ->values()
+            ->all();
+    }
+}
diff --git a/app/Models/DockerImageBuild.php b/app/Models/DockerImageBuild.php
new file mode 100644
index 0000000..e31d88e
--- /dev/null
+++ b/app/Models/DockerImageBuild.php
@@ -0,0 +1,80 @@
+<?php
+
+namespace App\Models;
+
+use Database\Factories\DockerImageBuildFactory;
+use Illuminate\Database\Eloquent\Attributes\Fillable;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+#[Fillable([
+    'user_id',
+    'image_name',
+    'image_tag',
+    'dockerfile_content',
+    'environment',
+    'status',
+    'build_output',
+    'successful',
+    'exit_code',
+    'queued_at',
+    'started_at',
+    'finished_at',
+])]
+class DockerImageBuild extends Model
+{
+    /** @use HasFactory<DockerImageBuildFactory> */
+    use HasFactory;
+
+    public const STATUS_QUEUED = 'queued';
+
+    public const STATUS_RUNNING = 'running';
+
+    public const STATUS_SUCCEEDED = 'succeeded';
+
+    public const STATUS_FAILED = 'failed';
+
+    /**
+     * Get the attributes that should be cast.
+     *
+     * @return array<string, string>
+     */
+    protected function casts(): array
+    {
+        return [
+            'environment' => 'array',
+            'successful' => 'boolean',
+            'queued_at' => 'datetime',
+            'started_at' => 'datetime',
+            'finished_at' => 'datetime',
+        ];
+    }
+
+    /**
+     * Get the user that owns the Docker image build.
+     */
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    /**
+     * Get the full Docker image reference.
+     */
+    public function image(): string
+    {
+        return "{$this->image_name}:{$this->image_tag}";
+    }
+
+    /**
+     * Determine if the build has finished running.
+     */
+    public function isFinished(): bool
+    {
+        return in_array($this->status, [
+            self::STATUS_SUCCEEDED,
+            self::STATUS_FAILED,
+        ], true);
+    }
+}
diff --git a/app/Models/User.php b/app/Models/User.php
index f40a71d..71cdbf3 100644
--- a/app/Models/User.php
+++ b/app/Models/User.php
@@ -7,6 +7,7 @@ use Database\Factories\UserFactory;
 use Illuminate\Database\Eloquent\Attributes\Fillable;
 use Illuminate\Database\Eloquent\Attributes\Hidden;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Relations\HasMany;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
 use Laravel\Fortify\TwoFactorAuthenticatable;
@@ -31,4 +32,12 @@ class User extends Authenticatable
             'two_factor_confirmed_at' => 'datetime',
         ];
     }
+
+    /**
+     * Get the Docker image builds created by the user.
+     */
+    public function dockerImageBuilds(): HasMany
+    {
+        return $this->hasMany(DockerImageBuild::class);
+    }
 }
diff --git a/config/queue.php b/config/queue.php
index 79c2c0a..2928b8e 100644
--- a/config/queue.php
+++ b/config/queue.php
@@ -40,7 +40,7 @@ return [
             'connection' => env('DB_QUEUE_CONNECTION'),
             'table' => env('DB_QUEUE_TABLE', 'jobs'),
             'queue' => env('DB_QUEUE', 'default'),
-            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 90),
+            'retry_after' => (int) env('DB_QUEUE_RETRY_AFTER', 21_900),
             'after_commit' => false,
         ],
 
diff --git a/database/factories/DockerImageBuildFactory.php b/database/factories/DockerImageBuildFactory.php
new file mode 100644
index 0000000..13bc0a1
--- /dev/null
+++ b/database/factories/DockerImageBuildFactory.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\DockerImageBuild;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+/**
+ * @extends Factory<DockerImageBuild>
+ */
+class DockerImageBuildFactory extends Factory
+{
+    /**
+     * Define the model's default state.
+     *
+     * @return array<string, mixed>
+     */
+    public function definition(): array
+    {
+        return [
+            'user_id' => User::factory(),
+            'image_name' => 'ghcr.io/acme/'.fake()->slug(2),
+            'image_tag' => 'latest',
+            'dockerfile_content' => implode("\n", [
+                'FROM alpine:3.20',
+                'RUN echo "building"',
+            ]),
+            'environment' => [
+                ['key' => 'APP_ENV', 'value' => 'production'],
+            ],
+            'status' => DockerImageBuild::STATUS_QUEUED,
+            'build_output' => null,
+            'successful' => null,
+            'exit_code' => null,
+            'queued_at' => now(),
+            'started_at' => null,
+            'finished_at' => null,
+        ];
+    }
+}
diff --git a/database/migrations/2026_04_24_110553_create_docker_image_builds_table.php b/database/migrations/2026_04_24_110553_create_docker_image_builds_table.php
new file mode 100644
index 0000000..15d8479
--- /dev/null
+++ b/database/migrations/2026_04_24_110553_create_docker_image_builds_table.php
@@ -0,0 +1,42 @@
+<?php
+
+use App\Models\User;
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('docker_image_builds', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor(User::class)->constrained()->cascadeOnDelete();
+            $table->string('image_name');
+            $table->string('image_tag', 128);
+            $table->longText('dockerfile_content');
+            $table->json('environment')->nullable();
+            $table->string('status', 20)->index();
+            $table->longText('build_output')->nullable();
+            $table->boolean('successful')->nullable();
+            $table->integer('exit_code')->nullable();
+            $table->timestamp('queued_at')->nullable()->index();
+            $table->timestamp('started_at')->nullable();
+            $table->timestamp('finished_at')->nullable();
+            $table->timestamps();
+
+            $table->index(['user_id', 'id']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('docker_image_builds');
+    }
+};
diff --git a/resources/js/components/AppSidebar.vue b/resources/js/components/AppSidebar.vue
index e1873b3..8bc73d2 100644
--- a/resources/js/components/AppSidebar.vue
+++ b/resources/js/components/AppSidebar.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { Link } from '@inertiajs/vue3';
-import { BookOpen, FolderGit2, LayoutGrid } from 'lucide-vue-next';
+import {
+    BookOpen,
+    FolderGit2,
+    History,
+    LayoutGrid,
+    PackagePlus,
+} from 'lucide-vue-next';
 import AppLogo from '@/components/AppLogo.vue';
 import NavFooter from '@/components/NavFooter.vue';
 import NavMain from '@/components/NavMain.vue';
@@ -15,6 +21,10 @@ import {
     SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import { dashboard } from '@/routes';
+import {
+    history as dockerBuildHistory,
+    index as dockerBuilder,
+} from '@/routes/docker-builder';
 import type { NavItem } from '@/types';
 
 const mainNavItems: NavItem[] = [
@@ -23,6 +33,16 @@ const mainNavItems: NavItem[] = [
         href: dashboard(),
         icon: LayoutGrid,
     },
+    {
+        title: 'Docker builder',
+        href: dockerBuilder(),
+        icon: PackagePlus,
+    },
+    {
+        title: 'Build history',
+        href: dockerBuildHistory(),
+        icon: History,
+    },
 ];
 
 const footerNavItems: NavItem[] = [
diff --git a/resources/js/pages/docker/BuildHistory.vue b/resources/js/pages/docker/BuildHistory.vue
new file mode 100644
index 0000000..73249c9
--- /dev/null
+++ b/resources/js/pages/docker/BuildHistory.vue
@@ -0,0 +1,202 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import { ArrowUpRight, History, PackagePlus } from 'lucide-vue-next';
+import Heading from '@/components/Heading.vue';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import {
+    history as buildHistory,
+    index as dockerBuilderIndex,
+} from '@/routes/docker-builder';
+
+type DockerImageBuildHistoryItem = {
+    id: number;
+    image: string;
+    status: string;
+    status_label: string;
+    successful: boolean | null;
+    exit_code: number | null;
+    environment_count: number;
+    queued_at_human: string | null;
+    duration: string | null;
+    dockerfile_preview: string;
+    output_preview: string | null;
+};
+
+defineProps<{
+    builds: DockerImageBuildHistoryItem[];
+}>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [
+            {
+                title: 'Docker builder',
+                href: dockerBuilderIndex(),
+            },
+            {
+                title: 'Build history',
+                href: buildHistory(),
+            },
+        ],
+    },
+});
+
+function statusVariant(
+    status: string,
+): 'default' | 'secondary' | 'destructive' | 'outline' {
+    if (status === 'succeeded') {
+        return 'default';
+    }
+
+    if (status === 'failed') {
+        return 'destructive';
+    }
+
+    if (status === 'running') {
+        return 'secondary';
+    }
+
+    return 'outline';
+}
+</script>
+
+<template>
+    <Head title="Build history" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            title="Build history"
+            description="Review saved Docker build jobs, the Dockerfiles they used, and the latest log output captured for each run."
+        />
+
+        <div class="flex justify-end">
+            <Button as-child>
+                <Link :href="dockerBuilderIndex()">
+                    <PackagePlus />
+                    New build
+                </Link>
+            </Button>
+        </div>
+
+        <div
+            v-if="builds.length === 0"
+            class="rounded-xl border border-dashed border-border/70 p-10 text-center text-sm text-muted-foreground"
+        >
+            No Docker builds have been saved yet.
+        </div>
+
+        <div v-else class="grid gap-4 xl:grid-cols-2">
+            <Card
+                v-for="build in builds"
+                :key="build.id"
+                class="gap-0 overflow-hidden"
+            >
+                <CardHeader class="border-b">
+                    <div class="flex items-start justify-between gap-4">
+                        <div class="space-y-1">
+                            <CardTitle class="text-base break-all">
+                                {{ build.image }}
+                            </CardTitle>
+                            <CardDescription>
+                                {{
+                                    build.queued_at_human === null
+                                        ? 'Queued recently'
+                                        : `Queued ${build.queued_at_human}`
+                                }}
+                            </CardDescription>
+                        </div>
+
+                        <Badge :variant="statusVariant(build.status)">
+                            {{ build.status_label }}
+                        </Badge>
+                    </div>
+                </CardHeader>
+
+                <CardContent class="space-y-4 pt-6">
+                    <div class="grid gap-3 sm:grid-cols-3">
+                        <div class="rounded-lg border border-border/70 p-3">
+                            <p class="text-xs text-muted-foreground uppercase">
+                                Duration
+                            </p>
+                            <p class="mt-1 text-sm font-medium">
+                                {{ build.duration ?? 'Waiting to start' }}
+                            </p>
+                        </div>
+
+                        <div class="rounded-lg border border-border/70 p-3">
+                            <p class="text-xs text-muted-foreground uppercase">
+                                Environment
+                            </p>
+                            <p class="mt-1 text-sm font-medium">
+                                {{ build.environment_count }} variables
+                            </p>
+                        </div>
+
+                        <div class="rounded-lg border border-border/70 p-3">
+                            <p class="text-xs text-muted-foreground uppercase">
+                                Exit code
+                            </p>
+                            <p class="mt-1 text-sm font-medium">
+                                {{
+                                    build.exit_code === null
+                                        ? 'Pending'
+                                        : build.exit_code
+                                }}
+                            </p>
+                        </div>
+                    </div>
+
+                    <div class="grid gap-3 lg:grid-cols-2">
+                        <div class="rounded-lg border border-border/70 p-3">
+                            <p
+                                class="mb-2 text-xs text-muted-foreground uppercase"
+                            >
+                                Dockerfile
+                            </p>
+                            <pre
+                                class="font-mono text-xs leading-6 whitespace-pre-wrap"
+                            ><code>{{ build.dockerfile_preview }}</code></pre>
+                        </div>
+
+                        <div class="rounded-lg border border-border/70 p-3">
+                            <p
+                                class="mb-2 text-xs text-muted-foreground uppercase"
+                            >
+                                Log preview
+                            </p>
+                            <pre
+                                class="font-mono text-xs leading-6 whitespace-pre-wrap text-muted-foreground"
+                            ><code>{{
+                                build.output_preview ?? 'No build output saved yet.'
+                            }}</code></pre>
+                        </div>
+                    </div>
+
+                    <div class="flex justify-end">
+                        <Button variant="outline" as-child>
+                            <Link
+                                :href="
+                                    dockerBuilderIndex({
+                                        query: { build: build.id },
+                                    })
+                                "
+                            >
+                                <History />
+                                Open build
+                                <ArrowUpRight />
+                            </Link>
+                        </Button>
+                    </div>
+                </CardContent>
+            </Card>
+        </div>
+    </div>
+</template>
diff --git a/resources/js/pages/docker/ImageBuilder.vue b/resources/js/pages/docker/ImageBuilder.vue
new file mode 100644
index 0000000..e6d7fa9
--- /dev/null
+++ b/resources/js/pages/docker/ImageBuilder.vue
@@ -0,0 +1,613 @@
+<script setup lang="ts">
+import { Head, Link, useForm, useHttp } from '@inertiajs/vue3';
+import { History, Plus, TerminalSquare, Trash2 } from 'lucide-vue-next';
+import { nextTick, onBeforeUnmount, ref, watch } from 'vue';
+import DockerImageBuilderController from '@/actions/App/Http/Controllers/DockerImageBuilderController';
+import Heading from '@/components/Heading.vue';
+import InputError from '@/components/InputError.vue';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardHeader,
+    CardTitle,
+} from '@/components/ui/card';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import {
+    history as buildHistory,
+    index as dockerBuilderIndex,
+} from '@/routes/docker-builder';
+
+type EnvironmentVariable = {
+    key: string;
+    value: string;
+};
+
+type DockerImageBuild = {
+    id: number;
+    image: string;
+    image_name: string;
+    image_tag: string;
+    dockerfile_content: string;
+    environment: EnvironmentVariable[];
+    environment_count: number;
+    status: string;
+    status_label: string;
+    successful: boolean | null;
+    exit_code: number | null;
+    build_output: string;
+    queued_at: string | null;
+    queued_at_human: string | null;
+    started_at: string | null;
+    started_at_human: string | null;
+    finished_at: string | null;
+    finished_at_human: string | null;
+    duration: string | null;
+};
+
+const dockerfilePlaceholder = `FROM alpine:3.20
+RUN apk add --no-cache curl
+CMD ["sh", "-c", "env && sleep infinity"]`;
+
+const props = defineProps<{
+    build?: DockerImageBuild | null;
+}>();
+
+defineOptions({
+    layout: {
+        breadcrumbs: [
+            {
+                title: 'Docker builder',
+                href: dockerBuilderIndex(),
+            },
+        ],
+    },
+});
+
+const form = useForm<{
+    dockerfile: string;
+    environment: EnvironmentVariable[];
+    image_name: string;
+    image_tag: string;
+}>({
+    dockerfile: '',
+    environment: [{ key: '', value: '' }],
+    image_name: '',
+    image_tag: 'latest',
+});
+
+const http = useHttp();
+const activeBuild = ref<DockerImageBuild | null>(props.build ?? null);
+const isRefreshingBuild = ref(false);
+const logViewport = ref<HTMLElement | null>(null);
+
+let pollTimer: ReturnType<typeof window.setInterval> | null = null;
+
+function addEnvironmentVariable(): void {
+    form.environment.push({
+        key: '',
+        value: '',
+    });
+}
+
+function removeEnvironmentVariable(index: number): void {
+    if (form.environment.length === 1) {
+        form.environment[0] = {
+            key: '',
+            value: '',
+        };
+
+        return;
+    }
+
+    form.environment.splice(index, 1);
+}
+
+function environmentFieldError(
+    index: number,
+    field: 'key' | 'value',
+): string | undefined {
+    return form.errors[`environment.${index}.${field}`];
+}
+
+function buildLog(build: DockerImageBuild | null): string {
+    if (build === null) {
+        return 'Queue a build to start capturing Docker output.';
+    }
+
+    if (build.build_output !== '') {
+        return build.build_output;
+    }
+
+    if (build.status === 'queued') {
+        return 'Build is queued. Start `php artisan queue:work` if the worker is not already running.';
+    }
+
+    if (build.status === 'running') {
+        return 'Build started. Waiting for Docker to emit log output...';
+    }
+
+    return 'No build output was captured.';
+}
+
+function statusVariant(
+    status: string,
+): 'default' | 'secondary' | 'destructive' | 'outline' {
+    if (status === 'succeeded') {
+        return 'default';
+    }
+
+    if (status === 'failed') {
+        return 'destructive';
+    }
+
+    if (status === 'running') {
+        return 'secondary';
+    }
+
+    return 'outline';
+}
+
+function shouldPollBuild(build: DockerImageBuild | null): boolean {
+    return build !== null && ['queued', 'running'].includes(build.status);
+}
+
+function stopPolling(): void {
+    if (pollTimer !== null) {
+        window.clearInterval(pollTimer);
+        pollTimer = null;
+    }
+}
+
+async function refreshBuild(): Promise<void> {
+    if (activeBuild.value === null || isRefreshingBuild.value) {
+        return;
+    }
+
+    isRefreshingBuild.value = true;
+
+    try {
+        const response = (await http.submit(
+            DockerImageBuilderController.show(activeBuild.value.id),
+        )) as {
+            build: DockerImageBuild;
+        };
+
+        activeBuild.value = response.build;
+
+        if (!shouldPollBuild(response.build)) {
+            stopPolling();
+        }
+    } catch {
+        stopPolling();
+    } finally {
+        isRefreshingBuild.value = false;
+    }
+}
+
+function startPolling(): void {
+    stopPolling();
+
+    if (!shouldPollBuild(activeBuild.value)) {
+        return;
+    }
+
+    pollTimer = window.setInterval(() => {
+        void refreshBuild();
+    }, 1000);
+}
+
+function submit(): void {
+    form.transform((data) => ({
+        ...data,
+        dockerfile: data.dockerfile.trim(),
+        image_name: data.image_name.trim(),
+        image_tag: data.image_tag.trim(),
+        environment: data.environment
+            .map((variable) => ({
+                key: variable.key.trim(),
+                value: variable.value,
+            }))
+            .filter((variable) => variable.key !== '' || variable.value !== ''),
+    })).post(DockerImageBuilderController.store.url());
+}
+
+watch(
+    () => props.build,
+    (build) => {
+        activeBuild.value = build ?? null;
+        startPolling();
+    },
+    { immediate: true },
+);
+
+watch(
+    () => activeBuild.value?.build_output,
+    async () => {
+        await nextTick();
+
+        if (logViewport.value === null) {
+            return;
+        }
+
+        logViewport.value.scrollTop = logViewport.value.scrollHeight;
+    },
+);
+
+onBeforeUnmount(() => {
+    stopPolling();
+});
+</script>
+
+<template>
+    <Head title="Docker builder" />
+
+    <div class="flex flex-1 flex-col gap-6 p-4">
+        <Heading
+            title="Docker image builder"
+            description="Paste a Dockerfile, queue a build, and watch the saved build log update while the queue worker runs."
+        />
+
+        <div class="grid gap-6 xl:grid-cols-[minmax(0,2fr)_minmax(24rem,1fr)]">
+            <Card class="gap-0">
+                <CardHeader class="border-b">
+                    <div
+                        class="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between"
+                    >
+                        <div class="space-y-1">
+                            <CardTitle>Build definition</CardTitle>
+                            <CardDescription>
+                                The build context contains the generated
+                                Dockerfile only. Run `php artisan queue:work` so
+                                queued builds can start and stream logs back
+                                into the page.
+                            </CardDescription>
+                        </div>
+
+                        <Button variant="outline" as-child>
+                            <Link :href="buildHistory()">
+                                <History />
+                                Build history
+                            </Link>
+                        </Button>
+                    </div>
+                </CardHeader>
+
+                <CardContent class="space-y-6 pt-6">
+                    <form class="space-y-6" @submit.prevent="submit">
+                        <div class="grid gap-4 md:grid-cols-2">
+                            <div class="grid gap-2">
+                                <Label for="image_name">Image name</Label>
+                                <Input
+                                    id="image_name"
+                                    v-model="form.image_name"
+                                    autocomplete="off"
+                                    placeholder="ghcr.io/acme/my-image"
+                                    required
+                                />
+                                <InputError :message="form.errors.image_name" />
+                            </div>
+
+                            <div class="grid gap-2">
+                                <Label for="image_tag">Tag</Label>
+                                <Input
+                                    id="image_tag"
+                                    v-model="form.image_tag"
+                                    autocomplete="off"
+                                    placeholder="latest"
+                                    required
+                                />
+                                <InputError :message="form.errors.image_tag" />
+                            </div>
+                        </div>
+
+                        <div class="grid gap-2">
+                            <Label for="dockerfile">Dockerfile</Label>
+                            <textarea
+                                id="dockerfile"
+                                v-model="form.dockerfile"
+                                class="min-h-80 w-full rounded-md border border-input bg-transparent px-3 py-3 font-mono text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:ring-destructive/40"
+                                :placeholder="dockerfilePlaceholder"
+                                required
+                                spellcheck="false"
+                            />
+                            <InputError :message="form.errors.dockerfile" />
+                        </div>
+
+                        <div class="space-y-4">
+                            <div
+                                class="flex items-center justify-between gap-3"
+                            >
+                                <div>
+                                    <Label>Environment variables</Label>
+                                    <p class="text-sm text-muted-foreground">
+                                        These are appended to the Dockerfile as
+                                        `ENV KEY="value"` lines before the job
+                                        runs.
+                                    </p>
+                                </div>
+
+                                <Button
+                                    type="button"
+                                    variant="outline"
+                                    @click="addEnvironmentVariable"
+                                >
+                                    <Plus />
+                                    Add variable
+                                </Button>
+                            </div>
+
+                            <div class="space-y-3">
+                                <div
+                                    v-for="(
+                                        variable, indexValue
+                                    ) in form.environment"
+                                    :key="indexValue"
+                                    class="rounded-lg border border-border/70 p-4"
+                                >
+                                    <div
+                                        class="grid gap-4 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto] md:items-start"
+                                    >
+                                        <div class="grid gap-2">
+                                            <Label
+                                                :for="`environment_key_${indexValue}`"
+                                            >
+                                                Key
+                                            </Label>
+                                            <Input
+                                                :id="`environment_key_${indexValue}`"
+                                                v-model="variable.key"
+                                                autocomplete="off"
+                                                placeholder="APP_ENV"
+                                            />
+                                            <InputError
+                                                :message="
+                                                    environmentFieldError(
+                                                        indexValue,
+                                                        'key',
+                                                    )
+                                                "
+                                            />
+                                        </div>
+
+                                        <div class="grid gap-2">
+                                            <Label
+                                                :for="`environment_value_${indexValue}`"
+                                            >
+                                                Value
+                                            </Label>
+                                            <Input
+                                                :id="`environment_value_${indexValue}`"
+                                                v-model="variable.value"
+                                                autocomplete="off"
+                                                placeholder="production"
+                                            />
+                                            <InputError
+                                                :message="
+                                                    environmentFieldError(
+                                                        indexValue,
+                                                        'value',
+                                                    )
+                                                "
+                                            />
+                                        </div>
+
+                                        <div class="md:pt-8">
+                                            <Button
+                                                type="button"
+                                                size="icon"
+                                                variant="ghost"
+                                                class="text-muted-foreground hover:text-foreground"
+                                                @click="
+                                                    removeEnvironmentVariable(
+                                                        indexValue,
+                                                    )
+                                                "
+                                            >
+                                                <Trash2 />
+                                                <span class="sr-only">
+                                                    Remove environment variable
+                                                </span>
+                                            </Button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div
+                            class="rounded-lg border border-dashed border-border/70 bg-muted/30 p-4 text-sm text-muted-foreground"
+                        >
+                            Each build is saved with the Dockerfile, image name,
+                            tag, environment variables, status, and log output.
+                        </div>
+
+                        <Button
+                            type="submit"
+                            :disabled="form.processing"
+                            class="w-full md:w-auto"
+                        >
+                            <TerminalSquare />
+                            {{
+                                form.processing
+                                    ? 'Queueing build...'
+                                    : 'Queue build'
+                            }}
+                        </Button>
+                    </form>
+                </CardContent>
+            </Card>
+
+            <Card class="gap-0">
+                <CardHeader class="border-b">
+                    <div class="flex items-start justify-between gap-4">
+                        <div class="space-y-1">
+                            <CardTitle>
+                                {{
+                                    activeBuild === null
+                                        ? 'Latest build'
+                                        : activeBuild.image
+                                }}
+                            </CardTitle>
+                            <CardDescription>
+                                {{
+                                    activeBuild === null
+                                        ? 'The selected build record and log output appear here.'
+                                        : 'Logs refresh automatically while the build is queued or running.'
+                                }}
+                            </CardDescription>
+                        </div>
+
+                        <Badge
+                            v-if="activeBuild !== null"
+                            :variant="statusVariant(activeBuild.status)"
+                        >
+                            {{ activeBuild.status_label }}
+                        </Badge>
+                    </div>
+                </CardHeader>
+
+                <CardContent class="space-y-6 pt-6">
+                    <template v-if="activeBuild !== null">
+                        <div class="grid gap-3 sm:grid-cols-2">
+                            <div class="rounded-lg border border-border/70 p-3">
+                                <p
+                                    class="text-xs text-muted-foreground uppercase"
+                                >
+                                    Queued
+                                </p>
+                                <p class="mt-1 text-sm font-medium">
+                                    {{
+                                        activeBuild.queued_at_human ??
+                                        'Just now'
+                                    }}
+                                </p>
+                            </div>
+
+                            <div class="rounded-lg border border-border/70 p-3">
+                                <p
+                                    class="text-xs text-muted-foreground uppercase"
+                                >
+                                    Duration
+                                </p>
+                                <p class="mt-1 text-sm font-medium">
+                                    {{
+                                        activeBuild.duration ??
+                                        'Waiting to start'
+                                    }}
+                                </p>
+                            </div>
+
+                            <div class="rounded-lg border border-border/70 p-3">
+                                <p
+                                    class="text-xs text-muted-foreground uppercase"
+                                >
+                                    Environment
+                                </p>
+                                <p class="mt-1 text-sm font-medium">
+                                    {{ activeBuild.environment_count }}
+                                    variables
+                                </p>
+                            </div>
+
+                            <div class="rounded-lg border border-border/70 p-3">
+                                <p
+                                    class="text-xs text-muted-foreground uppercase"
+                                >
+                                    Exit code
+                                </p>
+                                <p class="mt-1 text-sm font-medium">
+                                    {{
+                                        activeBuild.exit_code === null
+                                            ? 'Pending'
+                                            : activeBuild.exit_code
+                                    }}
+                                </p>
+                            </div>
+                        </div>
+
+                        <div
+                            v-if="activeBuild.environment.length > 0"
+                            class="space-y-2"
+                        >
+                            <p class="text-sm font-medium">Saved environment</p>
+                            <div class="space-y-2">
+                                <div
+                                    v-for="(
+                                        variable, indexValue
+                                    ) in activeBuild.environment"
+                                    :key="`${activeBuild.id}-${indexValue}`"
+                                    class="rounded-lg border border-border/70 bg-muted/20 px-3 py-2 text-sm"
+                                >
+                                    <span class="font-mono font-medium">
+                                        {{ variable.key }}
+                                    </span>
+                                    <span class="mx-2 text-muted-foreground">
+                                        =
+                                    </span>
+                                    <span
+                                        class="font-mono text-muted-foreground"
+                                    >
+                                        {{ variable.value }}
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="space-y-2">
+                            <p class="text-sm font-medium">
+                                Dockerfile snapshot
+                            </p>
+                            <pre
+                                class="max-h-56 overflow-auto rounded-lg border border-border/70 bg-muted/20 p-4 font-mono text-xs leading-6 whitespace-pre-wrap"
+                            ><code>{{ activeBuild.dockerfile_content }}</code></pre>
+                        </div>
+
+                        <div class="space-y-2">
+                            <div
+                                class="flex items-center justify-between gap-3"
+                            >
+                                <p class="text-sm font-medium">Build log</p>
+                                <span
+                                    v-if="activeBuild.status === 'running'"
+                                    class="text-xs text-muted-foreground"
+                                >
+                                    Updating every second
+                                </span>
+                            </div>
+
+                            <div
+                                ref="logViewport"
+                                class="max-h-[30rem] overflow-auto rounded-lg border border-border/70 bg-zinc-950 p-4 text-xs text-zinc-100"
+                            >
+                                <pre class="font-mono whitespace-pre-wrap">{{
+                                    buildLog(activeBuild)
+                                }}</pre>
+                            </div>
+                        </div>
+
+                        <div class="flex justify-end">
+                            <Button variant="outline" as-child>
+                                <Link :href="buildHistory()">
+                                    <History />
+                                    View full history
+                                </Link>
+                            </Button>
+                        </div>
+                    </template>
+
+                    <div
+                        v-else
+                        class="rounded-xl border border-dashed border-border/70 p-8 text-center text-sm text-muted-foreground"
+                    >
+                        No saved builds yet. Queue a Docker build to start
+                        capturing logs and history.
+                    </div>
+                </CardContent>
+            </Card>
+        </div>
+    </div>
+</template>
diff --git a/routes/web.php b/routes/web.php
index bb696d1..92fd441 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Http\Controllers\DockerImageBuilderController;
 use Illuminate\Support\Facades\Route;
 use Laravel\Fortify\Features;
 
@@ -9,6 +10,13 @@ Route::inertia('/', 'Welcome', [
 
 Route::middleware(['auth', 'verified'])->group(function () {
     Route::inertia('dashboard', 'Dashboard')->name('dashboard');
+
+    Route::prefix('docker-builder')->name('docker-builder.')->group(function () {
+        Route::get('/', [DockerImageBuilderController::class, 'index'])->name('index');
+        Route::post('/', [DockerImageBuilderController::class, 'store'])->name('store');
+        Route::get('history', [DockerImageBuilderController::class, 'history'])->name('history');
+        Route::get('builds/{dockerImageBuild}', [DockerImageBuilderController::class, 'show'])->name('builds.show');
+    });
 });
 
 require __DIR__.'/settings.php';
diff --git a/tests/Feature/DockerImageBuilderTest.php b/tests/Feature/DockerImageBuilderTest.php
new file mode 100644
index 0000000..6ce1df9
--- /dev/null
+++ b/tests/Feature/DockerImageBuilderTest.php
@@ -0,0 +1,128 @@
+<?php
+
+use App\Jobs\RunDockerImageBuild;
+use App\Models\DockerImageBuild;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Queue;
+use Inertia\Testing\AssertableInertia as Assert;
+
+uses(RefreshDatabase::class);
+
+test('guests are redirected to the login page', function () {
+    $this->get(route('docker-builder.index'))
+        ->assertRedirect(route('login'));
+});
+
+test('authenticated users can visit the docker image builder page', function () {
+    $user = User::factory()->create();
+
+    $this->actingAs($user)
+        ->get(route('docker-builder.index'))
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->component('docker/ImageBuilder')
+            ->where('build', null),
+        );
+});
+
+test('authenticated users can queue a docker image build from editor input', function () {
+    Queue::fake();
+
+    $user = User::factory()->create();
+
+    $response = $this->actingAs($user)
+        ->post(route('docker-builder.store'), [
+            'dockerfile' => implode("\n", [
+                'FROM alpine:3.20',
+                'RUN echo "building"',
+            ]),
+            'image_name' => 'ghcr.io/acme/example',
+            'image_tag' => 'latest',
+            'environment' => [
+                ['key' => 'APP_ENV', 'value' => 'production'],
+                ['key' => 'APP_NAME', 'value' => 'Docker Builder'],
+            ],
+        ])
+        ->assertSessionHasNoErrors();
+
+    $dockerImageBuild = DockerImageBuild::query()->sole();
+
+    $response->assertRedirect(route('docker-builder.index', [
+        'build' => $dockerImageBuild->id,
+    ]));
+
+    expect($dockerImageBuild->user_id)->toBe($user->id)
+        ->and($dockerImageBuild->image_name)->toBe('ghcr.io/acme/example')
+        ->and($dockerImageBuild->image_tag)->toBe('latest')
+        ->and($dockerImageBuild->dockerfile_content)->toContain('RUN echo "building"')
+        ->and($dockerImageBuild->environment)->toBe([
+            ['key' => 'APP_ENV', 'value' => 'production'],
+            ['key' => 'APP_NAME', 'value' => 'Docker Builder'],
+        ])
+        ->and($dockerImageBuild->status)->toBe(DockerImageBuild::STATUS_QUEUED)
+        ->and($dockerImageBuild->successful)->toBeNull()
+        ->and($dockerImageBuild->queued_at)->not->toBeNull();
+
+    Queue::assertPushed(RunDockerImageBuild::class, function (RunDockerImageBuild $job) use ($dockerImageBuild): bool {
+        return $job->dockerImageBuildId === $dockerImageBuild->id;
+    });
+});
+
+test('authenticated users can view their docker build history', function () {
+    $user = User::factory()->create();
+
+    $olderBuild = DockerImageBuild::factory()->for($user)->create([
+        'status' => DockerImageBuild::STATUS_FAILED,
+        'build_output' => 'failed to solve',
+    ]);
+
+    $newerBuild = DockerImageBuild::factory()->for($user)->create([
+        'status' => DockerImageBuild::STATUS_SUCCEEDED,
+        'successful' => true,
+        'exit_code' => 0,
+        'build_output' => 'Successfully built image',
+        'started_at' => now()->subMinute(),
+        'finished_at' => now(),
+    ]);
+
+    DockerImageBuild::factory()->create();
+
+    $this->actingAs($user)
+        ->get(route('docker-builder.history'))
+        ->assertOk()
+        ->assertInertia(fn (Assert $page) => $page
+            ->component('docker/BuildHistory')
+            ->has('builds', 2)
+            ->where('builds.0.id', $newerBuild->id)
+            ->where('builds.1.id', $olderBuild->id),
+        );
+});
+
+test('authenticated users can fetch their saved build status', function () {
+    $user = User::factory()->create();
+    $dockerImageBuild = DockerImageBuild::factory()->for($user)->create([
+        'image_name' => 'ghcr.io/acme/example',
+        'image_tag' => 'stable',
+        'status' => DockerImageBuild::STATUS_RUNNING,
+        'build_output' => 'Step 1/3 : FROM alpine:3.20',
+        'started_at' => now(),
+    ]);
+
+    $this->actingAs($user)
+        ->get(route('docker-builder.builds.show', $dockerImageBuild))
+        ->assertOk()
+        ->assertJsonPath('build.id', $dockerImageBuild->id)
+        ->assertJsonPath('build.image', 'ghcr.io/acme/example:stable')
+        ->assertJsonPath('build.status', DockerImageBuild::STATUS_RUNNING)
+        ->assertJsonPath('build.build_output', 'Step 1/3 : FROM alpine:3.20');
+});
+
+test('authenticated users cannot fetch builds that belong to someone else', function () {
+    $user = User::factory()->create();
+    $dockerImageBuild = DockerImageBuild::factory()->create();
+
+    $this->actingAs($user)
+        ->get(route('docker-builder.builds.show', $dockerImageBuild))
+        ->assertNotFound();
+});
diff --git a/tests/Feature/RunDockerImageBuildJobTest.php b/tests/Feature/RunDockerImageBuildJobTest.php
new file mode 100644
index 0000000..4c3911c
--- /dev/null
+++ b/tests/Feature/RunDockerImageBuildJobTest.php
@@ -0,0 +1,99 @@
+<?php
+
+use App\Jobs\RunDockerImageBuild;
+use App\Models\DockerImageBuild;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Process\PendingProcess;
+use Illuminate\Support\Facades\Process;
+
+uses(RefreshDatabase::class);
+
+test('run docker image build job marks successful builds as succeeded', function () {
+    $dockerImageBuild = DockerImageBuild::factory()->create([
+        'image_name' => 'ghcr.io/acme/example',
+        'image_tag' => 'latest',
+        'dockerfile_content' => implode("\n", [
+            'FROM alpine:3.20',
+            'RUN echo "building"',
+        ]),
+        'environment' => [
+            ['key' => 'APP_ENV', 'value' => 'production'],
+            ['key' => 'APP_NAME', 'value' => 'Docker Builder'],
+        ],
+    ]);
+
+    Process::fake(function (PendingProcess $process) {
+        expect($process->path)->not->toBeNull();
+        expect($process->command)->toBe([
+            'docker',
+            'build',
+            '--tag',
+            'ghcr.io/acme/example:latest',
+            '.',
+        ]);
+
+        $dockerfile = file_get_contents($process->path.'/Dockerfile');
+
+        expect($dockerfile)
+            ->toContain('FROM alpine:3.20')
+            ->toContain('RUN echo "building"')
+            ->toContain('ENV APP_ENV="production"')
+            ->toContain('ENV APP_NAME="Docker Builder"');
+
+        return Process::result(implode("\n", [
+            'Step 1/2 : FROM alpine:3.20',
+            'Successfully built ghcr.io/acme/example:latest',
+        ]));
+    });
+
+    (new RunDockerImageBuild($dockerImageBuild->id))->handle();
+
+    $dockerImageBuild->refresh();
+
+    expect($dockerImageBuild->status)->toBe(DockerImageBuild::STATUS_SUCCEEDED)
+        ->and($dockerImageBuild->successful)->toBeTrue()
+        ->and($dockerImageBuild->exit_code)->toBe(0)
+        ->and($dockerImageBuild->build_output)->toContain('Successfully built ghcr.io/acme/example:latest')
+        ->and($dockerImageBuild->started_at)->not->toBeNull()
+        ->and($dockerImageBuild->finished_at)->not->toBeNull();
+});
+
+test('run docker image build job marks non-zero docker exits as failed', function () {
+    $dockerImageBuild = DockerImageBuild::factory()->create([
+        'image_name' => 'ghcr.io/acme/example',
+        'image_tag' => 'broken',
+    ]);
+
+    Process::fake(fn (PendingProcess $process) => Process::result(
+        'Step 1/1 : FROM missing:latest',
+        'failed to solve: missing image',
+        1,
+    ));
+
+    (new RunDockerImageBuild($dockerImageBuild->id))->handle();
+
+    $dockerImageBuild->refresh();
+
+    expect($dockerImageBuild->status)->toBe(DockerImageBuild::STATUS_FAILED)
+        ->and($dockerImageBuild->successful)->toBeFalse()
+        ->and($dockerImageBuild->exit_code)->toBe(1)
+        ->and($dockerImageBuild->build_output)->toContain('failed to solve: missing image')
+        ->and($dockerImageBuild->finished_at)->not->toBeNull();
+});
+
+test('run docker image build job records unexpected process exceptions as failed', function () {
+    $dockerImageBuild = DockerImageBuild::factory()->create();
+
+    Process::fake(fn (PendingProcess $process) => throw new \RuntimeException('Docker is unavailable'));
+
+    expect(fn () => (new RunDockerImageBuild($dockerImageBuild->id))->handle())
+        ->toThrow(\RuntimeException::class, 'Docker is unavailable');
+
+    $dockerImageBuild->refresh();
+
+    expect($dockerImageBuild->status)->toBe(DockerImageBuild::STATUS_FAILED)
+        ->and($dockerImageBuild->successful)->toBeFalse()
+        ->and($dockerImageBuild->exit_code)->toBe(1)
+        ->and($dockerImageBuild->build_output)->toContain('Docker is unavailable')
+        ->and($dockerImageBuild->finished_at)->not->toBeNull();
+});