Fix SpiceChart: query spice IDs directly in extraJsOptions and guard formatter against null regex match

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

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

@@ -11,18 +11,14 @@ class SpiceChart extends ApexChartWidget
     protected static ?string $chartId = 'spiceChart';
     protected static ?string $heading = 'Rohstoffmengen im Lager';
 
-    private array $spiceIds = [];
-
     protected function getOptions(): array
     {
-        $spices = Spice::all();
+        $spices = Spice::orderBy('id')->get();
 
         $data   = [];
         $labels = [];
 
         foreach ($spices as $spice) {
-            $this->spiceIds[] = $spice->id;
-
             if ($spice->unit === 'grams') {
                 $data[]   = round($spice->quantity / 1000, 2);
                 $labels[] = $spice->name . ' (kg)';
@@ -65,8 +61,9 @@ class SpiceChart extends ApexChartWidget
 
     protected function extraJsOptions(): ?RawJs
     {
-        $urls = collect($this->spiceIds)
+        $urls = Spice::orderBy('id')
-            ->map(fn ($id) => url('/dashboard/rohstoffe/' . $id . '/edit'))
+            ->get()
+            ->map(fn ($spice) => url('/dashboard/rohstoffe/' . $spice->id . '/edit'))
             ->values()
             ->toJson();
 
@@ -91,7 +88,9 @@ class SpiceChart extends ApexChartWidget
             dataLabels: {
                 enabled: true,
                 formatter: function (val, opt) {
-                    return val + '' + opt.w.globals.labels[opt.dataPointIndex].match(/\((.*?)\)/)[1];
+                    var label = opt.w.globals.labels[opt.dataPointIndex];
+                    var match = label ? label.match(/\((.*?)\)/) : null;
+                    return val + (match ? match[1] : '');
                 },
                 dropShadow: { enabled: true }
             }