From 6dcb5ad0b4fb4ce8d50568f3e33303b59bad7496 Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 07:53:48 +0530
Subject: [PATCH 1/8] feat(dashboard): add vitest + testing-library devDeps,
 wire into CI

Adds vitest@^4.0.0 (matching workspace root), @testing-library/react@^16
(React 19 compatible), @testing-library/user-event, @testing-library/jest-dom,
jsdom@^26, and @vitest/coverage-v8 to dashboard devDependencies.

Creates dashboard/vitest.config.ts with jsdom environment, @/ path alias, and
jest-dom setup file. Wires dashboard/vitest.config.ts into vitest.workspace.ts
so root-level `pnpm test` runs dashboard tests in CI.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 dashboard/package.json      |  11 +-
 dashboard/src/test-setup.ts |   1 +
 dashboard/vitest.config.ts  |  17 ++
 pnpm-lock.yaml              | 492 +++++++++++++++++++++++++++++++++++-
 vitest.workspace.ts         |   1 +
 5 files changed, 515 insertions(+), 7 deletions(-)
 create mode 100644 dashboard/src/test-setup.ts
 create mode 100644 dashboard/vitest.config.ts

diff --git a/dashboard/package.json b/dashboard/package.json
index 8a3513ec..234c40a2 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -7,7 +7,8 @@
   "scripts": {
     "build": "vite build",
     "dev": "vite",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest run"
   },
   "engines": {
     "node": ">=18.0.0"
@@ -36,13 +37,19 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.9",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.0.0",
     "@types/node": "^22.15.30",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/coverage-v8": "^4.0.0",
+    "jsdom": "^26.0.0",
     "tailwindcss": "^4.0.9",
     "typescript": "^5.9.3",
-    "vite": "^6.2.0"
+    "vite": "^6.2.0",
+    "vitest": "^4.0.0"
   }
 }
diff --git a/dashboard/src/test-setup.ts b/dashboard/src/test-setup.ts
new file mode 100644
index 00000000..7b0828bf
--- /dev/null
+++ b/dashboard/src/test-setup.ts
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';
diff --git a/dashboard/vitest.config.ts b/dashboard/vitest.config.ts
new file mode 100644
index 00000000..a0c248c4
--- /dev/null
+++ b/dashboard/vitest.config.ts
@@ -0,0 +1,17 @@
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: { '@': resolve(__dirname, 'src') },
+  },
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./src/test-setup.ts'],
+    include: ['src/**/*.test.tsx', 'src/**/*.test.ts'],
+    exclude: ['**/dist/**', '**/node_modules/**'],
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a63005f1..878de3b2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,10 +10,10 @@ importers:
     devDependencies:
       '@vitest/coverage-v8':
         specifier: ^4.0.18
-        version: 4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
+        version: 4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1))
       vitest:
         specifier: ^4.0.18
-        version: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1)
+        version: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1)
 
   cli:
     dependencies:
@@ -121,6 +121,15 @@ importers:
       '@tailwindcss/vite':
         specifier: ^4.0.9
         version: 4.2.1(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
+      '@testing-library/jest-dom':
+        specifier: ^6.0.0
+        version: 6.9.1
+      '@testing-library/react':
+        specifier: ^16.0.0
+        version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      '@testing-library/user-event':
+        specifier: ^14.0.0
+        version: 14.6.1(@testing-library/dom@10.4.1)
       '@types/node':
         specifier: ^22.15.30
         version: 22.19.13
@@ -136,6 +145,12 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^4.3.4
         version: 4.7.0(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
+      '@vitest/coverage-v8':
+        specifier: ^4.0.0
+        version: 4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1))
+      jsdom:
+        specifier: ^26.0.0
+        version: 26.1.0
       tailwindcss:
         specifier: ^4.0.9
         version: 4.2.1
@@ -145,6 +160,9 @@ importers:
       vite:
         specifier: ^6.2.0
         version: 6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1)
+      vitest:
+        specifier: ^4.0.0
+        version: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1)
 
   server:
     dependencies:
@@ -176,6 +194,12 @@ importers:
 
 packages:
 
+  '@adobe/css-tools@4.5.0':
+    resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==}
+
+  '@asamuzakjp/css-color@3.2.0':
+    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
+
   '@babel/code-frame@7.29.0':
     resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
@@ -267,6 +291,34 @@ packages:
     resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
     engines: {node: '>=18'}
 
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
   '@dnd-kit/accessibility@3.1.1':
     resolution: {integrity: sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==}
     peerDependencies:
