From 02d36bd090336c382eabc6a19b4f2431c661962b Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 11:04:55 -0500
Subject: [PATCH 1/6] feat: implement CSS import resolution for workspace UI in
 post-build process

---
 packages/stack/scripts/postbuild.cjs | 117 +++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)

diff --git a/packages/stack/scripts/postbuild.cjs b/packages/stack/scripts/postbuild.cjs
index 636961ce..769af3cb 100644
--- a/packages/stack/scripts/postbuild.cjs
+++ b/packages/stack/scripts/postbuild.cjs
@@ -2,6 +2,9 @@
 /*
   Post-build step for BTST package.
   - Copies all .css files from src/plugins/** to dist/plugins/** preserving structure
+  - Resolves @workspace/ui/... CSS imports in dist files by inlining the referenced
+    content into dist/plugins/shared/ and rewriting the import path — so consumers
+    outside the monorepo (e.g. npm installs, StackBlitz) never see workspace imports
   - Executes optional per-plugin postbuild scripts if present at:
     src/plugins/<plugin>/postbuild.(js|cjs|mjs)
 */
@@ -54,6 +57,119 @@ function copyAllPluginCss() {
 	}
 }
 
+/**
+ * Recursively inline relative @import statements in a CSS file, producing a
+ * single blob of CSS with no relative imports left. Non-relative imports
+ * (e.g. "tailwindcss", bare package names) are kept as-is.
+ */
+function inlineCssImports(cssContent, baseDir, seen = new Set()) {
+	return cssContent.replace(
+		/^@import\s+"([^"]+)";?[ \t]*$/gm,
+		(match, importPath) => {
+			if (!importPath.startsWith("./") && !importPath.startsWith("../")) {
+				return match;
+			}
+			const resolved = path.resolve(baseDir, importPath);
+			if (seen.has(resolved)) return "";
+			if (!fs.existsSync(resolved)) return match;
+			seen.add(resolved);
+			const content = fs.readFileSync(resolved, "utf8");
+			return inlineCssImports(content, path.dirname(resolved), seen);
+		},
+	);
+}
+
+/**
+ * After all plugin CSS files are copied to dist, scan them for
+ * @import "@workspace/ui/..." declarations. For each unique specifier found:
+ *   1. Resolve the actual file via packages/ui/package.json exports map
+ *   2. Inline all relative sub-imports recursively into one blob
+ *   3. Write the blob to dist/plugins/shared/<slug>.css
+ *   4. Rewrite the @workspace/ui/... import in the dist CSS to the relative path
+ *
+ * This keeps source files using proper workspace imports while ensuring the
+ * published package is self-contained.
+ */
+function resolveWorkspaceCssImports() {
+	const UI_PKG_DIR = path.resolve(ROOT, "..", "ui");
+	const UI_PKG_JSON = path.join(UI_PKG_DIR, "package.json");
+	if (!fs.existsSync(UI_PKG_JSON)) {
+		console.warn(
+			"@btst/stack: packages/ui not found — skipping workspace CSS resolution",
+		);
+		return;
+	}
+
+	const uiExports =
+		JSON.parse(fs.readFileSync(UI_PKG_JSON, "utf8")).exports || {};
+
+	function resolveUiSpecifier(specifier) {
+		// "@workspace/ui/components/foo/bar.css" → "./components/foo/bar.css"
+		const subpath = specifier.replace("@workspace/ui", ".");
+		const exportEntry = uiExports[subpath];
+		if (!exportEntry) return null;
+		return path.resolve(UI_PKG_DIR, exportEntry);
+	}
+
+	const WORKSPACE_IMPORT_RE = /@import\s+"(@workspace\/ui[^"]+)";?[ \t]*/g;
+	const sharedDir = path.join(DIST_PLUGINS_DIR, "shared");
+
+	// specifier → filename written in dist/plugins/shared/
+	const generated = new Map();
+
+	if (!fs.existsSync(DIST_PLUGINS_DIR)) return;
+
+	for (const filePath of walk(DIST_PLUGINS_DIR)) {
+		if (!filePath.endsWith(".css")) continue;
+
+		let content = fs.readFileSync(filePath, "utf8");
+		if (!WORKSPACE_IMPORT_RE.test(content)) continue;
+		WORKSPACE_IMPORT_RE.lastIndex = 0;
+
+		let modified = false;
+
+		content = content.replace(WORKSPACE_IMPORT_RE, (match, specifier) => {
+			if (!generated.has(specifier)) {
+				const resolvedPath = resolveUiSpecifier(specifier);
+				if (!resolvedPath || !fs.existsSync(resolvedPath)) {
+					console.warn(
+						`@btst/stack: could not resolve workspace import: ${specifier}`,
+					);
+					return match;
+				}
+				const raw = fs.readFileSync(resolvedPath, "utf8");
+				const inlined = inlineCssImports(raw, path.dirname(resolvedPath));
+				// Derive a stable filename from the specifier
+				const slug = specifier
+					.replace("@workspace/ui/", "")
+					.replace(/\//g, "-");
+				ensureDir(sharedDir);
+				const destPath = path.join(sharedDir, slug);
+				fs.writeFileSync(destPath, inlined);
+				generated.set(specifier, slug);
+				console.log(
+					`@btst/stack: resolved workspace import "${specifier}" → shared/${slug}`,
+				);
+			}
+			const slug = generated.get(specifier);
+			const rel = path.relative(
+				path.dirname(filePath),
+				path.join(sharedDir, slug),
+			);
+			const relNormalized = rel.startsWith(".") ? rel : `./${rel}`;
+			modified = true;
+			return `@import "${relNormalized}";`;
+		});
+
+		if (modified) {
+			fs.writeFileSync(filePath, content);
+			console.log(
+				`@btst/stack: rewrote workspace imports in ${path.relative(DIST_PLUGINS_DIR, filePath)}`,
+			);
+		}
+	}
+}
+
 function runPerPluginPostbuilds() {
 	if (!fs.existsSync(SRC_PLUGINS_DIR)) return;
 	const candidates = ["postbuild.js", "postbuild.cjs", "postbuild.mjs"];
@@ -93,6 +209,7 @@ function runPerPluginPostbuilds() {
 function main() {
 	ensureDir(DIST_PLUGINS_DIR);
 	copyAllPluginCss();
+	resolveWorkspaceCssImports();
 	runPerPluginPostbuilds();
 }
 

From 13a366c4791b428c29b9213e66ffbbfd2fc55a6d Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 11:15:59 -0500
Subject: [PATCH 2/6] chore: adjust CSS imports for demo projects

---
 demos/ai-chat/app/globals.css                 |  4 +-
 demos/ai-chat/package.json                    |  2 +-
 demos/blog/app/globals.css                    |  4 +-
 demos/blog/package.json                       |  2 +-
 demos/cms/app/globals.css                     |  4 +-
 demos/cms/package.json                        |  2 +-
 demos/form-builder/app/globals.css            |  4 +-
 demos/form-builder/package.json               |  2 +-
 demos/kanban/app/globals.css                  |  4 +-
 demos/kanban/package.json                     |  2 +-
 demos/ui-builder/app/globals.css              |  6 +--
 demos/ui-builder/package.json                 |  2 +-
 docs/content/docs/demos/ai-chat.mdx           |  9 ++++-
 docs/content/docs/demos/blog.mdx              |  9 ++++-
 docs/content/docs/demos/cms.mdx               |  9 ++++-
 docs/content/docs/demos/form-builder.mdx      |  9 ++++-
 docs/content/docs/demos/kanban.mdx            |  9 ++++-
 docs/content/docs/demos/ui-builder.mdx        |  9 ++++-
 packages/stack/package.json                   |  9 ++++-
 .../stack/src/plugins/ai-chat/style-wc.css    | 37 +++++++++++++++++++
 packages/stack/src/plugins/blog/style-wc.css  | 37 +++++++++++++++++++
 packages/stack/src/plugins/cms/style-wc.css   | 37 +++++++++++++++++++
 .../src/plugins/form-builder/style-wc.css     | 37 +++++++++++++++++++
 .../stack/src/plugins/kanban/style-wc.css     | 37 +++++++++++++++++++
 .../stack/src/plugins/route-docs/style-wc.css | 37 +++++++++++++++++++
 .../stack/src/plugins/ui-builder/style-wc.css | 37 +++++++++++++++++++
 26 files changed, 334 insertions(+), 26 deletions(-)
 create mode 100644 packages/stack/src/plugins/ai-chat/style-wc.css
 create mode 100644 packages/stack/src/plugins/blog/style-wc.css
 create mode 100644 packages/stack/src/plugins/cms/style-wc.css
 create mode 100644 packages/stack/src/plugins/form-builder/style-wc.css
 create mode 100644 packages/stack/src/plugins/kanban/style-wc.css
 create mode 100644 packages/stack/src/plugins/route-docs/style-wc.css
 create mode 100644 packages/stack/src/plugins/ui-builder/style-wc.css

diff --git a/demos/ai-chat/app/globals.css b/demos/ai-chat/app/globals.css
index 23035e76..93408a5c 100644
--- a/demos/ai-chat/app/globals.css
+++ b/demos/ai-chat/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/ai-chat/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/ai-chat/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/ai-chat/package.json b/demos/ai-chat/package.json
index 116c12b9..2e2371e3 100644
--- a/demos/ai-chat/package.json
+++ b/demos/ai-chat/package.json
@@ -11,7 +11,7 @@
     "@ai-sdk/openai": "^3.0.41",
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-dialog": "^1.1.15",
diff --git a/demos/blog/app/globals.css b/demos/blog/app/globals.css
index 0640acda..f60cfcb2 100644
--- a/demos/blog/app/globals.css
+++ b/demos/blog/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/blog/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/blog/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/blog/package.json b/demos/blog/package.json
index 798f9f3b..342d98a1 100644
--- a/demos/blog/package.json
+++ b/demos/blog/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-dialog": "^1.1.15",
diff --git a/demos/cms/app/globals.css b/demos/cms/app/globals.css
index 62dce9a0..8215362f 100644
--- a/demos/cms/app/globals.css
+++ b/demos/cms/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/cms/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/cms/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/cms/package.json b/demos/cms/package.json
index e0da6aff..2f37e358 100644
--- a/demos/cms/package.json
+++ b/demos/cms/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
diff --git a/demos/form-builder/app/globals.css b/demos/form-builder/app/globals.css
index df1dbb9c..05434653 100644
--- a/demos/form-builder/app/globals.css
+++ b/demos/form-builder/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/form-builder/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/form-builder/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/form-builder/package.json b/demos/form-builder/package.json
index c9bcfe7d..6bfcd283 100644
--- a/demos/form-builder/package.json
+++ b/demos/form-builder/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-checkbox": "^1.3.3",
diff --git a/demos/kanban/app/globals.css b/demos/kanban/app/globals.css
index 05473a81..da46c43b 100644
--- a/demos/kanban/app/globals.css
+++ b/demos/kanban/app/globals.css
@@ -1,7 +1,7 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/kanban/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/kanban/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/kanban/package.json b/demos/kanban/package.json
index 26c02bb0..b7078127 100644
--- a/demos/kanban/package.json
+++ b/demos/kanban/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
diff --git a/demos/ui-builder/app/globals.css b/demos/ui-builder/app/globals.css
index a9d201e4..2c82c159 100644
--- a/demos/ui-builder/app/globals.css
+++ b/demos/ui-builder/app/globals.css
@@ -1,8 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/ui-builder/css";
-@import "@btst/stack/plugins/cms/css";
-@import "@btst/stack/plugins/route-docs/css";
+@import "@btst/stack/plugins/ui-builder/css-wc";
+@import "@btst/stack/plugins/cms/css-wc";
+@import "@btst/stack/plugins/route-docs/css-wc";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/ui-builder/package.json b/demos/ui-builder/package.json
index 23162df6..f67c5295 100644
--- a/demos/ui-builder/package.json
+++ b/demos/ui-builder/package.json
@@ -10,7 +10,7 @@
   "dependencies": {
     "@ai-sdk/react": "^3.0.118",
     "@btst/adapter-memory": "^2.0.3",
-    "@btst/stack": "^2.5.1",
+    "@btst/stack": "^2.5.2",
     "@btst/yar": "^1.2.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
diff --git a/docs/content/docs/demos/ai-chat.mdx b/docs/content/docs/demos/ai-chat.mdx
index a22efc91..66aea9b9 100644
--- a/docs/content/docs/demos/ai-chat.mdx
+++ b/docs/content/docs/demos/ai-chat.mdx
@@ -15,4 +15,11 @@ A standalone Next.js demo showcasing the `ai-chat` plugin in **public mode** (no
 To enable AI responses in StackBlitz, add your `OPENAI_API_KEY` to the `.env.local` file (copy from `.env.local.example`).
 </Callout>
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ai-chat)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fchat"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST AI Chat Demo"
+/>
diff --git a/docs/content/docs/demos/blog.mdx b/docs/content/docs/demos/blog.mdx
index eb19a124..4a2a5cf3 100644
--- a/docs/content/docs/demos/blog.mdx
+++ b/docs/content/docs/demos/blog.mdx
@@ -12,4 +12,11 @@ A standalone Next.js demo showcasing the `blog` plugin. Three sample posts are s
 - API Docs at `/api/data/reference` (OpenAPI Scalar)
 - Route Docs at `/pages/route-docs`
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/blog)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/blog?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fblog"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST Blog Demo"
+/>
diff --git a/docs/content/docs/demos/cms.mdx b/docs/content/docs/demos/cms.mdx
index bdf09aec..985fc4fb 100644
--- a/docs/content/docs/demos/cms.mdx
+++ b/docs/content/docs/demos/cms.mdx
@@ -11,4 +11,11 @@ A standalone Next.js demo showcasing the `cms` plugin. An `Article` content type
 - API Docs at `/api/data/reference` (OpenAPI Scalar)
 - Route Docs at `/pages/route-docs`
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/cms)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/cms?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fcms"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST CMS Demo"
+/>
diff --git a/docs/content/docs/demos/form-builder.mdx b/docs/content/docs/demos/form-builder.mdx
index c1ea7b24..50b5b3fc 100644
--- a/docs/content/docs/demos/form-builder.mdx
+++ b/docs/content/docs/demos/form-builder.mdx
@@ -13,4 +13,11 @@ A standalone Next.js demo showcasing the `form-builder` plugin. Two sample forms
 - API Docs at `/api/data/reference` (OpenAPI Scalar)
 - Route Docs at `/pages/route-docs`
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/form-builder)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/form-builder?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fform-builder"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST Form Builder Demo"
+/>
diff --git a/docs/content/docs/demos/kanban.mdx b/docs/content/docs/demos/kanban.mdx
index 8302dfd9..db6a3049 100644
--- a/docs/content/docs/demos/kanban.mdx
+++ b/docs/content/docs/demos/kanban.mdx
@@ -12,4 +12,11 @@ A standalone Next.js demo showcasing the `kanban` plugin. One demo board with 4
 - API Docs at `/api/data/reference` (OpenAPI Scalar)
 - Route Docs at `/pages/route-docs`
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/kanban)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/kanban?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fkanban"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST Kanban Demo"
+/>
diff --git a/docs/content/docs/demos/ui-builder.mdx b/docs/content/docs/demos/ui-builder.mdx
index e4f4d5bb..07adda39 100644
--- a/docs/content/docs/demos/ui-builder.mdx
+++ b/docs/content/docs/demos/ui-builder.mdx
@@ -12,4 +12,11 @@ A standalone Next.js demo showcasing the `ui-builder` plugin backed by the `cms`
 - API Docs at `/api/data/reference` (OpenAPI Scalar)
 - Route Docs at `/pages/route-docs`
 
