@praxisui/page-builder 9.0.4-rc.39 → 9.0.4-rc.40

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-10T02:36:18.987Z",
+  "generatedAt": "2026-08-10T11:49:21.807Z",
   "packageName": "@praxisui/page-builder",
-  "packageVersion": "9.0.4-rc.39",
+  "packageVersion": "9.0.4-rc.40",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,

package/fesm2022/praxisui-page-builder.mjs

@@ -900,6 +900,9 @@ class WidgetShellEditorComponent {
     isValid$ = this.validSubject.asObservable();
     isBusy$ = this.busySubject.asObservable();
     snapshot = '';
+    initialTitle;
+    initialSubtitle;
+    actionCopySources = new WeakMap();
     presetOptions = [...BUILTIN_PRESET_OPTIONS];
     presets = { ...BUILTIN_PRESET_MAP };
     availableActions = [];
@@ -971,6 +974,8 @@ class WidgetShellEditorComponent {
         this.applyShell(shell);
     }
     applyShell(shell) {
+        this.initialTitle = shell?.title;
+        this.initialSubtitle = shell?.subtitle;
         const showHeader = shell?.showHeader == null ? 'auto' : shell.showHeader ? 'true' : 'false';
         const window = shell?.windowActions || {};
         const appearance = shell?.appearance || {};
@@ -983,8 +988,8 @@ class WidgetShellEditorComponent {
             kind: shell?.kind === 'none' ? 'none' : 'dashboard-card',
             preset: shell?.preset || '',
             applyToAll: false,
-            title: shell?.title || '',
-            subtitle: shell?.subtitle || '',
+            title: this.editableText(shell?.title),
+            subtitle: this.editableText(shell?.subtitle),
             icon: shell?.icon || '',
             showHeader,
             collapsible: window.collapsible !== false,
@@ -1039,19 +1044,21 @@ class WidgetShellEditorComponent {
         this.availableActions = [...actions, ...commands];
     }
     createActionGroup(seed) {
-        return new FormGroup({
+        const group = new FormGroup({
             id: new FormControl(seed?.id || '', { nonNullable: true, validators: [Validators.required] }),
-            label: new FormControl(seed?.label || '', { nonNullable: true }),
+            label: new FormControl(this.editableText(seed?.label), { nonNullable: true }),
             icon: new FormControl(seed?.icon || '', { nonNullable: true }),
             variant: new FormControl(seed?.variant || 'text', { nonNullable: true }),
             placement: new FormControl(seed?.placement || 'header', { nonNullable: true }),
             emit: new FormControl(seed?.emit || '', { nonNullable: true }),
-            tooltip: new FormControl(seed?.tooltip || '', { nonNullable: true }),
+            tooltip: new FormControl(this.editableText(seed?.tooltip), { nonNullable: true }),
             command: new FormControl(seed?.command || '', { nonNullable: true }),
             payload: new FormControl(seed?.payload != null ? JSON.stringify(seed.payload) : '', { nonNullable: true }),
             visible: new FormControl(seed?.visible !== false, { nonNullable: true }),
             disabled: new FormControl(!!seed?.disabled, { nonNullable: true }),
         });
+        this.actionCopySources.set(group, { label: seed?.label, tooltip: seed?.tooltip });
+        return group;
     }
     buildShell() {
         const raw = this.form.getRawValue();
@@ -1061,10 +1068,12 @@ class WidgetShellEditorComponent {
         const shell = {};
         if (raw.preset)
             shell.preset = raw.preset;
-        if (raw.title.trim())
-            shell.title = raw.title.trim();
-        if (raw.subtitle.trim())
-            shell.subtitle = raw.subtitle.trim();
+        const title = this.preserveTextDescriptor(this.initialTitle, raw.title);
+        const subtitle = this.preserveTextDescriptor(this.initialSubtitle, raw.subtitle);
+        if (title)
+            shell.title = title;
+        if (subtitle)
+            shell.subtitle = subtitle;
         if (raw.icon.trim())
             shell.icon = raw.icon.trim();
         if (raw.showHeader !== 'auto')
@@ -1074,8 +1083,8 @@ class WidgetShellEditorComponent {
             windowActions.collapsible = false;
         if (Object.keys(windowActions).length)
             shell.windowActions = windowActions;
-        const actions = (raw.actions || [])
-            .map((a) => this.normalizeAction(a))
+        const actions = this.actions.controls
+            .map((group) => this.normalizeAction(group.getRawValue(), this.actionCopySources.get(group)))
             .filter((a) => a.id);
         if (actions.length)
             shell.actions = actions;
@@ -1171,11 +1180,11 @@ class WidgetShellEditorComponent {
         return !!(raw.title || raw.subtitle || raw.icon);
     }
     previewTitle() {
-        const title = this.form.controls.title.value.trim();
+        const title = this.editableText(this.form.controls.title.value).trim();
         return title || 'Titulo do card';
     }
     previewSubtitle() {
-        const subtitle = this.form.controls.subtitle.value.trim();
+        const subtitle = this.editableText(this.form.controls.subtitle.value).trim();
         return subtitle || 'Subtitulo opcional';
     }
     buildPreviewAppearance() {
@@ -1219,21 +1228,23 @@ class WidgetShellEditorComponent {
     previewWindowActions() {
         return this.previewActions().filter((a) => (a.placement || 'header') === 'window');
     }
-    normalizeAction(raw) {
+    normalizeAction(raw, source) {
         const action = { id: String(raw.id || '').trim() };
         const label = String(raw.label || '').trim();
         const icon = String(raw.icon || '').trim();
         const emit = String(raw.emit || '').trim();
         const tooltip = String(raw.tooltip || '').trim();
         const command = String(raw.command || '').trim();
-        if (label)
-            action.label = label;
+        const normalizedLabel = this.preserveTextDescriptor(source?.label, label);
+        const normalizedTooltip = this.preserveTextDescriptor(source?.tooltip, tooltip);
+        if (normalizedLabel)
+            action.label = normalizedLabel;
         if (icon)
             action.icon = icon;
         if (emit)
             action.emit = emit;
-        if (tooltip)
-            action.tooltip = tooltip;
+        if (normalizedTooltip)
+            action.tooltip = normalizedTooltip;
         if (command)
             action.command = command;
         if (raw.variant && raw.variant !== 'text')
@@ -1249,6 +1260,21 @@ class WidgetShellEditorComponent {
             action.payload = payload;
         return action;
     }
+    editableText(value) {
+        if (typeof value === 'string')
+            return value;
+        return value?.text || value?.key || '';
+    }
+    preserveTextDescriptor(source, editedValue) {
+        const edited = String(editedValue ?? '').trim();
+        if (!edited)
+            return undefined;
+        if (source && typeof source === 'object') {
+            const authoredText = this.editableText(source).trim();
+            return edited === authoredText ? { ...source } : edited;
+        }
+        return edited;
+    }
     tryParsePayload(raw) {
         const value = String(raw || '').trim();
         if (!value)
@@ -3658,7 +3684,7 @@ function deriveConnectionEditorGraph(page, options = {}) {
         }
         return {
             id: widgetId,
-            title: widget.shell?.title || widgetId,
+            title: editableText(widget.shell?.title) || widgetId,
             subtitle: componentType,
             icon: widget.shell?.icon ?? iconForComponentType(componentType),
             x: center.x + Math.cos(angle) * radiusX,
@@ -3755,6 +3781,11 @@ function deriveConnectionEditorGraph(page, options = {}) {
         diagnostics: connections.flatMap((connection) => connection.diagnostics),
     };
 }
+function editableText(value) {
+    if (typeof value === 'string')
+        return value;
+    return value?.text ?? value?.key ?? '';
+}
 function feedbackDiagnosticsForLinks(links) {
     const edges = links.map((link) => ({
         link,
@@ -23879,7 +23910,7 @@ class DynamicPageBuilderComponent {
             : label || fallbackKey;
     }
     resolveWidgetDisplayName(widget) {
-        const shellTitle = String(widget.shell?.title || '').trim();
+        const shellTitle = this.i18n.resolve(widget.shell?.title, '').trim();
         if (shellTitle)
             return shellTitle;
         const componentId = widget.definition?.id || '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/page-builder",
-  "version": "9.0.4-rc.39",
+  "version": "9.0.4-rc.40",
   "description": "Page and widget builder utilities for Praxis UI (grid, dynamic widgets, editors).",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -8,9 +8,9 @@
     "@angular/forms": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/material": "^21.0.0",
-    "@praxisui/ai": "^9.0.4-rc.39",
-    "@praxisui/core": "^9.0.4-rc.39",
-    "@praxisui/settings-panel": "^9.0.4-rc.39",
+    "@praxisui/ai": "^9.0.4-rc.40",
+    "@praxisui/core": "^9.0.4-rc.40",
+    "@praxisui/settings-panel": "^9.0.4-rc.40",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-page-builder.d.ts

@@ -179,6 +179,9 @@ declare class WidgetShellEditorComponent implements SettingsValueProvider {
     isValid$: rxjs.Observable<boolean>;
     isBusy$: rxjs.Observable<boolean>;
     private snapshot;
+    private initialTitle;
+    private initialSubtitle;
+    private readonly actionCopySources;
     presetOptions: Array<{
         id: string;
         label: string;
@@ -222,6 +225,8 @@ declare class WidgetShellEditorComponent implements SettingsValueProvider {
     previewOverflowCount(): number;
     previewWindowActions(): WidgetShellAction[];
     private normalizeAction;
+    private editableText;
+    private preserveTextDescriptor;
     private tryParsePayload;
     private snapshotValue;
     filteredAvailableActions(): AvailableShellAction[];