@@ -1657,6 +1709,38 @@ packages:
     peerDependencies:
       react: ^18 || ^19
 
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/react@16.3.2':
+    resolution: {integrity: sha512-XU5/SytQM+ykqMnAnvB2umaJNIOsLF3PVv//1Ew4CTcpz0/BRyy/af40qqrt7SjKpDdT1saBMc42CUok5gaw+g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@testing-library/dom': ^10.0.0
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -1799,6 +1883,10 @@ packages:
   '@vitest/utils@4.0.18':
     resolution: {integrity: sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==}
 
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -1811,10 +1899,21 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
   aria-hidden@1.2.6:
     resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
     engines: {node: '>=10'}
 
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -1944,6 +2043,13 @@ packages:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssstyle@4.6.0:
+    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
+    engines: {node: '>=18'}
+
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
@@ -1991,6 +2097,10 @@ packages:
     resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
     engines: {node: '>=12'}
 
+  data-urls@5.0.0:
+    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
+    engines: {node: '>=18'}
+
   date-fns@4.1.0:
     resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
 
@@ -2006,6 +2116,9 @@ packages:
   decimal.js-light@2.5.1:
     resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
 
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
   decode-named-character-reference@1.3.0:
     resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
 
@@ -2035,6 +2148,12 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
   dompurify@3.3.1:
     resolution: {integrity: sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==}
 
@@ -2058,6 +2177,10 @@ packages:
     resolution: {integrity: sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==}
     engines: {node: '>=10.13.0'}
 
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -2227,12 +2350,28 @@ packages:
     resolution: {integrity: sha512-SFsVSjp8sj5UumXOOFlkZOG6XS9SJDKw0TbwFeV+AJ8xlST8kxK5Z/5EYa111UY8732lK2S/xB653ceuaoGwpg==}
     engines: {node: '>=16.9.0'}
 
+  html-encoding-sniffer@4.0.0:
+    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
+    engines: {node: '>=18'}
+
   html-escaper@2.0.2:
     resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
 
   html-url-attributes@3.0.1:
     resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
 
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   iconv-lite@0.7.2:
     resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
     engines: {node: '>=0.10.0'}
@@ -2246,6 +2385,10 @@ packages:
   immer@11.1.4:
     resolution: {integrity: sha512-XREFCPo6ksxVzP4E0ekD5aMdf8WMwmdNaz6vuvxgI40UaEiu6q3p8X52aU6GdyvLY3XXX/8R7JOTXStz/nBbRw==}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -2292,6 +2435,9 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
   is-unicode-supported@1.3.0:
     resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
     engines: {node: '>=12'}
@@ -2325,6 +2471,15 @@ packages:
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  jsdom@26.1.0:
+    resolution: {integrity: sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
   jsesc@3.1.0:
     resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
     engines: {node: '>=6'}
@@ -2422,6 +2577,9 @@ packages:
   lowlight@1.20.0:
     resolution: {integrity: sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==}
 
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -2430,6 +2588,10 @@ packages:
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -2592,6 +2754,10 @@ packages:
     resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
     engines: {node: '>=10'}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -2620,6 +2786,9 @@ packages:
   node-releases@2.0.27:
     resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
+  nwsapi@2.2.23:
+    resolution: {integrity: sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==}
+
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
@@ -2637,6 +2806,9 @@ packages:
   parse-entities@4.0.2:
     resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
 
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
   path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
@@ -2671,6 +2843,10 @@ packages:
     deprecated: No longer maintained. Please contact the author of the relevant native addon; alternatives are available.
     hasBin: true
 
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
   prismjs@1.30.0:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
@@ -2688,6 +2864,10 @@ packages:
   pump@3.0.3:
     resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==}
 
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
   query-selector-shadow-dom@1.0.1:
     resolution: {integrity: sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==}
 
@@ -2713,6 +2893,9 @@ packages:
     peerDependencies:
       react: ^19.2.4
 
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
   react-is@19.2.4:
     resolution: {integrity: sha512-W+EWGn2v0ApPKgKKCy/7s7WHXkboGcsrXE+2joLyVxkbyVQfO3MUEaUQDHoSmb8TFFrSKYa9mw64WZHNHSDzYA==}
 
@@ -2800,6 +2983,10 @@ packages:
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
   redux-thunk@3.1.0:
     resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
     peerDependencies:
@@ -2835,6 +3022,9 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rrweb-cssom@0.8.0:
+    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
+
   run-async@4.0.6:
     resolution: {integrity: sha512-IoDlSLTs3Yq593mb3ZoKWKXMNu3UpObxhgA/Xuid5p4bbfi2jdY1Hj0m1K+0/tEuQTxIGMhQDqGjKb7RuxGpAQ==}
     engines: {node: '>=0.12.0'}
@@ -2848,6 +3038,10 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
@@ -2929,6 +3123,10 @@ packages:
     resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
     engines: {node: '>=12'}
 
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   strip-json-comments@2.0.1:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
@@ -2943,6 +3141,9 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
   tailwind-merge@3.5.0:
     resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
 
@@ -2978,6 +3179,21 @@ packages:
     resolution: {integrity: sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==}
     engines: {node: '>=14.0.0'}
 
+  tldts-core@6.1.86:
+    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
+
+  tldts@6.1.86:
+    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
+    hasBin: true
+
+  tough-cookie@5.1.2:
+    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
+    engines: {node: '>=16'}
+
+  tr46@5.1.1:
+    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
+    engines: {node: '>=18'}
+
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -3136,9 +3352,30 @@ packages:
       jsdom:
         optional: true
 
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
   web-vitals@5.1.0:
     resolution: {integrity: sha512-ArI3kx5jI0atlTtmV0fWU3fjpLmq/nD3Zr1iFFlJLaqa5wLBkUSzINwBPySCX/8jRyjlmy1Volw1kz1g9XE4Jg==}
 
+  webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+
+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-url@14.2.0:
+    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
+    engines: {node: '>=18'}
+
   which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -3156,6 +3393,25 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  ws@8.21.0:
+    resolution: {integrity: sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
@@ -3168,6 +3424,16 @@ packages:
 
 snapshots:
 
+  '@adobe/css-tools@4.5.0': {}
+
+  '@asamuzakjp/css-color@3.2.0':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 10.4.3
+
   '@babel/code-frame@7.29.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
@@ -3284,6 +3550,26 @@ snapshots:
 
   '@bcoe/v8-coverage@1.0.2': {}
 
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
   '@dnd-kit/accessibility@3.1.1(react@19.2.4)':
     dependencies:
       react: 19.2.4
@@ -4572,6 +4858,42 @@ snapshots:
       '@tanstack/query-core': 5.90.20
       react: 19.2.4
 
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/runtime': 7.28.6
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.5.0
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/react@16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@babel/runtime': 7.28.6
+      '@testing-library/dom': 10.4.1
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+    optionalDependencies:
+      '@types/react': 19.2.14
+      '@types/react-dom': 19.2.3(@types/react@19.2.14)
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@types/aria-query@5.0.4': {}
+
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.29.0
@@ -4689,7 +5011,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/coverage-v8@4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))':
+  '@vitest/coverage-v8@4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1))':
     dependencies:
       '@bcoe/v8-coverage': 1.0.2
       '@vitest/utils': 4.0.18
