From 399b0130bcfd6d5050b7b0096d586dcf1b28d3d7 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Fri, 2 Jan 2026 13:11:16 +0100
Subject: [PATCH] fix: remove livewire:init wrapper from server charts event
 listeners
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The livewire:init event fires before inline scripts execute in Livewire
components, so wrapping Livewire.on() in document.addEventListener('livewire:init')
prevents the callback from ever firing, breaking chart data updates.

This removes the wrapper to match the working pattern in metrics.blade.php.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 resources/views/livewire/server/charts.blade.php | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/resources/views/livewire/server/charts.blade.php b/resources/views/livewire/server/charts.blade.php
index 9aabf45dd..51953ab9a 100644
--- a/resources/views/livewire/server/charts.blade.php
+++ b/resources/views/livewire/server/charts.blade.php
@@ -109,10 +109,9 @@
                             const serverCpuChart = new ApexCharts(document.getElementById(`{!! $chartId !!}-cpu`),
                                 optionsServerCpu);
                             serverCpuChart.render();
-                            document.addEventListener('livewire:init', () => {
-                                Livewire.on('refreshChartData-{!! $chartId !!}-cpu', (chartData) => {
-                                    checkTheme();
-                                     serverCpuChart.updateOptions({
+                            Livewire.on('refreshChartData-{!! $chartId !!}-cpu', (chartData) => {
+                                checkTheme();
+                                 serverCpuChart.updateOptions({
                                          series: [{
                                              data: chartData[0].seriesData,
                                          }],
@@ -146,7 +145,6 @@
                                         }
                                     });
                                 });
-                            });
                         })();
                     </script>
 
@@ -247,10 +245,9 @@
                                 const serverMemoryChart = new ApexCharts(document.getElementById(`{!! $chartId !!}-memory`),
                                     optionsServerMemory);
                                 serverMemoryChart.render();
-                                document.addEventListener('livewire:init', () => {
-                                    Livewire.on('refreshChartData-{!! $chartId !!}-memory', (chartData) => {
-                                        checkTheme();
-                                         serverMemoryChart.updateOptions({
+                                Livewire.on('refreshChartData-{!! $chartId !!}-memory', (chartData) => {
+                                    checkTheme();
+                                     serverMemoryChart.updateOptions({
                                              series: [{
                                                  data: chartData[0].seriesData,
                                              }],
@@ -285,7 +282,6 @@
                                             }
                                         });
                                     });
-                                });
                             })();
                         </script>