Navigate to spice edit page on chart bar click

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php

@@ -70,11 +70,25 @@ class SpiceChart extends ApexChartWidget {
   }
 
   protected function extraJsOptions(): ?RawJs {
-    return RawJs::make(<<<'JS'
+    $urls = \App\Models\Spice::all()
+        ->map(fn ($s) => \App\Filament\User\Resources\SpiceResource::getUrl('edit', ['record' => $s->id]))
+        ->values()
+        ->toJson();
+
+    return RawJs::make(<<<JS
     {
+        chart: {
+            events: {
+                dataPointSelection: function(event, chartContext, config) {
+                    var urls = {$urls};
+                    var url = urls[config.dataPointIndex];
+                    if (url) window.location.href = url;
+                }
+            }
+        },
         xaxis: {
             labels: {
-                formatter: function (val, timestamp, opts) {
+                formatter: function (val) {
                     return val.replace('( ', '(')
                 }
             }
@@ -86,7 +100,7 @@ class SpiceChart extends ApexChartWidget {
             },
             dropShadow: {
                 enabled: true
-            },
+            }
         }
     }
     JS);