@praxisui/rich-content 10.0.0-rc.20 → 10.0.0-rc.22

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-15T03:52:00.118Z",
+  "generatedAt": "2026-10-15T06:07:49.426Z",
   "packageName": "@praxisui/rich-content",
-  "packageVersion": "10.0.0-rc.20",
+  "packageVersion": "10.0.0-rc.22",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,

package/fesm2022/praxisui-rich-content.mjs

@@ -9250,6 +9250,8 @@ class PraxisRichContentConfigEditor {
     initialInputs = this.normalizeInputs(this.inputs);
     pendingRemoval = null;
     advancedJsonFieldDrafts = {};
+    // Draft identity stays internal: array positions can change without changing the owner.
+    advancedJsonDraftOwners = new Map();
     ngOnChanges(changes) {
         if (changes['inputs']) {
             this.load(this.normalizeInputs(this.inputs), false);
@@ -9265,6 +9267,7 @@ class PraxisRichContentConfigEditor {
         const document = this.parseDocument();
         if (draft && this.documentJson === this.stringify(draft)) {
             this.parsedDocument = draft;
+            this.rebindAdvancedJsonDraftOwners(draft);
             this.updateDocumentOverview(draft);
         }
         if (!document || this.hasAdvancedJsonFieldErrors()) {
@@ -10483,6 +10486,7 @@ class PraxisRichContentConfigEditor {
     }
     setAdvancedJsonField(index, field, value) {
         const key = this.getAdvancedJsonFieldKey(index, field);
+        this.trackAdvancedJsonDraftOwner(key, this.ensureEditableDocument().nodes[index], field);
         const trimmed = value.trim();
         this.advancedJsonFieldDrafts[key] = value;
         if (!trimmed) {
@@ -10505,6 +10509,7 @@ class PraxisRichContentConfigEditor {
             this.setAdvancedJsonFieldInvalid(key, this.getAdvancedJsonFieldShapeError(field));
             return;
         }
+        this.reconcileAdvancedJsonDraftOwners();
         const nextDocument = this.cloneValue(this.ensureEditableDocument());
         const node = nextDocument.nodes[index];
         node[field] = parsed;
@@ -10515,6 +10520,7 @@ class PraxisRichContentConfigEditor {
             return;
         }
         this.parsedDocument = nextDocument;
+        this.rebindAdvancedJsonDraftOwners(nextDocument);
         this.documentJson = nextJson;
         delete this.advancedJsonFieldDrafts[key];
         delete this.advancedJsonFieldErrors[key];
@@ -10585,6 +10591,7 @@ class PraxisRichContentConfigEditor {
     clearAdvancedJsonFieldState() {
         this.advancedJsonFieldDrafts = {};
         this.advancedJsonFieldErrors = {};
+        this.advancedJsonDraftOwners.clear();
     }
     hasAdvancedJsonFieldErrors() {
         return Object.keys(this.advancedJsonFieldErrors).length > 0;
@@ -11160,6 +11167,8 @@ class PraxisRichContentConfigEditor {
         return 'custom';
     }
     applyIconSurfacePreset(node, preset) {
+        if (preset === 'custom')
+            return;
         const existingColor = getNodeStyleProp(node, 'color');
         const currentColor = existingColor || 'var(--md-sys-color-primary, #3154e7)';
         const currentFontSize = getNodeStyleProp(node, 'fontSize') || '20px';
@@ -11247,6 +11256,8 @@ class PraxisRichContentConfigEditor {
         return 'custom';
     }
     applyBadgeStylePreset(node, preset) {
+        if (preset === 'custom')
+            return;
         resetNodeVisualStyles(node, BADGE_VISUAL_STYLE_PROPS);
         if (preset === 'default') {
             this.syncStructuredDocumentChange();
@@ -11585,10 +11596,9 @@ class PraxisRichContentConfigEditor {
         // Preserve the live structured draft reference so bound node references remain active
         // even across consecutive edits or temporary empty required fields.
         this.parsedDocument = draft;
+        this.rebindAdvancedJsonDraftOwners(draft);
         this.updateDocumentOverview(draft);
         this.markDirty();
-        this.parsedDocument = draft;
-        this.updateDocumentOverview(draft);
         this.cdr.markForCheck();
     }
     createDefaultNode(type) {
@@ -11960,6 +11970,7 @@ class PraxisRichContentConfigEditor {
     }
     applyActionPayloadEdit(actionOwner, field, value, path, cleanup) {
         const key = this.getActionPayloadFieldKey(path);
+        this.trackAdvancedJsonDraftOwner(key, actionOwner, undefined, path);
         if (field === 'payloadPath') {
             const trimmed = value.trim();
             const currentAction = actionOwner.action ?? {
@@ -12022,7 +12033,88 @@ class PraxisRichContentConfigEditor {
         }
     }
     getActionPayloadFieldKey(path) {
-        return `action-payload:${path}`;
+        return `action-payload:${this.formatAdvancedJsonDraftPath(this.parseAdvancedJsonDraftPath(path))}`;
+    }
+    parseAdvancedJsonDraftPath(path) {
+        return path.replace(/^\$\.?/, '').replace(/\[(\d+)\]/g, '.$1')
+            .split('.').filter(Boolean).map(segment => /^\d+$/.test(segment) ? Number(segment) : segment);
+    }
+    formatAdvancedJsonDraftPath(path) {
+        return path.map((segment, index) => typeof segment === 'number'
+            ? `[${segment}]` : `${index ? '.' : ''}${segment}`).join('');
+    }
+    findAdvancedJsonDraftOwnerPath(owner) {
+        const visit = (value, path) => {
+            if (value === owner)
+                return path;
+            if (!value || typeof value !== 'object')
+                return null;
+            for (const [key, child] of Object.entries(value)) {
+                const found = visit(child, [...path, Array.isArray(value) ? Number(key) : key]);
+                if (found)
+                    return found;
+            }
+            return null;
+        };
+        return visit(this.parsedDocument, []);
+    }
+    trackAdvancedJsonDraftOwner(key, owner, field, payloadPath) {
+        const path = this.findAdvancedJsonDraftOwnerPath(owner);
+        if (!path)
+            return;
+        const suppliedPath = payloadPath === undefined ? undefined : this.parseAdvancedJsonDraftPath(payloadPath);
+        const rooted = suppliedPath?.[0] === 'nodes'
+            && path.every((segment, index) => suppliedPath[index] === segment);
+        this.advancedJsonDraftOwners.set(key, {
+            owner, path, field,
+            payloadSuffix: rooted ? suppliedPath.slice(path.length) : undefined,
+            fixedKey: payloadPath !== undefined && !rooted ? key : undefined,
+        });
+    }
+    reconcileAdvancedJsonDraftOwners() {
+        if (!this.parsedDocument || !this.advancedJsonDraftOwners.size)
+            return;
+        const drafts = { ...this.advancedJsonFieldDrafts };
+        const errors = { ...this.advancedJsonFieldErrors };
+        const owners = [...this.advancedJsonDraftOwners];
+        this.advancedJsonDraftOwners.clear();
+        // Remove old positions before assigning new positions, including swaps.
+        for (const [key] of owners) {
+            delete this.advancedJsonFieldDrafts[key];
+            delete this.advancedJsonFieldErrors[key];
+        }
+        for (const [key, record] of owners) {
+            if (!(key in drafts) && !(key in errors))
+                continue;
+            const path = this.findAdvancedJsonDraftOwnerPath(record.owner);
+            if (!path)
+                continue;
+            const nextKey = record.fixedKey ?? (record.field !== undefined
+                ? this.getAdvancedJsonFieldKey(Number(path[1]), record.field)
+                : this.getActionPayloadFieldKey(this.formatAdvancedJsonDraftPath([...path, ...(record.payloadSuffix ?? [])])));
+            if (key in drafts)
+                this.advancedJsonFieldDrafts[nextKey] = drafts[key];
+            if (key in errors)
+                this.advancedJsonFieldErrors[nextKey] = errors[key];
+            this.advancedJsonDraftOwners.set(nextKey, { ...record, path });
+        }
+    }
+    rebindAdvancedJsonDraftOwners(document) {
+        for (const [key, record] of this.advancedJsonDraftOwners) {
+            let owner = document;
+            for (const segment of record.path) {
+                owner = owner && typeof owner === 'object'
+                    ? owner[String(segment)] : undefined;
+            }
+            if (owner && typeof owner === 'object') {
+                record.owner = owner;
+            }
+            else {
+                this.advancedJsonDraftOwners.delete(key);
+                delete this.advancedJsonFieldDrafts[key];
+                delete this.advancedJsonFieldErrors[key];
+            }
+        }
     }
     createActionPreset(preset) {
         if (preset === 'primary') {
@@ -12050,6 +12142,7 @@ class PraxisRichContentConfigEditor {
         return node;
     }
     parseDocument() {
+        this.reconcileAdvancedJsonDraftOwners();
         try {
             const parsed = JSON.parse(this.documentJson);
             this.documentSyntaxInvalid = false;
@@ -12071,6 +12164,7 @@ class PraxisRichContentConfigEditor {
             }
             const document = parsed;
             this.parsedDocument = document;
+            this.rebindAdvancedJsonDraftOwners(document);
             this.reconcileSelectedNodeIndex(document);
             this.updateDocumentOverview(document);
             if (this.hasAdvancedJsonFieldErrors()) {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@praxisui/rich-content",
-  "version": "10.0.0-rc.20",
+  "version": "10.0.0-rc.22",
   "description": "Rich content rendering and authoring primitives for Praxis UI surfaces, including semantic blocks and page-builder integration.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/core": "^10.0.0-rc.20",
+    "@praxisui/core": "^10.0.0-rc.22",
     "@angular/forms": "^21.0.0",
     "rxjs": "~7.8.0"
   },

package/types/praxisui-rich-content.d.ts

@@ -387,6 +387,7 @@ declare class PraxisRichContentConfigEditor implements SettingsValueProvider, On
     private initialInputs;
     private pendingRemoval;
     private advancedJsonFieldDrafts;
+    private advancedJsonDraftOwners;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     getSettingsValue(): PraxisRichContentEditorValue | null;
@@ -726,6 +727,12 @@ declare class PraxisRichContentConfigEditor implements SettingsValueProvider, On
     private setActionNodeField;
     private applyActionPayloadEdit;
     private getActionPayloadFieldKey;
+    private parseAdvancedJsonDraftPath;
+    private formatAdvancedJsonDraftPath;
+    private findAdvancedJsonDraftOwnerPath;
+    private trackAdvancedJsonDraftOwner;
+    private reconcileAdvancedJsonDraftOwners;
+    private rebindAdvancedJsonDraftOwners;
     private createActionPreset;
     private ensureTimelineNode;
     private parseDocument;