@praxisui/ai 8.0.0-beta.3 → 8.0.0-beta.31

package/fesm2022/praxisui-ai.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { Component, Injectable, InjectionToken, Optional, Inject, inject, ChangeDetectorRef, ElementRef, ViewChild, Input, ChangeDetectionStrategy, EventEmitter, Output } from '@angular/core';
+import { Component, Injectable, InjectionToken, Optional, Inject, inject, signal, computed, ChangeDetectorRef, ElementRef, ViewChild, Input, ChangeDetectionStrategy, EventEmitter, Output, booleanAttribute } from '@angular/core';
 import { SchemaType, GoogleGenerativeAI } from '@google/generative-ai';
-import { throwError, from, Observable, of, BehaviorSubject, tap, map as map$1, isObservable, firstValueFrom } from 'rxjs';
+import { throwError, from, Observable, of, BehaviorSubject, tap, map as map$1, catchError as catchError$1, isObservable, firstValueFrom } from 'rxjs';
 import { map, catchError, filter, take } from 'rxjs/operators';
 import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
+import { API_URL } from '@praxisui/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@angular/forms';
@@ -60,15 +61,398 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Models for Praxis AI (Centralized)
  */
 
+const PRAXIS_ASSISTANT_CONTEXT_TEXT_LIMIT = 160;
+const PRAXIS_ASSISTANT_CONTEXT_ITEM_LIMIT = 12;
+const PRAXIS_ASSISTANT_CONTEXT_SCHEMA_FIELD_LIMIT = 40;
+const PRAXIS_ASSISTANT_CONTEXT_ATTACHMENT_LIMIT = 8;
+const REDACTED = '[redacted]';
+const PROHIBITED_CONTEXT_KEYS = new Set([
+    'file',
+    'blob',
+    'bytes',
+    'base64',
+    'previewUrl',
+    'currentState',
+    'runtimeState',
+    'formValues',
+    'values',
+    'rows',
+    'rowData',
+    'pendingPatch',
+    'diagnostics',
+    'payload',
+    'config',
+]);
+const SENSITIVE_TEXT_PATTERNS = [
+    /\bBearer\s+[A-Za-z0-9\-._~+/]+=*/gi,
+    /\beyJ[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+\b/g,
+    /\bsk-[A-Za-z0-9]{20,}\b/g,
+    /\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b/gi,
+    /\b\d{3}\.?\d{3}\.?\d{3}-?\d{2}\b/g,
+    /\b(?:\+?55\s?)?(?:\(?\d{2}\)?\s?)?(?:9\s?)?\d{4}[-\s]?\d{4}\b/g,
+    /\b(?:api[_-]?key|token|secret|password|senha)\s*[:=]\s*['"]?[^'"\s,;]+/gi,
+];
+function sanitizePraxisAssistantText(value, limit = PRAXIS_ASSISTANT_CONTEXT_TEXT_LIMIT) {
+    if (value === null || value === undefined)
+        return '';
+    let sanitized = String(value);
+    for (const pattern of SENSITIVE_TEXT_PATTERNS) {
+        sanitized = sanitized.replace(pattern, REDACTED);
+    }
+    sanitized = sanitized.replace(/\s+/g, ' ').trim();
+    const safeLimit = Math.max(0, limit);
+    return sanitized.length > safeLimit ? `${sanitized.slice(0, Math.max(0, safeLimit - 3))}...` : sanitized;
+}
+function normalizePraxisAssistantAttachmentSummary(attachment) {
+    if (!isRecord(attachment))
+        return null;
+    const id = sanitizePraxisAssistantText(attachment['id'] ?? attachment['name'], 96);
+    const name = sanitizePraxisAssistantText(attachment['name'] ?? id, 120);
+    if (!id || !name)
+        return null;
+    return {
+        id,
+        name,
+        kind: sanitizePraxisAssistantText(attachment['kind'] ?? 'file', 32) || 'file',
+        mimeType: sanitizePraxisAssistantText(attachment['mimeType'], 96) || undefined,
+        sizeBytes: normalizeNonNegativeNumber(attachment['sizeBytes']),
+        source: sanitizePraxisAssistantText(attachment['source'], 64) || undefined,
+        hasPreview: Boolean(attachment['hasPreview']),
+    };
+}
+function normalizePraxisAssistantContextSnapshot(value) {
+    if (!isRecord(value)) {
+        throw new Error('Praxis assistant context snapshot requires an object.');
+    }
+    const identity = normalizeIdentity(value['identity']);
+    const contextItems = normalizeContextItems(value['contextItems']);
+    return {
+        identity,
+        target: normalizeTargetRef(value['target']) ?? undefined,
+        contextItems,
+        mode: normalizeMode(value['mode']),
+        authoringManifestRef: normalizeManifestRef(value['authoringManifestRef']) ?? undefined,
+        resourcePath: sanitizePraxisAssistantText(value['resourcePath'], 160) || undefined,
+        schemaFields: normalizeStringList(value['schemaFields'], PRAXIS_ASSISTANT_CONTEXT_SCHEMA_FIELD_LIMIT, 96),
+        dataProfileDigest: normalizeDigest(value['dataProfileDigest']) ?? undefined,
+        runtimeStateDigest: normalizeDigest(value['runtimeStateDigest']) ?? undefined,
+        capabilityRefs: normalizeCapabilityRefs(value['capabilityRefs']),
+        governanceHints: normalizeGovernanceHints(value['governanceHints']),
+        riskHints: normalizeGovernanceHints(value['riskHints']),
+        attachmentSummaries: normalizeAttachmentSummaries(value['attachmentSummaries']),
+        actions: normalizeActions(value['actions']),
+    };
+}
+function normalizeIdentity(value) {
+    if (!isRecord(value)) {
+        throw new Error('Praxis assistant context snapshot requires identity.');
+    }
+    const sessionId = sanitizePraxisAssistantText(value['sessionId'], 120);
+    const ownerId = sanitizePraxisAssistantText(value['ownerId'], 120);
+    const ownerType = sanitizePraxisAssistantText(value['ownerType'], 64);
+    if (!sessionId || !ownerId || !ownerType) {
+        throw new Error('Praxis assistant identity requires sessionId, ownerId and ownerType.');
+    }
+    return {
+        sessionId,
+        ownerId,
+        ownerType,
+        componentId: sanitizePraxisAssistantText(value['componentId'], 120) || undefined,
+        componentType: sanitizePraxisAssistantText(value['componentType'], 64) || undefined,
+        routeKey: sanitizePraxisAssistantText(value['routeKey'], 160) || undefined,
+        tenantId: sanitizePraxisAssistantText(value['tenantId'], 96) || undefined,
+        env: sanitizePraxisAssistantText(value['env'], 48) || undefined,
+        userId: sanitizePraxisAssistantText(value['userId'], 96) || undefined,
+    };
+}
+function normalizeTargetRef(value) {
+    if (!isRecord(value))
+        return null;
+    const kind = sanitizePraxisAssistantText(value['kind'], 48);
+    const id = sanitizePraxisAssistantText(value['id'], 120);
+    if (!kind || !id)
+        return null;
+    return {
+        kind,
+        id,
+        label: sanitizePraxisAssistantText(value['label'], 120) || undefined,
+        path: sanitizePraxisAssistantText(value['path'], 160) || undefined,
+        schemaPath: sanitizePraxisAssistantText(value['schemaPath'], 160) || undefined,
+        metadata: normalizeMetadata(value['metadata']),
+    };
+}
+function normalizeContextItems(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value
+        .slice(0, PRAXIS_ASSISTANT_CONTEXT_ITEM_LIMIT)
+        .map((item) => {
+        if (!isRecord(item))
+            return null;
+        const id = sanitizePraxisAssistantText(item['id'], 80);
+        const label = sanitizePraxisAssistantText(item['label'], 80);
+        const itemValue = sanitizePraxisAssistantText(item['value'], 160);
+        if (!id || !label || !itemValue)
+            return null;
+        return {
+            id,
+            label,
+            value: itemValue,
+            kind: sanitizePraxisAssistantText(item['kind'], 48) || undefined,
+            tone: normalizeTone(item['tone']),
+        };
+    })
+        .filter(isDefined);
+}
+function normalizeManifestRef(value) {
+    if (!isRecord(value))
+        return null;
+    const componentId = sanitizePraxisAssistantText(value['componentId'], 120);
+    if (!componentId)
+        return null;
+    return {
+        componentId,
+        version: sanitizePraxisAssistantText(value['version'], 64) || undefined,
+        source: sanitizePraxisAssistantText(value['source'], 160) || undefined,
+        hash: sanitizePraxisAssistantText(value['hash'], 96) || undefined,
+    };
+}
+function normalizeDigest(value) {
+    if (!isRecord(value))
+        return null;
+    return {
+        label: sanitizePraxisAssistantText(value['label'], 80) || undefined,
+        summary: sanitizePraxisAssistantText(value['summary'], 240) || undefined,
+        hash: sanitizePraxisAssistantText(value['hash'], 96) || undefined,
+        source: sanitizePraxisAssistantText(value['source'], 160) || undefined,
+        fields: normalizeStringList(value['fields'], 20, 96),
+        counts: normalizeNumberMap(value['counts']),
+    };
+}
+function normalizeCapabilityRefs(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const refs = value.slice(0, 20).map((item) => {
+        if (!isRecord(item))
+            return null;
+        const id = sanitizePraxisAssistantText(item['id'], 120);
+        if (!id)
+            return null;
+        return {
+            id,
+            label: sanitizePraxisAssistantText(item['label'], 120) || undefined,
+            source: sanitizePraxisAssistantText(item['source'], 160) || undefined,
+            risk: normalizeRisk(item['risk']),
+        };
+    }).filter(isDefined);
+    return refs.length ? refs : undefined;
+}
+function normalizeGovernanceHints(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const hints = value.slice(0, 12).map((item) => {
+        if (!isRecord(item))
+            return null;
+        const kind = sanitizePraxisAssistantText(item['kind'], 80);
+        if (!kind)
+            return null;
+        return {
+            kind,
+            label: sanitizePraxisAssistantText(item['label'], 120) || undefined,
+            reason: sanitizePraxisAssistantText(item['reason'], 200) || undefined,
+            target: sanitizePraxisAssistantText(item['target'], 160) || undefined,
+            risk: normalizeRisk(item['risk']),
+        };
+    }).filter(isDefined);
+    return hints.length ? hints : undefined;
+}
+function normalizeAttachmentSummaries(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const summaries = value
+        .slice(0, PRAXIS_ASSISTANT_CONTEXT_ATTACHMENT_LIMIT)
+        .map(normalizePraxisAssistantAttachmentSummary)
+        .filter((item) => !!item);
+    return summaries.length ? summaries : undefined;
+}
+function normalizeActions(value) {
+    if (!Array.isArray(value))
+        return undefined;
+    const actions = value.slice(0, 20).map((item) => {
+        if (!isRecord(item))
+            return null;
+        const id = sanitizePraxisAssistantText(item['id'], 120);
+        const kind = sanitizePraxisAssistantText(item['kind'], 80);
+        if (!id || !kind)
+            return null;
+        return {
+            id,
+            kind,
+            label: sanitizePraxisAssistantText(item['label'], 120) || undefined,
+            target: normalizeTargetRef(item['target']) ?? undefined,
+            capabilityRef: sanitizePraxisAssistantText(item['capabilityRef'], 120) || undefined,
+            risk: normalizeRisk(item['risk']),
+            handoffEndpoint: sanitizePraxisAssistantText(item['handoffEndpoint'], 180) || undefined,
+            description: sanitizePraxisAssistantText(item['description'], 200) || undefined,
+        };
+    }).filter(isDefined);
+    return actions.length ? actions : undefined;
+}
+function normalizeMetadata(value) {
+    if (!isRecord(value))
+        return undefined;
+    const metadata = {};
+    for (const [key, rawValue] of Object.entries(value)) {
+        if (PROHIBITED_CONTEXT_KEYS.has(key))
+            continue;
+        const safeKey = sanitizePraxisAssistantText(key, 64);
+        if (!safeKey)
+            continue;
+        if (typeof rawValue === 'string')
+            metadata[safeKey] = sanitizePraxisAssistantText(rawValue, 120);
+        if (typeof rawValue === 'number' && Number.isFinite(rawValue))
+            metadata[safeKey] = rawValue;
+        if (typeof rawValue === 'boolean')
+            metadata[safeKey] = rawValue;
+    }
+    return Object.keys(metadata).length ? metadata : undefined;
+}
+function normalizeStringList(value, limit, textLimit) {
+    if (!Array.isArray(value))
+        return undefined;
+    const list = value
+        .slice(0, limit)
+        .map((item) => sanitizePraxisAssistantText(item, textLimit))
+        .filter(Boolean);
+    return list.length ? list : undefined;
+}
+function normalizeNumberMap(value) {
+    if (!isRecord(value))
+        return undefined;
+    const counts = {};
+    for (const [key, rawValue] of Object.entries(value)) {
+        const safeKey = sanitizePraxisAssistantText(key, 64);
+        if (!safeKey || typeof rawValue !== 'number' || !Number.isFinite(rawValue))
+            continue;
+        counts[safeKey] = rawValue;
+    }
+    return Object.keys(counts).length ? counts : undefined;
+}
+function normalizeMode(value) {
+    const mode = sanitizePraxisAssistantText(value, 48);
+    if (mode === 'config'
+        || mode === 'agentic-authoring'
+        || mode === 'chat'
+        || mode === 'diagnostic'
+        || mode === 'review'
+        || mode === 'inline-help') {
+        return mode;
+    }
+    return 'chat';
+}
+function normalizeRisk(value) {
+    const risk = sanitizePraxisAssistantText(value, 24);
+    return risk === 'low' || risk === 'medium' || risk === 'high' || risk === 'blocked'
+        ? risk
+        : undefined;
+}
+function normalizeTone(value) {
+    const tone = sanitizePraxisAssistantText(value, 24);
+    return tone === 'neutral' || tone === 'info' || tone === 'success' || tone === 'warning' || tone === 'danger'
+        ? tone
+        : undefined;
+}
+function normalizeNonNegativeNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : undefined;
+}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function isDefined(value) {
+    return value !== null && value !== undefined;
+}
+
+function toPraxisAssistantConversationMessages(messages, limit = 12) {
+    return messages
+        .filter((message) => !!message.text?.trim() && isPraxisAssistantConversationMessageRole(message.role))
+        .slice(-Math.max(0, limit))
+        .map((message) => ({
+        id: message.id,
+        role: toPraxisAssistantConversationMessageRole(message.role),
+        text: message.text,
+    }));
+}
+function isPraxisAssistantConversationMessageRole(role) {
+    return role === 'user' || role === 'assistant' || role === 'system' || role === 'status';
+}
+function toPraxisAssistantConversationMessageRole(role) {
+    switch (role) {
+        case 'user':
+        case 'assistant':
+        case 'system':
+            return role;
+        case 'status':
+            return 'assistant';
+        default:
+            return 'assistant';
+    }
+}
+
 /**
  * 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_CONTRACT_SCHEMA_HASH = '33c545b58f49404695bf845d2094a5b2858538a54200745f1ecb3ca2d0628f01';
 const AI_STREAM_EVENT_SCHEMA_VERSION = 'v1';
+const AI_DOMAIN_CATALOG_CONTEXT_HINT_SCHEMA_VERSION = 'praxis.ai.context-hints.domain-catalog/v0.2';
 const AI_STREAM_EVENT_TYPES = ['status', 'thought.step', 'heartbeat', 'result', 'error', 'cancelled'];
 
+function createComponentAuthoringContext(authoringContract) {
+    return {
+        authoringContract: toAiJsonObject(authoringContract, 'authoringContract'),
+    };
+}
+function toAiJsonObject(value, path = 'value') {
+    const normalized = toAiJsonValue(value, path);
+    if (!normalized || Array.isArray(normalized) || typeof normalized !== 'object') {
+        throw new Error(`${path} must be a JSON object.`);
+    }
+    return normalized;
+}
+function toAiJsonValue(value, path) {
+    if (value === undefined)
+        return undefined;
+    if (value === null) {
+        return null;
+    }
+    if (typeof value === 'string' || typeof value === 'boolean') {
+        return value;
+    }
+    if (typeof value === 'number') {
+        if (!Number.isFinite(value)) {
+            throw new Error(`${path} must be a finite JSON number.`);
+        }
+        return value;
+    }
+    if (Array.isArray(value)) {
+        return value
+            .map((item, index) => toAiJsonValue(item, `${path}[${index}]`))
+            .filter((item) => item !== undefined);
+    }
+    if (typeof value === 'object') {
+        const result = {};
+        for (const [key, item] of Object.entries(value)) {
+            const normalized = toAiJsonValue(item, `${path}.${key}`);
+            if (normalized !== undefined) {
+                result[key] = normalized;
+            }
+        }
+        return result;
+    }
+    throw new Error(`${path} contains a non-JSON value.`);
+}
+
 /**
  * Base implementation for AI Adapters.
  * Provides common validation logic against the Capabilities Catalog.
@@ -113,6 +497,26 @@ class BaseAiAdapter {
     }
 }
 
+/**
+ * @deprecated Component assistants must not infer governed authoring from user
+ * wording. Route through the backend semantic resolver and use this only for
+ * explicit, structured context provided by a canonical backend source.
+ */
+function shouldRoutePromptToGovernedDecision(prompt, contextHints, options = {}) {
+    void prompt;
+    void options;
+    const recommendedFlow = toRecord(contextHints?.['domainCatalog'])?.['recommendedAuthoringFlow'];
+    return recommendedFlow === 'shared_rule_authoring';
+}
+function normalizeAuthoringPrompt(prompt) {
+    return prompt.normalize('NFD').replace(/[\u0300-\u036f]/g, '').toLowerCase();
+}
+function toRecord(value) {
+    return value && typeof value === 'object' && !Array.isArray(value)
+        ? value
+        : null;
+}
+
 class SchemaMinifierService {
     /**
      * Converts complete FieldSchemas into a minified version for AI context (Token optimized)
@@ -526,15 +930,6 @@ class PraxisAiService {
         if (!this.isGeminiProvider()) {
             return throwError(() => new Error('LLM provider not supported in browser mode.'));
         }
-        const intentOnly = this.extractUserIntent(prompt);
-        // Only check for mock triggers in the specific user intent, not the full prompt template
-        if (intentOnly) {
-            const mockPatch = this.getMockPatch(intentOnly);
-            if (mockPatch) {
-                console.warn('PraxisAI: Using mock response for prompt intent:', intentOnly);
-                return of(mockPatch);
-            }
-        }
         if (!this.genAI)
             return throwError(() => new Error('API Key not configured'));
         const generationConfig = {
@@ -580,50 +975,6 @@ class PraxisAiService {
     isMockMode() {
         return !this.genAI;
     }
-    // -------- Helpers --------
-    extractUserIntent(prompt) {
-        // Tenta capturar o conteúdo entre aspas após os marcadores conhecidos
-        const patterns = [
-            /ENTRADA DO USUÁRIO:\s*"([^"]+)"/i,
-            /PEDIDO DO USUÁRIO:\s*"([^"]+)"/i,
-            /USER INTENT:\s*"([^"]+)"/i
-        ];
-        for (const regex of patterns) {
-            const match = prompt.match(regex);
-            if (match && match[1]) {
-                return match[1].trim();
-            }
-        }
-        return null;
-    }
-    getMockPatch(prompt) {
-        if (!prompt)
-            return null;
-        const p = prompt.toLowerCase();
-        // ... rest of the function
-        if (p.includes('compacta') && p.includes('bordas')) {
-            return {
-                patch: { appearance: { density: 'compact', borders: { showRowBorders: false } } },
-                explanation: 'Ajustei a tabela para o modo compacto e removi as bordas das linhas (MOCK).',
-            };
-        }
-        if (p.includes('seleção múltipla') && p.includes('filtros no cabeçalho')) {
-            return {
-                patch: {
-                    behavior: {
-                        selection: { enabled: true, type: 'multiple', mode: 'checkbox' },
-                        filtering: { enabled: true, columnFilters: { enabled: true, position: 'header' } },
-                        sorting: { enabled: true },
-                    },
-                },
-                explanation: 'Ativei seleção múltipla, filtros no cabeçalho e ordenação (MOCK Power User).',
-            };
-        }
-        if (p.includes('paginação') || p.includes('paginacao')) {
-            return { patch: { behavior: { pagination: { enabled: false } } }, explanation: 'Desativei a paginação da tabela (MOCK).' };
-        }
-        return null;
-    }
     listModels(apiKey) {
         if (!this.isGeminiProvider()) {
             return throwError(() => new Error('Model listing only available for Gemini.'));
@@ -690,6 +1041,7 @@ class AiPatchStreamConnectionError extends Error {
 }
 const AI_BACKEND_CONFIG_STORE = new InjectionToken('AI_BACKEND_CONFIG_STORE');
 const AI_BACKEND_STORAGE_OPTIONS = new InjectionToken('AI_BACKEND_STORAGE_OPTIONS');
+const AI_BACKEND_ENDPOINTS = new InjectionToken('AI_BACKEND_ENDPOINTS');
 const DEFAULT_USER_ID_STORAGE_KEY = 'praxis.demoUserId';
 function buildDemoUserId() {
     if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
@@ -723,18 +1075,20 @@ class AiBackendApiService {
     http = inject(HttpClient);
     globalConfigStore = inject(AI_BACKEND_CONFIG_STORE, { optional: true });
     storageOpts = inject(AI_BACKEND_STORAGE_OPTIONS, { optional: true });
-    baseUrl = '/api/praxis/config/ai';
-    contextUrl = '/api/praxis/config/ai-context';
+    endpointOpts = inject(AI_BACKEND_ENDPOINTS, { optional: true });
+    apiUrlConfig = inject(API_URL, { optional: true });
+    fallbackAiBaseUrl = '/api/praxis/config/ai';
+    fallbackAiContextBaseUrl = '/api/praxis/config/ai-context';
     getSuggestions(request) {
-        return this.http.post(`${this.baseUrl}/suggestions`, request, { headers: this.buildHeaders() });
+        return this.http.post(`${this.aiBaseUrl()}/suggestions`, request, { headers: this.buildHeaders() });
     }
     getPatch(request) {
         const normalizedRequest = {
-            ...request,
+            ...this.normalizeLegacyPatchConversationIds(request),
             contractVersion: this.normalizeContractVersion(request.contractVersion),
             schemaHash: this.normalizeContractSchemaHash(request.schemaHash),
         };
-        return this.http.post(`${this.baseUrl}/patch`, normalizedRequest, {
+        return this.http.post(`${this.aiBaseUrl()}/patch`, normalizedRequest, {
             headers: this.buildHeaders({
                 [AI_CONTRACT_VERSION_HEADER]: normalizedRequest.contractVersion,
                 [AI_CONTRACT_SCHEMA_HASH_HEADER]: normalizedRequest.schemaHash,
@@ -743,11 +1097,11 @@ class AiBackendApiService {
     }
     startPatchStream(request) {
         const normalizedRequest = {
-            ...request,
+            ...this.normalizeLegacyPatchConversationIds(request),
             contractVersion: this.normalizeContractVersion(request.contractVersion),
             schemaHash: this.normalizeContractSchemaHash(request.schemaHash),
         };
-        return this.http.post(`${this.baseUrl}/patch/stream/start`, normalizedRequest, {
+        return this.http.post(`${this.aiBaseUrl()}/patch/stream/start`, normalizedRequest, {
             headers: this.buildHeaders({
                 [AI_CONTRACT_VERSION_HEADER]: normalizedRequest.contractVersion,
                 [AI_CONTRACT_SCHEMA_HASH_HEADER]: normalizedRequest.schemaHash,
@@ -764,7 +1118,7 @@ class AiBackendApiService {
             queryParams.push(`accessToken=${encodeURIComponent(accessToken.trim())}`);
         }
         const query = queryParams.length > 0 ? `?${queryParams.join('&')}` : '';
-        const streamPath = `${this.baseUrl}/patch/stream/${encodeURIComponent(streamId)}`;
+        const streamPath = `${this.aiBaseUrl()}/patch/stream/${encodeURIComponent(streamId)}`;
         const endpoint = `${streamPath}${query}`;
         const probeEndpoint = `${streamPath}/probe${accessToken?.trim()
             ? `?accessToken=${encodeURIComponent(accessToken.trim())}`
@@ -772,6 +1126,12 @@ class AiBackendApiService {
         let source = null;
         const events$ = new Observable((subscriber) => {
             let disposed = false;
+            const closeSource = () => {
+                if (source) {
+                    source.close();
+                    source = null;
+                }
+            };
             const openStream = async () => {
                 if (typeof EventSource === 'undefined') {
                     subscriber.error(new AiPatchStreamConnectionError('unsupported', 'EventSource is not supported in this environment.'));
@@ -786,10 +1146,14 @@ class AiBackendApiService {
                     return;
                 }
                 source = new EventSource(endpoint, { withCredentials: true });
-                source.onmessage = (messageEvent) => {
+                const handleMessage = (messageEvent) => {
                     try {
                         const parsed = this.parsePatchStreamEnvelope(messageEvent.data);
                         subscriber.next(parsed);
+                        if (this.isTerminalStreamEventType(parsed.type)) {
+                            subscriber.complete();
+                            closeSource();
+                        }
                     }
                     catch (error) {
                         if (error instanceof AiPatchStreamConnectionError) {
@@ -799,6 +1163,8 @@ class AiBackendApiService {
                         subscriber.error(new AiPatchStreamConnectionError('parse', 'Failed to parse stream event payload.'));
                     }
                 };
+                source.onmessage = handleMessage;
+                this.registerNamedStreamEventListeners(source, handleMessage);
                 source.onerror = () => {
                     if (!source) {
                         subscriber.error(new AiPatchStreamConnectionError('transport', 'Patch stream connection error.'));
@@ -814,11 +1180,105 @@ class AiBackendApiService {
             void openStream();
             return () => {
                 disposed = true;
+                closeSource();
+            };
+        });
+        return {
+            events$,
+            close: () => {
+                if (source) {
+                    source.close();
+                    source = null;
+                }
+            },
+        };
+    }
+    cancelPatchStream(streamId, accessToken) {
+        const endpoint = `${this.aiBaseUrl()}/patch/stream/${encodeURIComponent(streamId)}/cancel${accessToken?.trim()
+            ? `?accessToken=${encodeURIComponent(accessToken.trim())}`
+            : ''}`;
+        return this.http.post(endpoint, {}, {
+            headers: this.buildHeaders(),
+            withCredentials: true,
+        });
+    }
+    startAgenticAuthoringTurnStream(request) {
+        return this.http.post(`${this.aiBaseUrl()}/authoring/turn/stream/start`, request, {
+            headers: this.buildHeaders(),
+            withCredentials: true,
+        });
+    }
+    connectAgenticAuthoringTurnStream(streamId, lastEventId, accessToken) {
+        const queryParams = [];
+        if (lastEventId?.trim()) {
+            queryParams.push(`lastEventId=${encodeURIComponent(lastEventId.trim())}`);
+        }
+        if (accessToken?.trim()) {
+            queryParams.push(`accessToken=${encodeURIComponent(accessToken.trim())}`);
+        }
+        const query = queryParams.length > 0 ? `?${queryParams.join('&')}` : '';
+        const streamPath = `${this.aiBaseUrl()}/authoring/turn/stream/${encodeURIComponent(streamId)}`;
+        const endpoint = `${streamPath}${query}`;
+        const probeEndpoint = `${streamPath}/probe${accessToken?.trim()
+            ? `?accessToken=${encodeURIComponent(accessToken.trim())}`
+            : ''}`;
+        let source = null;
+        const events$ = new Observable((subscriber) => {
+            let disposed = false;
+            const closeSource = () => {
                 if (source) {
                     source.close();
                     source = null;
                 }
             };
+            const openStream = async () => {
+                if (typeof EventSource === 'undefined') {
+                    subscriber.error(new AiPatchStreamConnectionError('unsupported', 'EventSource is not supported in this environment.'));
+                    return;
+                }
+                const probeStatus = await this.probePatchStreamEndpoint(probeEndpoint);
+                if (disposed) {
+                    return;
+                }
+                if (typeof probeStatus === 'number' && probeStatus >= 400) {
+                    subscriber.error(new AiPatchStreamConnectionError('http_status', `Agentic authoring stream probe failed with status ${probeStatus}.`, probeStatus));
+                    return;
+                }
+                source = new EventSource(endpoint, { withCredentials: true });
+                const handleMessage = (messageEvent) => {
+                    try {
+                        const parsed = this.parsePatchStreamEnvelope(messageEvent.data);
+                        subscriber.next(parsed);
+                        if (this.isTerminalStreamEventType(parsed.type)) {
+                            subscriber.complete();
+                            closeSource();
+                        }
+                    }
+                    catch (error) {
+                        if (error instanceof AiPatchStreamConnectionError) {
+                            subscriber.error(error);
+                            return;
+                        }
+                        subscriber.error(new AiPatchStreamConnectionError('parse', 'Failed to parse agentic authoring stream event payload.'));
+                    }
+                };
+                source.onmessage = handleMessage;
+                this.registerNamedStreamEventListeners(source, handleMessage);
+                source.onerror = () => {
+                    if (!source) {
+                        subscriber.error(new AiPatchStreamConnectionError('transport', 'Agentic authoring stream connection error.'));
+                        return;
+                    }
+                    if (source.readyState === EventSource.CLOSED) {
+                        subscriber.error(new AiPatchStreamConnectionError('transport', 'Agentic authoring stream connection closed unexpectedly.'));
+                    }
+                };
+            };
+            void openStream();
+            return () => {
+                disposed = true;
+                closeSource();
+            };
         });
         return {
             events$,
@@ -830,8 +1290,8 @@ class AiBackendApiService {
             },
         };
     }
-    cancelPatchStream(streamId, accessToken) {
-        const endpoint = `${this.baseUrl}/patch/stream/${encodeURIComponent(streamId)}/cancel${accessToken?.trim()
+    cancelAgenticAuthoringTurnStream(streamId, accessToken) {
+        const endpoint = `${this.aiBaseUrl()}/authoring/turn/stream/${encodeURIComponent(streamId)}/cancel${accessToken?.trim()
             ? `?accessToken=${encodeURIComponent(accessToken.trim())}`
             : ''}`;
         return this.http.post(endpoint, {}, {
@@ -840,20 +1300,38 @@ class AiBackendApiService {
         });
     }
     listModels(request) {
-        return this.http.post(`${this.baseUrl}/providers/models`, request, { headers: this.buildHeaders() });
+        return this.http.post(`${this.aiBaseUrl()}/providers/models`, request, { headers: this.buildHeaders() });
     }
     listProviderCatalog() {
-        return this.http.get(`${this.baseUrl}/providers/catalog`, { headers: this.buildHeaders() });
+        return this.http.get(`${this.aiBaseUrl()}/providers/catalog`, { headers: this.buildHeaders() });
     }
     testProvider(request) {
-        return this.http.post(`${this.baseUrl}/providers/test`, request, { headers: this.buildHeaders() });
+        return this.http.post(`${this.aiBaseUrl()}/providers/test`, request, { headers: this.buildHeaders() });
     }
     getAiStatus() {
-        return this.http.get(`${this.baseUrl}/status`, { headers: this.buildHeaders() });
+        return this.http.get(`${this.aiBaseUrl()}/status`, { headers: this.buildHeaders() });
     }
     getAiContext(componentId, componentType) {
         const params = new HttpParams({ fromObject: { componentType } });
-        return this.http.get(`${this.contextUrl}/${componentId}`, { headers: this.buildHeaders(), params });
+        return this.http.get(`${this.aiContextBaseUrl()}/${componentId}`, { headers: this.buildHeaders(), params });
+    }
+    getAgenticAuthoringManifest(componentId) {
+        return this.http.get(`${this.authoringManifestUrl(componentId)}`, { headers: this.buildHeaders() });
+    }
+    listAgenticAuthoringManifestTargets(componentId) {
+        return this.http.get(`${this.authoringManifestUrl(componentId)}/editable-targets`, { headers: this.buildHeaders() });
+    }
+    listAgenticAuthoringManifestOperations(componentId) {
+        return this.http.get(`${this.authoringManifestUrl(componentId)}/operations`, { headers: this.buildHeaders() });
+    }
+    resolveAgenticAuthoringManifestTarget(componentId, request) {
+        return this.http.post(`${this.authoringManifestUrl(componentId)}/resolve-target`, request, { headers: this.buildHeaders() });
+    }
+    validateAgenticAuthoringManifestPlan(componentId, request) {
+        return this.http.post(`${this.authoringManifestUrl(componentId)}/validate-plan`, request, { headers: this.buildHeaders() });
+    }
+    compileAgenticAuthoringManifestPatch(componentId, request) {
+        return this.http.post(`${this.authoringManifestUrl(componentId)}/compile-patch`, request, { headers: this.buildHeaders() });
     }
     loadGlobalAiConfig() {
         const snapshot = this.globalConfigStore?.getAiConfigSnapshot?.();
@@ -895,6 +1373,69 @@ class AiBackendApiService {
         }
         return AI_INTENT_CONTRACT_SCHEMA_HASH;
     }
+    normalizeLegacyPatchConversationIds(request) {
+        const normalized = { ...request };
+        if (!this.isUuid(normalized.sessionId)) {
+            delete normalized.sessionId;
+        }
+        if (!this.isUuid(normalized.clientTurnId)) {
+            delete normalized.clientTurnId;
+        }
+        return normalized;
+    }
+    isUuid(value) {
+        return typeof value === 'string'
+            && /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value.trim());
+    }
+    authoringManifestUrl(componentId) {
+        return `${this.aiBaseUrl()}/authoring/manifests/${encodeURIComponent(componentId)}`;
+    }
+    aiBaseUrl() {
+        return this.resolveBaseUrl(this.endpointOpts?.aiBaseUrl, 'praxis/config/ai', this.fallbackAiBaseUrl);
+    }
+    aiContextBaseUrl() {
+        return this.resolveBaseUrl(this.endpointOpts?.aiContextBaseUrl, 'praxis/config/ai-context', this.fallbackAiContextBaseUrl);
+    }
+    resolveBaseUrl(explicitUrl, apiRelativePath, fallbackUrl) {
+        const explicit = this.normalizeBaseUrl(explicitUrl);
+        if (explicit) {
+            return explicit;
+        }
+        const apiBaseUrl = this.resolveApiBaseUrl();
+        if (apiBaseUrl) {
+            return this.joinUrl(apiBaseUrl, apiRelativePath);
+        }
+        return fallbackUrl;
+    }
+    resolveApiBaseUrl() {
+        const defaultConfig = this.apiUrlConfig?.['default'];
+        if (!defaultConfig) {
+            return '';
+        }
+        return this.normalizeBaseUrl(this.buildApiUrl(defaultConfig));
+    }
+    joinUrl(baseUrl, relativePath) {
+        const normalizedBase = this.normalizeBaseUrl(baseUrl);
+        const normalizedPath = relativePath.replace(/^\/+/, '');
+        return normalizedBase ? `${normalizedBase}/${normalizedPath}` : normalizedPath;
+    }
+    normalizeBaseUrl(value) {
+        const normalized = value?.trim().replace(/\/+$/, '') ?? '';
+        return normalized;
+    }
+    buildApiUrl(entry) {
+        if (entry.fullUrl?.trim()) {
+            return entry.fullUrl.trim();
+        }
+        let url = entry.baseUrl?.trim().replace(/\/+$/, '') ?? '';
+        if (entry.path?.trim()) {
+            url = this.joinUrl(url, entry.path.trim());
+        }
+        if (entry.version?.trim()) {
+            url = this.joinUrl(url, entry.version.trim());
+        }
+        return url;
+    }
     resolveHeaderMap(extra) {
         const allowLocalIdentityFallback = !!this.storageOpts?.allowLocalIdentityFallback;
         const defaults = this.storageOpts?.defaultHeaders
@@ -969,6 +1510,17 @@ class AiBackendApiService {
     isJsonObject(value) {
         return !!value && typeof value === 'object' && !Array.isArray(value);
     }
+    registerNamedStreamEventListeners(source, handler) {
+        if (typeof source.addEventListener !== 'function') {
+            return;
+        }
+        for (const eventType of AI_STREAM_EVENT_TYPES) {
+            source.addEventListener(eventType, handler);
+        }
+    }
+    isTerminalStreamEventType(type) {
+        return type === 'result' || type === 'error' || type === 'cancelled';
+    }
     async probePatchStreamEndpoint(endpoint) {
         if (typeof fetch === 'undefined') {
             return null;
@@ -1077,7 +1629,7 @@ class AiResponseValidatorService {
                 code: 'MISSING_RULE_NAME'
             });
         }
-        if (!response.targetType || !['field', 'section', 'action', 'row', 'column'].includes(response.targetType)) {
+        if (!response.targetType || !['field', 'section', 'action', 'row', 'column', 'visualBlock'].includes(response.targetType)) {
             errors.push({
                 field: 'targetType',
                 message: 'targetType inválido',
@@ -1211,6 +1763,10 @@ class AiResponseValidatorService {
                 return;
             }
             const args = Array.isArray(rawArgs) ? rawArgs : [rawArgs];
+            const arityIssue = this.validateJsonLogicOperatorArity(operator, args.length);
+            if (arityIssue) {
+                issues.push({ message: arityIssue });
+            }
             args.forEach((arg) => this.walkJsonLogicNode(arg, false, issues));
             return;
         }
@@ -1247,6 +1803,49 @@ class AiResponseValidatorService {
             'max',
         ].includes(operator);
     }
+    validateJsonLogicOperatorArity(operator, argumentCount) {
+        const exactArity = {
+            '==': 2,
+            '===': 2,
+            '!=': 2,
+            '!==': 2,
+            '>': 2,
+            '>=': 2,
+            '<': 2,
+            '<=': 2,
+            '!': 1,
+            '!!': 1,
+            in: 2,
+            contains: 2,
+            startsWith: 2,
+            endsWith: 2,
+            '-': 2,
+            '/': 2,
+            '%': 2,
+        };
+        const expected = exactArity[operator];
+        if (expected !== undefined && argumentCount !== expected) {
+            return `Operator ${operator} requires exactly ${expected} argument(s).`;
+        }
+        if ((operator === 'and' || operator === 'or') && argumentCount < 2) {
+            return `Operator ${operator} requires at least 2 arguments.`;
+        }
+        if (operator === 'if' && argumentCount < 3) {
+            return 'Operator if requires at least 3 arguments.';
+        }
+        if ((operator === 'cat'
+            || operator === '+'
+            || operator === '*'
+            || operator === 'min'
+            || operator === 'max')
+            && argumentCount < 1) {
+            return `Operator ${operator} requires at least 1 argument.`;
+        }
+        if (operator === 'substr' && (argumentCount < 2 || argumentCount > 3)) {
+            return 'Operator substr requires 2 or 3 arguments.';
+        }
+        return null;
+    }
     collectVarPaths(value, collector) {
         if (Array.isArray(value)) {
             value.forEach((item) => this.collectVarPaths(item, collector));
@@ -1460,7 +2059,10 @@ class PraxisAssistantTurnController {
         const current = this.stateSubject.value;
         const effectiveAction = this.resolveSubmitAction(action, current);
         const clientTurnId = this.createId('turn');
-        const userMessage = this.buildMessage('user', normalized, true);
+        const displayPrompt = typeof effectiveAction.displayPrompt === 'string'
+            ? effectiveAction.displayPrompt.trim()
+            : '';
+        const userMessage = this.buildMessage('user', displayPrompt || normalized, true);
         this.patchState({
             state: 'processing',
             phase: 'contextualize',
@@ -1542,7 +2144,18 @@ class PraxisAssistantTurnController {
         if (!handler) {
             return of(this.snapshot());
         }
-        return this.toObservable(handler.call(this.flow, request)).pipe(tap((result) => this.applyResult(result)), map$1(() => this.snapshot()));
+        let flowResult;
+        try {
+            flowResult = handler.call(this.flow, request);
+        }
+        catch (error) {
+            this.applyResult(this.buildFlowErrorResult(error));
+            return of(this.snapshot());
+        }
+        return this.toObservable(flowResult).pipe(tap((result) => this.applyResult(result)), map$1(() => this.snapshot()), catchError$1((error) => {
+            this.applyResult(this.buildFlowErrorResult(error));
+            return of(this.snapshot());
+        }));
     }
     buildRequest(partial) {
         const current = this.stateSubject.value;
@@ -1653,7 +2266,6 @@ class PraxisAssistantTurnController {
         }
         return {
             ...action,
-            kind: 'clarify',
             contextHints: {
                 ...(action.contextHints ?? {}),
                 pendingClarification: current.pendingClarification,
@@ -1681,7 +2293,7 @@ class PraxisAssistantTurnController {
         return lastUserMessage?.text ?? '';
     }
     resolveMessageRole(result) {
-        return result.state === 'error' ? 'error' : result.state === 'success' ? 'status' : 'assistant';
+        return result.state === 'error' ? 'error' : 'assistant';
     }
     resolvePhase(result) {
         if (result.state === 'clarification')
@@ -1737,8 +2349,215 @@ class PraxisAssistantTurnController {
     toObservable(value) {
         return isObservable(value) ? value : from(value);
     }
+    buildFlowErrorResult(error) {
+        const detail = this.describeFlowError(error);
+        const message = detail
+            ? `Nao consegui concluir este pedido. ${detail}`
+            : 'Nao consegui concluir este pedido. Tente novamente ou revise o contexto ativo.';
+        return {
+            state: 'error',
+            phase: this.stateSubject.value.phase,
+            assistantMessage: message,
+            errorText: message,
+            canApply: this.stateSubject.value.canApply,
+            diagnostics: {
+                error: this.serializeFlowError(error),
+            },
+        };
+    }
+    describeFlowError(error) {
+        const record = this.toRecord(error);
+        const status = this.toNumber(record?.['status']);
+        const statusText = this.toString(record?.['statusText']);
+        const message = this.toString(record?.['message']);
+        if (status || statusText) {
+            return `A chamada falhou${status ? ` com HTTP ${status}` : ''}${statusText ? ` (${statusText})` : ''}.`;
+        }
+        if (message) {
+            return message;
+        }
+        return '';
+    }
+    serializeFlowError(error) {
+        const record = this.toRecord(error);
+        if (!record) {
+            return { message: String(error ?? 'unknown') };
+        }
+        return {
+            name: this.toString(record['name']) || undefined,
+            message: this.toString(record['message']) || undefined,
+            status: this.toNumber(record['status']) ?? undefined,
+            statusText: this.toString(record['statusText']) || undefined,
+            url: this.toString(record['url']) || undefined,
+        };
+    }
+    toRecord(value) {
+        return value && typeof value === 'object'
+            ? value
+            : null;
+    }
+    toString(value) {
+        return typeof value === 'string' ? value.trim() : '';
+    }
+    toNumber(value) {
+        return typeof value === 'number' && Number.isFinite(value) ? value : null;
+    }
 }
 
+class PraxisAssistantSessionRegistryService {
+    sessionsState = signal([], ...(ngDevMode ? [{ debugName: "sessionsState" }] : []));
+    sessions = this.sessionsState.asReadonly();
+    activeSession = computed(() => this.sessions().find((session) => session.visibility === 'active') ?? null, ...(ngDevMode ? [{ debugName: "activeSession" }] : []));
+    minimizedSessions = computed(() => this.sessions().filter((session) => session.visibility === 'minimized'), ...(ngDevMode ? [{ debugName: "minimizedSessions" }] : []));
+    upsertSession(descriptor) {
+        const normalized = this.normalizeDescriptor(descriptor);
+        const existing = this.sessionsState().find((session) => session.id === normalized.id);
+        const now = normalized.updatedAt || new Date().toISOString();
+        const next = {
+            ...existing,
+            id: normalized.id,
+            ownerId: normalized.ownerId,
+            ownerType: normalized.ownerType,
+            title: normalized.title,
+            summary: normalized.summary,
+            mode: normalized.mode,
+            state: normalized.state,
+            visibility: normalized.visibility,
+            contextItems: normalized.contextItems,
+            contextSnapshot: normalized.contextSnapshot,
+            badge: normalized.badge,
+            icon: normalized.icon,
+            presence: normalized.presence,
+            createdAt: existing?.createdAt ?? now,
+            updatedAt: now,
+        };
+        this.sessionsState.update((sessions) => this.sortSessions([
+            ...sessions.filter((session) => session.id !== next.id),
+            next,
+        ], next.visibility === 'active' ? next.id : null));
+        return next;
+    }
+    upsertContextSession(contextSnapshot, descriptor = {}) {
+        const normalizedContext = normalizePraxisAssistantContextSnapshot(contextSnapshot);
+        const identity = normalizedContext.identity;
+        return this.upsertSession({
+            ...descriptor,
+            id: identity.sessionId,
+            ownerId: identity.ownerId,
+            ownerType: identity.ownerType,
+            title: descriptor.title?.trim()
+                || normalizedContext.target?.label
+                || identity.componentId
+                || identity.ownerType
+                || 'Praxis assistant',
+            mode: descriptor.mode || normalizedContext.mode,
+            contextSnapshot: normalizedContext,
+        });
+    }
+    openSession(sessionId) {
+        return this.setVisibility(sessionId, 'active');
+    }
+    openContextSession(identity) {
+        return this.openSession(this.resolveSessionId(identity));
+    }
+    minimizeSession(sessionId) {
+        return this.setVisibility(sessionId, 'minimized');
+    }
+    minimizeContextSession(identity) {
+        return this.minimizeSession(this.resolveSessionId(identity));
+    }
+    removeSession(sessionId) {
+        this.sessionsState.update((sessions) => sessions.filter((session) => session.id !== sessionId));
+    }
+    removeContextSession(identity) {
+        this.removeSession(this.resolveSessionId(identity));
+    }
+    getSession(sessionId) {
+        return this.sessionsState().find((session) => session.id === sessionId) ?? null;
+    }
+    getContextSession(identity) {
+        return this.getSession(this.resolveSessionId(identity));
+    }
+    clear() {
+        this.sessionsState.set([]);
+    }
+    setVisibility(sessionId, visibility) {
+        const session = this.getSession(sessionId);
+        if (!session)
+            return null;
+        return this.upsertSession({ ...session, visibility });
+    }
+    resolveSessionId(identity) {
+        if (typeof identity === 'string')
+            return identity;
+        if ('identity' in identity)
+            return identity.identity.sessionId;
+        return identity.sessionId;
+    }
+    normalizeDescriptor(descriptor) {
+        const id = descriptor.id?.trim();
+        const ownerId = descriptor.ownerId?.trim();
+        const ownerType = descriptor.ownerType?.trim();
+        if (!id || !ownerId || !ownerType) {
+            throw new Error('Praxis assistant sessions require id, ownerId and ownerType.');
+        }
+        const contextSnapshot = descriptor.contextSnapshot
+            ? normalizePraxisAssistantContextSnapshot(descriptor.contextSnapshot)
+            : null;
+        if (contextSnapshot) {
+            this.assertContextIdentity(id, ownerId, ownerType, contextSnapshot);
+        }
+        const contextItems = descriptor.contextItems
+            ? [...descriptor.contextItems]
+            : this.toShellContextItems(contextSnapshot);
+        return {
+            id,
+            ownerId,
+            ownerType,
+            title: descriptor.title?.trim() || 'Praxis assistant',
+            summary: descriptor.summary?.trim() || '',
+            mode: descriptor.mode || 'chat',
+            state: descriptor.state || 'idle',
+            visibility: descriptor.visibility || 'minimized',
+            contextItems,
+            contextSnapshot,
+            badge: descriptor.badge?.trim() || '',
+            icon: descriptor.icon?.trim() || '',
+            presence: descriptor.presence || 'global-dock',
+            updatedAt: descriptor.updatedAt?.trim() || null,
+        };
+    }
+    assertContextIdentity(id, ownerId, ownerType, contextSnapshot) {
+        const identity = contextSnapshot.identity;
+        if (identity.sessionId !== id || identity.ownerId !== ownerId || identity.ownerType !== ownerType) {
+            throw new Error('Praxis assistant session context identity must match id, ownerId and ownerType.');
+        }
+    }
+    toShellContextItems(contextSnapshot) {
+        if (!contextSnapshot)
+            return [];
+        return contextSnapshot.contextItems.map((item) => ({
+            id: item.id,
+            label: item.label,
+            value: item.value,
+            kind: item.kind,
+        }));
+    }
+    sortSessions(sessions, activeSessionId) {
+        return sessions
+            .map((session) => activeSessionId && session.id !== activeSessionId
+            ? { ...session, visibility: 'minimized' }
+            : session)
+            .sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantSessionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantSessionRegistryService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAssistantSessionRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const HISTORY_INDEX_PREFIX = 'praxis.ai.history.index';
 const HISTORY_SESSION_PREFIX = 'praxis.ai.history.session';
 const DEFAULT_SESSION_TITLE = 'Nova sessão';
@@ -2120,6 +2939,7 @@ class PraxisAiAssistantComponent {
     adapter;
     riskPolicy = null;
     allowManualPatchEdit = false;
+    hasBackdrop = false;
     overlayPositions = [
         {
             originX: 'end',
@@ -2406,6 +3226,7 @@ class PraxisAiAssistantComponent {
             const componentType = this.resolveComponentType();
             this.currentComponentId = componentId || null;
             this.currentComponentType = componentType || null;
+            await this.adapter.prepareAuthoringContext?.();
             const configRoot = this.resolveConfigRoot(this.adapter.getCurrentConfig?.());
             const dataProfile = this.adapter.getDataProfile ? this.adapter.getDataProfile() : null;
             const schemaFields = this.adapter.getSchemaFields ? this.adapter.getSchemaFields() : undefined;
@@ -2436,7 +3257,7 @@ class PraxisAiAssistantComponent {
                 : undefined;
             const normalizedRuntimeState = runtimeState !== undefined ? this.toAiJsonObject(runtimeState) : undefined;
             const normalizedSuggestedPatch = suggestion?.patch ? this.toAiJsonObject(suggestion.patch) : undefined;
-            const normalizedContextHints = this.toClarificationContextHints(mergedContextHints);
+            const normalizedContextHints = this.enrichDomainCatalogAuthoringHints(mergedContextHints);
             const patchRequest = {
                 componentId,
                 componentType,
@@ -2468,7 +3289,7 @@ class PraxisAiAssistantComponent {
             }
             result = this.compileAdapterResponse(result);
             keepContextHints = result?.type === 'clarification';
-            const handled = this.handlePatchResponse(result, configRoot, componentId, componentType);
+            const handled = this.handlePatchResponse(result, configRoot, componentId, componentType, prompt);
             if (handled) {
                 this.appendHistoryAssistantResponse(result, componentId, componentType);
                 return;
@@ -4337,14 +5158,18 @@ class PraxisAiAssistantComponent {
             return null;
         }
         if (event.type === 'heartbeat') {
+            if (message) {
+                this.aiExplanation = message;
+            }
             this.streamTerminalState = 'in_progress';
             this.processingInfoVisible = true;
+            this.setState('processing');
             return null;
         }
         if (event.type === 'result') {
             this.streamTerminalState = 'completed';
             this.processingInfoVisible = false;
-            const response = this.asRecord(payload?.['response']);
+            const response = this.asRecord(payload?.['response']) ?? payload;
             if (!response) {
                 return {
                     type: 'error',
@@ -4433,6 +5258,10 @@ class PraxisAiAssistantComponent {
         if (typeof direct === 'string' && direct.trim()) {
             return direct.trim();
         }
+        const summary = payload['summary'];
+        if (typeof summary === 'string' && summary.trim()) {
+            return summary.trim();
+        }
         const nested = this.asRecord(payload['error']);
         const nestedMsg = nested?.['message'];
         if (typeof nestedMsg === 'string' && nestedMsg.trim()) {
@@ -4524,7 +5353,7 @@ class PraxisAiAssistantComponent {
             warnings: warnings.length ? warnings : undefined,
         };
     }
-    handlePatchResponse(result, configRoot, componentId, componentType) {
+    handlePatchResponse(result, configRoot, componentId, componentType, requestPrompt) {
         if (!result) {
             this.streamTerminalState = 'failed';
             this.errorMsg = 'Resposta vazia da IA.';
@@ -4546,12 +5375,12 @@ class PraxisAiAssistantComponent {
             const questions = result.questions?.filter((q) => !!q && q.trim().length > 0) || [];
             if (questions.length && (!result.options || result.options.length === 0)
                 && (!result.optionPayloads || result.optionPayloads.length === 0)) {
-                this.enterClarificationWithQuestions(result.message, questions, configRoot, componentId, componentType);
+                this.enterClarificationWithQuestions(result.message, questions, configRoot, componentId, componentType, requestPrompt);
                 this.applyClarificationUi(result);
                 return true;
             }
             const enriched = this.enrichClarification(result, configRoot, componentId, componentType);
-            this.enterClarification(enriched.message, enriched.options, configRoot, componentId, componentType, undefined, enriched.optionPayloads);
+            this.enterClarification(enriched.message, enriched.options, configRoot, componentId, componentType, requestPrompt, enriched.optionPayloads);
             this.applyClarificationUi(enriched);
             return true;
         }
@@ -5024,10 +5853,10 @@ class PraxisAiAssistantComponent {
         }
         this.cdr.markForCheck();
     }
-    enterClarificationWithQuestions(message, questions, configRoot, componentId, componentType) {
+    enterClarificationWithQuestions(message, questions, configRoot, componentId, componentType, basePrompt) {
         this.setState('clarification');
         this.clarificationMessage = message || 'Preciso de mais detalhes para continuar.';
-        const base = (this.userPrompt || '').trim();
+        const base = (basePrompt ?? this.userPrompt).trim();
         this.clarificationBasePrompt = base || null;
         this.userPrompt = '';
         this.activeContextHints = null;
@@ -5138,15 +5967,15 @@ class PraxisAiAssistantComponent {
             .filter((value) => value.length > 0);
     }
     resolveBadgeContextHints(contextHints) {
-        if (!contextHints || typeof contextHints !== 'object')
+        const candidate = this.toAiJsonObject(contextHints);
+        if (!Object.keys(candidate).length)
             return null;
-        const badge = this.asRecord(contextHints['badge']);
+        const badge = this.asRecord(candidate['badge']);
         if (badge)
             return this.toAiJsonObject(badge);
-        const candidate = contextHints;
         const hasBadgeKeys = ['field', 'values', 'valueColorMap', 'palette', 'inferredType', 'explicitType']
             .some((key) => Object.prototype.hasOwnProperty.call(candidate, key));
-        return hasBadgeKeys ? candidate : null;
+        return hasBadgeKeys ? this.toAiJsonObject(candidate) : null;
     }
     hasBadgeValues(badgeHints) {
         if (!badgeHints)
@@ -5190,6 +6019,25 @@ class PraxisAiAssistantComponent {
         }
         return this.toClarificationContextHints(merged) ?? null;
     }
+    enrichDomainCatalogAuthoringHints(value) {
+        const normalized = this.toClarificationContextHints(value);
+        if (!normalized)
+            return undefined;
+        const domainCatalog = this.asRecord(normalized['domainCatalog']);
+        const recommendedAuthoringFlow = domainCatalog?.['recommendedAuthoringFlow'];
+        if (typeof recommendedAuthoringFlow !== 'string' || !recommendedAuthoringFlow.trim()) {
+            return normalized;
+        }
+        const flowId = recommendedAuthoringFlow.trim();
+        const enriched = this.toAiJsonObject(normalized);
+        enriched['authoringFlow'] = this.toAiJsonObject({
+            flowId,
+            source: 'domainCatalog.recommendedAuthoringFlow',
+            reviewRequired: true,
+            materializeOnlyAfterReview: true,
+        });
+        return this.toClarificationContextHints(enriched);
+    }
     setResourcePathHint(resourcePath) {
         const raw = (resourcePath || '').trim();
         const normalized = this.normalizeResourcePath(raw);
@@ -5821,7 +6669,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  [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 });
+    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", hasBackdrop: "hasBackdrop" }, 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]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"12\"\n  cdkConnectedOverlayPanelClass=\"ai-assistant-overlay-pane\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (overlayOutsideClick)=\"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]=\"hasBackdrop\"\n    [cdkTrapFocusAutoCapture]=\"hasBackdrop\"\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            <div class=\"assistant-thought-shimmer\" *ngIf=\"isBusyState() && !thoughtChecklist.length\">\n              <div class=\"shimmer-line shimmer-line-1\"></div>\n              <div class=\"shimmer-line shimmer-line-2\"></div>\n              <div class=\"shimmer-line shimmer-line-3\"></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);transition:transform .2s cubic-bezier(.25,.8,.25,1),border-color .2s ease,box-shadow .2s ease}.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);transform:translateY(-2px) scale(1.01)}.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-thought-shimmer{display:flex;flex-direction:column;gap:8px;margin-top:4px}.assistant-thought-shimmer .shimmer-line{height:12px;border-radius:4px;position:relative;overflow:hidden;background:var(--md-sys-color-surface-container-highest)}.assistant-thought-shimmer .shimmer-line:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent),transparent);animation:assistantShimmerEffect 1.5s infinite}.assistant-thought-shimmer .shimmer-line-1{width:85%}.assistant-thought-shimmer .shimmer-line-2{width:92%}.assistant-thought-shimmer .shimmer-line-3{width:64%}@keyframes assistantShimmerEffect{to{transform:translate(100%)}}.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,
@@ -5837,7 +6685,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  [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"] }]
+                    ], 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]=\"hasBackdrop\"\n  [cdkConnectedOverlayPositions]=\"overlayPositions\"\n  [cdkConnectedOverlayPush]=\"true\"\n  [cdkConnectedOverlayViewportMargin]=\"12\"\n  cdkConnectedOverlayPanelClass=\"ai-assistant-overlay-pane\"\n  cdkConnectedOverlayBackdropClass=\"ai-assistant-backdrop\"\n  (backdropClick)=\"close()\"\n  (overlayOutsideClick)=\"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]=\"hasBackdrop\"\n    [cdkTrapFocusAutoCapture]=\"hasBackdrop\"\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            <div class=\"assistant-thought-shimmer\" *ngIf=\"isBusyState() && !thoughtChecklist.length\">\n              <div class=\"shimmer-line shimmer-line-1\"></div>\n              <div class=\"shimmer-line shimmer-line-2\"></div>\n              <div class=\"shimmer-line shimmer-line-3\"></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);transition:transform .2s cubic-bezier(.25,.8,.25,1),border-color .2s ease,box-shadow .2s ease}.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);transform:translateY(-2px) scale(1.01)}.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-thought-shimmer{display:flex;flex-direction:column;gap:8px;margin-top:4px}.assistant-thought-shimmer .shimmer-line{height:12px;border-radius:4px;position:relative;overflow:hidden;background:var(--md-sys-color-surface-container-highest)}.assistant-thought-shimmer .shimmer-line:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent),transparent);animation:assistantShimmerEffect 1.5s infinite}.assistant-thought-shimmer .shimmer-line-1{width:85%}.assistant-thought-shimmer .shimmer-line-2{width:92%}.assistant-thought-shimmer .shimmer-line-3{width:64%}@keyframes assistantShimmerEffect{to{transform:translate(100%)}}.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 }]
@@ -5845,6 +6693,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], allowManualPatchEdit: [{
                 type: Input
+            }], hasBackdrop: [{
+                type: Input
             }], overlayOrigin: [{
                 type: ViewChild,
                 args: [CdkOverlayOrigin]
@@ -5865,14 +6715,15 @@ const DEFAULT_LAYOUT = {
 const DEFAULT_LABELS = {
     title: 'Assistente de IA',
     subtitle: 'Revise o resultado gerado antes de aplicar.',
-    close: 'Fechar',
+    close: 'Minimizar assistente',
     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',
+    submit: 'Interpretar pedido',
+    apply: 'Aplicar ajuste',
     conversationAria: 'Conversa com IA',
     quickRepliesAria: 'Respostas rápidas',
+    quickReplyDetails: 'Detalhes técnicos',
     dragHandleAria: 'Mover assistente de IA',
     resizeHandleAria: 'Redimensionar assistente de IA',
     contextAria: 'Contexto ativo',
@@ -5911,10 +6762,15 @@ class PraxisAiAssistantShellComponent {
     panelTestId = '';
     submitTestId = '';
     applyTestId = '';
+    primaryAction = null;
+    secondaryActions = [];
+    governanceActions = [];
     busy = false;
     canSubmit = true;
     canApply = false;
     submitOnEnter = true;
+    showAttachAction = false;
+    enablePastedAttachments = false;
     enableFileAttachments = false;
     attachmentAccept = '';
     attachmentMultiple = true;
@@ -5927,6 +6783,9 @@ class PraxisAiAssistantShellComponent {
     promptChange = new EventEmitter();
     submitPrompt = new EventEmitter();
     apply = new EventEmitter();
+    retryTurn = new EventEmitter();
+    cancelTurn = new EventEmitter();
+    shellAction = new EventEmitter();
     close = new EventEmitter();
     attach = new EventEmitter();
     attachmentsPasted = new EventEmitter();
@@ -5943,6 +6802,7 @@ class PraxisAiAssistantShellComponent {
     currentPrompt = '';
     resolvedLabels = DEFAULT_LABELS;
     currentLayout = { ...DEFAULT_LAYOUT };
+    resizeHandles = ['n', 's', 'e', 'w', 'ne', 'nw', 'se', 'sw'];
     pointerSession = null;
     ownedPreviewUrls = new Set();
     onWindowPointerMove = (event) => this.handlePointerMove(event);
@@ -5989,6 +6849,9 @@ class PraxisAiAssistantShellComponent {
         this.onSubmit();
     }
     onPromptPaste(event) {
+        if (!this.enablePastedAttachments) {
+            return;
+        }
         const files = Array.from(event.clipboardData?.files ?? [])
             .filter((file) => file.type.startsWith('image/'));
         if (this.busy || !files.length) {
@@ -6023,11 +6886,737 @@ class PraxisAiAssistantShellComponent {
             return;
         this.apply.emit();
     }
+    renderMessageText(text) {
+        const lines = (text ?? '').replace(/\r\n?/g, '\n').split('\n');
+        const html = [];
+        let listOpen = false;
+        const closeList = () => {
+            if (listOpen) {
+                html.push('</ul>');
+                listOpen = false;
+            }
+        };
+        for (const rawLine of lines) {
+            const line = rawLine.trim();
+            if (!line) {
+                closeList();
+                continue;
+            }
+            const heading = line.match(/^(#{1,3})\s+(.+)$/);
+            if (heading) {
+                closeList();
+                const level = Math.min(heading[1].length + 2, 5);
+                html.push(`<h${level}>${this.renderInlineMarkdown(heading[2])}</h${level}>`);
+                continue;
+            }
+            const bullet = line.match(/^[-*]\s+(.+)$/);
+            if (bullet) {
+                if (!listOpen) {
+                    html.push('<ul>');
+                    listOpen = true;
+                }
+                html.push(`<li>${this.renderInlineMarkdown(bullet[1])}</li>`);
+                continue;
+            }
+            closeList();
+            html.push(`<p>${this.renderInlineMarkdown(line)}</p>`);
+        }
+        closeList();
+        return html.join('');
+    }
+    renderInlineMarkdown(value) {
+        return this.escapeHtml(value)
+            .replace(/`([^`]+)`/g, '<code>$1</code>')
+            .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
+            .replace(/\*([^*]+)\*/g, '<em>$1</em>');
+    }
+    escapeHtml(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+    }
+    shouldShowStatusText() {
+        return this.shouldShowAuxiliaryText(this.statusText, false);
+    }
+    shouldShowErrorText() {
+        return this.shouldShowAuxiliaryText(this.errorText, true);
+    }
+    onShellAction(action) {
+        if (this.isShellActionDisabled(action))
+            return;
+        this.shellAction.emit(action);
+        switch (action.kind) {
+            case 'submit-prompt':
+                this.onSubmit();
+                return;
+            case 'apply':
+                this.onApply();
+                return;
+            case 'retry':
+                this.retryTurn.emit();
+                return;
+            case 'cancel':
+                this.cancelTurn.emit();
+                return;
+            default:
+                return;
+        }
+    }
+    getPrimaryAction() {
+        return this.normalizeShellAction(this.primaryAction, this.getDefaultPrimaryAction());
+    }
+    getSecondaryActions() {
+        const actions = [
+            ...this.secondaryActions,
+            ...this.governanceActions,
+        ];
+        if (this.canApply) {
+            actions.push({
+                id: 'apply',
+                kind: 'apply',
+                label: this.resolvedLabels.apply,
+                icon: 'check_circle',
+                tone: 'governance',
+                disabled: !this.canApply,
+                testId: this.applyTestId || `${this.testIdPrefix}-apply`,
+            });
+        }
+        if (this.state === 'error') {
+            actions.push({
+                id: 'retry',
+                kind: 'retry',
+                label: 'Tentar novamente',
+                icon: 'replay',
+                tone: 'warning',
+                testId: `${this.testIdPrefix}-retry`,
+            });
+        }
+        if (this.hasRecoverableTurn()) {
+            actions.push({
+                id: 'cancel',
+                kind: 'cancel',
+                label: 'Cancelar pedido',
+                icon: 'close',
+                tone: 'neutral',
+                testId: `${this.testIdPrefix}-cancel-turn`,
+            });
+        }
+        return actions.map((action) => this.normalizeShellAction(action));
+    }
+    getPrimaryActionTooltip(action) {
+        return action.iconOnly ? action.ariaLabel || action.label : '';
+    }
+    isShellActionDisabled(action) {
+        return Boolean(this.busy
+            || action.disabled
+            || (action.requiresPrompt && !this.currentPrompt.trim())
+            || (action.kind === 'submit-prompt' && !this.canSubmit)
+            || (action.kind === 'apply' && !this.canApply));
+    }
+    getShellActionTone(action) {
+        const tone = (action.tone || (action.kind === 'apply' ? 'governance' : 'secondary')).toLowerCase();
+        switch (tone) {
+            case 'primary':
+            case 'secondary':
+            case 'governance':
+            case 'success':
+            case 'warning':
+            case 'danger':
+            case 'neutral':
+                return tone;
+            default:
+                return 'secondary';
+        }
+    }
+    trackShellAction(_index, action) {
+        return action.id;
+    }
+    hasRecoverableTurn() {
+        if (this.busy || this.state === 'idle' || this.state === 'listening') {
+            return false;
+        }
+        return this.messages.length > 0
+            || this.quickReplies.length > 0
+            || this.canApply
+            || this.state === 'clarification'
+            || this.state === 'review'
+            || this.state === 'error';
+    }
+    shouldShowAuxiliaryText(text, errorOnly) {
+        const normalized = this.normalizeMessageText(text);
+        if (!normalized)
+            return false;
+        const lastMessage = [...this.messages]
+            .reverse()
+            .find((message) => {
+            if (!message.text?.trim())
+                return false;
+            if (errorOnly)
+                return message.role === 'error';
+            return message.role === 'assistant' || message.role === 'status';
+        });
+        return normalized !== this.normalizeMessageText(lastMessage?.text);
+    }
+    normalizeMessageText(text) {
+        return (text ?? '').replace(/\s+/g, ' ').trim();
+    }
+    getDefaultPrimaryAction() {
+        const base = {
+            id: 'submit',
+            kind: 'submit-prompt',
+            label: this.resolvedLabels.submit,
+            icon: 'auto_awesome',
+            tone: 'primary',
+            requiresPrompt: true,
+            testId: this.submitTestId || `${this.testIdPrefix}-submit`,
+        };
+        switch (this.state) {
+            case 'processing':
+                return {
+                    ...base,
+                    label: 'Interpretando...',
+                    icon: 'hourglass_top',
+                    disabled: true,
+                };
+            case 'clarification':
+                return {
+                    ...base,
+                    label: 'Responder',
+                    icon: 'question_answer',
+                };
+            case 'review':
+                return {
+                    ...base,
+                    label: 'Refinar pedido',
+                    icon: 'tune',
+                };
+            case 'applying':
+                return {
+                    ...base,
+                    label: 'Aplicando...',
+                    icon: 'sync',
+                    disabled: true,
+                };
+            case 'error':
+                return {
+                    ...base,
+                    label: 'Corrigir pedido',
+                    icon: 'edit_note',
+                    tone: 'warning',
+                };
+            case 'success':
+                return {
+                    ...base,
+                    label: 'Novo pedido',
+                    icon: 'add_comment',
+                };
+            case 'idle':
+            case 'listening':
+            default:
+                return base;
+        }
+    }
     onQuickReply(reply) {
         if (this.busy)
             return;
         this.quickReply.emit(reply);
     }
