From 2a49e3d30f20c6620647b289477cecd535a7f90f Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Fri, 3 Apr 2026 17:57:55 +0200
Subject: [PATCH] fix(hosting): fix Build POC button visibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Same issue as Create Site button — bg-teal-600 not in Tailwind purge.
Switched to bg-purple-600 and removed $icon('sparkles') which may
not exist in the icon set.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../hosting/templates/hosting/admin/site-detail.html        | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/modules/hosting/templates/hosting/admin/site-detail.html b/app/modules/hosting/templates/hosting/admin/site-detail.html
index 88bb00cd..9cd1a104 100644
--- a/app/modules/hosting/templates/hosting/admin/site-detail.html
+++ b/app/modules/hosting/templates/hosting/admin/site-detail.html
@@ -45,7 +45,7 @@
         <div class="flex flex-wrap items-end gap-3">
             <div class="flex-1 min-w-[200px]">
                 <select x-model="selectedTemplate"
-                        class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-teal-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300">
+                        class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:border-purple-400 focus:outline-none dark:bg-gray-700 dark:text-gray-300">
                     <option value="">Select a template...</option>
                     <template x-for="t in templates" :key="t.id">
                         <option :value="t.id" x-text="t.name + ' — ' + t.description"></option>
@@ -53,9 +53,7 @@
                 </select>
             </div>
             <button type="button" @click="buildPoc()" :disabled="!selectedTemplate || buildingPoc"
-                    class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-teal-600 border border-transparent rounded-lg hover:bg-teal-700 focus:outline-none disabled:opacity-50">
-                <span x-show="!buildingPoc" x-html="$icon('sparkles', 'w-4 h-4 mr-2')"></span>
-                <span x-show="buildingPoc" x-html="$icon('spinner', 'w-4 h-4 mr-2')"></span>
+                    class="inline-flex items-center px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg hover:bg-purple-700 focus:outline-none disabled:opacity-50">
                 <span x-text="buildingPoc ? 'Building...' : 'Build POC'"></span>
             </button>
         </div>