-[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ui-builder)
+[Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?file=%2Flib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?file=lib%2Fstack.ts)
+
+<iframe
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fui-builder"
+  style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
+  title="BTST UI Builder Demo"
+/>
diff --git a/packages/stack/package.json b/packages/stack/package.json
index ddaa8297..9e9349b9 100644
--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",
@@ -174,7 +174,9 @@
       }
     },
     "./plugins/ai-chat/css": "./dist/plugins/ai-chat/style.css",
+    "./plugins/ai-chat/css-wc": "./dist/plugins/ai-chat/style-wc.css",
     "./plugins/blog/css": "./dist/plugins/blog/style.css",
+    "./plugins/blog/css-wc": "./dist/plugins/blog/style-wc.css",
     "./plugins/cms/api": {
       "import": {
         "types": "./dist/plugins/cms/api/index.d.ts",
@@ -216,6 +218,7 @@
       }
     },
     "./plugins/cms/css": "./dist/plugins/cms/style.css",
+    "./plugins/cms/css-wc": "./dist/plugins/cms/style-wc.css",
     "./plugins/form-builder/api": {
       "import": {
         "types": "./dist/plugins/form-builder/api/index.d.ts",
@@ -257,6 +260,7 @@
       }
     },
     "./plugins/form-builder/css": "./dist/plugins/form-builder/style.css",