+    getQuickReplyAriaLabel(reply) {
+        const label = reply.label?.trim() ?? '';
+        const description = this.getQuickReplyDescription(reply);
+        const presentation = this.getQuickReplyPresentationItems(reply)
+            .map((item) => `${item.label}: ${item.value}`)
+            .join('. ');
+        return [label, description, presentation]
+            .filter((segment) => typeof segment === 'string' && segment.length > 0)
+            .map((segment) => this.trimSentencePunctuation(segment))
+            .join('. ');
+    }
+    getQuickReplyTechnicalDetails(reply) {
+        const explicit = this.quickReplyPresentation(reply)?.technicalDetails?.trim();
+        if (explicit)
+            return explicit;
+        if (this.isFieldDiscoveryQuickReply(reply)
+            || this.isGuidedActionQuickReply(reply)
+            || this.isContextualPreviewActionQuickReply(reply))
+            return '';
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        if (!details)
+            return '';
+        const submitMethod = this.quickReplyHint(details, hints, 'submitMethod') || this.quickReplyHint(details, hints, 'operation');
+        const submitUrl = this.quickReplyHint(details, hints, 'submitUrl');
+        const resourcePath = this.quickReplyHint(details, hints, 'resourcePath');
+        const schemaUrl = this.quickReplyHint(details, hints, 'schemaUrl');
+        return [
+            submitMethod && submitUrl ? `${submitMethod.toUpperCase()} ${submitUrl}` : '',
+            resourcePath && resourcePath !== submitUrl ? `Recurso: ${resourcePath}` : '',
+            schemaUrl ? `Schema: ${schemaUrl}` : '',
+        ].filter(Boolean).join('\n');
+    }
+    isRichQuickReply(reply) {
+        return Boolean(this.getQuickReplyDescription(reply)
+            || this.getQuickReplyPresentationItems(reply).length
+            || this.getQuickReplyContextChips(reply).length);
+    }
+    shouldUseInlineQuickReplies() {
+        if (!this.quickReplies.length)
+            return false;
+        return this.quickReplies.every((reply) => this.isGuidedActionQuickReply(reply) && !this.isRichQuickReply(reply));
+    }
+    getQuickReplyDescription(reply) {
+        const authored = this.quickReplyPresentation(reply)?.description?.trim();
+        if (authored)
+            return authored;
+        const explicit = reply.description?.trim() ?? '';
+        if (!this.isContextualPreviewActionQuickReply(reply)) {
+            return explicit;
+        }
+        if (explicit && !this.isGenericContextualActionDescription(explicit)) {
+            return explicit;
+        }
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        const changeKind = details ? this.quickReplyHint(details, hints, 'changeKind') : '';
+        switch (changeKind) {
+            case 'set_chart_type':
+                return 'Altera apenas a apresentação do gráfico selecionado e mantém a fonte de dados atual.';
+            case 'enable_chart_drilldown':
+                return 'Adiciona uma superfície de detalhe a partir da seleção do gráfico, preservando o contexto do dado.';
+            case 'configure_export':
+                return 'Configura uma ação operacional para exportar a seleção atual sem mudar a consulta base.';
+            default:
+                return 'Prepara um ajuste compatível com as capacidades confirmadas do componente selecionado.';
+        }
+    }
+    getQuickReplyContextChips(reply) {
+        if (this.isFieldDiscoveryQuickReply(reply) || this.isGuidedActionQuickReply(reply))
+            return [];
+        const evidence = this.quickReplyPresentation(reply)?.evidence;
+        if (evidence?.length) {
+            return evidence
+                .filter((item) => !!item.value?.trim())
+                .map((item) => this.presentationEvidenceToChip(item))
+                .slice(0, 4);
+        }
+        if (this.isContextualPreviewActionQuickReply(reply)) {
+            return this.getContextualActionChips(reply);
+        }
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        if (!details)
+            return [];
+        const submitMethod = this.quickReplyHint(details, hints, 'submitMethod') || this.quickReplyHint(details, hints, 'operation');
+        const submitUrl = this.quickReplyHint(details, hints, 'submitUrl');
+        const resourcePath = this.quickReplyHint(details, hints, 'resourcePath');
+        const schemaUrl = this.quickReplyHint(details, hints, 'schemaUrl');
+        const chips = [];
+        if (submitMethod) {
+            chips.push({
+                icon: 'bolt',
+                value: submitMethod.toUpperCase(),
+                ariaLabel: `Operação ${submitMethod.toUpperCase()}`,
+            });
+        }
+        const resourceLabel = this.shortPathLabel(resourcePath || submitUrl);
+        if (resourceLabel) {
+            chips.push({
+                icon: 'dataset',
+                value: resourceLabel,
+                ariaLabel: `Recurso ${resourceLabel}`,
+            });
+        }
+        if (schemaUrl) {
+            chips.push({
+                icon: 'schema',
+                value: 'schema',
+                ariaLabel: 'Schema disponível',
+            });
+        }
+        return chips;
+    }
+    getQuickReplyPresentationItems(reply) {
+        if (this.isFieldDiscoveryQuickReply(reply)
+            || this.isGuidedActionQuickReply(reply)
+            || this.isContextualPreviewActionQuickReply(reply))
+            return [];
+        const authoredItems = this.quickReplyPresentation(reply)?.items
+            ?.filter((item) => !!item.label?.trim() && !!item.value?.trim())
+            .map((item) => ({
+            key: item.key ?? item.label,
+            label: item.label.trim(),
+            icon: item.icon?.trim() || 'info',
+            value: item.value.trim(),
+        }));
+        if (authoredItems?.length) {
+            return authoredItems;
+        }
+        const hints = reply.contextHints;
+        const presentation = this.asRecord(hints?.['presentation']);
+        const resolvedPresentation = presentation ?? this.defaultQuickReplyPresentation(reply);
+        if (!resolvedPresentation)
+            return [];
+        const items = [
+            {
+                key: 'bestFor',
+                label: 'Indicado para',
+                icon: 'ads_click',
+                value: this.stringHint(resolvedPresentation, 'bestFor'),
+            },
+            {
+                key: 'returns',
+                label: 'Retorna',
+                icon: 'stacked_line_chart',
+                value: this.stringHint(resolvedPresentation, 'returns'),
+            },
+            {
+                key: 'nextStep',
+                label: 'Próximo passo',
+                icon: 'arrow_forward',
+                value: this.stringHint(resolvedPresentation, 'nextStep'),
+            },
+        ];
+        return items.filter((item) => item.value.length > 0);
+    }
+    defaultQuickReplyPresentation(reply) {
+        const kind = (reply.kind || reply.tone || '').toLowerCase();
+        switch (kind) {
+            case 'confirm':
+            case 'primary':
+            case 'analytics':
+                return {
+                    bestFor: 'Validar a recomendação antes de salvar ou materializar a página.',
+                    returns: 'Uma prévia governada com layout, widgets e sinais de decisão.',
+                    nextStep: 'Abra a prévia e revise se a composição atende ao objetivo.',
+                };
+            case 'resource':
+            case 'suggestion':
+                if (!this.hasQuickReplyResourceContext(reply))
+                    return null;
+                return {
+                    bestFor: 'Explorar uma fonte de dados candidata para gráficos e indicadores.',
+                    returns: 'Campos, métricas prováveis e caminhos de drill-down disponíveis.',
+                    nextStep: 'Clique para usar esta fonte como contexto da próxima decisão.',
+                };
+            case 'revise':
+            case 'warning':
+                return null;
+            default:
+                return null;
+        }
+    }
+    getQuickReplyCategoryLabel(reply) {
+        const categoryLabel = this.quickReplyPresentation(reply)?.categoryLabel?.trim();
+        if (categoryLabel)
+            return categoryLabel;
+        const kind = (reply.kind || '').toLowerCase();
+        const tone = (reply.tone || '').toLowerCase();
+        if (this.isContextualPreviewActionQuickReply(reply)) {
+            return 'Ação sugerida';
+        }
+        if ((kind === 'resource' || kind === 'suggestion') && !this.hasQuickReplyResourceContext(reply)) {
+            if (tone === 'primary' || tone === 'analytics' || tone === 'confirm')
+                return 'Recomendado';
+            return 'Opção guiada';
+        }
+        const normalizedKind = (kind || tone).toLowerCase();
+        switch (normalizedKind) {
+            case 'confirm':
+            case 'primary':
+            case 'analytics':
+                return 'Recomendado';
+            case 'revise':
+            case 'warning':
+                return 'Ajustar antes';
+            case 'resource':
+            case 'suggestion':
+                return 'Fonte candidata';
+            case 'success':
+                return 'Pronto para usar';
+            case 'cancel':
+            case 'danger':
+                return 'Encerrar';
+            default:
+                return 'Opção guiada';
+        }
+    }
+    getQuickReplyIcon(reply) {
+        const presentationIcon = this.quickReplyPresentation(reply)?.icon?.trim();
+        if (presentationIcon)
+            return presentationIcon;
+        const explicitIcon = reply.icon?.trim();
+        if (explicitIcon)
+            return explicitIcon;
+        const kind = (reply.kind || reply.tone || '').toLowerCase();
+        switch (kind) {
+            case 'confirm':
+            case 'primary':
+                return 'auto_awesome';
+            case 'analytics':
+                return 'query_stats';
+            case 'resource':
+            case 'suggestion':
+                return 'dataset';
+            case 'revise':
+            case 'warning':
+                return 'tune';
+            case 'cancel':
+            case 'danger':
+                return 'close';
+            case 'success':
+                return 'check_circle';
+            default:
+                return 'touch_app';
+        }
+    }
+    getQuickReplyCtaLabel(reply) {
+        const ctaLabel = this.quickReplyPresentation(reply)?.ctaLabel?.trim();
+        if (ctaLabel)
+            return ctaLabel;
+        const kind = (reply.kind || '').toLowerCase();
+        if (this.isContextualPreviewActionQuickReply(reply)) {
+            return 'Pré-visualizar ajuste';
+        }
+        if ((kind === 'resource' || kind === 'suggestion') && !this.hasQuickReplyResourceContext(reply)) {
+            return 'Usar esta opção';
+        }
+        const normalizedKind = (kind || reply.tone || '').toLowerCase();
+        switch (normalizedKind) {
+            case 'revise':
+            case 'warning':
+                return 'Refinar';
+            case 'cancel':
+            case 'danger':
+                return 'Cancelar';
+            case 'resource':
+            case 'suggestion':
+                return 'Explorar';
+            default:
+                return 'Usar esta opção';
+        }
+    }
+    getQuickReplyTone(reply) {
+        const presentationTone = this.quickReplyPresentation(reply)?.tone?.trim().toLowerCase();
+        if (presentationTone)
+            return this.normalizeQuickReplyTone(presentationTone);
+        if (this.isContextualPreviewActionQuickReply(reply)) {
+            return 'analytics';
+        }
+        const tone = (reply.tone || reply.kind || 'neutral').toLowerCase();
+        switch (tone) {
+            case 'primary':
+            case 'analytics':
+            case 'resource':
+            case 'warning':
+            case 'neutral':
+            case 'success':
+            case 'danger':
+                return tone;
+            case 'confirm':
+                return 'primary';
+            case 'suggestion':
+                return 'resource';
+            case 'revise':
+                return 'warning';
+            case 'cancel':
+            default:
+                return 'neutral';
+        }
+    }
+    normalizeQuickReplyTone(tone) {
+        switch (tone) {
+            case 'primary':
+            case 'analytics':
+            case 'resource':
+            case 'warning':
+            case 'neutral':
+            case 'success':
+            case 'danger':
+                return tone;
+            case 'confirm':
+                return 'primary';
+            case 'suggestion':
+                return 'resource';
+            case 'revise':
+                return 'warning';
+            case 'cancel':
+            default:
+                return 'neutral';
+        }
+    }
+    asRecord(value) {
+        return value && typeof value === 'object' && !Array.isArray(value)
+            ? value
+            : null;
+    }
+    stringHint(source, key) {
+        const value = source[key];
+        return typeof value === 'string' ? value.trim() : '';
+    }
+    quickReplyHint(primary, fallback, key) {
+        return this.stringHint(primary, key) || (fallback ? this.stringHint(fallback, key) : '');
+    }
+    hasQuickReplyResourceContext(reply) {
+        if (this.isFieldDiscoveryQuickReply(reply) || this.isContextualPreviewActionQuickReply(reply))
+            return false;
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        if (!details)
+            return false;
+        return Boolean(this.quickReplyHint(details, hints, 'resourcePath')
+            || this.quickReplyHint(details, hints, 'submitUrl')
+            || this.quickReplyHint(details, hints, 'schemaUrl'));
+    }
+    isFieldDiscoveryQuickReply(reply) {
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        const questionKind = details
+            ? this.quickReplyHint(details, hints, 'questionKind').toLowerCase()
+            : this.stringHint(hints ?? {}, 'questionKind').toLowerCase();
+        if (questionKind === 'field_discovery')
+            return true;
+        const id = (reply.id || '').toLowerCase();
+        const label = (reply.label || '').toLocaleLowerCase('pt-BR');
+        const prompt = (reply.prompt || '').toLocaleLowerCase('pt-BR');
+        return id.includes('fields')
+            || label.includes('ver campos')
+            || prompt.includes('quais campos');
+    }
+    isContextualPreviewActionQuickReply(reply) {
+        if (this.quickReplyPresentationKind(reply) === 'contextual-action') {
+            return true;
+        }
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        const source = details ? this.quickReplyHint(details, hints, 'source') : this.stringHint(hints ?? {}, 'source');
+        const kind = details ? this.quickReplyHint(details, hints, 'kind') : this.stringHint(hints ?? {}, 'kind');
+        const id = (reply.id || '').trim().toLowerCase();
+        return source === 'component-capability-catalog'
+            || kind === 'contextual-preview-action'
+            || id.startsWith('chart-')
+            || id.startsWith('table-export-');
+    }
+    isGuidedActionQuickReply(reply) {
+        const presentationKind = this.quickReplyPresentationKind(reply);
+        if (presentationKind === 'guided-option' || presentationKind === 'quick-action') {
+            return true;
+        }
+        const kind = (reply.kind || '').trim().toLowerCase();
+        const hasActionPresentation = Boolean(this.quickReplyPresentation(reply)?.ctaLabel?.trim()
+            || this.quickReplyPresentation(reply)?.icon?.trim()
+            || this.quickReplyPresentation(reply)?.description?.trim());
+        return kind === 'clarification-option' && hasActionPresentation;
+    }
+    quickReplyPresentation(reply) {
+        const presentation = reply.presentation;
+        return presentation && typeof presentation === 'object' && !Array.isArray(presentation)
+            ? presentation
+            : null;
+    }
+    quickReplyPresentationKind(reply) {
+        return this.quickReplyPresentation(reply)?.kind?.trim().toLowerCase() ?? '';
+    }
+    presentationEvidenceToChip(item) {
+        const value = item.value.trim();
+        return {
+            icon: item.icon?.trim() || 'verified',
+            value,
+            ariaLabel: item.ariaLabel?.trim() || value,
+        };
+    }
+    getContextualActionChips(reply) {
+        const hints = reply.contextHints;
+        const details = this.asRecord(hints?.['technicalDetails']) ?? hints;
+        if (!details)
+            return [];
+        const chips = [];
+        const targetComponentId = this.quickReplyHint(details, hints, 'targetComponentId')
+            || this.quickReplyHint(details, hints, 'selectedComponentId');
+        const changeKind = this.quickReplyHint(details, hints, 'changeKind');
+        const capabilityId = this.quickReplyHint(details, hints, 'capabilityId');
+        const selectedWidgetKey = this.quickReplyHint(details, hints, 'selectedWidgetKey');
+        if (targetComponentId) {
+            chips.push({
+                icon: 'widgets',
+                value: this.shortTechnicalLabel(targetComponentId),
+                ariaLabel: `Componente ${targetComponentId}`,
+            });
+        }
+        if (changeKind) {
+            chips.push({
+                icon: 'rule',
+                value: this.shortTechnicalLabel(changeKind),
+                ariaLabel: `Mudança ${changeKind}`,
+            });
+        }
+        if (capabilityId) {
+            chips.push({
+                icon: 'verified',
+                value: 'capability',
+                ariaLabel: `Capability ${capabilityId}`,
+            });
+        }
+        if (!capabilityId && selectedWidgetKey) {
+            chips.push({
+                icon: 'ads_click',
+                value: 'seleção atual',
+                ariaLabel: `Widget selecionado ${selectedWidgetKey}`,
+            });
+        }
+        return chips.slice(0, 3);
+    }
+    isGenericContextualActionDescription(value) {
+        const normalized = value
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+            .toLocaleLowerCase('pt-BR');
+        return normalized.includes('acao sugerida')
+            && normalized.includes('capacidades confirmadas');
+    }
+    trimSentencePunctuation(value) {
+        return value.trim().replace(/[.!?]+$/u, '');
+    }
+    shortPathLabel(value) {
+        const normalized = value.trim().replace(/[?#].*$/u, '').replace(/\/+$/u, '');
+        if (!normalized)
+            return '';
+        const segments = normalized.split('/').filter(Boolean);
+        const last = segments.length > 0 ? segments[segments.length - 1] : normalized;
+        return last
+            .replace(/^vw-/u, '')
+            .replace(/-/gu, ' ')
+            .trim();
+    }
+    shortTechnicalLabel(value) {
+        return value
+            .trim()
+            .replace(/^praxis-/u, '')
+            .replace(/@.*$/u, '')
+            .replace(/[_-]+/gu, ' ')
+            .trim();
+    }
+    getCloseIcon() {
+        const label = this.resolvedLabels.close.toLocaleLowerCase('pt-BR');
+        return label.includes('minimiz') ? 'horizontal_rule' : 'close';
+    }
+    normalizeShellAction(action, fallback) {
+        const source = action ?? fallback;
+        return {
+            id: source?.id || fallback?.id || 'action',
+            label: source?.label || fallback?.label || '',
+            kind: source?.kind ?? fallback?.kind ?? 'custom',
+            icon: source?.icon ?? fallback?.icon ?? null,
+            tone: source?.tone ?? fallback?.tone ?? null,
+            disabled: source?.disabled ?? fallback?.disabled ?? false,
+            requiresPrompt: source?.requiresPrompt ?? fallback?.requiresPrompt ?? false,
+            testId: source?.testId ?? fallback?.testId ?? null,
+            ariaLabel: source?.ariaLabel ?? fallback?.ariaLabel ?? null,
+            iconOnly: source?.iconOnly ?? fallback?.iconOnly ?? false,
+        };
+    }
     onRemoveAttachment(attachment) {
         if (this.busy)
             return;
@@ -6045,6 +7634,26 @@ class PraxisAiAssistantShellComponent {
             this.resendMessage.emit(message);
         }
     }
+    getMessageActionIcon(action) {
+        if (action.icon)
+            return action.icon;
+        switch (action.kind) {
+            case 'edit':
+                return 'edit';
+            case 'resend':
+                return 'replay';
+            case 'copy':
+                return 'content_copy';
+            default:
+                return '';
+        }
+    }
+    getMessageActionLabel(action) {
+        return action.ariaLabel || action.label;
+    }
+    isMessageActionIconOnly(action) {
+        return action.iconOnly ?? !!this.getMessageActionIcon(action);
+    }
     getModeLabel() {
         switch (this.mode) {
             case 'config':
@@ -6088,10 +7697,13 @@ class PraxisAiAssistantShellComponent {
             return;
         this.startPointerSession('drag', event);
     }
-    startResize(event) {
+    startResize(direction, event) {
         if (!this.resizable || event.button !== 0)
             return;
-        this.startPointerSession('resize', event);
+        this.startPointerSession('resize', event, direction);
+    }
+    trackResizeHandle(_index, direction) {
+        return direction;
     }
     trackMessage(_index, message) {
         return message.id;
@@ -6108,15 +7720,16 @@ class PraxisAiAssistantShellComponent {
     trackAttachment(_index, attachment) {
         return attachment.id;
     }
-    startPointerSession(mode, event) {
+    startPointerSession(mode, event, resizeDirection) {
         event.preventDefault();
         event.stopPropagation();
         const panel = this.panel?.nativeElement;
         if (!panel)
             return;
-        const bounds = this.resolveBounds(panel);
+        const bounds = this.resolveViewportBounds();
         this.pointerSession = {
             mode,
+            resizeDirection,
             pointerId: event.pointerId,
             startX: event.clientX,
             startY: event.clientY,
@@ -6146,15 +7759,40 @@ class PraxisAiAssistantShellComponent {
                 left: session.startLayout.left + deltaX,
                 top: session.startLayout.top + deltaY,
             }
-            : {
-                ...session.startLayout,
-                width: session.startLayout.width + deltaX,
-                height: session.startLayout.height + deltaY,
-            };
+            : this.resizeLayout(session, deltaX, deltaY);
         this.currentLayout = this.clampLayout(next, session.boundsWidth, session.boundsHeight);
         this.layoutChange.emit(this.currentLayout);
         this.cdr.markForCheck();
     }
+    resizeLayout(session, deltaX, deltaY) {
+        const direction = session.resizeDirection ?? 'se';
+        const start = session.startLayout;
+        const right = start.left + start.width;
+        const bottom = start.top + start.height;
+        let left = start.left;
+        let top = start.top;
+        let width = start.width;
+        let height = start.height;
+        if (direction.includes('e')) {
+            const maxWidth = Math.max(this.minWidth, session.boundsWidth - start.left - this.margin);
+            width = this.clamp(start.width + deltaX, this.minWidth, maxWidth);
+        }
+        if (direction.includes('s')) {
+            const maxHeight = Math.max(this.minHeight, session.boundsHeight - start.top - this.margin);
+            height = this.clamp(start.height + deltaY, this.minHeight, maxHeight);
+        }
+        if (direction.includes('w')) {
+            const nextLeft = this.clamp(start.left + deltaX, this.margin, right - this.minWidth);
+            left = nextLeft;
+            width = right - nextLeft;
+        }
+        if (direction.includes('n')) {
+            const nextTop = this.clamp(start.top + deltaY, this.margin, bottom - this.minHeight);
+            top = nextTop;
+            height = bottom - nextTop;
+        }
+        return { left, top, width, height };
+    }
     finishPointerSession(event) {
         if (this.pointerSession && event.pointerId === this.pointerSession.pointerId) {
             try {
@@ -6172,10 +7810,9 @@ class PraxisAiAssistantShellComponent {
         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);
+    resolveViewportBounds() {
+        const width = typeof window !== 'undefined' ? window.innerWidth : 1024;
+        const 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),
@@ -6268,7 +7905,7 @@ class PraxisAiAssistantShellComponent {
         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 });
+    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", primaryAction: "primaryAction", secondaryActions: "secondaryActions", governanceActions: "governanceActions", busy: "busy", canSubmit: "canSubmit", canApply: "canApply", submitOnEnter: "submitOnEnter", showAttachAction: "showAttachAction", enablePastedAttachments: "enablePastedAttachments", 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", retryTurn: "retryTurn", cancelTurn: "cancelTurn", shellAction: "shellAction", 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      <div class=\"praxis-ai-assistant-shell__title-row\">\n        <strong>{{ resolvedLabels.title }}</strong>\n        <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n          <span class=\"praxis-ai-assistant-shell__badge praxis-ai-assistant-shell__badge--context\">\n            {{ getModeLabel() }}\n          </span>\n          <span\n            class=\"praxis-ai-assistant-shell__badge praxis-ai-assistant-shell__badge--state\"\n            [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\"\n          >\n            <span class=\"praxis-ai-assistant-shell__state-dot\" aria-hidden=\"true\"></span>\n            {{ getStateLabel() }}\n          </span>\n        </div>\n      </div>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__header-actions\">\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>{{ getCloseIcon() }}</mat-icon>\n      </button>\n    </div>\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        <div\n          class=\"praxis-ai-assistant-shell__message-content\"\n          [innerHTML]=\"renderMessageText(message.text)\"\n        ></div>\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-icon-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n            [disabled]=\"busy\"\n            [matTooltip]=\"resolvedLabels.editMessage\"\n            [attr.aria-label]=\"resolvedLabels.editMessage\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            <mat-icon aria-hidden=\"true\">edit</mat-icon>\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-icon-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n            [disabled]=\"busy\"\n            [matTooltip]=\"resolvedLabels.resendMessage\"\n            [attr.aria-label]=\"resolvedLabels.resendMessage\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            <mat-icon aria-hidden=\"true\">replay</mat-icon>\n          </button>\n          <ng-container *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\">\n            <button\n              *ngIf=\"isMessageActionIconOnly(action); else textualMessageAction\"\n              mat-icon-button\n              type=\"button\"\n              class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n              [disabled]=\"busy || action.disabled\"\n              [matTooltip]=\"getMessageActionLabel(action)\"\n              [attr.aria-label]=\"getMessageActionLabel(action)\"\n              [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n              (click)=\"onMessageAction(message, action)\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ getMessageActionIcon(action) }}</mat-icon>\n            </button>\n            <ng-template #textualMessageAction>\n              <button\n                mat-button\n                type=\"button\"\n                class=\"praxis-ai-assistant-shell__message-action\"\n                [disabled]=\"busy || action.disabled\"\n                [attr.aria-label]=\"getMessageActionLabel(action)\"\n                [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n                (click)=\"onMessageAction(message, action)\"\n              >\n                {{ action.label }}\n              </button>\n            </ng-template>\n          </ng-container>\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      [class.praxis-ai-assistant-shell__quick-replies--inline]=\"shouldUseInlineQuickReplies()\"\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        [class.praxis-ai-assistant-shell__quick-reply--compact]=\"!isRichQuickReply(reply)\"\n        [class.praxis-ai-assistant-shell__quick-reply--guided-action]=\"isGuidedActionQuickReply(reply)\"\n        [class.praxis-ai-assistant-shell__quick-reply--contextual-action]=\"isContextualPreviewActionQuickReply(reply)\"\n        [ngClass]=\"'praxis-ai-assistant-shell__quick-reply--tone-' + getQuickReplyTone(reply)\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [attr.aria-label]=\"getQuickReplyAriaLabel(reply)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        <span class=\"praxis-ai-assistant-shell__quick-reply-ambient\" aria-hidden=\"true\"></span>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-icon-frame\" aria-hidden=\"true\">\n          <mat-icon\n            class=\"praxis-ai-assistant-shell__quick-reply-icon\"\n          >\n            {{ getQuickReplyIcon(reply) }}\n          </mat-icon>\n        </span>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-copy\">\n          <span class=\"praxis-ai-assistant-shell__quick-reply-header\">\n            <span class=\"praxis-ai-assistant-shell__quick-reply-heading\">\n              <span class=\"praxis-ai-assistant-shell__quick-reply-label\">{{ reply.label }}</span>\n              <span\n                *ngIf=\"getQuickReplyDescription(reply)\"\n                class=\"praxis-ai-assistant-shell__quick-reply-description\"\n              >\n                {{ getQuickReplyDescription(reply) }}\n              </span>\n            </span>\n            <span class=\"praxis-ai-assistant-shell__quick-reply-actions\">\n              <span class=\"praxis-ai-assistant-shell__quick-reply-badge\">\n                {{ getQuickReplyCategoryLabel(reply) }}\n              </span>\n              <mat-icon\n                *ngIf=\"getQuickReplyTechnicalDetails(reply)\"\n                class=\"praxis-ai-assistant-shell__quick-reply-details\"\n                [matTooltip]=\"getQuickReplyTechnicalDetails(reply)\"\n                [attr.aria-label]=\"resolvedLabels.quickReplyDetails\"\n              >\n                info\n              </mat-icon>\n            </span>\n          </span>\n          <span\n            *ngIf=\"getQuickReplyContextChips(reply).length\"\n            class=\"praxis-ai-assistant-shell__quick-reply-context\"\n          >\n            <span\n              *ngFor=\"let chip of getQuickReplyContextChips(reply)\"\n              class=\"praxis-ai-assistant-shell__quick-reply-context-chip\"\n              [attr.aria-label]=\"chip.ariaLabel\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ chip.icon }}</mat-icon>\n              <span>{{ chip.value }}</span>\n            </span>\n          </span>\n          <span\n            *ngIf=\"getQuickReplyPresentationItems(reply).length\"\n            class=\"praxis-ai-assistant-shell__quick-reply-insights\"\n          >\n            <span\n              *ngFor=\"let item of getQuickReplyPresentationItems(reply)\"\n              class=\"praxis-ai-assistant-shell__quick-reply-insight\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              <span class=\"praxis-ai-assistant-shell__quick-reply-insight-copy\">\n                <span class=\"praxis-ai-assistant-shell__quick-reply-insight-label\">\n                  {{ item.label }}\n                </span>\n                <span class=\"praxis-ai-assistant-shell__quick-reply-insight-value\">\n                  {{ item.value }}\n                </span>\n              </span>\n            </span>\n          </span>\n          <span class=\"praxis-ai-assistant-shell__quick-reply-cta\">\n            {{ getQuickReplyCtaLabel(reply) }}\n            <mat-icon aria-hidden=\"true\">arrow_forward</mat-icon>\n          </span>\n        </span>\n      </button>\n    </div>\n    <p\n      *ngIf=\"shouldShowStatusText()\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"shouldShowErrorText()\"\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        <ng-container *ngIf=\"showAttachAction\">\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        </ng-container>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          class=\"praxis-ai-assistant-shell__action praxis-ai-assistant-shell__action--primary\"\n          [class.praxis-ai-assistant-shell__action--icon-only]=\"getPrimaryAction().iconOnly\"\n          [matTooltip]=\"getPrimaryActionTooltip(getPrimaryAction())\"\n          [ngClass]=\"'praxis-ai-assistant-shell__action--tone-' + getShellActionTone(getPrimaryAction())\"\n          [disabled]=\"isShellActionDisabled(getPrimaryAction())\"\n          (click)=\"onShellAction(getPrimaryAction())\"\n          [attr.data-testid]=\"getPrimaryAction().testId || (submitTestId || (testIdPrefix + '-submit'))\"\n          [attr.aria-label]=\"getPrimaryAction().ariaLabel || getPrimaryAction().label\"\n        >\n          <mat-icon *ngIf=\"getPrimaryAction().icon\" aria-hidden=\"true\">{{ getPrimaryAction().icon }}</mat-icon>\n          <span *ngIf=\"!getPrimaryAction().iconOnly\">{{ getPrimaryAction().label }}</span>\n        </button>\n        <button\n          *ngFor=\"let action of getSecondaryActions(); trackBy: trackShellAction\"\n          mat-button\n          type=\"button\"\n          class=\"praxis-ai-assistant-shell__action praxis-ai-assistant-shell__action--secondary\"\n          [ngClass]=\"'praxis-ai-assistant-shell__action--tone-' + getShellActionTone(action)\"\n          [disabled]=\"isShellActionDisabled(action)\"\n          (click)=\"onShellAction(action)\"\n          [attr.data-testid]=\"action.testId || (testIdPrefix + '-action-' + action.id)\"\n          [attr.aria-label]=\"action.ariaLabel || action.label\"\n        >\n          <mat-icon *ngIf=\"action.icon\" aria-hidden=\"true\">{{ action.icon }}</mat-icon>\n          {{ action.label }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <ng-container *ngIf=\"resizable\">\n    <span\n      *ngFor=\"let direction of resizeHandles; trackBy: trackResizeHandle\"\n      class=\"praxis-ai-assistant-shell__resize-handle praxis-ai-assistant-shell__resize-handle--{{ direction }}\"\n      [attr.data-testid]=\"direction === 'se' ? testIdPrefix + '-resize-handle' : testIdPrefix + '-resize-handle-' + direction\"\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      (pointerdown)=\"startResize(direction, $event)\"\n    ></span>\n  </ng-container>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{--praxis-ai-assistant-shell-shadow-color: var(--md-sys-color-shadow);--praxis-ai-assistant-shell-highlight-color: var(--md-sys-color-on-surface);--praxis-ai-assistant-shell-tone-analytics: var(--md-sys-color-primary);--praxis-ai-assistant-shell-tone-resource: var(--md-sys-color-tertiary);--praxis-ai-assistant-shell-tone-success: var(--md-sys-color-tertiary);--praxis-ai-assistant-shell-tone-warning: var(--md-sys-color-secondary);--praxis-ai-assistant-shell-tone-danger: var(--md-sys-color-error);--praxis-ai-assistant-shell-tone-neutral: var(--md-sys-color-outline);position:fixed;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface);box-shadow:0 24px 60px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 40%,transparent);z-index:var(--praxis-ai-assistant-shell-z-index, 1200)}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:flex-start;gap:9px;padding:10px 10px 9px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:var(--md-sys-color-surface-container)}.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:30px;height:30px;border-radius:8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 6px 16px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.praxis-ai-assistant-shell__identity mat-icon{width:18px;height:18px;font-size:18px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:4px}.praxis-ai-assistant-shell__title-row{min-width:0;display:flex;align-items:center;gap:8px}.praxis-ai-assistant-shell__badges{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;gap:5px;min-height:20px;max-width:120px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--context{color:var(--md-sys-color-on-surface);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,var(--md-sys-color-surface-container-high))}.praxis-ai-assistant-shell__badge--state{border-color:transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);padding-inline:3px}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 60%,transparent)}.praxis-ai-assistant-shell__state-dot{flex:0 0 auto;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.praxis-ai-assistant-shell__badge--error .praxis-ai-assistant-shell__state-dot{background:var(--md-sys-color-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-error) 16%,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 strong{flex:1 1 auto;font-size:13px;line-height:1.2}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant);font-size:11.5px;line-height:1.3}.praxis-ai-assistant-shell__header-actions{flex:0 0 auto;display:flex;align-items:center;gap:2px;margin-top:-3px}.praxis-ai-assistant-shell__header-actions button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;color:var(--md-sys-color-on-surface-variant);line-height:1;opacity:.78}.praxis-ai-assistant-shell__header-actions button:hover,.praxis-ai-assistant-shell__header-actions button:focus-visible{opacity:1}.praxis-ai-assistant-shell__header-actions mat-icon{display:block;width:18px;height:18px;font-size:18px;line-height:18px}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:12px 12px 10px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface))}.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) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high);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)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant)}.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:46px;max-height:96px;resize:none;border:0;padding:10px 12px 8px;color:var(--md-sys-color-on-surface);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);color:var(--md-sys-color-on-surface);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-content{white-space:normal}.praxis-ai-assistant-shell__message-content :where(p,ul,h3,h4,h5){margin:0}.praxis-ai-assistant-shell__message-content :where(p,ul,h3,h4,h5)+:where(p,ul,h3,h4,h5){margin-top:8px}.praxis-ai-assistant-shell__message-content ul{padding-left:18px}.praxis-ai-assistant-shell__message-content li+li{margin-top:4px}.praxis-ai-assistant-shell__message-content code{padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94em}.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-action--icon{width:30px;min-width:30px;height:30px;padding:0;color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__message-action--icon mat-icon{width:17px;height:17px;font-size:17px}.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);color:var(--md-sys-color-on-primary-container)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error)}.praxis-ai-assistant-shell__quick-replies{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:8px;align-items:stretch;padding-bottom:4px}.praxis-ai-assistant-shell__quick-replies--inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.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) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error) 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)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__quick-reply{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-primary);--praxis-ai-assistant-shell-quick-reply-background: color-mix( in srgb, var(--praxis-ai-assistant-shell-quick-reply-accent) 7%, var(--md-sys-color-surface-container-high) );--praxis-ai-assistant-shell-quick-reply-foreground: var(--md-sys-color-on-surface);width:100%;max-width:100%;height:auto;min-height:0;position:relative;overflow:hidden;padding:15px 16px;align-items:stretch;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 36%,transparent);border-radius:22px;color:var(--praxis-ai-assistant-shell-quick-reply-foreground);background:linear-gradient(135deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 16%,transparent),transparent 46%),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 22%,transparent),transparent 32%),var(--praxis-ai-assistant-shell-quick-reply-background);box-shadow:0 18px 42px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 22%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 16%,transparent);letter-spacing:normal;white-space:normal;text-align:left;text-transform:none;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;--mdc-outlined-button-container-height: auto;--mat-outlined-button-horizontal-padding: 0}.praxis-ai-assistant-shell__quick-reply:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 74%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 24%,transparent),0 0 0 3px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 18%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 18%,transparent);transform:translateY(-1px)}.praxis-ai-assistant-shell__quick-reply--contextual-action{padding:10px 12px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 34%,transparent);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 15%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 92%,transparent)),var(--md-sys-color-surface-container-high);box-shadow:none}.praxis-ai-assistant-shell__quick-reply--guided-action{padding:10px 12px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 30%,transparent);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 96%,transparent)),var(--md-sys-color-surface-container-high);box-shadow:none}.praxis-ai-assistant-shell__quick-reply--contextual-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply--contextual-action:focus-visible,.praxis-ai-assistant-shell__quick-reply--guided-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply--guided-action:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 62%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 15%,transparent);transform:none}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-ambient,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-ambient{display:none}.praxis-ai-assistant-shell__quick-reply--contextual-action ::ng-deep .mdc-button__label,.praxis-ai-assistant-shell__quick-reply--guided-action ::ng-deep .mdc-button__label{gap:10px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-icon-frame,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-icon-frame{width:34px;height:34px;border-radius:8px;box-shadow:none}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-icon,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-icon{width:19px;height:19px;font-size:19px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-copy,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-copy{gap:6px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-label{font-size:13.5px;font-weight:760;letter-spacing:0}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-description,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-description{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:2}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-badge{border-radius:8px;font-size:10px;letter-spacing:0}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-context-chip{border-radius:8px;padding:4px 7px;font-size:10.5px;font-weight:650}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-cta,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-cta{font-size:11.5px}.praxis-ai-assistant-shell__quick-reply--compact{justify-self:start;width:fit-content;min-width:min(100%,210px);max-width:min(100%,320px);padding:9px 11px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent),transparent 55%),var(--md-sys-color-surface-container-high);box-shadow:0 8px 18px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 16%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 10%,transparent)}.praxis-ai-assistant-shell__quick-reply.praxis-ai-assistant-shell__quick-reply--compact ::ng-deep .mdc-button__label{align-items:center;gap:10px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-icon-frame{width:34px;height:34px;border-radius:12px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-icon{width:19px;height:19px;font-size:19px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-copy{gap:4px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-header{align-items:center}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-label{font-size:13px;line-height:1.2}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-cta{display:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply{width:auto;min-width:0;max-width:100%;padding:6px 10px;border-radius:999px;box-shadow:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 76%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 96%,transparent)}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 52%,transparent);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 9%,var(--md-sys-color-surface-container-high));box-shadow:0 0 0 2px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 12%,transparent)}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;width:auto}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply ::ng-deep .mat-mdc-button-touch-target{min-height:34px}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-icon-frame{width:18px;height:18px;border:0;border-radius:0;background:transparent;box-shadow:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-icon{width:16px;height:16px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:16px}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-copy,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-heading,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-header{display:inline-flex;align-items:center;gap:0}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-label{color:var(--md-sys-color-on-surface);font-size:12.5px;font-weight:650;line-height:1.2;white-space:nowrap}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-description,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-actions,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-cta{display:none}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:14px;width:100%;height:auto;line-height:normal}.praxis-ai-assistant-shell__quick-reply-ambient{position:absolute;inset:0;pointer-events:none}.praxis-ai-assistant-shell__quick-reply-ambient:before{content:\"\";position:absolute;inset:0 18px auto;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 90%,var(--praxis-ai-assistant-shell-highlight-color)),transparent);opacity:.58}.praxis-ai-assistant-shell__quick-reply-ambient:after{content:\"\";position:absolute;top:-34px;right:-44px;width:150px;height:150px;border-radius:999px;background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 13%,transparent);filter:blur(18px)}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mat-mdc-button-touch-target{height:100%;min-height:48px}.praxis-ai-assistant-shell__quick-reply-icon-frame{flex:0 0 auto;width:46px;height:46px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 34%,transparent);border-radius:17px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 24%,transparent),color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 6%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 18%,transparent),0 10px 24px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 12%,transparent)}.praxis-ai-assistant-shell__quick-reply-icon{width:24px;height:24px;font-size:24px}.praxis-ai-assistant-shell__quick-reply-details{flex:0 0 auto;width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 14%,transparent);border-radius:50%;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-outline) 14%,transparent);font-size:17px;opacity:.9}.praxis-ai-assistant-shell__quick-reply-copy{min-width:0;display:grid;gap:10px;flex:1 1 auto}.praxis-ai-assistant-shell__quick-reply-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.praxis-ai-assistant-shell__quick-reply-heading{min-width:0;display:grid;gap:5px}.praxis-ai-assistant-shell__quick-reply-actions{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;max-width:46%}.praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply-description{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-label{color:var(--md-sys-color-on-surface);font-size:17px;font-weight:760;letter-spacing:.005em;line-height:1.18;text-transform:none}.praxis-ai-assistant-shell__quick-reply-badge{flex:0 0 auto;max-width:100%;padding:4px 8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 28%,transparent);border-radius:999px;color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 86%,var(--praxis-ai-assistant-shell-highlight-color));background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 11%,transparent);font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__quick-reply-description{color:color-mix(in srgb,var(--md-sys-color-on-surface) 80%,transparent);font-size:13px;line-height:1.46}.praxis-ai-assistant-shell__quick-reply-context{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.praxis-ai-assistant-shell__quick-reply-context-chip{min-width:0;display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 22%,transparent);border-radius:999px;color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,transparent);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 9%,transparent);font-size:11px;font-weight:650;line-height:1.15}.praxis-ai-assistant-shell__quick-reply-context-chip mat-icon{width:14px;height:14px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:14px}.praxis-ai-assistant-shell__quick-reply-context-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__quick-reply-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 16%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 5%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 26%,transparent))}.praxis-ai-assistant-shell__quick-reply-insight{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent);border-radius:13px;color:color-mix(in srgb,var(--md-sys-color-on-surface) 86%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 44%,transparent);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__quick-reply-insight mat-icon{width:17px;height:17px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:17px;opacity:.9}.praxis-ai-assistant-shell__quick-reply-insight-copy{min-width:0;display:grid;gap:1px}.praxis-ai-assistant-shell__quick-reply-insight-label{color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 82%,var(--praxis-ai-assistant-shell-highlight-color));font-size:10.5px;font-weight:760;letter-spacing:.045em;line-height:1.2;text-transform:uppercase}.praxis-ai-assistant-shell__quick-reply-insight-value{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-cta{display:inline-flex;align-items:center;justify-self:start;gap:5px;padding:3px 0;color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 84%,var(--praxis-ai-assistant-shell-highlight-color));font-size:12px;font-weight:760;letter-spacing:.01em;line-height:1.2}.praxis-ai-assistant-shell__quick-reply-cta mat-icon{width:15px;height:15px;font-size:15px;transition:transform .16s ease}.praxis-ai-assistant-shell__quick-reply:hover:not(:disabled) .praxis-ai-assistant-shell__quick-reply-cta mat-icon,.praxis-ai-assistant-shell__quick-reply:focus-visible .praxis-ai-assistant-shell__quick-reply-cta mat-icon{transform:translate(2px)}.praxis-ai-assistant-shell__quick-reply--tone-analytics{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-analytics)}.praxis-ai-assistant-shell__quick-reply--tone-resource{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-resource)}.praxis-ai-assistant-shell__quick-reply--tone-warning{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-warning)}.praxis-ai-assistant-shell__quick-reply--tone-success{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-success)}.praxis-ai-assistant-shell__quick-reply--tone-danger{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-danger)}.praxis-ai-assistant-shell__quick-reply--tone-neutral{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-neutral)}@media(max-width:640px){.praxis-ai-assistant-shell__quick-reply{padding:13px;border-radius:19px}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{grid-template-columns:minmax(0,1fr);gap:10px}.praxis-ai-assistant-shell__quick-reply-icon-frame{width:38px;height:38px;border-radius:14px}.praxis-ai-assistant-shell__quick-reply-header{display:grid}.praxis-ai-assistant-shell__quick-reply-actions{justify-content:flex-start;max-width:100%}.praxis-ai-assistant-shell__quick-reply-insights{grid-template-columns:minmax(0,1fr)}}.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:8px 10px 10px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:var(--md-sys-color-surface-container-low)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);box-shadow:inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 4%,transparent)}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 7px;flex-wrap:wrap}.praxis-ai-assistant-shell__action{min-height:36px;border-radius:10px;font-weight:650}.praxis-ai-assistant-shell__action mat-icon{width:18px;height:18px;margin-right:6px;font-size:18px}.praxis-ai-assistant-shell__action--icon-only{width:40px;min-width:40px;height:40px;padding-inline:0;border-radius:50%}.praxis-ai-assistant-shell__action--icon-only mat-icon{margin-right:0}.praxis-ai-assistant-shell__action--secondary{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__action--tone-governance{color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-success{color:var(--praxis-ai-assistant-shell-tone-success);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-tone-success) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-warning{color:var(--praxis-ai-assistant-shell-tone-warning);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-tone-warning) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-danger{color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error) 10%,transparent)}.praxis-ai-assistant-shell__resize-handle{position:absolute;z-index:2;border:0;background:transparent;touch-action:none}.praxis-ai-assistant-shell__resize-handle--n,.praxis-ai-assistant-shell__resize-handle--s{left:16px;right:16px;height:10px;cursor:ns-resize}.praxis-ai-assistant-shell__resize-handle--n{top:-5px}.praxis-ai-assistant-shell__resize-handle--s{bottom:-5px}.praxis-ai-assistant-shell__resize-handle--e,.praxis-ai-assistant-shell__resize-handle--w{top:16px;bottom:16px;width:10px;cursor:ew-resize}.praxis-ai-assistant-shell__resize-handle--e{right:-5px}.praxis-ai-assistant-shell__resize-handle--w{left:-5px}.praxis-ai-assistant-shell__resize-handle--ne,.praxis-ai-assistant-shell__resize-handle--nw,.praxis-ai-assistant-shell__resize-handle--se,.praxis-ai-assistant-shell__resize-handle--sw{width:22px;height:22px}.praxis-ai-assistant-shell__resize-handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.praxis-ai-assistant-shell__resize-handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.praxis-ai-assistant-shell__resize-handle--se{right:-5px;bottom:-5px;cursor:nwse-resize}.praxis-ai-assistant-shell__resize-handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.praxis-ai-assistant-shell__resize-handle--se:after{content:\"\";position:absolute;right:8px;bottom:8px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline);border-bottom:2px solid var(--md-sys-color-outline)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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,
@@ -6279,7 +7916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         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"] }]
+                    ], 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      <div class=\"praxis-ai-assistant-shell__title-row\">\n        <strong>{{ resolvedLabels.title }}</strong>\n        <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n          <span class=\"praxis-ai-assistant-shell__badge praxis-ai-assistant-shell__badge--context\">\n            {{ getModeLabel() }}\n          </span>\n          <span\n            class=\"praxis-ai-assistant-shell__badge praxis-ai-assistant-shell__badge--state\"\n            [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\"\n          >\n            <span class=\"praxis-ai-assistant-shell__state-dot\" aria-hidden=\"true\"></span>\n            {{ getStateLabel() }}\n          </span>\n        </div>\n      </div>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__header-actions\">\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>{{ getCloseIcon() }}</mat-icon>\n      </button>\n    </div>\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        <div\n          class=\"praxis-ai-assistant-shell__message-content\"\n          [innerHTML]=\"renderMessageText(message.text)\"\n        ></div>\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-icon-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n            [disabled]=\"busy\"\n            [matTooltip]=\"resolvedLabels.editMessage\"\n            [attr.aria-label]=\"resolvedLabels.editMessage\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            <mat-icon aria-hidden=\"true\">edit</mat-icon>\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-icon-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n            [disabled]=\"busy\"\n            [matTooltip]=\"resolvedLabels.resendMessage\"\n            [attr.aria-label]=\"resolvedLabels.resendMessage\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            <mat-icon aria-hidden=\"true\">replay</mat-icon>\n          </button>\n          <ng-container *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\">\n            <button\n              *ngIf=\"isMessageActionIconOnly(action); else textualMessageAction\"\n              mat-icon-button\n              type=\"button\"\n              class=\"praxis-ai-assistant-shell__message-action praxis-ai-assistant-shell__message-action--icon\"\n              [disabled]=\"busy || action.disabled\"\n              [matTooltip]=\"getMessageActionLabel(action)\"\n              [attr.aria-label]=\"getMessageActionLabel(action)\"\n              [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n              (click)=\"onMessageAction(message, action)\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ getMessageActionIcon(action) }}</mat-icon>\n            </button>\n            <ng-template #textualMessageAction>\n              <button\n                mat-button\n                type=\"button\"\n                class=\"praxis-ai-assistant-shell__message-action\"\n                [disabled]=\"busy || action.disabled\"\n                [attr.aria-label]=\"getMessageActionLabel(action)\"\n                [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n                (click)=\"onMessageAction(message, action)\"\n              >\n                {{ action.label }}\n              </button>\n            </ng-template>\n          </ng-container>\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      [class.praxis-ai-assistant-shell__quick-replies--inline]=\"shouldUseInlineQuickReplies()\"\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        [class.praxis-ai-assistant-shell__quick-reply--compact]=\"!isRichQuickReply(reply)\"\n        [class.praxis-ai-assistant-shell__quick-reply--guided-action]=\"isGuidedActionQuickReply(reply)\"\n        [class.praxis-ai-assistant-shell__quick-reply--contextual-action]=\"isContextualPreviewActionQuickReply(reply)\"\n        [ngClass]=\"'praxis-ai-assistant-shell__quick-reply--tone-' + getQuickReplyTone(reply)\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [attr.aria-label]=\"getQuickReplyAriaLabel(reply)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        <span class=\"praxis-ai-assistant-shell__quick-reply-ambient\" aria-hidden=\"true\"></span>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-icon-frame\" aria-hidden=\"true\">\n          <mat-icon\n            class=\"praxis-ai-assistant-shell__quick-reply-icon\"\n          >\n            {{ getQuickReplyIcon(reply) }}\n          </mat-icon>\n        </span>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-copy\">\n          <span class=\"praxis-ai-assistant-shell__quick-reply-header\">\n            <span class=\"praxis-ai-assistant-shell__quick-reply-heading\">\n              <span class=\"praxis-ai-assistant-shell__quick-reply-label\">{{ reply.label }}</span>\n              <span\n                *ngIf=\"getQuickReplyDescription(reply)\"\n                class=\"praxis-ai-assistant-shell__quick-reply-description\"\n              >\n                {{ getQuickReplyDescription(reply) }}\n              </span>\n            </span>\n            <span class=\"praxis-ai-assistant-shell__quick-reply-actions\">\n              <span class=\"praxis-ai-assistant-shell__quick-reply-badge\">\n                {{ getQuickReplyCategoryLabel(reply) }}\n              </span>\n              <mat-icon\n                *ngIf=\"getQuickReplyTechnicalDetails(reply)\"\n                class=\"praxis-ai-assistant-shell__quick-reply-details\"\n                [matTooltip]=\"getQuickReplyTechnicalDetails(reply)\"\n                [attr.aria-label]=\"resolvedLabels.quickReplyDetails\"\n              >\n                info\n              </mat-icon>\n            </span>\n          </span>\n          <span\n            *ngIf=\"getQuickReplyContextChips(reply).length\"\n            class=\"praxis-ai-assistant-shell__quick-reply-context\"\n          >\n            <span\n              *ngFor=\"let chip of getQuickReplyContextChips(reply)\"\n              class=\"praxis-ai-assistant-shell__quick-reply-context-chip\"\n              [attr.aria-label]=\"chip.ariaLabel\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ chip.icon }}</mat-icon>\n              <span>{{ chip.value }}</span>\n            </span>\n          </span>\n          <span\n            *ngIf=\"getQuickReplyPresentationItems(reply).length\"\n            class=\"praxis-ai-assistant-shell__quick-reply-insights\"\n          >\n            <span\n              *ngFor=\"let item of getQuickReplyPresentationItems(reply)\"\n              class=\"praxis-ai-assistant-shell__quick-reply-insight\"\n            >\n              <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              <span class=\"praxis-ai-assistant-shell__quick-reply-insight-copy\">\n                <span class=\"praxis-ai-assistant-shell__quick-reply-insight-label\">\n                  {{ item.label }}\n                </span>\n                <span class=\"praxis-ai-assistant-shell__quick-reply-insight-value\">\n                  {{ item.value }}\n                </span>\n              </span>\n            </span>\n          </span>\n          <span class=\"praxis-ai-assistant-shell__quick-reply-cta\">\n            {{ getQuickReplyCtaLabel(reply) }}\n            <mat-icon aria-hidden=\"true\">arrow_forward</mat-icon>\n          </span>\n        </span>\n      </button>\n    </div>\n    <p\n      *ngIf=\"shouldShowStatusText()\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"shouldShowErrorText()\"\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        <ng-container *ngIf=\"showAttachAction\">\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        </ng-container>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          class=\"praxis-ai-assistant-shell__action praxis-ai-assistant-shell__action--primary\"\n          [class.praxis-ai-assistant-shell__action--icon-only]=\"getPrimaryAction().iconOnly\"\n          [matTooltip]=\"getPrimaryActionTooltip(getPrimaryAction())\"\n          [ngClass]=\"'praxis-ai-assistant-shell__action--tone-' + getShellActionTone(getPrimaryAction())\"\n          [disabled]=\"isShellActionDisabled(getPrimaryAction())\"\n          (click)=\"onShellAction(getPrimaryAction())\"\n          [attr.data-testid]=\"getPrimaryAction().testId || (submitTestId || (testIdPrefix + '-submit'))\"\n          [attr.aria-label]=\"getPrimaryAction().ariaLabel || getPrimaryAction().label\"\n        >\n          <mat-icon *ngIf=\"getPrimaryAction().icon\" aria-hidden=\"true\">{{ getPrimaryAction().icon }}</mat-icon>\n          <span *ngIf=\"!getPrimaryAction().iconOnly\">{{ getPrimaryAction().label }}</span>\n        </button>\n        <button\n          *ngFor=\"let action of getSecondaryActions(); trackBy: trackShellAction\"\n          mat-button\n          type=\"button\"\n          class=\"praxis-ai-assistant-shell__action praxis-ai-assistant-shell__action--secondary\"\n          [ngClass]=\"'praxis-ai-assistant-shell__action--tone-' + getShellActionTone(action)\"\n          [disabled]=\"isShellActionDisabled(action)\"\n          (click)=\"onShellAction(action)\"\n          [attr.data-testid]=\"action.testId || (testIdPrefix + '-action-' + action.id)\"\n          [attr.aria-label]=\"action.ariaLabel || action.label\"\n        >\n          <mat-icon *ngIf=\"action.icon\" aria-hidden=\"true\">{{ action.icon }}</mat-icon>\n          {{ action.label }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <ng-container *ngIf=\"resizable\">\n    <span\n      *ngFor=\"let direction of resizeHandles; trackBy: trackResizeHandle\"\n      class=\"praxis-ai-assistant-shell__resize-handle praxis-ai-assistant-shell__resize-handle--{{ direction }}\"\n      [attr.data-testid]=\"direction === 'se' ? testIdPrefix + '-resize-handle' : testIdPrefix + '-resize-handle-' + direction\"\n      aria-hidden=\"true\"\n      role=\"presentation\"\n      (pointerdown)=\"startResize(direction, $event)\"\n    ></span>\n  </ng-container>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{--praxis-ai-assistant-shell-shadow-color: var(--md-sys-color-shadow);--praxis-ai-assistant-shell-highlight-color: var(--md-sys-color-on-surface);--praxis-ai-assistant-shell-tone-analytics: var(--md-sys-color-primary);--praxis-ai-assistant-shell-tone-resource: var(--md-sys-color-tertiary);--praxis-ai-assistant-shell-tone-success: var(--md-sys-color-tertiary);--praxis-ai-assistant-shell-tone-warning: var(--md-sys-color-secondary);--praxis-ai-assistant-shell-tone-danger: var(--md-sys-color-error);--praxis-ai-assistant-shell-tone-neutral: var(--md-sys-color-outline);position:fixed;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface);box-shadow:0 24px 60px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 40%,transparent);z-index:var(--praxis-ai-assistant-shell-z-index, 1200)}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:flex-start;gap:9px;padding:10px 10px 9px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:var(--md-sys-color-surface-container)}.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:30px;height:30px;border-radius:8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 6px 16px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.praxis-ai-assistant-shell__identity mat-icon{width:18px;height:18px;font-size:18px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:4px}.praxis-ai-assistant-shell__title-row{min-width:0;display:flex;align-items:center;gap:8px}.praxis-ai-assistant-shell__badges{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;gap:5px;min-height:20px;max-width:120px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--context{color:var(--md-sys-color-on-surface);background:color-mix(in srgb,var(--md-sys-color-primary) 9%,var(--md-sys-color-surface-container-high))}.praxis-ai-assistant-shell__badge--state{border-color:transparent;background:transparent;color:var(--md-sys-color-on-surface-variant);padding-inline:3px}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error);border-color:color-mix(in srgb,var(--md-sys-color-error) 60%,transparent)}.praxis-ai-assistant-shell__state-dot{flex:0 0 auto;width:6px;height:6px;border-radius:999px;background:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.praxis-ai-assistant-shell__badge--error .praxis-ai-assistant-shell__state-dot{background:var(--md-sys-color-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-error) 16%,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 strong{flex:1 1 auto;font-size:13px;line-height:1.2}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant);font-size:11.5px;line-height:1.3}.praxis-ai-assistant-shell__header-actions{flex:0 0 auto;display:flex;align-items:center;gap:2px;margin-top:-3px}.praxis-ai-assistant-shell__header-actions button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;color:var(--md-sys-color-on-surface-variant);line-height:1;opacity:.78}.praxis-ai-assistant-shell__header-actions button:hover,.praxis-ai-assistant-shell__header-actions button:focus-visible{opacity:1}.praxis-ai-assistant-shell__header-actions mat-icon{display:block;width:18px;height:18px;font-size:18px;line-height:18px}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:12px 12px 10px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low),var(--md-sys-color-surface))}.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) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high);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)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant)}.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:46px;max-height:96px;resize:none;border:0;padding:10px 12px 8px;color:var(--md-sys-color-on-surface);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);color:var(--md-sys-color-on-surface);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-content{white-space:normal}.praxis-ai-assistant-shell__message-content :where(p,ul,h3,h4,h5){margin:0}.praxis-ai-assistant-shell__message-content :where(p,ul,h3,h4,h5)+:where(p,ul,h3,h4,h5){margin-top:8px}.praxis-ai-assistant-shell__message-content ul{padding-left:18px}.praxis-ai-assistant-shell__message-content li+li{margin-top:4px}.praxis-ai-assistant-shell__message-content code{padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94em}.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-action--icon{width:30px;min-width:30px;height:30px;padding:0;color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__message-action--icon mat-icon{width:17px;height:17px;font-size:17px}.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);color:var(--md-sys-color-on-primary-container)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error)}.praxis-ai-assistant-shell__quick-replies{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:8px;align-items:stretch;padding-bottom:4px}.praxis-ai-assistant-shell__quick-replies--inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.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) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error) 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)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__quick-reply{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-primary);--praxis-ai-assistant-shell-quick-reply-background: color-mix( in srgb, var(--praxis-ai-assistant-shell-quick-reply-accent) 7%, var(--md-sys-color-surface-container-high) );--praxis-ai-assistant-shell-quick-reply-foreground: var(--md-sys-color-on-surface);width:100%;max-width:100%;height:auto;min-height:0;position:relative;overflow:hidden;padding:15px 16px;align-items:stretch;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 36%,transparent);border-radius:22px;color:var(--praxis-ai-assistant-shell-quick-reply-foreground);background:linear-gradient(135deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 16%,transparent),transparent 46%),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 22%,transparent),transparent 32%),var(--praxis-ai-assistant-shell-quick-reply-background);box-shadow:0 18px 42px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 22%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 16%,transparent);letter-spacing:normal;white-space:normal;text-align:left;text-transform:none;-webkit-user-select:none;user-select:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;--mdc-outlined-button-container-height: auto;--mat-outlined-button-horizontal-padding: 0}.praxis-ai-assistant-shell__quick-reply:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 74%,transparent);box-shadow:0 18px 42px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 24%,transparent),0 0 0 3px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 18%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 18%,transparent);transform:translateY(-1px)}.praxis-ai-assistant-shell__quick-reply--contextual-action{padding:10px 12px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 34%,transparent);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 15%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 92%,transparent)),var(--md-sys-color-surface-container-high);box-shadow:none}.praxis-ai-assistant-shell__quick-reply--guided-action{padding:10px 12px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 30%,transparent);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-high) 96%,transparent)),var(--md-sys-color-surface-container-high);box-shadow:none}.praxis-ai-assistant-shell__quick-reply--contextual-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply--contextual-action:focus-visible,.praxis-ai-assistant-shell__quick-reply--guided-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-reply--guided-action:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 62%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 15%,transparent);transform:none}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-ambient,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-ambient{display:none}.praxis-ai-assistant-shell__quick-reply--contextual-action ::ng-deep .mdc-button__label,.praxis-ai-assistant-shell__quick-reply--guided-action ::ng-deep .mdc-button__label{gap:10px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-icon-frame,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-icon-frame{width:34px;height:34px;border-radius:8px;box-shadow:none}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-icon,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-icon{width:19px;height:19px;font-size:19px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-copy,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-copy{gap:6px}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-label{font-size:13.5px;font-weight:760;letter-spacing:0}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-description,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-description{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.34;-webkit-box-orient:vertical;-webkit-line-clamp:2}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-badge{border-radius:8px;font-size:10px;letter-spacing:0}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-context-chip{border-radius:8px;padding:4px 7px;font-size:10.5px;font-weight:650}.praxis-ai-assistant-shell__quick-reply--contextual-action .praxis-ai-assistant-shell__quick-reply-cta,.praxis-ai-assistant-shell__quick-reply--guided-action .praxis-ai-assistant-shell__quick-reply-cta{font-size:11.5px}.praxis-ai-assistant-shell__quick-reply--compact{justify-self:start;width:fit-content;min-width:min(100%,210px);max-width:min(100%,320px);padding:9px 11px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent),transparent 55%),var(--md-sys-color-surface-container-high);box-shadow:0 8px 18px color-mix(in srgb,var(--praxis-ai-assistant-shell-shadow-color) 16%,transparent),inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 10%,transparent)}.praxis-ai-assistant-shell__quick-reply.praxis-ai-assistant-shell__quick-reply--compact ::ng-deep .mdc-button__label{align-items:center;gap:10px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-icon-frame{width:34px;height:34px;border-radius:12px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-icon{width:19px;height:19px;font-size:19px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-copy{gap:4px}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-header{align-items:center}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-label{font-size:13px;line-height:1.2}.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-reply--compact .praxis-ai-assistant-shell__quick-reply-cta{display:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply{width:auto;min-width:0;max-width:100%;padding:6px 10px;border-radius:999px;box-shadow:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 76%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 96%,transparent)}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action:hover:not(:disabled),.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply--guided-action:focus-visible{border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 52%,transparent);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 9%,var(--md-sys-color-surface-container-high));box-shadow:0 0 0 2px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 12%,transparent)}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;width:auto}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply ::ng-deep .mat-mdc-button-touch-target{min-height:34px}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-icon-frame{width:18px;height:18px;border:0;border-radius:0;background:transparent;box-shadow:none}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-icon{width:16px;height:16px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:16px}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-copy,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-heading,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-header{display:inline-flex;align-items:center;gap:0}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-label{color:var(--md-sys-color-on-surface);font-size:12.5px;font-weight:650;line-height:1.2;white-space:nowrap}.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-description,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-actions,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-badge,.praxis-ai-assistant-shell__quick-replies--inline .praxis-ai-assistant-shell__quick-reply-cta{display:none}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:14px;width:100%;height:auto;line-height:normal}.praxis-ai-assistant-shell__quick-reply-ambient{position:absolute;inset:0;pointer-events:none}.praxis-ai-assistant-shell__quick-reply-ambient:before{content:\"\";position:absolute;inset:0 18px auto;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 90%,var(--praxis-ai-assistant-shell-highlight-color)),transparent);opacity:.58}.praxis-ai-assistant-shell__quick-reply-ambient:after{content:\"\";position:absolute;top:-34px;right:-44px;width:150px;height:150px;border-radius:999px;background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 13%,transparent);filter:blur(18px)}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mat-mdc-button-touch-target{height:100%;min-height:48px}.praxis-ai-assistant-shell__quick-reply-icon-frame{flex:0 0 auto;width:46px;height:46px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 34%,transparent);border-radius:17px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 24%,transparent),color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 6%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 18%,transparent),0 10px 24px color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 12%,transparent)}.praxis-ai-assistant-shell__quick-reply-icon{width:24px;height:24px;font-size:24px}.praxis-ai-assistant-shell__quick-reply-details{flex:0 0 auto;width:24px;height:24px;display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 14%,transparent);border-radius:50%;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-outline) 14%,transparent);font-size:17px;opacity:.9}.praxis-ai-assistant-shell__quick-reply-copy{min-width:0;display:grid;gap:10px;flex:1 1 auto}.praxis-ai-assistant-shell__quick-reply-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.praxis-ai-assistant-shell__quick-reply-heading{min-width:0;display:grid;gap:5px}.praxis-ai-assistant-shell__quick-reply-actions{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;max-width:46%}.praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply-description{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-label{color:var(--md-sys-color-on-surface);font-size:17px;font-weight:760;letter-spacing:.005em;line-height:1.18;text-transform:none}.praxis-ai-assistant-shell__quick-reply-badge{flex:0 0 auto;max-width:100%;padding:4px 8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 28%,transparent);border-radius:999px;color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 86%,var(--praxis-ai-assistant-shell-highlight-color));background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 11%,transparent);font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__quick-reply-description{color:color-mix(in srgb,var(--md-sys-color-on-surface) 80%,transparent);font-size:13px;line-height:1.46}.praxis-ai-assistant-shell__quick-reply-context{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.praxis-ai-assistant-shell__quick-reply-context-chip{min-width:0;display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:5px 8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 22%,transparent);border-radius:999px;color:color-mix(in srgb,var(--md-sys-color-on-surface) 82%,transparent);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 9%,transparent);font-size:11px;font-weight:650;line-height:1.15}.praxis-ai-assistant-shell__quick-reply-context-chip mat-icon{width:14px;height:14px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:14px}.praxis-ai-assistant-shell__quick-reply-context-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__quick-reply-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 16%,transparent);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 5%,transparent),color-mix(in srgb,var(--md-sys-color-surface-container-lowest) 26%,transparent))}.praxis-ai-assistant-shell__quick-reply-insight{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 10%,transparent);border-radius:13px;color:color-mix(in srgb,var(--md-sys-color-on-surface) 86%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 44%,transparent);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__quick-reply-insight mat-icon{width:17px;height:17px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:17px;opacity:.9}.praxis-ai-assistant-shell__quick-reply-insight-copy{min-width:0;display:grid;gap:1px}.praxis-ai-assistant-shell__quick-reply-insight-label{color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 82%,var(--praxis-ai-assistant-shell-highlight-color));font-size:10.5px;font-weight:760;letter-spacing:.045em;line-height:1.2;text-transform:uppercase}.praxis-ai-assistant-shell__quick-reply-insight-value{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-cta{display:inline-flex;align-items:center;justify-self:start;gap:5px;padding:3px 0;color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 84%,var(--praxis-ai-assistant-shell-highlight-color));font-size:12px;font-weight:760;letter-spacing:.01em;line-height:1.2}.praxis-ai-assistant-shell__quick-reply-cta mat-icon{width:15px;height:15px;font-size:15px;transition:transform .16s ease}.praxis-ai-assistant-shell__quick-reply:hover:not(:disabled) .praxis-ai-assistant-shell__quick-reply-cta mat-icon,.praxis-ai-assistant-shell__quick-reply:focus-visible .praxis-ai-assistant-shell__quick-reply-cta mat-icon{transform:translate(2px)}.praxis-ai-assistant-shell__quick-reply--tone-analytics{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-analytics)}.praxis-ai-assistant-shell__quick-reply--tone-resource{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-resource)}.praxis-ai-assistant-shell__quick-reply--tone-warning{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-warning)}.praxis-ai-assistant-shell__quick-reply--tone-success{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-success)}.praxis-ai-assistant-shell__quick-reply--tone-danger{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-danger)}.praxis-ai-assistant-shell__quick-reply--tone-neutral{--praxis-ai-assistant-shell-quick-reply-accent: var(--praxis-ai-assistant-shell-tone-neutral)}@media(max-width:640px){.praxis-ai-assistant-shell__quick-reply{padding:13px;border-radius:19px}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{grid-template-columns:minmax(0,1fr);gap:10px}.praxis-ai-assistant-shell__quick-reply-icon-frame{width:38px;height:38px;border-radius:14px}.praxis-ai-assistant-shell__quick-reply-header{display:grid}.praxis-ai-assistant-shell__quick-reply-actions{justify-content:flex-start;max-width:100%}.praxis-ai-assistant-shell__quick-reply-insights{grid-template-columns:minmax(0,1fr)}}.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:8px 10px 10px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:var(--md-sys-color-surface-container-low)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container-lowest);box-shadow:inset 0 1px color-mix(in srgb,var(--praxis-ai-assistant-shell-highlight-color) 4%,transparent)}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 16%,transparent)}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 7px;flex-wrap:wrap}.praxis-ai-assistant-shell__action{min-height:36px;border-radius:10px;font-weight:650}.praxis-ai-assistant-shell__action mat-icon{width:18px;height:18px;margin-right:6px;font-size:18px}.praxis-ai-assistant-shell__action--icon-only{width:40px;min-width:40px;height:40px;padding-inline:0;border-radius:50%}.praxis-ai-assistant-shell__action--icon-only mat-icon{margin-right:0}.praxis-ai-assistant-shell__action--secondary{color:var(--md-sys-color-on-surface-variant)}.praxis-ai-assistant-shell__action--tone-governance{color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-success{color:var(--praxis-ai-assistant-shell-tone-success);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-tone-success) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-warning{color:var(--praxis-ai-assistant-shell-tone-warning);background:color-mix(in srgb,var(--praxis-ai-assistant-shell-tone-warning) 10%,transparent)}.praxis-ai-assistant-shell__action--tone-danger{color:var(--md-sys-color-error);background:color-mix(in srgb,var(--md-sys-color-error) 10%,transparent)}.praxis-ai-assistant-shell__resize-handle{position:absolute;z-index:2;border:0;background:transparent;touch-action:none}.praxis-ai-assistant-shell__resize-handle--n,.praxis-ai-assistant-shell__resize-handle--s{left:16px;right:16px;height:10px;cursor:ns-resize}.praxis-ai-assistant-shell__resize-handle--n{top:-5px}.praxis-ai-assistant-shell__resize-handle--s{bottom:-5px}.praxis-ai-assistant-shell__resize-handle--e,.praxis-ai-assistant-shell__resize-handle--w{top:16px;bottom:16px;width:10px;cursor:ew-resize}.praxis-ai-assistant-shell__resize-handle--e{right:-5px}.praxis-ai-assistant-shell__resize-handle--w{left:-5px}.praxis-ai-assistant-shell__resize-handle--ne,.praxis-ai-assistant-shell__resize-handle--nw,.praxis-ai-assistant-shell__resize-handle--se,.praxis-ai-assistant-shell__resize-handle--sw{width:22px;height:22px}.praxis-ai-assistant-shell__resize-handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.praxis-ai-assistant-shell__resize-handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.praxis-ai-assistant-shell__resize-handle--se{right:-5px;bottom:-5px;cursor:nwse-resize}.praxis-ai-assistant-shell__resize-handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.praxis-ai-assistant-shell__resize-handle--se:after{content:\"\";position:absolute;right:8px;bottom:8px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline);border-bottom:2px solid var(--md-sys-color-outline)}\n"] }]
         }], propDecorators: { labels: [{
                 type: Input
             }], mode: [{
@@ -6308,6 +7945,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], applyTestId: [{
                 type: Input
+            }], primaryAction: [{
+                type: Input
+            }], secondaryActions: [{
+                type: Input
+            }], governanceActions: [{
+                type: Input
             }], busy: [{
                 type: Input
             }], canSubmit: [{
@@ -6316,6 +7959,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], submitOnEnter: [{
                 type: Input
+            }], showAttachAction: [{
+                type: Input
+            }], enablePastedAttachments: [{
+                type: Input
             }], enableFileAttachments: [{
                 type: Input
             }], attachmentAccept: [{
@@ -6340,6 +7987,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }], apply: [{
                 type: Output
+            }], retryTurn: [{
+                type: Output
+            }], cancelTurn: [{
+                type: Output
+            }], shellAction: [{
+                type: Output
             }], close: [{
                 type: Output
             }], attach: [{
@@ -6368,6 +8021,308 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['conversation']
             }] } });
 
+function createPraxisAssistantViewportLayout(options = {}) {
+    const top = normalizePositiveNumber(options.top, 88);
+    const margin = normalizePositiveNumber(options.margin, 32);
+    const viewportWidth = resolveViewportDimension('width', 1280);
+    const viewportHeight = resolveViewportDimension('height', 900);
+    const width = clampPositiveNumber(normalizePositiveNumber(options.width, 560), 360, Math.max(360, viewportWidth - margin * 2));
+    const height = clampPositiveNumber(normalizePositiveNumber(options.height, 620), 360, Math.max(360, viewportHeight - top - margin));
+    return {
+        left: Math.max(margin, viewportWidth - width - margin),
+        top,
+        width,
+        height,
+    };
+}
+function normalizePositiveNumber(value, fallback) {
+    return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : fallback;
+}
+function clampPositiveNumber(value, min, max) {
+    return Math.min(Math.max(value, min), Math.max(min, max));
+}
+function resolveViewportDimension(axis, fallback) {
+    if (typeof document !== 'undefined') {
+        const documentElementValue = axis === 'width'
+            ? document.documentElement?.clientWidth
+            : document.documentElement?.clientHeight;
+        if (typeof documentElementValue === 'number' && documentElementValue > 0) {
+            return documentElementValue;
+        }
+    }
+    if (typeof window !== 'undefined') {
+        const windowValue = axis === 'width' ? window.innerWidth : window.innerHeight;
+        if (typeof windowValue === 'number' && windowValue > 0) {
+            return windowValue;
+        }
+    }
+    return fallback;
+}
+
+class PraxisAiAssistantDockComponent {
+    title = 'Praxis copilot active';
+    summary = 'Conversation preserved. Continue where you stopped.';
+    badge = '';
+    icon = '';
+    state = null;
+    tone = null;
+    ariaLabel = '';
+    openAriaLabel = '';
+    openTooltip = '';
+    testId = 'praxis-ai-assistant-dock';
+    openTestId = 'praxis-ai-assistant-dock-open';
+    open = new EventEmitter();
+    resolvedTone() {
+        if (this.tone)
+            return this.tone;
+        if (this.state === 'error')
+            return 'error';
+        if (this.state === 'processing' || this.state === 'applying')
+            return 'working';
+        if (this.state === 'review')
+            return 'review';
+        if (this.state === 'clarification')
+            return 'governed';
+        return 'ready';
+    }
+    resolvedIcon() {
+        if (this.icon)
+            return this.icon;
+        const tone = this.resolvedTone();
+        if (tone === 'error')
+            return 'error';
+        if (tone === 'working')
+            return 'sync';
+        if (tone === 'review')
+            return 'rate_review';
+        if (tone === 'governed')
+            return 'rule';
+        return 'auto_awesome';
+    }
+    resolvedBadge() {
+        if (this.badge)
+            return this.badge;
+        const tone = this.resolvedTone();
+        if (tone === 'error')
+            return 'Attention';
+        if (tone === 'working')
+            return 'Working';
+        if (tone === 'review')
+            return 'Review';
+        if (tone === 'governed')
+            return 'Governed';
+        return 'Ready';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantDockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantDockComponent, isStandalone: true, selector: "praxis-ai-assistant-dock", inputs: { title: "title", summary: "summary", badge: "badge", icon: "icon", state: "state", tone: "tone", ariaLabel: "ariaLabel", openAriaLabel: "openAriaLabel", openTooltip: "openTooltip", testId: "testId", openTestId: "openTestId" }, outputs: { open: "open" }, ngImport: i0, template: `
+    <section
+      class="praxis-ai-assistant-dock"
+      [class.praxis-ai-assistant-dock--working]="resolvedTone() === 'working'"
+      [class.praxis-ai-assistant-dock--review]="resolvedTone() === 'review'"
+      [class.praxis-ai-assistant-dock--governed]="resolvedTone() === 'governed'"
+      [class.praxis-ai-assistant-dock--error]="resolvedTone() === 'error'"
+      [attr.data-testid]="testId"
+      role="status"
+      [attr.aria-label]="ariaLabel || title"
+    >
+      <button
+        class="praxis-ai-assistant-dock__main"
+        type="button"
+        [attr.data-testid]="openTestId"
+        [attr.aria-label]="openAriaLabel || title"
+        [matTooltip]="openTooltip || title"
+        (click)="open.emit()"
+      >
+        <span class="praxis-ai-assistant-dock__orb" aria-hidden="true">
+          <mat-icon>{{ resolvedIcon() }}</mat-icon>
+        </span>
+        <span class="praxis-ai-assistant-dock__copy">
+          <strong>{{ title }}</strong>
+          <span>{{ summary }}</span>
+        </span>
+        <span class="praxis-ai-assistant-dock__badge">{{ resolvedBadge() }}</span>
+      </button>
+    </section>
+  `, isInline: true, styles: [":host{display:block;position:var(--praxis-ai-assistant-dock-position, absolute);z-index:var(--praxis-ai-assistant-dock-z-index, 135);right:var(--praxis-ai-assistant-dock-right, 16px);bottom:var(--praxis-ai-assistant-dock-bottom, 88px);width:min(var(--praxis-ai-assistant-dock-width, 560px),calc(100% - 32px));pointer-events:auto}.praxis-ai-assistant-dock__main{appearance:none;width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(56,189,248,.34);border-radius:18px;background:radial-gradient(circle at 8% 18%,rgba(14,165,233,.24),transparent 34%),linear-gradient(135deg,#0f172af0,#1e293beb 48%,#082f49e6);color:#e0f2fe;box-shadow:0 22px 58px #02061757,inset 0 1px #ffffff1f;cursor:pointer;text-align:left}.praxis-ai-assistant-dock__main:hover,.praxis-ai-assistant-dock__main:focus-visible{border-color:#7dd3fc9e;box-shadow:0 26px 72px #0206176b,0 0 0 3px #0ea5e92e;outline:none}.praxis-ai-assistant-dock__orb{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#22c55e);color:#082f49;box-shadow:0 12px 28px #22c55e3d}.praxis-ai-assistant-dock--working .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#38bdf8,#a78bfa)}.praxis-ai-assistant-dock--review .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#facc15,#38bdf8)}.praxis-ai-assistant-dock--governed .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#22c55e,#14b8a6)}.praxis-ai-assistant-dock--error .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff7ed}.praxis-ai-assistant-dock__copy{min-width:0;display:grid;gap:3px}.praxis-ai-assistant-dock__copy strong{color:#f8fafc;font-size:14px;line-height:1.2}.praxis-ai-assistant-dock__copy span{color:#bae6fd;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-dock__badge{max-width:132px;padding:5px 9px;border:1px solid rgba(186,230,253,.24);border-radius:999px;background:#0f172a7a;color:#f0f9ff;font-size:11px;font-weight:800;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media(max-width:720px){:host{right:var(--praxis-ai-assistant-dock-mobile-right, 12px);bottom:var(--praxis-ai-assistant-dock-mobile-bottom, 84px);width:calc(100% - 24px)}.praxis-ai-assistant-dock__main{grid-template-columns:auto minmax(0,1fr)}.praxis-ai-assistant-dock__badge{grid-column:2;justify-self:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: 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: PraxisAiAssistantDockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-ai-assistant-dock', standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule], template: `
+    <section
+      class="praxis-ai-assistant-dock"
+      [class.praxis-ai-assistant-dock--working]="resolvedTone() === 'working'"
+      [class.praxis-ai-assistant-dock--review]="resolvedTone() === 'review'"
+      [class.praxis-ai-assistant-dock--governed]="resolvedTone() === 'governed'"
+      [class.praxis-ai-assistant-dock--error]="resolvedTone() === 'error'"
+      [attr.data-testid]="testId"
+      role="status"
+      [attr.aria-label]="ariaLabel || title"
+    >
+      <button
+        class="praxis-ai-assistant-dock__main"
+        type="button"
+        [attr.data-testid]="openTestId"
+        [attr.aria-label]="openAriaLabel || title"
+        [matTooltip]="openTooltip || title"
+        (click)="open.emit()"
+      >
+        <span class="praxis-ai-assistant-dock__orb" aria-hidden="true">
+          <mat-icon>{{ resolvedIcon() }}</mat-icon>
+        </span>
+        <span class="praxis-ai-assistant-dock__copy">
+          <strong>{{ title }}</strong>
+          <span>{{ summary }}</span>
+        </span>
+        <span class="praxis-ai-assistant-dock__badge">{{ resolvedBadge() }}</span>
+      </button>
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:var(--praxis-ai-assistant-dock-position, absolute);z-index:var(--praxis-ai-assistant-dock-z-index, 135);right:var(--praxis-ai-assistant-dock-right, 16px);bottom:var(--praxis-ai-assistant-dock-bottom, 88px);width:min(var(--praxis-ai-assistant-dock-width, 560px),calc(100% - 32px));pointer-events:auto}.praxis-ai-assistant-dock__main{appearance:none;width:100%;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(56,189,248,.34);border-radius:18px;background:radial-gradient(circle at 8% 18%,rgba(14,165,233,.24),transparent 34%),linear-gradient(135deg,#0f172af0,#1e293beb 48%,#082f49e6);color:#e0f2fe;box-shadow:0 22px 58px #02061757,inset 0 1px #ffffff1f;cursor:pointer;text-align:left}.praxis-ai-assistant-dock__main:hover,.praxis-ai-assistant-dock__main:focus-visible{border-color:#7dd3fc9e;box-shadow:0 26px 72px #0206176b,0 0 0 3px #0ea5e92e;outline:none}.praxis-ai-assistant-dock__orb{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#22c55e);color:#082f49;box-shadow:0 12px 28px #22c55e3d}.praxis-ai-assistant-dock--working .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#38bdf8,#a78bfa)}.praxis-ai-assistant-dock--review .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#facc15,#38bdf8)}.praxis-ai-assistant-dock--governed .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#22c55e,#14b8a6)}.praxis-ai-assistant-dock--error .praxis-ai-assistant-dock__orb{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff7ed}.praxis-ai-assistant-dock__copy{min-width:0;display:grid;gap:3px}.praxis-ai-assistant-dock__copy strong{color:#f8fafc;font-size:14px;line-height:1.2}.praxis-ai-assistant-dock__copy span{color:#bae6fd;font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-dock__badge{max-width:132px;padding:5px 9px;border:1px solid rgba(186,230,253,.24);border-radius:999px;background:#0f172a7a;color:#f0f9ff;font-size:11px;font-weight:800;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media(max-width:720px){:host{right:var(--praxis-ai-assistant-dock-mobile-right, 12px);bottom:var(--praxis-ai-assistant-dock-mobile-bottom, 84px);width:calc(100% - 24px)}.praxis-ai-assistant-dock__main{grid-template-columns:auto minmax(0,1fr)}.praxis-ai-assistant-dock__badge{grid-column:2;justify-self:start}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], summary: [{
+                type: Input
+            }], badge: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], tone: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], openAriaLabel: [{
+                type: Input
+            }], openTooltip: [{
+                type: Input
+            }], testId: [{
+                type: Input
+            }], openTestId: [{
+                type: Input
+            }], open: [{
+                type: Output
+            }] } });
+
+class PraxisAiAssistantSessionHostComponent {
+    registry = inject(PraxisAssistantSessionRegistryService);
+    testId = 'praxis-ai-assistant-session-host';
+    dockTestIdPrefix = 'praxis-ai-assistant-session';
+    ariaLabel = 'Active Praxis assistant sessions';
+    openAriaLabel = 'Open assistant session';
+    openTooltip = 'Open assistant session';
+    ownerType = null;
+    ownerId = null;
+    visibility = 'minimized';
+    includeOriginAnchored = false;
+    sessionOpen = new EventEmitter();
+    visibleSessions() {
+        return this.registry.sessions().filter((session) => {
+            if (this.visibility !== 'all' && session.visibility !== this.visibility)
+                return false;
+            if (!this.includeOriginAnchored && session.presence === 'origin-anchor')
+                return false;
+            if (this.ownerType && session.ownerType !== this.ownerType)
+                return false;
+            if (this.ownerId && session.ownerId !== this.ownerId)
+                return false;
+            return true;
+        });
+    }
+    openSession(sessionId) {
+        const session = this.registry.openSession(sessionId);
+        if (session) {
+            this.sessionOpen.emit(session);
+        }
+    }
+    sessionAriaLabel(session) {
+        const summary = session.summary ? `: ${session.summary}` : '';
+        return `${session.title}${summary}`;
+    }
+    dockTestId(session, first) {
+        return first ? `${this.dockTestIdPrefix}-dock` : `${this.dockTestIdPrefix}-dock-${this.safeId(session.id)}`;
+    }
+    dockOpenTestId(session, first) {
+        return first ? `${this.dockTestIdPrefix}-dock-open` : `${this.dockTestIdPrefix}-dock-open-${this.safeId(session.id)}`;
+    }
+    trackSession(_index, session) {
+        return session.id;
+    }
+    safeId(value) {
+        return value.replace(/[^a-zA-Z0-9_-]+/g, '-');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantSessionHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.17", type: PraxisAiAssistantSessionHostComponent, isStandalone: true, selector: "praxis-ai-assistant-session-host", inputs: { testId: "testId", dockTestIdPrefix: "dockTestIdPrefix", ariaLabel: "ariaLabel", openAriaLabel: "openAriaLabel", openTooltip: "openTooltip", ownerType: "ownerType", ownerId: "ownerId", visibility: "visibility", includeOriginAnchored: ["includeOriginAnchored", "includeOriginAnchored", booleanAttribute] }, outputs: { sessionOpen: "sessionOpen" }, ngImport: i0, template: `
+    <section
+      *ngIf="visibleSessions().length"
+      class="praxis-ai-assistant-session-host"
+      [attr.data-testid]="testId"
+      [attr.aria-label]="ariaLabel"
+    >
+      <praxis-ai-assistant-dock
+        *ngFor="let session of visibleSessions(); let first = first; trackBy: trackSession"
+        [title]="session.title"
+        [summary]="session.summary"
+        [badge]="session.badge"
+        [icon]="session.icon"
+        [state]="session.state"
+        [ariaLabel]="sessionAriaLabel(session)"
+        [openAriaLabel]="openAriaLabel"
+        [openTooltip]="openTooltip"
+        [testId]="dockTestId(session, first)"
+        [openTestId]="dockOpenTestId(session, first)"
+        (open)="openSession(session.id)"
+      />
+    </section>
+  `, isInline: true, styles: [":host{display:block;position:absolute;z-index:var(--praxis-ai-assistant-session-host-z-index, 136);right:var(--praxis-ai-assistant-session-host-right, 16px);bottom:var(--praxis-ai-assistant-session-host-bottom, 88px);width:min(var(--praxis-ai-assistant-session-host-width, 560px),calc(100% - 32px));pointer-events:none}.praxis-ai-assistant-session-host{display:grid;gap:10px;pointer-events:auto}praxis-ai-assistant-dock{--praxis-ai-assistant-dock-position: static;--praxis-ai-assistant-dock-width: 100%}@media(max-width:720px){:host{right:var(--praxis-ai-assistant-session-host-mobile-right, 12px);bottom:var(--praxis-ai-assistant-session-host-mobile-bottom, 84px);width:calc(100% - 24px)}}\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: "component", type: PraxisAiAssistantDockComponent, selector: "praxis-ai-assistant-dock", inputs: ["title", "summary", "badge", "icon", "state", "tone", "ariaLabel", "openAriaLabel", "openTooltip", "testId", "openTestId"], outputs: ["open"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantSessionHostComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-ai-assistant-session-host', standalone: true, imports: [CommonModule, PraxisAiAssistantDockComponent], template: `
+    <section
+      *ngIf="visibleSessions().length"
+      class="praxis-ai-assistant-session-host"
+      [attr.data-testid]="testId"
+      [attr.aria-label]="ariaLabel"
+    >
+      <praxis-ai-assistant-dock
+        *ngFor="let session of visibleSessions(); let first = first; trackBy: trackSession"
+        [title]="session.title"
+        [summary]="session.summary"
+        [badge]="session.badge"
+        [icon]="session.icon"
+        [state]="session.state"
+        [ariaLabel]="sessionAriaLabel(session)"
+        [openAriaLabel]="openAriaLabel"
+        [openTooltip]="openTooltip"
+        [testId]="dockTestId(session, first)"
+        [openTestId]="dockOpenTestId(session, first)"
+        (open)="openSession(session.id)"
+      />
+    </section>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:absolute;z-index:var(--praxis-ai-assistant-session-host-z-index, 136);right:var(--praxis-ai-assistant-session-host-right, 16px);bottom:var(--praxis-ai-assistant-session-host-bottom, 88px);width:min(var(--praxis-ai-assistant-session-host-width, 560px),calc(100% - 32px));pointer-events:none}.praxis-ai-assistant-session-host{display:grid;gap:10px;pointer-events:auto}praxis-ai-assistant-dock{--praxis-ai-assistant-dock-position: static;--praxis-ai-assistant-dock-width: 100%}@media(max-width:720px){:host{right:var(--praxis-ai-assistant-session-host-mobile-right, 12px);bottom:var(--praxis-ai-assistant-session-host-mobile-bottom, 84px);width:calc(100% - 24px)}}\n"] }]
+        }], propDecorators: { testId: [{
+                type: Input
+            }], dockTestIdPrefix: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], openAriaLabel: [{
+                type: Input
+            }], openTooltip: [{
+                type: Input
+            }], ownerType: [{
+                type: Input
+            }], ownerId: [{
+                type: Input
+            }], visibility: [{
+                type: Input
+            }], includeOriginAnchored: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], sessionOpen: [{
+                type: Output
+            }] } });
+
 class StreamingFeedbackComponent {
     title = 'Processando...';
     displayText = '';
@@ -7165,4 +9120,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { AI_BACKEND_CONFIG_STORE, AI_BACKEND_ENDPOINTS, 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, PRAXIS_ASSISTANT_CONTEXT_ATTACHMENT_LIMIT, PRAXIS_ASSISTANT_CONTEXT_ITEM_LIMIT, PRAXIS_ASSISTANT_CONTEXT_SCHEMA_FIELD_LIMIT, PRAXIS_ASSISTANT_CONTEXT_TEXT_LIMIT, PraxisAi, PraxisAiAssistantComponent, PraxisAiAssistantDockComponent, PraxisAiAssistantSessionHostComponent, PraxisAiAssistantShellComponent, PraxisAiService, PraxisAssistantSessionRegistryService, PraxisAssistantTurnController, PraxisAssistantTurnOrchestratorService, SchemaMinifierService, createComponentAuthoringContext, createPraxisAssistantViewportLayout, normalizeAuthoringPrompt, normalizePraxisAssistantAttachmentSummary, normalizePraxisAssistantContextSnapshot, sanitizePraxisAssistantText, shouldRoutePromptToGovernedDecision, toAiJsonObject, toPraxisAssistantConversationMessages };