feat: add tag discovery analytics and reporting

resources/views/components/nova-page-header.blade.php

@@ -0,0 +1,71 @@
+@props([
+    'section' => null,
+    'title' => null,
+    'icon' => null,
+    'breadcrumbs' => collect(),
+    'description' => null,
+    'showSection' => true,
+    'showIcon' => true,
+    'showTitle' => true,
+    'showBreadcrumbs' => true,
+    'showDescription' => true,
+    'headerClass' => '',
+    'innerClass' => '',
+    'contentClass' => '',
+    'actionsClass' => '',
+    'sectionClass' => '',
+    'titleClass' => '',
+    'iconClass' => '',
+    'descriptionClass' => '',
+])
+
+@php
+    $headerBreadcrumbs = $breadcrumbs instanceof \Illuminate\Support\Collection
+        ? $breadcrumbs
+        : collect($breadcrumbs ?? []);
+
+    $hasActions = isset($actions) && trim((string) $actions) !== '';
+    $resolvedHeaderClass = trim('px-6 pt-10 pb-7 md:px-10 border-b border-white/[0.06] bg-gradient-to-b from-sky-500/[0.04] to-transparent ' . $headerClass);
+    $resolvedInnerClass = trim('flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between ' . $innerClass);
+    $resolvedContentClass = trim('max-w-3xl min-w-0 ' . $contentClass);
+    $resolvedActionsClass = trim('flex flex-col items-start gap-3 lg:items-end ' . $actionsClass);
+    $resolvedSectionClass = trim('text-xs font-semibold uppercase tracking-widest text-white/30 mb-1 ' . $sectionClass);
+    $resolvedTitleClass = trim('text-3xl font-bold text-white leading-tight flex items-center gap-3 ' . $titleClass);
+    $resolvedIconClass = trim('text-sky-400 text-2xl ' . $iconClass);
+    $resolvedDescriptionClass = trim('mt-1 text-sm text-white/50 ' . $descriptionClass);
+@endphp
+
+<header {{ $attributes->class([$resolvedHeaderClass]) }}>
+    <div class="{{ $resolvedInnerClass }}">
+        <div class="{{ $resolvedContentClass }}">
+            @if($showSection && filled($section))
+                <p class="{{ $resolvedSectionClass }}">{{ $section }}</p>
+            @endif
+
+            @if($showTitle && filled($title))
+                <h1 class="{{ $resolvedTitleClass }}">
+                    @if($showIcon && filled($icon))
+                        <i class="fa-solid {{ $icon }} {{ $resolvedIconClass }}"></i>
+                    @endif
+                    <span class="min-w-0">{{ $title }}</span>
+                </h1>
+            @endif
+
+            @if($showBreadcrumbs && $headerBreadcrumbs->isNotEmpty())
+                <div class="mt-3">
+                    @include('components.breadcrumbs', ['breadcrumbs' => $headerBreadcrumbs])
+                </div>
+            @endif
+
+            @if($showDescription && filled($description))
+                <p class="{{ $resolvedDescriptionClass }}">{!! $description !!}</p>
+            @endif
+        </div>
+
+        @if($hasActions)
+            <div class="{{ $resolvedActionsClass }}">
+                {{ $actions }}
+            </div>
+        @endif
+    </div>
+</header>