@praxisui/ai 8.0.0-beta.0 → 8.0.0-beta.2

package/fesm2022/praxisui-ai.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, InjectionToken, Optional, Inject, inject, ChangeDetectorRef, ElementRef, ViewChild, Input, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Injectable, InjectionToken, Optional, Inject, inject, ChangeDetectorRef, ElementRef, ViewChild, Input, ChangeDetectionStrategy, EventEmitter, Output } from '@angular/core';
 import { SchemaType, GoogleGenerativeAI } from '@google/generative-ai';
-import { throwError, from, Observable, of, firstValueFrom } from 'rxjs';
+import { throwError, from, Observable, of, BehaviorSubject, tap, map as map$1, isObservable, firstValueFrom } from 'rxjs';
 import { map, catchError, filter, take } from 'rxjs/operators';
 import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import * as i3 from '@angular/common';
@@ -60,6 +60,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Models for Praxis AI (Centralized)
  */
 
+/**
+ * Generated from praxis-config-starter/docs/ai/contracts/praxis-ai-api-contract-v1.1.openapi.yaml.
+ * Do not edit manually. Run praxis-config-starter/tools/contracts/generate-ai-contract-bindings.js.
+ */
+const AI_CONTRACT_VERSION = 'v1.1';
+const AI_CONTRACT_SCHEMA_HASH = '922e6d48637e64b403562d6d7cb833ed4942ffb0b452ec3573255871f4ec8739';
+const AI_STREAM_EVENT_SCHEMA_VERSION = 'v1';
+const AI_STREAM_EVENT_TYPES = ['status', 'thought.step', 'heartbeat', 'result', 'error', 'cancelled'];
+
 /**
  * Base implementation for AI Adapters.
  * Provides common validation logic against the Capabilities Catalog.
@@ -78,6 +87,12 @@ class BaseAiAdapter {
     getRuntimeState() {
         return {};
     }
+    getAuthoringContext() {
+        return null;
+    }
+    compileAiResponse(_response) {
+        return null;
+    }
     /**
      * Helper to validate a patch against the capabilities catalog.
      * Removes keys that are not in the allowed paths.
@@ -308,15 +323,30 @@ PEDIDO DO USUÁRIO: "{{USER_INPUT}}"
 
 INSTRUÇÕES:
 1. Analise a Configuração Atual e o Pedido.
-2. Gere um JSON Patch parcial que satisfaça o pedido, usando SOMENTE chaves listadas em CAPABILITIES PERMITIDAS.
-3. O patch será aplicado via "Smart Merge".
+2. Para tabelas, quando o pedido for formatar, renomear cabecalho, mostrar/ocultar coluna, mapear valores, criar badge simples, criar badges condicionais, criar regra visual condicional ou criar coluna calculada e a capability permitida for "columns[].format", "columns[].header", "columns[].visible", "columns[].valueMapping", "columns[].renderer.badge", "columns[].conditionalRenderers[].renderer.badge", "columns[].conditionalStyles[].condition" ou "columns[].computed.expression", prefira gerar um plano declarativo em "componentEditPlan" em vez de editar JSON livremente.
+   - Use kind "praxis.table.component-edit-plan".
+   - Use version "1.0".
+   - Use componentId "praxis-table".
+   - Use changeKind "set_column_format", "set_column_header", "set_column_visibility", "set_column_value_mapping", "set_column_badge_renderer", "set_column_conditional_badge_renderers", "set_column_conditional_style" ou "set_column_computed".
+   - Use capabilityPath "columns[].format", "columns[].header", "columns[].visible", "columns[].valueMapping", "columns[].renderer.badge", "columns[].conditionalRenderers[].renderer.badge", "columns[].conditionalStyles[].condition" ou "columns[].computed.expression".
+   - Quando o pedido exigir mais de uma alteracao, use kind "praxis.table.component-edit-plan.batch" com operations contendo planos unitarios nessa mesma estrutura. Nao misture batch declarativo com patch livre para a mesma intencao.
+   - Use field com o nome tecnico da coluna.
+   - Use value com um formato permitido pelo catalogo, por exemplo "BRL|symbol|2" ou "dd/MM/yyyy", com o novo cabecalho em string, ou com boolean para visibilidade.
+   - Para "set_column_value_mapping", use value como objeto simples de chave crua para rotulo final. Exemplo: { "true": "Ativo", "false": "Inativo" }.
+   - Para "set_column_badge_renderer", use value como objeto com text ou textField, color opcional, variant "filled", "outlined" ou "soft", e icon opcional. Exemplo: { "text": "Ativo", "color": "success", "variant": "filled", "icon": "check_circle" }. Para regras diferentes por valor, prefira conditionalRenderers/conditionalStyles em vez de um badge fixo.
+   - Para "set_column_conditional_badge_renderers", use value como array ou { "rules": [...] }. Cada regra exige condition em JSON Logic canonico e badge com text/textField. Exemplo: [{ "condition": { "===": [{ "var": "ativo" }, true] }, "badge": { "text": "Ativo", "color": "success", "variant": "filled" } }, { "condition": { "===": [{ "var": "ativo" }, false] }, "badge": { "text": "Inativo", "color": "warn", "variant": "filled" } }].
+   - Para "set_column_conditional_style", use value como objeto com condition em JSON Logic canonico e cssClass ou style. Exemplo: { "condition": { ">": [{ "var": "salarioLiquido" }, 10000] }, "style": { "fontWeight": "700" } }.
+   - Para "set_column_computed", use value como objeto com expression em JSON Logic canonico, outputType, format, dependencies e header opcionais. Exemplo: { "expression": { "*": [{ "var": "salario" }, 0.1] }, "outputType": "currency", "format": "BRL|symbol|2", "dependencies": ["salario"], "header": "Bonus" }. Nao use formulas em string, JS ou eval.
+3. Para os demais casos, gere um JSON Patch parcial que satisfaça o pedido, usando SOMENTE chaves listadas em CAPABILITIES PERMITIDAS.
+4. O patch será aplicado via "Smart Merge".
    - Arrays (ex: columns): Use a chave de identidade (ex: "field") para atualizar itens existentes.
    - Exemplo: { "columns": [{ "field": "status", "header": "Estado" }] } (Atualiza header da col status).
    - NÃO use índices numéricos ou JSON Pointer.
-4. Valide se seu JSON Logic segue as regras do contrato canônico.
+5. Valide se seu JSON Logic segue as regras do contrato canônico.
 
 SAÍDA ESPERADA (JSON):
 {
+  "componentEditPlan": { ... }, // preferido para edicoes declarativas de coluna de tabela
   "patch": { ... },
   "explanation": "Resumo curto do que foi feito."
 }
@@ -643,15 +673,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [PRAXIS_AI_CONFIG_SOURCE]
                 }] }] });
 
-/**
- * Generated from praxis-config-starter/docs/ai/contracts/praxis-ai-api-contract-v1.1.openapi.yaml.
- * Do not edit manually. Run praxis-config-starter/tools/contracts/generate-ai-contract-bindings.js.
- */
-const AI_CONTRACT_VERSION = 'v1.1';
-const AI_CONTRACT_SCHEMA_HASH = '51b7901f1df633d89fc019a2e41f675cc5b87b135dfc8335aa96e53205034b26';
-const AI_STREAM_EVENT_SCHEMA_VERSION = 'v1';
-const AI_STREAM_EVENT_TYPES = ['status', 'thought.step', 'heartbeat', 'result', 'error', 'cancelled'];
-
 const AI_INTENT_CONTRACT_VERSION = AI_CONTRACT_VERSION;
 const AI_INTENT_CONTRACT_SCHEMA_HASH = AI_CONTRACT_SCHEMA_HASH;
 const AI_CONTRACT_VERSION_HEADER = 'X-Praxis-Contract-Version';
