@praxisui/tabs 8.0.0-beta.3 → 8.0.0-beta.30

package/fesm2022/praxisui-tabs.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Inject, Component, EventEmitter, signal, Output, Input, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { inject, Input, Inject, Component, ChangeDetectorRef, effect, EventEmitter, signal, Output, ChangeDetectionStrategy, ViewChild, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -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';
@@ -25,11 +25,11 @@ import * as i9 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i10 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { BehaviorSubject, Subject } from 'rxjs';
+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, PraxisAiAssistantComponent } 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 {
@@ -533,6 +547,12 @@ function providePraxisTabsI18n() {
 class PraxisTabsConfigEditor {
     registry;
     i18n = inject(PraxisI18nService);
+    set document(value) {
+        if (!value) {
+            return;
+        }
+        this.initializeDocument(value);
+    }
     primaryMode = 'group';
     editedDocument;
     editedConfig;
@@ -612,12 +632,18 @@ class PraxisTabsConfigEditor {
         this.initialDocument = structuredClone(incomingDocument);
         this.editedDocument = structuredClone(incomingDocument);
         this.editedConfig = this.editedDocument.config;
-        this.bindings = this.editedDocument.bindings;
-        this.primaryMode = this.inferPrimaryMode(this.editedConfig);
+        this.initializeDocument(incomingDocument);
+        this.componentOptions = this.registry.getAll().map((m) => ({ id: m.id, friendlyName: m.friendlyName }));
+    }
+    initializeDocument(document) {
+        const normalized = normalizeTabsAuthoringDocument(document);
+        this.initialDocument = structuredClone(normalized);
+        this.syncEditorStateFromDocument(normalized);
         this.jsonText = this.stringify(this.editedDocument);
+        this.isValid = true;
+        this.errorMsg = '';
         this.updateDirty();
         this.refreshDiagnostics();
-        this.componentOptions = this.registry.getAll().map((m) => ({ id: m.id, friendlyName: m.friendlyName }));
     }
     inferPrimaryMode(config) {
         return config?.nav?.links?.length ? 'nav' : 'group';
@@ -784,6 +810,7 @@ class PraxisTabsConfigEditor {
         this.editedConfig.tabs.push({
             id: `tab${(this.editedConfig.tabs.length + 1)}`,
             textLabel: this.t('defaults.newTabLabel', 'New Tab'),
+            visible: true,
         });
         this.onAppearanceChange();
     }
@@ -859,6 +886,7 @@ class PraxisTabsConfigEditor {
         this.nav.links.push({
             id: `link${this.nav.links.length + 1}`,
             label: this.t('defaults.newLinkLabel', 'New Link'),
+            visible: true,
         });
         this.onAppearanceChange();
     }
@@ -953,7 +981,7 @@ class PraxisTabsConfigEditor {
         this.onAppearanceChange();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTabsConfigEditor, deps: [{ token: SETTINGS_PANEL_DATA }, { token: i1.ComponentMetadataRegistry }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisTabsConfigEditor, isStandalone: true, selector: "praxis-tabs-config-editor", providers: [providePraxisI18nConfig(PRAXIS_TABS_I18N_CONFIG)], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisTabsConfigEditor, isStandalone: true, selector: "praxis-tabs-config-editor", inputs: { document: "document" }, providers: [providePraxisI18nConfig(PRAXIS_TABS_I18N_CONFIG)], ngImport: i0, template: `
     <div class="editor-shell">
       <div class="editor-topbar">
         <mat-form-field appearance="outline" class="editor-mode-field">
@@ -1293,6 +1321,9 @@ class PraxisTabsConfigEditor {
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.label', 'Rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="tab.textLabel" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
+                <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.icon', 'Icone') }}</mat-label>
+                  <input matInput [(ngModel)]="tab.icon" (ngModelChange)="onAppearanceChange()" />
+                </mat-form-field>
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.labelClass', 'Classe do rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="tab.labelClass" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
@@ -1306,7 +1337,10 @@ class PraxisTabsConfigEditor {
                   <input matInput [(ngModel)]="tab.ariaLabelledby" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
               </div>
-              <mat-slide-toggle [(ngModel)]="tab.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disabled', 'Desativada') }}</mat-slide-toggle>
+              <div class="editor-row">
+                <mat-slide-toggle [(ngModel)]="tab.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disabled', 'Desativada') }}</mat-slide-toggle>
+                <mat-slide-toggle [ngModel]="tab.visible !== false" (ngModelChange)="tab.visible = $event; onAppearanceChange()">{{ t('editor.toggles.visible', 'Visivel') }}</mat-slide-toggle>
+              </div>
 
               <!-- Widgets (componentes dinâmicos) -->
               <div class="editor-divider editor-grid">
@@ -1384,9 +1418,13 @@ class PraxisTabsConfigEditor {
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.label', 'Rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="l.label" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
+                <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.icon', 'Icone') }}</mat-label>
+                  <input matInput [(ngModel)]="l.icon" (ngModelChange)="onAppearanceChange()" />
+                </mat-form-field>
               </div>
               <div class="editor-row">
                 <mat-slide-toggle [(ngModel)]="l.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.linkDisabled', 'Desativado') }}</mat-slide-toggle>
+                <mat-slide-toggle [ngModel]="l.visible !== false" (ngModelChange)="l.visible = $event; onAppearanceChange()">{{ t('editor.toggles.visible', 'Visivel') }}</mat-slide-toggle>
                 <mat-slide-toggle [(ngModel)]="l.disableRipple" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disableRipple', 'Sem ripple') }}</mat-slide-toggle>
                 <mat-slide-toggle [(ngModel)]="l.fitInkBarToContent" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.fitInkBarToContent', 'Indicador ajustado ao conteudo') }}</mat-slide-toggle>
               </div>
@@ -1797,6 +1835,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.label', 'Rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="tab.textLabel" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
+                <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.icon', 'Icone') }}</mat-label>
+                  <input matInput [(ngModel)]="tab.icon" (ngModelChange)="onAppearanceChange()" />
+                </mat-form-field>
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.labelClass', 'Classe do rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="tab.labelClass" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
@@ -1810,7 +1851,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <input matInput [(ngModel)]="tab.ariaLabelledby" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
               </div>
-              <mat-slide-toggle [(ngModel)]="tab.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disabled', 'Desativada') }}</mat-slide-toggle>
+              <div class="editor-row">
+                <mat-slide-toggle [(ngModel)]="tab.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disabled', 'Desativada') }}</mat-slide-toggle>
+                <mat-slide-toggle [ngModel]="tab.visible !== false" (ngModelChange)="tab.visible = $event; onAppearanceChange()">{{ t('editor.toggles.visible', 'Visivel') }}</mat-slide-toggle>
+              </div>
 
               <!-- Widgets (componentes dinâmicos) -->
               <div class="editor-divider editor-grid">
@@ -1888,9 +1932,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.label', 'Rotulo') }}</mat-label>
                   <input matInput [(ngModel)]="l.label" (ngModelChange)="onAppearanceChange()" />
                 </mat-form-field>
+                <mat-form-field appearance="outline"><mat-label>{{ t('editor.fields.icon', 'Icone') }}</mat-label>
+                  <input matInput [(ngModel)]="l.icon" (ngModelChange)="onAppearanceChange()" />
+                </mat-form-field>
               </div>
               <div class="editor-row">
                 <mat-slide-toggle [(ngModel)]="l.disabled" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.linkDisabled', 'Desativado') }}</mat-slide-toggle>
+                <mat-slide-toggle [ngModel]="l.visible !== false" (ngModelChange)="l.visible = $event; onAppearanceChange()">{{ t('editor.toggles.visible', 'Visivel') }}</mat-slide-toggle>
                 <mat-slide-toggle [(ngModel)]="l.disableRipple" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.disableRipple', 'Sem ripple') }}</mat-slide-toggle>
                 <mat-slide-toggle [(ngModel)]="l.fitInkBarToContent" (ngModelChange)="onAppearanceChange()">{{ t('editor.toggles.fitInkBarToContent', 'Indicador ajustado ao conteudo') }}</mat-slide-toggle>
               </div>
@@ -1949,7 +1997,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
-                }] }, { type: i1.ComponentMetadataRegistry }] });
+                }] }, { type: i1.ComponentMetadataRegistry }], propDecorators: { document: [{
+                type: Input
+            }] } });
 
 class TabsQuickSetupComponent {
     i18n = inject(PraxisI18nService);
@@ -2259,10 +2309,80 @@ const TABS_AI_CAPABILITIES = {
 
 class TabsAiAdapter extends BaseAiAdapter {
     tabs;
+    translate;
     componentName = 'Praxis Tabs';
-    constructor(tabs) {
+    componentId = 'praxis-tabs';
+    componentType = '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 || {});
@@ -2270,6 +2390,49 @@ class TabsAiAdapter extends BaseAiAdapter {
     getCapabilities() {
         return TABS_AI_CAPABILITIES.capabilities;
     }
+    getDataProfile() {
+        const cfg = this.tabs.config;
+        return {
+            mode: cfg?.nav?.links?.length ? 'nav' : 'group',
+            tabCount: cfg?.tabs?.length ?? 0,
+            linkCount: cfg?.nav?.links?.length ?? 0,
+            widgetCount: [
+                ...(cfg?.tabs ?? []).flatMap((tab) => tab.widgets ?? []),
+                ...(cfg?.nav?.links ?? []).flatMap((link) => link.widgets ?? []),
+            ].length,
+            fieldCount: [
+                ...(cfg?.tabs ?? []).flatMap((tab) => tab.content ?? []),
+                ...(cfg?.nav?.links ?? []).flatMap((link) => link.content ?? []),
+            ].length,
+        };
+    }
+    getSchemaFields() {
+        const cfg = this.tabs.config;
+        return [
+            ...(cfg?.tabs ?? []).flatMap((tab) => tab.content ?? []),
+            ...(cfg?.nav?.links ?? []).flatMap((link) => link.content ?? []),
+        ]
+            .map((field) => field?.name || field?.key || field?.id)
+            .filter((name) => typeof name === 'string' && !!name.trim())
+            .map((name) => ({ name }));
+    }
+    getAuthoringContext() {
+        return {
+            authoringManifestRef: {
+                componentId: 'praxis-tabs',
+                source: 'PRAXIS_TABS_AUTHORING_MANIFEST',
+            },
+            runtimeAuthoringPolicy: {
+                mode: 'agentic-authoring',
+                enableCustomization: !!this.tabs.enableCustomization,
+                canApplyLocalPatch: false,
+                reason: 'praxis-tabs ainda exige componentEditPlan manifest-backed antes de aplicar patch local pelo copiloto.',
+            },
+            domainCatalog: {
+                recommendedAuthoringFlow: 'component_authoring',
+            },
+        };
+    }
     getRuntimeState() {
         const cfg = this.tabs.config;
         return {
@@ -2321,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);
@@ -2353,8 +2540,506 @@ 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 {
+    adapter;
+    aiApi;
+    mode = 'agentic-authoring';
+    constructor(adapter, aiApi) {
+        this.adapter = adapter;
+        this.aiApi = aiApi;
+    }
+    async submit(request) {
+        const prompt = (request.prompt ?? '').trim();
+        if (!prompt) {
+            return {
+                state: 'listening',
+                phase: 'capture',
+                statusText: '',
+            };
+        }
+        const componentId = this.adapter.componentId || request.componentId || 'praxis-tabs';
+        const componentType = this.adapter.componentType || request.componentType || 'tabs';
+        const currentState = this.toAiJsonObject(this.adapter.getCurrentConfig());
+        const dataProfile = this.optionalJsonObject(this.adapter.getDataProfile?.());
+        const runtimeState = this.optionalJsonObject(this.adapter.getRuntimeState?.());
+        const schemaFields = this.adapter.getSchemaFields?.()
+            ?.map((field) => this.toAiJsonObject(field))
+            .filter((field) => Object.keys(field).length > 0);
+        const contextHints = this.optionalJsonObject(this.adapter.getAuthoringContext?.());
+        if (this.shouldRouteToGovernedDecision(prompt, contextHints)) {
+            return this.toGovernedDecisionHandoff(prompt, request);
+        }
+        const response = await firstValueFrom(this.aiApi.getPatch({
+            componentId,
+            componentType,
+            userPrompt: prompt,
+            sessionId: request.sessionId,
+            clientTurnId: request.clientTurnId,
+            messages: this.toChatMessages(request.messages, prompt),
+            currentState,
+            currentStateDigest: this.buildCurrentStateDigest(dataProfile),
+            uiContextRef: {
+                componentId,
+                componentType,
+            },
+            ...(dataProfile ? { dataProfile } : {}),
+            ...(runtimeState ? { runtimeState } : {}),
+            ...(schemaFields?.length ? { schemaFields } : {}),
+            ...(contextHints ? { contextHints } : {}),
+        }));
+        return this.toTurnResult(this.compileAdapterResponse(response), 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: 'Nao ha alteracao de abas pronta para aplicar.',
+            errorText: 'Nao ha alteracao de abas pronta para aplicar.',
+            canApply: false,
+            pendingPatch: null,
+        };
+    }
+    cancel() {
+        return Promise.resolve({
+            state: 'listening',
+            phase: 'capture',
+            assistantMessage: 'Solicitacao cancelada.',
+            statusText: '',
+            canApply: false,
+            pendingPatch: null,
+            pendingClarification: null,
+        });
+    }
+    retry(request) {
+        const lastPrompt = [...(request.messages ?? [])].reverse()
+            .find((message) => message.role === 'user')?.text;
+        return this.submit({
+            ...request,
+            prompt: lastPrompt ?? request.prompt,
+            action: { kind: 'retry' },
+        });
+    }
+    toTurnResult(response, request) {
+        if (!response) {
+            return {
+                state: 'error',
+                phase: 'capture',
+                assistantMessage: 'Resposta vazia da IA.',
+                errorText: 'Resposta vazia da IA.',
+            };
+        }
+        if (response.type === 'clarification') {
+            return {
+                state: 'clarification',
+                phase: 'clarify',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: response.message || 'Preciso de mais detalhes para continuar.',
+                clarificationQuestions: this.toClarificationQuestions(response),
+                quickReplies: this.toQuickReplies(response),
+                canApply: false,
+            };
+        }
+        if (response.type === 'info') {
+            const message = response.message || response.explanation || 'Informacao gerada.';
+            return {
+                state: 'success',
+                phase: 'summarize',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: message,
+                statusText: message,
+                canApply: false,
+            };
+        }
+        if (response.type === 'error') {
+            const message = response.message || 'Falha ao gerar alteracao de abas.';
+            return {
+                state: 'error',
+                phase: 'capture',
+                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',
+                sessionId: response.sessionId ?? request.sessionId,
+                assistantMessage: 'As abas rejeitaram patch livre. Gere um componentEditPlan validado pelo PRAXIS_TABS_AUTHORING_MANIFEST antes de propor alteracao local.',
+                errorText: 'Patch livre de abas rejeitado.',
+                canApply: false,
+                pendingPatch: null,
+                diagnostics: {
+                    warnings: [
+                        'free-tabs-patch-rejected',
+                        'Use componentEditPlan validado contra PRAXIS_TABS_AUTHORING_MANIFEST.',
+                    ],
+                },
+            };
+        }
+        return {
+            state: 'success',
+            phase: 'summarize',
+            sessionId: response.sessionId ?? request.sessionId,
+            assistantMessage: response.message || response.explanation || 'Nenhuma alteracao necessaria.',
+            statusText: response.message || response.explanation || 'Nenhuma alteracao necessaria.',
+            canApply: false,
+        };
+    }
+    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;
+        }
+        if (compiled.type === 'error') {
+            return {
+                type: 'error',
+                message: compiled.message || 'O componentEditPlan das abas nao passou na validacao de capacidades.',
+                warnings: compiled.warnings,
+            };
+        }
+        const warnings = [
+            ...(response.warnings ?? []),
+            ...(compiled.warnings ?? []),
+        ];
+        return {
+            ...response,
+            ...compiled,
+            patch: compiled.patch,
+            warnings: warnings.length ? warnings : undefined,
+        };
+    }
+    toChatMessages(messages, prompt) {
+        const supported = (messages ?? [])
+            .filter((message) => message.role === 'user' || message.role === 'assistant' || message.role === 'system')
+            .map((message) => ({
+            role: message.role,
+            content: message.text,
+        }))
+            .filter((message) => message.content.trim().length > 0);
+        return supported.length ? supported : [{ role: 'user', content: prompt }];
+    }
+    toClarificationQuestions(response) {
+        const labels = response.questions?.length
+            ? response.questions
+            : response.message
+                ? [response.message]
+                : ['Qual ajuste voce quer aplicar nas abas?'];
+        const options = this.toQuickReplies(response).map((reply) => ({
+            id: reply.id,
+            label: reply.label,
+            value: reply.prompt,
+        }));
+        return labels.map((label, index) => ({
+            id: `tabs-clarification-${index + 1}`,
+            type: options.length ? 'single-choice' : 'text',
+            label,
+            allowCustom: true,
+            options,
+        }));
+    }
+    toQuickReplies(response) {
+        const payloads = response.optionPayloads ?? [];
+        if (payloads.length) {
+            return payloads
+                .map((option, index) => {
+                const label = option.label?.trim() || option.value?.trim() || `Opcao ${index + 1}`;
+                const prompt = option.example?.trim() || option.value?.trim() || label;
+                return {
+                    id: `option-${index + 1}`,
+                    label,
+                    prompt,
+                    kind: 'clarification-option',
+                };
+            });
+        }
+        return (response.options ?? [])
+            .filter((option) => !!option?.trim())
+            .map((option, index) => ({
+            id: `option-${index + 1}`,
+            label: option.trim(),
+            prompt: option.trim(),
+            kind: 'clarification-option',
+        }));
+    }
+    buildCurrentStateDigest(dataProfile) {
+        const tabCount = typeof dataProfile?.['tabCount'] === 'number' ? dataProfile['tabCount'] : undefined;
+        const linkCount = typeof dataProfile?.['linkCount'] === 'number' ? dataProfile['linkCount'] : undefined;
+        const rowCount = (tabCount ?? 0) + (linkCount ?? 0);
+        return rowCount > 0 ? { rowCount } : {};
+    }
+    shouldRouteToGovernedDecision(prompt, contextHints) {
+        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.';
+        return {
+            state: 'clarification',
+            phase: 'clarify',
+            sessionId: request.sessionId,
+            assistantMessage: message,
+            statusText: 'Handoff governado necessario.',
+            canApply: false,
+            quickReplies: [
+                {
+                    id: 'shared-rule-handoff',
+                    label: 'Continuar como regra governada',
+                    prompt,
+                    kind: 'shared-rule-handoff',
+                    description: 'Criar intake de domain-rules em vez de aplicar patch local nas abas.',
+                    icon: 'rule',
+                    tone: 'warning',
+                    contextHints: {
+                        flowId: 'shared_rule_authoring',
+                        source: 'praxis-tabs',
+                        recommendedAction: 'domain-rules/intake',
+                    },
+                },
+            ],
+            clarificationQuestions: [
+                {
+                    id: 'tabs-governed-rule-confirmation',
+                    type: 'confirm',
+                    label: 'Deseja continuar pelo fluxo governado de regras compartilhadas?',
+                    description: 'Esse caminho permite intake, simulacao, aprovacao/publicacao, materializacao e validacao de enforcement.',
+                    required: true,
+                    options: [
+                        {
+                            id: 'shared-rule-handoff',
+                            label: 'Sim, continuar governado',
+                            value: prompt,
+                            description: 'Nao aplicar como patch local das abas.',
+                            contextHints: {
+                                flowId: 'shared_rule_authoring',
+                                source: 'praxis-tabs',
+                            },
+                        },
+                    ],
+                },
+            ],
+            diagnostics: {
+                governedDecisionHandoff: {
+                    flowId: 'shared_rule_authoring',
+                    sourcePrompt: prompt,
+                    sourceComponent: 'praxis-tabs',
+                },
+            },
+        };
+    }
+    optionalJsonObject(value) {
+        if (value === undefined || value === null) {
+            return undefined;
+        }
+        const object = this.toAiJsonObject(value);
+        return Object.keys(object).length ? object : undefined;
+    }
+    toAiJsonObject(value) {
+        const record = this.toRecord(value);
+        if (!record) {
+            return {};
+        }
+        try {
+            return JSON.parse(JSON.stringify(record));
+        }
+        catch {
+            return {};
+        }
+    }
+    toRecord(value) {
+        return value && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : null;
+    }
 }
 
+const AGENTIC_PAGE_COMPOSITION_REQUEST_OUTPUT = 'agenticPageCompositionRequested';
 class PraxisTabs {
     i18n = inject(PraxisI18nService);
     settings = inject(SettingsPanelService);
@@ -2362,16 +3047,36 @@ class PraxisTabs {
     snack = inject(MatSnackBar);
     componentKeys = inject(ComponentKeyService);
     logger = inject(LoggerService);
+    cdr = inject(ChangeDetectorRef);
+    aiApi = inject(AiBackendApiService);
+    assistantSessions = inject(PraxisAssistantSessionRegistryService);
+    aiTurnOrchestrator = inject(PraxisAssistantTurnOrchestratorService);
     route = (() => { try {
         return inject(ActivatedRoute);
     }
     catch {
         return undefined;
     } })();
+    aiAssistantSessionEffect = effect(() => {
+        const session = this.assistantSessions.activeSession();
+        if (!session || session.id !== this.resolveAiAssistantSessionId())
+            return;
+        if (!this.aiAssistantOpen) {
+            this.openAiAssistantFromSession(session);
+        }
+    }, ...(ngDevMode ? [{ debugName: "aiAssistantSessionEffect" }] : []));
     warnedMissingId = false;
+    loadedStorageKey = null;
     config = null;
     tabsId;
     componentInstanceId;
+    configPersistenceStrategy = 'storage-first';
+    set selectedIndex(index) {
+        if (index == null)
+            return;
+        this.controlledSelectedIndex = index;
+        this.applySelectedIndex(index, false, false);
+    }
     enableCustomization = false;
     form = null;
     context = null;
@@ -2381,37 +3086,54 @@ 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;
+    aiAssistantLayout = createPraxisAssistantViewportLayout();
+    aiAssistantLabels = {
+        title: 'Copiloto semantico Praxis',
+        subtitle: 'Converse, revise e governe ajustes das abas.',
+        prompt: 'Mensagem',
+        promptPlaceholder: 'Descreva o ajuste que voce precisa nas abas.',
+        emptyConversation: 'Diga o que voce quer alterar nas abas.',
+        submit: 'Interpretar pedido',
+        apply: 'Aplicar ajuste',
+    };
+    aiAssistantController = null;
+    aiAssistantStateSubscription = null;
     // Signals to manage local state for selection in Nav mode and Group mode
     currentNavIndex = signal(0, ...(ngDevMode ? [{ debugName: "currentNavIndex" }] : []));
     selectedIndexSignal = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndexSignal" }] : []));
     groupLoaded = new Set();
     navLoaded = new Set();
+    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.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();
         }
     }
     ngOnDestroy() {
+        this.assistantSessions.removeContextSession(this.buildAiAssistantContextSnapshot().identity);
+        this.aiAssistantStateSubscription?.unsubscribe();
         this.destroy$.next();
         this.destroy$.complete();
     }
@@ -2427,23 +3149,42 @@ class PraxisTabs {
     getNavActive(i) {
         return this.currentNavIndex() === i;
     }
+    visibleNavLinkEntries() {
+        return (this.config?.nav?.links ?? [])
+            .map((link, index) => ({ link, index }))
+            .filter((entry) => entry.link.visible !== false);
+    }
+    visibleTabEntries() {
+        return (this.config?.tabs ?? [])
+            .map((tab, index) => ({ tab, index }))
+            .filter((entry) => entry.tab.visible !== false);
+    }
+    selectedVisibleNavIndex() {
+        const entries = this.visibleNavLinkEntries();
+        const index = entries.findIndex((entry) => entry.index === this.currentNavIndex());
+        return index >= 0 ? index : 0;
+    }
+    selectedVisibleTabIndex() {
+        const entries = this.visibleTabEntries();
+        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)
+            return;
+        this.onSelectedIndexChange(entry.index);
+    }
     onNavClick(i) {
         if (!this.config?.nav?.links?.length)
             return;
         const linksCount = this.config.nav.links.length;
         if (i < 0 || i >= linksCount)
             return;
-        this.currentNavIndex.set(i);
-        this.config = produce(this.config, (draft) => {
-            if (!draft.nav)
-                return;
-            draft.nav.selectedIndex = i;
-        });
-        this.persistConfig(this.config);
-        // Lazy: mark as loaded
-        this.navLoaded.add(i);
-        // Emit as index change for consumers to track
-        this.selectedIndexChange.emit(i);
+        this.applySelectedIndex(i, true);
     }
     onNavDrop(event) {
         if (!this.config?.nav?.links)
@@ -2491,10 +3232,39 @@ class PraxisTabs {
         });
         this.persistConfig(this.config);
     }
+    onVisibleNavDrop(event) {
+        const entries = this.visibleNavLinkEntries();
+        const previous = entries[event.previousIndex];
+        const current = entries[event.currentIndex];
+        if (!previous || !current)
+            return;
+        this.onNavDrop({
+            ...event,
+            previousIndex: previous.index,
+            currentIndex: current.index,
+        });
+    }
     onSelectedIndexChange(index) {
+        this.applySelectedIndex(index, true);
+    }
+    applySelectedIndex(index, emit, persist = true) {
+        if (this.isNavMode() && this.config) {
+            const selected = this.clampIndex(index, this.config?.nav?.links?.length ?? 0);
+            this.currentNavIndex.set(selected);
+            this.config = produce(this.config, (draft) => {
+                draft.nav.selectedIndex = selected;
+            });
+            if (persist) {
+                this.persistConfig(this.config);
+            }
+            this.navLoaded.add(selected);
+            if (emit) {
+                this.selectedIndexChange.emit(selected);
+            }
+            return;
+        }
         const selected = this.clampIndex(index, this.config?.tabs?.length ?? 0);
         this.selectedIndexSignal.set(selected);
-        // Update config immutably
         if (this.config) {
             this.config = produce(this.config, (draft) => {
                 if (!draft.group) {
@@ -2504,11 +3274,20 @@ class PraxisTabs {
                     draft.group.selectedIndex = selected;
                 }
             });
-            this.persistConfig(this.config);
+            if (persist) {
+                this.persistConfig(this.config);
+            }
         }
-        // Lazy: mark as loaded
         this.groupLoaded.add(selected);
-        this.selectedIndexChange.emit(selected);
+        if (emit) {
+            this.selectedIndexChange.emit(selected);
+        }
+    }
+    reapplyControlledSelectedIndex() {
+        if (this.controlledSelectedIndex == null) {
+            return;
+        }
+        this.applySelectedIndex(this.controlledSelectedIndex, false, false);
     }
     closeTab(index) {
         if (!this.config?.tabs)
@@ -2596,6 +3375,311 @@ class PraxisTabs {
         ref.applied$.pipe(takeUntil(this.destroy$)).subscribe(applyDocument);
         ref.saved$.pipe(takeUntil(this.destroy$)).subscribe(applyDocument);
     }
+    openAiAssistant() {
+        this.initializeAiAssistantController();
+        this.aiAssistantOpen = true;
+        this.aiAssistantController?.setContextItems(this.buildAiAssistantContextItems());
+        this.syncAiAssistantSession('active');
+        this.cdr.markForCheck();
+    }
+    openAiAssistantFromSession(session) {
+        if (session.id !== this.resolveAiAssistantSessionId())
+            return;
+        this.initializeAiAssistantController();
+        this.aiAssistantOpen = true;
+        this.aiAssistantController?.setContextItems(this.buildAiAssistantContextItems());
+        this.syncAiAssistantSession('active');
+        this.cdr.markForCheck();
+    }
+    closeAiAssistant() {
+        this.aiAssistantOpen = false;
+        this.syncAiAssistantSession('minimized');
+        this.cdr.markForCheck();
+    }
+    onAiAssistantPromptChange(prompt) {
+        this.aiAssistantPrompt = prompt;
+        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;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantApply() {
+        this.aiAssistantController?.apply().subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantRetry() {
+        this.aiAssistantController?.retry().subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantCancel() {
+        this.aiAssistantController?.cancel().subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantQuickReply(reply) {
+        const controller = this.aiAssistantController;
+        if (!controller)
+            return;
+        const state = controller.snapshot();
+        const next$ = state.state === 'clarification'
+            ? controller.answerClarification(reply.prompt)
+            : controller.submitPrompt(reply.prompt, {
+                kind: reply.kind || 'quick-reply',
+                id: reply.id,
+                value: reply.prompt,
+            });
+        next$.subscribe((nextState) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = nextState;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantEditMessage(message) {
+        this.aiAssistantPrompt = message.text;
+        this.cdr.markForCheck();
+    }
+    onAiAssistantResendMessage(message) {
+        this.aiAssistantController?.resendMessage(message.id).subscribe((state) => {
+            this.aiAssistantPrompt = '';
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+    }
+    onAiAssistantLayoutChange(layout) {
+        this.aiAssistantLayout = layout;
+    }
+    initializeAiAssistantController() {
+        if (this.aiAssistantController)
+            return;
+        const flow = new TabsAgenticAuthoringTurnFlow(this.aiAdapter, this.aiApi);
+        const controller = this.aiTurnOrchestrator.createController(flow, {
+            componentId: this.aiAdapter.componentId || 'praxis-tabs',
+            componentType: this.aiAdapter.componentType || 'tabs',
+            contextItems: this.buildAiAssistantContextItems(),
+        });
+        this.aiAssistantController = controller;
+        this.aiAssistantViewState = controller.snapshot();
+        this.aiAssistantStateSubscription?.unsubscribe();
+        this.aiAssistantStateSubscription = controller.state$.subscribe((state) => {
+            this.aiAssistantViewState = state;
+            this.syncAiAssistantSession();
+            this.cdr.markForCheck();
+        });
+        this.cdr.markForCheck();
+    }
+    buildAiAssistantContextItems() {
+        const items = [
+            {
+                id: 'component',
+                label: 'Componente',
+                value: 'Abas',
+                kind: 'component',
+                icon: 'tab',
+            },
+            {
+                id: 'mode',
+                label: 'Modo',
+                value: this.isNavMode() ? 'nav' : 'group',
+                kind: 'custom',
+                icon: 'account_tree',
+            },
+        ];
+        if (this.tabsId) {
+            items.push({
+                id: 'tabs-id',
+                label: 'Tabs',
+                value: this.tabsId,
+                kind: 'custom',
+                icon: 'tag',
+            });
+        }
+        return items;
+    }
+    buildAiAssistantContextSnapshot() {
+        const fieldNames = this.collectContentFieldNames();
+        const counts = this.collectTabsCounts();
+        return {
+            identity: {
+                sessionId: this.resolveAiAssistantSessionId(),
+                ownerId: this.resolveAiAssistantOwnerId(),
+                ownerType: 'tabs',
+                componentId: 'praxis-tabs',
+                componentType: 'tabs',
+                routeKey: this.resolveAiAssistantRouteKey(),
+            },
+            target: {
+                kind: 'component',
+                id: this.resolveAiAssistantOwnerId(),
+                label: this.tabsId || 'Abas',
+                metadata: {
+                    mode: this.isNavMode() ? 'nav' : 'group',
+                    hasCustomization: !!this.enableCustomization,
+                },
+            },
+            contextItems: this.buildAiAssistantContextItems().map((item) => ({
+                id: item.id,
+                label: item.label,
+                value: item.value || '',
+                kind: item.kind,
+            })),
+            mode: 'agentic-authoring',
+            authoringManifestRef: {
+                componentId: 'praxis-tabs',
+                source: 'PRAXIS_TABS_AUTHORING_MANIFEST',
+            },
+            schemaFields: fieldNames.length ? fieldNames : undefined,
+            dataProfileDigest: {
+                summary: `${counts.tabCount} aba(s), ${counts.linkCount} link(s), ${counts.widgetCount} widget(s), ${counts.fieldCount} campo(s)`,
+                counts,
+            },
+            runtimeStateDigest: {
+                summary: this.isNavMode()
+                    ? `Nav ativo no indice ${this.currentNavIndex()}`
+                    : `Grupo ativo no indice ${this.selectedIndexSignal()}`,
+                fields: [
+                    this.isNavMode() ? 'nav.links' : 'tabs',
+                    'selectedIndex',
+                    'widgetEvent',
+                ],
+            },
+            capabilityRefs: [
+                {
+                    id: 'tabs.component-edit-plan',
+                    label: 'Plano de edicao de abas',
+                    source: 'PRAXIS_TABS_AUTHORING_MANIFEST',
+                    risk: 'medium',
+                },
+            ],
+            governanceHints: [
+                {
+                    kind: 'business-rule-boundary',
+                    label: 'Regras compartilhadas exigem governanca',
+                    reason: 'Politicas, validacoes reutilizaveis e compliance nao devem ser aplicados como patch local das abas.',
+                    risk: 'high',
+                },
+            ],
+        };
+    }
+    syncAiAssistantSession(visibility = null) {
+        if (!this.enableCustomization)
+            return;
+        if (!this.aiAssistantOpen && !this.hasAiAssistantSessionState())
+            return;
+        const state = this.aiAssistantViewState;
+        this.assistantSessions.upsertContextSession(this.buildAiAssistantContextSnapshot(), {
+            title: 'Copiloto semantico Praxis',
+            summary: this.resolveAiAssistantSummary(),
+            mode: state?.mode || 'agentic-authoring',
+            state: state?.state || 'idle',
+            visibility: visibility ?? (this.aiAssistantOpen ? 'active' : 'minimized'),
+            badge: this.resolveAiAssistantBadge(),
+            icon: this.resolveAiAssistantIcon(),
+        });
+    }
+    hasAiAssistantSessionState() {
+        return !!this.aiAssistantPrompt.trim()
+            || !!this.aiAssistantViewState?.messages?.length
+            || !!this.aiAssistantViewState?.quickReplies?.length
+            || !!this.aiAssistantViewState?.pendingPatch
+            || !!this.aiAssistantViewState?.statusText?.trim()
+            || !!this.aiAssistantViewState?.errorText?.trim();
+    }
+    resolveAiAssistantSessionId() {
+        return `tabs:${this.resolveAiAssistantRouteKey()}:${this.resolveAiAssistantOwnerId()}`;
+    }
+    resolveAiAssistantOwnerId() {
+        return (this.componentInstanceId || this.tabsId || 'tabs').trim() || 'tabs';
+    }
+    resolveAiAssistantRouteKey() {
+        const routePath = this.route?.snapshot?.routeConfig?.path?.trim();
+        return routePath || 'local';
+    }
+    resolveAiAssistantSummary() {
+        const status = this.aiAssistantViewState?.statusText?.trim();
+        if (status)
+            return status;
+        const error = this.aiAssistantViewState?.errorText?.trim();
+        if (error)
+            return error;
+        const prompt = this.aiAssistantPrompt.trim();
+        if (prompt)
+            return prompt.length > 96 ? `${prompt.slice(0, 93)}...` : prompt;
+        const lastMessage = [...(this.aiAssistantViewState?.messages ?? [])].reverse()
+            .find((message) => message.role === 'assistant' || message.role === 'user');
+        if (lastMessage?.text) {
+            return lastMessage.text.length > 96 ? `${lastMessage.text.slice(0, 93)}...` : lastMessage.text;
+        }
+        return this.isNavMode() ? 'Assistente contextual das abas de navegacao.' : 'Assistente contextual do grupo de abas.';
+    }
+    resolveAiAssistantBadge() {
+        const state = this.aiAssistantViewState?.state;
+        if (state === 'error')
+            return 'erro';
+        if (state === 'clarification')
+            return 'revisar';
+        if (state === 'review')
+            return 'preview';
+        if (state === 'success')
+            return 'ok';
+        return undefined;
+    }
+    resolveAiAssistantIcon() {
+        const state = this.aiAssistantViewState?.state;
+        if (state === 'error')
+            return 'error';
+        if (state === 'clarification')
+            return 'rule';
+        if (state === 'review')
+            return 'rate_review';
+        return 'auto_awesome';
+    }
+    collectContentFieldNames() {
+        const fields = [
+            ...(this.config?.tabs ?? []).flatMap((tab) => tab.content ?? []),
+            ...(this.config?.nav?.links ?? []).flatMap((link) => link.content ?? []),
+        ];
+        return Array.from(new Set(fields
+            .map((field) => field?.name || field?.key || field?.id)
+            .filter((name) => typeof name === 'string' && !!name.trim())));
+    }
+    collectTabsCounts() {
+        const tabs = this.config?.tabs ?? [];
+        const links = this.config?.nav?.links ?? [];
+        return {
+            tabCount: tabs.length,
+            linkCount: links.length,
+            widgetCount: [
+                ...tabs.flatMap((tab) => tab.widgets ?? []),
+                ...links.flatMap((link) => link.widgets ?? []),
+            ].length,
+            fieldCount: [
+                ...tabs.flatMap((tab) => tab.content ?? []),
+                ...links.flatMap((link) => link.content ?? []),
+            ].length,
+        };
+    }
     addEmptyTab() {
         const next = produce(this.config || {}, (draft) => {
             if (!draft.group)
@@ -2609,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);
     }
@@ -2670,6 +3755,7 @@ class PraxisTabs {
         }
         this.config = plan.canonicalConfig;
         this.syncSelectionFromConfig();
+        this.syncGeneratedContentForm();
         if (plan.runtime.rebuildLazyState) {
             this.groupLoaded.clear();
             this.navLoaded.clear();
@@ -2686,31 +3772,60 @@ 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() {
-        this.groupLoaded.clear();
-        this.navLoaded.clear();
         const tabsLength = this.config?.tabs?.length ?? 0;
         const linksLength = this.config?.nav?.links?.length ?? 0;
         const groupIndex = this.clampIndex(this.config?.group?.selectedIndex, tabsLength);
         const navIndex = this.clampIndex(this.config?.nav?.selectedIndex, linksLength);
         this.selectedIndexSignal.set(groupIndex);
         this.currentNavIndex.set(navIndex);
+        this.pruneLoadedIndexes(this.groupLoaded, tabsLength);
+        this.pruneLoadedIndexes(this.navLoaded, linksLength);
         if (tabsLength > 0)
             this.groupLoaded.add(groupIndex);
         if (linksLength > 0)
             this.navLoaded.add(navIndex);
     }
+    pruneLoadedIndexes(indexes, size) {
+        for (const index of Array.from(indexes)) {
+            if (index < 0 || index >= size) {
+                indexes.delete(index);
+            }
+        }
+    }
     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,
@@ -2719,7 +3834,7 @@ class PraxisTabs {
             route: this.route,
             requireComponentId: true,
         });
-        if (!key)
+        if (!key && options.warnMissingId !== false)
             this.warnMissingId();
         return key;
     }
@@ -2749,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
@@ -2764,10 +3881,16 @@ class PraxisTabs {
         return !this.isLazy() || this.navLoaded.has(index) || this.currentNavIndex() === index;
     }
     isEmptyGlobal() {
-        const hasTabs = !!(this.config?.tabs && this.config.tabs.length > 0);
-        const hasLinks = !!(this.config?.nav?.links && this.config.nav.links.length > 0);
+        const hasTabs = this.visibleTabEntries().length > 0;
+        const hasLinks = this.visibleNavLinkEntries().length > 0;
         return !(hasTabs || hasLinks);
     }
+    trackVisibleNavLink(index, entry) {
+        return entry.link.id || `${entry.link.label || 'nav-link'}:${entry.index ?? index}`;
+    }
+    trackVisibleTab(index, entry) {
+        return entry.tab.id || entry.tab.textLabel || `tab:${entry.index ?? index}`;
+    }
     trackNavLink(index, link) {
         return link.id || `${link.label || 'nav-link'}:${index}`;
     }
@@ -2777,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) {
@@ -2786,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 },
@@ -2951,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", 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'"
@@ -2969,9 +4162,51 @@ class PraxisTabs {
       <style *ngIf="styleCss() as s" [innerHTML]="s"></style>
 
       <div class="tabs-ai-assistant" *ngIf="enableCustomization">
-        <praxis-ai-assistant [adapter]="aiAdapter"></praxis-ai-assistant>
+        <button
+          mat-mini-fab
+          type="button"
+          color="primary"
+          class="tabs-ai-assistant-trigger"
+          (click)="openAiAssistant()"
+          matTooltip="Copiloto semantico Praxis"
+          aria-label="Abrir copiloto semantico Praxis das abas"
+          data-testid="praxis-tabs-ai-assistant-trigger"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
       </div>
 
+      <praxis-ai-assistant-shell
+        *ngIf="aiAssistantOpen && aiAssistantViewState"
+        [labels]="aiAssistantLabels"
+        [mode]="aiAssistantViewState.mode"
+        [state]="aiAssistantViewState.state"
+        [contextItems]="aiAssistantViewState.contextItems"
+        [attachments]="aiAssistantViewState.attachments"
+        [messages]="aiAssistantViewState.messages"
+        [quickReplies]="aiAssistantViewState.quickReplies"
+        [prompt]="aiAssistantPrompt"
+        [statusText]="aiAssistantViewState.statusText"
+        [errorText]="aiAssistantViewState.errorText"
+        [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+        [canApply]="aiAssistantViewState.canApply"
+        [layout]="aiAssistantLayout"
+        testIdPrefix="praxis-tabs-ai-assistant"
+        panelTestId="praxis-tabs-ai-assistant-panel"
+        submitTestId="praxis-tabs-ai-assistant-submit"
+        applyTestId="praxis-tabs-ai-assistant-apply"
+        (promptChange)="onAiAssistantPromptChange($event)"
+        (submitPrompt)="onAiAssistantSubmit($event)"
+        (apply)="onAiAssistantApply()"
+        (retryTurn)="onAiAssistantRetry()"
+        (cancelTurn)="onAiAssistantCancel()"
+        (quickReply)="onAiAssistantQuickReply($event)"
+        (editMessage)="onAiAssistantEditMessage($event)"
+        (resendMessage)="onAiAssistantResendMessage($event)"
+        (layoutChange)="onAiAssistantLayoutChange($event)"
+        (close)="closeAiAssistant()"
+      ></praxis-ai-assistant-shell>
+
       <!-- Empty state (global) -->
       <ng-container *ngIf="isEmptyGlobal(); else notEmpty">
         <praxis-empty-state-card
@@ -2995,13 +4230,13 @@ class PraxisTabs {
           cdkDropList
           cdkDropListOrientation="horizontal"
           [cdkDropListDisabled]="!config?.behavior?.reorderable"
-          (cdkDropListDropped)="onNavDrop($event)"
+          (cdkDropListDropped)="onVisibleNavDrop($event)"
           [disablePagination]="config?.nav?.disablePagination"
           [fitInkBarToContent]="config?.nav?.fitInkBarToContent"
           [mat-stretch-tabs]="config?.nav?.stretchTabs"
           [color]="config?.nav?.color"
           [backgroundColor]="config?.nav?.backgroundColor"
-          [selectedIndex]="currentNavIndex()"
+          [selectedIndex]="selectedVisibleNavIndex()"
           [attr.aria-label]="config?.nav?.ariaLabel || config?.group?.ariaLabel || null"
           [attr.aria-labelledby]="config?.nav?.ariaLabelledby || config?.group?.ariaLabelledby || null"
           [animationDuration]="effectiveAnimationDuration()"
@@ -3010,21 +4245,22 @@ class PraxisTabs {
         >
           <a
             mat-tab-link
-            *ngFor="let link of config?.nav?.links; let i = index; trackBy: trackNavLink"
+            *ngFor="let entry of visibleNavLinkEntries(); let i = index; trackBy: trackVisibleNavLink"
             cdkDrag
             [cdkDragDisabled]="!config?.behavior?.reorderable"
             cdkDragLockAxis="x"
-            [active]="getNavActive(i)"
-            [disabled]="link.disabled"
-            [disableRipple]="config?.nav?.disableRipple || link.disableRipple"
-            [fitInkBarToContent]="link.fitInkBarToContent || false"
-            [id]="link.id || ''"
-            (click)="onNavClick(i)"
+            [active]="getNavActive(entry.index)"
+            [disabled]="entry.link.disabled"
+            [disableRipple]="config?.nav?.disableRipple || entry.link.disableRipple"
+            [fitInkBarToContent]="entry.link.fitInkBarToContent || false"
+            [id]="entry.link.id || ''"
+            (click)="onNavClick(entry.index)"
           >
             <span *ngIf="config?.behavior?.reorderable" class="drag-handle" cdkDragHandle>
               <mat-icon fontIcon="drag_indicator"></mat-icon>
             </span>
-            {{ link.label }}
+            <mat-icon *ngIf="entry.link.icon" class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
+            {{ entry.link.label }}
           </a>
         </nav>
 
@@ -3033,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 || {}"
@@ -3074,7 +4310,7 @@ class PraxisTabs {
           [fitInkBarToContent]="config?.group?.fitInkBarToContent"
           [headerPosition]="config?.group?.headerPosition ?? 'above'"
           [preserveContent]="config?.group?.preserveContent"
-          [selectedIndex]="selectedIndexSignal()"
+          [selectedIndex]="selectedVisibleTabIndex()"
           [mat-stretch-tabs]="config?.group?.stretchTabs"
           [mat-align-tabs]="config?.group?.alignTabs || 'start'"
           [color]="config?.group?.color"
@@ -3084,26 +4320,27 @@ class PraxisTabs {
           [attr.aria-labelledby]="config?.group?.ariaLabelledby || null"
           (animationDone)="animationDone.emit()"
           (focusChange)="focusChange.emit($event)"
-          (selectedIndexChange)="onSelectedIndexChange($event)"
+          (selectedIndexChange)="onVisibleTabIndexChange($event)"
           (selectedTabChange)="selectedTabChange.emit($event)"
           class="praxis-tabs-group"
         >
           <mat-tab
-            *ngFor="let tab of config?.tabs; let i = index; trackBy: trackTab"
-            [disabled]="tab.disabled"
-            [labelClass]="tab.labelClass ?? ''"
-            [bodyClass]="tab.bodyClass ?? ''"
-            [id]="tab.id || ''"
-            [attr.aria-label]="tab.ariaLabel || null"
-            [attr.aria-labelledby]="tab.ariaLabelledby || null"
+            *ngFor="let entry of visibleTabEntries(); let i = index; trackBy: trackVisibleTab"
+            [disabled]="entry.tab.disabled"
+            [labelClass]="entry.tab.labelClass ?? ''"
+            [bodyClass]="entry.tab.bodyClass ?? ''"
+            [id]="entry.tab.id || ''"
+            [attr.aria-label]="entry.tab.ariaLabel || null"
+            [attr.aria-labelledby]="entry.tab.ariaLabelledby || null"
           >
             <ng-template mat-tab-label>
-              <span>{{ tab.textLabel }}</span>
+              <mat-icon *ngIf="entry.tab.icon" class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
+              <span>{{ entry.tab.textLabel }}</span>
               <button
                 *ngIf="config?.behavior?.closeable"
                 mat-icon-button
                 type="button"
-                (click)="closeTab(i); $event.stopPropagation()"
+                (click)="closeTab(entry.index); $event.stopPropagation()"
                 (keydown.enter)="$event.stopPropagation()"
                 (keydown.space)="$event.stopPropagation()"
                 [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
@@ -3114,10 +4351,10 @@ class PraxisTabs {
                 <button
                   mat-icon-button
                   type="button"
-                  (click)="moveTab(i, -1); $event.stopPropagation()"
+                  (click)="moveTab(entry.index, -1); $event.stopPropagation()"
                   (keydown.enter)="$event.stopPropagation()"
                   (keydown.space)="$event.stopPropagation()"
-                  [disabled]="i===0"
+                  [disabled]="entry.index===0"
                   [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
                 >
                   <mat-icon fontIcon="arrow_back"></mat-icon>
@@ -3125,10 +4362,10 @@ class PraxisTabs {
                 <button
                   mat-icon-button
                   type="button"
-                  (click)="moveTab(i, 1); $event.stopPropagation()"
+                  (click)="moveTab(entry.index, 1); $event.stopPropagation()"
                   (keydown.enter)="$event.stopPropagation()"
                   (keydown.space)="$event.stopPropagation()"
-                  [disabled]="i===(config?.tabs?.length||1)-1"
+                  [disabled]="entry.index===(config?.tabs?.length||1)-1"
                   [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
                 >
                   <mat-icon fontIcon="arrow_forward"></mat-icon>
@@ -3136,34 +4373,32 @@ class PraxisTabs {
               </ng-container>
             </ng-template>
 
-            <ng-template matTabContent>
-              <ng-container *ngIf="(tab.content?.length || tab.widgets?.length) && groupContentReady(i); else emptyTab">
-                <ng-container *ngIf="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]="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="tab.widgets?.length">
-                  <ng-container *ngFor="let w of tab.widgets; let wi = index; trackBy: trackWidgetDefinition">
-                    <ng-container
-                      [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
-                      [context]="context || {}"
-                      (widgetEvent)="emitWidgetEvent(tabEventPath(tab.id, i), $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>
@@ -3191,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}.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}: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: PraxisAiAssistantComponent, selector: "praxis-ai-assistant", inputs: ["adapter", "riskPolicy", "allowManualPatchEdit"] }], 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,
@@ -3207,7 +4442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         EmptyStateCardComponent,
                         DynamicFieldLoaderDirective,
                         DynamicWidgetLoaderDirective,
-                        PraxisAiAssistantComponent,
+                        PraxisAiAssistantShellComponent,
                     ], template: `
     <div
       class="praxis-tabs-root"
@@ -3225,9 +4460,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
       <style *ngIf="styleCss() as s" [innerHTML]="s"></style>
 
       <div class="tabs-ai-assistant" *ngIf="enableCustomization">
-        <praxis-ai-assistant [adapter]="aiAdapter"></praxis-ai-assistant>
+        <button
+          mat-mini-fab
+          type="button"
+          color="primary"
+          class="tabs-ai-assistant-trigger"
+          (click)="openAiAssistant()"
+          matTooltip="Copiloto semantico Praxis"
+          aria-label="Abrir copiloto semantico Praxis das abas"
+          data-testid="praxis-tabs-ai-assistant-trigger"
+        >
+          <mat-icon [praxisIcon]="'auto_awesome'"></mat-icon>
+        </button>
       </div>
 
+      <praxis-ai-assistant-shell
+        *ngIf="aiAssistantOpen && aiAssistantViewState"
+        [labels]="aiAssistantLabels"
+        [mode]="aiAssistantViewState.mode"
+        [state]="aiAssistantViewState.state"
+        [contextItems]="aiAssistantViewState.contextItems"
+        [attachments]="aiAssistantViewState.attachments"
+        [messages]="aiAssistantViewState.messages"
+        [quickReplies]="aiAssistantViewState.quickReplies"
+        [prompt]="aiAssistantPrompt"
+        [statusText]="aiAssistantViewState.statusText"
+        [errorText]="aiAssistantViewState.errorText"
+        [busy]="aiAssistantViewState.state === 'processing' || aiAssistantViewState.state === 'applying'"
+        [canApply]="aiAssistantViewState.canApply"
+        [layout]="aiAssistantLayout"
+        testIdPrefix="praxis-tabs-ai-assistant"
+        panelTestId="praxis-tabs-ai-assistant-panel"
+        submitTestId="praxis-tabs-ai-assistant-submit"
+        applyTestId="praxis-tabs-ai-assistant-apply"
+        (promptChange)="onAiAssistantPromptChange($event)"
+        (submitPrompt)="onAiAssistantSubmit($event)"
+        (apply)="onAiAssistantApply()"
+        (retryTurn)="onAiAssistantRetry()"
+        (cancelTurn)="onAiAssistantCancel()"
+        (quickReply)="onAiAssistantQuickReply($event)"
+        (editMessage)="onAiAssistantEditMessage($event)"
+        (resendMessage)="onAiAssistantResendMessage($event)"
+        (layoutChange)="onAiAssistantLayoutChange($event)"
+        (close)="closeAiAssistant()"
+      ></praxis-ai-assistant-shell>
+
       <!-- Empty state (global) -->
       <ng-container *ngIf="isEmptyGlobal(); else notEmpty">
         <praxis-empty-state-card
@@ -3251,13 +4528,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           cdkDropList
           cdkDropListOrientation="horizontal"
           [cdkDropListDisabled]="!config?.behavior?.reorderable"
-          (cdkDropListDropped)="onNavDrop($event)"
+          (cdkDropListDropped)="onVisibleNavDrop($event)"
           [disablePagination]="config?.nav?.disablePagination"
           [fitInkBarToContent]="config?.nav?.fitInkBarToContent"
           [mat-stretch-tabs]="config?.nav?.stretchTabs"
           [color]="config?.nav?.color"
           [backgroundColor]="config?.nav?.backgroundColor"
-          [selectedIndex]="currentNavIndex()"
+          [selectedIndex]="selectedVisibleNavIndex()"
           [attr.aria-label]="config?.nav?.ariaLabel || config?.group?.ariaLabel || null"
           [attr.aria-labelledby]="config?.nav?.ariaLabelledby || config?.group?.ariaLabelledby || null"
           [animationDuration]="effectiveAnimationDuration()"
@@ -3266,21 +4543,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         >
           <a
             mat-tab-link
-            *ngFor="let link of config?.nav?.links; let i = index; trackBy: trackNavLink"
+            *ngFor="let entry of visibleNavLinkEntries(); let i = index; trackBy: trackVisibleNavLink"
             cdkDrag
             [cdkDragDisabled]="!config?.behavior?.reorderable"
             cdkDragLockAxis="x"
-            [active]="getNavActive(i)"
-            [disabled]="link.disabled"
-            [disableRipple]="config?.nav?.disableRipple || link.disableRipple"
-            [fitInkBarToContent]="link.fitInkBarToContent || false"
-            [id]="link.id || ''"
-            (click)="onNavClick(i)"
+            [active]="getNavActive(entry.index)"
+            [disabled]="entry.link.disabled"
+            [disableRipple]="config?.nav?.disableRipple || entry.link.disableRipple"
+            [fitInkBarToContent]="entry.link.fitInkBarToContent || false"
+            [id]="entry.link.id || ''"
+            (click)="onNavClick(entry.index)"
           >
             <span *ngIf="config?.behavior?.reorderable" class="drag-handle" cdkDragHandle>
               <mat-icon fontIcon="drag_indicator"></mat-icon>
             </span>
-            {{ link.label }}
+            <mat-icon *ngIf="entry.link.icon" class="tab-label-icon" [praxisIcon]="entry.link.icon"></mat-icon>
+            {{ entry.link.label }}
           </a>
         </nav>
 
@@ -3289,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 || {}"
@@ -3330,7 +4608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [fitInkBarToContent]="config?.group?.fitInkBarToContent"
           [headerPosition]="config?.group?.headerPosition ?? 'above'"
           [preserveContent]="config?.group?.preserveContent"
-          [selectedIndex]="selectedIndexSignal()"
+          [selectedIndex]="selectedVisibleTabIndex()"
           [mat-stretch-tabs]="config?.group?.stretchTabs"
           [mat-align-tabs]="config?.group?.alignTabs || 'start'"
           [color]="config?.group?.color"
@@ -3340,26 +4618,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           [attr.aria-labelledby]="config?.group?.ariaLabelledby || null"
           (animationDone)="animationDone.emit()"
           (focusChange)="focusChange.emit($event)"
-          (selectedIndexChange)="onSelectedIndexChange($event)"
+          (selectedIndexChange)="onVisibleTabIndexChange($event)"
           (selectedTabChange)="selectedTabChange.emit($event)"
           class="praxis-tabs-group"
         >
           <mat-tab
-            *ngFor="let tab of config?.tabs; let i = index; trackBy: trackTab"
-            [disabled]="tab.disabled"
-            [labelClass]="tab.labelClass ?? ''"
-            [bodyClass]="tab.bodyClass ?? ''"
-            [id]="tab.id || ''"
-            [attr.aria-label]="tab.ariaLabel || null"
-            [attr.aria-labelledby]="tab.ariaLabelledby || null"
+            *ngFor="let entry of visibleTabEntries(); let i = index; trackBy: trackVisibleTab"
+            [disabled]="entry.tab.disabled"
+            [labelClass]="entry.tab.labelClass ?? ''"
+            [bodyClass]="entry.tab.bodyClass ?? ''"
+            [id]="entry.tab.id || ''"
+            [attr.aria-label]="entry.tab.ariaLabel || null"
+            [attr.aria-labelledby]="entry.tab.ariaLabelledby || null"
           >
             <ng-template mat-tab-label>
-              <span>{{ tab.textLabel }}</span>
+              <mat-icon *ngIf="entry.tab.icon" class="tab-label-icon" [praxisIcon]="entry.tab.icon"></mat-icon>
+              <span>{{ entry.tab.textLabel }}</span>
               <button
                 *ngIf="config?.behavior?.closeable"
                 mat-icon-button
                 type="button"
-                (click)="closeTab(i); $event.stopPropagation()"
+                (click)="closeTab(entry.index); $event.stopPropagation()"
                 (keydown.enter)="$event.stopPropagation()"
                 (keydown.space)="$event.stopPropagation()"
                 [attr.aria-label]="t('chrome.closeTab', 'Fechar aba')"
@@ -3370,10 +4649,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 <button
                   mat-icon-button
                   type="button"
-                  (click)="moveTab(i, -1); $event.stopPropagation()"
+                  (click)="moveTab(entry.index, -1); $event.stopPropagation()"
                   (keydown.enter)="$event.stopPropagation()"
                   (keydown.space)="$event.stopPropagation()"
-                  [disabled]="i===0"
+                  [disabled]="entry.index===0"
                   [attr.aria-label]="t('chrome.moveTabLeft', 'Mover aba para esquerda')"
                 >
                   <mat-icon fontIcon="arrow_back"></mat-icon>
@@ -3381,10 +4660,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 <button
                   mat-icon-button
                   type="button"
-                  (click)="moveTab(i, 1); $event.stopPropagation()"
+                  (click)="moveTab(entry.index, 1); $event.stopPropagation()"
                   (keydown.enter)="$event.stopPropagation()"
                   (keydown.space)="$event.stopPropagation()"
-                  [disabled]="i===(config?.tabs?.length||1)-1"
+                  [disabled]="entry.index===(config?.tabs?.length||1)-1"
                   [attr.aria-label]="t('chrome.moveTabRight', 'Mover aba para direita')"
                 >
                   <mat-icon fontIcon="arrow_forward"></mat-icon>
@@ -3392,34 +4671,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
               </ng-container>
             </ng-template>
 
-            <ng-template matTabContent>
-              <ng-container *ngIf="(tab.content?.length || tab.widgets?.length) && groupContentReady(i); else emptyTab">
-                <ng-container *ngIf="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]="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="tab.widgets?.length">
-                  <ng-container *ngFor="let w of tab.widgets; let wi = index; trackBy: trackWidgetDefinition">
-                    <ng-container
-                      [dynamicWidgetLoader]="resolveWidgetDefinition(w)"
-                      [context]="context || {}"
-                      (widgetEvent)="emitWidgetEvent(tabEventPath(tab.id, i), $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>
@@ -3447,7 +4724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         <mat-icon [praxisIcon]="'restart_alt'"></mat-icon>
       </button>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, 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}.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}: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"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], tabsId: [{
@@ -3455,6 +4732,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: [{ required: true }]
             }], componentInstanceId: [{
                 type: Input
+            }], configPersistenceStrategy: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
             }], enableCustomization: [{
                 type: Input
             }], form: [{
@@ -3473,10 +4754,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], selectFocusedIndex: [{
                 type: Output
+            }], configChange: [{
+                type: Output
             }], widgetEvent: [{
                 type: Output
             }] } });
 
