feat: update Vite config with monorepo aliases, enhance PageHeader to render children actions, and register PageHeader in ComponentRegistry

Author: hotlong

examples/crm-app/vite.config.ts

@@ -7,6 +7,14 @@ export default defineConfig({
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),
+      // Monorepo Aliases (Development)
+      '@object-ui/core': path.resolve(__dirname, '../../packages/core/src'),
+      '@object-ui/types': path.resolve(__dirname, '../../packages/types/src'),
+      '@object-ui/react': path.resolve(__dirname, '../../packages/react/src'),
+      '@object-ui/components': path.resolve(__dirname, '../../packages/components/src'),
+      '@object-ui/layout': path.resolve(__dirname, '../../packages/layout/src'),
+      '@object-ui/fields': path.resolve(__dirname, '../../packages/fields/src'),
+      '@object-ui/plugin-dashboard': path.resolve(__dirname, '../../packages/plugin-dashboard/src'),
     },
   },
 });

package.json

@@ -15,10 +15,10 @@
     "docs"
   ],
   "scripts": {
+    "dev": "pnpm --filter @examples/crm-app dev",
     "build": "pnpm --filter './packages/*' -r build && pnpm --filter './examples/*' -r build && pnpm --filter './apps/*' -r build",
     "pretest": "pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build && pnpm --filter @object-ui/components build && pnpm --filter @object-ui/plugin-kanban build && pnpm --filter @object-ui/plugin-charts build",
     "test": "vitest run",
-    "dev": "pnpm --filter @objectui/site dev",
     "site:build": "pnpm --filter @objectui/site build",
     "site:start": "pnpm --filter @objectui/site start",
     "test:watch": "vitest",

packages/layout/src/PageHeader.tsx

@@ -22,9 +22,14 @@ export function PageHeader({
                     <h1 className="text-2xl font-bold tracking-tight md:text-3xl">{title}</h1>
                     {description && <p className="text-sm text-muted-foreground">{description}</p>}
                 </div>
-                {action && <div className="flex items-center gap-2">{action}</div>}
+                {/* Render children (actions) in the top-right slot if available */}
+                {(action || children) && (
+                    <div className="flex items-center gap-2">
+                        {action}
+                        {children}
+                    </div>
+                )}
             </div>
-            {children}
         </div>
     );
 }

packages/layout/src/index.ts

@@ -24,6 +24,9 @@ export function registerLayout() {
       ]
   });
 
+  // Alias for protocol compliance
+  ComponentRegistry.register('page:header', PageHeader);
+
   ComponentRegistry.register('app-shell', AppShell, {
       label: 'App Shell',
       category: 'Layout',