@@ -1337,6 +1358,387 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+class PraxisAssistantTurnOrchestratorService {
+    createController(flow, options = {}) {
+        return new PraxisAssistantTurnController(flow, options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantTurnOrchestratorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantTurnOrchestratorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantTurnOrchestratorService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class PraxisAssistantTurnController {
+    flow;
+    options;
+    stateSubject;
+    state$;
+    constructor(flow, options) {
+        this.flow = flow;
+        this.options = options;
+        this.stateSubject = new BehaviorSubject({
+            mode: flow.mode,
+            state: 'idle',
+            phase: 'capture',
+            sessionId: options.sessionId ?? this.createId('session'),
+            messages: [],
+            quickReplies: [],
+            clarificationQuestions: [],
+            contextItems: [...(options.contextItems ?? [])],
+            attachments: [...(options.attachments ?? [])],
+            canApply: false,
+            statusText: '',
+            errorText: '',
+        });
+        this.state$ = this.stateSubject.asObservable();
+    }
+    snapshot() {
+        return this.cloneState(this.stateSubject.value);
+    }
+    setContextItems(items) {
+        this.patchState({ contextItems: [...items] });
+    }
+    setMessages(messages) {
+        this.patchState({ messages: [...messages] });
+    }
+    setAttachments(attachments) {
+        this.patchState({ attachments: [...attachments] });
+    }
+    addAttachment(attachment) {
+        const current = this.stateSubject.value;
+        this.patchState({ attachments: [...current.attachments, attachment] });
+    }
+    removeAttachment(id) {
+        const current = this.stateSubject.value;
+        this.patchState({
+            attachments: current.attachments.filter((attachment) => attachment.id !== id),
+        });
+    }
+    editMessage(messageId, text) {
+        const current = this.stateSubject.value;
+        const messageIndex = this.findUserMessageIndex(current.messages, messageId);
+        if (messageIndex < 0) {
+            return;
+        }
+        this.patchState({
+            ...this.resetReplayState(),
+            messages: [
+                ...current.messages.slice(0, messageIndex),
+                { ...current.messages[messageIndex], text },
+            ],
+        });
+    }
+    resendMessage(messageId) {
+        const current = this.stateSubject.value;
+        const messageIndex = this.findUserMessageIndex(current.messages, messageId);
+        if (messageIndex < 0) {
+            return of(this.snapshot());
+        }
+        const message = current.messages[messageIndex];
+        return this.submitExistingUserMessage(messageIndex, message.text, {
+            kind: 'resend-message',
+            id: messageId,
+        });
+    }
+    submitEditedMessage(messageId, text) {
+        const current = this.stateSubject.value;
+        const messageIndex = this.findUserMessageIndex(current.messages, messageId);
+        if (messageIndex < 0) {
+            return this.submitPrompt(text, { kind: 'edit-message', id: messageId });
+        }
+        return this.submitExistingUserMessage(messageIndex, text, {
+            kind: 'edit-message',
+            id: messageId,
+        });
+    }
+    submitPrompt(prompt, action = { kind: 'submit' }) {
+        const normalized = prompt.trim();
+        if (!normalized) {
+            return of(this.snapshot());
+        }
+        const current = this.stateSubject.value;
+        const effectiveAction = this.resolveSubmitAction(action, current);
+        const clientTurnId = this.createId('turn');
+        const userMessage = this.buildMessage('user', normalized, true);
+        this.patchState({
+            state: 'processing',
+            phase: 'contextualize',
+            clientTurnId,
+            errorText: '',
+            statusText: '',
+            quickReplies: [],
+            clarificationQuestions: [],
+            messages: [...current.messages, userMessage],
+        });
+        return this.runFlow('submit', {
+            prompt: normalized,
+            action: effectiveAction,
+            phase: 'contextualize',
+        });
+    }
+    answerClarification(option) {
+        const answer = typeof option === 'string' ? option : option.label;
+        const contextHints = typeof option === 'string' ? undefined : option.contextHints;
+        return this.submitPrompt(answer, {
+            kind: 'clarify',
+            value: typeof option === 'string' ? option : option.value,
+            contextHints,
+        });
+    }
+    apply() {
+        if (!this.flow.apply) {
+            return of(this.snapshot());
+        }
+        this.patchState({
+            state: 'applying',
+            phase: 'apply',
+            clientTurnId: this.createId('turn'),
+            errorText: '',
+            statusText: '',
+        });
+        return this.runFlow('apply', {
+            action: { kind: 'apply' },
+            phase: 'apply',
+        });
+    }
+    retry() {
+        if (this.flow.retry) {
+            this.patchState({ clientTurnId: this.createId('turn') });
+            return this.runFlow('retry', {
+                action: { kind: 'retry' },
+                phase: this.stateSubject.value.phase,
+            });
+        }
+        const lastUserMessage = [...this.stateSubject.value.messages]
+            .reverse()
+            .find((message) => message.role === 'user');
+        return lastUserMessage ? this.resendMessage(lastUserMessage.id) : of(this.snapshot());
+    }
+    cancel() {
+        if (!this.flow.cancel) {
+            this.patchState({
+                state: 'listening',
+                phase: 'capture',
+                statusText: '',
+                errorText: '',
+                quickReplies: [],
+                canApply: false,
+                preview: null,
+                pendingPatch: null,
+                pendingClarification: undefined,
+            });
+            return of(this.snapshot());
+        }
+        this.patchState({ clientTurnId: this.createId('turn') });
+        return this.runFlow('cancel', {
+            action: { kind: 'cancel' },
+            phase: 'capture',
+        });
+    }
+    runFlow(method, partial) {
+        const request = this.buildRequest(partial);
+        const handler = this.flow[method];
+        if (!handler) {
+            return of(this.snapshot());
+        }
+        return this.toObservable(handler.call(this.flow, request)).pipe(tap((result) => this.applyResult(result)), map$1(() => this.snapshot()));
+    }
+    buildRequest(partial) {
+        const current = this.stateSubject.value;
+        return {
+            mode: this.flow.mode,
+            componentId: this.options.componentId,
+            componentType: this.options.componentType,
+            sessionId: current.sessionId,
+            clientTurnId: current.clientTurnId,
+            messages: current.messages,
+            contextItems: current.contextItems,
+            attachments: current.attachments,
+            currentState: this.options.currentState,
+            runtimeState: this.options.runtimeState,
+            schemaFields: this.options.schemaFields,
+            dataProfile: this.options.dataProfile,
+            contextHints: this.options.contextHints,
+            preview: current.preview,
+            pendingPatch: current.pendingPatch,
+            pendingClarification: current.pendingClarification,
+            ...partial,
+        };
+    }
+    submitExistingUserMessage(messageIndex, prompt, action) {
+        const normalized = prompt.trim();
+        if (!normalized) {
+            return of(this.snapshot());
+        }
+        const current = this.stateSubject.value;
+        if (messageIndex < 0 || messageIndex >= current.messages.length) {
+            return of(this.snapshot());
+        }
+        const clientTurnId = this.createId('turn');
+        const replayedMessage = {
+            ...current.messages[messageIndex],
+            text: normalized,
+            editable: true,
+            resendable: true,
+        };
+        this.patchState({
+            ...this.resetReplayState(),
+            state: 'processing',
+            phase: 'contextualize',
+            clientTurnId,
+            messages: [...current.messages.slice(0, messageIndex), replayedMessage],
+        });
+        return this.runFlow('submit', {
+            prompt: normalized,
+            action,
+            phase: 'contextualize',
+        });
+    }
+    findUserMessageIndex(messages, messageId) {
+        return messages.findIndex((message) => message.id === messageId && message.role === 'user');
+    }
+    resetReplayState() {
+        return {
+            state: 'listening',
+            phase: 'capture',
+            quickReplies: [],
+            clarificationQuestions: [],
+            canApply: false,
+            statusText: '',
+            errorText: '',
+            preview: null,
+            pendingPatch: null,
+            pendingClarification: undefined,
+            diagnostics: undefined,
+        };
+    }
+    applyResult(result) {
+        const current = this.stateSubject.value;
+        const hasPreview = Object.prototype.hasOwnProperty.call(result, 'preview');
+        const hasPendingPatch = Object.prototype.hasOwnProperty.call(result, 'pendingPatch');
+        const hasPendingClarification = Object.prototype.hasOwnProperty.call(result, 'pendingClarification');
+        const messages = result.messages
+            ? [...result.messages]
+            : result.assistantMessage
+                ? [...current.messages, this.buildMessage(this.resolveMessageRole(result), result.assistantMessage)]
+                : current.messages;
+        const pendingClarification = hasPendingClarification
+            ? result.pendingClarification ?? undefined
+            : result.state === 'clarification'
+                ? this.buildPendingClarification(result, current)
+                : undefined;
+        this.patchState({
+            state: result.state,
+            phase: result.phase ?? this.resolvePhase(result),
+            sessionId: result.sessionId ?? current.sessionId,
+            clientTurnId: result.clientTurnId ?? current.clientTurnId,
+            messages,
+            quickReplies: [...(result.quickReplies ?? current.quickReplies)],
+            clarificationQuestions: [...(result.clarificationQuestions ?? [])],
+            contextItems: [...(result.contextItems ?? current.contextItems)],
+            attachments: [...(result.attachments ?? current.attachments)],
+            canApply: result.canApply ?? current.canApply,
+            statusText: result.statusText ?? '',
+            errorText: result.errorText ?? '',
+            preview: hasPreview ? result.preview : current.preview,
+            pendingPatch: hasPendingPatch ? result.pendingPatch : current.pendingPatch,
+            pendingClarification,
+            diagnostics: result.diagnostics ?? current.diagnostics,
+        });
+    }
+    resolveSubmitAction(action, current) {
+        if (action.kind !== 'submit' || current.state !== 'clarification' || !current.pendingClarification) {
+            return action;
+        }
+        return {
+            ...action,
+            kind: 'clarify',
+            contextHints: {
+                ...(action.contextHints ?? {}),
+                pendingClarification: current.pendingClarification,
+            },
+        };
+    }
+    buildPendingClarification(result, current) {
+        const questions = [...(result.clarificationQuestions ?? [])];
+        const sourcePrompt = this.resolvePendingClarificationSourcePrompt(current);
+        if (!sourcePrompt && questions.length === 0 && !result.assistantMessage) {
+            return undefined;
+        }
+        return {
+            sourcePrompt,
+            questions,
+            assistantMessage: result.assistantMessage,
+            clientTurnId: result.clientTurnId ?? current.clientTurnId,
+            diagnostics: result.diagnostics,
+        };
+    }
+    resolvePendingClarificationSourcePrompt(current) {
+        const lastUserMessage = [...current.messages]
+            .reverse()
+            .find((message) => message.role === 'user');
+        return lastUserMessage?.text ?? '';
+    }
+    resolveMessageRole(result) {
+        return result.state === 'error' ? 'error' : result.state === 'success' ? 'status' : 'assistant';
+    }
+    resolvePhase(result) {
+        if (result.state === 'clarification')
+            return 'clarify';
+        if (result.state === 'review')
+            return 'review';
+        if (result.state === 'applying')
+            return 'apply';
+        if (result.state === 'success')
+            return 'summarize';
+        if (result.state === 'error')
+            return this.stateSubject.value.phase;
+        return 'capture';
+    }
+    buildMessage(role, text, userAction = false) {
+        return {
+            id: this.createId('message'),
+            role,
+            text,
+            editable: userAction,
+            resendable: userAction,
+        };
+    }
+    createId(prefix) {
+        const randomUuid = globalThis.crypto?.randomUUID?.();
+        if (randomUuid) {
+            return `${prefix}-${randomUuid}`;
+        }
+        return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+    }
+    patchState(patch) {
+        this.stateSubject.next({
+            ...this.stateSubject.value,
+            ...patch,
+        });
+    }
+    cloneState(state) {
+        return {
+            ...state,
+            messages: [...state.messages],
+            quickReplies: [...state.quickReplies],
+            clarificationQuestions: [...state.clarificationQuestions],
+            contextItems: [...state.contextItems],
+            attachments: [...state.attachments],
+            pendingClarification: state.pendingClarification
+                ? {
+                    ...state.pendingClarification,
+                    questions: [...state.pendingClarification.questions],
+                }
+                : undefined,
+        };
+    }
+    toObservable(value) {
+        return isObservable(value) ? value : from(value);
+    }
+}
+
 const HISTORY_INDEX_PREFIX = 'praxis.ai.history.index';
 const HISTORY_SESSION_PREFIX = 'praxis.ai.history.session';
 const DEFAULT_SESSION_TITLE = 'Nova sessão';
@@ -1718,6 +2120,35 @@ class PraxisAiAssistantComponent {
     adapter;
     riskPolicy = null;
     allowManualPatchEdit = false;
+    overlayPositions = [
+        {
+            originX: 'end',
+            originY: 'bottom',
+            overlayX: 'end',
+            overlayY: 'top',
+            offsetY: 8,
+        },
+        {
+            originX: 'end',
+            originY: 'top',
+            overlayX: 'end',
+            overlayY: 'bottom',
+            offsetY: -8,
+        },
+        {
+            originX: 'start',
+            originY: 'bottom',
+            overlayX: 'start',
+            overlayY: 'top',
+            offsetY: 8,
+        },
+        {
+            originX: 'center',
+            originY: 'center',
+            overlayX: 'center',
+            overlayY: 'center',
+        },
+    ];
     overlayOrigin;
     triggerButton;
     inputElement;
@@ -1979,8 +2410,9 @@ class PraxisAiAssistantComponent {
             const dataProfile = this.adapter.getDataProfile ? this.adapter.getDataProfile() : null;
             const schemaFields = this.adapter.getSchemaFields ? this.adapter.getSchemaFields() : undefined;
             const runtimeState = this.adapter.getRuntimeState ? this.adapter.getRuntimeState() : undefined;
+            const authoringContext = this.adapter.getAuthoringContext ? this.adapter.getAuthoringContext() : null;
             const suggestion = this.activeSuggestion;
-            const mergedContextHints = this.mergeContextHints(suggestion?.contextHints, this.activeContextHints);
+            const mergedContextHints = this.mergeContextHints(authoringContext, this.mergeContextHints(suggestion?.contextHints, this.activeContextHints));
             if (!componentId || !componentType) {
                 this.errorMsg = 'Componente sem identificacao para usar o backend de IA.';
                 this.setState('error');
@@ -2025,7 +2457,7 @@ class PraxisAiAssistantComponent {
                 ...(normalizedContextHints ? { contextHints: normalizedContextHints } : {}),
                 variantId: this.activeVariantId || undefined,
             };
-            const result = await this.getPatchViaStreamWithFallback(patchRequest);
+            let result = await this.getPatchViaStreamWithFallback(patchRequest);
             if (result?.sessionId) {
                 this.activeServerSessionId = result.sessionId;
                 this.forceNewSession = false;
@@ -2034,6 +2466,7 @@ class PraxisAiAssistantComponent {
                     this.historyService.updateServerSessionId(this.historyContext, this.activeHistorySession.id, result.sessionId);
                 }
             }
+            result = this.compileAdapterResponse(result);
             keepContextHints = result?.type === 'clarification';
             const handled = this.handlePatchResponse(result, configRoot, componentId, componentType);
             if (handled) {
@@ -4073,6 +4506,24 @@ class PraxisAiAssistantComponent {
         }
         return false;
     }
+    compileAdapterResponse(result) {
+        if (!this.adapter?.compileAiResponse) {
+            return result;
+        }
+        const compiled = this.adapter.compileAiResponse(result);
+        if (!compiled) {
+            return result;
+        }
+        const warnings = [
+            ...(Array.isArray(result.warnings) ? result.warnings : []),
+            ...(Array.isArray(compiled.warnings) ? compiled.warnings : []),
+        ];
+        return {
+            ...result,
+            ...compiled,
+            warnings: warnings.length ? warnings : undefined,
+        };
+    }
     handlePatchResponse(result, configRoot, componentId, componentType) {
         if (!result) {
             this.streamTerminalState = 'failed';
@@ -5370,7 +5821,7 @@ class PraxisAiAssistantComponent {
         return 'Erro ao comunicar com a IA. Tente novamente.';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantComponent, isStandalone: true, selector: "praxis-ai-assistant", inputs: { adapter: "adapter", riskPolicy: "riskPolicy", allowManualPatchEdit: "allowManualPatchEdit" }, viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: CdkOverlayOrigin, descendants: true }, { propertyName: "triggerButton", first: true, predicate: ["triggerBtn"], descendants: true, read: ElementRef }, { propertyName: "inputElement", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<!-- Trigger Button -->\n<button \n  mat-icon-button \n  cdkOverlayOrigin \n  #trigger=\"cdkOverlayOrigin\"\n  #triggerBtn\n  (click)=\"open()\"\n  [disabled]=\"isOpen\"\n  class=\"ai-trigger-btn\"\n  matTooltip=\"Assistente de Configura\u00E7\u00E3o\"\n  aria-label=\"Abrir Assistente IA\">\n  <mat-icon>auto_awesome</mat-icon>\n</button>\n\n<!-- Overlay Template -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\">\n\n  <div\n    class=\"ai-assistant-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Assistente de Configura\u00E7\u00E3o\"\n    [attr.aria-busy]=\"isBusyState() ? 'true' : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    \n    <!-- HEADER -->\n    <div class=\"assistant-header\">\n      <div class=\"assistant-header__left\">\n        <mat-icon class=\"magic-icon\">auto_awesome</mat-icon>\n        <div class=\"assistant-title-group\">\n          <div class=\"assistant-title\">Assistente de Configura\u00E7\u00E3o</div>\n          <div class=\"assistant-subtitle\">Copiloto contextual para ajustes guiados</div>\n          <div class=\"assistant-header-chips\">\n            <span\n              class=\"mode-chip\"\n              [class.mock]=\"mockMode\"\n              [matTooltip]=\"mockMode ? 'Sem chave de API: respostas de demonstra\u00E7\u00E3o' : 'Conectado ao assistente configurado'\"\n            >\n              {{ mockMode ? 'Mock' : 'Conectado' }}\n            </span>\n            <span\n              class=\"policy-chip\"\n              [class.strict]=\"isStrictRiskPolicy()\"\n              [matTooltip]=\"getRiskPolicyTooltip()\"\n            >\n              {{ getRiskPolicyLabel() }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"assistant-header__right\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"assistant-close-btn\"\n          (click)=\"close()\"\n          aria-label=\"Fechar assistente\"\n          matTooltip=\"Fechar assistente\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"assistant-status\"\n      [class.processing]=\"isBusyState()\"\n      [class.pending]=\"state === 'clarification'\"\n      [class.warning]=\"state === 'error'\"\n      [class.success]=\"state === 'review' || state === 'success'\"\n      [class.compact]=\"!shouldShowSystemStatusDetail()\"\n      role=\"status\"\n      [attr.aria-live]=\"getSystemStatusAriaLive()\"\n      aria-atomic=\"true\"\n    >\n      <span class=\"assistant-status-dot\" aria-hidden=\"true\"></span>\n      <div class=\"assistant-status-content\">\n        <div class=\"assistant-status-label\">\n          <span class=\"assistant-status-label-prefix\">Status:</span>\n          <span>{{ getSystemStatusLabel() }}</span>\n          <span *ngIf=\"shouldShowSnapshotFallbackBadge()\" class=\"assistant-status-mode\">Snapshot</span>\n        </div>\n        <div *ngIf=\"shouldShowSystemStatusDetail()\" class=\"assistant-status-detail\">{{ getSystemStatusDetail() }}</div>\n      </div>\n    </div>\n    <div class=\"assistant-flow\" *ngIf=\"shouldShowTaskFlow()\" role=\"list\" aria-label=\"Fluxo da proposta\">\n      <div\n        class=\"flow-step\"\n        role=\"listitem\"\n        *ngFor=\"let step of flowSteps\"\n        [class.active]=\"getFlowStepState(step.step) === 'active'\"\n        [class.done]=\"getFlowStepState(step.step) === 'done'\"\n      >\n        <span class=\"flow-step-index\">{{ step.step }}</span>\n        <span class=\"flow-step-content\">\n          <span class=\"flow-step-label\">{{ step.label }}</span>\n          <span class=\"flow-step-detail\">{{ getFlowStepDetail(step.step) }}</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"assistant-nav\">\n      <div\n        class=\"assistant-tabs\"\n        role=\"tablist\"\n        aria-label=\"Se\u00E7\u00F5es do assistente\"\n        (keydown)=\"onTabsKeydown($event)\"\n      >\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          *ngIf=\"isTaskMode()\"\n          id=\"assistant-tab-task\"\n          role=\"tab\"\n          aria-label=\"Proposta atual\"\n          [attr.aria-selected]=\"isActiveTab('task')\"\n          aria-controls=\"assistant-panel-task\"\n          [attr.tabindex]=\"isActiveTab('task') ? 0 : -1\"\n          [class.active]=\"isActiveTab('task')\"\n          (click)=\"setActiveTab('task')\"\n        >\n          Proposta\n          <span *ngIf=\"hasPendingClarification() && !isActiveTab('task')\" class=\"assistant-tab-badge\">1</span>\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-chat\"\n          role=\"tab\"\n          aria-label=\"Hist\u00F3rico\"\n          [attr.aria-selected]=\"isActiveTab('chat')\"\n          aria-controls=\"assistant-panel-chat\"\n          [attr.tabindex]=\"isActiveTab('chat') ? 0 : -1\"\n          [class.active]=\"isActiveTab('chat')\"\n          (click)=\"setActiveTab('chat')\"\n        >\n          Hist\u00F3rico\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-suggestions\"\n          role=\"tab\"\n          aria-label=\"Sugest\u00F5es de melhoria\"\n          [attr.aria-selected]=\"isActiveTab('suggestions')\"\n          aria-controls=\"assistant-panel-suggestions\"\n          [attr.tabindex]=\"isActiveTab('suggestions') ? 0 : -1\"\n          [class.active]=\"isActiveTab('suggestions')\"\n          (click)=\"setActiveTab('suggestions')\"\n        >\n          Sugest\u00F5es\n        </button>\n      </div>\n    </div>\n\n    <!-- BODY: Dynamic Content based on State -->\n      <div class=\"assistant-body\">\n      <div class=\"assistant-thought assistant-section\" *ngIf=\"shouldShowThoughtCard()\">\n        <div class=\"assistant-thought-meta\">\n          <mat-icon>psychology</mat-icon>\n          <span>{{ getThoughtTimingLabel() }}</span>\n        </div>\n        <div class=\"assistant-thought-summary\">{{ getThoughtSummary() }}</div>\n        <div class=\"assistant-thought-plan\">\n          <div class=\"assistant-thought-plan-title\">{{ getThoughtPlanTitle() }}</div>\n          <div class=\"assistant-thought-plan-actions\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"thought-action-details\"\n              (click)=\"openThoughtDetails()\"\n              [attr.aria-label]=\"getThoughtDetailsLabel()\"\n              [matTooltip]=\"getThoughtDetailsTooltip()\"\n            >\n              {{ getThoughtDetailsLabel() }}\n            </button>\n            <button\n              *ngIf=\"shouldShowThoughtPreviewAction()\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              class=\"thought-action-preview\"\n              (click)=\"openThoughtPreview()\"\n              [matTooltip]=\"getThoughtPreviewTooltip()\"\n            >\n              Pr\u00E9via\n            </button>\n          </div>\n          <div class=\"assistant-thought-plan-hint\">{{ getThoughtActionHint() }}</div>\n          <ng-container *ngIf=\"getThoughtChecklist() as thoughtChecklist\">\n            <div class=\"assistant-thought-checklist\" *ngIf=\"thoughtChecklist.length\">\n              <div *ngFor=\"let item of thoughtChecklist\" class=\"assistant-thought-checklist-item\">\n                <mat-icon>radio_button_unchecked</mat-icon>\n                <span>{{ item }}</span>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div *ngIf=\"processingInfoVisible\" class=\"processing-banner\">\n        <mat-spinner diameter=\"16\"></mat-spinner>\n        <span>{{ aiExplanation || 'Analisando solicita\u00E7\u00E3o e preparando proposta...' }}</span>\n        <button mat-button type=\"button\" class=\"processing-retry\" (click)=\"retryProcessing()\">Tentar novamente</button>\n      </div>\n      <div\n        class=\"assistant-history assistant-section\"\n        *ngIf=\"historyContext && isActiveTab('chat')\"\n        id=\"assistant-panel-chat\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-chat\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-heading\">\n            <div class=\"section-title\">Hist\u00F3rico</div>\n            <div class=\"section-subtitle\">Sess\u00F5es recentes, pedidos reaproveit\u00E1veis e desfazer r\u00E1pido.</div>\n          </div>\n          <div class=\"history-actions\" role=\"group\" aria-label=\"A\u00E7\u00F5es do hist\u00F3rico\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"historyExpanded = !historyExpanded\"\n              [matTooltip]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [attr.aria-label]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [disabled]=\"!historyWarnings.length && !historySessions.length && !activeHistoryMessages.length\"\n            >\n              <mat-icon>{{ historyExpanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n              <span>{{ historyExpanded ? 'Recolher' : 'Expandir' }}</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"startNewSession()\"\n              matTooltip=\"Nova conversa\"\n              aria-label=\"Nova conversa\"\n              [disabled]=\"isBusyState()\"\n            >\n              <mat-icon>add_comment</mat-icon>\n              <span>Nova conversa</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"clearHistory()\"\n              matTooltip=\"Limpar hist\u00F3rico local\"\n              aria-label=\"Limpar hist\u00F3rico local\"\n              class=\"history-action-btn history-action-btn--danger\"\n              [disabled]=\"!historySessions.length\"\n            >\n              <mat-icon>delete_outline</mat-icon>\n              <span>Limpar</span>\n            </button>\n          </div>\n        </div>\n        <div *ngIf=\"historyUndoDeleteSession\" class=\"history-undo\">\n          <span>Sess\u00E3o removida.</span>\n          <button mat-button type=\"button\" (click)=\"undoRemoveHistorySession()\">\n            Desfazer\n          </button>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historyWarnings.length\" class=\"history-warnings\">\n          <mat-icon>info</mat-icon>\n          <div class=\"history-warnings-list\">\n            <div *ngFor=\"let warning of historyWarnings\">{{ warning }}</div>\n            <div class=\"history-warnings-hint\">\n              Configure headers via API_CONFIG_STORAGE_OPTIONS no host.\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historySessions.length\" class=\"history-sessions\">\n          <div\n            class=\"history-session\"\n            *ngFor=\"let session of historySessions\"\n            role=\"button\"\n            tabindex=\"0\"\n            (click)=\"selectHistorySession(session.id)\"\n            (keydown)=\"onHistorySessionCardKeydown($event, session.id)\"\n            [class.active]=\"session.id === activeHistorySession?.id\"\n            [matTooltip]=\"getHistorySessionTooltip(session)\"\n            [matTooltipDisabled]=\"!session.componentType && !session.componentId\"\n          >\n            <div class=\"history-session-main\">\n              <span class=\"history-session-title\">{{ session.title }}</span>\n              <div class=\"history-session-main-right\">\n                <span class=\"history-session-time\">{{ session.updatedAt | date:'short' }}</span>\n                <div class=\"history-session-tools\">\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool\"\n                    (click)=\"reuseHistorySessionPrompt(session.id, $event)\"\n                    matTooltip=\"Reusar \u00FAltimo pedido\"\n                    aria-label=\"Reusar \u00FAltimo pedido\"\n                  >\n                    <mat-icon>edit_note</mat-icon>\n                  </button>\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool history-session-tool--danger\"\n                    (click)=\"removeHistorySession(session.id, $event)\"\n                    matTooltip=\"Excluir sess\u00E3o\"\n                    aria-label=\"Excluir sess\u00E3o\"\n                  >\n                    <mat-icon>delete_outline</mat-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"history-session-meta\">\n              <span *ngIf=\"session.componentType\" class=\"history-chip\">{{ session.componentType }}</span>\n              <span *ngIf=\"session.componentId\" class=\"history-chip\">{{ session.componentId }}</span>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && !historySessions.length\" class=\"history-empty\">\n          Nenhuma sess\u00E3o salva ainda.\n        </div>\n\n        <div *ngIf=\"historyExpanded && activeHistoryMessages.length\" class=\"history-messages\">\n          <div\n            *ngIf=\"activeHistoryTotalMessages > activeHistoryMessages.length\"\n            class=\"history-messages-hint\"\n          >\n            Mostrando \u00FAltimas {{ activeHistoryMessages.length }} de {{ activeHistoryTotalMessages }} mensagens.\n          </div>\n          <div\n            *ngFor=\"let msg of activeHistoryMessages\"\n            class=\"history-message\"\n            [class.user]=\"msg.role === 'user'\"\n            [class.assistant]=\"msg.role === 'assistant'\"\n          >\n            <div class=\"history-message-header\">\n              <span class=\"history-message-role\">{{ msg.role === 'user' ? 'Voc\u00EA' : 'Assistente' }}</span>\n              <span class=\"history-message-time\">{{ msg.createdAt | date:'shortTime' }}</span>\n              <span\n                *ngIf=\"msg.context?.usedRag\"\n                class=\"history-rag\"\n                matTooltip=\"Resposta baseada em contexto recuperado (RAG)\"\n              >RAG</span>\n            </div>\n            <div class=\"history-message-text\">{{ msg.text }}</div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && historySessions.length && !activeHistoryMessages.length\" class=\"history-empty history-empty--panel\">\n          Selecione uma sess\u00E3o para visualizar as mensagens.\n        </div>\n        <div class=\"history-helper\" *ngIf=\"historyExpanded\">\n          O hist\u00F3rico \u00E9 local ao usu\u00E1rio e ao componente atual.\n        </div>\n      </div>\n\n      <div\n        class=\"loading-suggestions assistant-section\"\n        *ngIf=\"loadingSuggestions && isActiveTab('suggestions')\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <mat-spinner diameter=\"20\"></mat-spinner>\n        <span>Carregando sugest\u00F5es de melhoria...</span>\n      </div>\n      \n      <!-- STATE: LISTENING (Suggestions) -->\n      <div\n        *ngIf=\"state === 'listening' && isActiveTab('suggestions')\"\n        class=\"suggestions-area assistant-section\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-title\">Sugest\u00F5es de melhoria</div>\n          <div class=\"suggestions-actions\">\n            <button mat-icon-button type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\" matTooltip=\"Atualizar sugest\u00F5es\">\n              <mat-icon>refresh</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"suggestions-hero\" *ngIf=\"!loadingSuggestions\">\n          <div class=\"suggestions-hero__label\">Contexto ativo</div>\n          <div class=\"suggestions-hero__title\">{{ adapter.componentName || 'Componente atual' }}</div>\n          <div class=\"suggestions-hero__detail\">{{ getSystemStatusDetail() }}</div>\n        </div>\n        <div *ngIf=\"suggestionsWarnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of suggestionsWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"suggestions-content\" *ngIf=\"!loadingSuggestions && (richSuggestions.length || hasDismissedSuggestions())\">\n          <div class=\"suggestions-filter\" *ngIf=\"hasDismissedSuggestions()\">\n            <span>{{ getDismissedSuggestionCount() }} oculta(s)</span>\n            <button mat-button type=\"button\" (click)=\"restoreDismissedSuggestions()\">\n              Restaurar\n            </button>\n          </div>\n          <div class=\"suggestions-list\" *ngIf=\"getVisibleSuggestions().length; else allSuggestionsHidden\">\n            <div\n              class=\"suggestion-item\"\n              *ngFor=\"let sug of getVisibleSuggestions()\"\n              role=\"button\"\n              tabindex=\"0\"\n              [attr.aria-label]=\"'Selecionar sugest\u00E3o: ' + sug.label\"\n              (click)=\"selectSuggestion(sug)\"\n              (keydown)=\"onSuggestionCardKeydown($event, sug)\"\n            >\n              <div class=\"suggestion-copy\">\n                <div class=\"suggestion-main\">\n                  <mat-icon *ngIf=\"sug.icon\" class=\"suggestion-icon\">{{ sug.icon }}</mat-icon>\n                  <span class=\"suggestion-label\">{{ sug.label }}</span>\n                  <span *ngIf=\"sug.group\" class=\"suggestion-group\">{{ sug.group }}</span>\n                </div>\n                <div *ngIf=\"sug.description\" class=\"suggestion-desc\">{{ sug.description }}</div>\n              </div>\n              <div class=\"suggestion-actions\">\n                <span class=\"suggestion-arrow\" aria-hidden=\"true\">\n                  <mat-icon>chevron_right</mat-icon>\n                </span>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn\"\n                  (click)=\"prepareSuggestionPrompt(sug, $event)\"\n                  matTooltip=\"Refinar pedido\"\n                  aria-label=\"Refinar pedido\"\n                >\n                  <mat-icon>edit</mat-icon>\n                </button>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn suggestion-action-btn--danger\"\n                  (click)=\"dismissSuggestion(sug, $event)\"\n                  matTooltip=\"Ocultar sugest\u00E3o\"\n                  aria-label=\"Ocultar sugest\u00E3o\"\n                >\n                  <mat-icon>visibility_off</mat-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n          <ng-template #allSuggestionsHidden>\n            <div class=\"suggestions-empty suggestions-empty--inline\">\n              Todas as sugest\u00F5es foram ocultadas.\n            </div>\n          </ng-template>\n        </div>\n        <div class=\"suggestions-empty\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Nenhuma sugest\u00E3o dispon\u00EDvel no momento.\n        </div>\n        <div class=\"suggestions-helper\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Selecione uma sugest\u00E3o acima ou descreva uma altera\u00E7\u00E3o no campo inferior.\n        </div>\n      </div>\n\n      <!-- STATE: CLARIFICATION (Two-Step Flow) -->\n      <div\n        *ngIf=\"state === 'clarification' && isActiveTab('task')\"\n        class=\"clarification-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step active\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"clarificationResponseType === 'context'\" class=\"context-only\">\n          <mat-spinner diameter=\"24\"></mat-spinner>\n          <div class=\"context-only-hint\">Buscando contexto adicional...</div>\n        </div>\n        <ng-template #clarificationOptionContent let-opt let-index=\"index\" let-compact=\"compact\">\n          <div class=\"clarification-decision-head\" *ngIf=\"!compact\">\n            <span class=\"clarification-decision-index\">{{ index + 1 }}</span>\n            <span class=\"clarification-decision-type\">{{ getClarificationOptionKindLabel(opt) }}</span>\n            <span class=\"spacer\"></span>\n            <span class=\"clarification-decision-state\" *ngIf=\"isClarificationSelected(opt)\">Selecionado</span>\n          </div>\n          <ng-container [ngSwitch]=\"getClarificationOptionLayout(opt)\">\n            <div *ngSwitchCase=\"'endpoint'\" class=\"clarification-card\">\n              <div class=\"clarification-card-header\">\n                <mat-icon class=\"endpoint-icon\">{{ getEndpointIcon(opt) }}</mat-icon>\n                <ng-container *ngIf=\"getEndpointMethod(opt) as method\">\n                  <span class=\"endpoint-method\" [attr.data-method]=\"method\">{{ method }}</span>\n                </ng-container>\n                <span class=\"endpoint-label\">{{ opt.label }}</span>\n                <span class=\"spacer\"></span>\n                <mat-icon class=\"select-indicator\">\n                  {{ isClarificationSelected(opt) ? 'check_circle' : 'radio_button_unchecked' }}\n                </mat-icon>\n              </div>\n              <div class=\"clarification-card-body\">\n                <ng-container *ngIf=\"getEndpointPath(opt) as path\">\n                  <div class=\"endpoint-path\">{{ path }}</div>\n                </ng-container>\n                <div\n                  *ngIf=\"opt.contextHints?.description\"\n                  class=\"endpoint-description\"\n                  [matTooltip]=\"getDescriptionTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n                >\n                  {{ opt.contextHints?.description }}\n                </div>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'color'\" class=\"clarification-color\">\n              <span\n                class=\"color-swatch\"\n                [style.background]=\"getSafeHexColor(opt) || 'var(--md-sys-color-surface-container-highest)'\"\n              ></span>\n              <div class=\"color-meta\">\n                <span class=\"color-label\">{{ opt.label }}</span>\n                <span *ngIf=\"opt.contextHints?.hexColor\" class=\"color-value\">{{ opt.contextHints?.hexColor }}</span>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'description'\" class=\"clarification-description\">\n              <span class=\"clarification-label\">{{ opt.label }}</span>\n              <span\n                *ngIf=\"opt.contextHints?.description\"\n                class=\"clarification-subtitle\"\n                [matTooltip]=\"getDescriptionTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n              >\n                {{ opt.contextHints?.description }}\n              </span>\n            </div>\n            <span *ngSwitchDefault class=\"clarification-plain-label\">{{ opt.label }}</span>\n          </ng-container>\n        </ng-template>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationQuestions.length\"\n          class=\"clarification-questions\"\n          [class.attention-highlight]=\"highlightClarificationDetails && !clarificationOptions.length\"\n        >\n          <div *ngFor=\"let question of clarificationQuestions; let i = index\" class=\"clarification-question\">\n            <div class=\"clarification-question-label\">{{ question }}</div>\n            <input\n              type=\"text\"\n              [(ngModel)]=\"clarificationAnswers[i]\"\n              [placeholder]=\"'Resposta ' + (i + 1)\"\n              autocomplete=\"off\">\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationOptions.length\"\n          class=\"clarification-options-block\"\n          [class.attention-highlight]=\"highlightClarificationDetails\"\n        >\n          <div class=\"clarification-options-title\">\n            {{ clarificationOptions.length === 1 ? 'Decis\u00E3o sugerida' : 'Decis\u00F5es sugeridas' }}\n          </div>\n          <div *ngIf=\"clarificationOptions.length === 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: confirme a melhor op\u00E7\u00E3o para continuar.\n          </div>\n          <div *ngIf=\"clarificationOptions.length > 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: selecione a alternativa mais aderente para gerar a proposta.\n          </div>\n          <div\n            *ngIf=\"clarificationResponseType === 'confirm'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationSelectionMode === 'multiple'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                class=\"clarification-option\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation !== 'chips'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation === 'chips'\"\n            class=\"clarification-chips\"\n          >\n            <ng-container *ngFor=\"let opt of clarificationOptions; let i = index\">\n              <button\n                *ngIf=\"isEndpointOption(opt); else chipOption\"\n                mat-button\n                type=\"button\"\n                class=\"clarification-option clarification-card-button\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n              <ng-template #chipOption>\n                <mat-chip\n                  (click)=\"onClarificationOptionClick(opt)\"\n                  [matTooltip]=\"getClarificationTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt)\"\n                  class=\"clarification-chip\"\n                >\n                  <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: true }\"></ng-container>\n                </mat-chip>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && clarificationResponseType !== 'context'\"\n          class=\"clarification-manual-toggle\"\n        >\n          <span class=\"clarification-manual-label\">N\u00E3o encontrou o recurso?</span>\n          <button mat-button type=\"button\" (click)=\"toggleManualInput()\">\n            {{ showManualInput ? 'Ocultar resposta manual' : 'Responder manualmente' }}\n          </button>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free\"\n        >\n          <input\n            type=\"text\"\n            [(ngModel)]=\"clarificationFreeText\"\n            placeholder=\"Digite sua resposta\u2026\"\n            autocomplete=\"off\"\n            (keydown.enter)=\"confirmTaskAction()\"\n          />\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free-hint\"\n        >\n          Pressione Enter para enviar.\n        </div>\n      </div>\n\n      <!-- STATE: REVIEW (Diff/Explanation) -->\n      <div\n        *ngIf=\"state === 'review' && isActiveTab('task')\"\n        class=\"review-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step active\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-trust\">\n          <span class=\"trust-chip\" [matTooltip]=\"getScopeTooltip()\">{{ getScopeLabel() }}</span>\n          <span class=\"trust-chip\" [matTooltip]=\"getConfidenceTooltip()\">{{ getConfidenceLabel() }}</span>\n          <span class=\"trust-chip risk-chip\" [class.medium]=\"getReviewRiskLevel() === 'm\u00E9dio'\" [class.high]=\"getReviewRiskLevel() === 'alto'\">\n            Risco {{ getReviewRiskLevel() }}\n          </span>\n        </div>\n        <div class=\"review-summary\" [class.attention-highlight]=\"highlightReviewDetails\">\n          <div class=\"review-summary-title\">Resumo da proposta</div>\n          <div class=\"review-summary-line\">{{ getReviewSummary() }}</div>\n        </div>\n        <div class=\"review-diff\">\n          <div class=\"review-diff-title\">Pr\u00E9via de mudan\u00E7as</div>\n          <ng-container *ngIf=\"pendingDiff.length; else noDiffPreview\">\n            <div class=\"review-diff-summary\">\n              <div *ngFor=\"let line of getDiffSummaryLines()\" class=\"review-diff-line\">{{ line }}</div>\n              <div *ngIf=\"pendingDiff.length > 3\" class=\"review-diff-more\">\u2026 +{{ pendingDiff.length - 3 }} mudan\u00E7as</div>\n            </div>\n            <button mat-stroked-button type=\"button\" class=\"review-diff-toggle\" (click)=\"toggleFullDiff()\">\n              {{ getDiffToggleLabel() }}\n            </button>\n          </ng-container>\n          <ng-template #noDiffPreview>\n            <div class=\"review-diff-empty\">\n              N\u00E3o foi poss\u00EDvel gerar um diff estruturado. Revise o resumo e aplique com cautela.\n            </div>\n          </ng-template>\n          <div *ngIf=\"showFullDiff && pendingDiff.length\" class=\"review-diff-full\">\n            <div *ngFor=\"let diff of pendingDiff\" class=\"review-diff-block\">\n              <div class=\"review-diff-path\">{{ diff.path }}</div>\n              <div class=\"review-diff-label\">Antes:</div>\n              <pre>{{ diff.before | json }}</pre>\n              <div class=\"review-diff-label\">Depois:</div>\n              <pre>{{ diff.after | json }}</pre>\n            </div>\n          </div>\n        </div>\n        <div class=\"ai-explanation\" *ngIf=\"aiExplanation.trim()\">\n          {{ aiExplanation }}\n        </div>\n      </div>\n\n      <!-- STATE: ERROR -->\n      <div\n        *ngIf=\"state === 'error' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"error-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"error-msg\">\n          <mat-icon color=\"warn\">error_outline</mat-icon>\n          <span>{{ errorMsg }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar patch' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            \u00DAltima tentativa: {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-actions\">\n          <button mat-button (click)=\"close()\">Fechar</button>\n          <button mat-stroked-button (click)=\"retry()\">Tentar Novamente</button>\n        </div>\n      </div>\n\n      <!-- STATE: SUCCESS -->\n      <div\n        *ngIf=\"state === 'success' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"success-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"success-msg\">\n          <mat-icon class=\"success-icon\">check_circle</mat-icon>\n          <span>{{ aiExplanation || 'Configura\u00E7\u00E3o atualizada.' }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar e reaplicar' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            Aplicado em {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <button mat-button color=\"warn\" (click)=\"undoLastChange()\">\n          <mat-icon>undo</mat-icon> Desfazer\n        </button>\n      </div>\n\n    </div>\n\n    <div class=\"assistant-footer\">\n      <ng-container *ngIf=\"!isTaskMode(); else taskFooter\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"composer-leading composer-leading-btn\"\n          [matMenuTriggerFor]=\"assistantQuickMenu\"\n          aria-label=\"Abrir a\u00E7\u00F5es r\u00E1pidas\"\n          matTooltip=\"A\u00E7\u00F5es r\u00E1pidas\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n        <input\n          #inputEl\n          type=\"text\"\n          [(ngModel)]=\"userPrompt\"\n          [disabled]=\"state === 'processing' || state === 'applying'\"\n          placeholder=\"Descreva a altera\u00E7\u00E3o que deseja aplicar\u2026\"\n          autocomplete=\"off\"\n        />\n        <div class=\"send-actions\">\n          <button\n            mat-icon-button\n            class=\"send-btn\"\n            *ngIf=\"state === 'listening'\"\n            (click)=\"submitPrompt()\"\n            [disabled]=\"!userPrompt.trim()\"\n            [class.ready]=\"!!userPrompt.trim()\"\n          >\n            <mat-icon>arrow_upward</mat-icon>\n          </button>\n          <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n        </div>\n      </ng-container>\n      <ng-template #taskFooter>\n        <div class=\"task-footer\">\n          <div class=\"task-footer-left\">\n            <button mat-button type=\"button\" (click)=\"handleTaskSecondary()\">{{ getTaskCancelLabel() }}</button>\n            <button\n              *ngIf=\"state === 'review'\"\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"retry()\"\n            >\n              {{ getTaskSecondaryLabel() }}\n            </button>\n          </div>\n          <div class=\"task-footer-right\">\n            <button\n              class=\"task-primary-btn\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"confirmTaskAction()\"\n              [disabled]=\"isTaskPrimaryDisabled()\"\n            >\n              {{ getTaskPrimaryLabel() }}\n            </button>\n            <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <mat-menu #assistantQuickMenu=\"matMenu\" panelClass=\"assistant-quick-menu-panel\">\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('chat')\">\n        <mat-icon>history</mat-icon>\n        <span>Hist\u00F3rico</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('suggestions')\">\n        <mat-icon>lightbulb</mat-icon>\n        <span>Sugest\u00F5es</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"startNewSession()\">\n        <mat-icon>add_comment</mat-icon>\n        <span>Nova conversa</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\">\n        <mat-icon>refresh</mat-icon>\n        <span>Atualizar sugest\u00F5es</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        (click)=\"restoreDismissedSuggestions()\"\n        [disabled]=\"!hasDismissedSuggestions()\"\n      >\n        <mat-icon>visibility</mat-icon>\n        <span>Restaurar sugest\u00F5es ocultas</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        class=\"assistant-quick-menu-danger\"\n        (click)=\"clearHistory()\"\n        [disabled]=\"!historySessions.length\"\n      >\n        <mat-icon>delete_outline</mat-icon>\n        <span>Limpar hist\u00F3rico local</span>\n      </button>\n    </mat-menu>\n  </div>\n\n</ng-template>\n", styles: ["@keyframes assistantPremiumEnter{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}:host ::ng-deep .ai-assistant-backdrop{background:color-mix(in srgb,var(--md-sys-color-scrim, var(--md-sys-color-shadow, var(--md-sys-color-on-surface))) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ai-assistant-panel{border-left:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-top:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));box-shadow:0 18px 48px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 42%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--md-sys-color-primary-container) 38%,transparent) 0%,transparent 44%),linear-gradient(165deg,color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--md-sys-color-surface)),var(--md-sys-color-surface));animation:assistantPremiumEnter .24s cubic-bezier(.22,1,.36,1)}.assistant-header{position:relative;padding:12px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(130deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.assistant-header:after{content:\"\";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent),transparent);pointer-events:none}.assistant-header .assistant-header__left{gap:12px}.assistant-header .magic-icon{width:30px;height:30px;font-size:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent)}.assistant-header .assistant-title-group{gap:4px}.assistant-header .assistant-title{font-size:15px;font-weight:700;letter-spacing:.01em}.assistant-header .assistant-subtitle{display:block;font-size:11px;line-height:1.25;color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,var(--md-sys-color-on-surface-variant))}.assistant-header-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.assistant-header .mode-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 64%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 85%,var(--md-sys-color-on-surface));font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.assistant-header .mode-chip:before{content:\"\";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.assistant-header .mode-chip.mock{border-color:color-mix(in srgb,var(--md-sys-color-error) 34%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-error-container) 72%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-error-container) 85%,var(--md-sys-color-error))}.assistant-header .policy-chip{padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 84%,transparent);background:var(--md-sys-color-surface-container-high);font-size:10px;letter-spacing:.02em;font-weight:600}.assistant-header .policy-chip.strict{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high))}.assistant-status{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,transparent),transparent 48%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tabs{border-radius:12px;padding:5px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(155deg,color-mix(in srgb,var(--md-sys-color-primary-container) 14%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tab{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;font-size:11px;font-weight:700;letter-spacing:.01em}.assistant-nav .assistant-tab.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent),0 6px 12px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.assistant-section,.assistant-card{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 50%),var(--md-sys-color-surface-container-lowest);box-shadow:0 6px 18px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 7%,transparent)}.suggestions-hero{margin:2px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(120deg,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.suggestions-hero__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant);opacity:.88}.suggestions-hero__title{margin-top:2px;font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.suggestions-hero__detail{margin-top:4px;font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,var(--md-sys-color-on-surface-variant))}.suggestions-content .suggestion-item{border-radius:12px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(140deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-lowest)}.suggestions-content .suggestion-item:hover,.suggestions-content .suggestion-item:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant));box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.assistant-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-top-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-low)}.assistant-footer .task-footer{grid-column:1/-1}.composer-leading{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 70%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.composer-leading mat-icon{width:16px;height:16px;font-size:16px}.assistant-footer input{border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent)}.assistant-footer .send-btn{border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface)}.assistant-footer .send-btn.ready{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 84%,var(--md-sys-color-primary)),var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.task-primary-btn{border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}@media(max-width:959px){.assistant-header{padding:12px 12px 10px}.assistant-section,.assistant-card{margin:4px 12px 10px}.assistant-header:after{left:12px;right:12px}.assistant-header .assistant-title{font-size:14px}.assistant-header .assistant-subtitle{font-size:10px}.assistant-footer{grid-template-columns:minmax(0,1fr) auto}.composer-leading{display:none}}.assistant-thought{margin-top:0;gap:10px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-thought-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-meta mat-icon{width:15px;height:15px;font-size:15px;color:var(--md-sys-color-primary)}.assistant-thought-summary{font-size:13px;line-height:1.45;color:var(--md-sys-color-on-surface)}.assistant-thought-plan{border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:12px;padding:10px;background:var(--md-sys-color-surface-container-lowest);display:flex;flex-direction:column;gap:8px}.assistant-thought-plan-title{font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.assistant-thought-plan-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.assistant-thought-plan-actions .mdc-button{min-width:0}.assistant-thought-plan-hint{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.35}.assistant-thought-checklist{display:flex;flex-direction:column;gap:5px}.assistant-thought-checklist-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-checklist-item mat-icon{width:14px;height:14px;font-size:14px}.assistant-flow{grid-template-columns:1fr;gap:6px}.flow-step{display:flex;align-items:flex-start;gap:8px;text-align:left;padding:7px 8px;border-radius:10px}.flow-step-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.flow-step-content{min-width:0;display:flex;flex-direction:column;gap:1px}.flow-step-label{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.flow-step-detail{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.3}.flow-step.active .flow-step-index{border-color:color-mix(in srgb,var(--md-sys-color-primary) 60%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 85%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-primary-container)}.flow-step.done .flow-step-index{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-highest))}.task-timeline{margin-top:4px;display:grid;gap:6px}.task-timeline-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;padding:6px 8px;background:var(--md-sys-color-surface-container-low);opacity:.76}.task-timeline-item.active{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low))}.task-timeline-item.done{opacity:.9;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant))}.task-timeline-dot{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.task-timeline-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.task-timeline-title{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.task-timeline-detail{font-size:11px;line-height:1.3;color:var(--md-sys-color-on-surface-variant)}.clarification-decision-head{display:inline-flex;align-items:center;width:100%;gap:6px;padding:8px 12px 0;box-sizing:border-box}.clarification-decision-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent)}.clarification-decision-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);opacity:.92}.clarification-decision-state{font-size:10px;font-weight:700;color:var(--md-sys-color-primary)}.clarification-option{border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 55%),var(--md-sys-color-surface-container-low)}.clarification-option.selected{border-color:color-mix(in srgb,var(--md-sys-color-primary) 56%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 44%,transparent),transparent 62%),var(--md-sys-color-surface-container);box-shadow:0 8px 16px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.clarification-options-block{overflow:visible;padding-right:4px}@media(max-width:959px){.assistant-thought-plan-actions{grid-template-columns:1fr}}.ai-assistant-panel{width:min(604px,100vw - 18px)}.assistant-section,.assistant-card{margin:8px 18px 12px}.assistant-card{padding:14px 16px 16px;overflow:visible}.review-area,.error-area,.success-area,.clarification-area{padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}.review-trust{margin:2px 0 4px}.trust-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warnings-area,.review-summary,.review-diff,.apply-details,.clarification-options-block,.clarification-manual-toggle{width:100%;max-width:100%;min-width:0}.review-diff{padding:12px 14px}.review-diff-full{padding:10px;overflow-x:auto}.review-diff-block{min-width:0}.review-diff-block pre{overflow-wrap:anywhere;word-break:break-word}.clarification-options-block{padding:4px 2px 10px}.clarification-option{line-height:normal}:host ::ng-deep .clarification-option .mdc-button__label{line-height:1.35!important}.clarification-plain-label{padding:6px 12px 12px;font-size:14px;line-height:1.35}.clarification-manual-toggle{margin-top:10px;padding:10px 2px 0;flex-wrap:wrap;row-gap:6px}.suggestions-content .suggestion-actions{gap:6px}.suggestions-content .suggestion-arrow,.suggestions-content .suggestion-action-btn mat-icon,.suggestions-content .suggestion-arrow mat-icon{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .assistant-quick-menu-panel{min-width:244px;max-width:min(90vw,320px);border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 32%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);overflow:hidden;padding:6px}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item{min-height:36px;border-radius:10px;color:var(--md-sys-color-on-surface);font-size:12px;font-weight:500;margin:1px 0}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item .mat-icon{color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,var(--md-sys-color-on-surface-variant))}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:hover:not([disabled]){background:color-mix(in srgb,var(--md-sys-color-primary-container) 45%,transparent)}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger{color:var(--md-sys-color-error)}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger .mat-icon{color:var(--md-sys-color-error)}@media(max-width:959px){.ai-assistant-panel{width:100vw}.assistant-section,.assistant-card{margin:6px 10px 10px}.assistant-card{padding:12px}}.ai-trigger-btn{color:var(--md-sys-color-primary);opacity:.82}.ai-trigger-btn:hover{opacity:1}.ai-trigger-btn:focus-visible,.assistant-close-btn:focus-visible,.assistant-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.assistant-close-btn{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant)}.assistant-close-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.assistant-body{padding:6px 0 2px;overflow:hidden;min-height:0;flex:1;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i16.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i3.JsonPipe, name: "json" }, { kind: "pipe", type: i3.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantComponent, isStandalone: true, selector: "praxis-ai-assistant", inputs: { adapter: "adapter", riskPolicy: "riskPolicy", allowManualPatchEdit: "allowManualPatchEdit" }, viewQueries: [{ propertyName: "overlayOrigin", first: true, predicate: CdkOverlayOrigin, descendants: true }, { propertyName: "triggerButton", first: true, predicate: ["triggerBtn"], descendants: true, read: ElementRef }, { propertyName: "inputElement", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<!-- Trigger Button -->\n<button \n  mat-icon-button \n  cdkOverlayOrigin \n  #trigger=\"cdkOverlayOrigin\"\n  #triggerBtn\n  (click)=\"open()\"\n  [disabled]=\"isOpen\"\n  class=\"ai-trigger-btn\"\n  matTooltip=\"Assistente de Configura\u00E7\u00E3o\"\n  aria-label=\"Abrir Assistente IA\">\n  <mat-icon>auto_awesome</mat-icon>\n</button>\n\n<!-- Overlay Template -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"12\"\n  cdkConnectedOverlayPanelClass=\"ai-assistant-overlay-pane\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\">\n\n  <div\n    class=\"ai-assistant-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Assistente de Configura\u00E7\u00E3o\"\n    [attr.aria-busy]=\"isBusyState() ? 'true' : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    \n    <!-- HEADER -->\n    <div class=\"assistant-header\">\n      <div class=\"assistant-header__left\">\n        <mat-icon class=\"magic-icon\">auto_awesome</mat-icon>\n        <div class=\"assistant-title-group\">\n          <div class=\"assistant-title\">Assistente de Configura\u00E7\u00E3o</div>\n          <div class=\"assistant-subtitle\">Copiloto contextual para ajustes guiados</div>\n          <div class=\"assistant-header-chips\">\n            <span\n              class=\"mode-chip\"\n              [class.mock]=\"mockMode\"\n              [matTooltip]=\"mockMode ? 'Sem chave de API: respostas de demonstra\u00E7\u00E3o' : 'Conectado ao assistente configurado'\"\n            >\n              {{ mockMode ? 'Mock' : 'Conectado' }}\n            </span>\n            <span\n              class=\"policy-chip\"\n              [class.strict]=\"isStrictRiskPolicy()\"\n              [matTooltip]=\"getRiskPolicyTooltip()\"\n            >\n              {{ getRiskPolicyLabel() }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"assistant-header__right\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"assistant-close-btn\"\n          (click)=\"close()\"\n          aria-label=\"Fechar assistente\"\n          matTooltip=\"Fechar assistente\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"assistant-status\"\n      [class.processing]=\"isBusyState()\"\n      [class.pending]=\"state === 'clarification'\"\n      [class.warning]=\"state === 'error'\"\n      [class.success]=\"state === 'review' || state === 'success'\"\n      [class.compact]=\"!shouldShowSystemStatusDetail()\"\n      role=\"status\"\n      [attr.aria-live]=\"getSystemStatusAriaLive()\"\n      aria-atomic=\"true\"\n    >\n      <span class=\"assistant-status-dot\" aria-hidden=\"true\"></span>\n      <div class=\"assistant-status-content\">\n        <div class=\"assistant-status-label\">\n          <span class=\"assistant-status-label-prefix\">Status:</span>\n          <span>{{ getSystemStatusLabel() }}</span>\n          <span *ngIf=\"shouldShowSnapshotFallbackBadge()\" class=\"assistant-status-mode\">Snapshot</span>\n        </div>\n        <div *ngIf=\"shouldShowSystemStatusDetail()\" class=\"assistant-status-detail\">{{ getSystemStatusDetail() }}</div>\n      </div>\n    </div>\n    <div class=\"assistant-flow\" *ngIf=\"shouldShowTaskFlow()\" role=\"list\" aria-label=\"Fluxo da proposta\">\n      <div\n        class=\"flow-step\"\n        role=\"listitem\"\n        *ngFor=\"let step of flowSteps\"\n        [class.active]=\"getFlowStepState(step.step) === 'active'\"\n        [class.done]=\"getFlowStepState(step.step) === 'done'\"\n      >\n        <span class=\"flow-step-index\">{{ step.step }}</span>\n        <span class=\"flow-step-content\">\n          <span class=\"flow-step-label\">{{ step.label }}</span>\n          <span class=\"flow-step-detail\">{{ getFlowStepDetail(step.step) }}</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"assistant-nav\">\n      <div\n        class=\"assistant-tabs\"\n        role=\"tablist\"\n        aria-label=\"Se\u00E7\u00F5es do assistente\"\n        (keydown)=\"onTabsKeydown($event)\"\n      >\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          *ngIf=\"isTaskMode()\"\n          id=\"assistant-tab-task\"\n          role=\"tab\"\n          aria-label=\"Proposta atual\"\n          [attr.aria-selected]=\"isActiveTab('task')\"\n          aria-controls=\"assistant-panel-task\"\n          [attr.tabindex]=\"isActiveTab('task') ? 0 : -1\"\n          [class.active]=\"isActiveTab('task')\"\n          (click)=\"setActiveTab('task')\"\n        >\n          Proposta\n          <span *ngIf=\"hasPendingClarification() && !isActiveTab('task')\" class=\"assistant-tab-badge\">1</span>\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-chat\"\n          role=\"tab\"\n          aria-label=\"Hist\u00F3rico\"\n          [attr.aria-selected]=\"isActiveTab('chat')\"\n          aria-controls=\"assistant-panel-chat\"\n          [attr.tabindex]=\"isActiveTab('chat') ? 0 : -1\"\n          [class.active]=\"isActiveTab('chat')\"\n          (click)=\"setActiveTab('chat')\"\n        >\n          Hist\u00F3rico\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-suggestions\"\n          role=\"tab\"\n          aria-label=\"Sugest\u00F5es de melhoria\"\n          [attr.aria-selected]=\"isActiveTab('suggestions')\"\n          aria-controls=\"assistant-panel-suggestions\"\n          [attr.tabindex]=\"isActiveTab('suggestions') ? 0 : -1\"\n          [class.active]=\"isActiveTab('suggestions')\"\n          (click)=\"setActiveTab('suggestions')\"\n        >\n          Sugest\u00F5es\n        </button>\n      </div>\n    </div>\n\n    <!-- BODY: Dynamic Content based on State -->\n      <div class=\"assistant-body\">\n      <div class=\"assistant-thought assistant-section\" *ngIf=\"shouldShowThoughtCard()\">\n        <div class=\"assistant-thought-meta\">\n          <mat-icon>psychology</mat-icon>\n          <span>{{ getThoughtTimingLabel() }}</span>\n        </div>\n        <div class=\"assistant-thought-summary\">{{ getThoughtSummary() }}</div>\n        <div class=\"assistant-thought-plan\">\n          <div class=\"assistant-thought-plan-title\">{{ getThoughtPlanTitle() }}</div>\n          <div class=\"assistant-thought-plan-actions\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"thought-action-details\"\n              (click)=\"openThoughtDetails()\"\n              [attr.aria-label]=\"getThoughtDetailsLabel()\"\n              [matTooltip]=\"getThoughtDetailsTooltip()\"\n            >\n              {{ getThoughtDetailsLabel() }}\n            </button>\n            <button\n              *ngIf=\"shouldShowThoughtPreviewAction()\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              class=\"thought-action-preview\"\n              (click)=\"openThoughtPreview()\"\n              [matTooltip]=\"getThoughtPreviewTooltip()\"\n            >\n              Pr\u00E9via\n            </button>\n          </div>\n          <div class=\"assistant-thought-plan-hint\">{{ getThoughtActionHint() }}</div>\n          <ng-container *ngIf=\"getThoughtChecklist() as thoughtChecklist\">\n            <div class=\"assistant-thought-checklist\" *ngIf=\"thoughtChecklist.length\">\n              <div *ngFor=\"let item of thoughtChecklist\" class=\"assistant-thought-checklist-item\">\n                <mat-icon>radio_button_unchecked</mat-icon>\n                <span>{{ item }}</span>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div *ngIf=\"processingInfoVisible\" class=\"processing-banner\">\n        <mat-spinner diameter=\"16\"></mat-spinner>\n        <span>{{ aiExplanation || 'Analisando solicita\u00E7\u00E3o e preparando proposta...' }}</span>\n        <button mat-button type=\"button\" class=\"processing-retry\" (click)=\"retryProcessing()\">Tentar novamente</button>\n      </div>\n      <div\n        class=\"assistant-history assistant-section\"\n        *ngIf=\"historyContext && isActiveTab('chat')\"\n        id=\"assistant-panel-chat\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-chat\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-heading\">\n            <div class=\"section-title\">Hist\u00F3rico</div>\n            <div class=\"section-subtitle\">Sess\u00F5es recentes, pedidos reaproveit\u00E1veis e desfazer r\u00E1pido.</div>\n          </div>\n          <div class=\"history-actions\" role=\"group\" aria-label=\"A\u00E7\u00F5es do hist\u00F3rico\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"historyExpanded = !historyExpanded\"\n              [matTooltip]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [attr.aria-label]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [disabled]=\"!historyWarnings.length && !historySessions.length && !activeHistoryMessages.length\"\n            >\n              <mat-icon>{{ historyExpanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n              <span>{{ historyExpanded ? 'Recolher' : 'Expandir' }}</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"startNewSession()\"\n              matTooltip=\"Nova conversa\"\n              aria-label=\"Nova conversa\"\n              [disabled]=\"isBusyState()\"\n            >\n              <mat-icon>add_comment</mat-icon>\n              <span>Nova conversa</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"clearHistory()\"\n              matTooltip=\"Limpar hist\u00F3rico local\"\n              aria-label=\"Limpar hist\u00F3rico local\"\n              class=\"history-action-btn history-action-btn--danger\"\n              [disabled]=\"!historySessions.length\"\n            >\n              <mat-icon>delete_outline</mat-icon>\n              <span>Limpar</span>\n            </button>\n          </div>\n        </div>\n        <div *ngIf=\"historyUndoDeleteSession\" class=\"history-undo\">\n          <span>Sess\u00E3o removida.</span>\n          <button mat-button type=\"button\" (click)=\"undoRemoveHistorySession()\">\n            Desfazer\n          </button>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historyWarnings.length\" class=\"history-warnings\">\n          <mat-icon>info</mat-icon>\n          <div class=\"history-warnings-list\">\n            <div *ngFor=\"let warning of historyWarnings\">{{ warning }}</div>\n            <div class=\"history-warnings-hint\">\n              Configure headers via API_CONFIG_STORAGE_OPTIONS no host.\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historySessions.length\" class=\"history-sessions\">\n          <div\n            class=\"history-session\"\n            *ngFor=\"let session of historySessions\"\n            role=\"button\"\n            tabindex=\"0\"\n            (click)=\"selectHistorySession(session.id)\"\n            (keydown)=\"onHistorySessionCardKeydown($event, session.id)\"\n            [class.active]=\"session.id === activeHistorySession?.id\"\n            [matTooltip]=\"getHistorySessionTooltip(session)\"\n            [matTooltipDisabled]=\"!session.componentType && !session.componentId\"\n          >\n            <div class=\"history-session-main\">\n              <span class=\"history-session-title\">{{ session.title }}</span>\n              <div class=\"history-session-main-right\">\n                <span class=\"history-session-time\">{{ session.updatedAt | date:'short' }}</span>\n                <div class=\"history-session-tools\">\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool\"\n                    (click)=\"reuseHistorySessionPrompt(session.id, $event)\"\n                    matTooltip=\"Reusar \u00FAltimo pedido\"\n                    aria-label=\"Reusar \u00FAltimo pedido\"\n                  >\n                    <mat-icon>edit_note</mat-icon>\n                  </button>\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool history-session-tool--danger\"\n                    (click)=\"removeHistorySession(session.id, $event)\"\n                    matTooltip=\"Excluir sess\u00E3o\"\n                    aria-label=\"Excluir sess\u00E3o\"\n                  >\n                    <mat-icon>delete_outline</mat-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"history-session-meta\">\n              <span *ngIf=\"session.componentType\" class=\"history-chip\">{{ session.componentType }}</span>\n              <span *ngIf=\"session.componentId\" class=\"history-chip\">{{ session.componentId }}</span>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && !historySessions.length\" class=\"history-empty\">\n          Nenhuma sess\u00E3o salva ainda.\n        </div>\n\n        <div *ngIf=\"historyExpanded && activeHistoryMessages.length\" class=\"history-messages\">\n          <div\n            *ngIf=\"activeHistoryTotalMessages > activeHistoryMessages.length\"\n            class=\"history-messages-hint\"\n          >\n            Mostrando \u00FAltimas {{ activeHistoryMessages.length }} de {{ activeHistoryTotalMessages }} mensagens.\n          </div>\n          <div\n            *ngFor=\"let msg of activeHistoryMessages\"\n            class=\"history-message\"\n            [class.user]=\"msg.role === 'user'\"\n            [class.assistant]=\"msg.role === 'assistant'\"\n          >\n            <div class=\"history-message-header\">\n              <span class=\"history-message-role\">{{ msg.role === 'user' ? 'Voc\u00EA' : 'Assistente' }}</span>\n              <span class=\"history-message-time\">{{ msg.createdAt | date:'shortTime' }}</span>\n              <span\n                *ngIf=\"msg.context?.usedRag\"\n                class=\"history-rag\"\n                matTooltip=\"Resposta baseada em contexto recuperado (RAG)\"\n              >RAG</span>\n            </div>\n            <div class=\"history-message-text\">{{ msg.text }}</div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && historySessions.length && !activeHistoryMessages.length\" class=\"history-empty history-empty--panel\">\n          Selecione uma sess\u00E3o para visualizar as mensagens.\n        </div>\n        <div class=\"history-helper\" *ngIf=\"historyExpanded\">\n          O hist\u00F3rico \u00E9 local ao usu\u00E1rio e ao componente atual.\n        </div>\n      </div>\n\n      <div\n        class=\"loading-suggestions assistant-section\"\n        *ngIf=\"loadingSuggestions && isActiveTab('suggestions')\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <mat-spinner diameter=\"20\"></mat-spinner>\n        <span>Carregando sugest\u00F5es de melhoria...</span>\n      </div>\n      \n      <!-- STATE: LISTENING (Suggestions) -->\n      <div\n        *ngIf=\"state === 'listening' && isActiveTab('suggestions')\"\n        class=\"suggestions-area assistant-section\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-title\">Sugest\u00F5es de melhoria</div>\n          <div class=\"suggestions-actions\">\n            <button mat-icon-button type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\" matTooltip=\"Atualizar sugest\u00F5es\">\n              <mat-icon>refresh</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"suggestions-hero\" *ngIf=\"!loadingSuggestions\">\n          <div class=\"suggestions-hero__label\">Contexto ativo</div>\n          <div class=\"suggestions-hero__title\">{{ adapter.componentName || 'Componente atual' }}</div>\n          <div class=\"suggestions-hero__detail\">{{ getSystemStatusDetail() }}</div>\n        </div>\n        <div *ngIf=\"suggestionsWarnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of suggestionsWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"suggestions-content\" *ngIf=\"!loadingSuggestions && (richSuggestions.length || hasDismissedSuggestions())\">\n          <div class=\"suggestions-filter\" *ngIf=\"hasDismissedSuggestions()\">\n            <span>{{ getDismissedSuggestionCount() }} oculta(s)</span>\n            <button mat-button type=\"button\" (click)=\"restoreDismissedSuggestions()\">\n              Restaurar\n            </button>\n          </div>\n          <div class=\"suggestions-list\" *ngIf=\"getVisibleSuggestions().length; else allSuggestionsHidden\">\n            <div\n              class=\"suggestion-item\"\n              *ngFor=\"let sug of getVisibleSuggestions()\"\n              role=\"button\"\n              tabindex=\"0\"\n              [attr.aria-label]=\"'Selecionar sugest\u00E3o: ' + sug.label\"\n              (click)=\"selectSuggestion(sug)\"\n              (keydown)=\"onSuggestionCardKeydown($event, sug)\"\n            >\n              <div class=\"suggestion-copy\">\n                <div class=\"suggestion-main\">\n                  <mat-icon *ngIf=\"sug.icon\" class=\"suggestion-icon\">{{ sug.icon }}</mat-icon>\n                  <span class=\"suggestion-label\">{{ sug.label }}</span>\n                  <span *ngIf=\"sug.group\" class=\"suggestion-group\">{{ sug.group }}</span>\n                </div>\n                <div *ngIf=\"sug.description\" class=\"suggestion-desc\">{{ sug.description }}</div>\n              </div>\n              <div class=\"suggestion-actions\">\n                <span class=\"suggestion-arrow\" aria-hidden=\"true\">\n                  <mat-icon>chevron_right</mat-icon>\n                </span>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn\"\n                  (click)=\"prepareSuggestionPrompt(sug, $event)\"\n                  matTooltip=\"Refinar pedido\"\n                  aria-label=\"Refinar pedido\"\n                >\n                  <mat-icon>edit</mat-icon>\n                </button>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn suggestion-action-btn--danger\"\n                  (click)=\"dismissSuggestion(sug, $event)\"\n                  matTooltip=\"Ocultar sugest\u00E3o\"\n                  aria-label=\"Ocultar sugest\u00E3o\"\n                >\n                  <mat-icon>visibility_off</mat-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n          <ng-template #allSuggestionsHidden>\n            <div class=\"suggestions-empty suggestions-empty--inline\">\n              Todas as sugest\u00F5es foram ocultadas.\n            </div>\n          </ng-template>\n        </div>\n        <div class=\"suggestions-empty\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Nenhuma sugest\u00E3o dispon\u00EDvel no momento.\n        </div>\n        <div class=\"suggestions-helper\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Selecione uma sugest\u00E3o acima ou descreva uma altera\u00E7\u00E3o no campo inferior.\n        </div>\n      </div>\n\n      <!-- STATE: CLARIFICATION (Two-Step Flow) -->\n      <div\n        *ngIf=\"state === 'clarification' && isActiveTab('task')\"\n        class=\"clarification-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step active\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"clarificationResponseType === 'context'\" class=\"context-only\">\n          <mat-spinner diameter=\"24\"></mat-spinner>\n          <div class=\"context-only-hint\">Buscando contexto adicional...</div>\n        </div>\n        <ng-template #clarificationOptionContent let-opt let-index=\"index\" let-compact=\"compact\">\n          <div class=\"clarification-decision-head\" *ngIf=\"!compact\">\n            <span class=\"clarification-decision-index\">{{ index + 1 }}</span>\n            <span class=\"clarification-decision-type\">{{ getClarificationOptionKindLabel(opt) }}</span>\n            <span class=\"spacer\"></span>\n            <span class=\"clarification-decision-state\" *ngIf=\"isClarificationSelected(opt)\">Selecionado</span>\n          </div>\n          <ng-container [ngSwitch]=\"getClarificationOptionLayout(opt)\">\n            <div *ngSwitchCase=\"'endpoint'\" class=\"clarification-card\">\n              <div class=\"clarification-card-header\">\n                <mat-icon class=\"endpoint-icon\">{{ getEndpointIcon(opt) }}</mat-icon>\n                <ng-container *ngIf=\"getEndpointMethod(opt) as method\">\n                  <span class=\"endpoint-method\" [attr.data-method]=\"method\">{{ method }}</span>\n                </ng-container>\n                <span class=\"endpoint-label\">{{ opt.label }}</span>\n                <span class=\"spacer\"></span>\n                <mat-icon class=\"select-indicator\">\n                  {{ isClarificationSelected(opt) ? 'check_circle' : 'radio_button_unchecked' }}\n                </mat-icon>\n              </div>\n              <div class=\"clarification-card-body\">\n                <ng-container *ngIf=\"getEndpointPath(opt) as path\">\n                  <div class=\"endpoint-path\">{{ path }}</div>\n                </ng-container>\n                <div\n                  *ngIf=\"opt.contextHints?.description\"\n                  class=\"endpoint-description\"\n                  [matTooltip]=\"getDescriptionTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n                >\n                  {{ opt.contextHints?.description }}\n                </div>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'color'\" class=\"clarification-color\">\n              <span\n                class=\"color-swatch\"\n                [style.background]=\"getSafeHexColor(opt) || 'var(--md-sys-color-surface-container-highest)'\"\n              ></span>\n              <div class=\"color-meta\">\n                <span class=\"color-label\">{{ opt.label }}</span>\n                <span *ngIf=\"opt.contextHints?.hexColor\" class=\"color-value\">{{ opt.contextHints?.hexColor }}</span>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'description'\" class=\"clarification-description\">\n              <span class=\"clarification-label\">{{ opt.label }}</span>\n              <span\n                *ngIf=\"opt.contextHints?.description\"\n                class=\"clarification-subtitle\"\n                [matTooltip]=\"getDescriptionTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n              >\n                {{ opt.contextHints?.description }}\n              </span>\n            </div>\n            <span *ngSwitchDefault class=\"clarification-plain-label\">{{ opt.label }}</span>\n          </ng-container>\n        </ng-template>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationQuestions.length\"\n          class=\"clarification-questions\"\n          [class.attention-highlight]=\"highlightClarificationDetails && !clarificationOptions.length\"\n        >\n          <div *ngFor=\"let question of clarificationQuestions; let i = index\" class=\"clarification-question\">\n            <div class=\"clarification-question-label\">{{ question }}</div>\n            <input\n              type=\"text\"\n              [(ngModel)]=\"clarificationAnswers[i]\"\n              [placeholder]=\"'Resposta ' + (i + 1)\"\n              autocomplete=\"off\">\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationOptions.length\"\n          class=\"clarification-options-block\"\n          [class.attention-highlight]=\"highlightClarificationDetails\"\n        >\n          <div class=\"clarification-options-title\">\n            {{ clarificationOptions.length === 1 ? 'Decis\u00E3o sugerida' : 'Decis\u00F5es sugeridas' }}\n          </div>\n          <div *ngIf=\"clarificationOptions.length === 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: confirme a melhor op\u00E7\u00E3o para continuar.\n          </div>\n          <div *ngIf=\"clarificationOptions.length > 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: selecione a alternativa mais aderente para gerar a proposta.\n          </div>\n          <div\n            *ngIf=\"clarificationResponseType === 'confirm'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationSelectionMode === 'multiple'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                class=\"clarification-option\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation !== 'chips'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation === 'chips'\"\n            class=\"clarification-chips\"\n          >\n            <ng-container *ngFor=\"let opt of clarificationOptions; let i = index\">\n              <button\n                *ngIf=\"isEndpointOption(opt); else chipOption\"\n                mat-button\n                type=\"button\"\n                class=\"clarification-option clarification-card-button\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n              <ng-template #chipOption>\n                <mat-chip\n                  (click)=\"onClarificationOptionClick(opt)\"\n                  [matTooltip]=\"getClarificationTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt)\"\n                  class=\"clarification-chip\"\n                >\n                  <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: true }\"></ng-container>\n                </mat-chip>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && clarificationResponseType !== 'context'\"\n          class=\"clarification-manual-toggle\"\n        >\n          <span class=\"clarification-manual-label\">N\u00E3o encontrou o recurso?</span>\n          <button mat-button type=\"button\" (click)=\"toggleManualInput()\">\n            {{ showManualInput ? 'Ocultar resposta manual' : 'Responder manualmente' }}\n          </button>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free\"\n        >\n          <input\n            type=\"text\"\n            [(ngModel)]=\"clarificationFreeText\"\n            placeholder=\"Digite sua resposta\u2026\"\n            autocomplete=\"off\"\n            (keydown.enter)=\"confirmTaskAction()\"\n          />\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free-hint\"\n        >\n          Pressione Enter para enviar.\n        </div>\n      </div>\n\n      <!-- STATE: REVIEW (Diff/Explanation) -->\n      <div\n        *ngIf=\"state === 'review' && isActiveTab('task')\"\n        class=\"review-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step active\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-trust\">\n          <span class=\"trust-chip\" [matTooltip]=\"getScopeTooltip()\">{{ getScopeLabel() }}</span>\n          <span class=\"trust-chip\" [matTooltip]=\"getConfidenceTooltip()\">{{ getConfidenceLabel() }}</span>\n          <span class=\"trust-chip risk-chip\" [class.medium]=\"getReviewRiskLevel() === 'm\u00E9dio'\" [class.high]=\"getReviewRiskLevel() === 'alto'\">\n            Risco {{ getReviewRiskLevel() }}\n          </span>\n        </div>\n        <div class=\"review-summary\" [class.attention-highlight]=\"highlightReviewDetails\">\n          <div class=\"review-summary-title\">Resumo da proposta</div>\n          <div class=\"review-summary-line\">{{ getReviewSummary() }}</div>\n        </div>\n        <div class=\"review-diff\">\n          <div class=\"review-diff-title\">Pr\u00E9via de mudan\u00E7as</div>\n          <ng-container *ngIf=\"pendingDiff.length; else noDiffPreview\">\n            <div class=\"review-diff-summary\">\n              <div *ngFor=\"let line of getDiffSummaryLines()\" class=\"review-diff-line\">{{ line }}</div>\n              <div *ngIf=\"pendingDiff.length > 3\" class=\"review-diff-more\">\u2026 +{{ pendingDiff.length - 3 }} mudan\u00E7as</div>\n            </div>\n            <button mat-stroked-button type=\"button\" class=\"review-diff-toggle\" (click)=\"toggleFullDiff()\">\n              {{ getDiffToggleLabel() }}\n            </button>\n          </ng-container>\n          <ng-template #noDiffPreview>\n            <div class=\"review-diff-empty\">\n              N\u00E3o foi poss\u00EDvel gerar um diff estruturado. Revise o resumo e aplique com cautela.\n            </div>\n          </ng-template>\n          <div *ngIf=\"showFullDiff && pendingDiff.length\" class=\"review-diff-full\">\n            <div *ngFor=\"let diff of pendingDiff\" class=\"review-diff-block\">\n              <div class=\"review-diff-path\">{{ diff.path }}</div>\n              <div class=\"review-diff-label\">Antes:</div>\n              <pre>{{ diff.before | json }}</pre>\n              <div class=\"review-diff-label\">Depois:</div>\n              <pre>{{ diff.after | json }}</pre>\n            </div>\n          </div>\n        </div>\n        <div class=\"ai-explanation\" *ngIf=\"aiExplanation.trim()\">\n          {{ aiExplanation }}\n        </div>\n      </div>\n\n      <!-- STATE: ERROR -->\n      <div\n        *ngIf=\"state === 'error' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"error-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"error-msg\">\n          <mat-icon color=\"warn\">error_outline</mat-icon>\n          <span>{{ errorMsg }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar patch' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            \u00DAltima tentativa: {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-actions\">\n          <button mat-button (click)=\"close()\">Fechar</button>\n          <button mat-stroked-button (click)=\"retry()\">Tentar Novamente</button>\n        </div>\n      </div>\n\n      <!-- STATE: SUCCESS -->\n      <div\n        *ngIf=\"state === 'success' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"success-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"success-msg\">\n          <mat-icon class=\"success-icon\">check_circle</mat-icon>\n          <span>{{ aiExplanation || 'Configura\u00E7\u00E3o atualizada.' }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar e reaplicar' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            Aplicado em {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <button mat-button color=\"warn\" (click)=\"undoLastChange()\">\n          <mat-icon>undo</mat-icon> Desfazer\n        </button>\n      </div>\n\n    </div>\n\n    <div class=\"assistant-footer\">\n      <ng-container *ngIf=\"!isTaskMode(); else taskFooter\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"composer-leading composer-leading-btn\"\n          [matMenuTriggerFor]=\"assistantQuickMenu\"\n          aria-label=\"Abrir a\u00E7\u00F5es r\u00E1pidas\"\n          matTooltip=\"A\u00E7\u00F5es r\u00E1pidas\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n        <input\n          #inputEl\n          type=\"text\"\n          [(ngModel)]=\"userPrompt\"\n          [disabled]=\"state === 'processing' || state === 'applying'\"\n          placeholder=\"Descreva a altera\u00E7\u00E3o que deseja aplicar\u2026\"\n          autocomplete=\"off\"\n        />\n        <div class=\"send-actions\">\n          <button\n            mat-icon-button\n            class=\"send-btn\"\n            *ngIf=\"state === 'listening'\"\n            (click)=\"submitPrompt()\"\n            [disabled]=\"!userPrompt.trim()\"\n            [class.ready]=\"!!userPrompt.trim()\"\n          >\n            <mat-icon>arrow_upward</mat-icon>\n          </button>\n          <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n        </div>\n      </ng-container>\n      <ng-template #taskFooter>\n        <div class=\"task-footer\">\n          <div class=\"task-footer-left\">\n            <button mat-button type=\"button\" (click)=\"handleTaskSecondary()\">{{ getTaskCancelLabel() }}</button>\n            <button\n              *ngIf=\"state === 'review'\"\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"retry()\"\n            >\n              {{ getTaskSecondaryLabel() }}\n            </button>\n          </div>\n          <div class=\"task-footer-right\">\n            <button\n              class=\"task-primary-btn\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"confirmTaskAction()\"\n              [disabled]=\"isTaskPrimaryDisabled()\"\n            >\n              {{ getTaskPrimaryLabel() }}\n            </button>\n            <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <mat-menu #assistantQuickMenu=\"matMenu\" panelClass=\"assistant-quick-menu-panel\">\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('chat')\">\n        <mat-icon>history</mat-icon>\n        <span>Hist\u00F3rico</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('suggestions')\">\n        <mat-icon>lightbulb</mat-icon>\n        <span>Sugest\u00F5es</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"startNewSession()\">\n        <mat-icon>add_comment</mat-icon>\n        <span>Nova conversa</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\">\n        <mat-icon>refresh</mat-icon>\n        <span>Atualizar sugest\u00F5es</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        (click)=\"restoreDismissedSuggestions()\"\n        [disabled]=\"!hasDismissedSuggestions()\"\n      >\n        <mat-icon>visibility</mat-icon>\n        <span>Restaurar sugest\u00F5es ocultas</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        class=\"assistant-quick-menu-danger\"\n        (click)=\"clearHistory()\"\n        [disabled]=\"!historySessions.length\"\n      >\n        <mat-icon>delete_outline</mat-icon>\n        <span>Limpar hist\u00F3rico local</span>\n      </button>\n    </mat-menu>\n  </div>\n\n</ng-template>\n", styles: ["@keyframes assistantPremiumEnter{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}:host ::ng-deep .ai-assistant-backdrop{background:color-mix(in srgb,var(--md-sys-color-scrim, var(--md-sys-color-shadow, var(--md-sys-color-on-surface))) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}::ng-deep .ai-assistant-overlay-pane{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.ai-assistant-panel{box-sizing:border-box;width:min(604px,100vw - 18px);min-height:min(620px,100vh - 18px);max-height:min(820px,100vh - 18px);display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface);border-left:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-top:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));box-shadow:0 18px 48px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 42%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--md-sys-color-primary-container) 38%,transparent) 0%,transparent 44%),linear-gradient(165deg,color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--md-sys-color-surface)),var(--md-sys-color-surface));animation:assistantPremiumEnter .24s cubic-bezier(.22,1,.36,1)}.assistant-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(130deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.assistant-header:after{content:\"\";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent),transparent);pointer-events:none}.assistant-header .assistant-header__left{min-width:0;display:flex;align-items:flex-start;gap:12px}.assistant-header .magic-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;font-size:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent)}.assistant-header .assistant-title-group{min-width:0;display:flex;flex-direction:column;gap:4px}.assistant-header .assistant-title{font-size:15px;font-weight:700;letter-spacing:.01em;overflow-wrap:anywhere}.assistant-header .assistant-subtitle{display:block;font-size:11px;line-height:1.25;color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,var(--md-sys-color-on-surface-variant));overflow-wrap:anywhere}.assistant-header-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.assistant-header .mode-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 64%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 85%,var(--md-sys-color-on-surface));font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.assistant-header .mode-chip:before{content:\"\";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.assistant-header .mode-chip.mock{border-color:color-mix(in srgb,var(--md-sys-color-error) 34%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-error-container) 72%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-error-container) 85%,var(--md-sys-color-error))}.assistant-header .policy-chip{padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 84%,transparent);background:var(--md-sys-color-surface-container-high);font-size:10px;letter-spacing:.02em;font-weight:600}.assistant-header .policy-chip.strict{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high))}.assistant-status{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-radius:0;background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,transparent),transparent 48%),var(--md-sys-color-surface-container-low)}.assistant-status-dot{width:8px;height:8px;margin-top:6px;border-radius:999px;flex:0 0 auto;background:var(--md-sys-color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.assistant-status.warning .assistant-status-dot{background:var(--md-sys-color-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-error) 16%,transparent)}.assistant-status.success .assistant-status-dot{background:color-mix(in srgb,var(--md-sys-color-primary) 74%,var(--md-sys-color-tertiary, var(--md-sys-color-primary)))}.assistant-status-content{min-width:0;display:flex;flex-direction:column;gap:2px}.assistant-status-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;font-weight:700;line-height:1.35}.assistant-status-detail{font-size:11px;line-height:1.4;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere}.assistant-status-mode{padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent);color:var(--md-sys-color-on-primary-container);font-size:10px;font-weight:700}.assistant-nav{padding:8px 16px 0}.assistant-nav .assistant-tabs{display:flex;align-items:center;gap:4px;border-radius:12px;padding:5px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(155deg,color-mix(in srgb,var(--md-sys-color-primary-container) 14%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tab{appearance:none;min-width:0;min-height:30px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;font-size:11px;font-weight:700;letter-spacing:.01em}.assistant-nav .assistant-tab.active{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent),0 6px 12px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.assistant-section,.assistant-card{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 50%),var(--md-sys-color-surface-container-lowest);box-shadow:0 6px 18px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 7%,transparent)}.suggestions-hero{margin:2px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(120deg,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.suggestions-hero__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant);opacity:.88}.suggestions-hero__title{margin-top:2px;font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.suggestions-hero__detail{margin-top:4px;font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,var(--md-sys-color-on-surface-variant))}.suggestions-content .suggestion-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-color:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(140deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-lowest)}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-main{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.suggestion-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto;color:var(--md-sys-color-primary)}.suggestion-label{min-width:0;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.suggestion-group{padding:2px 6px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:10px;font-weight:700;line-height:1.2}.suggestion-desc{font-size:12px;line-height:1.35;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere}.suggestion-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.suggestion-action-btn,.suggestion-arrow{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--md-sys-color-on-surface-variant)}.suggestions-content .suggestion-item:hover,.suggestions-content .suggestion-item:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant));box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.assistant-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 16px;border-top-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-low)}.assistant-footer .task-footer{grid-column:1/-1}.composer-leading{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 70%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.composer-leading mat-icon{width:16px;height:16px;font-size:16px}.assistant-footer input{box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid;border-radius:8px;padding:0 12px;color:var(--md-sys-color-on-surface);border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent)}.send-actions{min-width:36px;display:inline-flex;align-items:center;justify-content:center}.assistant-footer .send-btn{--mdc-icon-button-icon-size: 20px;--mdc-icon-button-state-layer-size: 36px;--mat-icon-button-state-layer-size: 36px;width:36px;height:36px;padding:8px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface)}.assistant-footer .send-btn mat-icon{width:20px;height:20px;margin:0;font-size:20px;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.assistant-footer .send-btn.ready{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 84%,var(--md-sys-color-primary)),var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.task-primary-btn{border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}@media(max-width:959px){.assistant-header{padding:12px 12px 10px}.assistant-section,.assistant-card{margin:4px 12px 10px}.assistant-header:after{left:12px;right:12px}.assistant-header .assistant-title{font-size:14px}.assistant-header .assistant-subtitle{font-size:10px}.assistant-footer{grid-template-columns:minmax(0,1fr) auto}.composer-leading{display:none}}.assistant-thought{margin-top:0;gap:10px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-thought-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-meta mat-icon{width:15px;height:15px;font-size:15px;color:var(--md-sys-color-primary)}.assistant-thought-summary{font-size:13px;line-height:1.45;color:var(--md-sys-color-on-surface)}.assistant-thought-plan{border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:12px;padding:10px;background:var(--md-sys-color-surface-container-lowest);display:flex;flex-direction:column;gap:8px}.assistant-thought-plan-title{font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.assistant-thought-plan-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.assistant-thought-plan-actions .mdc-button{min-width:0}.assistant-thought-plan-hint{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.35}.assistant-thought-checklist{display:flex;flex-direction:column;gap:5px}.assistant-thought-checklist-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-checklist-item mat-icon{width:14px;height:14px;font-size:14px}.assistant-flow{grid-template-columns:1fr;gap:6px}.flow-step{display:flex;align-items:flex-start;gap:8px;text-align:left;padding:7px 8px;border-radius:10px}.flow-step-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.flow-step-content{min-width:0;display:flex;flex-direction:column;gap:1px}.flow-step-label{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.flow-step-detail{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.3}.flow-step.active .flow-step-index{border-color:color-mix(in srgb,var(--md-sys-color-primary) 60%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 85%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-primary-container)}.flow-step.done .flow-step-index{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-highest))}.task-timeline{margin-top:4px;display:grid;gap:6px}.task-timeline-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;padding:6px 8px;background:var(--md-sys-color-surface-container-low);opacity:.76}.task-timeline-item.active{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low))}.task-timeline-item.done{opacity:.9;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant))}.task-timeline-dot{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.task-timeline-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.task-timeline-title{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.task-timeline-detail{font-size:11px;line-height:1.3;color:var(--md-sys-color-on-surface-variant)}.clarification-decision-head{display:inline-flex;align-items:center;width:100%;gap:6px;padding:8px 12px 0;box-sizing:border-box}.clarification-decision-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent)}.clarification-decision-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);opacity:.92}.clarification-decision-state{font-size:10px;font-weight:700;color:var(--md-sys-color-primary)}.clarification-option{border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 55%),var(--md-sys-color-surface-container-low)}.clarification-option.selected{border-color:color-mix(in srgb,var(--md-sys-color-primary) 56%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 44%,transparent),transparent 62%),var(--md-sys-color-surface-container);box-shadow:0 8px 16px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.clarification-options-block{overflow:visible;padding-right:4px}@media(max-width:959px){.assistant-thought-plan-actions{grid-template-columns:1fr}}.ai-assistant-panel{width:min(604px,100vw - 18px)}.assistant-section,.assistant-card{margin:0;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}.assistant-section{min-height:0;padding:14px 16px;overflow:visible}.assistant-card{min-height:0;padding:14px 16px 16px;overflow:visible}.suggestions-area,.assistant-history,.loading-suggestions{overflow-y:auto;overflow-x:hidden}.section-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-title{min-width:0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.suggestions-actions{flex:0 0 auto;display:inline-flex;align-items:center}.review-area,.error-area,.success-area,.clarification-area{padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}.review-trust{margin:2px 0 4px}.trust-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warnings-area,.review-summary,.review-diff,.apply-details,.clarification-options-block,.clarification-manual-toggle{width:100%;max-width:100%;min-width:0}.review-diff{padding:12px 14px}.review-diff-full{padding:10px;overflow-x:auto}.review-diff-block{min-width:0}.review-diff-block pre{overflow-wrap:anywhere;word-break:break-word}.clarification-options-block{padding:4px 2px 10px}.clarification-option{line-height:normal}:host ::ng-deep .clarification-option .mdc-button__label{line-height:1.35!important}.clarification-plain-label{padding:6px 12px 12px;font-size:14px;line-height:1.35}.clarification-manual-toggle{margin-top:10px;padding:10px 2px 0;flex-wrap:wrap;row-gap:6px}.suggestions-content .suggestion-actions{gap:6px}.suggestions-content .suggestion-arrow,.suggestions-content .suggestion-action-btn mat-icon,.suggestions-content .suggestion-arrow mat-icon{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .assistant-quick-menu-panel{min-width:244px;max-width:min(90vw,320px);border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 32%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);overflow:hidden;padding:6px}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item{min-height:36px;border-radius:10px;color:var(--md-sys-color-on-surface);font-size:12px;font-weight:500;margin:1px 0}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item .mat-icon{color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,var(--md-sys-color-on-surface-variant))}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:hover:not([disabled]){background:color-mix(in srgb,var(--md-sys-color-primary-container) 45%,transparent)}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger{color:var(--md-sys-color-error)}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger .mat-icon{color:var(--md-sys-color-error)}@media(max-width:959px){::ng-deep .ai-assistant-overlay-pane{top:12px!important;left:12px!important;width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);transform:none!important}.ai-assistant-panel{width:calc(100vw - 48px);min-height:min(620px,100vh - 48px);max-height:calc(100vh - 48px)}.assistant-section,.assistant-card{margin:0}.assistant-card,.assistant-section{padding:12px}}.ai-trigger-btn{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent);color:var(--md-sys-color-primary);opacity:1}.ai-trigger-btn:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent);color:var(--md-sys-color-on-primary-container)}.ai-trigger-btn:focus-visible,.assistant-close-btn:focus-visible,.assistant-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.assistant-close-btn{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant)}.assistant-close-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.assistant-body{padding:12px 16px;overflow:hidden;min-height:0;flex:1;display:flex;flex-direction:column;gap:12px}.assistant-body>*{min-height:0}@media(max-width:959px){.assistant-nav{padding:8px 12px 0}.assistant-body,.assistant-footer{padding:10px 12px}.suggestions-content .suggestion-item{grid-template-columns:1fr;align-items:start}.suggestion-actions{justify-content:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i5.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i5.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i16.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i11.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i11.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i11.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i3.JsonPipe, name: "json" }, { kind: "pipe", type: i3.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantComponent, decorators: [{
             type: Component,
@@ -5386,7 +5837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatTooltipModule,
                         MatChipsModule,
                         MatMenuModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Trigger Button -->\n<button \n  mat-icon-button \n  cdkOverlayOrigin \n  #trigger=\"cdkOverlayOrigin\"\n  #triggerBtn\n  (click)=\"open()\"\n  [disabled]=\"isOpen\"\n  class=\"ai-trigger-btn\"\n  matTooltip=\"Assistente de Configura\u00E7\u00E3o\"\n  aria-label=\"Abrir Assistente IA\">\n  <mat-icon>auto_awesome</mat-icon>\n</button>\n\n<!-- Overlay Template -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\">\n\n  <div\n    class=\"ai-assistant-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Assistente de Configura\u00E7\u00E3o\"\n    [attr.aria-busy]=\"isBusyState() ? 'true' : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    \n    <!-- HEADER -->\n    <div class=\"assistant-header\">\n      <div class=\"assistant-header__left\">\n        <mat-icon class=\"magic-icon\">auto_awesome</mat-icon>\n        <div class=\"assistant-title-group\">\n          <div class=\"assistant-title\">Assistente de Configura\u00E7\u00E3o</div>\n          <div class=\"assistant-subtitle\">Copiloto contextual para ajustes guiados</div>\n          <div class=\"assistant-header-chips\">\n            <span\n              class=\"mode-chip\"\n              [class.mock]=\"mockMode\"\n              [matTooltip]=\"mockMode ? 'Sem chave de API: respostas de demonstra\u00E7\u00E3o' : 'Conectado ao assistente configurado'\"\n            >\n              {{ mockMode ? 'Mock' : 'Conectado' }}\n            </span>\n            <span\n              class=\"policy-chip\"\n              [class.strict]=\"isStrictRiskPolicy()\"\n              [matTooltip]=\"getRiskPolicyTooltip()\"\n            >\n              {{ getRiskPolicyLabel() }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"assistant-header__right\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"assistant-close-btn\"\n          (click)=\"close()\"\n          aria-label=\"Fechar assistente\"\n          matTooltip=\"Fechar assistente\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"assistant-status\"\n      [class.processing]=\"isBusyState()\"\n      [class.pending]=\"state === 'clarification'\"\n      [class.warning]=\"state === 'error'\"\n      [class.success]=\"state === 'review' || state === 'success'\"\n      [class.compact]=\"!shouldShowSystemStatusDetail()\"\n      role=\"status\"\n      [attr.aria-live]=\"getSystemStatusAriaLive()\"\n      aria-atomic=\"true\"\n    >\n      <span class=\"assistant-status-dot\" aria-hidden=\"true\"></span>\n      <div class=\"assistant-status-content\">\n        <div class=\"assistant-status-label\">\n          <span class=\"assistant-status-label-prefix\">Status:</span>\n          <span>{{ getSystemStatusLabel() }}</span>\n          <span *ngIf=\"shouldShowSnapshotFallbackBadge()\" class=\"assistant-status-mode\">Snapshot</span>\n        </div>\n        <div *ngIf=\"shouldShowSystemStatusDetail()\" class=\"assistant-status-detail\">{{ getSystemStatusDetail() }}</div>\n      </div>\n    </div>\n    <div class=\"assistant-flow\" *ngIf=\"shouldShowTaskFlow()\" role=\"list\" aria-label=\"Fluxo da proposta\">\n      <div\n        class=\"flow-step\"\n        role=\"listitem\"\n        *ngFor=\"let step of flowSteps\"\n        [class.active]=\"getFlowStepState(step.step) === 'active'\"\n        [class.done]=\"getFlowStepState(step.step) === 'done'\"\n      >\n        <span class=\"flow-step-index\">{{ step.step }}</span>\n        <span class=\"flow-step-content\">\n          <span class=\"flow-step-label\">{{ step.label }}</span>\n          <span class=\"flow-step-detail\">{{ getFlowStepDetail(step.step) }}</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"assistant-nav\">\n      <div\n        class=\"assistant-tabs\"\n        role=\"tablist\"\n        aria-label=\"Se\u00E7\u00F5es do assistente\"\n        (keydown)=\"onTabsKeydown($event)\"\n      >\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          *ngIf=\"isTaskMode()\"\n          id=\"assistant-tab-task\"\n          role=\"tab\"\n          aria-label=\"Proposta atual\"\n          [attr.aria-selected]=\"isActiveTab('task')\"\n          aria-controls=\"assistant-panel-task\"\n          [attr.tabindex]=\"isActiveTab('task') ? 0 : -1\"\n          [class.active]=\"isActiveTab('task')\"\n          (click)=\"setActiveTab('task')\"\n        >\n          Proposta\n          <span *ngIf=\"hasPendingClarification() && !isActiveTab('task')\" class=\"assistant-tab-badge\">1</span>\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-chat\"\n          role=\"tab\"\n          aria-label=\"Hist\u00F3rico\"\n          [attr.aria-selected]=\"isActiveTab('chat')\"\n          aria-controls=\"assistant-panel-chat\"\n          [attr.tabindex]=\"isActiveTab('chat') ? 0 : -1\"\n          [class.active]=\"isActiveTab('chat')\"\n          (click)=\"setActiveTab('chat')\"\n        >\n          Hist\u00F3rico\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-suggestions\"\n          role=\"tab\"\n          aria-label=\"Sugest\u00F5es de melhoria\"\n          [attr.aria-selected]=\"isActiveTab('suggestions')\"\n          aria-controls=\"assistant-panel-suggestions\"\n          [attr.tabindex]=\"isActiveTab('suggestions') ? 0 : -1\"\n          [class.active]=\"isActiveTab('suggestions')\"\n          (click)=\"setActiveTab('suggestions')\"\n        >\n          Sugest\u00F5es\n        </button>\n      </div>\n    </div>\n\n    <!-- BODY: Dynamic Content based on State -->\n      <div class=\"assistant-body\">\n      <div class=\"assistant-thought assistant-section\" *ngIf=\"shouldShowThoughtCard()\">\n        <div class=\"assistant-thought-meta\">\n          <mat-icon>psychology</mat-icon>\n          <span>{{ getThoughtTimingLabel() }}</span>\n        </div>\n        <div class=\"assistant-thought-summary\">{{ getThoughtSummary() }}</div>\n        <div class=\"assistant-thought-plan\">\n          <div class=\"assistant-thought-plan-title\">{{ getThoughtPlanTitle() }}</div>\n          <div class=\"assistant-thought-plan-actions\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"thought-action-details\"\n              (click)=\"openThoughtDetails()\"\n              [attr.aria-label]=\"getThoughtDetailsLabel()\"\n              [matTooltip]=\"getThoughtDetailsTooltip()\"\n            >\n              {{ getThoughtDetailsLabel() }}\n            </button>\n            <button\n              *ngIf=\"shouldShowThoughtPreviewAction()\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              class=\"thought-action-preview\"\n              (click)=\"openThoughtPreview()\"\n              [matTooltip]=\"getThoughtPreviewTooltip()\"\n            >\n              Pr\u00E9via\n            </button>\n          </div>\n          <div class=\"assistant-thought-plan-hint\">{{ getThoughtActionHint() }}</div>\n          <ng-container *ngIf=\"getThoughtChecklist() as thoughtChecklist\">\n            <div class=\"assistant-thought-checklist\" *ngIf=\"thoughtChecklist.length\">\n              <div *ngFor=\"let item of thoughtChecklist\" class=\"assistant-thought-checklist-item\">\n                <mat-icon>radio_button_unchecked</mat-icon>\n                <span>{{ item }}</span>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div *ngIf=\"processingInfoVisible\" class=\"processing-banner\">\n        <mat-spinner diameter=\"16\"></mat-spinner>\n        <span>{{ aiExplanation || 'Analisando solicita\u00E7\u00E3o e preparando proposta...' }}</span>\n        <button mat-button type=\"button\" class=\"processing-retry\" (click)=\"retryProcessing()\">Tentar novamente</button>\n      </div>\n      <div\n        class=\"assistant-history assistant-section\"\n        *ngIf=\"historyContext && isActiveTab('chat')\"\n        id=\"assistant-panel-chat\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-chat\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-heading\">\n            <div class=\"section-title\">Hist\u00F3rico</div>\n            <div class=\"section-subtitle\">Sess\u00F5es recentes, pedidos reaproveit\u00E1veis e desfazer r\u00E1pido.</div>\n          </div>\n          <div class=\"history-actions\" role=\"group\" aria-label=\"A\u00E7\u00F5es do hist\u00F3rico\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"historyExpanded = !historyExpanded\"\n              [matTooltip]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [attr.aria-label]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [disabled]=\"!historyWarnings.length && !historySessions.length && !activeHistoryMessages.length\"\n            >\n              <mat-icon>{{ historyExpanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n              <span>{{ historyExpanded ? 'Recolher' : 'Expandir' }}</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"startNewSession()\"\n              matTooltip=\"Nova conversa\"\n              aria-label=\"Nova conversa\"\n              [disabled]=\"isBusyState()\"\n            >\n              <mat-icon>add_comment</mat-icon>\n              <span>Nova conversa</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"clearHistory()\"\n              matTooltip=\"Limpar hist\u00F3rico local\"\n              aria-label=\"Limpar hist\u00F3rico local\"\n              class=\"history-action-btn history-action-btn--danger\"\n              [disabled]=\"!historySessions.length\"\n            >\n              <mat-icon>delete_outline</mat-icon>\n              <span>Limpar</span>\n            </button>\n          </div>\n        </div>\n        <div *ngIf=\"historyUndoDeleteSession\" class=\"history-undo\">\n          <span>Sess\u00E3o removida.</span>\n          <button mat-button type=\"button\" (click)=\"undoRemoveHistorySession()\">\n            Desfazer\n          </button>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historyWarnings.length\" class=\"history-warnings\">\n          <mat-icon>info</mat-icon>\n          <div class=\"history-warnings-list\">\n            <div *ngFor=\"let warning of historyWarnings\">{{ warning }}</div>\n            <div class=\"history-warnings-hint\">\n              Configure headers via API_CONFIG_STORAGE_OPTIONS no host.\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historySessions.length\" class=\"history-sessions\">\n          <div\n            class=\"history-session\"\n            *ngFor=\"let session of historySessions\"\n            role=\"button\"\n            tabindex=\"0\"\n            (click)=\"selectHistorySession(session.id)\"\n            (keydown)=\"onHistorySessionCardKeydown($event, session.id)\"\n            [class.active]=\"session.id === activeHistorySession?.id\"\n            [matTooltip]=\"getHistorySessionTooltip(session)\"\n            [matTooltipDisabled]=\"!session.componentType && !session.componentId\"\n          >\n            <div class=\"history-session-main\">\n              <span class=\"history-session-title\">{{ session.title }}</span>\n              <div class=\"history-session-main-right\">\n                <span class=\"history-session-time\">{{ session.updatedAt | date:'short' }}</span>\n                <div class=\"history-session-tools\">\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool\"\n                    (click)=\"reuseHistorySessionPrompt(session.id, $event)\"\n                    matTooltip=\"Reusar \u00FAltimo pedido\"\n                    aria-label=\"Reusar \u00FAltimo pedido\"\n                  >\n                    <mat-icon>edit_note</mat-icon>\n                  </button>\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool history-session-tool--danger\"\n                    (click)=\"removeHistorySession(session.id, $event)\"\n                    matTooltip=\"Excluir sess\u00E3o\"\n                    aria-label=\"Excluir sess\u00E3o\"\n                  >\n                    <mat-icon>delete_outline</mat-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"history-session-meta\">\n              <span *ngIf=\"session.componentType\" class=\"history-chip\">{{ session.componentType }}</span>\n              <span *ngIf=\"session.componentId\" class=\"history-chip\">{{ session.componentId }}</span>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && !historySessions.length\" class=\"history-empty\">\n          Nenhuma sess\u00E3o salva ainda.\n        </div>\n\n        <div *ngIf=\"historyExpanded && activeHistoryMessages.length\" class=\"history-messages\">\n          <div\n            *ngIf=\"activeHistoryTotalMessages > activeHistoryMessages.length\"\n            class=\"history-messages-hint\"\n          >\n            Mostrando \u00FAltimas {{ activeHistoryMessages.length }} de {{ activeHistoryTotalMessages }} mensagens.\n          </div>\n          <div\n            *ngFor=\"let msg of activeHistoryMessages\"\n            class=\"history-message\"\n            [class.user]=\"msg.role === 'user'\"\n            [class.assistant]=\"msg.role === 'assistant'\"\n          >\n            <div class=\"history-message-header\">\n              <span class=\"history-message-role\">{{ msg.role === 'user' ? 'Voc\u00EA' : 'Assistente' }}</span>\n              <span class=\"history-message-time\">{{ msg.createdAt | date:'shortTime' }}</span>\n              <span\n                *ngIf=\"msg.context?.usedRag\"\n                class=\"history-rag\"\n                matTooltip=\"Resposta baseada em contexto recuperado (RAG)\"\n              >RAG</span>\n            </div>\n            <div class=\"history-message-text\">{{ msg.text }}</div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && historySessions.length && !activeHistoryMessages.length\" class=\"history-empty history-empty--panel\">\n          Selecione uma sess\u00E3o para visualizar as mensagens.\n        </div>\n        <div class=\"history-helper\" *ngIf=\"historyExpanded\">\n          O hist\u00F3rico \u00E9 local ao usu\u00E1rio e ao componente atual.\n        </div>\n      </div>\n\n      <div\n        class=\"loading-suggestions assistant-section\"\n        *ngIf=\"loadingSuggestions && isActiveTab('suggestions')\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <mat-spinner diameter=\"20\"></mat-spinner>\n        <span>Carregando sugest\u00F5es de melhoria...</span>\n      </div>\n      \n      <!-- STATE: LISTENING (Suggestions) -->\n      <div\n        *ngIf=\"state === 'listening' && isActiveTab('suggestions')\"\n        class=\"suggestions-area assistant-section\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-title\">Sugest\u00F5es de melhoria</div>\n          <div class=\"suggestions-actions\">\n            <button mat-icon-button type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\" matTooltip=\"Atualizar sugest\u00F5es\">\n              <mat-icon>refresh</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"suggestions-hero\" *ngIf=\"!loadingSuggestions\">\n          <div class=\"suggestions-hero__label\">Contexto ativo</div>\n          <div class=\"suggestions-hero__title\">{{ adapter.componentName || 'Componente atual' }}</div>\n          <div class=\"suggestions-hero__detail\">{{ getSystemStatusDetail() }}</div>\n        </div>\n        <div *ngIf=\"suggestionsWarnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of suggestionsWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"suggestions-content\" *ngIf=\"!loadingSuggestions && (richSuggestions.length || hasDismissedSuggestions())\">\n          <div class=\"suggestions-filter\" *ngIf=\"hasDismissedSuggestions()\">\n            <span>{{ getDismissedSuggestionCount() }} oculta(s)</span>\n            <button mat-button type=\"button\" (click)=\"restoreDismissedSuggestions()\">\n              Restaurar\n            </button>\n          </div>\n          <div class=\"suggestions-list\" *ngIf=\"getVisibleSuggestions().length; else allSuggestionsHidden\">\n            <div\n              class=\"suggestion-item\"\n              *ngFor=\"let sug of getVisibleSuggestions()\"\n              role=\"button\"\n              tabindex=\"0\"\n              [attr.aria-label]=\"'Selecionar sugest\u00E3o: ' + sug.label\"\n              (click)=\"selectSuggestion(sug)\"\n              (keydown)=\"onSuggestionCardKeydown($event, sug)\"\n            >\n              <div class=\"suggestion-copy\">\n                <div class=\"suggestion-main\">\n                  <mat-icon *ngIf=\"sug.icon\" class=\"suggestion-icon\">{{ sug.icon }}</mat-icon>\n                  <span class=\"suggestion-label\">{{ sug.label }}</span>\n                  <span *ngIf=\"sug.group\" class=\"suggestion-group\">{{ sug.group }}</span>\n                </div>\n                <div *ngIf=\"sug.description\" class=\"suggestion-desc\">{{ sug.description }}</div>\n              </div>\n              <div class=\"suggestion-actions\">\n                <span class=\"suggestion-arrow\" aria-hidden=\"true\">\n                  <mat-icon>chevron_right</mat-icon>\n                </span>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn\"\n                  (click)=\"prepareSuggestionPrompt(sug, $event)\"\n                  matTooltip=\"Refinar pedido\"\n                  aria-label=\"Refinar pedido\"\n                >\n                  <mat-icon>edit</mat-icon>\n                </button>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn suggestion-action-btn--danger\"\n                  (click)=\"dismissSuggestion(sug, $event)\"\n                  matTooltip=\"Ocultar sugest\u00E3o\"\n                  aria-label=\"Ocultar sugest\u00E3o\"\n                >\n                  <mat-icon>visibility_off</mat-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n          <ng-template #allSuggestionsHidden>\n            <div class=\"suggestions-empty suggestions-empty--inline\">\n              Todas as sugest\u00F5es foram ocultadas.\n            </div>\n          </ng-template>\n        </div>\n        <div class=\"suggestions-empty\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Nenhuma sugest\u00E3o dispon\u00EDvel no momento.\n        </div>\n        <div class=\"suggestions-helper\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Selecione uma sugest\u00E3o acima ou descreva uma altera\u00E7\u00E3o no campo inferior.\n        </div>\n      </div>\n\n      <!-- STATE: CLARIFICATION (Two-Step Flow) -->\n      <div\n        *ngIf=\"state === 'clarification' && isActiveTab('task')\"\n        class=\"clarification-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step active\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"clarificationResponseType === 'context'\" class=\"context-only\">\n          <mat-spinner diameter=\"24\"></mat-spinner>\n          <div class=\"context-only-hint\">Buscando contexto adicional...</div>\n        </div>\n        <ng-template #clarificationOptionContent let-opt let-index=\"index\" let-compact=\"compact\">\n          <div class=\"clarification-decision-head\" *ngIf=\"!compact\">\n            <span class=\"clarification-decision-index\">{{ index + 1 }}</span>\n            <span class=\"clarification-decision-type\">{{ getClarificationOptionKindLabel(opt) }}</span>\n            <span class=\"spacer\"></span>\n            <span class=\"clarification-decision-state\" *ngIf=\"isClarificationSelected(opt)\">Selecionado</span>\n          </div>\n          <ng-container [ngSwitch]=\"getClarificationOptionLayout(opt)\">\n            <div *ngSwitchCase=\"'endpoint'\" class=\"clarification-card\">\n              <div class=\"clarification-card-header\">\n                <mat-icon class=\"endpoint-icon\">{{ getEndpointIcon(opt) }}</mat-icon>\n                <ng-container *ngIf=\"getEndpointMethod(opt) as method\">\n                  <span class=\"endpoint-method\" [attr.data-method]=\"method\">{{ method }}</span>\n                </ng-container>\n                <span class=\"endpoint-label\">{{ opt.label }}</span>\n                <span class=\"spacer\"></span>\n                <mat-icon class=\"select-indicator\">\n                  {{ isClarificationSelected(opt) ? 'check_circle' : 'radio_button_unchecked' }}\n                </mat-icon>\n              </div>\n              <div class=\"clarification-card-body\">\n                <ng-container *ngIf=\"getEndpointPath(opt) as path\">\n                  <div class=\"endpoint-path\">{{ path }}</div>\n                </ng-container>\n                <div\n                  *ngIf=\"opt.contextHints?.description\"\n                  class=\"endpoint-description\"\n                  [matTooltip]=\"getDescriptionTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n                >\n                  {{ opt.contextHints?.description }}\n                </div>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'color'\" class=\"clarification-color\">\n              <span\n                class=\"color-swatch\"\n                [style.background]=\"getSafeHexColor(opt) || 'var(--md-sys-color-surface-container-highest)'\"\n              ></span>\n              <div class=\"color-meta\">\n                <span class=\"color-label\">{{ opt.label }}</span>\n                <span *ngIf=\"opt.contextHints?.hexColor\" class=\"color-value\">{{ opt.contextHints?.hexColor }}</span>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'description'\" class=\"clarification-description\">\n              <span class=\"clarification-label\">{{ opt.label }}</span>\n              <span\n                *ngIf=\"opt.contextHints?.description\"\n                class=\"clarification-subtitle\"\n                [matTooltip]=\"getDescriptionTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n              >\n                {{ opt.contextHints?.description }}\n              </span>\n            </div>\n            <span *ngSwitchDefault class=\"clarification-plain-label\">{{ opt.label }}</span>\n          </ng-container>\n        </ng-template>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationQuestions.length\"\n          class=\"clarification-questions\"\n          [class.attention-highlight]=\"highlightClarificationDetails && !clarificationOptions.length\"\n        >\n          <div *ngFor=\"let question of clarificationQuestions; let i = index\" class=\"clarification-question\">\n            <div class=\"clarification-question-label\">{{ question }}</div>\n            <input\n              type=\"text\"\n              [(ngModel)]=\"clarificationAnswers[i]\"\n              [placeholder]=\"'Resposta ' + (i + 1)\"\n              autocomplete=\"off\">\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationOptions.length\"\n          class=\"clarification-options-block\"\n          [class.attention-highlight]=\"highlightClarificationDetails\"\n        >\n          <div class=\"clarification-options-title\">\n            {{ clarificationOptions.length === 1 ? 'Decis\u00E3o sugerida' : 'Decis\u00F5es sugeridas' }}\n          </div>\n          <div *ngIf=\"clarificationOptions.length === 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: confirme a melhor op\u00E7\u00E3o para continuar.\n          </div>\n          <div *ngIf=\"clarificationOptions.length > 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: selecione a alternativa mais aderente para gerar a proposta.\n          </div>\n          <div\n            *ngIf=\"clarificationResponseType === 'confirm'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationSelectionMode === 'multiple'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                class=\"clarification-option\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation !== 'chips'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation === 'chips'\"\n            class=\"clarification-chips\"\n          >\n            <ng-container *ngFor=\"let opt of clarificationOptions; let i = index\">\n              <button\n                *ngIf=\"isEndpointOption(opt); else chipOption\"\n                mat-button\n                type=\"button\"\n                class=\"clarification-option clarification-card-button\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n              <ng-template #chipOption>\n                <mat-chip\n                  (click)=\"onClarificationOptionClick(opt)\"\n                  [matTooltip]=\"getClarificationTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt)\"\n                  class=\"clarification-chip\"\n                >\n                  <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: true }\"></ng-container>\n                </mat-chip>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && clarificationResponseType !== 'context'\"\n          class=\"clarification-manual-toggle\"\n        >\n          <span class=\"clarification-manual-label\">N\u00E3o encontrou o recurso?</span>\n          <button mat-button type=\"button\" (click)=\"toggleManualInput()\">\n            {{ showManualInput ? 'Ocultar resposta manual' : 'Responder manualmente' }}\n          </button>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free\"\n        >\n          <input\n            type=\"text\"\n            [(ngModel)]=\"clarificationFreeText\"\n            placeholder=\"Digite sua resposta\u2026\"\n            autocomplete=\"off\"\n            (keydown.enter)=\"confirmTaskAction()\"\n          />\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free-hint\"\n        >\n          Pressione Enter para enviar.\n        </div>\n      </div>\n\n      <!-- STATE: REVIEW (Diff/Explanation) -->\n      <div\n        *ngIf=\"state === 'review' && isActiveTab('task')\"\n        class=\"review-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step active\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-trust\">\n          <span class=\"trust-chip\" [matTooltip]=\"getScopeTooltip()\">{{ getScopeLabel() }}</span>\n          <span class=\"trust-chip\" [matTooltip]=\"getConfidenceTooltip()\">{{ getConfidenceLabel() }}</span>\n          <span class=\"trust-chip risk-chip\" [class.medium]=\"getReviewRiskLevel() === 'm\u00E9dio'\" [class.high]=\"getReviewRiskLevel() === 'alto'\">\n            Risco {{ getReviewRiskLevel() }}\n          </span>\n        </div>\n        <div class=\"review-summary\" [class.attention-highlight]=\"highlightReviewDetails\">\n          <div class=\"review-summary-title\">Resumo da proposta</div>\n          <div class=\"review-summary-line\">{{ getReviewSummary() }}</div>\n        </div>\n        <div class=\"review-diff\">\n          <div class=\"review-diff-title\">Pr\u00E9via de mudan\u00E7as</div>\n          <ng-container *ngIf=\"pendingDiff.length; else noDiffPreview\">\n            <div class=\"review-diff-summary\">\n              <div *ngFor=\"let line of getDiffSummaryLines()\" class=\"review-diff-line\">{{ line }}</div>\n              <div *ngIf=\"pendingDiff.length > 3\" class=\"review-diff-more\">\u2026 +{{ pendingDiff.length - 3 }} mudan\u00E7as</div>\n            </div>\n            <button mat-stroked-button type=\"button\" class=\"review-diff-toggle\" (click)=\"toggleFullDiff()\">\n              {{ getDiffToggleLabel() }}\n            </button>\n          </ng-container>\n          <ng-template #noDiffPreview>\n            <div class=\"review-diff-empty\">\n              N\u00E3o foi poss\u00EDvel gerar um diff estruturado. Revise o resumo e aplique com cautela.\n            </div>\n          </ng-template>\n          <div *ngIf=\"showFullDiff && pendingDiff.length\" class=\"review-diff-full\">\n            <div *ngFor=\"let diff of pendingDiff\" class=\"review-diff-block\">\n              <div class=\"review-diff-path\">{{ diff.path }}</div>\n              <div class=\"review-diff-label\">Antes:</div>\n              <pre>{{ diff.before | json }}</pre>\n              <div class=\"review-diff-label\">Depois:</div>\n              <pre>{{ diff.after | json }}</pre>\n            </div>\n          </div>\n        </div>\n        <div class=\"ai-explanation\" *ngIf=\"aiExplanation.trim()\">\n          {{ aiExplanation }}\n        </div>\n      </div>\n\n      <!-- STATE: ERROR -->\n      <div\n        *ngIf=\"state === 'error' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"error-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"error-msg\">\n          <mat-icon color=\"warn\">error_outline</mat-icon>\n          <span>{{ errorMsg }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar patch' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            \u00DAltima tentativa: {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-actions\">\n          <button mat-button (click)=\"close()\">Fechar</button>\n          <button mat-stroked-button (click)=\"retry()\">Tentar Novamente</button>\n        </div>\n      </div>\n\n      <!-- STATE: SUCCESS -->\n      <div\n        *ngIf=\"state === 'success' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"success-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"success-msg\">\n          <mat-icon class=\"success-icon\">check_circle</mat-icon>\n          <span>{{ aiExplanation || 'Configura\u00E7\u00E3o atualizada.' }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar e reaplicar' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            Aplicado em {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <button mat-button color=\"warn\" (click)=\"undoLastChange()\">\n          <mat-icon>undo</mat-icon> Desfazer\n        </button>\n      </div>\n\n    </div>\n\n    <div class=\"assistant-footer\">\n      <ng-container *ngIf=\"!isTaskMode(); else taskFooter\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"composer-leading composer-leading-btn\"\n          [matMenuTriggerFor]=\"assistantQuickMenu\"\n          aria-label=\"Abrir a\u00E7\u00F5es r\u00E1pidas\"\n          matTooltip=\"A\u00E7\u00F5es r\u00E1pidas\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n        <input\n          #inputEl\n          type=\"text\"\n          [(ngModel)]=\"userPrompt\"\n          [disabled]=\"state === 'processing' || state === 'applying'\"\n          placeholder=\"Descreva a altera\u00E7\u00E3o que deseja aplicar\u2026\"\n          autocomplete=\"off\"\n        />\n        <div class=\"send-actions\">\n          <button\n            mat-icon-button\n            class=\"send-btn\"\n            *ngIf=\"state === 'listening'\"\n            (click)=\"submitPrompt()\"\n            [disabled]=\"!userPrompt.trim()\"\n            [class.ready]=\"!!userPrompt.trim()\"\n          >\n            <mat-icon>arrow_upward</mat-icon>\n          </button>\n          <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n        </div>\n      </ng-container>\n      <ng-template #taskFooter>\n        <div class=\"task-footer\">\n          <div class=\"task-footer-left\">\n            <button mat-button type=\"button\" (click)=\"handleTaskSecondary()\">{{ getTaskCancelLabel() }}</button>\n            <button\n              *ngIf=\"state === 'review'\"\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"retry()\"\n            >\n              {{ getTaskSecondaryLabel() }}\n            </button>\n          </div>\n          <div class=\"task-footer-right\">\n            <button\n              class=\"task-primary-btn\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"confirmTaskAction()\"\n              [disabled]=\"isTaskPrimaryDisabled()\"\n            >\n              {{ getTaskPrimaryLabel() }}\n            </button>\n            <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <mat-menu #assistantQuickMenu=\"matMenu\" panelClass=\"assistant-quick-menu-panel\">\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('chat')\">\n        <mat-icon>history</mat-icon>\n        <span>Hist\u00F3rico</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('suggestions')\">\n        <mat-icon>lightbulb</mat-icon>\n        <span>Sugest\u00F5es</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"startNewSession()\">\n        <mat-icon>add_comment</mat-icon>\n        <span>Nova conversa</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\">\n        <mat-icon>refresh</mat-icon>\n        <span>Atualizar sugest\u00F5es</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        (click)=\"restoreDismissedSuggestions()\"\n        [disabled]=\"!hasDismissedSuggestions()\"\n      >\n        <mat-icon>visibility</mat-icon>\n        <span>Restaurar sugest\u00F5es ocultas</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        class=\"assistant-quick-menu-danger\"\n        (click)=\"clearHistory()\"\n        [disabled]=\"!historySessions.length\"\n      >\n        <mat-icon>delete_outline</mat-icon>\n        <span>Limpar hist\u00F3rico local</span>\n      </button>\n    </mat-menu>\n  </div>\n\n</ng-template>\n", styles: ["@keyframes assistantPremiumEnter{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}:host ::ng-deep .ai-assistant-backdrop{background:color-mix(in srgb,var(--md-sys-color-scrim, var(--md-sys-color-shadow, var(--md-sys-color-on-surface))) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ai-assistant-panel{border-left:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-top:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));box-shadow:0 18px 48px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 42%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--md-sys-color-primary-container) 38%,transparent) 0%,transparent 44%),linear-gradient(165deg,color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--md-sys-color-surface)),var(--md-sys-color-surface));animation:assistantPremiumEnter .24s cubic-bezier(.22,1,.36,1)}.assistant-header{position:relative;padding:12px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(130deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.assistant-header:after{content:\"\";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent),transparent);pointer-events:none}.assistant-header .assistant-header__left{gap:12px}.assistant-header .magic-icon{width:30px;height:30px;font-size:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent)}.assistant-header .assistant-title-group{gap:4px}.assistant-header .assistant-title{font-size:15px;font-weight:700;letter-spacing:.01em}.assistant-header .assistant-subtitle{display:block;font-size:11px;line-height:1.25;color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,var(--md-sys-color-on-surface-variant))}.assistant-header-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.assistant-header .mode-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 64%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 85%,var(--md-sys-color-on-surface));font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.assistant-header .mode-chip:before{content:\"\";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.assistant-header .mode-chip.mock{border-color:color-mix(in srgb,var(--md-sys-color-error) 34%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-error-container) 72%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-error-container) 85%,var(--md-sys-color-error))}.assistant-header .policy-chip{padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 84%,transparent);background:var(--md-sys-color-surface-container-high);font-size:10px;letter-spacing:.02em;font-weight:600}.assistant-header .policy-chip.strict{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high))}.assistant-status{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,transparent),transparent 48%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tabs{border-radius:12px;padding:5px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(155deg,color-mix(in srgb,var(--md-sys-color-primary-container) 14%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tab{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;font-size:11px;font-weight:700;letter-spacing:.01em}.assistant-nav .assistant-tab.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent),0 6px 12px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.assistant-section,.assistant-card{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 50%),var(--md-sys-color-surface-container-lowest);box-shadow:0 6px 18px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 7%,transparent)}.suggestions-hero{margin:2px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(120deg,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.suggestions-hero__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant);opacity:.88}.suggestions-hero__title{margin-top:2px;font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.suggestions-hero__detail{margin-top:4px;font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,var(--md-sys-color-on-surface-variant))}.suggestions-content .suggestion-item{border-radius:12px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(140deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-lowest)}.suggestions-content .suggestion-item:hover,.suggestions-content .suggestion-item:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant));box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.assistant-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border-top-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-low)}.assistant-footer .task-footer{grid-column:1/-1}.composer-leading{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 70%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.composer-leading mat-icon{width:16px;height:16px;font-size:16px}.assistant-footer input{border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent)}.assistant-footer .send-btn{border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface)}.assistant-footer .send-btn.ready{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 84%,var(--md-sys-color-primary)),var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.task-primary-btn{border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}@media(max-width:959px){.assistant-header{padding:12px 12px 10px}.assistant-section,.assistant-card{margin:4px 12px 10px}.assistant-header:after{left:12px;right:12px}.assistant-header .assistant-title{font-size:14px}.assistant-header .assistant-subtitle{font-size:10px}.assistant-footer{grid-template-columns:minmax(0,1fr) auto}.composer-leading{display:none}}.assistant-thought{margin-top:0;gap:10px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-thought-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-meta mat-icon{width:15px;height:15px;font-size:15px;color:var(--md-sys-color-primary)}.assistant-thought-summary{font-size:13px;line-height:1.45;color:var(--md-sys-color-on-surface)}.assistant-thought-plan{border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:12px;padding:10px;background:var(--md-sys-color-surface-container-lowest);display:flex;flex-direction:column;gap:8px}.assistant-thought-plan-title{font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.assistant-thought-plan-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.assistant-thought-plan-actions .mdc-button{min-width:0}.assistant-thought-plan-hint{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.35}.assistant-thought-checklist{display:flex;flex-direction:column;gap:5px}.assistant-thought-checklist-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-checklist-item mat-icon{width:14px;height:14px;font-size:14px}.assistant-flow{grid-template-columns:1fr;gap:6px}.flow-step{display:flex;align-items:flex-start;gap:8px;text-align:left;padding:7px 8px;border-radius:10px}.flow-step-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.flow-step-content{min-width:0;display:flex;flex-direction:column;gap:1px}.flow-step-label{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.flow-step-detail{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.3}.flow-step.active .flow-step-index{border-color:color-mix(in srgb,var(--md-sys-color-primary) 60%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 85%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-primary-container)}.flow-step.done .flow-step-index{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-highest))}.task-timeline{margin-top:4px;display:grid;gap:6px}.task-timeline-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;padding:6px 8px;background:var(--md-sys-color-surface-container-low);opacity:.76}.task-timeline-item.active{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low))}.task-timeline-item.done{opacity:.9;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant))}.task-timeline-dot{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.task-timeline-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.task-timeline-title{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.task-timeline-detail{font-size:11px;line-height:1.3;color:var(--md-sys-color-on-surface-variant)}.clarification-decision-head{display:inline-flex;align-items:center;width:100%;gap:6px;padding:8px 12px 0;box-sizing:border-box}.clarification-decision-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent)}.clarification-decision-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);opacity:.92}.clarification-decision-state{font-size:10px;font-weight:700;color:var(--md-sys-color-primary)}.clarification-option{border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 55%),var(--md-sys-color-surface-container-low)}.clarification-option.selected{border-color:color-mix(in srgb,var(--md-sys-color-primary) 56%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 44%,transparent),transparent 62%),var(--md-sys-color-surface-container);box-shadow:0 8px 16px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.clarification-options-block{overflow:visible;padding-right:4px}@media(max-width:959px){.assistant-thought-plan-actions{grid-template-columns:1fr}}.ai-assistant-panel{width:min(604px,100vw - 18px)}.assistant-section,.assistant-card{margin:8px 18px 12px}.assistant-card{padding:14px 16px 16px;overflow:visible}.review-area,.error-area,.success-area,.clarification-area{padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}.review-trust{margin:2px 0 4px}.trust-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warnings-area,.review-summary,.review-diff,.apply-details,.clarification-options-block,.clarification-manual-toggle{width:100%;max-width:100%;min-width:0}.review-diff{padding:12px 14px}.review-diff-full{padding:10px;overflow-x:auto}.review-diff-block{min-width:0}.review-diff-block pre{overflow-wrap:anywhere;word-break:break-word}.clarification-options-block{padding:4px 2px 10px}.clarification-option{line-height:normal}:host ::ng-deep .clarification-option .mdc-button__label{line-height:1.35!important}.clarification-plain-label{padding:6px 12px 12px;font-size:14px;line-height:1.35}.clarification-manual-toggle{margin-top:10px;padding:10px 2px 0;flex-wrap:wrap;row-gap:6px}.suggestions-content .suggestion-actions{gap:6px}.suggestions-content .suggestion-arrow,.suggestions-content .suggestion-action-btn mat-icon,.suggestions-content .suggestion-arrow mat-icon{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .assistant-quick-menu-panel{min-width:244px;max-width:min(90vw,320px);border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 32%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);overflow:hidden;padding:6px}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item{min-height:36px;border-radius:10px;color:var(--md-sys-color-on-surface);font-size:12px;font-weight:500;margin:1px 0}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item .mat-icon{color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,var(--md-sys-color-on-surface-variant))}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:hover:not([disabled]){background:color-mix(in srgb,var(--md-sys-color-primary-container) 45%,transparent)}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger{color:var(--md-sys-color-error)}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger .mat-icon{color:var(--md-sys-color-error)}@media(max-width:959px){.ai-assistant-panel{width:100vw}.assistant-section,.assistant-card{margin:6px 10px 10px}.assistant-card{padding:12px}}.ai-trigger-btn{color:var(--md-sys-color-primary);opacity:.82}.ai-trigger-btn:hover{opacity:1}.ai-trigger-btn:focus-visible,.assistant-close-btn:focus-visible,.assistant-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.assistant-close-btn{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant)}.assistant-close-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.assistant-body{padding:6px 0 2px;overflow:hidden;min-height:0;flex:1;display:flex;flex-direction:column}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Trigger Button -->\n<button \n  mat-icon-button \n  cdkOverlayOrigin \n  #trigger=\"cdkOverlayOrigin\"\n  #triggerBtn\n  (click)=\"open()\"\n  [disabled]=\"isOpen\"\n  class=\"ai-trigger-btn\"\n  matTooltip=\"Assistente de Configura\u00E7\u00E3o\"\n  aria-label=\"Abrir Assistente IA\">\n  <mat-icon>auto_awesome</mat-icon>\n</button>\n\n<!-- Overlay Template -->\n<ng-template\n  cdkConnectedOverlay\n  [cdkConnectedOverlayOrigin]=\"trigger\"\n  [cdkConnectedOverlayOpen]=\"isOpen\"\n  [cdkConnectedOverlayHasBackdrop]=\"true\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"12\"\n  cdkConnectedOverlayPanelClass=\"ai-assistant-overlay-pane\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (detach)=\"close()\">\n\n  <div\n    class=\"ai-assistant-panel\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Assistente de Configura\u00E7\u00E3o\"\n    [attr.aria-busy]=\"isBusyState() ? 'true' : null\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"true\"\n    (keydown)=\"onKeydown($event)\"\n  >\n    \n    <!-- HEADER -->\n    <div class=\"assistant-header\">\n      <div class=\"assistant-header__left\">\n        <mat-icon class=\"magic-icon\">auto_awesome</mat-icon>\n        <div class=\"assistant-title-group\">\n          <div class=\"assistant-title\">Assistente de Configura\u00E7\u00E3o</div>\n          <div class=\"assistant-subtitle\">Copiloto contextual para ajustes guiados</div>\n          <div class=\"assistant-header-chips\">\n            <span\n              class=\"mode-chip\"\n              [class.mock]=\"mockMode\"\n              [matTooltip]=\"mockMode ? 'Sem chave de API: respostas de demonstra\u00E7\u00E3o' : 'Conectado ao assistente configurado'\"\n            >\n              {{ mockMode ? 'Mock' : 'Conectado' }}\n            </span>\n            <span\n              class=\"policy-chip\"\n              [class.strict]=\"isStrictRiskPolicy()\"\n              [matTooltip]=\"getRiskPolicyTooltip()\"\n            >\n              {{ getRiskPolicyLabel() }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"assistant-header__right\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"assistant-close-btn\"\n          (click)=\"close()\"\n          aria-label=\"Fechar assistente\"\n          matTooltip=\"Fechar assistente\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n    <div\n      class=\"assistant-status\"\n      [class.processing]=\"isBusyState()\"\n      [class.pending]=\"state === 'clarification'\"\n      [class.warning]=\"state === 'error'\"\n      [class.success]=\"state === 'review' || state === 'success'\"\n      [class.compact]=\"!shouldShowSystemStatusDetail()\"\n      role=\"status\"\n      [attr.aria-live]=\"getSystemStatusAriaLive()\"\n      aria-atomic=\"true\"\n    >\n      <span class=\"assistant-status-dot\" aria-hidden=\"true\"></span>\n      <div class=\"assistant-status-content\">\n        <div class=\"assistant-status-label\">\n          <span class=\"assistant-status-label-prefix\">Status:</span>\n          <span>{{ getSystemStatusLabel() }}</span>\n          <span *ngIf=\"shouldShowSnapshotFallbackBadge()\" class=\"assistant-status-mode\">Snapshot</span>\n        </div>\n        <div *ngIf=\"shouldShowSystemStatusDetail()\" class=\"assistant-status-detail\">{{ getSystemStatusDetail() }}</div>\n      </div>\n    </div>\n    <div class=\"assistant-flow\" *ngIf=\"shouldShowTaskFlow()\" role=\"list\" aria-label=\"Fluxo da proposta\">\n      <div\n        class=\"flow-step\"\n        role=\"listitem\"\n        *ngFor=\"let step of flowSteps\"\n        [class.active]=\"getFlowStepState(step.step) === 'active'\"\n        [class.done]=\"getFlowStepState(step.step) === 'done'\"\n      >\n        <span class=\"flow-step-index\">{{ step.step }}</span>\n        <span class=\"flow-step-content\">\n          <span class=\"flow-step-label\">{{ step.label }}</span>\n          <span class=\"flow-step-detail\">{{ getFlowStepDetail(step.step) }}</span>\n        </span>\n      </div>\n    </div>\n    <div class=\"assistant-nav\">\n      <div\n        class=\"assistant-tabs\"\n        role=\"tablist\"\n        aria-label=\"Se\u00E7\u00F5es do assistente\"\n        (keydown)=\"onTabsKeydown($event)\"\n      >\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          *ngIf=\"isTaskMode()\"\n          id=\"assistant-tab-task\"\n          role=\"tab\"\n          aria-label=\"Proposta atual\"\n          [attr.aria-selected]=\"isActiveTab('task')\"\n          aria-controls=\"assistant-panel-task\"\n          [attr.tabindex]=\"isActiveTab('task') ? 0 : -1\"\n          [class.active]=\"isActiveTab('task')\"\n          (click)=\"setActiveTab('task')\"\n        >\n          Proposta\n          <span *ngIf=\"hasPendingClarification() && !isActiveTab('task')\" class=\"assistant-tab-badge\">1</span>\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-chat\"\n          role=\"tab\"\n          aria-label=\"Hist\u00F3rico\"\n          [attr.aria-selected]=\"isActiveTab('chat')\"\n          aria-controls=\"assistant-panel-chat\"\n          [attr.tabindex]=\"isActiveTab('chat') ? 0 : -1\"\n          [class.active]=\"isActiveTab('chat')\"\n          (click)=\"setActiveTab('chat')\"\n        >\n          Hist\u00F3rico\n        </button>\n        <button\n          class=\"assistant-tab\"\n          type=\"button\"\n          id=\"assistant-tab-suggestions\"\n          role=\"tab\"\n          aria-label=\"Sugest\u00F5es de melhoria\"\n          [attr.aria-selected]=\"isActiveTab('suggestions')\"\n          aria-controls=\"assistant-panel-suggestions\"\n          [attr.tabindex]=\"isActiveTab('suggestions') ? 0 : -1\"\n          [class.active]=\"isActiveTab('suggestions')\"\n          (click)=\"setActiveTab('suggestions')\"\n        >\n          Sugest\u00F5es\n        </button>\n      </div>\n    </div>\n\n    <!-- BODY: Dynamic Content based on State -->\n      <div class=\"assistant-body\">\n      <div class=\"assistant-thought assistant-section\" *ngIf=\"shouldShowThoughtCard()\">\n        <div class=\"assistant-thought-meta\">\n          <mat-icon>psychology</mat-icon>\n          <span>{{ getThoughtTimingLabel() }}</span>\n        </div>\n        <div class=\"assistant-thought-summary\">{{ getThoughtSummary() }}</div>\n        <div class=\"assistant-thought-plan\">\n          <div class=\"assistant-thought-plan-title\">{{ getThoughtPlanTitle() }}</div>\n          <div class=\"assistant-thought-plan-actions\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"thought-action-details\"\n              (click)=\"openThoughtDetails()\"\n              [attr.aria-label]=\"getThoughtDetailsLabel()\"\n              [matTooltip]=\"getThoughtDetailsTooltip()\"\n            >\n              {{ getThoughtDetailsLabel() }}\n            </button>\n            <button\n              *ngIf=\"shouldShowThoughtPreviewAction()\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              class=\"thought-action-preview\"\n              (click)=\"openThoughtPreview()\"\n              [matTooltip]=\"getThoughtPreviewTooltip()\"\n            >\n              Pr\u00E9via\n            </button>\n          </div>\n          <div class=\"assistant-thought-plan-hint\">{{ getThoughtActionHint() }}</div>\n          <ng-container *ngIf=\"getThoughtChecklist() as thoughtChecklist\">\n            <div class=\"assistant-thought-checklist\" *ngIf=\"thoughtChecklist.length\">\n              <div *ngFor=\"let item of thoughtChecklist\" class=\"assistant-thought-checklist-item\">\n                <mat-icon>radio_button_unchecked</mat-icon>\n                <span>{{ item }}</span>\n              </div>\n            </div>\n          </ng-container>\n        </div>\n      </div>\n      <div *ngIf=\"processingInfoVisible\" class=\"processing-banner\">\n        <mat-spinner diameter=\"16\"></mat-spinner>\n        <span>{{ aiExplanation || 'Analisando solicita\u00E7\u00E3o e preparando proposta...' }}</span>\n        <button mat-button type=\"button\" class=\"processing-retry\" (click)=\"retryProcessing()\">Tentar novamente</button>\n      </div>\n      <div\n        class=\"assistant-history assistant-section\"\n        *ngIf=\"historyContext && isActiveTab('chat')\"\n        id=\"assistant-panel-chat\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-chat\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-heading\">\n            <div class=\"section-title\">Hist\u00F3rico</div>\n            <div class=\"section-subtitle\">Sess\u00F5es recentes, pedidos reaproveit\u00E1veis e desfazer r\u00E1pido.</div>\n          </div>\n          <div class=\"history-actions\" role=\"group\" aria-label=\"A\u00E7\u00F5es do hist\u00F3rico\">\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"historyExpanded = !historyExpanded\"\n              [matTooltip]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [attr.aria-label]=\"historyExpanded ? 'Recolher hist\u00F3rico' : 'Expandir hist\u00F3rico'\"\n              [disabled]=\"!historyWarnings.length && !historySessions.length && !activeHistoryMessages.length\"\n            >\n              <mat-icon>{{ historyExpanded ? 'expand_less' : 'expand_more' }}</mat-icon>\n              <span>{{ historyExpanded ? 'Recolher' : 'Expandir' }}</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"history-action-btn\"\n              (click)=\"startNewSession()\"\n              matTooltip=\"Nova conversa\"\n              aria-label=\"Nova conversa\"\n              [disabled]=\"isBusyState()\"\n            >\n              <mat-icon>add_comment</mat-icon>\n              <span>Nova conversa</span>\n            </button>\n            <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"clearHistory()\"\n              matTooltip=\"Limpar hist\u00F3rico local\"\n              aria-label=\"Limpar hist\u00F3rico local\"\n              class=\"history-action-btn history-action-btn--danger\"\n              [disabled]=\"!historySessions.length\"\n            >\n              <mat-icon>delete_outline</mat-icon>\n              <span>Limpar</span>\n            </button>\n          </div>\n        </div>\n        <div *ngIf=\"historyUndoDeleteSession\" class=\"history-undo\">\n          <span>Sess\u00E3o removida.</span>\n          <button mat-button type=\"button\" (click)=\"undoRemoveHistorySession()\">\n            Desfazer\n          </button>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historyWarnings.length\" class=\"history-warnings\">\n          <mat-icon>info</mat-icon>\n          <div class=\"history-warnings-list\">\n            <div *ngFor=\"let warning of historyWarnings\">{{ warning }}</div>\n            <div class=\"history-warnings-hint\">\n              Configure headers via API_CONFIG_STORAGE_OPTIONS no host.\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"historyExpanded && historySessions.length\" class=\"history-sessions\">\n          <div\n            class=\"history-session\"\n            *ngFor=\"let session of historySessions\"\n            role=\"button\"\n            tabindex=\"0\"\n            (click)=\"selectHistorySession(session.id)\"\n            (keydown)=\"onHistorySessionCardKeydown($event, session.id)\"\n            [class.active]=\"session.id === activeHistorySession?.id\"\n            [matTooltip]=\"getHistorySessionTooltip(session)\"\n            [matTooltipDisabled]=\"!session.componentType && !session.componentId\"\n          >\n            <div class=\"history-session-main\">\n              <span class=\"history-session-title\">{{ session.title }}</span>\n              <div class=\"history-session-main-right\">\n                <span class=\"history-session-time\">{{ session.updatedAt | date:'short' }}</span>\n                <div class=\"history-session-tools\">\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool\"\n                    (click)=\"reuseHistorySessionPrompt(session.id, $event)\"\n                    matTooltip=\"Reusar \u00FAltimo pedido\"\n                    aria-label=\"Reusar \u00FAltimo pedido\"\n                  >\n                    <mat-icon>edit_note</mat-icon>\n                  </button>\n                  <button\n                    mat-icon-button\n                    type=\"button\"\n                    class=\"history-session-tool history-session-tool--danger\"\n                    (click)=\"removeHistorySession(session.id, $event)\"\n                    matTooltip=\"Excluir sess\u00E3o\"\n                    aria-label=\"Excluir sess\u00E3o\"\n                  >\n                    <mat-icon>delete_outline</mat-icon>\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"history-session-meta\">\n              <span *ngIf=\"session.componentType\" class=\"history-chip\">{{ session.componentType }}</span>\n              <span *ngIf=\"session.componentId\" class=\"history-chip\">{{ session.componentId }}</span>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && !historySessions.length\" class=\"history-empty\">\n          Nenhuma sess\u00E3o salva ainda.\n        </div>\n\n        <div *ngIf=\"historyExpanded && activeHistoryMessages.length\" class=\"history-messages\">\n          <div\n            *ngIf=\"activeHistoryTotalMessages > activeHistoryMessages.length\"\n            class=\"history-messages-hint\"\n          >\n            Mostrando \u00FAltimas {{ activeHistoryMessages.length }} de {{ activeHistoryTotalMessages }} mensagens.\n          </div>\n          <div\n            *ngFor=\"let msg of activeHistoryMessages\"\n            class=\"history-message\"\n            [class.user]=\"msg.role === 'user'\"\n            [class.assistant]=\"msg.role === 'assistant'\"\n          >\n            <div class=\"history-message-header\">\n              <span class=\"history-message-role\">{{ msg.role === 'user' ? 'Voc\u00EA' : 'Assistente' }}</span>\n              <span class=\"history-message-time\">{{ msg.createdAt | date:'shortTime' }}</span>\n              <span\n                *ngIf=\"msg.context?.usedRag\"\n                class=\"history-rag\"\n                matTooltip=\"Resposta baseada em contexto recuperado (RAG)\"\n              >RAG</span>\n            </div>\n            <div class=\"history-message-text\">{{ msg.text }}</div>\n          </div>\n        </div>\n        <div *ngIf=\"historyExpanded && historySessions.length && !activeHistoryMessages.length\" class=\"history-empty history-empty--panel\">\n          Selecione uma sess\u00E3o para visualizar as mensagens.\n        </div>\n        <div class=\"history-helper\" *ngIf=\"historyExpanded\">\n          O hist\u00F3rico \u00E9 local ao usu\u00E1rio e ao componente atual.\n        </div>\n      </div>\n\n      <div\n        class=\"loading-suggestions assistant-section\"\n        *ngIf=\"loadingSuggestions && isActiveTab('suggestions')\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <mat-spinner diameter=\"20\"></mat-spinner>\n        <span>Carregando sugest\u00F5es de melhoria...</span>\n      </div>\n      \n      <!-- STATE: LISTENING (Suggestions) -->\n      <div\n        *ngIf=\"state === 'listening' && isActiveTab('suggestions')\"\n        class=\"suggestions-area assistant-section\"\n        id=\"assistant-panel-suggestions\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-suggestions\"\n      >\n        <div class=\"section-header\">\n          <div class=\"section-title\">Sugest\u00F5es de melhoria</div>\n          <div class=\"suggestions-actions\">\n            <button mat-icon-button type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\" matTooltip=\"Atualizar sugest\u00F5es\">\n              <mat-icon>refresh</mat-icon>\n            </button>\n          </div>\n        </div>\n        <div class=\"suggestions-hero\" *ngIf=\"!loadingSuggestions\">\n          <div class=\"suggestions-hero__label\">Contexto ativo</div>\n          <div class=\"suggestions-hero__title\">{{ adapter.componentName || 'Componente atual' }}</div>\n          <div class=\"suggestions-hero__detail\">{{ getSystemStatusDetail() }}</div>\n        </div>\n        <div *ngIf=\"suggestionsWarnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of suggestionsWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"suggestions-content\" *ngIf=\"!loadingSuggestions && (richSuggestions.length || hasDismissedSuggestions())\">\n          <div class=\"suggestions-filter\" *ngIf=\"hasDismissedSuggestions()\">\n            <span>{{ getDismissedSuggestionCount() }} oculta(s)</span>\n            <button mat-button type=\"button\" (click)=\"restoreDismissedSuggestions()\">\n              Restaurar\n            </button>\n          </div>\n          <div class=\"suggestions-list\" *ngIf=\"getVisibleSuggestions().length; else allSuggestionsHidden\">\n            <div\n              class=\"suggestion-item\"\n              *ngFor=\"let sug of getVisibleSuggestions()\"\n              role=\"button\"\n              tabindex=\"0\"\n              [attr.aria-label]=\"'Selecionar sugest\u00E3o: ' + sug.label\"\n              (click)=\"selectSuggestion(sug)\"\n              (keydown)=\"onSuggestionCardKeydown($event, sug)\"\n            >\n              <div class=\"suggestion-copy\">\n                <div class=\"suggestion-main\">\n                  <mat-icon *ngIf=\"sug.icon\" class=\"suggestion-icon\">{{ sug.icon }}</mat-icon>\n                  <span class=\"suggestion-label\">{{ sug.label }}</span>\n                  <span *ngIf=\"sug.group\" class=\"suggestion-group\">{{ sug.group }}</span>\n                </div>\n                <div *ngIf=\"sug.description\" class=\"suggestion-desc\">{{ sug.description }}</div>\n              </div>\n              <div class=\"suggestion-actions\">\n                <span class=\"suggestion-arrow\" aria-hidden=\"true\">\n                  <mat-icon>chevron_right</mat-icon>\n                </span>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn\"\n                  (click)=\"prepareSuggestionPrompt(sug, $event)\"\n                  matTooltip=\"Refinar pedido\"\n                  aria-label=\"Refinar pedido\"\n                >\n                  <mat-icon>edit</mat-icon>\n                </button>\n                <button\n                  mat-icon-button\n                  type=\"button\"\n                  class=\"suggestion-action-btn suggestion-action-btn--danger\"\n                  (click)=\"dismissSuggestion(sug, $event)\"\n                  matTooltip=\"Ocultar sugest\u00E3o\"\n                  aria-label=\"Ocultar sugest\u00E3o\"\n                >\n                  <mat-icon>visibility_off</mat-icon>\n                </button>\n              </div>\n            </div>\n          </div>\n          <ng-template #allSuggestionsHidden>\n            <div class=\"suggestions-empty suggestions-empty--inline\">\n              Todas as sugest\u00F5es foram ocultadas.\n            </div>\n          </ng-template>\n        </div>\n        <div class=\"suggestions-empty\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Nenhuma sugest\u00E3o dispon\u00EDvel no momento.\n        </div>\n        <div class=\"suggestions-helper\" *ngIf=\"!loadingSuggestions && !richSuggestions.length\">\n          Selecione uma sugest\u00E3o acima ou descreva uma altera\u00E7\u00E3o no campo inferior.\n        </div>\n      </div>\n\n      <!-- STATE: CLARIFICATION (Two-Step Flow) -->\n      <div\n        *ngIf=\"state === 'clarification' && isActiveTab('task')\"\n        class=\"clarification-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step active\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"clarificationResponseType === 'context'\" class=\"context-only\">\n          <mat-spinner diameter=\"24\"></mat-spinner>\n          <div class=\"context-only-hint\">Buscando contexto adicional...</div>\n        </div>\n        <ng-template #clarificationOptionContent let-opt let-index=\"index\" let-compact=\"compact\">\n          <div class=\"clarification-decision-head\" *ngIf=\"!compact\">\n            <span class=\"clarification-decision-index\">{{ index + 1 }}</span>\n            <span class=\"clarification-decision-type\">{{ getClarificationOptionKindLabel(opt) }}</span>\n            <span class=\"spacer\"></span>\n            <span class=\"clarification-decision-state\" *ngIf=\"isClarificationSelected(opt)\">Selecionado</span>\n          </div>\n          <ng-container [ngSwitch]=\"getClarificationOptionLayout(opt)\">\n            <div *ngSwitchCase=\"'endpoint'\" class=\"clarification-card\">\n              <div class=\"clarification-card-header\">\n                <mat-icon class=\"endpoint-icon\">{{ getEndpointIcon(opt) }}</mat-icon>\n                <ng-container *ngIf=\"getEndpointMethod(opt) as method\">\n                  <span class=\"endpoint-method\" [attr.data-method]=\"method\">{{ method }}</span>\n                </ng-container>\n                <span class=\"endpoint-label\">{{ opt.label }}</span>\n                <span class=\"spacer\"></span>\n                <mat-icon class=\"select-indicator\">\n                  {{ isClarificationSelected(opt) ? 'check_circle' : 'radio_button_unchecked' }}\n                </mat-icon>\n              </div>\n              <div class=\"clarification-card-body\">\n                <ng-container *ngIf=\"getEndpointPath(opt) as path\">\n                  <div class=\"endpoint-path\">{{ path }}</div>\n                </ng-container>\n                <div\n                  *ngIf=\"opt.contextHints?.description\"\n                  class=\"endpoint-description\"\n                  [matTooltip]=\"getDescriptionTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n                >\n                  {{ opt.contextHints?.description }}\n                </div>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'color'\" class=\"clarification-color\">\n              <span\n                class=\"color-swatch\"\n                [style.background]=\"getSafeHexColor(opt) || 'var(--md-sys-color-surface-container-highest)'\"\n              ></span>\n              <div class=\"color-meta\">\n                <span class=\"color-label\">{{ opt.label }}</span>\n                <span *ngIf=\"opt.contextHints?.hexColor\" class=\"color-value\">{{ opt.contextHints?.hexColor }}</span>\n              </div>\n            </div>\n            <div *ngSwitchCase=\"'description'\" class=\"clarification-description\">\n              <span class=\"clarification-label\">{{ opt.label }}</span>\n              <span\n                *ngIf=\"opt.contextHints?.description\"\n                class=\"clarification-subtitle\"\n                [matTooltip]=\"getDescriptionTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowDescriptionTooltip(opt)\"\n              >\n                {{ opt.contextHints?.description }}\n              </span>\n            </div>\n            <span *ngSwitchDefault class=\"clarification-plain-label\">{{ opt.label }}</span>\n          </ng-container>\n        </ng-template>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationQuestions.length\"\n          class=\"clarification-questions\"\n          [class.attention-highlight]=\"highlightClarificationDetails && !clarificationOptions.length\"\n        >\n          <div *ngFor=\"let question of clarificationQuestions; let i = index\" class=\"clarification-question\">\n            <div class=\"clarification-question-label\">{{ question }}</div>\n            <input\n              type=\"text\"\n              [(ngModel)]=\"clarificationAnswers[i]\"\n              [placeholder]=\"'Resposta ' + (i + 1)\"\n              autocomplete=\"off\">\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationOptions.length\"\n          class=\"clarification-options-block\"\n          [class.attention-highlight]=\"highlightClarificationDetails\"\n        >\n          <div class=\"clarification-options-title\">\n            {{ clarificationOptions.length === 1 ? 'Decis\u00E3o sugerida' : 'Decis\u00F5es sugeridas' }}\n          </div>\n          <div *ngIf=\"clarificationOptions.length === 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: confirme a melhor op\u00E7\u00E3o para continuar.\n          </div>\n          <div *ngIf=\"clarificationOptions.length > 1\" class=\"clarification-options-hint\">\n            Etapa 2 de 4: selecione a alternativa mais aderente para gerar a proposta.\n          </div>\n          <div\n            *ngIf=\"clarificationResponseType === 'confirm'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationSelectionMode === 'multiple'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                class=\"clarification-option\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation !== 'chips'\"\n            class=\"clarification-buttons\"\n            [class.list]=\"clarificationPresentation === 'list'\"\n          >\n              <button\n                mat-button\n                type=\"button\"\n                *ngFor=\"let opt of clarificationOptions; let i = index\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                class=\"clarification-option\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n            </div>\n          <div\n            *ngIf=\"clarificationResponseType !== 'confirm' && clarificationSelectionMode === 'single' && clarificationPresentation === 'chips'\"\n            class=\"clarification-chips\"\n          >\n            <ng-container *ngFor=\"let opt of clarificationOptions; let i = index\">\n              <button\n                *ngIf=\"isEndpointOption(opt); else chipOption\"\n                mat-button\n                type=\"button\"\n                class=\"clarification-option clarification-card-button\"\n                (click)=\"onClarificationOptionClick(opt)\"\n                [class.selected]=\"isClarificationSelected(opt)\"\n                [matTooltip]=\"getClarificationTooltip(opt)\"\n                [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt) || isEndpointOption(opt)\"\n              >\n                <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: false }\"></ng-container>\n              </button>\n              <ng-template #chipOption>\n                <mat-chip\n                  (click)=\"onClarificationOptionClick(opt)\"\n                  [matTooltip]=\"getClarificationTooltip(opt)\"\n                  [matTooltipDisabled]=\"!shouldShowClarificationTooltip(opt)\"\n                  class=\"clarification-chip\"\n                >\n                  <ng-container *ngTemplateOutlet=\"clarificationOptionContent; context: { $implicit: opt, index: i, compact: true }\"></ng-container>\n                </mat-chip>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && clarificationResponseType !== 'context'\"\n          class=\"clarification-manual-toggle\"\n        >\n          <span class=\"clarification-manual-label\">N\u00E3o encontrou o recurso?</span>\n          <button mat-button type=\"button\" (click)=\"toggleManualInput()\">\n            {{ showManualInput ? 'Ocultar resposta manual' : 'Responder manualmente' }}\n          </button>\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free\"\n        >\n          <input\n            type=\"text\"\n            [(ngModel)]=\"clarificationFreeText\"\n            placeholder=\"Digite sua resposta\u2026\"\n            autocomplete=\"off\"\n            (keydown.enter)=\"confirmTaskAction()\"\n          />\n        </div>\n        <div\n          *ngIf=\"clarificationAllowCustom && showManualInput && clarificationResponseType !== 'context'\"\n          class=\"clarification-free-hint\"\n        >\n          Pressione Enter para enviar.\n        </div>\n      </div>\n\n      <!-- STATE: REVIEW (Diff/Explanation) -->\n      <div\n        *ngIf=\"state === 'review' && isActiveTab('task')\"\n        class=\"review-area assistant-card\"\n        id=\"assistant-panel-task\"\n        role=\"tabpanel\"\n        aria-labelledby=\"assistant-tab-task\"\n      >\n        <div class=\"task-header\" *ngIf=\"!shouldShowThoughtCard()\">\n          <div class=\"task-title\">{{ getTaskTitle() }}</div>\n          <div class=\"task-subtitle\">{{ getTaskSubtitle() }}</div>\n          <div *ngIf=\"clarificationOptions.length > 1 && getTaskSelectionSummary() as selectionSummary\" class=\"task-meta\">\n            <span class=\"task-meta-label\">Selecionado:</span>\n            <span class=\"task-meta-value\">{{ selectionSummary }}</span>\n          </div>\n          <div *ngIf=\"shouldShowTaskSteps()\" class=\"task-steps\">\n            <span class=\"task-step\">1 Dados</span>\n            <span class=\"task-step\">2 Layout</span>\n            <span class=\"task-step active\">3 Revis\u00E3o</span>\n          </div>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-trust\">\n          <span class=\"trust-chip\" [matTooltip]=\"getScopeTooltip()\">{{ getScopeLabel() }}</span>\n          <span class=\"trust-chip\" [matTooltip]=\"getConfidenceTooltip()\">{{ getConfidenceLabel() }}</span>\n          <span class=\"trust-chip risk-chip\" [class.medium]=\"getReviewRiskLevel() === 'm\u00E9dio'\" [class.high]=\"getReviewRiskLevel() === 'alto'\">\n            Risco {{ getReviewRiskLevel() }}\n          </span>\n        </div>\n        <div class=\"review-summary\" [class.attention-highlight]=\"highlightReviewDetails\">\n          <div class=\"review-summary-title\">Resumo da proposta</div>\n          <div class=\"review-summary-line\">{{ getReviewSummary() }}</div>\n        </div>\n        <div class=\"review-diff\">\n          <div class=\"review-diff-title\">Pr\u00E9via de mudan\u00E7as</div>\n          <ng-container *ngIf=\"pendingDiff.length; else noDiffPreview\">\n            <div class=\"review-diff-summary\">\n              <div *ngFor=\"let line of getDiffSummaryLines()\" class=\"review-diff-line\">{{ line }}</div>\n              <div *ngIf=\"pendingDiff.length > 3\" class=\"review-diff-more\">\u2026 +{{ pendingDiff.length - 3 }} mudan\u00E7as</div>\n            </div>\n            <button mat-stroked-button type=\"button\" class=\"review-diff-toggle\" (click)=\"toggleFullDiff()\">\n              {{ getDiffToggleLabel() }}\n            </button>\n          </ng-container>\n          <ng-template #noDiffPreview>\n            <div class=\"review-diff-empty\">\n              N\u00E3o foi poss\u00EDvel gerar um diff estruturado. Revise o resumo e aplique com cautela.\n            </div>\n          </ng-template>\n          <div *ngIf=\"showFullDiff && pendingDiff.length\" class=\"review-diff-full\">\n            <div *ngFor=\"let diff of pendingDiff\" class=\"review-diff-block\">\n              <div class=\"review-diff-path\">{{ diff.path }}</div>\n              <div class=\"review-diff-label\">Antes:</div>\n              <pre>{{ diff.before | json }}</pre>\n              <div class=\"review-diff-label\">Depois:</div>\n              <pre>{{ diff.after | json }}</pre>\n            </div>\n          </div>\n        </div>\n        <div class=\"ai-explanation\" *ngIf=\"aiExplanation.trim()\">\n          {{ aiExplanation }}\n        </div>\n      </div>\n\n      <!-- STATE: ERROR -->\n      <div\n        *ngIf=\"state === 'error' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"error-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"error-msg\">\n          <mat-icon color=\"warn\">error_outline</mat-icon>\n          <span>{{ errorMsg }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar patch' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            \u00DAltima tentativa: {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <div class=\"review-actions\">\n          <button mat-button (click)=\"close()\">Fechar</button>\n          <button mat-stroked-button (click)=\"retry()\">Tentar Novamente</button>\n        </div>\n      </div>\n\n      <!-- STATE: SUCCESS -->\n      <div\n        *ngIf=\"state === 'success' && (isActiveTab('task') || (!isTaskMode() && isActiveTab('suggestions')))\"\n        class=\"success-area assistant-card\"\n        [attr.id]=\"isTaskMode() ? 'assistant-panel-task' : 'assistant-panel-suggestions'\"\n        role=\"tabpanel\"\n        [attr.aria-labelledby]=\"isTaskMode() ? 'assistant-tab-task' : 'assistant-tab-suggestions'\"\n      >\n        <div class=\"success-msg\">\n          <mat-icon class=\"success-icon\">check_circle</mat-icon>\n          <span>{{ aiExplanation || 'Configura\u00E7\u00E3o atualizada.' }}</span>\n        </div>\n        <div *ngIf=\"warnings.length\" class=\"warnings-area\">\n          <mat-icon class=\"warnings-icon\">warning_amber</mat-icon>\n          <div class=\"warnings-content\">\n            <div class=\"warnings-title\">Avisos</div>\n            <div class=\"warnings-list\">\n              <div *ngFor=\"let warning of warnings\">{{ warning }}</div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf=\"shouldShowApplyDetails()\" class=\"apply-details\">\n          <div class=\"apply-details-header\">\n            <div class=\"apply-details-title\">Detalhes da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-details-actions\" *ngIf=\"allowManualPatchEdit\">\n              <button mat-button type=\"button\" (click)=\"togglePatchPathEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchPathEditorExpanded ? 'Ocultar paths' : 'Editar por path' }}\n              </button>\n              <button mat-button type=\"button\" (click)=\"togglePatchEditor()\" [disabled]=\"!pendingPatch\">\n                {{ patchEditorExpanded ? 'Ocultar editor' : 'Editar e reaplicar' }}\n              </button>\n            </div>\n          </div>\n          <div class=\"apply-details-meta\" *ngIf=\"lastApplyAt\">\n            Aplicado em {{ lastApplyAt | date:'short' }}\n          </div>\n          <div class=\"apply-paths\" *ngIf=\"getApplyPaths().length\">\n            <span class=\"apply-path-chip\" *ngFor=\"let path of getApplyPaths()\">{{ path }}</span>\n          </div>\n          <div class=\"apply-warnings\" *ngIf=\"applyWarnings.length\">\n            <div class=\"apply-warnings-title\">Avisos da aplica\u00E7\u00E3o</div>\n            <div class=\"apply-warnings-list\">\n              <div *ngFor=\"let warning of applyWarnings\">{{ warning }}</div>\n            </div>\n          </div>\n          <div class=\"patch-path-editor\" *ngIf=\"allowManualPatchEdit && patchPathEditorExpanded\">\n            <div class=\"patch-editor-label\">Editar por path</div>\n            <div class=\"patch-editor-hint\">Texto simples vira string; para for\u00E7ar texto em true/false/n\u00FAmero, use aspas.</div>\n            <div class=\"patch-path-editor-empty\" *ngIf=\"!getEditablePatchPathEdits().length\">\n              Nenhum path edit\u00E1vel dispon\u00EDvel para este patch.\n            </div>\n            <div class=\"patch-path-rows\" *ngIf=\"getEditablePatchPathEdits().length\">\n              <div class=\"patch-path-row\" *ngFor=\"let edit of getEditablePatchPathEdits(); let i = index\">\n                <div class=\"patch-path-label\">{{ edit.path }}</div>\n                <input\n                  type=\"text\"\n                  [(ngModel)]=\"patchPathEdits[i].valueText\"\n                  autocomplete=\"off\"\n                  spellcheck=\"false\"\n                />\n                <div *ngIf=\"patchPathEdits[i].error\" class=\"patch-editor-error\">{{ patchPathEdits[i].error }}</div>\n              </div>\n            </div>\n            <div *ngIf=\"patchPathEditorError\" class=\"patch-editor-error\">{{ patchPathEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchPathEdits()\">\n                Restaurar valores\n              </button>\n              <button mat-button type=\"button\" (click)=\"applyPathEditsToPatch()\">\n                Aplicar no patch\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyPathEdits()\">\n                Reaplicar por path\n              </button>\n            </div>\n          </div>\n          <div class=\"patch-editor\" *ngIf=\"allowManualPatchEdit && patchEditorExpanded\">\n            <label class=\"patch-editor-label\">Patch JSON</label>\n            <textarea\n              [(ngModel)]=\"patchEditorText\"\n              spellcheck=\"false\"\n            ></textarea>\n            <div *ngIf=\"patchEditorError\" class=\"patch-editor-error\">{{ patchEditorError }}</div>\n            <div class=\"patch-editor-actions\">\n              <button mat-button type=\"button\" (click)=\"resetPatchEditor()\">\n                Restaurar original\n              </button>\n              <button mat-flat-button color=\"primary\" type=\"button\" (click)=\"reapplyEditedPatch()\">\n                Reaplicar patch\n              </button>\n            </div>\n          </div>\n        </div>\n        <button mat-button color=\"warn\" (click)=\"undoLastChange()\">\n          <mat-icon>undo</mat-icon> Desfazer\n        </button>\n      </div>\n\n    </div>\n\n    <div class=\"assistant-footer\">\n      <ng-container *ngIf=\"!isTaskMode(); else taskFooter\">\n        <button\n          mat-icon-button\n          type=\"button\"\n          class=\"composer-leading composer-leading-btn\"\n          [matMenuTriggerFor]=\"assistantQuickMenu\"\n          aria-label=\"Abrir a\u00E7\u00F5es r\u00E1pidas\"\n          matTooltip=\"A\u00E7\u00F5es r\u00E1pidas\"\n        >\n          <mat-icon>add</mat-icon>\n        </button>\n        <input\n          #inputEl\n          type=\"text\"\n          [(ngModel)]=\"userPrompt\"\n          [disabled]=\"state === 'processing' || state === 'applying'\"\n          placeholder=\"Descreva a altera\u00E7\u00E3o que deseja aplicar\u2026\"\n          autocomplete=\"off\"\n        />\n        <div class=\"send-actions\">\n          <button\n            mat-icon-button\n            class=\"send-btn\"\n            *ngIf=\"state === 'listening'\"\n            (click)=\"submitPrompt()\"\n            [disabled]=\"!userPrompt.trim()\"\n            [class.ready]=\"!!userPrompt.trim()\"\n          >\n            <mat-icon>arrow_upward</mat-icon>\n          </button>\n          <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n        </div>\n      </ng-container>\n      <ng-template #taskFooter>\n        <div class=\"task-footer\">\n          <div class=\"task-footer-left\">\n            <button mat-button type=\"button\" (click)=\"handleTaskSecondary()\">{{ getTaskCancelLabel() }}</button>\n            <button\n              *ngIf=\"state === 'review'\"\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"retry()\"\n            >\n              {{ getTaskSecondaryLabel() }}\n            </button>\n          </div>\n          <div class=\"task-footer-right\">\n            <button\n              class=\"task-primary-btn\"\n              mat-flat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"confirmTaskAction()\"\n              [disabled]=\"isTaskPrimaryDisabled()\"\n            >\n              {{ getTaskPrimaryLabel() }}\n            </button>\n            <mat-spinner diameter=\"20\" *ngIf=\"state === 'processing' || state === 'applying'\"></mat-spinner>\n          </div>\n        </div>\n      </ng-template>\n    </div>\n\n    <mat-menu #assistantQuickMenu=\"matMenu\" panelClass=\"assistant-quick-menu-panel\">\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('chat')\">\n        <mat-icon>history</mat-icon>\n        <span>Hist\u00F3rico</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"setActiveTab('suggestions')\">\n        <mat-icon>lightbulb</mat-icon>\n        <span>Sugest\u00F5es</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"startNewSession()\">\n        <mat-icon>add_comment</mat-icon>\n        <span>Nova conversa</span>\n      </button>\n      <button mat-menu-item type=\"button\" (click)=\"refreshSuggestions()\" [disabled]=\"loadingSuggestions\">\n        <mat-icon>refresh</mat-icon>\n        <span>Atualizar sugest\u00F5es</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        (click)=\"restoreDismissedSuggestions()\"\n        [disabled]=\"!hasDismissedSuggestions()\"\n      >\n        <mat-icon>visibility</mat-icon>\n        <span>Restaurar sugest\u00F5es ocultas</span>\n      </button>\n      <button\n        mat-menu-item\n        type=\"button\"\n        class=\"assistant-quick-menu-danger\"\n        (click)=\"clearHistory()\"\n        [disabled]=\"!historySessions.length\"\n      >\n        <mat-icon>delete_outline</mat-icon>\n        <span>Limpar hist\u00F3rico local</span>\n      </button>\n    </mat-menu>\n  </div>\n\n</ng-template>\n", styles: ["@keyframes assistantPremiumEnter{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:translate(0) scale(1)}}:host ::ng-deep .ai-assistant-backdrop{background:color-mix(in srgb,var(--md-sys-color-scrim, var(--md-sys-color-shadow, var(--md-sys-color-on-surface))) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}::ng-deep .ai-assistant-overlay-pane{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.ai-assistant-panel{box-sizing:border-box;width:min(604px,100vw - 18px);min-height:min(620px,100vh - 18px);max-height:min(820px,100vh - 18px);display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface);border-left:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-top:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));box-shadow:0 18px 48px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 42%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--md-sys-color-primary-container) 38%,transparent) 0%,transparent 44%),linear-gradient(165deg,color-mix(in srgb,var(--md-sys-color-surface-container-highest) 88%,var(--md-sys-color-surface)),var(--md-sys-color-surface));animation:assistantPremiumEnter .24s cubic-bezier(.22,1,.36,1)}.assistant-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 10px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(130deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.assistant-header:after{content:\"\";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent),transparent);pointer-events:none}.assistant-header .assistant-header__left{min-width:0;display:flex;align-items:flex-start;gap:12px}.assistant-header .magic-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;font-size:18px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent)}.assistant-header .assistant-title-group{min-width:0;display:flex;flex-direction:column;gap:4px}.assistant-header .assistant-title{font-size:15px;font-weight:700;letter-spacing:.01em;overflow-wrap:anywhere}.assistant-header .assistant-subtitle{display:block;font-size:11px;line-height:1.25;color:color-mix(in srgb,var(--md-sys-color-on-surface) 70%,var(--md-sys-color-on-surface-variant));overflow-wrap:anywhere}.assistant-header-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.assistant-header .mode-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 28%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 64%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-primary-container) 85%,var(--md-sys-color-on-surface));font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.assistant-header .mode-chip:before{content:\"\";width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 16%,transparent)}.assistant-header .mode-chip.mock{border-color:color-mix(in srgb,var(--md-sys-color-error) 34%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-error-container) 72%,var(--md-sys-color-surface-container));color:color-mix(in srgb,var(--md-sys-color-on-error-container) 85%,var(--md-sys-color-error))}.assistant-header .policy-chip{padding:2px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 84%,transparent);background:var(--md-sys-color-surface-container-high);font-size:10px;letter-spacing:.02em;font-weight:600}.assistant-header .policy-chip.strict{border-color:color-mix(in srgb,var(--md-sys-color-primary) 42%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 56%,var(--md-sys-color-surface-container-high))}.assistant-status{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-radius:0;background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 24%,transparent),transparent 48%),var(--md-sys-color-surface-container-low)}.assistant-status-dot{width:8px;height:8px;margin-top:6px;border-radius:999px;flex:0 0 auto;background:var(--md-sys-color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.assistant-status.warning .assistant-status-dot{background:var(--md-sys-color-error);box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-error) 16%,transparent)}.assistant-status.success .assistant-status-dot{background:color-mix(in srgb,var(--md-sys-color-primary) 74%,var(--md-sys-color-tertiary, var(--md-sys-color-primary)))}.assistant-status-content{min-width:0;display:flex;flex-direction:column;gap:2px}.assistant-status-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;font-weight:700;line-height:1.35}.assistant-status-detail{font-size:11px;line-height:1.4;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere}.assistant-status-mode{padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent);color:var(--md-sys-color-on-primary-container);font-size:10px;font-weight:700}.assistant-nav{padding:8px 16px 0}.assistant-nav .assistant-tabs{display:flex;align-items:center;gap:4px;border-radius:12px;padding:5px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(155deg,color-mix(in srgb,var(--md-sys-color-primary-container) 14%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-nav .assistant-tab{appearance:none;min-width:0;min-height:30px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;font-size:11px;font-weight:700;letter-spacing:.01em}.assistant-nav .assistant-tab.active{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 34%,transparent),0 6px 12px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.assistant-section,.assistant-card{border-radius:14px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(160deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 50%),var(--md-sys-color-surface-container-lowest);box-shadow:0 6px 18px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 7%,transparent)}.suggestions-hero{margin:2px 0 4px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:linear-gradient(120deg,color-mix(in srgb,var(--md-sys-color-primary-container) 34%,transparent) 0%,transparent 52%),var(--md-sys-color-surface-container-low)}.suggestions-hero__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant);opacity:.88}.suggestions-hero__title{margin-top:2px;font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.suggestions-hero__detail{margin-top:4px;font-size:12px;line-height:1.4;color:color-mix(in srgb,var(--md-sys-color-on-surface) 78%,var(--md-sys-color-on-surface-variant))}.suggestions-content .suggestion-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));border-color:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant));background:linear-gradient(140deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-lowest)}.suggestions-list{display:flex;flex-direction:column;gap:10px}.suggestion-copy{min-width:0;display:grid;gap:4px}.suggestion-main{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.suggestion-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto;color:var(--md-sys-color-primary)}.suggestion-label{min-width:0;font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.suggestion-group{padding:2px 6px;border-radius:999px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font-size:10px;font-weight:700;line-height:1.2}.suggestion-desc{font-size:12px;line-height:1.35;color:var(--md-sys-color-on-surface-variant);overflow-wrap:anywhere}.suggestion-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px}.suggestion-action-btn,.suggestion-arrow{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--md-sys-color-on-surface-variant)}.suggestions-content .suggestion-item:hover,.suggestions-content .suggestion-item:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--md-sys-color-outline-variant));box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 28%,transparent)}.assistant-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 16px;border-top-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 56%),var(--md-sys-color-surface-container-low)}.assistant-footer .task-footer{grid-column:1/-1}.composer-leading{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 30%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 70%,var(--md-sys-color-surface-container-low));color:var(--md-sys-color-primary);box-shadow:0 4px 10px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.composer-leading mat-icon{width:16px;height:16px;font-size:16px}.assistant-footer input{box-sizing:border-box;width:100%;min-width:0;height:34px;border:1px solid;border-radius:8px;padding:0 12px;color:var(--md-sys-color-on-surface);border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 12%,transparent)}.send-actions{min-width:36px;display:inline-flex;align-items:center;justify-content:center}.assistant-footer .send-btn{--mdc-icon-button-icon-size: 20px;--mdc-icon-button-state-layer-size: 36px;--mat-icon-button-state-layer-size: 36px;width:36px;height:36px;padding:8px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface)}.assistant-footer .send-btn mat-icon{width:20px;height:20px;margin:0;font-size:20px;line-height:20px;display:inline-flex;align-items:center;justify-content:center}.assistant-footer .send-btn.ready{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary-container) 84%,var(--md-sys-color-primary)),var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}.task-primary-btn{border-radius:12px;box-shadow:0 8px 18px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}@media(max-width:959px){.assistant-header{padding:12px 12px 10px}.assistant-section,.assistant-card{margin:4px 12px 10px}.assistant-header:after{left:12px;right:12px}.assistant-header .assistant-title{font-size:14px}.assistant-header .assistant-subtitle{font-size:10px}.assistant-footer{grid-template-columns:minmax(0,1fr) auto}.composer-leading{display:none}}.assistant-thought{margin-top:0;gap:10px;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 28%,transparent),transparent 58%),var(--md-sys-color-surface-container-low)}.assistant-thought-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-meta mat-icon{width:15px;height:15px;font-size:15px;color:var(--md-sys-color-primary)}.assistant-thought-summary{font-size:13px;line-height:1.45;color:var(--md-sys-color-on-surface)}.assistant-thought-plan{border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:12px;padding:10px;background:var(--md-sys-color-surface-container-lowest);display:flex;flex-direction:column;gap:8px}.assistant-thought-plan-title{font-size:13px;font-weight:700;color:var(--md-sys-color-on-surface)}.assistant-thought-plan-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.assistant-thought-plan-actions .mdc-button{min-width:0}.assistant-thought-plan-hint{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.35}.assistant-thought-checklist{display:flex;flex-direction:column;gap:5px}.assistant-thought-checklist-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}.assistant-thought-checklist-item mat-icon{width:14px;height:14px;font-size:14px}.assistant-flow{grid-template-columns:1fr;gap:6px}.flow-step{display:flex;align-items:flex-start;gap:8px;text-align:left;padding:7px 8px;border-radius:10px}.flow-step-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.flow-step-content{min-width:0;display:flex;flex-direction:column;gap:1px}.flow-step-label{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.flow-step-detail{font-size:11px;color:var(--md-sys-color-on-surface-variant);line-height:1.3}.flow-step.active .flow-step-index{border-color:color-mix(in srgb,var(--md-sys-color-primary) 60%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 85%,var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-primary-container)}.flow-step.done .flow-step-index{border-color:transparent;background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-highest))}.task-timeline{margin-top:4px;display:grid;gap:6px}.task-timeline-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:10px;padding:6px 8px;background:var(--md-sys-color-surface-container-low);opacity:.76}.task-timeline-item.active{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 40%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 34%,var(--md-sys-color-surface-container-low))}.task-timeline-item.done{opacity:.9;border-color:color-mix(in srgb,var(--md-sys-color-primary) 24%,var(--md-sys-color-outline-variant))}.task-timeline-dot{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);flex:0 0 auto}.task-timeline-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.task-timeline-title{font-size:11px;font-weight:700;color:var(--md-sys-color-on-surface)}.task-timeline-detail{font-size:11px;line-height:1.3;color:var(--md-sys-color-on-surface-variant)}.clarification-decision-head{display:inline-flex;align-items:center;width:100%;gap:6px;padding:8px 12px 0;box-sizing:border-box}.clarification-decision-index{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 35%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent)}.clarification-decision-type{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);opacity:.92}.clarification-decision-state{font-size:10px;font-weight:700;color:var(--md-sys-color-primary)}.clarification-option{border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 16%,transparent),transparent 55%),var(--md-sys-color-surface-container-low)}.clarification-option.selected{border-color:color-mix(in srgb,var(--md-sys-color-primary) 56%,var(--md-sys-color-outline-variant));background:linear-gradient(145deg,color-mix(in srgb,var(--md-sys-color-primary-container) 44%,transparent),transparent 62%),var(--md-sys-color-surface-container);box-shadow:0 8px 16px color-mix(in srgb,var(--md-sys-color-primary) 18%,transparent)}.clarification-options-block{overflow:visible;padding-right:4px}@media(max-width:959px){.assistant-thought-plan-actions{grid-template-columns:1fr}}.ai-assistant-panel{width:min(604px,100vw - 18px)}.assistant-section,.assistant-card{margin:0;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 20%,var(--md-sys-color-outline-variant))}.assistant-section{min-height:0;padding:14px 16px;overflow:visible}.assistant-card{min-height:0;padding:14px 16px 16px;overflow:visible}.suggestions-area,.assistant-history,.loading-suggestions{overflow-y:auto;overflow-x:hidden}.section-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-title{min-width:0;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.suggestions-actions{flex:0 0 auto;display:inline-flex;align-items:center}.review-area,.error-area,.success-area,.clarification-area{padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}.review-trust{margin:2px 0 4px}.trust-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warnings-area,.review-summary,.review-diff,.apply-details,.clarification-options-block,.clarification-manual-toggle{width:100%;max-width:100%;min-width:0}.review-diff{padding:12px 14px}.review-diff-full{padding:10px;overflow-x:auto}.review-diff-block{min-width:0}.review-diff-block pre{overflow-wrap:anywhere;word-break:break-word}.clarification-options-block{padding:4px 2px 10px}.clarification-option{line-height:normal}:host ::ng-deep .clarification-option .mdc-button__label{line-height:1.35!important}.clarification-plain-label{padding:6px 12px 12px;font-size:14px;line-height:1.35}.clarification-manual-toggle{margin-top:10px;padding:10px 2px 0;flex-wrap:wrap;row-gap:6px}.suggestions-content .suggestion-actions{gap:6px}.suggestions-content .suggestion-arrow,.suggestions-content .suggestion-action-btn mat-icon,.suggestions-content .suggestion-arrow mat-icon{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep .assistant-quick-menu-panel{min-width:244px;max-width:min(90vw,320px);border-radius:14px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, var(--md-sys-color-on-surface)) 32%,transparent),inset 0 1px color-mix(in srgb,var(--md-sys-color-on-surface) 6%,transparent);overflow:hidden;padding:6px}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item{min-height:36px;border-radius:10px;color:var(--md-sys-color-on-surface);font-size:12px;font-weight:500;margin:1px 0}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item .mat-icon{color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,var(--md-sys-color-on-surface-variant))}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:hover:not([disabled]){background:color-mix(in srgb,var(--md-sys-color-primary-container) 45%,transparent)}:host ::ng-deep .assistant-quick-menu-panel .mat-mdc-menu-item:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger{color:var(--md-sys-color-error)}:host ::ng-deep .assistant-quick-menu-panel .assistant-quick-menu-danger .mat-icon{color:var(--md-sys-color-error)}@media(max-width:959px){::ng-deep .ai-assistant-overlay-pane{top:12px!important;left:12px!important;width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);transform:none!important}.ai-assistant-panel{width:calc(100vw - 48px);min-height:min(620px,100vh - 48px);max-height:calc(100vh - 48px)}.assistant-section,.assistant-card{margin:0}.assistant-card,.assistant-section{padding:12px}}.ai-trigger-btn{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--md-sys-color-primary) 9%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent);color:var(--md-sys-color-primary);opacity:1}.ai-trigger-btn:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent);color:var(--md-sys-color-on-primary-container)}.ai-trigger-btn:focus-visible,.assistant-close-btn:focus-visible,.assistant-tab:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.assistant-close-btn{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant)}.assistant-close-btn:hover:not(:disabled){background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.assistant-body{padding:12px 16px;overflow:hidden;min-height:0;flex:1;display:flex;flex-direction:column;gap:12px}.assistant-body>*{min-height:0}@media(max-width:959px){.assistant-nav{padding:8px 12px 0}.assistant-body,.assistant-footer{padding:10px 12px}.suggestions-content .suggestion-item{grid-template-columns:1fr;align-items:start}.suggestion-actions{justify-content:flex-start}}\n"] }]
         }], propDecorators: { adapter: [{
                 type: Input,
                 args: [{ required: true }]
@@ -5405,6 +5856,518 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['inputEl']
             }] } });
 
+const DEFAULT_LAYOUT = {
+    left: 24,
+    top: 24,
+    width: 520,
+    height: 560,
+};
+const DEFAULT_LABELS = {
+    title: 'Assistente de IA',
+    subtitle: 'Revise o resultado gerado antes de aplicar.',
+    close: 'Fechar',
+    prompt: 'Prompt',
+    promptPlaceholder: 'Descreva o que você quer criar ou alterar.',
+    emptyConversation: 'Diga o que você quer criar ou alterar.',
+    submit: 'Pré-visualizar',
+    apply: 'Aplicar',
+    conversationAria: 'Conversa com IA',
+    quickRepliesAria: 'Respostas rápidas',
+    dragHandleAria: 'Mover assistente de IA',
+    resizeHandleAria: 'Redimensionar assistente de IA',
+    contextAria: 'Contexto ativo',
+    attachmentsAria: 'Contexto anexado',
+    attach: 'Anexar',
+    removeAttachment: 'Remover anexo',
+    editMessage: 'Editar mensagem',
+    resendMessage: 'Reenviar mensagem',
+    modeConfig: 'Configuração',
+    modeAgenticAuthoring: 'Autoria',
+    modeChat: 'Chat',
+    modeDiagnostic: 'Diagnóstico',
+    modeReview: 'Revisão',
+    modeInlineHelp: 'Ajuda',
+    stateIdle: 'Ocioso',
+    stateListening: 'Pronto',
+    stateProcessing: 'Processando',
+    stateClarification: 'Aguardando resposta',
+    stateReview: 'Revisão',
+    stateApplying: 'Aplicando',
+    stateSuccess: 'Concluído',
+    stateError: 'Erro',
+};
+class PraxisAiAssistantShellComponent {
+    labels = null;
+    mode = 'chat';
+    state = 'idle';
+    contextItems = [];
+    attachments = [];
+    messages = [];
+    quickReplies = [];
+    prompt = '';
+    statusText = '';
+    errorText = '';
+    testIdPrefix = 'praxis-ai-assistant-shell';
+    panelTestId = '';
+    submitTestId = '';
+    applyTestId = '';
+    busy = false;
+    canSubmit = true;
+    canApply = false;
+    submitOnEnter = true;
+    enableFileAttachments = false;
+    attachmentAccept = '';
+    attachmentMultiple = true;
+    draggable = true;
+    resizable = true;
+    minWidth = 360;
+    minHeight = 360;
+    margin = 12;
+    layout = DEFAULT_LAYOUT;
+    promptChange = new EventEmitter();
+    submitPrompt = new EventEmitter();
+    apply = new EventEmitter();
+    close = new EventEmitter();
+    attach = new EventEmitter();
+    attachmentsPasted = new EventEmitter();
+    attachmentsSelected = new EventEmitter();
+    removeAttachment = new EventEmitter();
+    messageAction = new EventEmitter();
+    editMessage = new EventEmitter();
+    resendMessage = new EventEmitter();
+    quickReply = new EventEmitter();
+    layoutChange = new EventEmitter();
+    panel;
+    conversation;
+    cdr = inject(ChangeDetectorRef);
+    currentPrompt = '';
+    resolvedLabels = DEFAULT_LABELS;
+    currentLayout = { ...DEFAULT_LAYOUT };
+    pointerSession = null;
+    ownedPreviewUrls = new Set();
+    onWindowPointerMove = (event) => this.handlePointerMove(event);
+    onWindowPointerUp = (event) => this.finishPointerSession(event);
+    ngOnChanges(changes) {
+        if (changes['prompt']) {
+            this.currentPrompt = this.prompt ?? '';
+        }
+        if (changes['labels']) {
+            this.resolvedLabels = {
+                ...DEFAULT_LABELS,
+                ...(this.labels ?? {}),
+            };
+        }
+        if (changes['layout']) {
+            this.currentLayout = this.normalizeLayout(this.layout);
+        }
+        if (changes['messages']) {
+            this.scheduleConversationScroll();
+        }
+        if (changes['attachments']) {
+            this.revokeDetachedPastedPreviewUrls();
+        }
+    }
+    ngOnDestroy() {
+        this.detachPointerListeners();
+        this.revokeAllOwnedPreviewUrls();
+    }
+    onPromptInput(value) {
+        this.currentPrompt = value;
+        this.promptChange.emit(value);
+    }
+    onSubmit() {
+        const value = this.currentPrompt.trim();
+        if (!value || this.busy || !this.canSubmit)
+            return;
+        this.submitPrompt.emit(value);
+    }
+    onPromptKeydown(event) {
+        if (!this.submitOnEnter || event.key !== 'Enter' || event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
+            return;
+        }
+        event.preventDefault();
+        this.onSubmit();
+    }
+    onPromptPaste(event) {
+        const files = Array.from(event.clipboardData?.files ?? [])
+            .filter((file) => file.type.startsWith('image/'));
+        if (this.busy || !files.length) {
+            return;
+        }
+        const attachments = files.map((file) => this.fileAttachment(file, 'paste'));
+        event.preventDefault();
+        this.attachmentsPasted.emit(attachments);
+    }
+    onAttachClick(fileInput) {
+        if (this.busy)
+            return;
+        if (this.enableFileAttachments) {
+            fileInput.click();
+            return;
+        }
+        this.attach.emit();
+    }
+    onAttachmentFilesSelected(event) {
+        const input = event.target;
+        const files = Array.from(input?.files ?? []);
+        if (input) {
+            input.value = '';
+        }
+        if (this.busy || !files.length) {
+            return;
+        }
+        this.attachmentsSelected.emit(files.map((file) => this.fileAttachment(file, 'file-picker')));
+    }
+    onApply() {
+        if (this.busy || !this.canApply)
+            return;
+        this.apply.emit();
+    }
+    onQuickReply(reply) {
+        if (this.busy)
+            return;
+        this.quickReply.emit(reply);
+    }
+    onRemoveAttachment(attachment) {
+        if (this.busy)
+            return;
+        this.revokeOwnedPreviewUrl(attachment.previewUrl);
+        this.removeAttachment.emit(attachment);
+    }
+    onMessageAction(message, action) {
+        if (this.busy || action.disabled)
+            return;
+        this.messageAction.emit({ message, action });
+        if (action.kind === 'edit') {
+            this.editMessage.emit(message);
+        }
+        if (action.kind === 'resend') {
+            this.resendMessage.emit(message);
+        }
+    }
+    getModeLabel() {
+        switch (this.mode) {
+            case 'config':
+                return this.resolvedLabels.modeConfig;
+            case 'agentic-authoring':
+                return this.resolvedLabels.modeAgenticAuthoring;
+            case 'diagnostic':
+                return this.resolvedLabels.modeDiagnostic;
+            case 'review':
+                return this.resolvedLabels.modeReview;
+            case 'inline-help':
+                return this.resolvedLabels.modeInlineHelp;
+            case 'chat':
+            default:
+                return this.resolvedLabels.modeChat;
+        }
+    }
+    getStateLabel() {
+        switch (this.state) {
+            case 'listening':
+                return this.resolvedLabels.stateListening;
+            case 'processing':
+                return this.resolvedLabels.stateProcessing;
+            case 'clarification':
+                return this.resolvedLabels.stateClarification;
+            case 'review':
+                return this.resolvedLabels.stateReview;
+            case 'applying':
+                return this.resolvedLabels.stateApplying;
+            case 'success':
+                return this.resolvedLabels.stateSuccess;
+            case 'error':
+                return this.resolvedLabels.stateError;
+            case 'idle':
+            default:
+                return this.resolvedLabels.stateIdle;
+        }
+    }
+    startDrag(event) {
+        if (!this.draggable || event.button !== 0)
+            return;
+        this.startPointerSession('drag', event);
+    }
+    startResize(event) {
+        if (!this.resizable || event.button !== 0)
+            return;
+        this.startPointerSession('resize', event);
+    }
+    trackMessage(_index, message) {
+        return message.id;
+    }
+    trackMessageAction(_index, action) {
+        return action.id;
+    }
+    trackQuickReply(_index, reply) {
+        return reply.id;
+    }
+    trackContextItem(_index, item) {
+        return item.id;
+    }
+    trackAttachment(_index, attachment) {
+        return attachment.id;
+    }
+    startPointerSession(mode, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const panel = this.panel?.nativeElement;
+        if (!panel)
+            return;
+        const bounds = this.resolveBounds(panel);
+        this.pointerSession = {
+            mode,
+            pointerId: event.pointerId,
+            startX: event.clientX,
+            startY: event.clientY,
+            startLayout: { ...this.currentLayout },
+            boundsWidth: bounds.width,
+            boundsHeight: bounds.height,
+        };
+        try {
+            panel.setPointerCapture?.(event.pointerId);
+        }
+        catch {
+            // Synthetic pointer events used by tests may not have an active pointer capture target.
+        }
+        window.addEventListener('pointermove', this.onWindowPointerMove);
+        window.addEventListener('pointerup', this.onWindowPointerUp);
+        window.addEventListener('pointercancel', this.onWindowPointerUp);
+    }
+    handlePointerMove(event) {
+        const session = this.pointerSession;
+        if (!session || event.pointerId !== session.pointerId)
+            return;
+        const deltaX = event.clientX - session.startX;
+        const deltaY = event.clientY - session.startY;
+        const next = session.mode === 'drag'
+            ? {
+                ...session.startLayout,
+                left: session.startLayout.left + deltaX,
+                top: session.startLayout.top + deltaY,
+            }
+            : {
+                ...session.startLayout,
+                width: session.startLayout.width + deltaX,
+                height: session.startLayout.height + deltaY,
+            };
+        this.currentLayout = this.clampLayout(next, session.boundsWidth, session.boundsHeight);
+        this.layoutChange.emit(this.currentLayout);
+        this.cdr.markForCheck();
+    }
+    finishPointerSession(event) {
+        if (this.pointerSession && event.pointerId === this.pointerSession.pointerId) {
+            try {
+                this.panel?.nativeElement.releasePointerCapture?.(event.pointerId);
+            }
+            catch {
+                // Synthetic pointer events used by tests may not own pointer capture.
+            }
+            this.pointerSession = null;
+        }
+        this.detachPointerListeners();
+    }
+    detachPointerListeners() {
+        window.removeEventListener('pointermove', this.onWindowPointerMove);
+        window.removeEventListener('pointerup', this.onWindowPointerUp);
+        window.removeEventListener('pointercancel', this.onWindowPointerUp);
+    }
+    resolveBounds(panel) {
+        const hostBounds = panel.parentElement?.getBoundingClientRect();
+        const width = hostBounds?.width || (typeof window !== 'undefined' ? window.innerWidth : 1024);
+        const height = hostBounds?.height || (typeof window !== 'undefined' ? window.innerHeight : 768);
+        return {
+            width: Math.max(width, this.minWidth + this.margin * 2),
+            height: Math.max(height, this.minHeight + this.margin * 2),
+        };
+    }
+    normalizeLayout(layout) {
+        return {
+            left: Number.isFinite(layout?.left) ? Number(layout?.left) : DEFAULT_LAYOUT.left,
+            top: Number.isFinite(layout?.top) ? Number(layout?.top) : DEFAULT_LAYOUT.top,
+            width: Number.isFinite(layout?.width) ? Number(layout?.width) : DEFAULT_LAYOUT.width,
+            height: Number.isFinite(layout?.height) ? Number(layout?.height) : DEFAULT_LAYOUT.height,
+        };
+    }
+    clampLayout(layout, boundsWidth, boundsHeight) {
+        const maxWidth = Math.max(this.minWidth, boundsWidth - this.margin * 2);
+        const maxHeight = Math.max(this.minHeight, boundsHeight - this.margin * 2);
+        const width = this.clamp(layout.width, this.minWidth, maxWidth);
+        const height = this.clamp(layout.height, this.minHeight, maxHeight);
+        return {
+            left: this.clamp(layout.left, this.margin, Math.max(this.margin, boundsWidth - width - this.margin)),
+            top: this.clamp(layout.top, this.margin, Math.max(this.margin, boundsHeight - height - this.margin)),
+            width,
+            height,
+        };
+    }
+    clamp(value, min, max) {
+        return Math.min(Math.max(value, min), max);
+    }
+    scheduleConversationScroll() {
+        setTimeout(() => {
+            const element = this.conversation?.nativeElement;
+            if (!element)
+                return;
+            element.scrollTo?.({ top: element.scrollHeight });
+            element.scrollTop = element.scrollHeight;
+        });
+    }
+    fileAttachment(file, source) {
+        const isImage = file.type.startsWith('image/');
+        const previewUrl = isImage ? URL.createObjectURL(file) : undefined;
+        if (previewUrl) {
+            this.ownedPreviewUrls.add(previewUrl);
+        }
+        return {
+            id: this.createAttachmentId(),
+            name: file.name || (isImage ? 'image' : 'attachment'),
+            kind: this.attachmentKind(file),
+            mimeType: file.type || undefined,
+            sizeBytes: file.size,
+            file,
+            previewUrl,
+            source,
+            status: 'ready',
+        };
+    }
+    createAttachmentId() {
+        const randomUuid = globalThis.crypto?.randomUUID?.();
+        if (randomUuid) {
+            return `attachment-${randomUuid}`;
+        }
+        return `attachment-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+    }
+    attachmentKind(file) {
+        if (file.type.startsWith('image/'))
+            return 'image';
+        if (file.type === 'application/json' || file.name.toLowerCase().endsWith('.json'))
+            return 'json';
+        if (file.type.startsWith('text/'))
+            return 'text';
+        return 'file';
+    }
+    revokeDetachedPastedPreviewUrls() {
+        const activeUrls = new Set(this.attachments.map((attachment) => attachment.previewUrl).filter(Boolean));
+        for (const previewUrl of [...this.ownedPreviewUrls]) {
+            if (!activeUrls.has(previewUrl)) {
+                this.revokeOwnedPreviewUrl(previewUrl);
+            }
+        }
+    }
+    revokeAllOwnedPreviewUrls() {
+        for (const previewUrl of [...this.ownedPreviewUrls]) {
+            this.revokeOwnedPreviewUrl(previewUrl);
+        }
+    }
+    revokeOwnedPreviewUrl(previewUrl) {
+        if (!previewUrl || !this.ownedPreviewUrls.has(previewUrl)) {
+            return;
+        }
+        URL.revokeObjectURL(previewUrl);
+        this.ownedPreviewUrls.delete(previewUrl);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantShellComponent, isStandalone: true, selector: "praxis-ai-assistant-shell", inputs: { labels: "labels", mode: "mode", state: "state", contextItems: "contextItems", attachments: "attachments", messages: "messages", quickReplies: "quickReplies", prompt: "prompt", statusText: "statusText", errorText: "errorText", testIdPrefix: "testIdPrefix", panelTestId: "panelTestId", submitTestId: "submitTestId", applyTestId: "applyTestId", busy: "busy", canSubmit: "canSubmit", canApply: "canApply", submitOnEnter: "submitOnEnter", enableFileAttachments: "enableFileAttachments", attachmentAccept: "attachmentAccept", attachmentMultiple: "attachmentMultiple", draggable: "draggable", resizable: "resizable", minWidth: "minWidth", minHeight: "minHeight", margin: "margin", layout: "layout" }, outputs: { promptChange: "promptChange", submitPrompt: "submitPrompt", apply: "apply", close: "close", attach: "attach", attachmentsPasted: "attachmentsPasted", attachmentsSelected: "attachmentsSelected", removeAttachment: "removeAttachment", messageAction: "messageAction", editMessage: "editMessage", resendMessage: "resendMessage", quickReply: "quickReply", layoutChange: "layoutChange" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "conversation", first: true, predicate: ["conversation"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        {{ reply.label }}\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{max-width:100%;border-radius:999px}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-ai-assistant-shell', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        MatProgressSpinnerModule,
+                        MatTooltipModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        {{ reply.label }}\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{max-width:100%;border-radius:999px}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"] }]
+        }], propDecorators: { labels: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], contextItems: [{
+                type: Input
+            }], attachments: [{
+                type: Input
+            }], messages: [{
+                type: Input
+            }], quickReplies: [{
+                type: Input
+            }], prompt: [{
+                type: Input
+            }], statusText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], testIdPrefix: [{
+                type: Input
+            }], panelTestId: [{
+                type: Input
+            }], submitTestId: [{
+                type: Input
+            }], applyTestId: [{
+                type: Input
+            }], busy: [{
+                type: Input
+            }], canSubmit: [{
+                type: Input
+            }], canApply: [{
+                type: Input
+            }], submitOnEnter: [{
+                type: Input
+            }], enableFileAttachments: [{
+                type: Input
+            }], attachmentAccept: [{
+                type: Input
+            }], attachmentMultiple: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], minHeight: [{
+                type: Input
+            }], margin: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], promptChange: [{
+                type: Output
+            }], submitPrompt: [{
+                type: Output
+            }], apply: [{
+                type: Output
+            }], close: [{
+                type: Output
+            }], attach: [{
+                type: Output
+            }], attachmentsPasted: [{
+                type: Output
+            }], attachmentsSelected: [{
+                type: Output
+            }], removeAttachment: [{
+                type: Output
+            }], messageAction: [{
+                type: Output
+            }], editMessage: [{
+                type: Output
+            }], resendMessage: [{
+                type: Output
+            }], quickReply: [{
+                type: Output
+            }], layoutChange: [{
+                type: Output
+            }], panel: [{
+                type: ViewChild,
+                args: ['panel', { static: true }]
+            }], conversation: [{
+                type: ViewChild,
+                args: ['conversation']
+            }] } });
+
 class StreamingFeedbackComponent {
     title = 'Processando...';
     displayText = '';
@@ -6202,4 +7165,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AI_INTENT_CONTRACT_SCHEMA_HASH, AI_INTENT_CONTRACT_VERSION, AiBackendApiService, AiPatchStreamConnectionError, AiResponseValidatorService, AiRuleWizardDialogComponent, BaseAiAdapter, PraxisAi, PraxisAiAssistantComponent, PraxisAiService, SchemaMinifierService };
+export { AI_BACKEND_CONFIG_STORE, AI_BACKEND_STORAGE_OPTIONS, AI_CONTRACT_SCHEMA_HASH, AI_CONTRACT_VERSION, AI_INTENT_CONTRACT_SCHEMA_HASH, AI_INTENT_CONTRACT_VERSION, AI_STREAM_EVENT_SCHEMA_VERSION, AI_STREAM_EVENT_TYPES, AiBackendApiService, AiPatchStreamConnectionError, AiResponseValidatorService, AiRuleWizardDialogComponent, BaseAiAdapter, PraxisAi, PraxisAiAssistantComponent, PraxisAiAssistantShellComponent, PraxisAiService, PraxisAssistantTurnController, PraxisAssistantTurnOrchestratorService, SchemaMinifierService };