+class PraxisTabsWidgetConfigEditor {
+    set inputs(value) {
+        this._inputs = value;
+        this.editorDocument = this.createDocument();
+    }
+    get inputs() {
+        return this._inputs;
+    }
+    set widgetKey(value) {
+        this._widgetKey = value;
+        this.editorDocument = this.createDocument();
+    }
+    get widgetKey() {
+        return this._widgetKey;
+    }
+    tabsEditor;
+    isDirty$ = new BehaviorSubject(false);
+    isValid$ = new BehaviorSubject(true);
+    isBusy$ = new BehaviorSubject(false);
+    subscription = new Subscription();
+    emptyConfig = {};
+    _inputs = null;
+    _widgetKey;
+    editorDocument = this.createDocument();
+    get config() {
+        return this.inputs?.config ?? this.emptyConfig;
+    }
+    get tabsId() {
+        return this.inputs?.tabsId ?? this.widgetKey;
+    }
+    get componentInstanceId() {
+        return this.inputs?.componentInstanceId ?? undefined;
+    }
+    ngAfterViewInit() {
+        if (!this.tabsEditor) {
+            return;
+        }
+        this.subscription.add(this.tabsEditor.isDirty$.subscribe((value) => this.isDirty$.next(value)));
+        this.subscription.add(this.tabsEditor.isValid$.subscribe((value) => this.isValid$.next(value)));
+        this.subscription.add(this.tabsEditor.isBusy$.subscribe((value) => this.isBusy$.next(value)));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    getSettingsValue() {
+        return this.buildValue(this.tabsEditor?.getSettingsValue());
+    }
+    onSave() {
+        return this.buildValue(this.tabsEditor?.onSave?.() ?? this.tabsEditor?.getSettingsValue());
+    }
+    reset() {
+        this.tabsEditor?.reset();
+    }
+    buildValue(document) {
+        const bindings = document?.bindings ?? {};
+        return {
+            inputs: {
+                ...(this.inputs ?? {}),
+                config: document?.config ?? this.config,
+                ...(bindings.tabsId ? { tabsId: bindings.tabsId } : this.tabsId ? { tabsId: this.tabsId } : {}),
+                ...(bindings.componentInstanceId ? { componentInstanceId: bindings.componentInstanceId } : {}),
+            },
+        };
+    }
+    createDocument() {
+        return createTabsAuthoringDocument({
+            config: this.config,
+            bindings: {
+                tabsId: this.tabsId,
+                componentInstanceId: this.componentInstanceId,
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTabsWidgetConfigEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisTabsWidgetConfigEditor, isStandalone: true, selector: "praxis-tabs-widget-config-editor", inputs: { inputs: "inputs", widgetKey: "widgetKey" }, viewQueries: [{ propertyName: "tabsEditor", first: true, predicate: ["tabsEditor"], descendants: true }], ngImport: i0, template: `
+    <section data-testid="tabs-widget-config-editor">
+      <praxis-tabs-config-editor #tabsEditor [document]="editorDocument" />
+    </section>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PraxisTabsConfigEditor, selector: "praxis-tabs-config-editor", inputs: ["document"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisTabsWidgetConfigEditor, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'praxis-tabs-widget-config-editor',
+                    standalone: true,
+                    imports: [CommonModule, PraxisTabsConfigEditor],
+                    template: `
+    <section data-testid="tabs-widget-config-editor">
+      <praxis-tabs-config-editor #tabsEditor [document]="editorDocument" />
+    </section>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { inputs: [{
+                type: Input
+            }], widgetKey: [{
+                type: Input
+            }], tabsEditor: [{
+                type: ViewChild,
+                args: ['tabsEditor']
+            }] } });
+
 const PRAXIS_TABS_PORTS = [
     {
         id: 'context',
@@ -3504,6 +4889,19 @@ const PRAXIS_TABS_PORTS = [
         description: 'Fragmento canonico de configuracao das tabs/nav e dos widgets internos.',
         exposure: { public: true, group: 'config' },
     },
+    {
+        id: 'selectedIndex',
+        label: 'Indice selecionado',
+        direction: 'input',
+        semanticKind: 'value',
+        schema: {
+            id: 'number',
+            kind: 'ts-type',
+            ref: 'number',
+        },
+        description: 'Indice ativo de abas/nav para controle externo por composicao.',
+        exposure: { public: true, group: 'state' },
+    },
     {
         id: 'selectedIndexChange',
         label: 'Troca de indice selecionado',
@@ -3518,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',
@@ -3540,6 +4952,14 @@ const PRAXIS_TABS_COMPONENT_METADATA = {
     friendlyName: 'Praxis Tabs',
     description: 'Abas dinâmicas baseadas em metadata, com MatTabGroup/TabNav e suporte a tokens M3 via appearance.',
     icon: 'tab',
+    authoringManifestRef: {
+        componentId: 'praxis-tabs',
+        source: 'PRAXIS_TABS_AUTHORING_MANIFEST',
+    },
+    configEditor: {
+        component: PraxisTabsWidgetConfigEditor,
+        title: 'Configure tabs',
+    },
     inputs: [
         { name: 'config', type: 'TabsMetadata', label: 'Configuração', description: 'Configuração JSON (tabs/nav, aparência e widgets internos)' },
         {
@@ -3554,6 +4974,19 @@ 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',
+            label: 'Indice selecionado',
+            description: 'Indice ativo de abas/nav controlavel externamente pela composicao',
+        },
         {
             name: 'enableCustomization',
             type: 'boolean',
@@ -3576,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' },
@@ -3675,6 +5114,349 @@ function providePraxisTabsMetadata() {
     };
 }
 
+const tabItemSchema = {
+    type: 'object',
+    required: ['id', 'textLabel'],
+    properties: {
+        id: { type: 'string' },
+        textLabel: { type: 'string' },
+        icon: { type: 'string' },
+        disabled: { type: 'boolean' },
+        visible: { type: 'boolean', default: true },
+        content: { type: 'array', items: { type: 'object' } },
+        widgets: { type: 'array', items: { type: 'object' } },
+    },
+};
+const tabPatchSchema = {
+    type: 'object',
+    minProperties: 1,
+    properties: {
+        id: { type: 'string' },
+        textLabel: { type: 'string' },
+        icon: { type: 'string' },
+        disabled: { type: 'boolean' },
+        visible: { type: 'boolean' },
+        content: { type: 'array', items: { type: 'object' } },
+        widgets: { type: 'array', items: { type: 'object' } },
+    },
+};
+const PRAXIS_TABS_AUTHORING_MANIFEST = {
+    schemaVersion: '1.0.0',
+    componentId: 'praxis-tabs',
+    ownerPackage: '@praxisui/tabs',
+    configSchemaId: 'TabsMetadata',
+    manifestVersion: '1.0.0',
+    runtimeInputs: [
+        { 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.' },
+    ],
+    editableTargets: [
+        { kind: 'tab', resolver: 'tab-by-id-or-label', description: 'A group-mode tab in config.tabs[].' },
+        { kind: 'tabLabel', resolver: 'tab-by-id-or-label', description: 'The text label of a group-mode tab.' },
+        { kind: 'tabIcon', resolver: 'tab-by-id-or-label', description: 'Icon metadata rendered in a group tab label.' },
+        { kind: 'tabContent', resolver: 'tab-or-link-by-id', description: 'Dynamic fields or widgets hosted by a tab or nav link.' },
+        { kind: 'activeTab', resolver: 'tab-index-or-id', description: 'Selected tab or nav link index.' },
+        { kind: 'visibility', resolver: 'tab-or-link-by-id', description: 'Runtime visibility flag for a group tab or nav link.' },
+        { kind: 'disabledState', resolver: 'tab-or-link-by-id', description: 'Disabled state of a tab or nav link.' },
+        { kind: 'layout', resolver: 'tabs-layout-config', description: 'Group/nav mode, header position, density, stretch and behavior settings.' },
+    ],
+    operations: [
+        {
+            operationId: 'tab.add',
+            title: 'Add tab',
+            scope: 'global',
+            targetKind: 'tab',
+            target: { kind: 'tab', resolver: 'tabs-array', ambiguityPolicy: 'fail', required: false },
+            inputSchema: tabItemSchema,
+            effects: [{ kind: 'append-unique', path: 'tabs[]', key: 'id' }],
+            validators: ['tab-id-unique', 'tabs-mode-compatible', 'tab-content-valid'],
+            destructive: false,
+            requiresConfirmation: false,
+            affectedPaths: ['tabs[]'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized'],
+        },
+        {
+            operationId: 'tab.remove',
+            title: 'Remove tab',
+            scope: 'layout',
+            targetKind: 'tab',
+            target: { kind: 'tab', resolver: 'tab-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                properties: {
+                    replacementActiveTabId: { type: 'string' },
+                },
+            },
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.remove-tab-and-reselect',
+                    handlerContract: {
+                        reads: ['tabs[]', 'group.selectedIndex'],
+                        writes: ['tabs[]', 'group.selectedIndex'],
+                        identityKeys: ['tabs[].id'],
+                        inputSchema: {
+                            type: 'object',
+                            properties: { replacementActiveTabId: { type: 'string' } },
+                        },
+                        failureModes: ['target-tab-missing', 'replacement-tab-missing', 'confirmation-missing'],
+                        description: 'Removes the target tab by stable id and reselects a safe replacement when the active/default tab is removed.',
+                    },
+                },
+            ],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['tab-exists', 'active-tab-removal-safe', 'tab-content-removal-confirmed'],
+            affectedPaths: ['tabs[]', 'group.selectedIndex'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-exists', 'confirmation-collected'],
+        },
+        {
+            operationId: 'tab.label.set',
+            title: 'Set tab label',
+            scope: 'layout',
+            targetKind: 'tabLabel',
+            target: { kind: 'tabLabel', resolver: 'tab-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['textLabel'], properties: { textLabel: { type: 'string' } } },
+            effects: [{ kind: 'merge-by-key', path: 'tabs[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-exists', 'tab-label-valid'],
+            affectedPaths: ['tabs[].textLabel'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-exists'],
+        },
+        {
+            operationId: 'tab.icon.set',
+            title: 'Set tab icon',
+            scope: 'layout',
+            targetKind: 'tabIcon',
+            target: { kind: 'tabIcon', resolver: 'tab-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['icon'], properties: { icon: { type: 'string' } } },
+            effects: [{ kind: 'merge-by-key', path: 'tabs[]', key: 'id' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-exists', 'tab-icon-valid'],
+            affectedPaths: ['tabs[].icon'],
+            submissionImpact: 'visual-only',
+            preconditions: ['config-initialized', 'target-tab-exists'],
+        },
+        {
+            operationId: 'tab.order.set',
+            title: 'Reorder tabs',
+            scope: 'layout',
+            targetKind: 'tab',
+            target: { kind: 'tab', resolver: 'tab-by-id-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['beforeTabId'], properties: { beforeTabId: { type: 'string' } } },
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.reorder-tab-and-preserve-selection',
+                    handlerContract: {
+                        reads: ['tabs[]', 'group.selectedIndex'],
+                        writes: ['tabs[]', 'group.selectedIndex'],
+                        identityKeys: ['tabs[].id'],
+                        inputSchema: { type: 'object', required: ['beforeTabId'], properties: { beforeTabId: { type: 'string' } } },
+                        failureModes: ['target-tab-missing', 'before-tab-missing', 'unstable-tab-id'],
+                        description: 'Reorders tabs by stable id and remaps group.selectedIndex when the selected tab crosses positions.',
+                    },
+                },
+            ],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-exists', 'tab-order-deterministic'],
+            affectedPaths: ['tabs[]', 'group.selectedIndex'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-exists'],
+        },
+        {
+            operationId: 'tab.disabled.set',
+            title: 'Set tab disabled state',
+            scope: 'interaction',
+            targetKind: 'disabledState',
+            target: { kind: 'disabledState', resolver: 'tab-or-link-by-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['disabled'], properties: { disabled: { type: 'boolean' } } },
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.set-tab-or-link-disabled',
+                    handlerContract: {
+                        reads: ['tabs[]', 'nav.links[]', 'group.selectedIndex', 'nav.selectedIndex'],
+                        writes: ['tabs[].disabled', 'nav.links[].disabled'],
+                        identityKeys: ['tabs[].id', 'nav.links[].id'],
+                        inputSchema: { type: 'object', required: ['disabled'], properties: { disabled: { type: 'boolean' } } },
+                        failureModes: ['target-tab-or-link-missing', 'ambiguous-target', 'active-item-disabled-without-reselection'],
+                        description: 'Sets disabled on the resolved group tab or nav link without guessing between modes.',
+                    },
+                },
+            ],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-or-link-exists', 'active-tab-disabled-safe'],
+            affectedPaths: ['tabs[].disabled', 'nav.links[].disabled'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-or-link-exists'],
+        },
+        {
+            operationId: 'tab.visible.set',
+            title: 'Set tab visibility',
+            scope: 'interaction',
+            targetKind: 'visibility',
+            target: { kind: 'visibility', resolver: 'tab-or-link-by-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['visible'], properties: { visible: { type: 'boolean' } } },
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.set-tab-or-link-visible',
+                    handlerContract: {
+                        reads: ['tabs[]', 'nav.links[]', 'group.selectedIndex', 'nav.selectedIndex'],
+                        writes: ['tabs[].visible', 'nav.links[].visible'],
+                        identityKeys: ['tabs[].id', 'nav.links[].id'],
+                        inputSchema: { type: 'object', required: ['visible'], properties: { visible: { type: 'boolean' } } },
+                        failureModes: ['target-tab-or-link-missing', 'ambiguous-target', 'active-item-hidden-without-reselection'],
+                        description: 'Sets visible on the resolved group tab or nav link and preserves deterministic visible-index mapping.',
+                    },
+                },
+            ],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-or-link-exists', 'active-tab-visibility-safe'],
+            affectedPaths: ['tabs[].visible', 'nav.links[].visible'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-or-link-exists'],
+        },
+        {
+            operationId: 'tab.active.set',
+            title: 'Set active tab',
+            scope: 'interaction',
+            targetKind: 'activeTab',
+            target: { kind: 'activeTab', resolver: 'tab-index-or-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', required: ['selectedIndex'], properties: { selectedIndex: { type: 'number' }, tabId: { type: 'string' } } },
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.set-active-item',
+                    handlerContract: {
+                        reads: ['tabs[]', 'nav.links[]', 'group.selectedIndex', 'nav.selectedIndex'],
+                        writes: ['group.selectedIndex', 'nav.selectedIndex'],
+                        identityKeys: ['tabs[].id', 'nav.links[].id'],
+                        inputSchema: { type: 'object', required: ['selectedIndex'], properties: { selectedIndex: { type: 'number' }, tabId: { type: 'string' } } },
+                        failureModes: ['target-tab-or-link-missing', 'selected-index-out-of-range', 'hidden-or-disabled-target'],
+                        description: 'Sets the active index for the current primary mode using either selectedIndex or a resolved tab/link id.',
+                    },
+                },
+            ],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['active-tab-exists', 'selected-index-in-range'],
+            affectedPaths: ['group.selectedIndex', 'nav.selectedIndex'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-or-link-exists'],
+        },
+        {
+            operationId: 'layout.variant.set',
+            title: 'Set tabs layout variant',
+            scope: 'layout',
+            targetKind: 'layout',
+            target: { kind: 'layout', resolver: 'tabs-layout-config', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['mode'],
+                properties: {
+                    mode: { enum: ['group', 'nav'] },
+                    density: { enum: ['compact', 'comfortable', 'spacious'] },
+                    headerPosition: { enum: ['above', 'below'] },
+                    alignTabs: { enum: ['start', 'center', 'end'] },
+                    stretchTabs: { type: 'boolean' },
+                    lazyLoad: { type: 'boolean' },
+                },
+            },
+            effects: [{ kind: 'merge-object', path: 'appearance' }, { kind: 'merge-object', path: 'group' }, { kind: 'merge-object', path: 'nav' }, { kind: 'merge-object', path: 'behavior' }],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tabs-mode-compatible', 'layout-values-valid', 'editor-runtime-round-trip'],
+            affectedPaths: ['appearance.density', 'group.headerPosition', 'group.alignTabs', 'group.stretchTabs', 'nav.stretchTabs', 'behavior.lazyLoad'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized'],
+        },
+        {
+            operationId: 'tab.content.set',
+            title: 'Set tab content',
+            scope: 'layout',
+            targetKind: 'tabContent',
+            target: { kind: 'tabContent', resolver: 'tab-or-link-by-id', ambiguityPolicy: 'fail', required: true },
+            inputSchema: tabPatchSchema,
+            effects: [
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'tabs.set-tab-or-link-content',
+                    handlerContract: {
+                        reads: ['tabs[]', 'nav.links[]'],
+                        writes: ['tabs[].content', 'tabs[].widgets', 'nav.links[].content', 'nav.links[].widgets'],
+                        identityKeys: ['tabs[].id', 'nav.links[].id'],
+                        inputSchema: tabPatchSchema,
+                        failureModes: ['target-tab-or-link-missing', 'invalid-dynamic-field-content', 'invalid-widget-definition'],
+                        description: 'Updates content/widgets only on the resolved group tab or nav link while preserving nested widget identity.',
+                    },
+                },
+            ],
+            destructive: false,
+            requiresConfirmation: false,
+            validators: ['tab-or-link-exists', 'tab-content-valid', 'widget-event-delegated'],
+            affectedPaths: ['tabs[].content', 'tabs[].widgets', 'nav.links[].content', 'nav.links[].widgets'],
+            submissionImpact: 'config-only',
+            preconditions: ['config-initialized', 'target-tab-or-link-exists'],
+        },
+    ],
+    validators: [
+        { validatorId: 'tab-id-unique', level: 'error', code: 'PTABS001', description: 'Tab ids and nav link ids must be unique within their mode.' },
+        { validatorId: 'tab-exists', level: 'error', code: 'PTABS002', description: 'Target tab must exist before applying the operation.' },
+        { validatorId: 'tab-or-link-exists', level: 'error', code: 'PTABS003', description: 'Target must resolve to an existing group tab or nav link.' },
+        { validatorId: 'active-tab-exists', level: 'error', code: 'PTABS004', description: 'Active tab or nav link selection must reference an existing item.' },
+        { validatorId: 'selected-index-in-range', level: 'error', code: 'PTABS005', description: 'Selected index must be clamped to the target mode item count.' },
+        { validatorId: 'active-tab-removal-safe', level: 'error', code: 'PTABS006', description: 'Removing the active/default tab requires confirmation or a replacement active tab.' },
+        { validatorId: 'tab-content-removal-confirmed', level: 'error', code: 'PTABS007', description: 'Removing a tab or link with content/widgets is destructive and requires confirmation.' },
+        { validatorId: 'tab-label-valid', level: 'error', code: 'PTABS008', description: 'Tab labels must be non-empty text values after localization/domain projection.' },
+        { validatorId: 'tab-icon-valid', level: 'warning', code: 'PTABS009', description: 'Tab icon metadata must remain compatible with the icon directive and editor round-trip.' },
+        { validatorId: 'tab-order-deterministic', level: 'error', code: 'PTABS010', description: 'Tab ordering must use stable ids, not transient array index as identity.' },
+        { validatorId: 'tabs-mode-compatible', level: 'error', code: 'PTABS011', description: 'Authoring must resolve to one primary mode: group tabs or nav links.' },
+        { validatorId: 'layout-values-valid', level: 'error', code: 'PTABS012', description: 'Layout values must match TabsMetadata enums and runtime bindings.' },
+        { validatorId: 'editor-runtime-round-trip', level: 'error', code: 'PTABS013', description: 'Settings Panel, quick setup, JSON editor and runtime must preserve ids, order and selected index.' },
+        { validatorId: 'active-tab-disabled-safe', level: 'warning', code: 'PTABS014', description: 'Disabling the active item should move selection or request explicit confirmation.' },
+        { validatorId: 'active-tab-visibility-safe', level: 'warning', code: 'PTABS015', description: 'Hiding the active item should move selection or request explicit confirmation.' },
+        { validatorId: 'tab-content-valid', level: 'error', code: 'PTABS016', description: 'Tab content must be valid DynamicFieldMetadata[] or WidgetDefinition[] and preserve nested widget identity.' },
+        { validatorId: 'widget-event-delegated', level: 'info', code: 'PTABS017', description: 'Nested widget event paths remain delegated to the tabs runtime contract and are not redefined by authoring.' },
+    ],
+    roundTripRequirements: [
+        'Operations must preserve stable tab/link ids; array index may be used only as a resolver fallback, never as canonical identity.',
+        'Settings Panel, quick setup and JSON editor must round-trip through TabsAuthoringDocument without losing config or bindings.',
+        'Group and nav modes must remain mutually explicit; authoring cannot silently mix config.tabs and nav.links as competing primary modes.',
+        'Nested widget events remain delegated through widgetEvent path enrichment and component-port nestedPath semantics.',
+    ],
+    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 },
+    ],
+};
+
 /*
  * Public API Surface of praxis-tabs
  */
@@ -3683,4 +5465,4 @@ function providePraxisTabsMetadata() {
  * Generated bundle index. Do not edit.
  */
 
-export { PRAXIS_TABS_COMPONENT_METADATA, PRAXIS_TABS_I18N_CONFIG, PRAXIS_TABS_I18N_NAMESPACE, PraxisTabs, PraxisTabsConfigEditor, TABS_AI_CAPABILITIES, buildTabsApplyPlan, createPraxisTabsI18nConfig, createTabsAuthoringDocument, normalizeTabsAuthoringDocument, providePraxisTabsI18n, providePraxisTabsMetadata, serializeTabsAuthoringDocument, toCanonicalTabsConfig, validateTabsAuthoringDocument };
+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 };