fix(web): show empty-state message when analytics charts have no data

Charts previously rendered as blank boxes when no context events existed in the selected range, which looked broken. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
chore(api): pin Microsoft.OpenApi 2.11.0 to fix GHSA-v5pm-xwqc-g5wc
2026-07-17 21:12:43 -04:00 · 2026-07-17 21:12:43 -04:00 · 2026-07-17 21:12:43 -04:00
4 changed files with 27 additions and 2 deletions
@@ -126,8 +126,19 @@

@section Scripts {
 <script>
+    function showChartEmptyState(canvasId, message) {
+        var canvas = document.getElementById(canvasId);
+        var container = canvas.closest('.chart-container');
+        container.innerHTML = '<div class="search-empty">' + message + '</div>';
+        container.style.display = 'flex';
+        container.style.alignItems = 'center';
+        container.style.justifyContent = 'center';
+    }
+
    // Timeline bar chart
-    if (timelineData.length > 0) {
+    if (timelineData.length === 0) {
+        showChartEmptyState('timeline-chart', 'No activity recorded in this time range.');
+    } else {
        new Chart(document.getElementById('timeline-chart'), {
            type: 'bar',
            data: {
@@ -169,7 +180,9 @@
    }

    // Category donut chart
-    if (categoryData.length > 0) {
+    if (categoryData.length === 0) {
+        showChartEmptyState('category-chart', 'No categorized activity in this time range.');
+    } else {
        new Chart(document.getElementById('category-chart'), {
            type: 'doughnut',
            data: {
@@ -4,6 +4,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>TaskTracker</title>
+    <link rel="icon" type="image/svg+xml" href="~/favicon.svg" />
    <link rel="stylesheet" href="~/css/site.css" />
 </head>
 <body class="app">
@@ -10,6 +10,7 @@
      <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
      <PrivateAssets>all</PrivateAssets>
    </PackageReference>
+    <PackageReference Include="Microsoft.OpenApi" Version="2.11.0" />
    <PackageReference Include="Swashbuckle.AspNetCore" Version="10.1.4" />
  </ItemGroup>

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#8b5cf6"/>
+      <stop offset="1" stop-color="#6366f1"/>
+    </linearGradient>
+  </defs>
+  <rect width="32" height="32" rx="7" fill="url(#g)"/>
+  <text x="16" y="23" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="19" font-weight="700" fill="#fff">T</text>
+</svg>