@praxisui/crud 10.0.0-rc.22 → 10.0.0-rc.24

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-15T06:07:49.426Z",
+  "generatedAt": "2026-10-15T13:55:17.858Z",
   "packageName": "@praxisui/crud",
-  "packageVersion": "10.0.0-rc.22",
+  "packageVersion": "10.0.0-rc.24",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-crud.mjs

@@ -3811,7 +3811,10 @@ function validateCrudKpiBand(metadata, diagnostics) {
             diagnostics.push(errorDiagnostic('crud.metadata.kpiBand.cards.value.required', `KPI card #${index + 1} requires a displayed value`, `metadata.kpiBand.cards.${index}.value`));
         }
         if (card?.filter !== undefined &&
-            (!card.filter || typeof card.filter !== 'object' || Array.isArray(card.filter))) {
+            (!card.filter ||
+                typeof card.filter !== 'object' ||
+                Array.isArray(card.filter) ||
+                Object.keys(card.filter).some((key) => !trimString(key)))) {
             diagnostics.push(errorDiagnostic('crud.metadata.kpiBand.cards.filter.invalid', `KPI card #${index + 1} filter must be a valid criteria object`, `metadata.kpiBand.cards.${index}.filter`));
         }
     });
@@ -3832,8 +3835,11 @@ function validateCrudFilterBar(metadata, diagnostics) {
             const filterVal = qf?.filter;
             const isInvalidFilter = filterVal === undefined ||
                 filterVal === null ||
+                (typeof filterVal === 'string' && !filterVal.trim()) ||
                 (typeof filterVal !== 'string' &&
-                    (typeof filterVal !== 'object' || Array.isArray(filterVal)));
+                    (typeof filterVal !== 'object' ||
+                        Array.isArray(filterVal) ||
+                        Object.keys(filterVal).some((key) => !trimString(key))));
             if (isInvalidFilter) {
                 diagnostics.push(errorDiagnostic('crud.metadata.filterBar.quickFilters.filter.invalid', `Quick filter #${index + 1} requires a valid filter condition`, `metadata.filterBar.quickFilters.${index}.filter`));
             }
