@praxisui/tabs 8.0.0-beta.26 → 8.0.0-beta.28

package/README.md

@@ -82,6 +82,7 @@ Outputs
 - `selectedIndexChange: number` Índice selecionado atualizado (ambos modos).
 - `selectedTabChange: MatTabChangeEvent` Evento nativo do MatTabGroup.
 - `focusChange, animationDone, indexFocused, selectFocusedIndex` Eventos nativos do Angular Material.
+- `configChange: TabsConfigChangeEvent` Emite `inputPatch.config` quando autoria assistida altera `TabsMetadata`, permitindo que hosts persistam a nova configuração no manifesto/página canônica.
 - `widgetEvent: WidgetEventEnvelope` Bridge avançada/legado para transporte de eventos dos widgets internos com contexto da aba/link. Para conexões novas de widgets internos, use `composition.links` com `component-port + nestedPath`.
 
 ## Uso Controlado por Composição
@@ -187,6 +188,7 @@ Quick Setup
 - **Operation families:** `tab.add`, `tab.remove`, `tab.label.set`, `tab.icon.set`, `tab.order.set`, `tab.disabled.set`, `tab.visible.set`, `tab.active.set`, `layout.variant.set` e `tab.content.set`.
 - **Validation:** ids de abas/links devem ser estáveis e únicos, remoção destrutiva exige confirmação, `group` e `nav` não devem virar modos primários concorrentes, e o round-trip precisa preservar ordem, ids e selected index.
 - **Runtime/editor parity:** `tabs[].icon`, `tabs[].visible`, `nav.links[].icon` e `nav.links[].visible` são campos canônicos editáveis; itens com `visible: false` não são renderizados na navegação.
+- **Current-area authoring:** pedidos como “nesta aba”, “aba atual” ou “dentro da aba” devem materializar `tab.content.set` no item ativo/resolvido, não `tab.add`; criar nova aba exige intenção explícita como “nova aba” ou “adicionar aba”.
 - **Registry projection:** o manifesto é exportado no `public-api` e projetado em `components['praxis-tabs'].authoringManifest` pelo AI Registry.
 
 ### Praxis Semantic Assistant

package/fesm2022/praxisui-tabs.mjs

