phase-8: add config-driven public website runtime route and dynamic layout

src/app/app.routes.ts

@@ -27,6 +27,10 @@ const coreRoutes: Routes = [
   {
     path: 'cart',
     loadComponent: () => import('./pages/cart/cart.component').then(m => m.CartComponent)
+  },
+  {
+    path: 'platform',
+    loadComponent: () => import('./pages/public/platform-home.component').then(m => m.PlatformHomeComponent)
   }
 ];
 

src/app/facades/website/website-runtime.facade.ts

@@ -0,0 +1,34 @@
+import { Injectable } from '@angular/core';
+import { Observable, map } from 'rxjs';
+import { ConfigService } from '../../core/config/config.service';
+import { BrandingEngineService } from '../../theme/runtime/branding-engine.service';
+import { ThemeEngineService } from '../../theme/runtime/theme-engine.service';
+import { PageRendererService } from '../../dynamic-renderer/page-renderer/page-renderer.service';
+import { PageRenderModel } from '../../dynamic-renderer/page-renderer/page-renderer.model';
+import { WidgetRegistryBootstrapService } from '../../widgets/registry/widget-registry.bootstrap.service';
+
+@Injectable({ providedIn: 'root' })
+export class WebsiteRuntimeFacade {
+  constructor(
+    private readonly configService: ConfigService,
+    private readonly pageRenderer: PageRendererService,
+    private readonly registryBootstrap: WidgetRegistryBootstrapService,
+    private readonly themeEngine: ThemeEngineService,
+    private readonly brandingEngine: BrandingEngineService
+  ) {}
+
+  initializeRuntime(): void {
+    this.registryBootstrap.registerDefaults();
+    this.themeEngine.initialize();
+    this.brandingEngine.initialize();
+  }
+
+  getPageRenderModel(pageKey: string): Observable<PageRenderModel | null> {
+    return this.configService.loadBootstrap().pipe(
+      map(bootstrap => {
+        const page = bootstrap.pages.find(p => p.key === pageKey && p.visible !== false);
+        return page ? this.pageRenderer.toRenderModel(page) : null;
+      })
+    );
+  }
+}

src/app/layouts/containers/dynamic-page-layout.component.ts

@@ -0,0 +1,45 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { NgComponentOutlet } from '@angular/common';
+import { PageRenderModel } from '../../dynamic-renderer/page-renderer/page-renderer.model';
+import { WidgetRenderNode } from '../../dynamic-renderer/widget-host/widget-host.model';
+import { WidgetHostService } from '../../dynamic-renderer/widget-host/widget-host.service';
+
+@Component({
+  selector: 'app-dynamic-page-layout',
+  standalone: true,
+  imports: [CommonModule, NgComponentOutlet],
+  template: `
+    @if (model) {
+      <main class="dynamic-page-layout" [attr.data-layout]="model.layout">
+        @for (section of model.sections; track section.id) {
+          <section class="dynamic-section" [attr.data-section-type]="section.type">
+            @for (widget of section.widgets; track widget.id) {
+              <div class="dynamic-widget" [attr.data-widget-type]="widget.type">
+                @if (resolveWidget(widget); as resolved) {
+                  <ng-container *ngComponentOutlet="resolved.component; inputs: resolved.props"></ng-container>
+                }
+              </div>
+            }
+          </section>
+        }
+      </main>
+    }
+  `,
+  styles: [
+    `
+      .dynamic-page-layout { display: grid; gap: 1rem; }
+      .dynamic-section { display: grid; gap: 1rem; }
+    `
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class DynamicPageLayoutComponent {
+  @Input() model: PageRenderModel | null = null;
+
+  constructor(private readonly widgetHost: WidgetHostService) {}
+
+  resolveWidget(widget: WidgetRenderNode) {
+    return this.widgetHost.resolveWidget(widget.source);
+  }
+}

src/app/pages/public/platform-home.component.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { DynamicPageLayoutComponent } from '../../layouts/containers/dynamic-page-layout.component';
+import { PageRenderModel } from '../../dynamic-renderer/page-renderer/page-renderer.model';
+import { WebsiteRuntimeFacade } from '../../facades/website/website-runtime.facade';
+
+@Component({
+  selector: 'app-platform-home',
+  standalone: true,
+  imports: [DynamicPageLayoutComponent],
+  template: `
+    @if (loading()) {
+      <section class="platform-loading">Loading platform page...</section>
+    } @else if (model()) {
+      <app-dynamic-page-layout [model]="model()" />
+    } @else {
+      <section class="platform-empty">No page configuration found.</section>
+    }
+  `,
+  styles: [
+    `
+      .platform-loading, .platform-empty { padding: 2rem; color: var(--text-secondary, #667a77); }
+    `
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class PlatformHomeComponent {
+  readonly model = signal<PageRenderModel | null>(null);
+  readonly loading = signal(true);
+
+  constructor(private readonly websiteRuntime: WebsiteRuntimeFacade) {
+    this.websiteRuntime.initializeRuntime();
+    this.websiteRuntime.getPageRenderModel('home').subscribe({
+      next: (model) => {
+        this.model.set(model);
+        this.loading.set(false);
+      },
+      error: () => {
+        this.model.set(null);
+        this.loading.set(false);
+      }
+    });
+  }
+}