@@ -5164,6 +5170,7 @@ class CrudMetadataEditorComponent {
             // Observe the supplied snapshot with its external resource, before local edits.
             this.providedSnapshotOwner();
             this.synchronizeSchemaScope();
+            this.initialValueDrafts.set({});
             this.kpiFilterJsonDrafts.set({});
             this.quickFilterExpressionDrafts.set({});
             this.syncState();
@@ -5292,9 +5299,9 @@ class CrudMetadataEditorComponent {
         else {
             parts.push(this.tx('crud.authoring.action.paramsNone', 'No param mappings yet'));
         }
-        const draft = this.actionInitialValueDraft(actionName).trim();
+        const hasInvalidDraft = this.initialValueDrafts()[actionName] !== undefined;
         const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
-        if (draft && !hasInitialValue) {
+        if (hasInvalidDraft) {
             parts.push(this.tx('crud.authoring.action.initialValueInvalid', 'Initial value JSON is not valid yet'));
         }
         else if (hasInitialValue) {
@@ -5313,9 +5320,9 @@ class CrudMetadataEditorComponent {
         return this.tx('crud.authoring.action.paramsNoteReady', 'Mappings ready');
     }
     actionInitialValueNote(actionName) {
-        const draft = this.actionInitialValueDraft(actionName).trim();
+        const hasInvalidDraft = this.initialValueDrafts()[actionName] !== undefined;
         const hasInitialValue = !!this.actionValue(actionName).form?.initialValue;
-        if (draft && !hasInitialValue) {
+        if (hasInvalidDraft) {
             return this.tx('crud.authoring.action.initialValueInvalid', 'Initial value JSON is not valid yet');
         }
         if (hasInitialValue) {
@@ -5492,6 +5499,9 @@ class CrudMetadataEditorComponent {
         if (diagnosticPaths.some((issue) => issue.level === 'error')) {
             return 'invalid';
         }
+        if (this.initialValueDrafts()[actionName] !== undefined) {
+            return 'invalid';
+        }
         const action = this.actionValue(actionName);
         const effectiveMode = (action.openMode || this.defaultsOpenMode());
         const hasBinding = effectiveMode === 'route'
@@ -5797,6 +5807,13 @@ class CrudMetadataEditorComponent {
         if (section === 'kpis' && Object.keys(this.kpiFilterJsonDrafts()).length > 0) {
             return 'invalid';
         }
+        if (section === 'filters' && this.hasInvalidQuickFilterDraft()) {
+            return 'invalid';
+        }
+        if (section === 'actions' &&
+            this.actionKeys.some((actionName) => this.actionStatus(actionName) === 'invalid')) {
+            return 'invalid';
+        }
         if (diagnostics.some((issue) => issue.level === 'warning')) {
             return 'pending';
         }
@@ -6393,7 +6410,7 @@ class CrudMetadataEditorComponent {
             [index]: raw,
         }));
         const trimmed = String(raw || '').trim();
-        if (trimmed.startsWith('{')) {
+        if (trimmed.startsWith('{') || trimmed.startsWith('[')) {
             try {
                 const parsed = JSON.parse(trimmed);
                 if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
@@ -6405,8 +6422,10 @@ class CrudMetadataEditorComponent {
                 }
             }
             catch {
-                // Fall through to string expression
+                // Keep malformed JSON draft in signal so sectionStatus('filters') surfaces 'invalid'
             }
+            this.syncState();
+            return;
         }
         this.patchQuickFilter(index, (qf) => ({
             ...qf,
@@ -6558,12 +6577,9 @@ class CrudMetadataEditorComponent {
         });
     }
     setActionInitialValue(actionName, raw) {
-        this.initialValueDrafts.update((drafts) => ({
-            ...drafts,
-            [actionName]: raw,
-        }));
         const trimmed = raw.trim();
         if (!trimmed) {
+            this.clearActionInitialValueDraft(actionName);
             this.patchAction(actionName, (action) => ({
                 ...action,
                 form: {
@@ -6575,20 +6591,26 @@ class CrudMetadataEditorComponent {
         }
         try {
             const parsed = JSON.parse(trimmed);
-            if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+            if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+                this.clearActionInitialValueDraft(actionName);
+                this.patchAction(actionName, (action) => ({
+                    ...action,
+                    form: {
+                        ...(action.form || {}),
+                        initialValue: parsed,
+                    },
+                }));
                 return;
             }
-            this.patchAction(actionName, (action) => ({
-                ...action,
-                form: {
-                    ...(action.form || {}),
-                    initialValue: parsed,
-                },
-            }));
         }
         catch {
-            return;
+            // Keep invalid draft in signal so actionStatus and sectionStatus('actions') surface 'invalid'
         }
+        this.initialValueDrafts.update((drafts) => ({
+            ...drafts,
+            [actionName]: raw,
+        }));
+        this.syncState();
     }
     setActionBackField(actionName, field, value) {
         this.patchAction(actionName, (action) => ({
@@ -6666,6 +6688,31 @@ class CrudMetadataEditorComponent {
             return next;
         });
     }
+    clearActionInitialValueDraft(actionName) {
+        if (this.initialValueDrafts()[actionName] === undefined) {
+            return;
+        }
+        this.initialValueDrafts.update((drafts) => {
+            const next = { ...drafts };
+            delete next[actionName];
+            return next;
+        });
+    }
+    hasInvalidQuickFilterDraft() {
+        return Object.values(this.quickFilterExpressionDrafts()).some((raw) => {
+            const trimmed = String(raw ?? '').trim();
+            if (!trimmed.startsWith('{') && !trimmed.startsWith('[')) {
+                return false;
+            }
+            try {
+                const parsed = JSON.parse(trimmed);
+                return !parsed || typeof parsed !== 'object' || Array.isArray(parsed);
+            }
+            catch {
+                return true;
+            }
+        });
+    }
     updateFilterBar(updater) {
         this.updateMetadata((metadata) => {
             const base = this.effectiveFilterBar() || {};
@@ -6808,10 +6855,12 @@ class CrudMetadataEditorComponent {
     syncState() {
         const currentSignature = JSON.stringify(serializeCrudAuthoringDocument(this.currentDocument()));
         const initialSignature = JSON.stringify(serializeCrudAuthoringDocument(this.initialDocument()));
-        const hasInvalidKpiJson = Object.keys(this.kpiFilterJsonDrafts()).length > 0;
-        this.isDirty$.next(currentSignature !== initialSignature || hasInvalidKpiJson);
+        const hasInvalidDraft = Object.keys(this.kpiFilterJsonDrafts()).length > 0 ||
+            this.hasInvalidQuickFilterDraft() ||
+            Object.keys(this.initialValueDrafts()).length > 0;
+        this.isDirty$.next(currentSignature !== initialSignature || hasInvalidDraft);
         const hasErrorDiagnostics = this.diagnostics().some((issue) => issue.level === 'error');
-        this.isValid$.next(!hasErrorDiagnostics && !hasInvalidKpiJson);
+        this.isValid$.next(!hasErrorDiagnostics && !hasInvalidDraft);
     }
     tx(key, fallback) {
         return translateCrudAuthoringText(this.i18n, key, fallback);

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@praxisui/crud",
-  "version": "10.0.0-rc.22",
+  "version": "10.0.0-rc.24",
   "description": "CRUD building blocks for Praxis UI: integrates dynamic forms and tables with unified configuration and services.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
-    "@praxisui/dynamic-form": "^10.0.0-rc.22",
-    "@praxisui/table": "^10.0.0-rc.22",
-    "@praxisui/core": "^10.0.0-rc.22",
-    "@praxisui/dynamic-fields": "^10.0.0-rc.22",
-    "@praxisui/settings-panel": "^10.0.0-rc.22",
+    "@praxisui/dynamic-form": "^10.0.0-rc.24",
+    "@praxisui/table": "^10.0.0-rc.24",
+    "@praxisui/core": "^10.0.0-rc.24",
+    "@praxisui/dynamic-fields": "^10.0.0-rc.24",
+    "@praxisui/settings-panel": "^10.0.0-rc.24",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^10.0.0-rc.22",
+    "@praxisui/ai": "^10.0.0-rc.24",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-crud.d.ts

@@ -996,6 +996,8 @@ declare class CrudMetadataEditorComponent implements SettingsValueProvider {
     private updateKpiBand;
     private patchKpiCard;
     private clearKpiFilterJsonDraft;
+    private clearActionInitialValueDraft;
+    private hasInvalidQuickFilterDraft;
     private updateFilterBar;
     private patchQuickFilter;
     private resourceSchemaIdentity;