feat(metrics): add reachable /metrics fleet page skeleton

app/Livewire/Fleet/Metrics.php

@@ -0,0 +1,57 @@
+<?php
+
+namespace App\Livewire\Fleet;
+
+use App\Models\Server;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Collection;
+use Livewire\Attributes\Lazy;
+use Livewire\Attributes\Url;
+use Livewire\Component;
+
+#[Lazy]
+class Metrics extends Component
+{
+    public string $chartId = 'fleet-metrics';
+
+    /** Metrics-enabled servers owned by the current team. */
+    public Collection $servers;
+
+    /** @var array<string, string> uuid => name */
+    public array $serverOptions = [];
+
+    #[Url(as: 'range')]
+    public string $range = '24h';
+
+    #[Url(as: 'server')]
+    public string $serverUuid = '';
+
+    public bool $live = false;
+
+    public function mount(): void
+    {
+        $allServers = Server::ownedByCurrentTeamCached();
+
+        $this->servers = $allServers
+            ->filter(fn (Server $server) => $server->isMetricsEnabled())
+            ->values();
+
+        $this->serverOptions = $this->servers
+            ->mapWithKeys(fn (Server $server) => [$server->uuid => $server->name])
+            ->all();
+
+        if ($this->serverUuid !== '' && ! array_key_exists($this->serverUuid, $this->serverOptions)) {
+            $this->serverUuid = '';
+        }
+    }
+
+    public function placeholder(): View
+    {
+        return view('livewire.fleet.metrics-placeholder');
+    }
+
+    public function render(): View
+    {
+        return view('livewire.fleet.metrics');
+    }
+}

resources/views/components/navbar.blade.php

@@ -95,6 +95,14 @@
                     <span class="menu-item-label" :class="collapsed && 'lg:hidden'">Analytics</span>
                 </a>
             </li>
+            <li>
+                <a title="Metrics" {{ wireNavigate() }}
+                    class="{{ request()->is('metrics') ? 'menu-item menu-item-active' : 'menu-item' }}"
+                    :class="collapsed && 'lg:justify-center lg:px-0'" href="{{ route('metrics') }}">
+                    <x-reicon name="cpu" class="menu-item-icon" />
+                    <span class="menu-item-label" :class="collapsed && 'lg:hidden'">Metrics</span>
+                </a>
+            </li>
             @can('canAccessTerminal')
                 <li>
                     <a title="Terminal"

resources/views/livewire/fleet/metrics-placeholder.blade.php

@@ -0,0 +1,3 @@
+<div class="flex flex-col gap-6">
+    <x-skeleton.tiles />
+</div>

resources/views/livewire/fleet/metrics.blade.php

@@ -0,0 +1,14 @@
+<div class="flex flex-col gap-6">
+    <div class="flex flex-col gap-1">
+        <h1 class="text-2xl font-semibold text-black dark:text-fg">Metrics</h1>
+        <p class="text-[13px] text-neutral-500 dark:text-fg-dim">Resource usage across your servers.</p>
+    </div>
+
+    @if ($servers->isEmpty())
+        <x-empty title="No server metrics yet" description="Enable metrics on a server to see fleet resource usage here.">
+            <x-slot:icon>
+                <x-reicon name="cpu" class="size-8" />
+            </x-slot:icon>
+        </x-empty>
+    @endif
+</div>

routes/web.php

@@ -13,6 +13,7 @@ use App\Livewire\Destination\Index as DestinationIndex;
 use App\Livewire\Destination\Resources as DestinationResources;
 use App\Livewire\Destination\Show as DestinationShow;
 use App\Livewire\Dev\LivewireRequestFailurePreview;
+use App\Livewire\Fleet\Metrics as FleetMetrics;
 use App\Livewire\ForcePasswordReset;
 use App\Livewire\Notifications\Discord as NotificationDiscord;
 use App\Livewire\Notifications\Email as NotificationEmail;
@@ -161,6 +162,7 @@ Route::middleware(['auth', 'verified'])->group(function () {
 
     Route::get('/', Dashboard::class)->name('dashboard');
     Route::get('/analytics', Analytics::class)->name('analytics');
+    Route::get('/metrics', FleetMetrics::class)->name('metrics');
     Route::get('/admin', AdminIndex::class)->name('admin.index');
     Route::get('/onboarding', BoardingIndex::class)->name('onboarding');
 

tests/Feature/Livewire/Fleet/MetricsPageTest.php

@@ -0,0 +1,33 @@
+<?php
+
+use App\Livewire\Fleet\Metrics;
+use App\Models\InstanceSettings;
+use App\Models\Team;
+use App\Models\User;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Livewire\Livewire;
+
+uses(RefreshDatabase::class);
+
+beforeEach(function () {
+    InstanceSettings::unguarded(fn () => InstanceSettings::query()->create(['id' => 0]));
+    $user = User::factory()->create();
+    $team = Team::factory()->create();
+    $user->teams()->attach($team, ['role' => 'owner']);
+    $this->actingAs($user);
+    session(['currentTeam' => $team]);
+    $this->team = $team;
+});
+
+it('renders the metrics page with an empty state when no server has metrics enabled', function () {
+    $component = loadLazy(Livewire::test(Metrics::class));
+
+    $component
+        ->assertOk()
+        ->assertSee('Metrics')
+        ->assertSee('Enable metrics on a server');
+});
+
+it('registers the metrics route', function () {
+    expect(route('metrics'))->toEndWith('/metrics');
+});