@praxisui/core 9.0.0-beta.38 → 9.0.0-beta.39

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-06T01:44:02.635Z",
+  "generatedAt": "2026-07-06T14:21:26.432Z",
   "packageName": "@praxisui/core",
-  "packageVersion": "9.0.0-beta.38",
+  "packageVersion": "9.0.0-beta.39",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 4,

package/fesm2022/praxisui-core.mjs

@@ -14092,6 +14092,9 @@ class SurfaceOpenMaterializerService {
         if (widgetId !== 'praxis-table') {
             return true;
         }
+        if (payload.context?.['relatedResource']) {
+            return false;
+        }
         const inputs = widget.inputs || {};
         return Boolean(inputs['resourcePath']
             || inputs['queryContext']
@@ -36769,10 +36772,12 @@ const RELATED_RESOURCE_OUTLET_I18N_CONFIG = {
 
 class PraxisRelatedResourceOutletComponent {
     resolver = inject(RelatedResourceSurfaceResolverService);
+    materializer = inject(SurfaceOpenMaterializerService);
     i18n = inject(PraxisI18nService);
     injector = inject(Injector);
     discoverySubscription;
     discoveryRequestKey = '';
+    materializationRequestKey = '';
     surface = input(null, ...(ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []));
     surfaceId = input(null, ...(ngDevMode ? [{ debugName: "surfaceId" }] : /* istanbul ignore next */ []));
     surfaceCatalog = input(null, ...(ngDevMode ? [{ debugName: "surfaceCatalog" }] : /* istanbul ignore next */ []));
@@ -36801,6 +36806,7 @@ class PraxisRelatedResourceOutletComponent {
     discoveredSurface = signal(null, ...(ngDevMode ? [{ debugName: "discoveredSurface" }] : /* istanbul ignore next */ []));
     discoveryState = signal(null, ...(ngDevMode ? [{ debugName: "discoveryState" }] : /* istanbul ignore next */ []));
     discoveryStateReason = signal(null, ...(ngDevMode ? [{ debugName: "discoveryStateReason" }] : /* istanbul ignore next */ []));
+    materializedPayload = signal(null, ...(ngDevMode ? [{ debugName: "materializedPayload" }] : /* istanbul ignore next */ []));
     resolution = computed(() => {
         const state = this.state();
         if (state && state !== 'ready') {
@@ -36823,8 +36829,25 @@ class PraxisRelatedResourceOutletComponent {
             queryContext: this.queryContext(),
         });
     }, ...(ngDevMode ? [{ debugName: "resolution" }] : /* istanbul ignore next */ []));
+    renderResolution = computed(() => {
+        const resolution = this.resolution();
+        const materializedPayload = this.materializedPayload();
+        if (resolution.state !== 'ready') {
+            return resolution;
+        }
+        if (!materializedPayload && this.mode() === 'inline' && resolution.payload?.widget) {
+            return this.resolver.state('loading', 'related-resource-materializing');
+        }
+        if (!materializedPayload) {
+            return resolution;
+        }
+        return {
+            ...resolution,
+            payload: materializedPayload,
+        };
+    }, ...(ngDevMode ? [{ debugName: "renderResolution" }] : /* istanbul ignore next */ []));
     isBusy = computed(() => {
-        const state = this.resolution().state;
+        const state = this.renderResolution().state;
         return state === 'resolving' || state === 'loading';
     }, ...(ngDevMode ? [{ debugName: "isBusy" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -36887,6 +36910,31 @@ class PraxisRelatedResourceOutletComponent {
                 this.discoverySubscription = undefined;
             });
         });
+        effect((onCleanup) => {
+            const resolution = this.resolution();
+            const payload = resolution.state === 'ready' ? resolution.payload : null;
+            const requestKey = this.buildMaterializationRequestKey(resolution);
+            this.materializationRequestKey = requestKey;
+            this.materializedPayload.set(null);
+            if (!payload) {
+                return;
+            }
+            let cancelled = false;
+            this.materializer.materialize(payload)
+                .then((materialized) => {
+                if (!cancelled && this.materializationRequestKey === requestKey) {
+                    this.materializedPayload.set(materialized);
+                }
+            })
+                .catch(() => {
+                if (!cancelled && this.materializationRequestKey === requestKey) {
+                    this.materializedPayload.set(payload);
+                }
+            });
+            onCleanup(() => {
+                cancelled = true;
+            });
+        });
     }
     openRelated() {
         const payload = this.resolution().payload;
@@ -36904,7 +36952,7 @@ class PraxisRelatedResourceOutletComponent {
         this.widgetEvent.emit(event);
     }
     stateIcon() {
-        switch (this.resolution().state) {
+        switch (this.renderResolution().state) {
             case 'ready':
                 return 'hub';
             case 'permission-limited':
@@ -36920,11 +36968,11 @@ class PraxisRelatedResourceOutletComponent {
         }
     }
     stateTitle() {
-        const state = this.resolution().state;
+        const state = this.renderResolution().state;
         return this.t(`state.${state}.title`, this.defaultTitle(state));
     }
     stateDescription() {
-        const state = this.resolution().state;
+        const state = this.renderResolution().state;
         return this.t(`state.${state}.description`, this.defaultDescription(state));
     }
     t(key, fallback) {
@@ -36936,7 +36984,7 @@ class PraxisRelatedResourceOutletComponent {
             : 'Related resource';
     }
     defaultDescription(state) {
-        return this.resolution().reason || state;
+        return this.renderResolution().reason || state;
     }
     applyCatalogSurface(surfaceId, catalog) {
         const normalizedId = this.trim(surfaceId);
@@ -36991,6 +37039,16 @@ class PraxisRelatedResourceOutletComponent {
             apiUrlEntry: options?.apiUrlEntry || null,
         });
     }
+    buildMaterializationRequestKey(resolution) {
+        return JSON.stringify({
+            state: resolution.state,
+            surfaceId: resolution.surface?.id ?? null,
+            parentResourceId: resolution.parentResourceId ?? null,
+            childResourcePath: resolution.childResourcePath ?? null,
+            queryContext: resolution.queryContext ?? null,
+            mode: this.mode(),
+        });
+    }
     isPermissionError(error) {
         const status = typeof error === 'object' && error
             ? error.status
@@ -37012,13 +37070,13 @@ class PraxisRelatedResourceOutletComponent {
         return typeof value === 'string' ? value.trim() : '';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRelatedResourceOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisRelatedResourceOutletComponent, isStandalone: true, selector: "praxis-related-resource-outlet", inputs: { surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, surfaceId: { classPropertyName: "surfaceId", publicName: "surfaceId", isSignal: true, isRequired: false, transformFunction: null }, surfaceCatalog: { classPropertyName: "surfaceCatalog", publicName: "surfaceCatalog", isSignal: true, isRequired: false, transformFunction: null }, discoverySource: { classPropertyName: "discoverySource", publicName: "discoverySource", isSignal: true, isRequired: false, transformFunction: null }, parentLinks: { classPropertyName: "parentLinks", publicName: "parentLinks", isSignal: true, isRequired: false, transformFunction: null }, apiEndpointKey: { classPropertyName: "apiEndpointKey", publicName: "apiEndpointKey", isSignal: true, isRequired: false, transformFunction: null }, apiUrlEntry: { classPropertyName: "apiUrlEntry", publicName: "apiUrlEntry", isSignal: true, isRequired: false, transformFunction: null }, parentRecord: { classPropertyName: "parentRecord", publicName: "parentRecord", isSignal: true, isRequired: false, transformFunction: null }, parentResourceId: { classPropertyName: "parentResourceId", publicName: "parentResourceId", isSignal: true, isRequired: false, transformFunction: null }, parentResourcePath: { classPropertyName: "parentResourcePath", publicName: "parentResourcePath", isSignal: true, isRequired: false, transformFunction: null }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, queryContext: { classPropertyName: "queryContext", publicName: "queryContext", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, stateReason: { classPropertyName: "stateReason", publicName: "stateReason", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, strictValidation: { classPropertyName: "strictValidation", publicName: "strictValidation", isSignal: true, isRequired: false, transformFunction: null }, ownerWidgetKey: { classPropertyName: "ownerWidgetKey", publicName: "ownerWidgetKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { surfaceOpen: "surfaceOpen", widgetEvent: "widgetEvent", resourceEvent: "resourceEvent" }, host: { attributes: { "data-praxis-related-resource-outlet": "core" }, properties: { "attr.data-state": "resolution().state" } }, providers: [providePraxisI18nConfig(RELATED_RESOURCE_OUTLET_I18N_CONFIG)], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisRelatedResourceOutletComponent, isStandalone: true, selector: "praxis-related-resource-outlet", inputs: { surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, surfaceId: { classPropertyName: "surfaceId", publicName: "surfaceId", isSignal: true, isRequired: false, transformFunction: null }, surfaceCatalog: { classPropertyName: "surfaceCatalog", publicName: "surfaceCatalog", isSignal: true, isRequired: false, transformFunction: null }, discoverySource: { classPropertyName: "discoverySource", publicName: "discoverySource", isSignal: true, isRequired: false, transformFunction: null }, parentLinks: { classPropertyName: "parentLinks", publicName: "parentLinks", isSignal: true, isRequired: false, transformFunction: null }, apiEndpointKey: { classPropertyName: "apiEndpointKey", publicName: "apiEndpointKey", isSignal: true, isRequired: false, transformFunction: null }, apiUrlEntry: { classPropertyName: "apiUrlEntry", publicName: "apiUrlEntry", isSignal: true, isRequired: false, transformFunction: null }, parentRecord: { classPropertyName: "parentRecord", publicName: "parentRecord", isSignal: true, isRequired: false, transformFunction: null }, parentResourceId: { classPropertyName: "parentResourceId", publicName: "parentResourceId", isSignal: true, isRequired: false, transformFunction: null }, parentResourcePath: { classPropertyName: "parentResourcePath", publicName: "parentResourcePath", isSignal: true, isRequired: false, transformFunction: null }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, queryContext: { classPropertyName: "queryContext", publicName: "queryContext", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, stateReason: { classPropertyName: "stateReason", publicName: "stateReason", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, strictValidation: { classPropertyName: "strictValidation", publicName: "strictValidation", isSignal: true, isRequired: false, transformFunction: null }, ownerWidgetKey: { classPropertyName: "ownerWidgetKey", publicName: "ownerWidgetKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { surfaceOpen: "surfaceOpen", widgetEvent: "widgetEvent", resourceEvent: "resourceEvent" }, host: { attributes: { "data-praxis-related-resource-outlet": "core" }, properties: { "attr.data-state": "renderResolution().state" } }, providers: [providePraxisI18nConfig(RELATED_RESOURCE_OUTLET_I18N_CONFIG)], ngImport: i0, template: `
     <section class="pdx-related-outlet" [class.pdx-related-outlet--compact]="compact()">
-      @if (resolution().state === 'ready' && mode() === 'inline' && resolution().payload?.widget) {
+      @if (renderResolution().state === 'ready' && mode() === 'inline' && renderResolution().payload?.widget) {
         <ng-container
-          [dynamicWidgetLoader]="resolution().payload!.widget"
+          [dynamicWidgetLoader]="renderResolution().payload!.widget"
           [ownerWidgetKey]="ownerWidgetKey()"
-          [context]="resolution().payload!.context || null"
+          [context]="renderResolution().payload!.context || null"
           [strictValidation]="strictValidation()"
           [autoWireOutputs]="true"
           (widgetEvent)="onWidgetEvent($event)"
@@ -37026,7 +37084,7 @@ class PraxisRelatedResourceOutletComponent {
       } @else {
         <div
           class="pdx-related-outlet__state"
-          [class.pdx-related-outlet__state--ready]="resolution().state === 'ready'"
+          [class.pdx-related-outlet__state--ready]="renderResolution().state === 'ready'"
           [class.pdx-related-outlet__state--busy]="isBusy()"
           role="status"
           aria-live="polite"
@@ -37057,7 +37115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             type: Component,
             args: [{ selector: 'praxis-related-resource-outlet', standalone: true, host: {
                         'data-praxis-related-resource-outlet': 'core',
-                        '[attr.data-state]': 'resolution().state',
+                        '[attr.data-state]': 'renderResolution().state',
                     }, imports: [
                         DynamicWidgetLoaderDirective,
                         MatButtonModule,
@@ -37065,11 +37123,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatProgressSpinnerModule,
                     ], providers: [providePraxisI18nConfig(RELATED_RESOURCE_OUTLET_I18N_CONFIG)], template: `
     <section class="pdx-related-outlet" [class.pdx-related-outlet--compact]="compact()">
-      @if (resolution().state === 'ready' && mode() === 'inline' && resolution().payload?.widget) {
+      @if (renderResolution().state === 'ready' && mode() === 'inline' && renderResolution().payload?.widget) {
         <ng-container
-          [dynamicWidgetLoader]="resolution().payload!.widget"
+          [dynamicWidgetLoader]="renderResolution().payload!.widget"
           [ownerWidgetKey]="ownerWidgetKey()"
-          [context]="resolution().payload!.context || null"
+          [context]="renderResolution().payload!.context || null"
           [strictValidation]="strictValidation()"
           [autoWireOutputs]="true"
           (widgetEvent)="onWidgetEvent($event)"
@@ -37077,7 +37135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       } @else {
         <div
           class="pdx-related-outlet__state"
-          [class.pdx-related-outlet__state--ready]="resolution().state === 'ready'"
+          [class.pdx-related-outlet__state--ready]="renderResolution().state === 'ready'"
           [class.pdx-related-outlet__state--busy]="isBusy()"
           role="status"
           aria-live="polite"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/core",
-  "version": "9.0.0-beta.38",
+  "version": "9.0.0-beta.39",
   "description": "Core library for Praxis UI Workspace: types, tokens, services and utilities shared across @praxisui/* packages.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/types/praxisui-core.d.ts

@@ -14924,10 +14924,12 @@ declare class PraxisSurfaceHostComponent implements AfterViewInit, OnChanges {
 type RelatedResourceOutletMode = 'inline' | 'open-action';
 declare class PraxisRelatedResourceOutletComponent {
     private readonly resolver;
+    private readonly materializer;
     private readonly i18n;
     private readonly injector;
     private discoverySubscription?;
     private discoveryRequestKey;
+    private materializationRequestKey;
     readonly surface: i0.InputSignal<ResourceSurfaceCatalogItem | null>;
     readonly surfaceId: i0.InputSignal<string | null>;
     readonly surfaceCatalog: i0.InputSignal<ResourceSurfaceCatalogResponse | null>;
@@ -14956,7 +14958,9 @@ declare class PraxisRelatedResourceOutletComponent {
     private readonly discoveredSurface;
     private readonly discoveryState;
     private readonly discoveryStateReason;
+    private readonly materializedPayload;
     readonly resolution: i0.Signal<RelatedResourceSurfaceResolution>;
+    readonly renderResolution: i0.Signal<RelatedResourceSurfaceResolution>;
     readonly isBusy: i0.Signal<boolean>;
     constructor();
     openRelated(): void;
@@ -14973,6 +14977,7 @@ declare class PraxisRelatedResourceOutletComponent {
     private resolveFallbackSurfaceCatalogHref;
     private normalizeResourcePath;
     private buildDiscoveryRequestKey;
+    private buildMaterializationRequestKey;
     private isPermissionError;
     private extractResourceEvent;
     private trim;