feat(FilterSummaryBar): active-filter summary bar for data grids

.github/workflows/ci.yml

@@ -211,10 +211,12 @@ jobs:
           NODE_OPTIONS: '--max-old-space-size=8192'
 
       - name: Start Storybook server
-        run: pnpm dlx http-server storybook-static --port 6006 --silent &
+        # pnpm exec uses the pinned devDependency — pnpm dlx downloads from
+        # the npm registry at run time and times out during registry outages.
+        run: pnpm exec http-server storybook-static --port 6006 --silent &
 
       - name: Wait for Storybook
-        run: pnpm dlx wait-on http://localhost:6006
+        run: pnpm exec wait-on http://localhost:6006
 
       - name: Run Storybook tests
         run: pnpm test:storybook

package.json

@@ -426,6 +426,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-storybook": "^10.2.11",
     "fake-indexeddb": "^6.2.5",
+    "http-server": "14.1.1",
     "js-yaml": "^4.1.1",
     "jsdom": "^26.1.0",
     "katex": "^0.17.0",
@@ -450,6 +451,7 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.2",
     "vitest": "^3.2.6",
+    "wait-on": "^9.1.0",
     "wavesurfer.js": "^7.12.1",
     "y-protocols": "^1.0.6",
     "y-websocket": "^3.0.0",

playwright.config.ts

@@ -52,7 +52,10 @@ export default defineConfig({
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: 'npx http-server storybook-static -p 6006 -c-1 --silent',
+    // http-server is a pinned devDependency so this never hits the npm
+    // registry at test time (npx-on-demand installs caused CI timeouts
+    // during registry outages).
+    command: 'pnpm exec http-server storybook-static -p 6006 -c-1 --silent',
     url: 'http://localhost:6006',
     reuseExistingServer: !process.env.CI,
     timeout: 120 * 1000, // 2 minutes for Storybook to start