From c086d037767f641c558520f6fc0749fbfa01592a Mon Sep 17 00:00:00 2001
From: daniel-c-harvey <the.real.daniel.harvey@gmail.com>
Date: Mon, 8 Jun 2026 13:31:54 -0400
Subject: [PATCH] feat: guard interactivity-gap controls until WASM hydrates
 (PLAN 2.4)

---
 DeepDrftPublic.Client/Controls/SharePopover.razor | 1 +
 DeepDrftPublic.Client/Controls/TrackCard.razor    | 2 ++
 DeepDrftPublic.Client/Layout/DeepDrftMenu.razor   | 4 ++--
 DeepDrftPublic.Client/Pages/TracksView.razor      | 3 ++-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/DeepDrftPublic.Client/Controls/SharePopover.razor b/DeepDrftPublic.Client/Controls/SharePopover.razor
index ffcb536..73980bc 100644
--- a/DeepDrftPublic.Client/Controls/SharePopover.razor
+++ b/DeepDrftPublic.Client/Controls/SharePopover.razor
@@ -4,6 +4,7 @@
     <MudIconButton Icon="@Icons.Material.Filled.Share"
                    Size="Size.Large"
                    Color="Color.Secondary"
+                   Disabled="@(!RendererInfo.IsInteractive)"
                    OnClick="@Toggle"
                    aria-label="Share this track" />
 </MudTooltip>
diff --git a/DeepDrftPublic.Client/Controls/TrackCard.razor b/DeepDrftPublic.Client/Controls/TrackCard.razor
index 3d331d3..2cafa67 100644
--- a/DeepDrftPublic.Client/Controls/TrackCard.razor
+++ b/DeepDrftPublic.Client/Controls/TrackCard.razor
@@ -104,6 +104,7 @@
             <MudFab Color="Color.Tertiary"
                     Size="Size.Medium"
                     StartIcon="@PlayPauseIcon"
+                    Disabled="@(!RendererInfo.IsInteractive)"
                     OnClick="@PlayClick"/>
         </div>
 
@@ -118,6 +119,7 @@ else
     <MudFab Color="Color.Tertiary"
             Size="Size.Medium"
             StartIcon="@PlayPauseIcon"
+            Disabled="@(!RendererInfo.IsInteractive)"
             OnClick="@PlayClick"
             Class="deepdrft-track-row-fab"/>
 
diff --git a/DeepDrftPublic.Client/Layout/DeepDrftMenu.razor b/DeepDrftPublic.Client/Layout/DeepDrftMenu.razor
index b2fabcf..ddaaee7 100644
--- a/DeepDrftPublic.Client/Layout/DeepDrftMenu.razor
+++ b/DeepDrftPublic.Client/Layout/DeepDrftMenu.razor
@@ -18,7 +18,7 @@
         <div class="dd-nav-actions">
             <button type="button"
                     class="dd-nav-cta"
-                    disabled="@_streamLoading"
+                    disabled="@(_streamLoading || !RendererInfo.IsInteractive)"
                     aria-busy="@_streamLoading.ToString().ToLowerInvariant()"
                     @onclick="StreamNow">
                 @if (_findingTrack)
@@ -80,7 +80,7 @@
                 <li>
                     <button type="button"
                             class="dd-nav-cta"
-                            disabled="@_streamLoading"
+                            disabled="@(_streamLoading || !RendererInfo.IsInteractive)"
                             aria-busy="@_streamLoading.ToString().ToLowerInvariant()"
                             @onclick="StreamNowMobile">
                         @if (_findingTrack)
diff --git a/DeepDrftPublic.Client/Pages/TracksView.razor b/DeepDrftPublic.Client/Pages/TracksView.razor
index 83a0e79..401cc71 100644
--- a/DeepDrftPublic.Client/Pages/TracksView.razor
+++ b/DeepDrftPublic.Client/Pages/TracksView.razor
@@ -8,7 +8,7 @@
         @if (ViewModel.Page != null)
         {
             <div class="tracks-view-header">
-                <MudToggleGroup T="GalleryViewMode" @bind-Value="_viewMode" Class="tracks-view-toggle">
+                <MudToggleGroup T="GalleryViewMode" @bind-Value="_viewMode" Disabled="@(!RendererInfo.IsInteractive)" Class="tracks-view-toggle">
                     <MudToggleItem Value="GalleryViewMode.Grid">
                         <MudIcon Icon="@Icons.Material.Filled.ViewModule"/>
                     </MudToggleItem>
@@ -30,6 +30,7 @@
                 <MudPagination Count="@ViewModel.Page.TotalPages"
                                 Selected="@ViewModel.Page.Page"
                                 SelectedChanged="@SetPage"
+                                Disabled="@(!RendererInfo.IsInteractive)"
                                 BoundaryCount="2"
                                 MiddleCount="3"/>
             </div>