dashboard: Update to Storybook 10 (#43348)

GitOrigin-RevId: 2876f40a55ca7831c5983c4273943199863a3da4

Author: Nicolapps

npm-packages/@convex-dev/design-system/package.json

@@ -47,7 +47,7 @@
     "@types/testing-library__jest-dom": "~5.14.5",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
-    "@storybook/nextjs": "^9.1.2",
+    "@storybook/nextjs": "^10.0.8",
     "eslint": "^8.29.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
@@ -64,7 +64,7 @@
     "postcss": "^8.4.19",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "~0.6.11",
-    "storybook": "^9.1.2",
+    "storybook": "^10.0.8",
     "typescript": "^5.9.2",
     "tsc-alias": "~1.8.15",
     "@types/lodash-es": "~4.17.12"

npm-packages/common/config/rush/pnpm-lock.yaml

@@ -92,7 +92,7 @@
     "@types/testing-library__jest-dom": "~5.14.5",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
-    "@storybook/nextjs": "^9.1.2",
+    "@storybook/nextjs": "^10.0.8",
     "eslint": "^8.29.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
@@ -110,7 +110,7 @@
     "next-router-mock": "~0.9.11",
     "postcss": "^8.4.19",
     "prettier": "3.6.2",
-    "storybook": "^9.1.2",
+    "storybook": "^10.0.8",
     "prettier-plugin-tailwindcss": "~0.6.11",
     "tailwindcss": "^4.1.11",
     "tailwind-scrollbar": "^4.0.2",

npm-packages/dashboard-common/package.json

@@ -16,19 +16,25 @@ const config: StorybookConfig = {
   framework: {
     name: "@storybook/nextjs-vite",
     options: {
-      nextConfigPath: path.resolve(__dirname, "../../dashboard/next.config.js"),
+      nextConfigPath: path.resolve(
+        import.meta.dirname,
+        "../../dashboard/next.config.js",
+      ),
     },
   },
   viteFinal: async (config) => {
     return mergeConfig(config, {
       css: {
-        postcss: path.resolve(__dirname, "../../dashboard/postcss.config.js"),
+        postcss: path.resolve(
+          import.meta.dirname,
+          "../../dashboard/postcss.config.js",
+        ),
       },
       server: {
         fs: {
           allow: [
             ...(config.server?.fs?.allow || []),
-            path.resolve(__dirname, "../../"),
+            path.resolve(import.meta.dirname, "../../"),
           ],
         },
       },

npm-packages/dashboard-storybook/.storybook/main.ts

@@ -18,19 +18,19 @@
     "vite-tsconfig-paths": "^5.1.3"
   },
   "devDependencies": {
-    "@storybook/addon-docs": "^9.1.2",
-    "@storybook/addon-links": "^9.1.2",
-    "@storybook/addon-themes": "^9.1.2",
-    "@storybook/cli": "^9.1.2",
-    "@storybook/nextjs": "^9.1.2",
-    "@storybook/nextjs-vite": "^9.1.2",
-    "@storybook/test-runner": "0.23.0",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-links": "^10.0.8",
+    "@storybook/addon-themes": "^10.0.8",
+    "@storybook/cli": "^10.0.8",
+    "@storybook/nextjs": "^10.0.8",
+    "@storybook/nextjs-vite": "^10.0.8",
+    "@storybook/test-runner": "0.24.1",
     "@tailwindcss/forms": "^0.5.10",
     "eslint-plugin-better-tailwindcss": "^3.4.4",
     "playwright": "^1.56.1",
     "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4.1.11",
-    "storybook": "^9.1.2",
+    "storybook": "^10.0.8",
     "concurrently": "~8.2.2",
     "wait-on": "^8.0.2",
     "http-server": "^14.1.1"

npm-packages/dashboard-storybook/package.json

@@ -68,7 +68,7 @@
   "devDependencies": {
     "@babel/core": "^7.27.1",
     "@jest/types": "^29.6.0",
-    "@storybook/nextjs": "^9.1.2",
+    "@storybook/nextjs": "^10.0.8",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4.1.11",
     "@testing-library/jest-dom": "~6.8.0",
@@ -108,7 +108,7 @@
     "postcss": "^8.4.19",
     "prettier": "3.6.2",
     "prettier-plugin-tailwindcss": "~0.6.11",
-    "storybook": "^9.1.2",
+    "storybook": "^10.0.8",
     "tailwind-scrollbar": "^4.0.2",
     "tailwindcss": "^4.1.11",
     "typescript": "^5.9.2",