chore: component exports

.github/workflows/ci.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           cache: 'pnpm'
 
       - name: Install dependencies
@@ -40,6 +40,8 @@ jobs:
 
       - name: Build
         run: pnpm -w build
+        env:
+          NODE_OPTIONS: --max-old-space-size=8192
 
       - name: Knip
         run: pnpm --filter @btst/stack run knip --reporter github-actions

.github/workflows/examples.yml

@@ -8,19 +8,16 @@ on:
     types: [opened, synchronize, reopened, ready_for_review]
     paths:
       - 'demos/**'
+      - '.github/workflows/examples.yml'
 
 concurrency:
   group: demos-${{ github.ref }}
   cancel-in-progress: true
 
 jobs:
   build:
-    name: Build — ${{ matrix.demo }}
+    name: Demo Projects
     runs-on: ubuntu-latest
-    strategy:
-      fail-fast: false
-      matrix:
-        demo: [ai-chat, blog, cms, form-builder, kanban, ui-builder]
 
     steps:
       - name: Checkout
@@ -34,14 +31,53 @@ jobs:
         with:
           node-version: 22
           cache: 'pnpm'
-          cache-dependency-path: demos/${{ matrix.demo }}/pnpm-lock.yaml
 
-      - name: Install dependencies
-        working-directory: demos/${{ matrix.demo }}
+      - name: Install — ai-chat
+        working-directory: demos/ai-chat
         run: pnpm install
 
-      - name: Build
-        working-directory: demos/${{ matrix.demo }}
+      - name: Build — ai-chat
+        working-directory: demos/ai-chat
         run: pnpm build
         env:
           OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
+
+      - name: Install — blog
+        working-directory: demos/blog
+        run: pnpm install
+
+      - name: Build — blog
+        working-directory: demos/blog
+        run: pnpm build
+
+      - name: Install — cms
+        working-directory: demos/cms
+        run: pnpm install
+
+      - name: Build — cms
+        working-directory: demos/cms
+        run: pnpm build
+
+      - name: Install — form-builder
+        working-directory: demos/form-builder
+        run: pnpm install
+
+      - name: Build — form-builder
+        working-directory: demos/form-builder
+        run: pnpm build
+
+      - name: Install — kanban
+        working-directory: demos/kanban
+        run: pnpm install
+
+      - name: Build — kanban
+        working-directory: demos/kanban
+        run: pnpm build
+
+      - name: Install — ui-builder
+        working-directory: demos/ui-builder
+        run: pnpm install
+
+      - name: Build — ui-builder
+        working-directory: demos/ui-builder
+        run: pnpm build

demos/ui-builder/app/view/[slug]/page.tsx

@@ -87,14 +87,15 @@ function PageLoadingState() {
 	);
 }
 
-function PageErrorState({ error }: { error: Error }) {
+function PageErrorState({ error }: { error: unknown }) {
+	const message = error instanceof Error ? error.message : undefined;
 	return (
 		<div className="flex flex-col items-center justify-center py-24 gap-4 text-center px-4">
 			<AlertCircle className="h-10 w-10 text-destructive" />
 			<div>
 				<h3 className="font-semibold text-base">Failed to load page</h3>
 				<p className="text-sm text-muted-foreground mt-1">
-					{error?.message || "An unexpected error occurred."}
+					{message || "An unexpected error occurred."}
 				</p>
 			</div>
 			<Link href="/view" className="text-sm text-primary hover:underline">

docs/content/docs/meta.json

@@ -26,6 +26,7 @@
       "---[BookOpenCheck]Concepts---",
       "cli",
       "api-reference",
+      "standalone-components",
       "shadcn-registry",
       "---[Play]Demos---",
       "demos/index",

docs/content/docs/plugins/ui-builder.mdx

@@ -373,7 +373,7 @@ Blocks are pre-built component compositions that users can insert as templates.
 Create a block registry with reusable templates:
 
 ```tsx
-import type { BlockRegistry, ComponentLayer } from "@workspace/ui/components/ui-builder/types"
+import type { BlockRegistry, ComponentLayer } from "@btst/stack/components/ui-builder"
 
 const myBlocks: BlockRegistry = {
   "hero-01": {
@@ -461,8 +461,7 @@ const myBlocks: BlockRegistry = {
 Pass the block registry to the UIBuilder component:
 
 ```tsx
-import UIBuilder from "@workspace/ui/components/ui-builder"
-import { defaultComponentRegistry } from "@btst/stack/plugins/ui-builder/client"
+import { UIBuilder, defaultComponentRegistry } from "@btst/stack/components/ui-builder"
 
 function PageEditor() {
   return (
@@ -539,8 +538,7 @@ The `LayerRenderer` component renders pre-fetched ComponentLayer data. Use this
 ```tsx title="app/pages/[slug]/page.tsx"
 "use client"
 
-import { LayerRenderer } from "@workspace/ui/components/ui-builder"
-import { defaultComponentRegistry } from "@btst/stack/plugins/ui-builder/client"
+import { LayerRenderer, defaultComponentRegistry } from "@btst/stack/components/ui-builder"
 
 export default function DynamicPage({ page, variables }: { 
   page: ComponentLayer, 
@@ -577,8 +575,7 @@ The `ServerLayerRenderer` is an SSR-friendly renderer that works in React Server
 
 ```tsx title="app/pages/[slug]/page.tsx"
 // No "use client" needed - this is a Server Component
-import { ServerLayerRenderer } from "@workspace/ui/components/ui-builder"
-import { defaultComponentRegistry } from "@btst/stack/plugins/ui-builder/client"
+import { ServerLayerRenderer, defaultComponentRegistry } from "@btst/stack/components/ui-builder"
 
 export default async function StaticPage({ params }: { params: { slug: string } }) {
   // Fetch page data on the server
@@ -908,10 +905,10 @@ const registry = createComponentRegistry({
 
 #### UIBuilder
 
-The main visual editor component. Import from `@workspace/ui/components/ui-builder`:
+The main visual editor component. Import from `@btst/stack/components/ui-builder`:
 
 ```tsx
-import UIBuilder from "@workspace/ui/components/ui-builder"
+import { UIBuilder } from "@btst/stack/components/ui-builder"
 
 <UIBuilder
   componentRegistry={myRegistry}
@@ -968,7 +965,7 @@ Component to render UI Builder pages on public routes (client component):
 Component to render pre-fetched ComponentLayer data (client component):
 
 ```tsx
-import { LayerRenderer } from "@workspace/ui/components/ui-builder"
+import { LayerRenderer } from "@btst/stack/components/ui-builder"
 
 <LayerRenderer
   page={rootLayer}
@@ -983,7 +980,7 @@ import { LayerRenderer } from "@workspace/ui/components/ui-builder"
 SSR-friendly renderer for React Server Components:
 
 ```tsx
-import { ServerLayerRenderer } from "@workspace/ui/components/ui-builder"
+import { ServerLayerRenderer } from "@btst/stack/components/ui-builder"
 
 // In a Server Component (no "use client" needed)
 <ServerLayerRenderer
@@ -994,7 +991,7 @@ import { ServerLayerRenderer } from "@workspace/ui/components/ui-builder"
 />
 ```
 
-### Types (`@workspace/ui/components/ui-builder/types`)
+### Types (`@btst/stack/components/ui-builder`)
 
 #### BlockDefinition