fix(ui): handle tabs component slot vs array prop conflict

The tabs component receives tabs either as an array prop (for simple
label-based tabs) or as a named slot (for custom tab button HTML).
Now it handles both patterns without crashing on count().
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

resources/views/components/ui/tabs.blade.php

@@ -4,27 +4,31 @@
 ])
 
 @php
-$alpineId = 'tabs-' . \Illuminate\Support\Str::random(6);
-$defaultTab = $active ?? (count($tabs) > 0 ? array_key_first($tabs) : '');
+$tabsIsArray = is_array($tabs) && count($tabs) > 0;
+$defaultTab = $active ?? ($tabsIsArray ? array_key_first($tabs) : '');
 @endphp
 
 <div x-data="{ activeTab: '{{ $defaultTab }}' }" {{ $attributes }}>
     {{-- Tab Navigation --}}
     <div class="flex border-b border-[var(--color-border)] overflow-x-auto" role="tablist">
-        @foreach($tabs as $key => $label)
-            <button
-                type="button"
-                role="tab"
-                x-on:click="activeTab = '{{ $key }}'"
-                :aria-selected="activeTab === '{{ $key }}'"
-                :class="activeTab === '{{ $key }}'
-                    ? 'border-[var(--color-primary)] text-[var(--color-primary)]'
-                    : 'border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:border-[var(--color-border)]'"
-                class="px-4 py-3 text-sm font-medium border-b-2 -mb-px transition-all duration-200 whitespace-nowrap focus:outline-none"
-            >
-                {{ $label }}
-            </button>
-        @endforeach
+        @if($tabsIsArray)
+            @foreach($tabs as $key => $label)
+                <button
+                    type="button"
+                    role="tab"
+                    x-on:click="activeTab = '{{ $key }}'"
+                    :aria-selected="activeTab === '{{ $key }}'"
+                    :class="activeTab === '{{ $key }}'
+                        ? 'border-[var(--color-primary)] text-[var(--color-primary)]'
+                        : 'border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)] hover:border-[var(--color-border)]'"
+                    class="px-4 py-3 text-sm font-medium border-b-2 -mb-px transition-all duration-200 whitespace-nowrap focus:outline-none"
+                >
+                    {{ $label }}
+                </button>
+            @endforeach
+        @elseif(isset($tabs) && !is_array($tabs))
+            {{ $tabs }}
+        @endif
     </div>
 
     {{-- Tab Panels --}}