@@ -14,7 +14,7 @@ import { providePraxisI18n, PraxisI18nService, PraxisIconDirective, providePraxi
 import * as i6$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i3 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormsModule, FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
 import { DynamicFieldLoaderDirective } from '@praxisui/dynamic-fields';
 import { SETTINGS_PANEL_DATA, SettingsPanelService } from '@praxisui/settings-panel';
 import * as i5 from '@angular/material/form-field';
@@ -28,8 +28,8 @@ import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { BehaviorSubject, firstValueFrom, Subject, Subscription } from 'rxjs';
 import { produce } from 'immer';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { take, takeUntil } from 'rxjs/operators';
-import { BaseAiAdapter, AiBackendApiService, PraxisAssistantSessionRegistryService, PraxisAssistantTurnOrchestratorService, createPraxisAssistantViewportLayout, PraxisAiAssistantShellComponent } from '@praxisui/ai';
+import { takeUntil, take } from 'rxjs/operators';
+import { BaseAiAdapter, shouldRoutePromptToGovernedDecision, AiBackendApiService, PraxisAssistantSessionRegistryService, PraxisAssistantTurnOrchestratorService, createPraxisAssistantViewportLayout, PraxisAiAssistantShellComponent } from '@praxisui/ai';
 
 const DOCUMENT_KIND = 'praxis.tabs.editor';
 const DOCUMENT_VERSION = 1;
@@ -375,6 +375,13 @@ const PRAXIS_TABS_PT_BR = {
     'quickSetup.mode.nav': 'Navegação por links',
     'quickSetup.fields.addLabelPlaceholder': 'Ex.: Dados Gerais',
     'quickSetup.hints.emptyLabels': 'Adicione um ou mais rótulos para criar as abas.',
+    'ai.review.ready': 'Plano de edição das abas pronto para revisar.',
+    'ai.review.unsupportedPlan': 'O componentEditPlan das abas não possui operações suportadas para aplicar.',
+    'ai.review.addTab': 'Adicionar aba: {{label}}.',
+    'ai.review.renameTab': 'Renomear aba para: {{label}}.',
+    'ai.review.singleAdjustment': 'Revisar ajuste da aba: {{label}}.',
+    'ai.review.multipleAdjustments': 'Revisar {{count}} ajustes nas abas: {{items}}',
+    'ai.review.multipleAdjustmentsShort': 'Revisar {{count}} ajustes nas abas.',
 };
 const PRAXIS_TABS_EN_US = {
     'settings.title': 'Configure tabs',
@@ -513,6 +520,13 @@ const PRAXIS_TABS_EN_US = {
     'quickSetup.mode.nav': 'Link navigation',
     'quickSetup.fields.addLabelPlaceholder': 'e.g. General Data',
     'quickSetup.hints.emptyLabels': 'Add one or more labels to create the tabs.',
+    'ai.review.ready': 'Tabs edit plan ready to review.',
+    'ai.review.unsupportedPlan': 'The tabs componentEditPlan does not contain supported operations to apply.',
+    'ai.review.addTab': 'Add tab: {{label}}.',
+    'ai.review.renameTab': 'Rename tab to: {{label}}.',
+    'ai.review.singleAdjustment': 'Review tab adjustment: {{label}}.',
+    'ai.review.multipleAdjustments': 'Review {{count}} tab adjustments: {{items}}',
+    'ai.review.multipleAdjustmentsShort': 'Review {{count}} tab adjustments.',
 };
 function createPraxisTabsI18nConfig() {
     return {
@@ -2295,12 +2309,80 @@ const TABS_AI_CAPABILITIES = {
 
 class TabsAiAdapter extends BaseAiAdapter {
     tabs;
+    translate;
     componentName = 'Praxis Tabs';
     componentId = 'praxis-tabs';
     componentType = 'tabs';
-    constructor(tabs) {
+    constructor(tabs, translate) {
         super();
         this.tabs = tabs;
+        this.translate = translate;
+    }
+    compileAiResponse(response) {
+        const plan = this.toRecord(response['componentEditPlan']);
+        const operations = Array.isArray(plan?.['operations']) ? plan['operations'] : [];
+        if (!plan || operations.length === 0) {
+            return null;
+        }
+        const current = this.getCurrentConfig();
+        const tabsPatch = [];
+        const warnings = [];
+        for (const operationCandidate of operations) {
+            const operation = this.toRecord(operationCandidate);
+            if (!operation) {
+                warnings.push('tabs-component-edit-plan-operation-invalid');
+                continue;
+            }
+            const operationId = this.toText(operation['operationId'] ?? operation['changeKind']);
+            if (operationId === 'tab.label.set') {
+                const targetId = this.resolveTargetId(operation, current);
+                const textLabel = this.resolveTextLabel(operation);
+                if (!targetId) {
+                    warnings.push('tabs-component-edit-plan-target-missing');
+                    continue;
+                }
+                if (!textLabel) {
+                    warnings.push('tabs-component-edit-plan-text-label-missing');
+                    continue;
+                }
+                tabsPatch.push({ id: targetId, textLabel });
+                continue;
+            }
+            if (operationId === 'tab.add') {
+                const tab = this.resolveTabAddInput(operation);
+                if (!tab) {
+                    warnings.push('tabs-component-edit-plan-tab-add-input-invalid');
+                    continue;
+                }
+                tabsPatch.push(tab);
+                continue;
+            }
+            if (operationId === 'tab.content.set') {
+                const contentPatch = this.resolveTabContentInput(operation, current);
+                if (!contentPatch) {
+                    warnings.push('tabs-component-edit-plan-tab-content-input-invalid');
+                    continue;
+                }
+                tabsPatch.push(contentPatch);
+                continue;
+            }
+            warnings.push(`tabs-component-edit-plan-operation-unsupported:${operationId || '<missing>'}`);
+        }
+        if (tabsPatch.length === 0) {
+            return {
+                type: 'error',
+                message: this.t('ai.review.unsupportedPlan', 'O componentEditPlan das abas não possui operações suportadas para aplicar.'),
+                warnings,
+            };
+        }
+        return {
+            patch: { tabs: tabsPatch },
+            explanation: this.summarizeOperations(operations, tabsPatch)
+                ?? (typeof response['explanation'] === 'string'
+                    ? response['explanation']
+                    : this.t('ai.review.ready', 'Plano de edição das abas pronto para revisar.')),
+            warnings: warnings.length ? warnings : undefined,
+        };
     }
     getCurrentConfig() {
         return this.cloneConfig(this.tabs.config || {});
@@ -2402,16 +2484,40 @@ class TabsAiAdapter extends BaseAiAdapter {
     smartMergeTabsConfig(base, patch) {
         const result = deepMerge(base, patch);
         if (patch.tabs && Array.isArray(patch.tabs)) {
-            const merged = this.mergeByKey(base.tabs || [], patch.tabs, (t) => t.id || t.textLabel || '');
+            const patchTabs = this.coalesceByKey(patch.tabs, (t) => t.id || t.textLabel || '');
+            const merged = this.mergeByKey(base.tabs || [], patchTabs, (t) => t.id || t.textLabel || '');
             result.tabs = merged;
         }
         const patchLinks = patch.nav?.links;
         if (patchLinks && Array.isArray(patchLinks)) {
-            const merged = this.mergeByKey(base.nav?.links || [], patchLinks, (l) => l.id || l.label || '');
+            const normalizedPatchLinks = this.coalesceByKey(patchLinks, (l) => l.id || l.label || '');
+            const merged = this.mergeByKey(base.nav?.links || [], normalizedPatchLinks, (l) => l.id || l.label || '');
             result.nav = { ...(result.nav || {}), links: merged };
         }
         return result;
     }
+    coalesceByKey(items, keyFn) {
+        const keyed = new Map();
+        const result = [];
+        items.forEach((item) => {
+            const key = keyFn(item);
+            if (!key) {
+                result.push(item);
+                return;
+            }
+            const existing = keyed.get(key);
+            if (existing) {
+                keyed.set(key, deepMerge(existing, item));
+                return;
+            }
+            keyed.set(key, item);
+            result.push(item);
+        });
+        return result.map((item) => {
+            const key = keyFn(item);
+            return key && keyed.has(key) ? keyed.get(key) : item;
+        });
+    }
     mergeByKey(baseArr, patchArr, keyFn) {
         const merged = baseArr.map((orig) => {
             const key = keyFn(orig);
@@ -2434,6 +2540,138 @@ class TabsAiAdapter extends BaseAiAdapter {
             return JSON.parse(JSON.stringify(config));
         }
     }
+    resolveTargetId(operation, current) {
+        const target = this.toRecord(operation['target']);
+        const rawTarget = target
+            ? this.toText(target['id'] ?? target['label'] ?? target['textLabel'] ?? target['value'])
+            : this.toText(operation['target'] ?? operation['targetId']);
+        if (!rawTarget) {
+            return null;
+        }
+        const normalized = this.normalizeToken(rawTarget);
+        const tab = (current.tabs ?? []).find((candidate) => {
+            const id = this.normalizeToken(candidate.id);
+            const label = this.normalizeToken(candidate.textLabel);
+            return id === normalized || label === normalized;
+        });
+        return tab?.id || rawTarget;
+    }
+    resolveTextLabel(operation) {
+        const input = this.toRecord(operation['input'])
+            ?? this.toRecord(operation['params'])
+            ?? this.toRecord(operation['payload']);
+        const value = input
+            ? this.toText(input['textLabel'] ?? input['label'] ?? input['value'])
+            : this.toText(operation['textLabel'] ?? operation['label'] ?? operation['value']);
+        return value?.trim() || null;
+    }
+    resolveTabAddInput(operation) {
+        const input = this.toRecord(operation['input'])
+            ?? this.toRecord(operation['params'])
+            ?? this.toRecord(operation['payload']);
+        if (!input) {
+            return null;
+        }
+        const id = this.toText(input['id']);
+        const textLabel = this.toText(input['textLabel'] ?? input['label']);
+        if (!id || !textLabel) {
+            return null;
+        }
+        const tab = { id, textLabel };
+        for (const key of ['icon', 'disabled', 'visible', 'content', 'widgets']) {
+            if (input[key] !== undefined) {
+                tab[key] = input[key];
+            }
+        }
+        return tab;
+    }
+    resolveTabContentInput(operation, current) {
+        const targetId = this.resolveTargetId(operation, current);
+        if (!targetId) {
+            return null;
+        }
+        const input = this.toRecord(operation['input'])
+            ?? this.toRecord(operation['params'])
+            ?? this.toRecord(operation['payload']);
+        if (!input) {
+            return null;
+        }
+        const patch = { id: targetId };
+        const currentTab = (current.tabs ?? []).find(tab => tab.id === targetId);
+        if (currentTab?.textLabel) {
+            patch.textLabel = currentTab.textLabel;
+        }
+        for (const key of ['content', 'widgets']) {
+            if (Array.isArray(input[key])) {
+                patch[key] = input[key];
+            }
+        }
+        return patch.content || patch.widgets ? patch : null;
+    }
+    summarizeOperations(operations, tabsPatch) {
+        const summaries = [];
+        for (const operationCandidate of operations) {
+            const operation = this.toRecord(operationCandidate);
+            if (!operation) {
+                continue;
+            }
+            const operationId = this.toText(operation['operationId'] ?? operation['changeKind']);
+            if (operationId === 'tab.add') {
+                const tab = this.resolveTabAddInput(operation);
+                if (tab?.textLabel) {
+                    summaries.push(this.t('ai.review.addTab', 'Adicionar aba: {{label}}.', { label: tab.textLabel }));
+                }
+                continue;
+            }
+            if (operationId === 'tab.label.set') {
+                const textLabel = this.resolveTextLabel(operation);
+                if (textLabel) {
+                    summaries.push(this.t('ai.review.renameTab', 'Renomear aba para: {{label}}.', { label: textLabel }));
+                }
+                continue;
+            }
+            if (operationId === 'tab.content.set') {
+                const contentPatch = this.resolveTabContentInput(operation, this.getCurrentConfig());
+                if (contentPatch?.id) {
+                    summaries.push(this.t('ai.review.setTabContent', 'Atualizar conteúdo da aba: {{label}}.', { label: contentPatch.textLabel || contentPatch.id }));
+                }
+            }
+        }
+        if (summaries.length === 1) {
+            return summaries[0];
+        }
+        if (summaries.length > 1) {
+            return this.t('ai.review.multipleAdjustments', 'Revisar {{count}} ajustes nas abas: {{items}}', { count: summaries.length, items: summaries.join(' ') });
+        }
+        if (tabsPatch.length === 1) {
+            return this.t('ai.review.singleAdjustment', 'Revisar ajuste da aba: {{label}}.', { label: tabsPatch[0].textLabel || tabsPatch[0].id });
+        }
+        return tabsPatch.length > 1
+            ? this.t('ai.review.multipleAdjustmentsShort', 'Revisar {{count}} ajustes nas abas.', { count: tabsPatch.length })
+            : null;
+    }
+    t(key, fallback, params) {
+        return this.translate ? this.translate(key, fallback, params) : this.interpolate(fallback, params);
+    }
+    interpolate(template, params) {
+        if (!params) {
+            return template;
+        }
+        return template.replace(/\{\{\s*([.\w-]+)\s*\}\}/g, (_, key) => String(params[key] ?? `{{${key}}}`));
+    }
+    toRecord(value) {
+        return value && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : null;
+    }
+    toText(value) {
+        return typeof value === 'string' && value.trim() ? value.trim() : null;
+    }
+    normalizeToken(value) {
+        return typeof value === 'string'
+            ? value.trim().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '')
+            : '';
+    }
 }
 
 class TabsAgenticAuthoringTurnFlow {
@@ -2485,12 +2723,35 @@ class TabsAgenticAuthoringTurnFlow {
         }));
         return this.toTurnResult(this.compileAdapterResponse(response), request);
     }
-    async apply(_request) {
+    async apply(request) {
+        const patch = this.toRecord(request.pendingPatch);
+        if (patch) {
+            const result = await this.adapter.applyPatch(patch, request.prompt);
+            if (!result.success) {
+                return {
+                    state: 'error',
+                    phase: 'apply',
+                    assistantMessage: result.error || 'Nao foi possivel aplicar as alteracoes nas abas.',
+                    errorText: result.error || 'Nao foi possivel aplicar as alteracoes nas abas.',
+                    canApply: true,
+                    pendingPatch: patch,
+                };
+            }
+            return {
+                state: 'success',
+                phase: 'summarize',
+                assistantMessage: 'Alteracoes aplicadas nas abas.',
+                statusText: 'Alteracoes aplicadas nas abas.',
+                canApply: false,
+                pendingPatch: null,
+                diagnostics: result.warnings?.length ? { warnings: result.warnings } : undefined,
+            };
+        }
         return {
             state: 'error',
             phase: 'apply',
-            assistantMessage: 'As abas ainda exigem componentEditPlan validado pelo manifesto antes de aplicar mudancas locais.',
-            errorText: 'Aplicacao local bloqueada ate existir compilacao manifest-backed para praxis-tabs.',
+            assistantMessage: 'Nao ha alteracao de abas pronta para aplicar.',
+            errorText: 'Nao ha alteracao de abas pronta para aplicar.',
             canApply: false,
             pendingPatch: null,
         };
@@ -2554,10 +2815,29 @@ class TabsAgenticAuthoringTurnFlow {
                 sessionId: response.sessionId ?? request.sessionId,
                 assistantMessage: message,
                 errorText: message,
+                canApply: false,
+                pendingPatch: null,
                 diagnostics: response.warnings?.length ? { warnings: response.warnings } : undefined,
             };
         }
         if (response.patch && Object.keys(response.patch).length > 0) {
+            if (response.componentEditPlan) {
+                const warnings = response.warnings?.filter(Boolean) ?? [];
+                return {
+                    state: 'review',
+                    phase: 'review',
+                    sessionId: response.sessionId ?? request.sessionId,
+                    assistantMessage: response.explanation || 'Proposta de abas pronta para revisar.',
+                    statusText: 'Revise a proposta antes de aplicar.',
+                    canApply: true,
+                    pendingPatch: response.patch,
+                    preview: {
+                        kind: 'tabs-config-patch',
+                        diff: response.diff ?? [],
+                    },
+                    diagnostics: warnings.length ? { warnings } : undefined,
+                };
+            }
             return {
                 state: 'error',
                 phase: 'review',
@@ -2585,6 +2865,16 @@ class TabsAgenticAuthoringTurnFlow {
     }
     compileAdapterResponse(response) {
         const compiled = this.adapter.compileAiResponse?.(response);
+        if (!compiled && response.patch && Object.keys(response.patch).length > 0) {
+            return {
+                type: 'error',
+                message: 'Patch livre de abas rejeitado. Gere um componentEditPlan validado pelo manifesto antes de propor alteracao local.',
+                warnings: [
+                    'free-tabs-patch-rejected',
+                    'Use componentEditPlan validado contra PRAXIS_TABS_AUTHORING_MANIFEST.',
+                ],
+            };
+        }
         if (!compiled) {
             return response;
         }
@@ -2666,28 +2956,7 @@ class TabsAgenticAuthoringTurnFlow {
         return rowCount > 0 ? { rowCount } : {};
     }
     shouldRouteToGovernedDecision(prompt, contextHints) {
-        const normalized = prompt.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
-        const recommendedFlow = this.toRecord(contextHints?.['domainCatalog'])?.['recommendedAuthoringFlow'];
-        if (recommendedFlow === 'shared_rule_authoring')
-            return true;
-        return [
-            'regra',
-            'politica',
-            'policy',
-            'compliance',
-            'lgpd',
-            'privacidade',
-            'aprovacao',
-            'aprovar',
-            'publicar',
-            'materializar',
-            'enforcement',
-            'validacao de negocio',
-            'validar negocio',
-            'elegibilidade',
-            'permissao',
-            'acesso',
-        ].some((term) => normalized.includes(term));
+        return shouldRoutePromptToGovernedDecision(prompt, contextHints);
     }
     toGovernedDecisionHandoff(prompt, request) {
         const message = 'Esse pedido parece alterar uma decisao de negocio compartilhada. As abas podem ajudar a localizar a experiencia afetada, mas a regra deve seguir pelo fluxo governado de domain-rules antes de qualquer materializacao runtime.';
@@ -2770,6 +3039,7 @@ class TabsAgenticAuthoringTurnFlow {
     }
 }
 
+const AGENTIC_PAGE_COMPOSITION_REQUEST_OUTPUT = 'agenticPageCompositionRequested';
 class PraxisTabs {
     i18n = inject(PraxisI18nService);
     settings = inject(SettingsPanelService);
@@ -2796,9 +3066,11 @@ class PraxisTabs {
         }
     }, ...(ngDevMode ? [{ debugName: "aiAssistantSessionEffect" }] : []));
     warnedMissingId = false;
+    loadedStorageKey = null;
     config = null;
     tabsId;
     componentInstanceId;
+    configPersistenceStrategy = 'storage-first';
     set selectedIndex(index) {
         if (index == null)
             return;
@@ -2814,8 +3086,9 @@ class PraxisTabs {
     selectedTabChange = new EventEmitter();
     indexFocused = new EventEmitter();
     selectFocusedIndex = new EventEmitter();
+    configChange = new EventEmitter();
     widgetEvent = new EventEmitter();
-    aiAdapter = new TabsAiAdapter(this);
+    aiAdapter = new TabsAiAdapter(this, (key, fallback, params) => this.i18n.t(key, params, fallback, PRAXIS_TABS_I18N_NAMESPACE));
     aiAssistantOpen = false;
     aiAssistantPrompt = '';
     aiAssistantViewState = null;
@@ -2839,25 +3112,21 @@ class PraxisTabs {
     controlledSelectedIndex;
     destroy$ = new Subject();
     widgetDefinitionCache = new WeakMap();
+    generatedContentForm = new FormGroup({});
     ngOnInit() {
         this.syncSelectionFromConfig();
-        // Load stored config if tabsId provided
-        const key = this.storageKey();
-        if (key) {
-            this.storage.loadConfig(key).pipe(take(1)).subscribe((stored) => {
-                if (stored) {
-                    this.config = stored;
-                }
-                this.syncSelectionFromConfig();
-                this.reapplyControlledSelectedIndex();
-            });
-        }
+        this.syncGeneratedContentForm();
+        this.loadStoredConfigForCurrentIdentity({ warnMissingId: false });
     }
     ngOnChanges(changes) {
+        if (changes['tabsId'] || changes['componentInstanceId'] || changes['configPersistenceStrategy']) {
+            this.loadStoredConfigForCurrentIdentity({ warnMissingId: false });
+        }
         if (changes['config'] && this.config) {
             // Reset loaded caches on config change and seed with current selections
             this.syncSelectionFromConfig();
-            // Persist when tabsId provided
+            this.syncGeneratedContentForm();
+            // Persist when tabsId provided and the instance is storage-owned.
             this.persistConfig(this.config);
             this.reapplyControlledSelectedIndex();
         }
@@ -2900,6 +3169,9 @@ class PraxisTabs {
         const index = entries.findIndex((entry) => entry.index === this.selectedIndexSignal());
         return index >= 0 ? index : 0;
     }
+    effectiveContentForm() {
+        return this.form || this.generatedContentForm;
+    }
     onVisibleTabIndexChange(index) {
         const entry = this.visibleTabEntries()[index];
         if (!entry)
@@ -3129,6 +3401,12 @@ class PraxisTabs {
         this.syncAiAssistantSession();
     }
     onAiAssistantSubmit(prompt) {
+        if (this.shouldDelegateAiAssistantPromptToPageBuilder(prompt)) {
+            this.emitAgenticPageCompositionRequest(prompt);
+            this.aiAssistantPrompt = '';
+            this.closeAiAssistant();
+            return;
+        }
         this.aiAssistantController?.submitPrompt(prompt).subscribe((state) => {
             this.aiAssistantPrompt = '';
             this.aiAssistantViewState = state;
@@ -3415,6 +3693,7 @@ class PraxisTabs {
             draft.group.selectedIndex = (draft.tabs.length || 1) - 1;
         });
         this.config = next;
+        this.syncGeneratedContentForm();
         this.persistConfig(this.config);
         this.selectedIndexSignal.set(this.config?.group?.selectedIndex ?? 0);
     }
@@ -3476,6 +3755,7 @@ class PraxisTabs {
         }
         this.config = plan.canonicalConfig;
         this.syncSelectionFromConfig();
+        this.syncGeneratedContentForm();
         if (plan.runtime.rebuildLazyState) {
             this.groupLoaded.clear();
             this.navLoaded.clear();
@@ -3492,10 +3772,27 @@ class PraxisTabs {
             this.persistConfig(this.config);
         }
     }
-    storageKey() {
-        const id = this.componentKeyId();
+    storageKey(options = {}) {
+        const id = this.componentKeyId(options);
         return id ? `tabs:${id}` : null;
     }
+    loadStoredConfigForCurrentIdentity(options = {}) {
+        if (this.usesInputFirstConfig()) {
+            return;
+        }
+        const key = this.storageKey(options);
+        if (!key || key === this.loadedStorageKey)
+            return;
+        this.loadedStorageKey = key;
+        this.storage.loadConfig(key).pipe(take(1)).subscribe((stored) => {
+            if (stored) {
+                this.config = stored;
+                this.syncGeneratedContentForm();
+            }
+            this.syncSelectionFromConfig();
+            this.reapplyControlledSelectedIndex();
+        });
+    }
     syncSelectionFromConfig() {
         const tabsLength = this.config?.tabs?.length ?? 0;
         const linksLength = this.config?.nav?.links?.length ?? 0;
@@ -3518,12 +3815,17 @@ class PraxisTabs {
         }
     }
     persistConfig(config) {
+        if (this.usesInputFirstConfig())
+            return;
         const key = this.storageKey();
         if (!key || !config)
             return;
         this.storage.saveConfig(key, config).pipe(take(1)).subscribe({ error: () => { } });
     }
-    componentKeyId() {
+    usesInputFirstConfig() {
+        return this.configPersistenceStrategy === 'input-first' && !!this.config;
+    }
+    componentKeyId(options = {}) {
         const key = this.componentKeys.buildComponentId({
             componentType: 'praxis-tabs',
             componentId: this.tabsId,
@@ -3532,7 +3834,7 @@ class PraxisTabs {
             route: this.route,
             requireComponentId: true,
         });
-        if (!key)
+        if (!key && options.warnMissingId !== false)
             this.warnMissingId();
         return key;
     }
@@ -3562,7 +3864,9 @@ class PraxisTabs {
     applyConfigFromAdapter(next) {
         this.config = next;
         this.syncSelectionFromConfig();
+        this.syncGeneratedContentForm();
         this.persistConfig(this.config);
+        this.configChange.emit({ inputPatch: { config: this.cloneTabsMetadata(this.config) } });
     }
     // =====================
     // Lazy load helpers
@@ -3596,6 +3900,12 @@ class PraxisTabs {
     trackWidgetDefinition(index, widget) {
         return widget.childWidgetKey || widget.id || `widget:${index}`;
     }
+    safeWidgetDefinitions(widgets) {
+        if (!Array.isArray(widgets)) {
+            return [];
+        }
+        return widgets.filter((widget) => (!!widget && typeof widget === 'object'));
+    }
     resolveWidgetDefinition(widget) {
         const cached = this.widgetDefinitionCache.get(widget);
         if (cached) {
@@ -3605,12 +3915,67 @@ class PraxisTabs {
         this.widgetDefinitionCache.set(widget, clone);
         return clone;
     }
+    syncGeneratedContentForm() {
+        if (this.form) {
+            return;
+        }
+        for (const field of this.collectContentFields()) {
+            const name = this.resolveContentFieldName(field);
+            if (!name || this.generatedContentForm.contains(name)) {
+                continue;
+            }
+            this.generatedContentForm.addControl(name, new FormControl(field?.defaultValue ?? null));
+        }
+    }
+    collectContentFields() {
+        return [
+            ...((this.config?.tabs ?? []).flatMap((tab) => tab.content ?? [])),
+            ...((this.config?.nav?.links ?? []).flatMap((link) => link.content ?? [])),
+        ];
+    }
+    resolveContentFieldName(field) {
+        const name = field?.name ?? field?.key ?? field?.id;
+        return typeof name === 'string' && name.trim() ? name.trim() : null;
+    }
     emitWidgetEvent(path, ev) {
         this.widgetEvent.emit({
             ...ev,
             path: [...path, ...(ev.path || [])],
         });
     }
+    emitAgenticPageCompositionRequest(prompt) {
+        this.widgetEvent.emit({
+            sourceComponentId: 'praxis-tabs',
+            output: AGENTIC_PAGE_COMPOSITION_REQUEST_OUTPUT,
+            payload: {
+                prompt,
+                source: 'praxis-tabs',
+                reason: 'nested-page-composition-request',
+            },
+            path: [{ kind: 'tabs', id: this.tabsId }],
+        });
+    }
+    shouldDelegateAiAssistantPromptToPageBuilder(prompt) {
+        const normalized = this.normalizeAssistantPrompt(prompt);
+        if (!normalized)
+            return false;
+        const hasCompositionVerb = /\b(ajust\w*|adicion\w*|inclu\w*|cri\w*|mont\w*|complet\w*|preench\w*|use|usar|organiz\w*)\b/.test(normalized);
+        const hasTabsContainer = /\b(abas?|tabs?|cadastro|registros?|acompanhamento|solicitacoes|workspace)\b/.test(normalized);
+        const hasNestedWidget = /\b(formularios?|forms?|listas?|listagem|crud|cards?|tabelas?|componentes?|widgets?)\b/.test(normalized);
+        const hasStructuredContent = /\b(campos?|colunas?|sla|historico|responsavel|prioridade|prazo|titulo|status|item)\b/.test(normalized);
+        const hasLocalEditorialBoundary = /\b(local|editorial|fictici\w*|mock|sem api real|nao conecte api|sem conectar api|sem schema externo)\b/.test(normalized);
+        return hasCompositionVerb
+            && hasTabsContainer
+            && (hasNestedWidget || (hasLocalEditorialBoundary && hasStructuredContent));
+    }
+    normalizeAssistantPrompt(prompt) {
+        return (prompt || '')
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+            .toLowerCase()
+            .replace(/\s+/g, ' ')
+            .trim();
+    }
     tabEventPath(tabId, tabIndex) {
         return [
             { kind: 'tabs', id: this.tabsId },
@@ -3770,8 +4135,17 @@ class PraxisTabs {
         catch { }
         return JSON.parse(JSON.stringify(widget));
     }
+    cloneTabsMetadata(config) {
+        try {
+            if (typeof structuredClone === 'function') {
+                return structuredClone(config);
+            }
+        }
+        catch { }
+        return JSON.parse(JSON.stringify(config));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisTabs, isStandalone: true, selector: "praxis-tabs", inputs: { config: "config", tabsId: "tabsId", componentInstanceId: "componentInstanceId", selectedIndex: "selectedIndex", enableCustomization: "enableCustomization", form: "form", context: "context" }, outputs: { animationDone: "animationDone", focusChange: "focusChange", selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange", indexFocused: "indexFocused", selectFocusedIndex: "selectFocusedIndex", widgetEvent: "widgetEvent" }, providers: [providePraxisI18nConfig(PRAXIS_TABS_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisTabs, isStandalone: true, selector: "praxis-tabs", inputs: { config: "config", tabsId: "tabsId", componentInstanceId: "componentInstanceId", configPersistenceStrategy: "configPersistenceStrategy", selectedIndex: "selectedIndex", enableCustomization: "enableCustomization", form: "form", context: "context" }, outputs: { animationDone: "animationDone", focusChange: "focusChange", selectedIndexChange: "selectedIndexChange", selectedTabChange: "selectedTabChange", indexFocused: "indexFocused", selectFocusedIndex: "selectFocusedIndex", configChange: "configChange", widgetEvent: "widgetEvent" }, providers: [providePraxisI18nConfig(PRAXIS_TABS_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: `
     <div
       class="praxis-tabs-root"
       [class.density-compact]="config?.appearance?.density === 'compact'"
@@ -3895,16 +4269,16 @@ class PraxisTabs {
             <ng-container
               *ngIf="config?.nav?.links?.[currentNavIndex()] as l"
             >
-              <ng-container *ngIf="(l.content?.length || l.widgets?.length) && navContentReady(currentNavIndex()); else emptyNav">
-                <ng-container *ngIf="l.content && form">
+              <ng-container *ngIf="(l.content?.length || safeWidgetDefinitions(l.widgets).length) && navContentReady(currentNavIndex()); else emptyNav">
+                <ng-container *ngIf="l.content">
                   <ng-container
                     dynamicFieldLoader
                     [fields]="l.content || []"
-                    [formGroup]="form!"
+                    [formGroup]="effectiveContentForm()"
                   ></ng-container>
                 </ng-container>
-                <ng-container *ngIf="l.widgets?.length">
-                  <ng-container *ngFor="let w of l.widgets; let wi = index; trackBy: trackWidgetDefinition">
+                <ng-container *ngIf="safeWidgetDefinitions(l.widgets).length">
+                  <ng-container *ngFor="let w of safeWidgetDefinitions(l.widgets); let wi = index; trackBy: trackWidgetDefinition">
                     <ng-container
                       [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
                       [context]="context || {}"
@@ -3999,34 +4373,32 @@ class PraxisTabs {
               </ng-container>
             </ng-template>
 
-            <ng-template matTabContent>
-              <ng-container *ngIf="(entry.tab.content?.length || entry.tab.widgets?.length) && groupContentReady(entry.index); else emptyTab">
-                <ng-container *ngIf="entry.tab.content && form">
+            <ng-container *ngIf="(entry.tab.content?.length || safeWidgetDefinitions(entry.tab.widgets).length) && groupContentReady(entry.index); else emptyTab">
+              <ng-container *ngIf="entry.tab.content">
+                <ng-container
+                  dynamicFieldLoader
+                  [fields]="entry.tab.content || []"
+                  [formGroup]="effectiveContentForm()"
+                ></ng-container>
+              </ng-container>
+              <ng-container *ngIf="safeWidgetDefinitions(entry.tab.widgets).length">
+                <ng-container *ngFor="let w of safeWidgetDefinitions(entry.tab.widgets); let wi = index; trackBy: trackWidgetDefinition">
                   <ng-container
-                    dynamicFieldLoader
-                    [fields]="entry.tab.content || []"
-                    [formGroup]="form!"
+                    [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
+                    [context]="context || {}"
+                    (widgetEvent)="emitWidgetEvent(tabEventPath(entry.tab.id, entry.index), $event)"
                   ></ng-container>
                 </ng-container>
-                <ng-container *ngIf="entry.tab.widgets?.length">
-                  <ng-container *ngFor="let w of entry.tab.widgets; let wi = index; trackBy: trackWidgetDefinition">
-                    <ng-container
-                      [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
-                      [context]="context || {}"
-                      (widgetEvent)="emitWidgetEvent(tabEventPath(entry.tab.id, entry.index), $event)"
-                    ></ng-container>
-                  </ng-container>
-                </ng-container>
               </ng-container>
-              <ng-template #emptyTab>
-                <praxis-empty-state-card
-                  [inline]="true"
-                  icon="dashboard_customize"
-                  [title]="t('emptyState.tabTitle', 'Sem conteudo nesta aba')"
-                  [description]="t('emptyState.tabDescription', 'Adicione conteudo ou use o editor para configurar.')"
-                  [primaryAction]="{ label: t('emptyState.openEditor', 'Abrir editor'), icon: 'tune', action: openEditor.bind(this) }"
-                ></praxis-empty-state-card>
-              </ng-template>
+            </ng-container>
+            <ng-template #emptyTab>
+              <praxis-empty-state-card
+                [inline]="true"
+                icon="dashboard_customize"
+                [title]="t('emptyState.tabTitle', 'Sem conteudo nesta aba')"
+                [description]="t('emptyState.tabDescription', 'Adicione conteudo ou use o editor para configurar.')"
+                [primaryAction]="{ label: t('emptyState.openEditor', 'Abrir editor'), icon: 'tune', action: openEditor.bind(this) }"
+              ></praxis-empty-state-card>
             </ng-template>
           </mat-tab>
         </mat-tab-group>
@@ -4054,7 +4426,7 @@ class PraxisTabs {
         <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
       </button>
     </div>
-  `, isInline: true, styles: [".praxis-tabs-root{position:relative;display:block}.praxis-tabs-group.align-start .mat-mdc-tab-header{justify-content:flex-start}.praxis-tabs-group.align-center .mat-mdc-tab-header{justify-content:center}.praxis-tabs-group.align-end .mat-mdc-tab-header{justify-content:flex-end}.density-compact .mat-mdc-tab-body-content{padding:8px}.density-comfortable .mat-mdc-tab-body-content{padding:16px}.density-spacious .mat-mdc-tab-body-content{padding:24px}.tabs-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}.tabs-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2)}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.edit-fab-secondary{right:56px}.tab-empty{padding:16px;color:var(--md-sys-color-on-surface-variant);font-style:italic}.high-contrast{filter:contrast(1.2)}.reduce-motion{--mat-animation-duration: 0ms}.drag-handle{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px;cursor:grab}.tab-label-icon{font-size:18px;width:18px;height:18px;margin-right:6px;vertical-align:middle}:host-context(.pdx-gridster-item) .praxis-tabs-root{display:flex;flex-direction:column;height:100%;min-height:0}:host-context(.pdx-gridster-item) .praxis-tabs-group,:host-context(.pdx-gridster-item) .mat-mdc-tab-group{flex:1 1 auto;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-wrapper,:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{height:100%;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{overflow:auto}:host-context(.pdx-gridster-item) .praxis-tabnav-content{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i3$1.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i3$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i3$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3$1.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".praxis-tabs-root{position:relative;display:block}.praxis-tabs-group.align-start .mat-mdc-tab-header{justify-content:flex-start}.praxis-tabs-group.align-center .mat-mdc-tab-header{justify-content:center}.praxis-tabs-group.align-end .mat-mdc-tab-header{justify-content:flex-end}.density-compact .mat-mdc-tab-body-content{padding:8px}.density-comfortable .mat-mdc-tab-body-content{padding:16px}.density-spacious .mat-mdc-tab-body-content{padding:24px}.tabs-ai-assistant{position:absolute;right:12px;bottom:72px;z-index:3}.tabs-ai-assistant-trigger{box-shadow:var(--md-sys-elevation-level2)}.edit-fab{position:absolute;right:12px;bottom:12px;z-index:2}.edit-fab-secondary{right:56px}.tab-empty{padding:16px;color:var(--md-sys-color-on-surface-variant);font-style:italic}.high-contrast{filter:contrast(1.2)}.reduce-motion{--mat-animation-duration: 0ms}.drag-handle{display:inline-flex;align-items:center;vertical-align:middle;margin-right:4px;cursor:grab}.tab-label-icon{font-size:18px;width:18px;height:18px;margin-right:6px;vertical-align:middle}:host-context(.pdx-gridster-item) .praxis-tabs-root{display:flex;flex-direction:column;height:100%;min-height:0}:host-context(.pdx-gridster-item) .praxis-tabs-group,:host-context(.pdx-gridster-item) .mat-mdc-tab-group{flex:1 1 auto;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-wrapper,:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{height:100%;min-height:0}:host-context(.pdx-gridster-item) .mat-mdc-tab-body-content{overflow:auto}:host-context(.pdx-gridster-item) .praxis-tabnav-content{flex:1 1 auto;min-height:0;overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i3$1.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i3$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i3$1.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i3$1.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i3$1.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6$1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i10.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i10.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i10.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "ownerWidgetKey", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent", "widgetDiagnostic"], exportAs: ["dynamicWidgetLoader"] }, { kind: "component", type: PraxisAiAssistantShellComponent, selector: "praxis-ai-assistant-shell", inputs: ["labels", "mode", "state", "contextItems", "attachments", "messages", "quickReplies", "prompt", "statusText", "errorText", "testIdPrefix", "panelTestId", "submitTestId", "applyTestId", "primaryAction", "secondaryActions", "governanceActions", "busy", "canSubmit", "canApply", "submitOnEnter", "showAttachAction", "enablePastedAttachments", "enableFileAttachments", "attachmentAccept", "attachmentMultiple", "draggable", "resizable", "minWidth", "minHeight", "margin", "layout"], outputs: ["promptChange", "submitPrompt", "apply", "retryTurn", "cancelTurn", "shellAction", "close", "attach", "attachmentsPasted", "attachmentsSelected", "removeAttachment", "messageAction", "editMessage", "resendMessage", "quickReply", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTabs, decorators: [{
             type: Component,
@@ -4195,16 +4567,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             <ng-container
               *ngIf="config?.nav?.links?.[currentNavIndex()] as l"
             >
-              <ng-container *ngIf="(l.content?.length || l.widgets?.length) && navContentReady(currentNavIndex()); else emptyNav">
-                <ng-container *ngIf="l.content && form">
+              <ng-container *ngIf="(l.content?.length || safeWidgetDefinitions(l.widgets).length) && navContentReady(currentNavIndex()); else emptyNav">
+                <ng-container *ngIf="l.content">
                   <ng-container
                     dynamicFieldLoader
                     [fields]="l.content || []"
-                    [formGroup]="form!"
+                    [formGroup]="effectiveContentForm()"
                   ></ng-container>
                 </ng-container>
-                <ng-container *ngIf="l.widgets?.length">
-                  <ng-container *ngFor="let w of l.widgets; let wi = index; trackBy: trackWidgetDefinition">
+                <ng-container *ngIf="safeWidgetDefinitions(l.widgets).length">
+                  <ng-container *ngFor="let w of safeWidgetDefinitions(l.widgets); let wi = index; trackBy: trackWidgetDefinition">
                     <ng-container
                       [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
                       [context]="context || {}"
@@ -4299,34 +4671,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               </ng-container>
             </ng-template>
 
-            <ng-template matTabContent>
-              <ng-container *ngIf="(entry.tab.content?.length || entry.tab.widgets?.length) && groupContentReady(entry.index); else emptyTab">
-                <ng-container *ngIf="entry.tab.content && form">
+            <ng-container *ngIf="(entry.tab.content?.length || safeWidgetDefinitions(entry.tab.widgets).length) && groupContentReady(entry.index); else emptyTab">
+              <ng-container *ngIf="entry.tab.content">
+                <ng-container
+                  dynamicFieldLoader
+                  [fields]="entry.tab.content || []"
+                  [formGroup]="effectiveContentForm()"
+                ></ng-container>
+              </ng-container>
+              <ng-container *ngIf="safeWidgetDefinitions(entry.tab.widgets).length">
+                <ng-container *ngFor="let w of safeWidgetDefinitions(entry.tab.widgets); let wi = index; trackBy: trackWidgetDefinition">
                   <ng-container
-                    dynamicFieldLoader
-                    [fields]="entry.tab.content || []"
-                    [formGroup]="form!"
+                    [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
+                    [context]="context || {}"
+                    (widgetEvent)="emitWidgetEvent(tabEventPath(entry.tab.id, entry.index), $event)"
                   ></ng-container>
                 </ng-container>
-                <ng-container *ngIf="entry.tab.widgets?.length">
-                  <ng-container *ngFor="let w of entry.tab.widgets; let wi = index; trackBy: trackWidgetDefinition">
-                    <ng-container
-                      [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
-                      [context]="context || {}"
-                      (widgetEvent)="emitWidgetEvent(tabEventPath(entry.tab.id, entry.index), $event)"
-                    ></ng-container>
-                  </ng-container>
-                </ng-container>
               </ng-container>
-              <ng-template #emptyTab>
-                <praxis-empty-state-card
-                  [inline]="true"
-                  icon="dashboard_customize"
-                  [title]="t('emptyState.tabTitle', 'Sem conteudo nesta aba')"
-                  [description]="t('emptyState.tabDescription', 'Adicione conteudo ou use o editor para configurar.')"
-                  [primaryAction]="{ label: t('emptyState.openEditor', 'Abrir editor'), icon: 'tune', action: openEditor.bind(this) }"
-                ></praxis-empty-state-card>
-              </ng-template>
+            </ng-container>
+            <ng-template #emptyTab>
+              <praxis-empty-state-card
+                [inline]="true"
+                icon="dashboard_customize"
+                [title]="t('emptyState.tabTitle', 'Sem conteudo nesta aba')"
+                [description]="t('emptyState.tabDescription', 'Adicione conteudo ou use o editor para configurar.')"
+                [primaryAction]="{ label: t('emptyState.openEditor', 'Abrir editor'), icon: 'tune', action: openEditor.bind(this) }"
+              ></praxis-empty-state-card>
             </ng-template>
           </mat-tab>
         </mat-tab-group>
@@ -4362,6 +4732,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: [{ required: true }]
             }], componentInstanceId: [{
                 type: Input
+            }], configPersistenceStrategy: [{
+                type: Input
             }], selectedIndex: [{
                 type: Input
             }], enableCustomization: [{
@@ -4382,6 +4754,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], selectFocusedIndex: [{
                 type: Output
+            }], configChange: [{
+                type: Output
             }], widgetEvent: [{
                 type: Output
             }] } });
@@ -4542,6 +4916,20 @@ const PRAXIS_TABS_PORTS = [
         description: 'Evento canonico emitido quando a selecao de aba muda.',
         exposure: { public: true, group: 'events' },
     },
+    {
+        id: 'configChange',
+        label: 'Configuracao alterada',
+        direction: 'output',
+        semanticKind: 'event',
+        schema: {
+            id: 'TabsConfigChangeEvent',
+            kind: 'ts-type',
+            ref: 'TabsConfigChangeEvent',
+        },
+        cardinality: 'stream',
+        description: 'Evento canonico emitido quando autoria assistida altera TabsMetadata; carrega inputPatch.config para persistencia pelo host.',
+        exposure: { public: true, group: 'config' },
+    },
     {
         id: 'widgetEvent',
         label: 'Evento interno de widget',
@@ -4586,6 +4974,13 @@ const PRAXIS_TABS_COMPONENT_METADATA = {
             label: 'ID da instância',
             description: 'Identificador opcional para múltiplas instâncias na mesma rota',
         },
+        {
+            name: 'configPersistenceStrategy',
+            type: '"storage-first" | "input-first"',
+            default: 'storage-first',
+            label: 'Estratégia de persistência',
+            description: 'Define se a configuração persistida ou a configuração de entrada governa a instância.',
+        },
         {
             name: 'selectedIndex',
             type: 'number',
@@ -4614,6 +5009,12 @@ const PRAXIS_TABS_COMPONENT_METADATA = {
     ],
     outputs: [
         { name: 'selectedIndexChange', type: 'number', label: 'Índice selecionado' },
+        {
+            name: 'configChange',
+            type: 'TabsConfigChangeEvent',
+            label: 'Configuração alterada',
+            description: 'Emite inputPatch.config quando uma autoria assistida altera TabsMetadata.',
+        },
         { name: 'selectedTabChange', type: 'MatTabChangeEvent', label: 'Troca de aba' },
         { name: 'animationDone', type: 'void' },
         { name: 'focusChange', type: 'MatTabChangeEvent', label: 'Foco alterado' },
@@ -4749,6 +5150,11 @@ const PRAXIS_TABS_AUTHORING_MANIFEST = {
         { name: 'config', type: 'TabsMetadata', description: 'Canonical tabs/nav configuration.' },
         { name: 'tabsId', type: 'string', description: 'Stable id used to derive persistence scope.' },
         { name: 'componentInstanceId', type: 'string', description: 'Optional instance discriminator for persistence scope.' },
+        {
+            name: 'configPersistenceStrategy',
+            type: '"storage-first" | "input-first"',
+            description: 'Controls whether persisted customization or explicit input config governs the runtime. Governed previews with nested widgets should use input-first.',
+        },
         { name: 'form', type: 'FormGroup', description: 'FormGroup consumed by dynamic field content.' },
         { name: 'context', type: 'Record<string, any>', description: 'Context passed to nested widgets.' },
         { name: 'enableCustomization', type: 'boolean', description: 'Enables Settings Panel authoring surfaces.' },
@@ -5039,11 +5445,14 @@ const PRAXIS_TABS_AUTHORING_MANIFEST = {
     ],
     examples: [
         { id: 'add-overview-tab', request: 'Add an Overview tab before the details tab.', operationId: 'tab.add', params: { id: 'overview', textLabel: 'Overview' }, isPositive: true },
+        { id: 'add-list-to-current-tab', request: 'Create a list widget inside the current training tab.', operationId: 'tab.content.set', target: 'training', params: { widgets: [{ id: 'training-list', component: 'praxis-list', title: 'Training list' }] }, isPositive: true },
+        { id: 'add-form-fields-to-existing-tab', request: 'Add name, date and status fields to the existing onboarding tab.', operationId: 'tab.content.set', target: 'onboarding', params: { content: [{ name: 'name', label: 'Name', controlType: 'text' }, { name: 'plannedDate', label: 'Planned date', controlType: 'date' }, { name: 'status', label: 'Status', controlType: 'select' }] }, isPositive: true },
         { id: 'rename-tab', request: 'Rename the details tab to Account Details.', operationId: 'tab.label.set', target: 'details', params: { textLabel: 'Account Details' }, isPositive: true },
         { id: 'reorder-tabs', request: 'Move billing before overview.', operationId: 'tab.order.set', target: 'billing', params: { beforeTabId: 'overview' }, isPositive: true },
         { id: 'disable-tab', request: 'Disable the audit tab until the user has permission.', operationId: 'tab.disabled.set', target: 'audit', params: { disabled: true }, isPositive: true },
         { id: 'activate-tab', request: 'Open the documents tab by default.', operationId: 'tab.active.set', target: 'documents', params: { tabId: 'documents', selectedIndex: 2 }, isPositive: true },
         { id: 'reject-duplicate-tab-id', request: 'Add another tab with id overview.', operationId: 'tab.add', params: { id: 'overview', textLabel: 'Duplicate Overview' }, isPositive: false },
+        { id: 'reject-current-tab-content-as-tab-add', request: 'Create a list in this tab; do not add a new tab.', operationId: 'tab.add', params: { id: 'list-in-this-tab', textLabel: 'List in this tab' }, isPositive: false },
         { id: 'confirm-remove-content-tab', request: 'Remove the details tab that contains widgets.', operationId: 'tab.remove', target: 'details', params: { replacementActiveTabId: 'overview' }, isPositive: true },
     ],
 };

package/index.d.ts

@@ -4,16 +4,20 @@ import { MatTabChangeEvent } from '@angular/material/tabs';
 import { AiCapability, WidgetDefinition, WidgetEventEnvelope, WidgetEventPathSegment, PraxisI18nConfig, ComponentDocMeta, ComponentMetadataRegistry, SettingsValueProvider as SettingsValueProvider$1, AiCapabilityCategory, AiValueKind, AiCapabilityCatalog, ComponentAuthoringManifest } from '@praxisui/core';
 import { FormGroup } from '@angular/forms';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { BaseAiAdapter, PatchResult, PraxisAssistantTurnViewState, PraxisAssistantShellLayout, PraxisAssistantShellLabels, PraxisAssistantSessionSnapshot, PraxisAssistantShellQuickReply, PraxisAssistantShellMessage } from '@praxisui/ai';
+import { BaseAiAdapter, AiResponseCompileResult, PatchResult, PraxisAssistantTurnViewState, PraxisAssistantShellLayout, PraxisAssistantShellLabels, PraxisAssistantSessionSnapshot, PraxisAssistantShellQuickReply, PraxisAssistantShellMessage } from '@praxisui/ai';
 import { BehaviorSubject } from 'rxjs';
 import { SettingsValueProvider } from '@praxisui/settings-panel';
 
+type TabsAiSummaryParams = Record<string, string | number | boolean | null | undefined>;
+type TabsAiTranslate = (key: string, fallback: string, params?: TabsAiSummaryParams) => string;
 declare class TabsAiAdapter extends BaseAiAdapter<TabsMetadata> {
     private tabs;
+    private readonly translate?;
     componentName: string;
     componentId: string;
     componentType: string;
-    constructor(tabs: PraxisTabs);
+    constructor(tabs: PraxisTabs, translate?: TabsAiTranslate | undefined);
+    compileAiResponse(response: Record<string, unknown>): AiResponseCompileResult | null;
     getCurrentConfig(): TabsMetadata;
     getCapabilities(): AiCapability[];
     getDataProfile(): Record<string, any>;
@@ -25,8 +29,19 @@ declare class TabsAiAdapter extends BaseAiAdapter<TabsMetadata> {
     applyPatch(patch: Partial<TabsMetadata>): Promise<PatchResult>;
     private applyConfig;
     private smartMergeTabsConfig;
+    private coalesceByKey;
     private mergeByKey;
     private cloneConfig;
+    private resolveTargetId;
+    private resolveTextLabel;
+    private resolveTabAddInput;
+    private resolveTabContentInput;
+    private summarizeOperations;
+    private t;
+    private interpolate;
+    private toRecord;
+    private toText;
+    private normalizeToken;
 }
 
 interface TabsMetadata {
@@ -39,6 +54,12 @@ interface TabsMetadata {
     tabs?: TabMetadata[];
     nav?: TabNavMetadata;
 }
+interface TabsConfigChangeEvent {
+    inputPatch: {
+        config: TabsMetadata;
+    };
+}
+type TabsConfigPersistenceStrategy = 'storage-first' | 'input-first';
 interface TabsAppearanceConfig {
     density?: 'compact' | 'comfortable' | 'spacious';
     themeClass?: string;
@@ -151,9 +172,11 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     private readonly route;
     private readonly aiAssistantSessionEffect;
     private warnedMissingId;
+    private loadedStorageKey;
     config: TabsMetadata | null;
     tabsId: string;
     componentInstanceId?: string;
+    configPersistenceStrategy: TabsConfigPersistenceStrategy;
     set selectedIndex(index: number | null | undefined);
     enableCustomization: boolean;
     form: FormGroup | null;
@@ -164,6 +187,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     selectedTabChange: EventEmitter<MatTabChangeEvent>;
     indexFocused: EventEmitter<number>;
     selectFocusedIndex: EventEmitter<number>;
+    configChange: EventEmitter<TabsConfigChangeEvent>;
     widgetEvent: EventEmitter<WidgetEventEnvelope>;
     aiAdapter: TabsAiAdapter;
     aiAssistantOpen: boolean;
@@ -180,6 +204,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     private controlledSelectedIndex?;
     private readonly destroy$;
     private readonly widgetDefinitionCache;
+    private readonly generatedContentForm;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -196,6 +221,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     }>;
     protected selectedVisibleNavIndex(): number;
     protected selectedVisibleTabIndex(): number;
+    protected effectiveContentForm(): FormGroup;
     protected onVisibleTabIndexChange(index: number): void;
     onNavClick(i: number): void;
     onNavDrop(event: CdkDragDrop<any>): void;
@@ -239,9 +265,11 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     t(key: string, fallback: string): string;
     private applyTabsAuthoringPlan;
     private storageKey;
+    private loadStoredConfigForCurrentIdentity;
     private syncSelectionFromConfig;
     private pruneLoadedIndexes;
     private persistConfig;
+    private usesInputFirstConfig;
     private componentKeyId;
     private warnMissingId;
     private clampIndex;
@@ -261,8 +289,15 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     protected trackNavLink(index: number, link: TabLinkMetadata): string;
     protected trackTab(index: number, tab: TabMetadata): string;
     protected trackWidgetDefinition(index: number, widget: WidgetDefinition): string;
+    protected safeWidgetDefinitions(widgets: unknown): WidgetDefinition[];
     protected resolveWidgetDefinition(widget: WidgetDefinition): WidgetDefinition;
+    private syncGeneratedContentForm;
+    private collectContentFields;
+    private resolveContentFieldName;
     protected emitWidgetEvent(path: WidgetEventPathSegment[], ev: WidgetEventEnvelope): void;
+    private emitAgenticPageCompositionRequest;
+    private shouldDelegateAiAssistantPromptToPageBuilder;
+    private normalizeAssistantPrompt;
     protected tabEventPath(tabId: string | undefined, tabIndex: number): WidgetEventPathSegment[];
     protected linkEventPath(linkId: string | undefined, linkIndex: number): WidgetEventPathSegment[];
     protected styleScopeId(): string;
@@ -270,8 +305,9 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     private sanitizeCssValue;
     protected styleCss(): string | null;
     private cloneWidgetDefinition;
+    private cloneTabsMetadata;
     static ɵfac: i0.ɵɵFactoryDeclaration<PraxisTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTabs, "praxis-tabs", never, { "config": { "alias": "config"; "required": false; }; "tabsId": { "alias": "tabsId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "form": { "alias": "form"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "animationDone": "animationDone"; "focusChange": "focusChange"; "selectedIndexChange": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; "indexFocused": "indexFocused"; "selectFocusedIndex": "selectFocusedIndex"; "widgetEvent": "widgetEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTabs, "praxis-tabs", never, { "config": { "alias": "config"; "required": false; }; "tabsId": { "alias": "tabsId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "configPersistenceStrategy": { "alias": "configPersistenceStrategy"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "form": { "alias": "form"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "animationDone": "animationDone"; "focusChange": "focusChange"; "selectedIndexChange": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; "indexFocused": "indexFocused"; "selectFocusedIndex": "selectFocusedIndex"; "configChange": "configChange"; "widgetEvent": "widgetEvent"; }, never, never, true, never>;
 }
 
 declare const PRAXIS_TABS_I18N_NAMESPACE = "praxisTabs";
@@ -525,4 +561,4 @@ declare const TABS_AI_CAPABILITIES: CapabilityCatalog;
 declare const PRAXIS_TABS_AUTHORING_MANIFEST: ComponentAuthoringManifest;
 
 export { PRAXIS_TABS_AUTHORING_MANIFEST, PRAXIS_TABS_COMPONENT_METADATA, PRAXIS_TABS_I18N_CONFIG, PRAXIS_TABS_I18N_NAMESPACE, PraxisTabs, PraxisTabsConfigEditor, PraxisTabsWidgetConfigEditor, TABS_AI_CAPABILITIES, buildTabsApplyPlan, createPraxisTabsI18nConfig, createTabsAuthoringDocument, normalizeTabsAuthoringDocument, providePraxisTabsI18n, providePraxisTabsMetadata, serializeTabsAuthoringDocument, toCanonicalTabsConfig, validateTabsAuthoringDocument };
-export type { Capability, CapabilityCatalog, CapabilityCategory, PraxisTabsWidgetEditorInputs, PraxisTabsWidgetEditorValue, TabGroupMetadata, TabLinkMetadata, TabMetadata, TabNavMetadata, TabsAccessibilityConfig, TabsAppearanceConfig, TabsApplyPlan, TabsAuthoringBindings, TabsAuthoringDocument, TabsBehaviorConfig, TabsBindingsDiff, TabsEditorDiagnostic, TabsEditorDiagnosticLevel, TabsEditorDocumentKind, TabsEventConfig, TabsMetadata, TabsRuntimeContext, TabsRuntimePlan, TabsStyleTokens, ValueKind };
+export type { Capability, CapabilityCatalog, CapabilityCategory, PraxisTabsWidgetEditorInputs, PraxisTabsWidgetEditorValue, TabGroupMetadata, TabLinkMetadata, TabMetadata, TabNavMetadata, TabsAccessibilityConfig, TabsAppearanceConfig, TabsApplyPlan, TabsAuthoringBindings, TabsAuthoringDocument, TabsBehaviorConfig, TabsBindingsDiff, TabsConfigChangeEvent, TabsConfigPersistenceStrategy, TabsEditorDiagnostic, TabsEditorDiagnosticLevel, TabsEditorDocumentKind, TabsEventConfig, TabsMetadata, TabsRuntimeContext, TabsRuntimePlan, TabsStyleTokens, ValueKind };

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@praxisui/tabs",
-  "version": "8.0.0-beta.26",
+  "version": "8.0.0-beta.28",
   "description": "Configurable tabs (group and nav) for Praxis UI with metadata-driven content and runtime editor.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/material": "^20.0.0",
     "@angular/cdk": "^20.0.0",
-    "@praxisui/core": "^8.0.0-beta.26",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.26",
-    "@praxisui/settings-panel": "^8.0.0-beta.26",
+    "@praxisui/core": "^8.0.0-beta.28",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.28",
+    "@praxisui/settings-panel": "^8.0.0-beta.28",
     "@angular/forms": "^20.0.0",
     "@angular/router": "^20.0.0",
-    "@praxisui/ai": "^8.0.0-beta.26",
+    "@praxisui/ai": "^8.0.0-beta.28",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/src/lib/praxis-tabs.json-api.md

@@ -175,6 +175,7 @@ Este arquivo foi adaptado para o padrao canonico atual sem remover conteudo tecn
 | `selectedTabChange` | `MatTabChangeEvent` | Troca de aba no `mat-tab-group` | Partial | Preservado da documentação anterior. |
 | `indexFocused` | `number` | Evento nativo de foco indexado (Material) | Partial | Preservado da documentação anterior. |
 | `selectFocusedIndex` | `number` | Evento nativo de selecao por foco (Material) | Partial | Preservado da documentação anterior. |
+| `configChange` | `{ inputPatch: { config: TabsMetadata } }` | Autoria assistida aplica nova configuracao de abas via adapter | Partial | Evento canonico para hosts persistirem `inputs.config` no manifesto/pagina. |
 | `widgetEvent` | `{ tabId?, tabIndex?, linkId?, linkIndex?, sourceId, output?, payload? }` | Reemissao de evento vindo de widget interno com contexto de localizacao | Partial | Preservado da documentação anterior. |
 
 ### External side channels
@@ -425,6 +426,7 @@ Notas operacionais:
 | `selectedTabChange` | `MatTabChangeEvent` | Troca de aba no `mat-tab-group` | Active |
 | `indexFocused` | `number` | Evento nativo de foco indexado (Material) | Active |
 | `selectFocusedIndex` | `number` | Evento nativo de selecao por foco (Material) | Active |
+| `configChange` | `{ inputPatch: { config: TabsMetadata } }` | Autoria assistida aplica nova configuracao de abas via adapter | Active |
 | `widgetEvent` | `{ tabId?, tabIndex?, linkId?, linkIndex?, sourceId, output?, payload? }` | Reemissao de evento vindo de widget interno com contexto de localizacao | Active |
 
 #### Precedencia de modo e fluxo de render