Update footer and some visuals

rhamlett · rhamlett · commit 5299661772ff · 2026-02-23T13:49:52.000-05:00
diff --git a/src/PerfProblemSimulator/Controllers/ConfigController.cs b/src/PerfProblemSimulator/Controllers/ConfigController.cs
@@ -33,7 +33,8 @@ public ActionResult<ClientConfig> GetConfig()
     {
         return Ok(new ClientConfig
         {
-            AppTitle = _options.AppTitle
+            AppTitle = _options.AppTitle,
+            PageFooter = _options.PageFooter
         });
     }
 }
@@ -47,4 +48,9 @@ public class ClientConfig
     /// The title displayed in the dashboard header.
     /// </summary>
     public required string AppTitle { get; init; }
+
+    /// <summary>
+    /// Custom HTML content for the page footer. Empty string if not configured.
+    /// </summary>
+    public string PageFooter { get; init; } = "";
 }
diff --git a/src/PerfProblemSimulator/Controllers/CpuController.cs b/src/PerfProblemSimulator/Controllers/CpuController.cs
@@ -37,18 +37,22 @@ namespace PerfProblemSimulator.Controllers;
 public class CpuController : ControllerBase
 {
     private readonly ICpuStressService _cpuStressService;
+    private readonly ISimulationTracker _simulationTracker;
     private readonly ILogger<CpuController> _logger;
 
     /// <summary>
     /// Initializes a new instance of the <see cref="CpuController"/> class.
     /// </summary>
     /// <param name="cpuStressService">Service for triggering CPU stress.</param>
+    /// <param name="simulationTracker">Service for tracking and cancelling simulations.</param>
     /// <param name="logger">Logger for request tracking.</param>
     public CpuController(
         ICpuStressService cpuStressService,
+        ISimulationTracker simulationTracker,
         ILogger<CpuController> logger)
     {
         _cpuStressService = cpuStressService ?? throw new ArgumentNullException(nameof(cpuStressService));
+        _simulationTracker = simulationTracker ?? throw new ArgumentNullException(nameof(simulationTracker));
         _logger = logger ?? throw new ArgumentNullException(nameof(logger));
     }
 
@@ -137,4 +141,26 @@ public async Task<IActionResult> TriggerHighCpu(
                 ErrorResponse.SimulationError("Failed to start CPU stress simulation. See server logs for details."));
         }
     }
+
+    /// <summary>
+    /// Stops all active CPU stress simulations.
+    /// </summary>
+    /// <returns>Number of simulations that were stopped.</returns>
+    /// <response code="200">CPU stress simulations stopped.</response>
+    [HttpPost("stop")]
+    [ProducesResponseType(typeof(object), StatusCodes.Status200OK)]
+    public IActionResult Stop()
+    {
+        _logger.LogInformation("Stopping all CPU stress simulations");
+        
+        var cancelled = _simulationTracker.CancelByType(SimulationType.Cpu);
+        
+        _logger.LogInformation("Stopped {Count} CPU stress simulations", cancelled);
+        
+        return Ok(new 
+        { 
+            message = $"Stopped {cancelled} CPU stress simulation(s)",
+            cancelledCount = cancelled
+        });
+    }
 }
diff --git a/src/PerfProblemSimulator/Models/ProblemSimulatorOptions.cs b/src/PerfProblemSimulator/Models/ProblemSimulatorOptions.cs
@@ -28,4 +28,15 @@ public class ProblemSimulatorOptions
     /// the environment variable: ProblemSimulator__AppTitle
     /// </remarks>
     public string AppTitle { get; set; } = "Performance Problem Simulator";
+
+    /// <summary>
+    /// Custom HTML content for the page footer's second line.
+    /// </summary>
+    /// <remarks>
+    /// Can be overridden via Azure App Service configuration using
+    /// the environment variable: ProblemSimulator__PageFooter
+    /// Supports HTML content including links.
+    /// If not set, the footer will only show the app description and build info.
+    /// </remarks>
+    public string PageFooter { get; set; } = "";
 }
