Combined Resources View (#987)

* Combined Resources View

* Bug fixes, code review changes

* Add a couple missing tooltips

src/Aspire.Dashboard/Aspire.Dashboard.csproj

@@ -28,7 +28,7 @@
   </ItemGroup>
 
   <ItemGroup>
-    <InternalsVisibleTo Include="Aspire.Dashboard.Tests"/>
+    <InternalsVisibleTo Include="Aspire.Dashboard.Tests" />
   </ItemGroup>
 
 </Project>

src/Aspire.Dashboard/Components/Controls/GridValue.razor

@@ -7,13 +7,19 @@
             ●●●●●●●●
         </span>
     }
-    else
+    else if (EnableHighlighting)
     {
-        <span class="cellText" title="@Value">
+        <span class="cellText" title="@(ToolTip ?? Value)">
             <FluentHighlighter HighlightedText="@HighlightText"
                                Text="@Value" />
         </span>
     }
+    else
+    {
+        <span class="cellText" title="@(ToolTip ?? Value)">
+            @(MaxDisplayLength.HasValue ? TrimLength(Value) : Value)
+        </span>
+    }
     @if (EnableMasking)
     {
         <FluentButton Appearance="Appearance.Lightweight"

src/Aspire.Dashboard/Components/Controls/GridValue.razor.cs

@@ -24,6 +24,9 @@ public partial class GridValue
     [Parameter]
     public bool IsMasked { get; set; }
 
+    [Parameter]
+    public bool EnableHighlighting { get; set; } = false;
+
     /// <summary>
     /// The text to highlight within the value when the value is displayed unmasked
     /// </summary>
@@ -33,6 +36,12 @@ public partial class GridValue
     [Parameter]
     public EventCallback<bool> IsMaskedChanged { get; set; }
 
+    [Parameter]
+    public int? MaxDisplayLength { get; set; }
+
+    [Parameter]
+    public string? ToolTip { get; set; }
+
     private const string PreCopyText = "Copy to clipboard";
     private const string PostCopyText = "Copied!";
 
@@ -48,4 +57,7 @@ private async Task ToggleMaskStateAsync()
 
     private async Task CopyTextToClipboardAsync(string? text, string id)
         => await JS.InvokeVoidAsync("copyTextToClipboard", id, text, PreCopyText, PostCopyText);
+
+    private static string TrimLength(string? text)
+        => text?.Length > 8 ? text.Substring(0, 8) : text ?? string.Empty;
 }

src/Aspire.Dashboard/Components/Layout/NavMenu.razor

@@ -1,8 +1,8 @@
 <div class="nav-menu-container">
     <FluentNavMenu Width="250" Collapsible="true">
-        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppGeneric())" Href="/" Match="NavLinkMatch.All">Projects</FluentNavLink>
-        <FluentNavLink Icon="@(new Icons.Regular.Size24.BinFull())" Href="/Containers">Containers</FluentNavLink>
-        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppGeneric())" Href="/Executables">Executables</FluentNavLink>
+        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppFolder())" Href="/" Match="NavLinkMatch.All">Resources</FluentNavLink>
+        @* <FluentNavLink Icon="@(new Icons.Regular.Size24.BinFull())" Href="/Containers">Containers</FluentNavLink>
+        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppGeneric())" Href="/Executables">Executables</FluentNavLink> *@
         <FluentNavGroup Title="Logs" Icon="@(new Icons.Regular.Size24.SlideText())" Expanded="true" Gap="10px 0;">
             <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideText())" Href="/ProjectLogs">Project</FluentNavLink>
             <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideText())" Href="/ContainerLogs">Container</FluentNavLink>