diff --git a/package.json b/package.json
index a9af524f36d09..be029c3585310 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
"build:backend": "pnpm --filter=!@n8n/chat --filter=!n8n-design-system --filter=!n8n-editor-ui build",
"build:frontend": "pnpm --filter=@n8n/chat --filter=n8n-design-system --filter=n8n-editor-ui build",
"typecheck": "turbo run typecheck",
- "dev": "turbo run dev --parallel",
+ "dev": "turbo run dev --parallel --filter=!n8n-design-system --filter=!@n8n/chat",
"dev:ai": "turbo run dev --parallel --filter=@n8n/nodes-langchain --filter=n8n --filter=n8n-core",
"clean": "turbo run clean --parallel",
"format": "turbo run format && node scripts/format.mjs",
diff --git a/packages/@n8n/chat/package.json b/packages/@n8n/chat/package.json
index 4dd311b927ce1..d8493b1702e9c 100644
--- a/packages/@n8n/chat/package.json
+++ b/packages/@n8n/chat/package.json
@@ -2,7 +2,7 @@
"name": "@n8n/chat",
"version": "0.2.0",
"scripts": {
- "dev": "npm run storybook",
+ "dev": "pnpm run storybook",
"build": "run-p type-check build:vite && npm run build:prepare",
"build:vite": "vite build && npm run build:vite:full",
"build:vite:full": "INCLUDE_VUE=true vite build",
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 77f4134ffb1c4..16624391f184d 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -14,6 +14,7 @@
"url": "git+https://github.com/n8n-io/n8n.git"
},
"scripts": {
+ "dev": "pnpm run storybook",
"clean": "rimraf dist .turbo",
"build": "vite build",
"typecheck": "vue-tsc --declaration --emitDeclarationOnly",
diff --git a/packages/editor-ui/src/components/ChatEmbedModal.vue b/packages/editor-ui/src/components/ChatEmbedModal.vue
index f4538f9cdd7e0..0304acb11dba4 100644
--- a/packages/editor-ui/src/components/ChatEmbedModal.vue
+++ b/packages/editor-ui/src/components/ChatEmbedModal.vue
@@ -57,9 +57,10 @@ function indentLines(code: string, indent: string = ' ') {
.join('\n');
}
+const importCode = 'import';
const commonCode = computed(() => ({
- import: `import '@n8n/chat/style.css';
-import { createChat } from '@n8n/chat';`,
+ import: `${importCode} '@n8n/chat/style.css';
+${importCode} { createChat } from '@n8n/chat';`,
createChat: `createChat({
webhookUrl: '${webhookUrl.value}'
});`,
@@ -69,7 +70,7 @@ import { createChat } from '@n8n/chat';`,
const cdnCode = computed(
() => `