feat: history tracking, issue indicators, clickable navigation, sidebar icons

.vscode/launch.json

@@ -7,7 +7,7 @@
       "request": "launch",
       "args": ["--extensionDevelopmentPath=${workspaceFolder}", "${workspaceFolder}/testdata"],
       "outFiles": ["${workspaceFolder}/out/**/*.js"],
-      "preLaunchTask": "${defaultBuildTask}"
+      "preLaunchTask": "Build & seed history"
     }
   ]
 }

.vscode/tasks.json

@@ -2,16 +2,27 @@
   "version": "2.0.0",
   "tasks": [
     {
+      "label": "npm: compile",
       "type": "npm",
       "script": "compile",
-      "group": {
-        "kind": "build",
-        "isDefault": true
-      },
-      "presentation": {
-        "reveal": "silent"
-      },
+      "group": { "kind": "build", "isDefault": true },
+      "presentation": { "reveal": "silent" },
       "problemMatcher": "$tsc"
+    },
+    {
+      "label": "Seed test snapshots",
+      "type": "shell",
+      "command": "node scripts/gen-test-snapshots.js",
+      "presentation": { "reveal": "silent", "panel": "shared" },
+      "problemMatcher": []
+    },
+    {
+      "label": "Build & seed history",
+      "dependsOrder": "sequence",
+      "dependsOn": ["npm: compile", "Seed test snapshots"],
+      "group": { "kind": "build", "isDefault": false },
+      "presentation": { "reveal": "silent" },
+      "problemMatcher": []
     }
   ]
 }

.vscodeignore

@@ -4,6 +4,8 @@ src/**
 testdata/**
 out/**/*.map
 node_modules/**
+!node_modules/@vscode/codicons/dist/codicon.css
+!node_modules/@vscode/codicons/dist/codicon.ttf
 **/.gitignore
 **/.vscodeignore
 tsconfig.json

media/webview.css

@@ -230,6 +230,19 @@ button { font-family: inherit; color: inherit; background: none; border: none; c
 .kpi-sev-delta.up   { color: var(--sev-critical); }
 .kpi-sev-delta.down { color: #4ade80; }
 .kpi-sev-delta.flat { color: var(--fg-dim); }
+.kpi-delta.up[style*="cursor"],
+.kpi-sev-delta.up[style*="cursor"] { text-decoration: underline dotted; }
+.kpi-delta.up[style*="cursor"]:hover,
+.kpi-sev-delta.up[style*="cursor"]:hover { text-decoration: underline; }
+
+/* ── New issue badge ─────────────────────────────────────────────────────────── */
+.new-badge {
+  display: inline-flex; align-items: center;
+  padding: 1px 5px; border-radius: 4px;
+  font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
+  background: rgba(248,113,113,0.12); color: #f87171; border: 1px solid rgba(248,113,113,0.35);
+  margin-left: 4px; flex-shrink: 0; vertical-align: middle;
+}
 
 /* ── Layout grid ─────────────────────────────────────────────────────────────── */
 .row { display: grid; gap: var(--gap); margin-bottom: var(--gap); }
@@ -305,7 +318,13 @@ button { font-family: inherit; color: inherit; background: none; border: none; c
   gap: 10px;
   align-items: center;
   font-size: 12px;
+  border-radius: 4px;
+  padding: 2px 4px;
+  margin: -2px -4px;
 }
+.bar-row.clickable { cursor: pointer; }
+.bar-row.clickable:hover { background: var(--surface-2); }
+.kpi-sev[style*="cursor"]:hover { background: var(--surface-2); border-radius: var(--r-md); }
 
 .bar-label {
   font-family: var(--font-mono);
@@ -455,6 +474,10 @@ button { font-family: inherit; color: inherit; background: none; border: none; c
 
 .qf-chip:hover { border-color: var(--border-strong); color: var(--fg); }
 .qf-chip.active { background: var(--accent); color: #000; border-color: var(--accent); font-weight: 600; }
+.qf-chip.new-toggle { color: #f87171; border-color: rgba(248,113,113,0.3); }
+.qf-chip.new-toggle:hover:not(:disabled) { border-color: #f87171; }
+.qf-chip.new-toggle.active { background: rgba(248,113,113,0.15); color: #f87171; border-color: #f87171; font-weight: 600; }
+.qf-chip.disabled, .qf-chip:disabled { opacity: 0.4; cursor: default; }
 
 /* Active filter chips (above table) */
 #active-filters {