+    "./plugins/form-builder/css-wc": "./dist/plugins/form-builder/style-wc.css",
     "./plugins/ui-builder": {
       "import": {
         "types": "./dist/plugins/ui-builder/index.d.ts",
@@ -298,6 +302,7 @@
       }
     },
     "./plugins/ui-builder/css": "./dist/plugins/ui-builder/style.css",
+    "./plugins/ui-builder/css-wc": "./dist/plugins/ui-builder/style-wc.css",
     "./plugins/open-api/api": {
       "import": {
         "types": "./dist/plugins/open-api/api/index.d.ts",
@@ -349,6 +354,7 @@
       }
     },
     "./plugins/kanban/css": "./dist/plugins/kanban/style.css",
+    "./plugins/kanban/css-wc": "./dist/plugins/kanban/style-wc.css",
     "./plugins/route-docs/client": {
       "import": {
         "types": "./dist/plugins/route-docs/client/index.d.ts",
@@ -360,6 +366,7 @@
       }
     },
     "./plugins/route-docs/css": "./dist/plugins/route-docs/style.css",
+    "./plugins/route-docs/css-wc": "./dist/plugins/route-docs/style-wc.css",
     "./dist/*": "./dist/*",
     "./ui/css": "./dist/ui/components.css",
     "./package.json": "./package.json"
diff --git a/packages/stack/src/plugins/ai-chat/style-wc.css b/packages/stack/src/plugins/ai-chat/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/ai-chat/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/blog/style-wc.css b/packages/stack/src/plugins/blog/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/blog/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/cms/style-wc.css b/packages/stack/src/plugins/cms/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/cms/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/form-builder/style-wc.css b/packages/stack/src/plugins/form-builder/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/form-builder/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/kanban/style-wc.css b/packages/stack/src/plugins/kanban/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/kanban/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/route-docs/style-wc.css b/packages/stack/src/plugins/route-docs/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/route-docs/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/ui-builder/style-wc.css b/packages/stack/src/plugins/ui-builder/style-wc.css
new file mode 100644
index 00000000..10e80e7e
--- /dev/null
+++ b/packages/stack/src/plugins/ui-builder/style-wc.css
@@ -0,0 +1,37 @@
+/* WebContainers / WASM scanner fallback.
+ *
+ * Import this instead of the regular css export in environments where
+ * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
+ * The standard css export (style.css) relies on @source file scanning which
+ * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
+ * but broken in WebContainers due to a WASM scanner bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * This file adds @source inline() patterns using brace expansion so all plugin
+ * Tailwind classes are generated without any file system access.
+ */
+@import "./style.css";
+
+/* shadcn semantic color utilities */
+@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
+
+/* spacing */
+@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
+
+/* layout */
+@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
+
+/* sizing */
+@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
+
+/* typography */
+@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
+
+/* borders, shadows, effects */
+@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
+
+/* position, overflow, z-index */
+@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
+
+/* transitions, cursors, misc */
+@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");

From 20e56191c5da71ac41542c9c6ec5de56311f809f Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 13:11:28 -0500
Subject: [PATCH 3/6] chore: update CSS imports in demo projects to remove
 deprecated 'css-wc' references and add source patterns

---
 demos/ai-chat/app/globals.css                 | 10 ++++-
 demos/blog/app/globals.css                    | 10 ++++-
 demos/cms/app/globals.css                     | 10 ++++-
 demos/form-builder/app/globals.css            | 10 ++++-
 demos/kanban/app/globals.css                  | 10 ++++-
 demos/ui-builder/app/globals.css              | 12 ++++--
 packages/stack/package.json                   |  7 ----
 packages/stack/scripts/postbuild.cjs          |  7 ++--
 .../stack/src/plugins/ai-chat/style-wc.css    | 37 -------------------
 packages/stack/src/plugins/blog/style-wc.css  | 37 -------------------
 packages/stack/src/plugins/cms/style-wc.css   | 37 -------------------
 .../src/plugins/form-builder/style-wc.css     | 37 -------------------
 .../stack/src/plugins/kanban/style-wc.css     | 37 -------------------
 .../stack/src/plugins/route-docs/style-wc.css | 37 -------------------
 .../stack/src/plugins/ui-builder/style-wc.css | 37 -------------------
 15 files changed, 52 insertions(+), 283 deletions(-)
 delete mode 100644 packages/stack/src/plugins/ai-chat/style-wc.css
 delete mode 100644 packages/stack/src/plugins/blog/style-wc.css
 delete mode 100644 packages/stack/src/plugins/cms/style-wc.css
 delete mode 100644 packages/stack/src/plugins/form-builder/style-wc.css
 delete mode 100644 packages/stack/src/plugins/kanban/style-wc.css
 delete mode 100644 packages/stack/src/plugins/route-docs/style-wc.css
 delete mode 100644 packages/stack/src/plugins/ui-builder/style-wc.css

