Add hint for shockosc module manager

Author: LucHeart

Desktop/Config/AppConfig.cs

@@ -13,6 +13,8 @@ public sealed class AppConfig
     public SemVersion? LastIgnoredVersion { get; set; } = null;
 
     public Theme Theme { get; set; } = Theme.Dark;
+    
+    public bool ShockOscNoticeDismissed { get; set; } = false;
 }
 
 public enum UpdateChannel

Desktop/Ui/Pages/Dash/Tabs/DashboardTab.razor

@@ -15,10 +15,24 @@
 @inject OpenShockHubClient ApiHubClient
 @inject ISnackbar Snackbar
 @inject ConfigManager ConfigManager
+@inject NavigationManager NavigationManager
 @implements IAsyncDisposable
 
 @page "/dash/dashboard"
 
+@* ShockOSC download notice (dismissible) *@
+@if (!ConfigManager.Config.App.ShockOscNoticeDismissed)
+{
+    <div style="padding-bottom: 20px;">
+        <MudAlert Severity="Severity.Info" Variant="Variant.Filled" Elevation="0" ShowCloseIcon="true" CloseIconClicked="DismissShockOscNotice" Class="alert-center-icon">
+            <div class="d-flex" style="align-items: center; gap: 12px; flex-wrap: wrap;">
+                <MudText Typo="Typo.body2">New here? For VRChat integration download and install ShockOSC.</MudText>
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" Size="Size.Small" StartIcon="@Icons.Material.Filled.Download" OnClick="GoToModuleManager">Go to Moudle Manager</MudButton>
+            </div>
+        </MudAlert>
+    </div>
+}
+
 <div class="dashboard-box">
     <MudPaper Outlined="true" Elevation="1" Class="rounded-lg mud-paper-padding item" Style="text-align: center">
         <MudText Typo="Typo.h6">Welcome to OpenShock Desktop</MudText>
@@ -108,6 +122,7 @@
 
     private void OpenOpenShock() => UiUtils.OpenUrl("https://openshock.org", Snackbar);
     private void OpenGithub() => UiUtils.OpenUrl("https://github.com/OpenShock/Desktop", Snackbar);
+    private void GoToModuleManager() => NavigationManager.NavigateTo("/dash/modules?OpenAvailableModules=true");
     private IAsyncDisposable _statusSubscription = null!;
 
     protected override async Task OnInitializedAsync()
@@ -126,6 +141,13 @@
             _ => Color.Error
         };
 
+    private async Task DismissShockOscNotice()
+    {
+        ConfigManager.Config.App.ShockOscNoticeDismissed = true;
+        ConfigManager.Save();
+        await InvokeAsync(StateHasChanged);
+    }
+    
     private bool _disposed = false;
 
     public async ValueTask DisposeAsync()

Desktop/Ui/Pages/Dash/Tabs/ModuleManagerTab.razor

@@ -47,7 +47,7 @@
             </ChildContent>
         </MudExpansionPanel>
     }
-    <MudExpansionPanel>
+    <MudExpansionPanel @bind-Expanded="OpenAvailableModules">
         <TitleContent>
             Available
             <MudChip T="int">@_installableModules.Count</MudChip>
@@ -65,6 +65,10 @@
 
 @code {
 
+    [Parameter]
+    [SupplyParameterFromQuery]
+    public bool OpenAvailableModules { get; set; } = false;
+    
     private ImmutableDictionary<string, LoadedModule> _unknownModules = null!;
     private ImmutableDictionary<string, Module> _installableModules = null!;
     private ImmutableDictionary<string, LoadedModule> _installedModules = null!;

Desktop/Ui/Styles/Components/GlobalUtils.scss

@@ -0,0 +1,5 @@
+.alert-center-icon {
+  .mud-alert-icon {
+    align-self: center;
+  }
+}

Desktop/Ui/Styles/OpenShock.scss

@@ -1 +1,2 @@
-@use 'Components/ModuleManagerItem';
+@use 'Components/ModuleManagerItem';
+@use 'Components/GlobalUtils';