try

js/storybook/main.ts

@@ -19,7 +19,7 @@ const config: StorybookConfig = {
 		name: "@storybook/svelte-vite",
 		options: {
 			builder: {
-				viteConfigPath: "js/storybook/vite.config.js"
+				viteConfigPath: "vite.config.js"
 			}
 		}
 	},

js/storybook/package.json

@@ -5,5 +5,24 @@
 	"type": "module",
 	"author": "",
 	"license": "ISC",
-	"private": true
+	"private": true,
+	"scripts": {
+		"storybook": "storybook dev -p 6006 --config-dir .",
+		"build-storybook": "storybook build --config-dir . --webpack-stats-json"
+	},
+	"dependencies": {
+		"@storybook/addon-a11y": "^8.3.6",
+		"@storybook/addon-essentials": "^8.3.6",
+		"@storybook/addon-interactions": "^8.3.6",
+		"@storybook/addon-links": "^8.3.6",
+		"@storybook/addon-svelte-csf": "^4.1.7",
+		"@storybook/blocks": "^8.3.6",
+		"@storybook/manager-api": "^8.3.6",
+		"@storybook/svelte": "^8.3.6",
+		"@storybook/svelte-vite": "^8.3.6",
+		"@storybook/test": "^8.3.6",
+		"@storybook/theming": "^8.3.6",
+		"svelte-preprocess": "^6.0.3",
+		"svelte": "^4.2.15"
+	}
 }

js/storybook/vite.config.js

@@ -11,7 +11,6 @@ export default defineConfig({
 			allow: [".."]
 		}
 	},
-
 	plugins: [
 		svelte({
 			inspector: false,
@@ -29,5 +28,13 @@ export default defineConfig({
 	],
 	resolve: {
 		conditions: ["gradio"]
-	}
+	},
+	build: {
+		rollupOptions: {
+			external: ["@storybook/svelte"]
+		}
+	},
+	optimizeDeps: {
+		include: ['@storybook/svelte']
+	  }
 });

package.json

@@ -20,8 +20,8 @@
 		"test:browser:full": "run-s build test:browser",
 		"test:browser:verbose": "pnpm test:browser",
 		"test:browser:dev": "pnpm --filter @self/spa test:browser:dev",
-		"storybook": "storybook dev -p 6006 --config-dir js/storybook",
-		"build-storybook": "storybook build --config-dir js/storybook --webpack-stats-json",
+		"storybook": "pnpm --filter @self/storybook storybook",
+		"build-storybook": "pnpm --filter @self/storybook build-storybook",
 		"ci:version": "changeset version && pnpm i --lockfile-only && node ./.changeset/fix_changelogs.cjs",
 		"ci:publish": "pnpm changeset tag && git push origin --tags && pnpm publish --no-git-checks --access public -r --filter=@gradio/*",
 		"chromatic": "chromatic",
@@ -84,7 +84,6 @@
 		"svelte-check": "^4.0.5",
 		"svelte-eslint-parser": "^0.36.0",
 		"svelte-i18n": "^4.0.0",
-		"svelte-preprocess": "^6.0.3",
 		"tailwindcss": "^3.4.3",
 		"tinyspy": "^3.0.0",
 		"typescript": "^5.5.4",
@@ -146,17 +145,6 @@
 		"@gradio/upload": "workspace:^",
 		"@gradio/uploadbutton": "workspace:^",
 		"@gradio/video": "workspace:^",
-		"@storybook/addon-a11y": "^8.3.6",
-		"@storybook/addon-essentials": "^8.3.6",
-		"@storybook/addon-interactions": "^8.3.6",
-		"@storybook/addon-links": "^8.3.6",
-		"@storybook/addon-svelte-csf": "^4.1.7",
-		"@storybook/blocks": "^8.3.6",
-		"@storybook/manager-api": "^8.3.6",
-		"@storybook/svelte": "^8.3.6",
-		"@storybook/svelte-vite": "^8.3.6",
-		"@storybook/test": "^8.3.6",
-		"@storybook/theming": "^8.3.6",
 		"@testing-library/user-event": "^14.5.2",
 		"chromatic": "^11.3.0",
 		"eslint-plugin-jsdoc": "^48.2.3",