From 946feb54d9af95d94ad6f6a316a6800f2accbba3 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Sun, 25 Jan 2026 18:22:32 -0500
Subject: [PATCH] fix: add x-cloak to content div to hide it until Alpine loads
 chartsLoaded

---
 extensions/Servers/Proxmox/views/statistics.blade.php | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/statistics.blade.php b/extensions/Servers/Proxmox/views/statistics.blade.php
index 8dc797a11..34873d163 100644
--- a/extensions/Servers/Proxmox/views/statistics.blade.php
+++ b/extensions/Servers/Proxmox/views/statistics.blade.php
@@ -106,6 +106,8 @@
             .telemetry-grow {
                 animation: telemetryGrow 0.4s ease-out forwards;
             }
+            /* Ensure loading shows by default before Alpine initializes */
+            [x-cloak] { display: none !important; }
         </style>
         <section
             wire:poll.120s="stats"
@@ -114,8 +116,8 @@
             @proxmox-chart-loaded.window="loadingProgress = Math.min(100, loadingProgress + 25)"
             class="bg-background-secondary border border-neutral rounded-2xl shadow-sm overflow-hidden"
         >
-            <!-- Loading State - compact bar -->
-            <div 
+            <!-- Loading State - compact bar, visible by default -->
+            <div
                 x-show="!chartsLoaded"
                 class="flex items-center justify-center gap-3 py-3 px-4"
             >
@@ -128,8 +130,9 @@
                 <span class="text-base/70 text-sm">Loading Telemetry...</span>
             </div>
 
-            <!-- Content - hidden while loading -->
+            <!-- Content - hidden by default with x-cloak until Alpine shows it -->
             <div
+                x-cloak
                 x-show="chartsLoaded"
                 x-transition:enter="transition ease-out duration-300"
                 x-transition:enter-start="opacity-0 transform scale-95"