Restructure UX and seed a fully simulated organisation
Some checks failed
CI / Tests (push) Failing after 56s
CI / Lint (push) Failing after 1m35s

Rework the dashboard, environment topology view, header navigation, and
status rendering, and standardise selects on a shadcn-vue component.

Replace the thin database seeder with a SimulatedEnvironmentSeeder that
builds a fully wired, mostly-running organisation (ACTIVE server fleet,
managed + GHCR registries, Gitea source provider, ClipBin app with
production/staging environments, services, slices, endpoints, managed
variables, build artifacts, and a completed/in-progress/failed operations
history) so the new UI renders against realistic data.
This commit is contained in:
2026-06-08 22:09:57 +01:00
parent 3a851db08f
commit 85c44296ac
58 changed files with 2292 additions and 847 deletions

View File

@@ -4,6 +4,13 @@ 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 {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import AppLayout from "@/layouts/AppLayout.vue";
import { Head, router, useForm } from "@inertiajs/vue3";
@@ -123,33 +130,38 @@ const destroyEnvironment = (): void => {
</label>
<div class="grid gap-2">
<Label for="scheduler_target_service_id">Target service</Label>
<select
id="scheduler_target_service_id"
v-model="form.scheduler_target_service_id"
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
>
<option value="">No target</option>
<option
v-for="service in environment.services"
:key="service.id"
:value="service.id"
>
{{ service.name }}
</option>
</select>
<Select v-model="form.scheduler_target_service_id">
<SelectTrigger id="scheduler_target_service_id">
<SelectValue placeholder="No target" />
</SelectTrigger>
<SelectContent>
<SelectItem
v-for="service in environment.services"
:key="service.id"
:value="String(service.id)"
>
{{ service.name }}
</SelectItem>
</SelectContent>
</Select>
<InputError :message="form.errors.scheduler_target_service_id" />
</div>
<div class="grid gap-2">
<Label for="scheduler_mode">Mode</Label>
<select
id="scheduler_mode"
v-model="form.scheduler_mode"
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
>
<option v-for="mode in schedulerModes" :key="mode" :value="mode">
{{ mode.replace("_", " ") }}
</option>
</select>
<Select v-model="form.scheduler_mode">
<SelectTrigger id="scheduler_mode">
<SelectValue placeholder="Select mode" />
</SelectTrigger>
<SelectContent>
<SelectItem
v-for="mode in schedulerModes"
:key="mode"
:value="mode"
>
{{ mode.replace("_", " ") }}
</SelectItem>
</SelectContent>
</Select>
<InputError :message="form.errors.scheduler_mode" />
</div>
</CardContent>
@@ -158,20 +170,27 @@ const destroyEnvironment = (): void => {
<Card>
<CardHeader>
<CardTitle>Build & Health</CardTitle>
<CardDescription>Defaults used by deploy planning and runtime checks.</CardDescription>
<CardDescription
>Defaults used by deploy planning and runtime checks.</CardDescription
>
</CardHeader>
<CardContent class="grid gap-4 md:grid-cols-2">
<div class="grid gap-2">
<Label for="build_strategy">Build strategy</Label>
<select
id="build_strategy"
v-model="form.build_strategy"
class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
>
<option v-for="strategy in buildStrategies" :key="strategy" :value="strategy">
{{ strategy.replace("_", " ") }}
</option>
</select>
<Select v-model="form.build_strategy">
<SelectTrigger id="build_strategy">
<SelectValue placeholder="Select strategy" />
</SelectTrigger>
<SelectContent>
<SelectItem
v-for="strategy in buildStrategies"
:key="strategy"
:value="strategy"
>
{{ strategy.replace("_", " ") }}
</SelectItem>
</SelectContent>
</Select>
<InputError :message="form.errors.build_strategy" />
</div>
<div class="grid gap-2">