Restructure UX and seed a fully simulated organisation

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.

resources/js/pages/registries/Create.vue

@@ -3,6 +3,13 @@ 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 {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@/components/ui/select";
 import AppLayout from "@/layouts/AppLayout.vue";
 import { Head, useForm } from "@inertiajs/vue3";
 
@@ -53,19 +60,20 @@ const form = useForm({
 
             <div class="grid gap-2">
                 <Label for="type">Type</Label>
-                <select
-                    id="type"
-                    v-model="form.type"
-                    class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
-                >
-                    <option
-                        v-for="registryType in registryTypes"
-                        :key="registryType"
-                        :value="registryType"
-                    >
-                        {{ registryType.replace("_", " ") }}
-                    </option>
-                </select>
+                <Select v-model="form.type">
+                    <SelectTrigger id="type">
+                        <SelectValue placeholder="Select type" />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectItem
+                            v-for="registryType in registryTypes"
+                            :key="registryType"
+                            :value="registryType"
+                        >
+                            {{ registryType.replace("_", " ") }}
+                        </SelectItem>
+                    </SelectContent>
+                </Select>
                 <InputError :message="form.errors.type" />
             </div>
 

resources/js/pages/registries/Edit.vue

@@ -3,6 +3,13 @@ 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 {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "@/components/ui/select";
 import AppLayout from "@/layouts/AppLayout.vue";
 import { Head, router, useForm } from "@inertiajs/vue3";
 
@@ -71,15 +78,20 @@ const destroyRegistry = (): void => {
 
             <div class="grid gap-2">
                 <Label for="type">Type</Label>
-                <select
-                    id="type"
-                    v-model="form.type"
-                    class="h-9 rounded-md border border-input bg-transparent px-3 text-sm"
-                >
-                    <option v-for="registryType in registryTypes" :key="registryType" :value="registryType">
-                        {{ registryType.replace("_", " ") }}
-                    </option>
-                </select>
+                <Select v-model="form.type">
+                    <SelectTrigger id="type">
+                        <SelectValue placeholder="Select type" />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectItem
+                            v-for="registryType in registryTypes"
+                            :key="registryType"
+                            :value="registryType"
+                        >
+                            {{ registryType.replace("_", " ") }}
+                        </SelectItem>
+                    </SelectContent>
+                </Select>
                 <InputError :message="form.errors.type" />
             </div>
 

resources/js/pages/registries/Index.vue

@@ -46,7 +46,9 @@ const destroyRegistry = (registry: Record<string, any>): void => {
                 </div>
                 <Button
                     :as="Link"
-                    :href="route('registries.create', { organisation: $page.props.organisation.id })"
+                    :href="
+                        route('registries.create', { organisation: $page.props.organisation.id })
+                    "
                 >
                     <PlusIcon class="size-4" />
                     Add registry
@@ -67,7 +69,9 @@ const destroyRegistry = (registry: Record<string, any>): void => {
                         <div>
                             <div class="flex flex-wrap items-center gap-2">
                                 <span class="font-medium">{{ registry.name }}</span>
-                                <Badge variant="outline">{{ registry.type?.replace("_", " ") }}</Badge>
+                                <Badge variant="outline">{{
+                                    registry.type?.replace("_", " ")
+                                }}</Badge>
                             </div>
                             <div class="mt-1 text-muted-foreground">
                                 {{ registry.url ?? "No registry URL configured" }}
@@ -100,7 +104,11 @@ const destroyRegistry = (registry: Record<string, any>): void => {
                             >
                                 <PencilIcon class="size-3" />
                             </Button>
-                            <Button size="iconxs" variant="ghost" @click="destroyRegistry(registry)">
+                            <Button
+                                size="iconxs"
+                                variant="ghost"
+                                @click="destroyRegistry(registry)"
+                            >
                                 <Trash2Icon class="size-3" />
                             </Button>
                         </div>