Add pause warning to metrics

src/Aspire.Dashboard/Components/Controls/Chart/ChartContainer.razor

@@ -15,6 +15,7 @@ else
         <div class="metrics-chart-header">
             <h3>@_instrument.Summary.Name</h3>
             <p>@_instrument.Summary.Description</p>
+
             @if (_instrument.HasOverflow)
             {
                 <div class="block-warning">
@@ -29,6 +30,12 @@ else
                     </div>
                 </div>
             }
+
+            @if (PauseText is not null)
+            {
+                <PauseWarning PauseText="@PauseText" />
+            }
+
         </div>
         <FluentTabs ActiveTabId="@($"tab-{ActiveView}")" OnTabChange="@OnTabChangeAsync" Size="null">
             <FluentTab LabelClass="tab-label"

src/Aspire.Dashboard/Components/Controls/Chart/ChartContainer.razor.cs

@@ -43,6 +43,9 @@ public partial class ChartContainer : ComponentBase, IAsyncDisposable
     [Parameter, EditorRequired]
     public required List<OtlpApplication> Applications { get; set; }
 
+    [Parameter, EditorRequired]
+    public required string? PauseText { get; set; }
+
     [Inject]
     public required TelemetryRepository TelemetryRepository { get; init; }
 

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

@@ -0,0 +1,19 @@
+@using Aspire.Dashboard.Resources
+
+@inject IStringLocalizer<ControlsStrings> Loc
+
+<div class="block-warning">
+    <div class="block-warning-icon">
+        <FluentIcon Value="new Icons.Filled.Size16.Warning()" Color="Color.Warning" />
+    </div>
+
+    <div class="block-warning-message">
+        <span class="title">@Loc[nameof(ControlsStrings.TotalItemsFooterCapturePaused)]</span>
+        @PauseText
+    </div>
+</div>
+
+@code {
+    [Parameter, EditorRequired]
+    public required string PauseText { get; set; }
+}

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

@@ -9,16 +9,7 @@
 
     @if (PauseText is not null)
     {
-        <div class="block-warning">
-            <div class="block-warning-icon">
-                <FluentIcon Value="new Icons.Filled.Size16.Warning()" Color="Color.Warning" />
-            </div>
-
-            <div class="block-warning-message">
-                <span class="title">@Loc[nameof(ControlsStrings.TotalItemsFooterCapturePaused)]</span>
-                @PauseText
-            </div>
-        </div>
+        <PauseWarning PauseText="@PauseText" />
     }
 </div>
 

src/Aspire.Dashboard/Components/Pages/Metrics.razor

@@ -108,7 +108,8 @@
                                             Duration="PageViewModel.SelectedDuration.Id"
                                             ActiveView="@(PageViewModel.SelectedViewKind ?? Metrics.MetricViewKind.Graph)"
                                             OnViewChangedAsync="@OnViewChangedAsync"
-                                            Applications="@_applications" />
+                                            Applications="@_applications"
+                                            PauseText="@PauseText" />
                                     }
                                     else if (PageViewModel.SelectedMeter != null)
                                     {

src/Aspire.Dashboard/Components/Pages/Metrics.razor.cs

@@ -70,6 +70,9 @@ public partial class Metrics : IDisposable, IComponentWithTelemetry, IPageWithSe
     [Inject]
     public required PauseManager PauseManager { get; init; }
 
+    [Inject]
+    public required BrowserTimeProvider TimeProvider { get; init; }
+
     [CascadingParameter]
     public required ViewportInformation ViewportInformation { get; init; }
 
@@ -218,6 +221,13 @@ private Task HandleSelectedDurationChangedAsync()
         return this.AfterViewModelChangedAsync(_contentLayout, waitToApplyMobileChange: true);
     }
 
+    private string? PauseText => PauseManager.AreMetricsPaused(out var startTime)
+        ? string.Format(
+            CultureInfo.CurrentCulture,
+            Loc[nameof(Dashboard.Resources.Metrics.PauseInProgressText)],
+            FormatHelpers.FormatTimeWithOptionalDate(TimeProvider, startTime.Value, MillisecondsDisplay.Truncated))
+        : null;
+
     public sealed class MetricsViewModel
     {
         public FluentTreeItem? SelectedTreeItem { get; set; }

src/Aspire.Dashboard/Components/Pages/Traces.razor.cs

@@ -249,7 +249,7 @@ private void OnBrowserResize(object? o, EventArgs args)
     private string? PauseText => PauseManager.AreTracesPaused(out var startTime)
         ? string.Format(
             CultureInfo.CurrentCulture,
-            Loc[nameof(Dashboard.Resources.StructuredLogs.PauseInProgressText)],
+            Loc[nameof(Dashboard.Resources.Traces.PauseInProgressText)],
             FormatHelpers.FormatTimeWithOptionalDate(TimeProvider, startTime.Value, MillisecondsDisplay.Truncated))
         : null;