diff --git a/demos/ai-chat/app/globals.css b/demos/ai-chat/app/globals.css
index 93408a5c..d1cd527a 100644
--- a/demos/ai-chat/app/globals.css
+++ b/demos/ai-chat/app/globals.css
@@ -1,7 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/ai-chat/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/ai-chat/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/blog/app/globals.css b/demos/blog/app/globals.css
index f60cfcb2..615e9056 100644
--- a/demos/blog/app/globals.css
+++ b/demos/blog/app/globals.css
@@ -1,7 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/blog/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/blog/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/cms/app/globals.css b/demos/cms/app/globals.css
index 8215362f..3f27eb46 100644
--- a/demos/cms/app/globals.css
+++ b/demos/cms/app/globals.css
@@ -1,7 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/cms/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/cms/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/form-builder/app/globals.css b/demos/form-builder/app/globals.css
index 05434653..3718d4e8 100644
--- a/demos/form-builder/app/globals.css
+++ b/demos/form-builder/app/globals.css
@@ -1,7 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/form-builder/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/form-builder/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/kanban/app/globals.css b/demos/kanban/app/globals.css
index da46c43b..3cebf820 100644
--- a/demos/kanban/app/globals.css
+++ b/demos/kanban/app/globals.css
@@ -1,7 +1,13 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/kanban/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/kanban/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/demos/ui-builder/app/globals.css b/demos/ui-builder/app/globals.css
index 2c82c159..29399052 100644
--- a/demos/ui-builder/app/globals.css
+++ b/demos/ui-builder/app/globals.css
@@ -1,8 +1,14 @@
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "@btst/stack/plugins/ui-builder/css-wc";
-@import "@btst/stack/plugins/cms/css-wc";
-@import "@btst/stack/plugins/route-docs/css-wc";
+@import "@btst/stack/plugins/ui-builder/css";
+@import "@btst/stack/plugins/cms/css";
+@import "@btst/stack/plugins/route-docs/css";
+/* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
+ * monorepo source directories directly sidesteps the issue since they live outside
+ * node_modules. Safe to remove once the upstream bug is fixed. */
+@source "../../../packages/stack/src/**/*.{ts,tsx}";
+@source "../../../packages/ui/src/**/*.{ts,tsx}";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/packages/stack/package.json b/packages/stack/package.json
index 9e9349b9..749c22ca 100644
--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -174,9 +174,7 @@
       }
     },
     "./plugins/ai-chat/css": "./dist/plugins/ai-chat/style.css",
-    "./plugins/ai-chat/css-wc": "./dist/plugins/ai-chat/style-wc.css",
     "./plugins/blog/css": "./dist/plugins/blog/style.css",
-    "./plugins/blog/css-wc": "./dist/plugins/blog/style-wc.css",
     "./plugins/cms/api": {
       "import": {
         "types": "./dist/plugins/cms/api/index.d.ts",
@@ -218,7 +216,6 @@
       }
     },
     "./plugins/cms/css": "./dist/plugins/cms/style.css",
-    "./plugins/cms/css-wc": "./dist/plugins/cms/style-wc.css",
     "./plugins/form-builder/api": {
       "import": {
         "types": "./dist/plugins/form-builder/api/index.d.ts",
@@ -260,7 +257,6 @@
       }
     },
     "./plugins/form-builder/css": "./dist/plugins/form-builder/style.css",
-    "./plugins/form-builder/css-wc": "./dist/plugins/form-builder/style-wc.css",
     "./plugins/ui-builder": {
       "import": {
         "types": "./dist/plugins/ui-builder/index.d.ts",
@@ -302,7 +298,6 @@
       }
     },
     "./plugins/ui-builder/css": "./dist/plugins/ui-builder/style.css",
-    "./plugins/ui-builder/css-wc": "./dist/plugins/ui-builder/style-wc.css",
     "./plugins/open-api/api": {
       "import": {
         "types": "./dist/plugins/open-api/api/index.d.ts",
@@ -354,7 +349,6 @@
       }
     },
     "./plugins/kanban/css": "./dist/plugins/kanban/style.css",
-    "./plugins/kanban/css-wc": "./dist/plugins/kanban/style-wc.css",
     "./plugins/route-docs/client": {
       "import": {
         "types": "./dist/plugins/route-docs/client/index.d.ts",
@@ -366,7 +360,6 @@
       }
     },
     "./plugins/route-docs/css": "./dist/plugins/route-docs/style.css",
-    "./plugins/route-docs/css-wc": "./dist/plugins/route-docs/style-wc.css",
     "./dist/*": "./dist/*",
     "./ui/css": "./dist/ui/components.css",
     "./package.json": "./package.json"
diff --git a/packages/stack/scripts/postbuild.cjs b/packages/stack/scripts/postbuild.cjs
index 769af3cb..e9e054fc 100644
--- a/packages/stack/scripts/postbuild.cjs
+++ b/packages/stack/scripts/postbuild.cjs
@@ -152,10 +152,9 @@ function resolveWorkspaceCssImports() {
 				);
 			}
 			const slug = generated.get(specifier);
-			const rel = path.relative(
-				path.dirname(filePath),
-				path.join(sharedDir, slug),
-			);
+			const rel = path
+				.relative(path.dirname(filePath), path.join(sharedDir, slug))
+				.replace(/\\/g, "/");
 			const relNormalized = rel.startsWith(".") ? rel : `./${rel}`;
 			modified = true;
 			return `@import "${relNormalized}";`;
