@using DeepDrftPublic.Client.Services
<div class="now-playing">
    <div class="np-label"><span class="np-dot"></span>Now Playing</div>
    <div class="np-title">@(Player?.CurrentTrack?.TrackName ?? "Nothing playing")</div>
    <div class="np-sub">
        @(Player?.CurrentTrack != null
            ? $"{Player.CurrentTrack.Release?.Artist} · {Player.CurrentTrack.Release?.Title ?? "Single"}"
            : "Select a track to begin")
    </div>

    @* Mode C (§3f, §6c): the real waveform visualizer, contained to this card and driven by the live
       cascaded player. Fill="true" sizes the canvas to this positioned box instead of the viewport.
       The bridge follows whatever is playing — keyed on the current track via ReleaseEntryKey/TrackId/
       TrackEntryKey — so it scrolls to the real signal and sits at-rest when nothing plays. Read-only:
       the card visualizes, it never seeks. The lava-lamp popover sits in the corner (full parity, §8e). *@
    <div class="np-visualizer">
        <WaveformVisualizer Fill="true"
                            ReleaseEntryKey="@(Player?.CurrentTrack?.Release?.EntryKey ?? string.Empty)"
                            TrackId="@Player?.CurrentTrack?.Id"
                            TrackEntryKey="@Player?.CurrentTrack?.EntryKey" />
        <div class="np-visualizer-controls">
            <WaveformVisualizerControlPopover IconSize="Size.Small"
                                              AnchorOrigin="Origin.BottomRight"
                                              TransformOrigin="Origin.TopLeft" />
        </div>
    </div>
</div>


@code {
    [CascadingParameter] public IStreamingPlayerService? Player { get; set; }
}