From 05842d6d7762dbe6a52125e8ee44a066a000daec Mon Sep 17 00:00:00 2001
From: Fartsy <professorfartsalot@gmail.com>
Date: Sat, 21 Feb 2026 03:15:49 -0500
Subject: [PATCH] Fix (metrics) - duplicate chart rendering caused by shared
 Alpine component state

---
 resources/views/components/metric.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/components/metric.blade.php b/resources/views/components/metric.blade.php
index 9b846a25..30510f8c 100644
--- a/resources/views/components/metric.blade.php
+++ b/resources/views/components/metric.blade.php
@@ -4,7 +4,7 @@
 
 @use('\Cachet\Enums\MetricViewEnum')
 
-<div x-data="chart">
+<div x-data="chart_{{ $metric->id }}">
     <div class="flex flex-col gap-2">
         <div class="flex items-center gap-1.5">
             <div class="font-semibold leading-6">{{ $metric->name }}</div>
@@ -32,7 +32,7 @@
 
 <script>
     document.addEventListener('alpine:init', () => {
-        Alpine.data('chart', () => ({
+        Alpine.data('chart_{{ $metric->id }}', () => ({
             metric: {{ Js::from($metric) }},
             period: {{ Js::from($metric->default_view) }},
             points: [[], [], [], []],