diff --git a/packages/stack/src/plugins/ai-chat/style-wc.css b/packages/stack/src/plugins/ai-chat/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/ai-chat/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/blog/style-wc.css b/packages/stack/src/plugins/blog/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/blog/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/cms/style-wc.css b/packages/stack/src/plugins/cms/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/cms/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/form-builder/style-wc.css b/packages/stack/src/plugins/form-builder/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/form-builder/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/kanban/style-wc.css b/packages/stack/src/plugins/kanban/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/kanban/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/route-docs/style-wc.css b/packages/stack/src/plugins/route-docs/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/route-docs/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");
diff --git a/packages/stack/src/plugins/ui-builder/style-wc.css b/packages/stack/src/plugins/ui-builder/style-wc.css
deleted file mode 100644
index 10e80e7e..00000000
--- a/packages/stack/src/plugins/ui-builder/style-wc.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* WebContainers / WASM scanner fallback.
- *
- * Import this instead of the regular css export in environments where
- * node_modules file scanning is unavailable (e.g. StackBlitz WebContainers).
- * The standard css export (style.css) relies on @source file scanning which
- * uses the native Tailwind oxide scanner — perfectly fine for regular npm installs
- * but broken in WebContainers due to a WASM scanner bug:
- * https://github.com/tailwindlabs/tailwindcss/issues/18418
- *
- * This file adds @source inline() patterns using brace expansion so all plugin
- * Tailwind classes are generated without any file system access.
- */
-@import "./style.css";
-
-/* shadcn semantic color utilities */
-@source inline("{,hover:,focus:,focus-visible:,active:,disabled:,dark:,group-hover:,}{bg,text,border,ring,outline,fill,stroke}-{background,foreground,card,card-foreground,popover,popover-foreground,primary,primary-foreground,secondary,secondary-foreground,muted,muted-foreground,accent,accent-foreground,destructive,destructive-foreground,input,ring,sidebar,sidebar-foreground,sidebar-primary,sidebar-primary-foreground,sidebar-accent,sidebar-accent-foreground,sidebar-border,sidebar-ring}");
-
-/* spacing */
-@source inline("{p,px,py,pt,pb,pl,pr,m,mx,my,mt,mb,ml,mr,gap,gap-x,gap-y,space-x,space-y}-{0,px,0.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96,auto}");
-
-/* layout */
-@source inline("flex grid block inline inline-flex hidden relative absolute fixed sticky contents flex-{1,auto,none,col,row,col-reverse,row-reverse,wrap,nowrap,shrink,shrink-0,grow,grow-0} grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12,none} col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full} {items,justify,content,self,place-self,place-items}-{start,end,center,between,around,evenly,stretch,baseline}");
-
-/* sizing */
-@source inline("w-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} h-{full,auto,fit,max,min,screen,0,px,0.5,1,2,3,4,5,6,7,8,9,10,11,12,14,16,20,24,28,32,36,40,44,48,52,56,60,64,72,80,96} {min,max}-{w,h}-{0,full,screen,none,fit,min,max,prose,xs,sm,md,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl}");
-
-/* typography */
-@source inline("text-{xs,sm,base,lg,xl,2xl,3xl,4xl,5xl,6xl,7xl,8xl,9xl} font-{thin,extralight,light,normal,medium,semibold,bold,extrabold,black} leading-{none,tight,snug,normal,relaxed,loose} tracking-{tighter,tight,normal,wide,wider,widest} truncate break-words break-all whitespace-{normal,nowrap,pre,pre-line,pre-wrap} line-clamp-{1,2,3,4,5,6} {underline,line-through,no-underline,uppercase,lowercase,capitalize,normal-case,italic,not-italic,text-left,text-center,text-right,text-ellipsis,list-disc,list-decimal,list-none}");
-
-/* borders, shadows, effects */
-@source inline("rounded rounded-{none,sm,md,lg,xl,2xl,3xl,full} {rounded-t,rounded-r,rounded-b,rounded-l,rounded-tl,rounded-tr,rounded-bl,rounded-br}-{none,sm,md,lg,xl,2xl,3xl,full} border border-{0,2,4,8} {border-t,border-r,border-b,border-l,border-x,border-y}-{0,2,4,8} divide-{x,y} divide-{x,y}-{0,2,4,8} shadow shadow-{none,xs,sm,md,lg,xl,2xl,inner} ring ring-{0,1,2,4,8} opacity-{0,5,10,20,25,30,40,50,60,70,75,80,90,95,100}");
-
-/* position, overflow, z-index */
-@source inline("z-{0,10,20,30,40,50,auto} {top,right,bottom,left,inset,inset-x,inset-y}-{0,auto,full,px,0.5,1,2,3,4,6,8,10,12,16,20,24} overflow-{hidden,auto,scroll,visible,clip} overflow-y-{hidden,auto,scroll} overflow-x-{hidden,auto,scroll}");
-
-/* transitions, cursors, misc */
-@source inline("transition transition-{all,colors,opacity,shadow,transform,none} duration-{0,75,100,150,200,300,500,700,1000} ease-{linear,in,out,in-out} cursor-{pointer,default,not-allowed,move,text,wait,auto} select-{none,text,all,auto} pointer-events-{none,auto} sr-only not-sr-only resize resize-{none,y,x} appearance-none scroll-smooth aspect-{auto,square,video} object-{cover,contain,fill,none,scale-down}");

From 8d955ea4bd4ebc19abf40cbff502955f2511676c Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 13:11:39 -0500
Subject: [PATCH 4/6] chore: add copy-stack-src script to demo projects for
 Tailwind CSS compatibility

---
 demos/ai-chat/.gitignore                 |  1 +
 demos/ai-chat/app/globals.css            |  9 +++--
 demos/ai-chat/copy-stack-src.mjs         | 45 ++++++++++++++++++++++++
 demos/ai-chat/package.json               |  6 ++--
 demos/blog/.gitignore                    |  1 +
 demos/blog/app/globals.css               |  9 +++--
 demos/blog/copy-stack-src.mjs            | 45 ++++++++++++++++++++++++
 demos/blog/package.json                  |  6 ++--
 demos/cms/.gitignore                     |  1 +
 demos/cms/app/globals.css                |  9 +++--
 demos/cms/copy-stack-src.mjs             | 45 ++++++++++++++++++++++++
 demos/cms/package.json                   |  6 ++--
 demos/form-builder/.gitignore            |  1 +
 demos/form-builder/app/globals.css       |  9 +++--
 demos/form-builder/copy-stack-src.mjs    | 45 ++++++++++++++++++++++++
 demos/form-builder/package.json          |  6 ++--
 demos/kanban/.gitignore                  |  1 +
 demos/kanban/app/globals.css             |  9 +++--
 demos/kanban/copy-stack-src.mjs          | 45 ++++++++++++++++++++++++
 demos/kanban/package.json                |  6 ++--
 demos/ui-builder/.gitignore              |  1 +
 demos/ui-builder/app/globals.css         |  9 +++--
 demos/ui-builder/copy-stack-src.mjs      | 45 ++++++++++++++++++++++++
 demos/ui-builder/package.json            |  6 ++--
 docs/content/docs/demos/ai-chat.mdx      |  4 +--
 docs/content/docs/demos/blog.mdx         |  4 +--
 docs/content/docs/demos/cms.mdx          |  4 +--
 docs/content/docs/demos/form-builder.mdx |  4 +--
 docs/content/docs/demos/kanban.mdx       |  4 +--
 docs/content/docs/demos/ui-builder.mdx   |  4 +--
 30 files changed, 342 insertions(+), 48 deletions(-)
 create mode 100644 demos/ai-chat/copy-stack-src.mjs
 create mode 100644 demos/blog/copy-stack-src.mjs
 create mode 100644 demos/cms/copy-stack-src.mjs
 create mode 100644 demos/form-builder/copy-stack-src.mjs
 create mode 100644 demos/kanban/copy-stack-src.mjs
 create mode 100644 demos/ui-builder/copy-stack-src.mjs

diff --git a/demos/ai-chat/.gitignore b/demos/ai-chat/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/ai-chat/.gitignore
+++ b/demos/ai-chat/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/ai-chat/app/globals.css b/demos/ai-chat/app/globals.css
index d1cd527a..df29e2ce 100644
--- a/demos/ai-chat/app/globals.css
+++ b/demos/ai-chat/app/globals.css
@@ -3,9 +3,12 @@
 @import "@btst/stack/plugins/ai-chat/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/ai-chat/copy-stack-src.mjs b/demos/ai-chat/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/ai-chat/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/ai-chat/package.json b/demos/ai-chat/package.json
index 2e2371e3..3386dc5d 100644
--- a/demos/ai-chat/package.json
+++ b/demos/ai-chat/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -29,7 +29,7 @@
     "highlight.js": "^11.11.1",
     "katex": "^0.16.35",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/demos/blog/.gitignore b/demos/blog/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/blog/.gitignore
+++ b/demos/blog/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/blog/app/globals.css b/demos/blog/app/globals.css
index 615e9056..2829890b 100644
--- a/demos/blog/app/globals.css
+++ b/demos/blog/app/globals.css
@@ -3,9 +3,12 @@
 @import "@btst/stack/plugins/blog/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/blog/copy-stack-src.mjs b/demos/blog/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/blog/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/blog/package.json b/demos/blog/package.json
index 342d98a1..3ed8d559 100644
--- a/demos/blog/package.json
+++ b/demos/blog/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -28,7 +28,7 @@
     "highlight.js": "^11.11.1",
     "katex": "^0.16.35",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/demos/cms/.gitignore b/demos/cms/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/cms/.gitignore