@@ -4701,7 +5023,7 @@ snapshots:
       obug: 2.1.1
       std-env: 3.10.0
       tinyrainbow: 3.0.3
-      vitest: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1)
+      vitest: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1)
 
   '@vitest/expect@4.0.18':
     dependencies:
@@ -4742,6 +5064,8 @@ snapshots:
       '@vitest/pretty-format': 4.0.18
       tinyrainbow: 3.0.3
 
+  agent-base@7.1.4: {}
+
   ansi-regex@5.0.1: {}
 
   ansi-regex@6.2.2: {}
@@ -4750,10 +5074,18 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
+  ansi-styles@5.2.0: {}
+
   aria-hidden@1.2.6:
     dependencies:
       tslib: 2.8.1
 
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
   assertion-error@2.0.1: {}
 
   ast-v8-to-istanbul@0.3.12:
@@ -4871,6 +5203,13 @@ snapshots:
       shebang-command: 2.0.0
       which: 2.0.2
 
+  css.escape@1.5.1: {}
+
+  cssstyle@4.6.0:
+    dependencies:
+      '@asamuzakjp/css-color': 3.2.0
+      rrweb-cssom: 0.8.0
+
   csstype@3.2.3: {}
 
   d3-array@3.2.4:
@@ -4911,6 +5250,11 @@ snapshots:
 
   d3-timer@3.0.1: {}
 
+  data-urls@5.0.0:
+    dependencies:
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+
   date-fns@4.1.0: {}
 
   debug@4.4.3:
@@ -4919,6 +5263,8 @@ snapshots:
 
   decimal.js-light@2.5.1: {}
 
+  decimal.js@10.6.0: {}
+
   decode-named-character-reference@1.3.0:
     dependencies:
       character-entities: 2.0.2
@@ -4941,6 +5287,10 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
   dompurify@3.3.1:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
@@ -4966,6 +5316,8 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.3.0
 
+  entities@6.0.1: {}
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
@@ -5147,10 +5499,32 @@ snapshots:
 
   hono@4.12.3: {}
 
+  html-encoding-sniffer@4.0.0:
+    dependencies:
+      whatwg-encoding: 3.1.1
+
   html-escaper@2.0.2: {}
 
   html-url-attributes@3.0.1: {}
 
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   iconv-lite@0.7.2:
     dependencies:
       safer-buffer: 2.1.2
@@ -5161,6 +5535,8 @@ snapshots:
 
   immer@11.1.4: {}
 
+  indent-string@4.0.0: {}
+
   inherits@2.0.4: {}
 
   ini@1.3.8: {}
@@ -5198,6 +5574,8 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
+  is-potential-custom-element-name@1.0.1: {}
+
   is-unicode-supported@1.3.0: {}
 
   is-unicode-supported@2.1.0: {}
@@ -5223,6 +5601,33 @@ snapshots:
 
   js-tokens@4.0.0: {}
 
+  jsdom@26.1.0:
+    dependencies:
+      cssstyle: 4.6.0
+      data-urls: 5.0.0
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 4.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      nwsapi: 2.2.23
+      parse5: 7.3.0
+      rrweb-cssom: 0.8.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 5.1.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 3.1.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 14.2.0
+      ws: 8.21.0
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
   jsesc@3.1.0: {}
 
   json5@2.2.3: {}
@@ -5292,6 +5697,8 @@ snapshots:
       fault: 1.0.4
       highlight.js: 10.7.3
 
+  lru-cache@10.4.3: {}
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -5300,6 +5707,8 @@ snapshots:
     dependencies:
       react: 19.2.4
 
+  lz-string@1.5.0: {}
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -5672,6 +6081,8 @@ snapshots:
 
   mimic-response@3.1.0: {}
 
+  min-indent@1.0.1: {}
+
   minimist@1.2.8: {}
 
   mkdirp-classic@0.5.3: {}
@@ -5690,6 +6101,8 @@ snapshots:
 
   node-releases@2.0.27: {}
 
+  nwsapi@2.2.23: {}
+
   obug@2.1.1: {}
 
   once@1.4.0:
@@ -5722,6 +6135,10 @@ snapshots:
       is-decimal: 2.0.1
       is-hexadecimal: 2.0.1
 
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
   path-key@3.1.1: {}
 
   pathe@2.0.3: {}
@@ -5775,6 +6192,12 @@ snapshots:
       tar-fs: 2.1.4
       tunnel-agent: 0.6.0
 
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
   prismjs@1.30.0: {}
 
   property-information@7.1.0: {}
@@ -5801,6 +6224,8 @@ snapshots:
       end-of-stream: 1.4.5
       once: 1.4.0
 
