Phase 9 Wave 4: ARCHIVE nav + Cuts/Sessions/Mixes pages + MixWaveformVisualizer

Replaces flat RELEASES/SESSIONS/MIXES nav with ARCHIVE dropdown (PageRoute.Children, one-level cap, dual-role node). Adds /archive overview, /cuts (AlbumsView + medium filter; /albums redirects), /sessions + /sessions/{id} (hero-dominant), /mixes + /mixes/{id} (MixWaveformVisualizer full-page background). Extracts ReleaseDetailScaffold from TrackDetail (invariant trio). PersistentComponentState bridge on all new pages. Click-to-seek seam designed on MixWaveformVisualizer (inert until wired).
2026-06-12 23:05:25 -04:00
parent 5f7eaed112
commit af724ce570
31 changed files with 1334 additions and 122 deletions
@@ -0,0 +1,71 @@
+@page "/mixes/{Id:long}"
+@using DeepDrftPublic.Client.Controls
+@inherits ReleaseDetailBase
+
+<PageTitle>@(ViewModel.Release?.Title ?? "Mix") - DeepDrft</PageTitle>
+
+@if (ViewModel.IsLoading)
+{
+    <div class="deepdrft-track-detail-container">
+        <div class="deepdrft-track-detail-masthead">
+            <MudSkeleton SkeletonType="SkeletonType.Text" Width="70%" Height="56px" />
+            <MudSkeleton SkeletonType="SkeletonType.Text" Width="40%" Height="32px" />
+        </div>
+    </div>
+}
+else if (ViewModel.NotFound || ViewModel.Release is null)
+{
+    <div class="deepdrft-track-detail-container">
+        <div class="deepdrft-track-detail-masthead">
+            <MudText Typo="Typo.h4" Align="Align.Center">Mix not found.</MudText>
+            <div class="d-flex justify-center mt-4">
+                <MudButton Href="/mixes"
+                           Variant="Variant.Text"
+                           StartIcon="@Icons.Material.Filled.ArrowBack">
+                    All mixes
+                </MudButton>
+            </div>
+        </div>
+    </div>
+}
+else
+{
+    var release = ViewModel.Release;
+    var hasGenre = release.Genre is not null;
+    var hasDate = release.ReleaseDate is not null;
+
+    @* Full-page waveform sits behind the scaffold content. The scaffold's container is positioned
+       above it via the mix-detail-foreground stacking context. *@
+    <MixWaveformVisualizer ReleaseId="@release.Id" />
+
+    <div class="mix-detail-foreground">
+        <ReleaseDetailScaffold Title="@release.Title"
+                               Artist="@release.Artist"
+                               Track="@ViewModel.Track"
+                               BackHref="/mixes"
+                               BackLabel="All mixes"
+                               ShowMeta="@(hasGenre || hasDate)">
+            <MetaContent>
+                @if (hasGenre)
+                {
+                    <div>
+                        <MudChip T="string" Variant="Variant.Outlined" Color="Color.Tertiary" Class="deepdrft-genre-chip">
+                            @release.Genre
+                        </MudChip>
+                    </div>
+                }
+                @if (hasDate)
+                {
+                    <div>
+                        <MudText Typo="Typo.overline">Released</MudText>
+                        <MudText Typo="Typo.body1">@release.ReleaseDate!.Value.ToString("MMMM yyyy")</MudText>
+                    </div>
+                }
+            </MetaContent>
+        </ReleaseDetailScaffold>
+    </div>
+}
+
+@code {
+    protected override string PersistKey => "mix-detail";
+}