+++ b/demos/cms/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/cms/app/globals.css b/demos/cms/app/globals.css
index 3f27eb46..5b5e5234 100644
--- a/demos/cms/app/globals.css
+++ b/demos/cms/app/globals.css
@@ -3,9 +3,12 @@
 @import "@btst/stack/plugins/cms/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/cms/copy-stack-src.mjs b/demos/cms/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/cms/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/cms/package.json b/demos/cms/package.json
index 2f37e358..0491f309 100644
--- a/demos/cms/package.json
+++ b/demos/cms/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -45,7 +45,7 @@
     "highlight.js": "^11.11.1",
     "katex": "^0.16.35",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/demos/form-builder/.gitignore b/demos/form-builder/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/form-builder/.gitignore
+++ b/demos/form-builder/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/form-builder/app/globals.css b/demos/form-builder/app/globals.css
index 3718d4e8..dc6bac34 100644
--- a/demos/form-builder/app/globals.css
+++ b/demos/form-builder/app/globals.css
@@ -3,9 +3,12 @@
 @import "@btst/stack/plugins/form-builder/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/form-builder/copy-stack-src.mjs b/demos/form-builder/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/form-builder/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/form-builder/package.json b/demos/form-builder/package.json
index 6bfcd283..dddcda1d 100644
--- a/demos/form-builder/package.json
+++ b/demos/form-builder/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -31,7 +31,7 @@
     "highlight.js": "^11.11.1",
     "katex": "^0.16.35",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/demos/kanban/.gitignore b/demos/kanban/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/kanban/.gitignore
+++ b/demos/kanban/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/kanban/app/globals.css b/demos/kanban/app/globals.css
index 3cebf820..f0d34577 100644
--- a/demos/kanban/app/globals.css
+++ b/demos/kanban/app/globals.css
@@ -3,9 +3,12 @@
 @import "@btst/stack/plugins/kanban/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/kanban/copy-stack-src.mjs b/demos/kanban/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/kanban/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/kanban/package.json b/demos/kanban/package.json
index b7078127..b2cac79c 100644
--- a/demos/kanban/package.json
+++ b/demos/kanban/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -30,7 +30,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/demos/ui-builder/.gitignore b/demos/ui-builder/.gitignore
index 7fc49260..1add7bd3 100644
--- a/demos/ui-builder/.gitignore
+++ b/demos/ui-builder/.gitignore
@@ -12,3 +12,4 @@
 # misc
 .DS_Store
 *.pem
