From ac653ddcbc15019e9617e719bf687f10f25a80f2 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 16 Oct 2025 14:34:32 +0200
Subject: [PATCH] Changes auto-committed by Conductor

---
 .../views/livewire/boarding/index.blade.php   | 62 ++++++++++---------
 1 file changed, 34 insertions(+), 28 deletions(-)

diff --git a/resources/views/livewire/boarding/index.blade.php b/resources/views/livewire/boarding/index.blade.php
index faee9883b..1faf10380 100644
--- a/resources/views/livewire/boarding/index.blade.php
+++ b/resources/views/livewire/boarding/index.blade.php
@@ -67,11 +67,15 @@ class="bg-white dark:bg-coolgray-100 rounded-lg shadow-sm border border-neutral-
                         </div>
                     </div>
 
-                    <div class="flex justify-center pt-4">
+                    <div class="flex flex-col items-center gap-3 pt-4">
                         <x-forms.button class="justify-center px-12 py-4 text-lg font-bold box-boarding"
                             wire:click="explanation">
-                            Start Setup
+                            Let's go!
                         </x-forms.button>
+                        <button wire:click="skipBoarding"
+                            class="text-sm dark:text-neutral-400 hover:text-coollabs dark:hover:text-warning hover:underline transition-colors">
+                            Skip Setup
+                        </button>
                     </div>
                 </div>
             @elseif ($currentState === 'explanation')
@@ -161,34 +165,36 @@ class="px-2 py-1 text-xs font-bold uppercase tracking-wide bg-coollabs/10 dark:b
                                 </div>
                             </button>
                             @can('viewAny', App\Models\CloudProviderToken::class)
-                                <x-modal-input title="Connect a Hetzner Server" isFullWidth>
-                                    <x-slot:content>
-                                        <div
-                                            class="group relative box-without-bg cursor-pointer hover:border-coollabs transition-all duration-200 p-6 h-full min-h-[210px]">
-                                            <div class="flex flex-col gap-4 text-left">
-                                                <div class="flex items-center justify-between">
-                                                    <svg class="size-10" viewBox="0 0 200 200"
-                                                        xmlns="http://www.w3.org/2000/svg">
-                                                        <rect width="200" height="200" fill="#D50C2D" rx="8" />
-                                                        <path d="M40 40 H60 V90 H140 V40 H160 V160 H140 V110 H60 V160 H40 Z"
-                                                            fill="white" />
-                                                    </svg>
-                                                    <span
-                                                        class="px-2 py-1 text-xs font-bold uppercase tracking-wide bg-coollabs/10 dark:bg-warning/20 text-coollabs dark:text-warning rounded">
-                                                        Recommended
-                                                    </span>
-                                                </div>
-                                                <div>
-                                                    <h3 class="text-xl font-bold mb-2">Hetzner Cloud</h3>
-                                                    <p class="text-sm dark:text-neutral-400">
-                                                        Deploy servers directly from your Hetzner Cloud account.
-                                                    </p>
+                                @if ($currentState === 'select-server-type')
+                                    <x-modal-input title="Connect a Hetzner Server" isFullWidth>
+                                        <x-slot:content>
+                                            <div
+                                                class="group relative box-without-bg cursor-pointer hover:border-coollabs transition-all duration-200 p-6 h-full min-h-[210px]">
+                                                <div class="flex flex-col gap-4 text-left">
+                                                    <div class="flex items-center justify-between">
+                                                        <svg class="size-10" viewBox="0 0 200 200"
+                                                            xmlns="http://www.w3.org/2000/svg">
+                                                            <rect width="200" height="200" fill="#D50C2D" rx="8" />
+                                                            <path d="M40 40 H60 V90 H140 V40 H160 V160 H140 V110 H60 V160 H40 Z"
+                                                                fill="white" />
+                                                        </svg>
+                                                        <span
+                                                            class="px-2 py-1 text-xs font-bold uppercase tracking-wide bg-coollabs/10 dark:bg-warning/20 text-coollabs dark:text-warning rounded">
+                                                            Recommended
+                                                        </span>
+                                                    </div>
+                                                    <div>
+                                                        <h3 class="text-xl font-bold mb-2">Hetzner Cloud</h3>
+                                                        <p class="text-sm dark:text-neutral-400">
+                                                            Deploy servers directly from your Hetzner Cloud account.
+                                                        </p>
+                                                    </div>
                                                 </div>
                                             </div>
-                                        </div>
-                                    </x-slot:content>
-                                    <livewire:server.new.by-hetzner :private_keys="$this->privateKeys" :limit_reached="false" />
-                                </x-modal-input>
+                                        </x-slot:content>
+                                        <livewire:server.new.by-hetzner :private_keys="$this->privateKeys" :limit_reached="false" />
+                                    </x-modal-input>
+                                @endif
                             @endcan
                         </div>