+  punycode@2.3.1: {}
+
   query-selector-shadow-dom@1.0.1: {}
 
   radix-ui@1.4.3(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
@@ -5878,6 +6303,8 @@ snapshots:
       react: 19.2.4
       scheduler: 0.27.0
 
+  react-is@17.0.2: {}
+
   react-is@19.2.4: {}
 
   react-markdown@10.1.0(@types/react@19.2.14)(react@19.2.4):
@@ -5982,6 +6409,11 @@ snapshots:
       - '@types/react'
       - redux
 
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   redux-thunk@3.1.0(redux@5.0.1):
     dependencies:
       redux: 5.0.1
@@ -6067,6 +6499,8 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.59.0
       fsevents: 2.3.3
 
+  rrweb-cssom@0.8.0: {}
+
   run-async@4.0.6: {}
 
   rxjs@7.8.2:
@@ -6077,6 +6511,10 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
   scheduler@0.27.0: {}
 
   semver@6.3.1: {}
@@ -6147,6 +6585,10 @@ snapshots:
     dependencies:
       ansi-regex: 6.2.2
 
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
   strip-json-comments@2.0.1: {}
 
   style-to-js@1.1.21:
@@ -6161,6 +6603,8 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  symbol-tree@3.2.4: {}
+
   tailwind-merge@3.5.0: {}
 
   tailwindcss@4.2.1: {}
@@ -6195,6 +6639,20 @@ snapshots:
 
   tinyrainbow@3.0.3: {}
 
+  tldts-core@6.1.86: {}
+
+  tldts@6.1.86:
+    dependencies:
+      tldts-core: 6.1.86
+
+  tough-cookie@5.1.2:
+    dependencies:
+      tldts: 6.1.86
+
+  tr46@5.1.1:
+    dependencies:
+      punycode: 2.3.1
+
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -6312,7 +6770,7 @@ snapshots:
       jiti: 2.6.1
       lightningcss: 1.31.1
 
-  vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1):
+  vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1):
     dependencies:
       '@vitest/expect': 4.0.18
       '@vitest/mocker': 4.0.18(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
@@ -6337,6 +6795,7 @@ snapshots:
     optionalDependencies:
       '@opentelemetry/api': 1.9.0
       '@types/node': 22.19.13
+      jsdom: 26.1.0
     transitivePeerDependencies:
       - jiti
       - less
@@ -6350,8 +6809,25 @@ snapshots:
       - tsx
       - yaml
 
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
   web-vitals@5.1.0: {}
 
+  webidl-conversions@7.0.0: {}
+
+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-url@14.2.0:
+    dependencies:
+      tr46: 5.1.1
+      webidl-conversions: 7.0.0
+
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
@@ -6369,6 +6845,12 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  ws@8.21.0: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
   yallist@3.1.1: {}
 
   yoctocolors-cjs@2.1.3: {}
diff --git a/vitest.workspace.ts b/vitest.workspace.ts
index 127fc636..10cbb446 100644
--- a/vitest.workspace.ts
+++ b/vitest.workspace.ts
@@ -2,4 +2,5 @@ import { defineWorkspace } from 'vitest/config';
 export default defineWorkspace([
   'cli/vitest.config.ts',
   'server/vitest.config.ts',
+  'dashboard/vitest.config.ts',
 ]);

From 11a9173c1417f2d10a4ed4afa10c636b6256cd2c Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 07:53:54 +0530
Subject: [PATCH 2/8] fix(dashboard): prevent dialog close while bulk analysis
 is in progress

Radix Dialog's onOpenChange fires with (false) on Escape/overlay-click.
Passing handleClose directly meant the boolean arg was ignored and the
guard inside handleClose (which checks analyzing state) would allow the
dialog to close mid-analysis. The fix filters at the Radix boundary:
only call handleClose when onOpenChange signals a close (isOpen=false).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 dashboard/src/components/analysis/BulkAnalyzeButton.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/dashboard/src/components/analysis/BulkAnalyzeButton.tsx b/dashboard/src/components/analysis/BulkAnalyzeButton.tsx
index 58828e34..da7d449c 100644
--- a/dashboard/src/components/analysis/BulkAnalyzeButton.tsx
+++ b/dashboard/src/components/analysis/BulkAnalyzeButton.tsx
@@ -83,7 +83,7 @@ export function BulkAnalyzeButton({ sessions, onComplete }: BulkAnalyzeButtonPro
   }
 
   return (
-    <Dialog open={open} onOpenChange={handleClose}>
+    <Dialog open={open} onOpenChange={(isOpen) => { if (!isOpen) handleClose(); }}>
       <DialogTrigger asChild>
         <Button
           variant="outline"

From ca72a0817d4788cb0f245a88cf57d443d1e5cb21 Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 07:55:13 +0530
Subject: [PATCH 3/8] test(dashboard): add BulkAnalyzeButton behavior +
 state-machine tests

Covers: unconfigured state, trigger button labels/disabled states, dialog
open/close lifecycle, regression test for #293 (dialog stays open during
analysis), state reset on reopen, happy-path analysis, and partial failure.

Regression test uses a never-settling promise to hold the component in
analyzing=true, then fires Escape and asserts the dialog remains open.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Entire-Checkpoint: 3d318c7c42d4
---
 .../analysis/BulkAnalyzeButton.test.tsx       | 200 ++++++++++++++++++
 1 file changed, 200 insertions(+)
 create mode 100644 dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx

diff --git a/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx b/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx
new file mode 100644
index 00000000..a68c5413
--- /dev/null
+++ b/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx
@@ -0,0 +1,200 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent, waitFor, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { BulkAnalyzeButton } from './BulkAnalyzeButton';
+import type { Session } from '@/lib/types';
+
+vi.mock('@/lib/api', () => ({
+  analyzeSession: vi.fn(),
+}));
+
+vi.mock('@/hooks/useConfig', () => ({
+  useLlmConfig: vi.fn(),
+}));
+
+import { analyzeSession } from '@/lib/api';
+import { useLlmConfig } from '@/hooks/useConfig';
+
+const mockAnalyzeSession = vi.mocked(analyzeSession);
+const mockUseLlmConfig = vi.mocked(useLlmConfig);
+
+function makeSession(id: string): Session {
+  return {
+    id,
+    project_id: 'proj-1',
+    project_name: 'Test Project',
+    project_path: '/test',
+    git_remote_url: null,
+    summary: null,
+    custom_title: null,
+    generated_title: 'Test Session',
+    title_source: 'fallback',
+    session_character: null,
+    started_at: '2026-01-01T00:00:00Z',
+    ended_at: '2026-01-01T01:00:00Z',
+    message_count: 10,
+    user_message_count: 5,
+    assistant_message_count: 5,
+    tool_call_count: 2,
+    git_branch: null,
+    claude_version: null,
+    source_tool: 'claude-code',
+    device_id: null,
+    device_hostname: null,
+    device_platform: null,
+    synced_at: '2026-01-01T01:00:00Z',
+    total_input_tokens: null,
+    total_output_tokens: null,
+    cache_creation_tokens: null,
+    cache_read_tokens: null,
+    estimated_cost_usd: null,
+  };
+}
+
+function setup(sessions: Session[], onComplete?: () => void) {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  const result = render(
+    <QueryClientProvider client={queryClient}>
+      <BulkAnalyzeButton sessions={sessions} onComplete={onComplete} />
+    </QueryClientProvider>
+  );
+  return result;
+}
+
+beforeEach(() => {
+  vi.clearAllMocks();
+  // Default: LLM configured
+  mockUseLlmConfig.mockReturnValue({
+    data: { provider: 'anthropic', model: 'claude-sonnet-4-6' },
+  } as ReturnType<typeof useLlmConfig>);
+});
+
+describe('BulkAnalyzeButton', () => {
+  describe('unconfigured state', () => {
+    it('renders disabled button with configure message when LLM not configured', () => {
+      mockUseLlmConfig.mockReturnValue({ data: null } as ReturnType<typeof useLlmConfig>);
+      setup([makeSession('s1')]);
+      const btn = screen.getByRole('button', { name: /analyze selected/i });
+      expect(btn).toBeDisabled();
+      expect(screen.getByText(/configure ai first/i)).toBeInTheDocument();
+    });
+  });
+
+  describe('trigger button', () => {
+    it('is disabled when sessions array is empty', () => {
+      setup([]);
+      const btn = screen.getByRole('button', { name: /analyze 0 sessions/i });
+      expect(btn).toBeDisabled();
+    });
+
+    it('shows singular label for 1 session', () => {
+      setup([makeSession('s1')]);
+      expect(screen.getByRole('button', { name: /analyze 1 session$/i })).toBeInTheDocument();
+    });
+
+    it('shows plural label for multiple sessions', () => {
+      setup([makeSession('s1'), makeSession('s2'), makeSession('s3')]);
+      expect(screen.getByRole('button', { name: /analyze 3 sessions/i })).toBeInTheDocument();
+    });
+  });
+
+  describe('dialog open/close behavior', () => {
+    it('opens dialog when trigger button is clicked', async () => {
+      setup([makeSession('s1')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+      expect(screen.getByText('Bulk Analysis')).toBeInTheDocument();
+    });
+
+    it('does not close dialog when Escape pressed while analyzing (regression #293)', async () => {
+      // analyzeSession never resolves — keeps component in analyzing=true state
+      mockAnalyzeSession.mockReturnValue(new Promise(() => {}));
+
+      setup([makeSession('s1')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      // Wait until analyzing state is active
+      await waitFor(() => {
+        expect(screen.getByText(/analyzing session/i)).toBeInTheDocument();
+      });
+
+      // Fire Escape — dialog must stay open
+      fireEvent.keyDown(document.activeElement ?? document.body, { key: 'Escape', code: 'Escape' });
+
+      // Dialog should still be present
+      expect(screen.getByRole('dialog')).toBeInTheDocument();
+    });
+
+    it('can be closed after analysis completes', async () => {
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+
+      setup([makeSession('s1')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      await waitFor(() => {
+        expect(screen.getByRole('button', { name: /done/i })).toBeInTheDocument();
+      });
+
+      await userEvent.click(screen.getByRole('button', { name: /done/i }));
+      await waitFor(() => {
+        expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+      });
+    });
+
+    it('resets progress and result state when dialog is closed and reopened', async () => {
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+
+      setup([makeSession('s1')]);
+      // First open: run analysis to completion
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+      await waitFor(() => expect(screen.getByRole('button', { name: /done/i })).toBeInTheDocument());
+      await userEvent.click(screen.getByRole('button', { name: /done/i }));
+      await waitFor(() => expect(screen.queryByRole('dialog')).not.toBeInTheDocument());
+
+      // Second open: should show fresh "Start Analysis" prompt, not stale result
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      expect(screen.getByRole('button', { name: /start analysis/i })).toBeInTheDocument();
+      expect(screen.queryByRole('button', { name: /done/i })).not.toBeInTheDocument();
+    });
+  });
+
+  describe('analysis execution', () => {
+    it('calls analyzeSession for each session and shows success result', async () => {
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+      const onComplete = vi.fn();
+
+      setup([makeSession('s1'), makeSession('s2')], onComplete);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 2 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      await waitFor(() => expect(screen.getByRole('button', { name: /done/i })).toBeInTheDocument());
+
+      expect(mockAnalyzeSession).toHaveBeenCalledTimes(2);
+      expect(mockAnalyzeSession).toHaveBeenCalledWith('s1');
+      expect(mockAnalyzeSession).toHaveBeenCalledWith('s2');
+      expect(onComplete).toHaveBeenCalledOnce();
+    });
+
+    it('shows failed count when some sessions error', async () => {
+      mockAnalyzeSession
+        .mockResolvedValueOnce({ success: true })
+        .mockRejectedValueOnce(new Error('API timeout'));
+
+      setup([makeSession('s1'), makeSession('s2')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 2 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      await waitFor(() => expect(screen.getByRole('button', { name: /done/i })).toBeInTheDocument());
+
+      expect(screen.getByText(/1 session.*analyzed successfully/i)).toBeInTheDocument();
+      expect(screen.getByText(/1 failed/i)).toBeInTheDocument();
+      expect(screen.getByText(/api timeout/i)).toBeInTheDocument();
+    });
+  });
+
+  // UI rendering and interaction tests authored by ux-agent
+});

From 3646d59db33a9dc8d947b4c3eac0bab4f24ed0dd Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 07:57:45 +0530
Subject: [PATCH 4/8] test(dashboard): fix UI rendering tests to use
 jsdom-compatible queries
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tailwind class names (.animate-spin, .bg-primary, .list-disc) are not
injected in jsdom — they only exist at build time. Replace class-based
queries with DOM-structure queries:
- Spinner: query SVG sibling of progress text element
- Progress bar fill: query [style*="width"] (the inline width is set)
- Error list: already fixed by ux-agent to use dialog portal correctly

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Entire-Checkpoint: 1554f80d64b5
---
 .../analysis/BulkAnalyzeButton.test.tsx       | 130 ++++++++++++++++++
 1 file changed, 130 insertions(+)

diff --git a/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx b/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx
index a68c5413..40ed30a3 100644
--- a/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx
+++ b/dashboard/src/components/analysis/BulkAnalyzeButton.test.tsx
@@ -197,4 +197,134 @@ describe('BulkAnalyzeButton', () => {
   });
 
   // UI rendering and interaction tests authored by ux-agent
+  describe('UI rendering', () => {
+    it('renders analyzing spinner and "Analyzing session X of Y" text during analysis', async () => {
+      mockAnalyzeSession.mockReturnValue(new Promise(() => {}));
+
+      setup([makeSession('s1'), makeSession('s2')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 2 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      await waitFor(() => {
+        expect(screen.getByText(/analyzing session 0 of 2/i)).toBeInTheDocument();
+      });
+
+      // Spinner present — Lucide renders an SVG inside the progress row
+      const progressText = screen.getByText(/analyzing session/i);
+      expect(progressText.closest('div')?.querySelector('svg')).not.toBeNull();
+
+      // Start Analysis button is gone — replaced by progress UI
+      expect(screen.queryByRole('button', { name: /start analysis/i })).not.toBeInTheDocument();
+      // Done button not yet shown
+      expect(screen.queryByRole('button', { name: /^done$/i })).not.toBeInTheDocument();
+    });
+
+    it('progress bar width reflects completed/total ratio', async () => {
+      // Deferred for first session — lets us advance to "1 of 4 done" state
+      let resolveFirst!: (v: { success: true }) => void;
+      const firstPromise = new Promise<{ success: true }>((res) => {
+        resolveFirst = res;
+      });
+      mockAnalyzeSession
+        .mockReturnValueOnce(firstPromise)
+        // Subsequent calls hang — freezes us at completed=1, total=4 (25%)
+        .mockReturnValue(new Promise(() => {}));
+
+      const sessions = [makeSession('s1'), makeSession('s2'), makeSession('s3'), makeSession('s4')];
+      setup(sessions);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 4 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      // Initial state: 0 / 4 → width 0%
+      await waitFor(() => {
+        expect(screen.getByText(/analyzing session 0 of 4/i)).toBeInTheDocument();
+      });
+      // Progress fill div is the only element in the dialog with an inline width style
+      let fill = screen.getByRole('dialog').querySelector('[style*="width"]') as HTMLDivElement | null;
+      expect(fill).not.toBeNull();
+      expect(fill!.style.width).toBe('0%');
+
+      // Resolve first session → progress should tick to 1 / 4 (25%)
+      await act(async () => {
+        resolveFirst({ success: true });
+      });
+
+      await waitFor(() => {
+        expect(screen.getByText(/analyzing session 1 of 4/i)).toBeInTheDocument();
+      });
+      fill = screen.getByRole('dialog').querySelector('[style*="width"]') as HTMLDivElement | null;
+      expect(fill!.style.width).toBe('25%');
+    });
+
+    it('error list truncates at 5 items with "+N more" footer', async () => {
+      // 7 sessions, all fail → 7 errors, list should show 5 + "and 2 more"
+      mockAnalyzeSession.mockRejectedValue(new Error('boom'));
+
+      const sessions = Array.from({ length: 7 }, (_, i) => makeSession(`s${i + 1}`));
+      setup(sessions);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 7 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      await waitFor(() => {
+        expect(screen.getByRole('button', { name: /done/i })).toBeInTheDocument();
+      });
+
+      // Find the error list <ul> — dialog content is portaled
+      const list = screen.getByRole('dialog').querySelector('ul.list-disc') as HTMLUListElement | null;
+      expect(list).not.toBeNull();
+      const items = list!.querySelectorAll('li');
+
+      // 5 error rows + 1 "...and 2 more" footer row = 6 total
+      expect(items).toHaveLength(6);
+      expect(items[items.length - 1].textContent).toMatch(/and 2 more/i);
+      // First 5 are the truncated error rows
+      for (let i = 0; i < 5; i++) {
+        expect(items[i].textContent).toBe('boom');
+      }
+    });
+
+    it('success count text renders correctly with plural and singular forms', async () => {
+      // Case 1: singular — exactly 1 success
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+      const { unmount } = setup([makeSession('s1')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+      await waitFor(() => {
+        expect(screen.getByText(/^1 session analyzed successfully$/i)).toBeInTheDocument();
+      });
+      unmount();
+
+      // Case 2: plural — 3 successes
+      mockAnalyzeSession.mockReset();
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+      setup([makeSession('s1'), makeSession('s2'), makeSession('s3')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 3 sessions/i }));
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+      await waitFor(() => {
+        expect(screen.getByText(/^3 sessions analyzed successfully$/i)).toBeInTheDocument();
+      });
+    });
+
+    it('"Done" button appears in result state and clicking it closes the dialog', async () => {
+      mockAnalyzeSession.mockResolvedValue({ success: true });
+
+      setup([makeSession('s1')]);
+      await userEvent.click(screen.getByRole('button', { name: /analyze 1 session/i }));
+
+      // Pre-analysis: no Done button visible
+      expect(screen.queryByRole('button', { name: /^done$/i })).not.toBeInTheDocument();
+
+      await userEvent.click(screen.getByRole('button', { name: /start analysis/i }));
+
+      // Post-analysis: Done button rendered
+      const doneBtn = await screen.findByRole('button', { name: /^done$/i });
+      expect(doneBtn).toBeInTheDocument();
+
+      // Clicking unmounts the dialog
+      await userEvent.click(doneBtn);
+      await waitFor(() => {
+        expect(screen.queryByRole('dialog')).not.toBeInTheDocument();
+      });
+    });
+  });
 });

From d814320f70ef8776b30771a4f6a476ce2f26aa88 Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 08:03:07 +0530
Subject: [PATCH 5/8] fix(ci): wire dashboard tests via pnpm -r test instead of
 vitest workspace

vitest workspace mode requires @vitejs/plugin-react to be available at the
root, but it's only installed in dashboard/node_modules. Using pnpm -r test
runs each package's vitest in its own Node context, giving dashboard access
to its local deps and avoiding the workspace alias resolution issue.

Also adds test.name='dashboard' to vitest.config.ts for project identification
and reverts vitest.workspace.ts to cli+server only.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 dashboard/vitest.config.ts | 1 +
 package.json               | 2 +-
 vitest.workspace.ts        | 1 -
 3 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/vitest.config.ts b/dashboard/vitest.config.ts
index a0c248c4..a67fcc0e 100644
--- a/dashboard/vitest.config.ts
+++ b/dashboard/vitest.config.ts
@@ -8,6 +8,7 @@ export default defineConfig({
     alias: { '@': resolve(__dirname, 'src') },
   },
   test: {
+    name: 'dashboard',
     environment: 'jsdom',
     globals: true,
     setupFiles: ['./src/test-setup.ts'],
diff --git a/package.json b/package.json
index 052f8f09..50405cc6 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "scripts": {
     "build": "pnpm --filter @code-insights/cli build && pnpm --filter @code-insights/server build && pnpm --filter @code-insights/dashboard build",
     "dev": "pnpm --filter @code-insights/cli dev",
-    "test": "vitest run",
+    "test": "pnpm -r test",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage"
   },
diff --git a/vitest.workspace.ts b/vitest.workspace.ts
index 10cbb446..127fc636 100644
--- a/vitest.workspace.ts
+++ b/vitest.workspace.ts
@@ -2,5 +2,4 @@ import { defineWorkspace } from 'vitest/config';
 export default defineWorkspace([
   'cli/vitest.config.ts',
   'server/vitest.config.ts',
-  'dashboard/vitest.config.ts',
 ]);

From 652ac166dcfcfc6e033f6b42620192db84c52031 Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 08:05:40 +0530
Subject: [PATCH 6/8] refactor(dashboard): align vitest config with TA spec

- Switch vitest.config.ts from standalone defineConfig to mergeConfig(viteConfig, ...)
  so the @/ alias and react plugin are inherited automatically rather than duplicated
- Add css: false to skip Tailwind/PostCSS processing in tests (significant speedup)
- Add @testing-library/dom@^10.4.0 as explicit devDep (peerDep of @testing-library/react@16)
- Update test-setup.ts to use @testing-library/jest-dom/vitest entry point
  and add afterEach(cleanup) for proper test isolation

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Entire-Checkpoint: 7088fcafa387
---
 dashboard/package.json      |  1 +
 dashboard/src/test-setup.ts |  8 +++++++-
 dashboard/vitest.config.ts  | 34 +++++++++++++++++-----------------
 pnpm-lock.yaml              |  3 +++
 4 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/dashboard/package.json b/dashboard/package.json
index 234c40a2..f253ac3b 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -37,6 +37,7 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.9",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.0.0",
diff --git a/dashboard/src/test-setup.ts b/dashboard/src/test-setup.ts
index 7b0828bf..0d74b735 100644
--- a/dashboard/src/test-setup.ts
+++ b/dashboard/src/test-setup.ts
@@ -1 +1,7 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
+import { cleanup } from '@testing-library/react';
+import { afterEach } from 'vitest';
+
+afterEach(() => {
+  cleanup();
+});
diff --git a/dashboard/vitest.config.ts b/dashboard/vitest.config.ts
index a67fcc0e..104f2c89 100644
--- a/dashboard/vitest.config.ts
+++ b/dashboard/vitest.config.ts
@@ -1,18 +1,18 @@
-import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react';
-import { resolve } from 'path';
+/// <reference types="vitest" />
+import { defineConfig, mergeConfig } from 'vitest/config';
+import viteConfig from './vite.config';
 
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: { '@': resolve(__dirname, 'src') },
-  },
-  test: {
-    name: 'dashboard',
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: ['./src/test-setup.ts'],
-    include: ['src/**/*.test.tsx', 'src/**/*.test.ts'],
-    exclude: ['**/dist/**', '**/node_modules/**'],
-  },
-});
+export default mergeConfig(
+  viteConfig,
+  defineConfig({
+    test: {
+      name: 'dashboard',
+      environment: 'jsdom',
+      globals: true,
+      setupFiles: ['./src/test-setup.ts'],
+      include: ['src/**/*.test.tsx', 'src/**/*.test.ts'],
+      exclude: ['**/dist/**', '**/node_modules/**'],
+      css: false,
+    },
+  })
+);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 878de3b2..cb64ba85 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -121,6 +121,9 @@ importers:
       '@tailwindcss/vite':
         specifier: ^4.0.9
         version: 4.2.1(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
+      '@testing-library/dom':
+        specifier: ^10.4.0
+        version: 10.4.1
       '@testing-library/jest-dom':
         specifier: ^6.0.0
         version: 6.9.1

From c57341765c4df1c22c58a1c1773c876a024cf40f Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 08:08:08 +0530
Subject: [PATCH 7/8] chore(dashboard): pin testing dep versions to match TA
 spec; add tsconfig types
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- vitest: ^4.0.18 (match workspace root exactly, not just ^4.0.0)
- @vitest/coverage-v8: ^4.0.18
- @testing-library/react: ^16.1.0
- @testing-library/jest-dom: ^6.6.0
- @testing-library/user-event: ^14.5.2
- Add "vitest/globals" and "@testing-library/jest-dom" to tsconfig types
  for proper IDE type inference without import statements

Root test script stays as `pnpm -r test` (vitest workspace mode cannot resolve
@/ alias for ESM packages with local path aliases — confirmed after mergeConfig
approach also failed; pnpm -r test is the correct solution for this topology).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Entire-Checkpoint: 4ed42ced2f28
---
 dashboard/package.json  | 10 +++++-----
 dashboard/tsconfig.json |  3 ++-
 pnpm-lock.yaml          | 10 +++++-----
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/dashboard/package.json b/dashboard/package.json
index f253ac3b..4e5c500f 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -38,19 +38,19 @@
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.9",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.0.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^22.15.30",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^4.0.0",
+    "@vitest/coverage-v8": "^4.0.18",
     "jsdom": "^26.0.0",
     "tailwindcss": "^4.0.9",
     "typescript": "^5.9.3",
     "vite": "^6.2.0",
-    "vitest": "^4.0.0"
+    "vitest": "^4.0.18"
   }
 }
diff --git a/dashboard/tsconfig.json b/dashboard/tsconfig.json
index 4e4b2db1..e2a0377d 100644
--- a/dashboard/tsconfig.json
+++ b/dashboard/tsconfig.json
@@ -13,7 +13,8 @@
     "noEmit": true,
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "types": ["vitest/globals", "@testing-library/jest-dom"]
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cb64ba85..c7fd5e9c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -125,13 +125,13 @@ importers:
         specifier: ^10.4.0
         version: 10.4.1
       '@testing-library/jest-dom':
-        specifier: ^6.0.0
+        specifier: ^6.6.0
         version: 6.9.1
       '@testing-library/react':
-        specifier: ^16.0.0
+        specifier: ^16.1.0
         version: 16.3.2(@testing-library/dom@10.4.1)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@testing-library/user-event':
-        specifier: ^14.0.0
+        specifier: ^14.5.2
         version: 14.6.1(@testing-library/dom@10.4.1)
       '@types/node':
         specifier: ^22.15.30
@@ -149,7 +149,7 @@ importers:
         specifier: ^4.3.4
         version: 4.7.0(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
       '@vitest/coverage-v8':
-        specifier: ^4.0.0
+        specifier: ^4.0.18
         version: 4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1))
       jsdom:
         specifier: ^26.0.0
@@ -164,7 +164,7 @@ importers:
         specifier: ^6.2.0
         version: 6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1)
       vitest:
-        specifier: ^4.0.0
+        specifier: ^4.0.18
         version: 4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1)
 
   server:

From 21ed01d79cce5bf926766baf3d24953823ec38a4 Mon Sep 17 00:00:00 2001
From: Srikanth Rao M <mskr30@yahoo.com>
Date: Wed, 27 May 2026 08:09:49 +0530
Subject: [PATCH 8/8] chore(dashboard): remove duplicate @vitest/coverage-v8
 from dashboard devDeps

Root package.json already has @vitest/coverage-v8@^4.0.18. Dashboard has no
test:coverage script, so the dep was unused. Removing avoids a duplicate install
with no benefit.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Entire-Checkpoint: c223f5094429
---
 dashboard/package.json | 1 -
 pnpm-lock.yaml         | 3 ---
 2 files changed, 4 deletions(-)

diff --git a/dashboard/package.json b/dashboard/package.json
index 4e5c500f..a9039e9c 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -46,7 +46,6 @@
     "@types/react-dom": "^19.0.4",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^4.0.18",
     "jsdom": "^26.0.0",
     "tailwindcss": "^4.0.9",
     "typescript": "^5.9.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c7fd5e9c..9d3eb684 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -148,9 +148,6 @@ importers:
       '@vitejs/plugin-react':
         specifier: ^4.3.4
         version: 4.7.0(vite@6.4.1(@types/node@22.19.13)(jiti@2.6.1)(lightningcss@1.31.1))
-      '@vitest/coverage-v8':
-        specifier: ^4.0.18
-        version: 4.0.18(vitest@4.0.18(@opentelemetry/api@1.9.0)(@types/node@22.19.13)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.31.1))
       jsdom:
         specifier: ^26.0.0
         version: 26.1.0