diff --git a/src/PerfProblemSimulator/Services/SimulationTracker.cs b/src/PerfProblemSimulator/Services/SimulationTracker.cs
@@ -62,6 +62,13 @@ void RegisterSimulation(
     /// <returns>Number of simulations that were cancelled.</returns>
     int CancelAll();
 
+    /// <summary>
+    /// Cancels all active simulations of a specific type.
+    /// </summary>
+    /// <param name="type">The simulation type to cancel.</param>
+    /// <returns>Number of simulations that were cancelled.</returns>
+    int CancelByType(SimulationType type);
+
     /// <summary>
     /// Tries to get information about a specific simulation.
     /// </summary>
@@ -272,6 +279,41 @@ public int CancelAll()
         return cancelled;
     }
 
+    /// <inheritdoc />
+    public int CancelByType(SimulationType type)
+    {
+        var cancelled = 0;
+        var toRemove = new List<Guid>();
+
+        foreach (var kvp in _simulations)
+        {
+            if (kvp.Value.Info.Type == type)
+            {
+                try
+                {
+                    kvp.Value.CancellationSource.Cancel();
+                    cancelled++;
+                    toRemove.Add(kvp.Key);
+                }
+                catch (ObjectDisposedException)
+                {
+                    // Cancellation source was already disposed, still remove
+                    toRemove.Add(kvp.Key);
+                }
+            }
+        }
+
+        // Remove cancelled simulations
+        foreach (var id in toRemove)
+        {
+            _simulations.TryRemove(id, out _);
+        }
+
+        _logger.LogInformation("Cancelled {Count} {Type} simulations", cancelled, type);
+
+        return cancelled;
+    }
+
     /// <inheritdoc />
     public bool TryGetSimulation(Guid simulationId, out ActiveSimulationInfo? info)
     {
diff --git a/src/PerfProblemSimulator/wwwroot/azure-deployment.html b/src/PerfProblemSimulator/wwwroot/azure-deployment.html
@@ -638,6 +638,57 @@ <h3>Verify Deployment</h3>
             </ol>
         </section>
 
+        <section id="optional-config" class="card">
+            <h2>Optional Configuration</h2>
+            <p>You can customize the application behavior using Azure App Service environment variables.</p>
+
+            <h3>Custom Page Footer</h3>
+            <p>Set a custom footer message that appears on all pages. The footer supports HTML, allowing you to include links.</p>
+            
+            <h4>Environment Variable</h4>
+            <table style="width:100%; border-collapse: collapse; margin: 1rem 0;">
+                <tr style="background: #f5f5f5;">
+                    <th style="padding: 0.75rem; text-align: left; border: 1px solid #ddd;">Variable Name</th>
+                    <th style="padding: 0.75rem; text-align: left; border: 1px solid #ddd;">Description</th>
+                </tr>
+                <tr>
+                    <td style="padding: 0.75rem; border: 1px solid #ddd;"><code>ProblemSimulator__PageFooter</code></td>
+                    <td style="padding: 0.75rem; border: 1px solid #ddd;">HTML content for the footer's second line. If not set, only the app description and build info are shown.</td>
+                </tr>
+            </table>
+
+            <h4>Example Value</h4>
+            <pre><code>Created by &lt;a href="https://speckit.org/"&gt;SpecKit&lt;/a&gt; and &lt;a href="https://github.com/copilot"&gt;Github Copilot&lt;/a&gt; in collaboration with &lt;a href="mailto:rhamlett@microsoft.com"&gt;Richard Hamlett&lt;/a&gt;</code></pre>
+
+            <h4>Setting via Azure CLI</h4>
+            <pre><code># Set the footer via Azure CLI
+az webapp config appsettings set --name $APP_NAME --resource-group $RESOURCE_GROUP \
+  --settings 'ProblemSimulator__PageFooter=Created by &lt;a href="https://speckit.org/"&gt;SpecKit&lt;/a&gt; and &lt;a href="https://github.com/copilot"&gt;Github Copilot&lt;/a&gt; in collaboration with &lt;a href="mailto:rhamlett@microsoft.com"&gt;Richard Hamlett&lt;/a&gt;'</code></pre>
+
+            <h4>Setting via Azure Portal</h4>
+            <ol>
+                <li>Navigate to your App Service in the Azure Portal</li>
+                <li>Go to <strong>Settings</strong> → <strong>Environment variables</strong></li>
+                <li>Click <strong>+ Add</strong></li>
+                <li>Set Name: <code>ProblemSimulator__PageFooter</code></li>
+                <li>Set Value: Your HTML footer content</li>
+                <li>Click <strong>Apply</strong>, then <strong>Confirm</strong></li>
+            </ol>
+
+            <h3>Custom App Title</h3>
+            <p>You can also customize the application title displayed in the header:</p>
+            <table style="width:100%; border-collapse: collapse; margin: 1rem 0;">
+                <tr style="background: #f5f5f5;">
+                    <th style="padding: 0.75rem; text-align: left; border: 1px solid #ddd;">Variable Name</th>
+                    <th style="padding: 0.75rem; text-align: left; border: 1px solid #ddd;">Default Value</th>
+                </tr>
+                <tr>
+                    <td style="padding: 0.75rem; border: 1px solid #ddd;"><code>ProblemSimulator__AppTitle</code></td>
+                    <td style="padding: 0.75rem; border: 1px solid #ddd;">Performance Problem Simulator</td>
+                </tr>
+            </table>
+        </section>
+
         <section id="troubleshooting" class="card">
             <h2>Troubleshooting</h2>
 
@@ -747,6 +798,9 @@ <h2>Quick Reference - CLI One-Liner</h2>
                         <li class="doc-toc-item">
                             <a href="#deploy"><span class="toc-icon">6️⃣</span>Deploy</a>
                         </li>
+                        <li class="doc-toc-item">
+                            <a href="#optional-config"><span class="toc-icon">⚙️</span>Optional Config</a>
+                        </li>
                         <div class="doc-toc-divider"></div>
                         <div class="doc-toc-section-label">Reference</div>
                         <li class="doc-toc-item">
@@ -759,10 +813,32 @@ <h2>Quick Reference - CLI One-Liner</h2>
     </div><!-- /.doc-layout -->
 
     <footer class="footer">
-        <p>Performance Problem Simulator - Educational Tool for Azure App Service Diagnostics</p>
-        <p>Created by <a href="https://speckit.org/" target="_blank">SpecKit</a> in collaboration with <a href="mailto:rhamlett@microsoft.com">Richard Hamlett</a></p>
+        <p>Performance Problem Simulator — Educational Tool for Azure App Service Diagnostics</p>
+        <p id="pageFooterContent"></p>
     </footer>
 
+    <script>
+        // Fetch and display custom page footer
+        (async function() {
+            try {
+                const response = await fetch('/api/config');
+                if (response.ok) {
+                    const config = await response.json();
+                    const footerEl = document.getElementById('pageFooterContent');
+                    if (footerEl) {
+                        if (config.pageFooter && config.pageFooter.trim()) {
+                            footerEl.innerHTML = config.pageFooter;
+                        } else {
+                            footerEl.style.display = 'none';
+                        }
+                    }
+                }
+            } catch (e) {
+                console.error('Failed to fetch config', e);
+            }
+        })();
+    </script>
+
     <script>
         // Sidebar drawer toggle
         const hamburgerBtn = document.getElementById('hamburger-btn');
diff --git a/src/PerfProblemSimulator/wwwroot/azure-monitoring-guide.html b/src/PerfProblemSimulator/wwwroot/azure-monitoring-guide.html
@@ -1291,8 +1291,8 @@ <h2>🔗 Additional Resources</h2>
 
         <!-- Footer -->
         <footer class="footer">
-            <p>Performance Problem Simulator - Educational Tool for Azure App Service Diagnostics</p>
-            <p>Created by <a href="https://speckit.org/" target="_blank">SpecKit</a> in collaboration with <a href="mailto:rhamlett@microsoft.com">Richard Hamlett</a></p>
+            <p>Performance Problem Simulator — Educational Tool for Azure App Service Diagnostics</p>
+            <p id="pageFooterContent"></p>
         </footer>
         </div><!-- /.doc-container -->
         </div><!-- /.doc-main -->
@@ -1348,6 +1348,28 @@ <h2>🔗 Additional Resources</h2>
         </aside>
     </div><!-- /.doc-layout -->
 
+    <script>
+        // Fetch and display custom page footer
+        (async function() {
+            try {
+                const response = await fetch('/api/config');
+                if (response.ok) {
+                    const config = await response.json();
+                    const footerEl = document.getElementById('pageFooterContent');
+                    if (footerEl) {
+                        if (config.pageFooter && config.pageFooter.trim()) {
+                            footerEl.innerHTML = config.pageFooter;
+                        } else {
+                            footerEl.style.display = 'none';
+                        }
+                    }
+                }
+            } catch (e) {
+                console.error('Failed to fetch config', e);
+            }
+        })();
+    </script>
+
     <script>
         // Sidebar drawer toggle
         const hamburgerBtn = document.getElementById('hamburger-btn');
diff --git a/src/PerfProblemSimulator/wwwroot/documentation.html b/src/PerfProblemSimulator/wwwroot/documentation.html
@@ -1234,8 +1234,8 @@ <h3>What It Tests</h3>
 
         <!-- Footer -->
         <footer class="footer">
-            <p>Performance Problem Simulator - Educational Tool for Azure App Service Diagnostics</p>
-            <p>Created by <a href="https://speckit.org/" target="_blank">SpecKit</a> in collaboration with <a href="mailto:rhamlett@microsoft.com">Richard Hamlett</a></p>
+            <p>Performance Problem Simulator — Educational Tool for Azure App Service Diagnostics</p>
+            <p id="pageFooterContent"></p>
         </footer>
         </div><!-- /.doc-container -->
         </div><!-- /.doc-main -->
@@ -1289,6 +1289,28 @@ <h3>What It Tests</h3>
         </aside>
     </div><!-- /.doc-layout -->
 
+    <script>
+        // Fetch and display custom page footer
+        (async function() {
+            try {
+                const response = await fetch('/api/config');
+                if (response.ok) {
+                    const config = await response.json();
+                    const footerEl = document.getElementById('pageFooterContent');
+                    if (footerEl) {
+                        if (config.pageFooter && config.pageFooter.trim()) {
+                            footerEl.innerHTML = config.pageFooter;
+                        } else {
+                            footerEl.style.display = 'none';
+                        }
+                    }
+                }
+            } catch (e) {
+                console.error('Failed to fetch config', e);
+            }
+        })();
+    </script>
+
     <script>
         // Sidebar drawer toggle
         const hamburgerBtn = document.getElementById('hamburger-btn');
diff --git a/src/PerfProblemSimulator/wwwroot/index.html b/src/PerfProblemSimulator/wwwroot/index.html
@@ -68,7 +68,7 @@ <h2>🔥 PerfSim .NET</h2>
             </a>
         </nav>
         <div class="sidebar-footer">
-            PerfSim .NET v1.0 • .NET 8/10
+            Build: <span id="sidebarBuildTime">--</span>
         </div>
     </aside>
 
@@ -307,8 +307,8 @@ <h2>📜 Event Log</h2>
     </main>
 
     <footer class="footer">
-        <p>Performance Problem Simulator - Educational Tool for Azure App Service Diagnostics</p>
-        <p>Created by <a href="https://speckit.org/" target="_blank">SpecKit</a> in collaboration with <a href="mailto:rhamlett@microsoft.com">Richard Hamlett</a></p>
+        <p>Performance Problem Simulator — Educational Tool for Azure App Service Diagnostics</p>
+        <p id="pageFooterContent"></p>
         <p>Build: <span id="buildTime">--</span></p>
     </footer>
 
diff --git a/src/PerfProblemSimulator/wwwroot/js/dashboard.js b/src/PerfProblemSimulator/wwwroot/js/dashboard.js

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,8 @@ public ActionResult<ClientConfig> GetConfig()`
`33`	`33`	`{`
`34`	`34`	`return Ok(new ClientConfig`
`35`	`35`	`{`
`36`		`- AppTitle = _options.AppTitle`
	`36`	`+ AppTitle = _options.AppTitle,`
	`37`	`+ PageFooter = _options.PageFooter`
`37`	`38`	`});`
`38`	`39`	`}`
`39`	`40`	`}`
`@@ -47,4 +48,9 @@ public class ClientConfig`
`47`	`48`	`/// The title displayed in the dashboard header.`
`48`	`49`	`/// </summary>`
`49`	`50`	`public required string AppTitle { get; init; }`
	`51`	`+`
	`52`	`+ /// <summary>`
	`53`	`+ /// Custom HTML content for the page footer. Empty string if not configured.`
	`54`	`+ /// </summary>`
	`55`	`+ public string PageFooter { get; init; } = "";`
`50`	`56`	`}`