+.btst-stack-src/
diff --git a/demos/ui-builder/app/globals.css b/demos/ui-builder/app/globals.css
index 29399052..eaf9e8f4 100644
--- a/demos/ui-builder/app/globals.css
+++ b/demos/ui-builder/app/globals.css
@@ -4,9 +4,12 @@
 @import "@btst/stack/plugins/cms/css";
 @import "@btst/stack/plugins/route-docs/css";
 /* WebContainers workaround: the WASM Tailwind scanner cannot traverse node_modules
- * (https://github.com/tailwindlabs/tailwindcss/issues/18418). Pointing @source at the
- * monorepo source directories directly sidesteps the issue since they live outside
- * node_modules. Safe to remove once the upstream bug is fixed. */
+ * (https://github.com/tailwindlabs/tailwindcss/issues/18418). copy-stack-src.mjs
+ * (run via predev/prebuild) copies @btst/stack/src outside node_modules so Tailwind
+ * can scan it. Safe to remove once the upstream bug is fixed. */
+@source "./.btst-stack-src/**/*.{ts,tsx}";
+@source "./.btst-stack-ui/**/*.{ts,tsx}";
+/* Monorepo fallback: direct source path used in local development */
 @source "../../../packages/stack/src/**/*.{ts,tsx}";
 @source "../../../packages/ui/src/**/*.{ts,tsx}";
 
diff --git a/demos/ui-builder/copy-stack-src.mjs b/demos/ui-builder/copy-stack-src.mjs
new file mode 100644
index 00000000..dc457f07
--- /dev/null
+++ b/demos/ui-builder/copy-stack-src.mjs
@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Copies @btst/stack/src outside of node_modules so Tailwind's WASM scanner
+ * (used in WebContainers/StackBlitz) can traverse it.
+ *
+ * The WASM oxide scanner cannot scan inside node_modules due to a bug:
+ * https://github.com/tailwindlabs/tailwindcss/issues/18418
+ *
+ * Run automatically via the predev/prebuild npm lifecycle hooks.
+ */
+import { cp, mkdir, rm } from "fs/promises";
+import { existsSync } from "fs";
+
+const src = "node_modules/@btst/stack/src";
+const dest = ".btst-stack-src";
+
+const uiSrc = "node_modules/@btst/stack/dist/packages/ui";
+const uiDest = ".btst-stack-ui";
+
+if (!existsSync(src)) {
+	// Likely running in the monorepo where the workspace symlink does not expose
+	// src/ — fall back gracefully; @source paths in globals.css cover this case.
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/src not found, skipping",
+	);
+	process.exit(0);
+}
+
+await rm(dest, { recursive: true, force: true });
+await mkdir(dest, { recursive: true });
+await cp(src, dest, { recursive: true });
+console.log("[copy-stack-src] copied @btst/stack/src → .btst-stack-src");
+
+if (existsSync(uiSrc)) {
+	await rm(uiDest, { recursive: true, force: true });
+	await mkdir(uiDest, { recursive: true });
+	await cp(uiSrc, uiDest, { recursive: true });
+	console.log(
+		"[copy-stack-src] copied @btst/stack/dist/packages/ui → .btst-stack-ui",
+	);
+} else {
+	console.log(
+		"[copy-stack-src] node_modules/@btst/stack/dist/packages/ui not found, skipping",
+	);
+}
diff --git a/demos/ui-builder/package.json b/demos/ui-builder/package.json
index f67c5295..ca8d856b 100644
--- a/demos/ui-builder/package.json
+++ b/demos/ui-builder/package.json
@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
-    "build": "next build",
+    "dev": "node copy-stack-src.mjs && next dev",
+    "build": "node copy-stack-src.mjs && next build",
     "start": "next start"
   },
   "dependencies": {
@@ -46,7 +46,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.577.0",
-    "next": "16.1.6",
+    "next": "15.4.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "19.2.3",
diff --git a/docs/content/docs/demos/ai-chat.mdx b/docs/content/docs/demos/ai-chat.mdx
index 66aea9b9..c74ddb8d 100644
--- a/docs/content/docs/demos/ai-chat.mdx
+++ b/docs/content/docs/demos/ai-chat.mdx
@@ -16,10 +16,10 @@ To enable AI responses in StackBlitz, add your `OPENAI_API_KEY` to the `.env.loc
 </Callout>
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fchat"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ai-chat?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fchat"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST AI Chat Demo"
 />
diff --git a/docs/content/docs/demos/blog.mdx b/docs/content/docs/demos/blog.mdx
index 4a2a5cf3..70bb805f 100644
--- a/docs/content/docs/demos/blog.mdx
+++ b/docs/content/docs/demos/blog.mdx
@@ -13,10 +13,10 @@ A standalone Next.js demo showcasing the `blog` plugin. Three sample posts are s
 - Route Docs at `/pages/route-docs`
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/blog?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fblog"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/blog?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fblog"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST Blog Demo"
 />
diff --git a/docs/content/docs/demos/cms.mdx b/docs/content/docs/demos/cms.mdx
index 985fc4fb..7e20e53e 100644
--- a/docs/content/docs/demos/cms.mdx
+++ b/docs/content/docs/demos/cms.mdx
@@ -12,10 +12,10 @@ A standalone Next.js demo showcasing the `cms` plugin. An `Article` content type
 - Route Docs at `/pages/route-docs`
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/cms?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fcms"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/cms?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fcms"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST CMS Demo"
 />
diff --git a/docs/content/docs/demos/form-builder.mdx b/docs/content/docs/demos/form-builder.mdx
index 50b5b3fc..b1f73ea6 100644
--- a/docs/content/docs/demos/form-builder.mdx
+++ b/docs/content/docs/demos/form-builder.mdx
@@ -14,10 +14,10 @@ A standalone Next.js demo showcasing the `form-builder` plugin. Two sample forms
 - Route Docs at `/pages/route-docs`
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/form-builder?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fform-builder"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/form-builder?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fform-builder"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST Form Builder Demo"
 />
diff --git a/docs/content/docs/demos/kanban.mdx b/docs/content/docs/demos/kanban.mdx
index db6a3049..74342d28 100644
--- a/docs/content/docs/demos/kanban.mdx
+++ b/docs/content/docs/demos/kanban.mdx
@@ -13,10 +13,10 @@ A standalone Next.js demo showcasing the `kanban` plugin. One demo board with 4
 - Route Docs at `/pages/route-docs`
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/kanban?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fkanban"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/kanban?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fkanban"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST Kanban Demo"
 />
diff --git a/docs/content/docs/demos/ui-builder.mdx b/docs/content/docs/demos/ui-builder.mdx
index 07adda39..b59a0625 100644
--- a/docs/content/docs/demos/ui-builder.mdx
+++ b/docs/content/docs/demos/ui-builder.mdx
@@ -13,10 +13,10 @@ A standalone Next.js demo showcasing the `ui-builder` plugin backed by the `cms`
 - Route Docs at `/pages/route-docs`
 
 [Open in CodeSandbox →](https://codesandbox.io/p/devbox/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?file=%2Flib%2Fstack.ts)
-[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?file=lib%2Fstack.ts)
+[Open in StackBlitz →](https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?startScript=dev&file=lib%2Fstack.ts)
 
 <iframe
-  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fui-builder"
+  src="https://stackblitz.com/github/better-stack-ai/better-stack/tree/main/demos/ui-builder?startScript=dev&embed=1&file=lib%2Fstack.ts&view=preview&initialPath=%2Fpages%2Fui-builder"
   style={{width:"100%", height:"600px", border:"0", borderRadius:"4px"}}
   title="BTST UI Builder Demo"
 />

From 07736d3edd2732ceaa129db8ba7a4498d7128777 Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 13:19:38 -0500
Subject: [PATCH 5/6] chore: add .btst-stack-ui to .gitignore files across demo
 projects

---
 demos/ai-chat/.gitignore      | 1 +
 demos/blog/.gitignore         | 1 +
 demos/cms/.gitignore          | 1 +
 demos/form-builder/.gitignore | 1 +
 demos/kanban/.gitignore       | 1 +
 demos/ui-builder/.gitignore   | 1 +
 6 files changed, 6 insertions(+)

diff --git a/demos/ai-chat/.gitignore b/demos/ai-chat/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/ai-chat/.gitignore
+++ b/demos/ai-chat/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/
diff --git a/demos/blog/.gitignore b/demos/blog/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/blog/.gitignore
+++ b/demos/blog/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/
diff --git a/demos/cms/.gitignore b/demos/cms/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/cms/.gitignore
+++ b/demos/cms/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/
diff --git a/demos/form-builder/.gitignore b/demos/form-builder/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/form-builder/.gitignore
+++ b/demos/form-builder/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/
diff --git a/demos/kanban/.gitignore b/demos/kanban/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/kanban/.gitignore
+++ b/demos/kanban/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/
diff --git a/demos/ui-builder/.gitignore b/demos/ui-builder/.gitignore
index 1add7bd3..abb3b440 100644
--- a/demos/ui-builder/.gitignore
+++ b/demos/ui-builder/.gitignore
@@ -13,3 +13,4 @@
 .DS_Store
 *.pem
 .btst-stack-src/
+.btst-stack-ui/

From 5dd4ecb99cdcce3a8eb1e6023db9f5be7998a808 Mon Sep 17 00:00:00 2001
From: olliethedev <3martynov@gmail.com>
Date: Fri, 6 Mar 2026 13:19:49 -0500
Subject: [PATCH 6/6] refactor: remove redundant seeding logic from demo
 projects and ensure seeding is handled globally to prevent multiple instances

---
 demos/blog/lib/seed.ts          | 5 -----
 demos/blog/lib/stack.ts         | 8 ++++++--
 demos/cms/lib/seed.ts           | 5 -----
 demos/cms/lib/stack.ts          | 8 ++++++--
 demos/form-builder/lib/seed.ts  | 5 -----
 demos/form-builder/lib/stack.ts | 7 ++++++-
 demos/kanban/lib/seed.ts        | 5 -----
 demos/kanban/lib/stack.ts       | 7 ++++++-
 demos/ui-builder/lib/seed.ts    | 5 -----
 demos/ui-builder/lib/stack.ts   | 7 ++++++-
 10 files changed, 30 insertions(+), 32 deletions(-)

diff --git a/demos/blog/lib/seed.ts b/demos/blog/lib/seed.ts
index 1ebde118..8b952314 100644
--- a/demos/blog/lib/seed.ts
+++ b/demos/blog/lib/seed.ts
@@ -1,11 +1,6 @@
 import type { Adapter } from "@btst/stack/plugins/api";
 
-let seeded = false;
-
 export async function seedBlogData(adapter: Adapter) {
-	if (seeded) return;
-	seeded = true;
-
 	try {
 		// Check if posts already exist
 		const existing = await adapter.findMany({ model: "post", limit: 1 });
diff --git a/demos/blog/lib/stack.ts b/demos/blog/lib/stack.ts
index 934d6b4a..44286f5a 100644
--- a/demos/blog/lib/stack.ts
+++ b/demos/blog/lib/stack.ts
@@ -4,8 +4,11 @@ import { blogBackendPlugin } from "@btst/stack/plugins/blog/api";
 import { openApiBackendPlugin } from "@btst/stack/plugins/open-api/api";
 import { seedBlogData } from "./seed";
 
+// Persist stack and seed promise on `global` so Next.js module re-evaluations
+// (HMR, per-request server components) don't create a second instance or re-run the seed.
 const globalForStack = global as typeof global & {
 	__btst_stack__?: ReturnType<typeof createStack>;
+	__btst_seeded__?: Promise<void>;
 };
 
 function createStack() {
@@ -25,7 +28,8 @@ function createStack() {
 
 export const myStack = (globalForStack.__btst_stack__ ??= createStack());
 
-// Seed demo data after singleton is created
-seedBlogData(myStack.adapter).catch(console.error);
+globalForStack.__btst_seeded__ ??= seedBlogData(myStack.adapter).catch(
+	console.error,
+);
 
 export const { handler, dbSchema } = myStack;
diff --git a/demos/cms/lib/seed.ts b/demos/cms/lib/seed.ts
index 44788c88..727001a8 100644
--- a/demos/cms/lib/seed.ts
+++ b/demos/cms/lib/seed.ts
@@ -1,9 +1,4 @@
-let seeded = false;
-
 export async function seedCmsData(api: any) {
-	if (seeded) return;
-	seeded = true;
-
 	try {
 		// Check if articles already exist (getAllContentItems also calls ensureSynced)
 		const existing = await api.cms.getAllContentItems("article", { limit: 1 });
diff --git a/demos/cms/lib/stack.ts b/demos/cms/lib/stack.ts
index d311a77d..23dc8835 100644
--- a/demos/cms/lib/stack.ts
+++ b/demos/cms/lib/stack.ts
@@ -4,8 +4,11 @@ import { cmsBackendPlugin } from "@btst/stack/plugins/cms/api";
 import { openApiBackendPlugin } from "@btst/stack/plugins/open-api/api";
 import { z } from "zod";
 import { seedCmsData } from "./seed";
+// Persist stack and seed promise on `global` so Next.js module re-evaluations
+// (HMR, per-request server components) don't create a second instance or re-run the seed.
 const globalForStack = global as typeof global & {
 	__btst_stack__?: ReturnType<typeof createStack>;
+	__btst_seeded__?: Promise<void>;
 };
 
 // Simple article content type
@@ -45,7 +48,8 @@ function createStack() {
 
 export const myStack = (globalForStack.__btst_stack__ ??= createStack());
 
-// Seed demo data — uses api.cms.createContentItem which calls ensureSynced internally
-seedCmsData(myStack.api).catch(console.error);
+globalForStack.__btst_seeded__ ??= seedCmsData(myStack.api).catch(
+	console.error,
+);
 
 export const { handler, dbSchema } = myStack;
diff --git a/demos/form-builder/lib/seed.ts b/demos/form-builder/lib/seed.ts
index a8166a0f..21738fda 100644
--- a/demos/form-builder/lib/seed.ts
+++ b/demos/form-builder/lib/seed.ts
@@ -1,11 +1,6 @@
 import type { Adapter } from "@btst/stack/plugins/api";
 
-let seeded = false;
-
 export async function seedFormBuilderData(adapter: Adapter) {
-	if (seeded) return;
-	seeded = true;
-
 	try {
 		const existing = await adapter.findMany({ model: "form", limit: 1 });
 		if (existing.length > 0) return;
diff --git a/demos/form-builder/lib/stack.ts b/demos/form-builder/lib/stack.ts
index 9c12c5b4..74690b13 100644
--- a/demos/form-builder/lib/stack.ts
+++ b/demos/form-builder/lib/stack.ts
@@ -4,8 +4,11 @@ import { formBuilderBackendPlugin } from "@btst/stack/plugins/form-builder/api";
 import { openApiBackendPlugin } from "@btst/stack/plugins/open-api/api";
 import { seedFormBuilderData } from "./seed";
 
+// Persist stack and seed promise on `global` so Next.js module re-evaluations
+// (HMR, per-request server components) don't create a second instance or re-run the seed.
 const globalForStack = global as typeof global & {
 	__btst_stack__?: ReturnType<typeof createStack>;
+	__btst_seeded__?: Promise<void>;
 };
 
 function createStack() {
@@ -25,6 +28,8 @@ function createStack() {
 
 export const myStack = (globalForStack.__btst_stack__ ??= createStack());
 
-seedFormBuilderData(myStack.adapter).catch(console.error);
+globalForStack.__btst_seeded__ ??= seedFormBuilderData(myStack.adapter).catch(
+	console.error,
+);
 
 export const { handler, dbSchema } = myStack;
diff --git a/demos/kanban/lib/seed.ts b/demos/kanban/lib/seed.ts
index 7342f974..793aa4ea 100644
--- a/demos/kanban/lib/seed.ts
+++ b/demos/kanban/lib/seed.ts
@@ -5,12 +5,7 @@ import {
 } from "@btst/stack/plugins/kanban/api";
 import type { Adapter } from "@btst/stack/plugins/api";
 
-let seeded = false;
-
 export async function seedKanbanData(adapter: Adapter) {
-	if (seeded) return;
-	seeded = true;
-
 	try {
 		const board = await findOrCreateKanbanBoard(
 			adapter,
diff --git a/demos/kanban/lib/stack.ts b/demos/kanban/lib/stack.ts
index 77cd2fee..0afac7d3 100644
--- a/demos/kanban/lib/stack.ts
+++ b/demos/kanban/lib/stack.ts
@@ -4,8 +4,11 @@ import { kanbanBackendPlugin } from "@btst/stack/plugins/kanban/api";
 import { openApiBackendPlugin } from "@btst/stack/plugins/open-api/api";
 import { seedKanbanData } from "./seed";
 
+// Persist stack and seed promise on `global` so Next.js module re-evaluations
+// (HMR, per-request server components) don't create a second instance or re-run the seed.
 const globalForStack = global as typeof global & {
 	__btst_stack__?: ReturnType<typeof createStack>;
+	__btst_seeded__?: Promise<void>;
 };
 
 function createStack() {
@@ -25,6 +28,8 @@ function createStack() {
 
 export const myStack = (globalForStack.__btst_stack__ ??= createStack());
 
-seedKanbanData(myStack.adapter).catch(console.error);
+globalForStack.__btst_seeded__ ??= seedKanbanData(myStack.adapter).catch(
+	console.error,
+);
 
 export const { handler, dbSchema } = myStack;
diff --git a/demos/ui-builder/lib/seed.ts b/demos/ui-builder/lib/seed.ts
index d8461d25..039329e2 100644
--- a/demos/ui-builder/lib/seed.ts
+++ b/demos/ui-builder/lib/seed.ts
@@ -1,11 +1,6 @@
 import { UI_BUILDER_TYPE_SLUG } from "@btst/stack/plugins/ui-builder";
 
-let seeded = false;
-
 export async function seedUIBuilderData(api: any) {
-	if (seeded) return;
-	seeded = true;
-
 	try {
 		// This also calls ensureSynced internally
 		const existing = await api.cms.getAllContentItems(UI_BUILDER_TYPE_SLUG, {
diff --git a/demos/ui-builder/lib/stack.ts b/demos/ui-builder/lib/stack.ts
index c2664e89..36ca5eaf 100644
--- a/demos/ui-builder/lib/stack.ts
+++ b/demos/ui-builder/lib/stack.ts
@@ -5,8 +5,11 @@ import { openApiBackendPlugin } from "@btst/stack/plugins/open-api/api";
 import { UI_BUILDER_CONTENT_TYPE } from "@btst/stack/plugins/ui-builder";
 import { seedUIBuilderData } from "./seed";
 
+// Persist stack and seed promise on `global` so Next.js module re-evaluations
+// (HMR, per-request server components) don't create a second instance or re-run the seed.
 const globalForStack = global as typeof global & {
 	__btst_stack__?: ReturnType<typeof createStack>;
+	__btst_seeded__?: Promise<void>;
 };
 
 function createStack() {
@@ -28,6 +31,8 @@ function createStack() {
 
 export const myStack = (globalForStack.__btst_stack__ ??= createStack());
 
-seedUIBuilderData(myStack.api).catch(console.error);
+globalForStack.__btst_seeded__ ??= seedUIBuilderData(myStack.api).catch(
+	console.error,
+);
 
 export const { handler, dbSchema } = myStack;