uitec-ng-header 1.1.0 → 1.2.0

package/fesm2020/uitec-ng-header.mjs

@@ -1,22 +1,16 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Optional, Inject, isDevMode, Component, ChangeDetectionStrategy, EventEmitter, Input, Output, ContentChild, ViewChild, HostListener, NgModule } from '@angular/core';
-import * as i1$2 from '@angular/common';
+import { Injectable, EventEmitter, Component, Input, Output, Inject, ContentChild, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i1 from 'uitec-ng-core';
 import { UsuarioMenuDTO } from 'uitec-ng-core';
-import { BehaviorSubject, combineLatest, of, merge, fromEvent, defer, throwError, TimeoutError, Subject, Subscription } from 'rxjs';
-import { startWith, map, distinctUntilChanged, shareReplay, timeout, catchError, filter, switchMap, takeUntil, finalize } from 'rxjs/operators';
-import * as i1$1 from '@angular/common/http';
-import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
-import * as i2 from 'uitec-ng-icon';
+import * as i3 from 'uitec-ng-icon';
 import { UiIconModule } from 'uitec-ng-icon';
-import * as i5 from 'primeng/tooltip';
+import * as i4$1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import * as i4 from 'uitec-ng-user-top';
 import { UiUserTopModule } from 'uitec-ng-user-top';
 import { ReactiveFormsModule } from '@angular/forms';
-import * as i2$1 from '@angular/router';
-import { NavigationEnd } from '@angular/router';
 
 class UiHeaderService {
     constructor() { }
@@ -30,602 +24,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 
-const UINY_CONFIG = new InjectionToken('UINY_CONFIG');
-const UINY_AVATAR_PADRAO = 'assets/images/uiny/avatar.svg';
-const UINY_LARGURA_PADRAO = 380;
-const UINY_LARGURA_MIN = 340;
-const UINY_LARGURA_MAX = 400;
-const UINY_LADO_A_LADO_PADRAO = 1200;
-/** Mesmo limite padrão do backend (UINY_MENSAGEM_MAX_CARACTERES no uishop-ia). */
-const UINY_MENSAGEM_MAX_CARACTERES = 2000;
-/** O backend limita cada mensagem a UINY_TEMPO_MAXIMO_SEGUNDOS (90 s); damos uma folga. */
-const UINY_TIMEOUT_MENSAGEM_MS = 100000;
-const UINY_TIMEOUT_ACAO_MS = 60000;
-const UINY_TIMEOUT_CONSULTA_MS = 20000;
-/**
- * Resolve a URL-base: forRoot({ apiUrl }) tem prioridade; depois APP_ENVIRONMENT.domain.uiny.
- * Sem barra no final. Retorna null quando não configurada (o recurso fica indisponível).
- */
-function resolverUrlUiny(config, env) {
-    const url = config?.apiUrl || env?.domain?.uiny || null;
-    if (!url || typeof url !== 'string')
-        return null;
-    if (!/^https?:\/\//i.test(url))
-        return null;
-    return url.replace(/\/+$/, '');
-}
-function larguraPainel(config) {
-    const largura = config?.larguraPainel || UINY_LARGURA_PADRAO;
-    return Math.min(UINY_LARGURA_MAX, Math.max(UINY_LARGURA_MIN, largura));
-}
-/**
- * Sugestões do primeiro acesso. A API não expõe o catálogo de ferramentas, então a lista
- * acompanha as ferramentas implementadas no uishop-ia (README, "Ferramentas implementadas").
- * Ao adicionar ou remover ferramentas no backend, atualize aqui.
- */
-const UINY_SUGESTOES = {
-    studio: {
-        textos: [
-            'Quais lojas e temas eu tenho?',
-            'Quais são as cores do meu tema?',
-            'Troque a cor principal do tema para #e8590c',
-        ],
-        // studio_alterar_cor_tema exige confirmação
-        alteracoes: true,
-    },
-    erp: {
-        textos: [
-            'Quais produtos estão sem estoque?',
-            'Como foram minhas vendas neste mês?',
-        ],
-        alteracoes: false,
-    },
-};
-
-/** Mesma regra de ContextoTela no backend. */
-const TELA_VALIDA = /^[a-z0-9_\-\/.]{1,60}$/i;
-const CAMPOS_ID = ['idLoja', 'idLojaLeiaute', 'idTema', 'idProduto', 'idPedido'];
-function idPositivo(valor) {
-    return typeof valor === 'number' && Number.isInteger(valor) && valor > 0 && valor <= 2147483647 ? valor : null;
-}
-/** Normaliza o contexto informado pelo consumidor: só campos conhecidos e valores válidos. */
-function normalizarContexto(contexto) {
-    const resultado = {};
-    if (!contexto)
-        return resultado;
-    const tela = typeof contexto.tela === 'string' ? contexto.tela.trim() : '';
-    if (tela && TELA_VALIDA.test(tela))
-        resultado.tela = tela;
-    CAMPOS_ID.forEach(campo => {
-        const id = idPositivo(contexto[campo]);
-        if (id)
-            resultado[campo] = id;
-    });
-    return resultado;
-}
-/** Converte para o formato de ContextoTela (campos extras geram 422 no backend). */
-function contextoParaApi(sistema, contexto) {
-    const api = { sistema };
-    if (contexto.tela)
-        api.tela = contexto.tela;
-    if (contexto.idLoja)
-        api.id_loja = contexto.idLoja;
-    if (contexto.idLojaLeiaute)
-        api.id_loja_leiaute = contexto.idLojaLeiaute;
-    if (contexto.idTema)
-        api.id_tema = contexto.idTema;
-    if (contexto.idProduto)
-        api.id_produto = contexto.idProduto;
-    if (contexto.idPedido)
-        api.id_pedido = contexto.idPedido;
-    return api;
-}
-function mesmoContexto(a, b) {
-    return (a.tela ?? null) === (b.tela ?? null)
-        && CAMPOS_ID.every(campo => (a[campo] ?? null) === (b[campo] ?? null));
-}
-
-/** Situação da API (Constants::ACAO_*) -> estado da tela. */
-const ESTADOS = {
-    pendente: 'pendente',
-    executando: 'executando',
-    executada: 'concluida',
-    cancelada: 'cancelada',
-    expirada: 'expirada',
-    invalidada: 'invalidada',
-    falhou: 'falha',
-    indeterminada: 'indeterminada',
-};
-const UUID = /^[0-9a-f-]{36}$/i;
-const MAX_DETALHES = 12;
-const MAX_VALOR = 200;
-/** Datas do backend: "Y-m-d H:i:s" (America/Sao_Paulo) ou ISO. */
-function lerData(valor) {
-    if (typeof valor !== 'string' || !valor)
-        return null;
-    const iso = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}(:\d{2})?$/.test(valor) ? valor.replace(' ', 'T') + '-03:00' : valor;
-    const data = new Date(iso);
-    return isNaN(data.getTime()) ? null : data;
-}
-function idValido(valor) {
-    return typeof valor === 'string' && UUID.test(valor) ? valor : null;
-}
-function inteiro(valor) {
-    const n = typeof valor === 'string' && valor.trim() !== '' ? Number(valor) : valor;
-    return typeof n === 'number' && Number.isInteger(n) && n > 0 ? n : null;
-}
-function texto(valor, max = 20000) {
-    if (typeof valor !== 'string')
-        return '';
-    return valor.length > max ? valor.slice(0, max) : valor;
-}
-function adaptarConversa(api) {
-    const id = idValido(api?.id);
-    if (!id)
-        return null;
-    return {
-        id,
-        titulo: texto(api.titulo, 120) || null,
-        sistemaOrigem: api.sistema_origem,
-        idLoja: inteiro(api.id_loja),
-        atualizadaEm: lerData(api.dt_alteracao),
-    };
-}
-function adaptarMensagem(api) {
-    const id = idValido(api?.id);
-    if (!id || (api.papel !== 'usuario' && api.papel !== 'assistente'))
-        return null;
-    return {
-        id,
-        papel: api.papel,
-        estado: typeof api.estado === 'string' ? api.estado : null,
-        texto: texto(api.texto),
-        idAcao: idValido(api.acao_pendente?.id),
-        opcoes: adaptarOpcoes(api.apresentacao),
-        criadaEm: lerData(api.dt_criacao),
-    };
-}
-/** Bloco "opcoes" do esclarecimento: só strings curtas. */
-function adaptarOpcoes(apresentacao) {
-    if (!Array.isArray(apresentacao))
-        return [];
-    const bloco = apresentacao.find(b => b && typeof b === 'object' && b.tipo === 'opcoes');
-    const opcoes = bloco?.dados?.opcoes;
-    if (!Array.isArray(opcoes))
-        return [];
-    return opcoes.filter(o => typeof o === 'string' && o.trim()).map(o => o.trim().slice(0, 80)).slice(0, 6);
-}
-function adaptarAcao(api) {
-    const id = idValido(api?.id);
-    if (!id)
-        return null;
-    return {
-        id,
-        ferramenta: texto(api.ferramenta, 80),
-        resumo: texto(api.resumo, 2000),
-        detalhes: adaptarDetalhes(api.detalhes),
-        // situação desconhecida: não afirmamos sucesso nem falha
-        estado: ESTADOS[api.situacao] ?? 'indeterminada',
-        expiraEm: lerData(api.dt_expiracao),
-    };
-}
-/**
- * "detalhes" vem da PropostaAlteracao da ferramenta. Só aproveitamos pares rótulo/valor
- * com valores primitivos; nada é interpretado como HTML. Identificadores internos
- * (tipo, id_*) não são exibidos.
- */
-function adaptarDetalhes(detalhes) {
-    const itens = [];
-    const adicionar = (rotulo, valor) => {
-        if (itens.length >= MAX_DETALHES)
-            return;
-        if (typeof rotulo !== 'string' || !rotulo.trim())
-            return;
-        if (typeof valor !== 'string' && typeof valor !== 'number' && typeof valor !== 'boolean')
-            return;
-        const v = typeof valor === 'boolean' ? (valor ? 'Sim' : 'Não') : String(valor);
-        if (!v.trim())
-            return;
-        itens.push({ rotulo: humanizar(rotulo).slice(0, 80), valor: v.slice(0, MAX_VALOR) });
-    };
-    if (Array.isArray(detalhes)) {
-        detalhes.forEach(item => {
-            if (item && typeof item === 'object')
-                adicionar(item.rotulo ?? item.campo, item.valor);
-        });
-        return itens;
-    }
-    if (!detalhes || typeof detalhes !== 'object')
-        return itens;
-    const d = detalhes;
-    if (d.tipo === 'alteracao_cor') {
-        // tools/studio/AlterarCorTemaStudio.php
-        adicionar('Tema', d.tema);
-        adicionar('Loja', d.loja);
-        adicionar('Cor', d.rotulo);
-        adicionar('Valor atual', d.valor_atual ?? 'sem valor definido');
-        adicionar('Novo valor', d.valor_novo);
-        return itens;
-    }
-    Object.keys(d)
-        .filter(chave => chave !== 'tipo' && !/^id(_|$)/.test(chave))
-        .forEach(chave => adicionar(chave, d[chave]));
-    return itens;
-}
-function humanizar(chave) {
-    if (/[A-Z ]/.test(chave))
-        return chave;
-    const t = chave.replace(/[_-]+/g, ' ').trim();
-    return t.charAt(0).toUpperCase() + t.slice(1);
-}
-/**
- * Converte instrucoes_interface (Constants::INSTRUCOES_INTERFACE) em eventos tipados.
- * Tipos fora da lista e campos inesperados são descartados. Nada é executado nem navegado aqui.
- */
-function adaptarInstrucoes(instrucoes) {
-    if (!Array.isArray(instrucoes))
-        return [];
-    const eventos = [];
-    for (const item of instrucoes.slice(0, 10)) {
-        if (!item || typeof item !== 'object')
-            continue;
-        const bruto = item;
-        if (bruto.tipo === 'atualizar_preview_tema') {
-            const idLojaLeiaute = inteiro(bruto.id_loja_leiaute);
-            if (idLojaLeiaute)
-                eventos.push({ tipo: 'tema_atualizado', idLojaLeiaute });
-        }
-    }
-    return eventos;
-}
-
-/**
- * Deriva a sessão do AuthService do uitec-ng-core (mesma fonte do JwtInterceptor).
- * Não lê cookies nem localStorage diretamente e não guarda o token.
- */
-class UinySessionService {
-    constructor(authService, zone) {
-        this.authService = authService;
-        this.zone = zone;
-        /** Chave recusada pela API (401). Fica sem sessão até o AuthService mudar. */
-        this.chaveRecusada$ = new BehaviorSubject(null);
-        this.sequencia = 0;
-        this.ultimaChave = null;
-        this.ultimaSessao = null;
-        const usuario$ = this.authService.currentUser.pipe(startWith(this.authService.currentUserValue));
-        const acesso$ = this.authService.currentAccess.pipe(startWith(this.authService.currentAccessValue));
-        this.sessao$ = combineLatest([usuario$, acesso$, this.chaveRecusada$]).pipe(map(([usuario, acesso, recusada]) => {
-            const chave = this.chave(usuario, acesso);
-            if (!chave || chave === recusada)
-                return null;
-            return this.sessaoDaChave(chave, usuario, acesso);
-        }), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: false }));
-        this.online$ = typeof window === 'undefined'
-            ? of(true)
-            : merge(fromEvent(window, 'online').pipe(map(() => true)), fromEvent(window, 'offline').pipe(map(() => false))).pipe(startWith(typeof navigator === 'undefined' ? true : navigator.onLine !== false), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: false }));
-    }
-    /** Token da sessão atual, lido do AuthService no momento da requisição. */
-    token() {
-        const usuario = this.authService.currentUserValue;
-        return usuario?.token || null;
-    }
-    /** A API recusou a sessão (401): esconde a Uiny até o usuário autenticar de novo. */
-    recusarSessaoAtual() {
-        const chave = this.chave(this.authService.currentUserValue, this.acessoAtual(this.authService.currentUserValue, this.authService.currentAccessValue));
-        if (chave)
-            this.zone.run(() => this.chaveRecusada$.next(chave));
-    }
-    acessoAtual(usuario, acesso) {
-        if (!usuario)
-            return null;
-        return acesso || usuario.acessos?.find(a => a.in_atual) || null;
-    }
-    chave(usuario, acesso) {
-        const atual = this.acessoAtual(usuario, acesso);
-        const idUsuario = usuario?.usuario?.id_usuario;
-        if (!usuario?.token || !idUsuario || !atual?.id_empresa)
-            return null;
-        return `${idUsuario}|${atual.id_empresa}|${usuario.token}`;
-    }
-    sessaoDaChave(chave, usuario, acesso) {
-        if (chave === this.ultimaChave && this.ultimaSessao)
-            return this.ultimaSessao;
-        const atual = this.acessoAtual(usuario, acesso);
-        this.ultimaChave = chave;
-        this.ultimaSessao = {
-            id: ++this.sequencia,
-            idUsuario: Number(usuario.usuario.id_usuario),
-            idEmpresa: Number(atual.id_empresa),
-        };
-        return this.ultimaSessao;
-    }
-}
-UinySessionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinySessionService, deps: [{ token: i1.AuthService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-UinySessionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinySessionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinySessionService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.AuthService }, { type: i0.NgZone }]; } });
-
-const MENSAGENS_PADRAO = {
-    sessao: 'Sua sessão expirou. Entre novamente na Uishop para continuar com a Uiny.',
-    rede: 'Não foi possível conectar à Uiny. Verifique sua internet e tente de novo.',
-    timeout: 'A Uiny demorou demais para responder. Tente de novo em instantes.',
-    conflito: 'Não foi possível concluir agora. Atualize e tente de novo.',
-    nao_encontrado: 'Não encontramos o que você pediu. Ele pode ter sido removido.',
-    invalido: 'Não foi possível processar esse pedido.',
-    limite: 'Você enviou muitas mensagens em pouco tempo. Aguarde um pouco e tente de novo.',
-    servidor: 'A Uiny está com instabilidade no momento. Tente de novo em instantes.',
-    configuracao: 'A Uiny não está configurada neste sistema.',
-};
-/**
- * Cliente HTTP da API da Uiny (uishop-ia, /api/v1).
- *
- * Usa um HttpClient sobre o HttpBackend, sem os interceptors da aplicação:
- *  - o ErrorInterceptor do uitec-ng-core troca o erro por uma string (perde status e o corpo,
- *    necessários para sessão expirada, ação expirada/invalidada e conflitos) e abre um toast global;
- *  - o SpinnerInterceptor cobriria a tela a cada mensagem.
- * O token é o mesmo usado pelo JwtInterceptor (AuthService.currentUserValue.token) e só é
- * anexado a requisições cuja URL começa com a URL-base configurada da Uiny.
- */
-class UinyApiService {
-    constructor(httpBackend, session, config, env) {
-        this.session = session;
-        this.http = new HttpClient(httpBackend);
-        this.baseUrl = resolverUrlUiny(config, env);
-    }
-    get configurada() {
-        return !!this.baseUrl;
-    }
-    listarConversas() {
-        return defer(() => this.request('GET', '/conversas', null, UINY_TIMEOUT_CONSULTA_MS, new HttpParams().set('page', 1).set('per_page', 20)));
-    }
-    criarConversa(contexto) {
-        return defer(() => this.request('POST', '/conversas', { contexto }, UINY_TIMEOUT_CONSULTA_MS));
-    }
-    /** Página mais recente do histórico (até 100 mensagens), em ordem cronológica. */
-    historico(idConversa) {
-        return defer(() => this.request('GET', `/conversas/${this.id(idConversa)}`, null, UINY_TIMEOUT_CONSULTA_MS, new HttpParams().set('page', 1).set('per_page', 100)));
-    }
-    enviarMensagem(idConversa, texto, contexto) {
-        return defer(() => this.request('POST', `/conversas/${this.id(idConversa)}/mensagens`, { texto, contexto }, UINY_TIMEOUT_MENSAGEM_MS));
-    }
-    /** Confirma pelo id da ação persistida. Nenhum argumento é enviado. Nunca é repetida automaticamente. */
-    confirmarAcao(idAcao) {
-        return defer(() => this.request('POST', `/acoes/${this.id(idAcao)}/confirmar`, {}, UINY_TIMEOUT_ACAO_MS));
-    }
-    cancelarAcao(idAcao) {
-        return defer(() => this.request('POST', `/acoes/${this.id(idAcao)}/cancelar`, {}, UINY_TIMEOUT_CONSULTA_MS));
-    }
-    id(valor) {
-        const id = idValido(valor);
-        if (!id)
-            throw this.erro('invalido', 0);
-        return id;
-    }
-    request(method, path, body, timeoutMs, params) {
-        if (!this.baseUrl) {
-            return throwError(() => this.erro('configuracao', 0));
-        }
-        const url = this.baseUrl + path;
-        const token = this.session.token();
-        if (!token) {
-            return throwError(() => this.erro('sessao', 401));
-        }
-        let headers = new HttpHeaders({ 'Accept': 'application/json' });
-        // Garantia explícita: o token só segue para a URL-base da Uiny.
-        if (url.startsWith(this.baseUrl + '/')) {
-            headers = headers.set('Authorization', `Bearer ${token}`);
-        }
-        if (method === 'POST') {
-            headers = headers.set('Content-Type', 'application/json');
-        }
-        return this.http.request(method, url, { body: body ?? undefined, headers, params, responseType: 'json' }).pipe(timeout(timeoutMs), catchError(err => throwError(() => this.normalizarErro(err))));
-    }
-    normalizarErro(err) {
-        if (err instanceof TimeoutError) {
-            return this.erro('timeout', 0);
-        }
-        if (!(err instanceof HttpErrorResponse)) {
-            return this.erro('servidor', 0);
-        }
-        const corpo = err.error && typeof err.error === 'object' ? err.error : null;
-        const correlacao = this.textoSeguro(corpo?.id_correlacao, 64) || this.textoSeguro(err.headers?.get('X-Correlation-Id'), 64);
-        const codigo = this.textoSeguro(corpo?.erro?.codigo, 60);
-        const mensagemApi = this.textoSeguro(corpo?.erro?.mensagem, 300);
-        let tipo;
-        if (err.status === 0)
-            tipo = 'rede';
-        else if (err.status === 401)
-            tipo = 'sessao';
-        else if (err.status === 404)
-            tipo = 'nao_encontrado';
-        else if (err.status === 409)
-            tipo = 'conflito';
-        else if (err.status === 429)
-            tipo = 'limite';
-        else if (err.status === 400 || err.status === 403 || err.status === 422)
-            tipo = 'invalido';
-        else
-            tipo = 'servidor';
-        if (tipo === 'sessao') {
-            this.session.recusarSessaoAtual();
-        }
-        // 502/503/504 trazem mensagens próprias e seguras (INTEGRACAO_*, PROVEDOR_IA_INDISPONIVEL).
-        // 500 (INTERNO) e falhas de rede usam sempre o texto padrão.
-        const usarMensagemApi = tipo !== 'rede' && tipo !== 'sessao' && err.status !== 500;
-        const mensagem = (usarMensagemApi && mensagemApi) || MENSAGENS_PADRAO[tipo];
-        return { tipo, status: err.status, codigo, mensagem, correlacao, corpo };
-    }
-    erro(tipo, status) {
-        return { tipo, status, codigo: null, mensagem: MENSAGENS_PADRAO[tipo], correlacao: null };
-    }
-    textoSeguro(valor, max) {
-        if (typeof valor !== 'string')
-            return null;
-        const texto = valor.trim();
-        if (!texto || /bearer\s/i.test(texto))
-            return null;
-        return texto.length > max ? texto.slice(0, max) + '…' : texto;
-    }
-}
-UinyApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyApiService, deps: [{ token: i1$1.HttpBackend }, { token: UinySessionService }, { token: UINY_CONFIG, optional: true }, { token: 'APP_ENVIRONMENT', optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-UinyApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyApiService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpBackend }, { type: UinySessionService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [UINY_CONFIG]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['APP_ENVIRONMENT']
-                }] }]; } });
-
-/**
- * Estado compartilhado da Uiny: quem habilitou (o header), quem hospeda o painel
- * (o ui-assistant-layout), se está aberto, o contexto da tela e os eventos de saída.
- *
- * O painel só fica disponível quando TODAS as condições valem:
- *  - algum ui-header está com [showAssistant]="true";
- *  - existe um ui-assistant-layout na página para receber o painel;
- *  - há sessão autenticada no AuthService (e a API não a recusou);
- *  - a URL da API está configurada.
- */
-class UiAssistantService {
-    constructor(session, api, config) {
-        this.session = session;
-        this.api = api;
-        this.config = config;
-        this.habilitadores$ = new BehaviorSubject(new Set());
-        this.hosts$ = new BehaviorSubject(0);
-        this.abertoInterno$ = new BehaviorSubject(false);
-        this.contextoInterno$ = new BehaviorSubject({});
-        this.eventosInternos$ = new Subject();
-        this.gatilho = null;
-        this.avisouSemHost = false;
-        this.contexto$ = this.contextoInterno$.pipe(distinctUntilChanged(mesmoContexto));
-        /** Ações concluídas e instruções de interface vindas da API, já validadas. */
-        this.eventos$ = this.eventosInternos$.asObservable();
-        this.disponivel$ = combineLatest([this.habilitadores$, this.hosts$, this.session.sessao$]).pipe(map(([habilitadores, hosts, sessao]) => habilitadores.size > 0 && hosts > 0 && !!sessao && this.api.configurada && !!this.config), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: false }));
-        this.aberto$ = combineLatest([this.abertoInterno$, this.disponivel$]).pipe(map(([aberto, disponivel]) => aberto && disponivel), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: false }));
-        // Indisponível (logout, sessão recusada, header sem a flag): fecha sem devolver foco.
-        this.disponivel$.subscribe(disponivel => {
-            if (!disponivel && this.abertoInterno$.value) {
-                this.gatilho = null;
-                this.abertoInterno$.next(false);
-            }
-        });
-        combineLatest([this.habilitadores$, this.hosts$]).subscribe(([habilitadores, hosts]) => this.diagnosticar(habilitadores.size > 0, hosts));
-    }
-    get aberto() {
-        return this.abertoInterno$.value;
-    }
-    get sistemaOrigem() {
-        return this.config?.sistemaOrigem ?? null;
-    }
-    abrir(gatilho) {
-        if (gatilho)
-            this.gatilho = gatilho;
-        this.abertoInterno$.next(true);
-    }
-    /** Fecha o painel e devolve o foco ao botão que o abriu, se ele ainda existir. */
-    fechar(devolverFoco = true) {
-        if (!this.abertoInterno$.value)
-            return;
-        this.abertoInterno$.next(false);
-        const gatilho = this.gatilho;
-        this.gatilho = null;
-        if (devolverFoco && gatilho) {
-            // espera o layout reexibir a aplicação (no celular ela fica recolhida)
-            setTimeout(() => gatilho.isConnected && gatilho.focus());
-        }
-    }
-    alternar(gatilho) {
-        this.abertoInterno$.value ? this.fechar() : this.abrir(gatilho);
-    }
-    /** Substitui o contexto da tela atual. Campos fora do tipo UinyContexto são ignorados. */
-    definirContexto(contexto) {
-        this.contextoInterno$.next(normalizarContexto(contexto));
-    }
-    /** Altera apenas os campos informados do contexto. */
-    atualizarContexto(parcial) {
-        this.contextoInterno$.next(normalizarContexto({ ...this.contextoInterno$.value, ...parcial }));
-    }
-    get contexto() {
-        return this.contextoInterno$.value;
-    }
-    /** @internal usado pelo ui-header */
-    definirHabilitado(origem, habilitado) {
-        const atual = new Set(this.habilitadores$.value);
-        habilitado ? atual.add(origem) : atual.delete(origem);
-        if (atual.size !== this.habilitadores$.value.size)
-            this.habilitadores$.next(atual);
-    }
-    /** @internal usado pelo ui-assistant-layout */
-    registrarHost() {
-        this.hosts$.next(this.hosts$.value + 1);
-        let removido = false;
-        return () => {
-            if (removido)
-                return;
-            removido = true;
-            this.hosts$.next(Math.max(0, this.hosts$.value - 1));
-        };
-    }
-    /** @internal usado pelo serviço de conversa */
-    emitir(evento) {
-        this.eventosInternos$.next(evento);
-    }
-    diagnosticar(habilitado, hosts) {
-        if (!isDevMode() || !habilitado)
-            return;
-        if (!this.config) {
-            console.error('[Uiny] showAssistant está ativo, mas UiAssistantModule.forRoot({ sistemaOrigem }) não foi importado.');
-        }
-        else if (!this.api.configurada) {
-            console.error('[Uiny] URL da API não configurada. Informe APP_ENVIRONMENT.domain.uiny ou forRoot({ apiUrl }).');
-        }
-        else if (hosts === 0 && !this.avisouSemHost) {
-            // o layout pode ser criado logo depois do header; avisa só se continuar faltando
-            this.avisouSemHost = true;
-            setTimeout(() => {
-                if (this.hosts$.value === 0) {
-                    console.warn('[Uiny] showAssistant está ativo, mas nenhum <ui-assistant-layout> envolve a aplicação. O botão fica oculto.');
-                }
-            }, 2000);
-        }
-    }
-}
-UiAssistantService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantService, deps: [{ token: UinySessionService }, { token: UinyApiService }, { token: UINY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-UiAssistantService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: UinySessionService }, { type: UinyApiService }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [UINY_CONFIG]
-                }] }]; } });
-
-/** Botão que abre/fecha a Uiny. Só aparece quando a assistente está disponível. */
-class UiAssistantButtonComponent {
-    constructor(assistant) {
-        this.assistant = assistant;
-    }
-}
-UiAssistantButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantButtonComponent, deps: [{ token: UiAssistantService }], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantButtonComponent, selector: "ui-assistant-button", ngImport: i0, template: "<button *ngIf=\"assistant.disponivel$ | async\" #botao type=\"button\" class=\"uiny-trigger\"\n    [class.is-open]=\"assistant.aberto$ | async\"\n    [attr.aria-expanded]=\"(assistant.aberto$ | async) ? 'true' : 'false'\"\n    aria-controls=\"uiny-painel\"\n    [attr.aria-label]=\"(assistant.aberto$ | async) ? 'Fechar a Uiny, assistente da Uishop' : 'Abrir a Uiny, assistente da Uishop'\"\n    [title]=\"(assistant.aberto$ | async) ? 'Fechar a Uiny' : 'Falar com a Uiny'\"\n    (click)=\"assistant.alternar(botao)\">\n    <svg class=\"uiny-trigger__mark\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M12 2.5c.5 3.9 2.6 6.9 6.4 8.2.5.2.5.9 0 1.1-3.8 1.3-5.9 4.3-6.4 8.2-.1.6-.9.6-1 0-.5-3.9-2.6-6.9-6.4-8.2-.5-.2-.5-.9 0-1.1 3.8-1.3 5.9-4.3 6.4-8.2.1-.6.9-.6 1 0Z\" fill=\"currentColor\"/>\n        <path d=\"M19 2.8c.2 1.3.9 2.2 2.1 2.6.2.1.2.3 0 .4-1.2.4-1.9 1.3-2.1 2.6 0 .2-.3.2-.3 0-.2-1.3-.9-2.2-2.1-2.6-.2-.1-.2-.3 0-.4 1.2-.4 1.9-1.3 2.1-2.6 0-.2.3-.2.3 0Z\" fill=\"currentColor\" opacity=\".7\"/>\n    </svg>\n    <span class=\"uiny-trigger__label\">Uiny</span>\n</button>\n", styles: [":host{display:inline-flex}.uiny-trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border:1px solid rgba(115,102,255,.28);border-radius:999px;background:rgba(115,102,255,.08);color:var(--theme-default, #7366ff);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.uiny-trigger:hover{background:rgba(115,102,255,.14);border-color:#7366ff73}.uiny-trigger:focus-visible{outline:2px solid var(--theme-default, #7366ff);outline-offset:2px}.uiny-trigger.is-open{background:var(--theme-default, #7366ff);border-color:var(--theme-default, #7366ff);color:#fff}.uiny-trigger__mark{flex:0 0 auto}@media (max-width: 575.98px){.uiny-trigger{width:34px;padding:0;justify-content:center}.uiny-trigger__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (prefers-reduced-motion: reduce){.uiny-trigger{transition:none}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button *ngIf=\"assistant.disponivel$ | async\" #botao type=\"button\" class=\"uiny-trigger\"\n    [class.is-open]=\"assistant.aberto$ | async\"\n    [attr.aria-expanded]=\"(assistant.aberto$ | async) ? 'true' : 'false'\"\n    aria-controls=\"uiny-painel\"\n    [attr.aria-label]=\"(assistant.aberto$ | async) ? 'Fechar a Uiny, assistente da Uishop' : 'Abrir a Uiny, assistente da Uishop'\"\n    [title]=\"(assistant.aberto$ | async) ? 'Fechar a Uiny' : 'Falar com a Uiny'\"\n    (click)=\"assistant.alternar(botao)\">\n    <svg class=\"uiny-trigger__mark\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\">\n        <path d=\"M12 2.5c.5 3.9 2.6 6.9 6.4 8.2.5.2.5.9 0 1.1-3.8 1.3-5.9 4.3-6.4 8.2-.1.6-.9.6-1 0-.5-3.9-2.6-6.9-6.4-8.2-.5-.2-.5-.9 0-1.1 3.8-1.3 5.9-4.3 6.4-8.2.1-.6.9-.6 1 0Z\" fill=\"currentColor\"/>\n        <path d=\"M19 2.8c.2 1.3.9 2.2 2.1 2.6.2.1.2.3 0 .4-1.2.4-1.9 1.3-2.1 2.6 0 .2-.3.2-.3 0-.2-1.3-.9-2.2-2.1-2.6-.2-.1-.2-.3 0-.4 1.2-.4 1.9-1.3 2.1-2.6 0-.2.3-.2.3 0Z\" fill=\"currentColor\" opacity=\".7\"/>\n    </svg>\n    <span class=\"uiny-trigger__label\">Uiny</span>\n</button>\n", styles: [":host{display:inline-flex}.uiny-trigger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 10px;border:1px solid rgba(115,102,255,.28);border-radius:999px;background:rgba(115,102,255,.08);color:var(--theme-default, #7366ff);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.uiny-trigger:hover{background:rgba(115,102,255,.14);border-color:#7366ff73}.uiny-trigger:focus-visible{outline:2px solid var(--theme-default, #7366ff);outline-offset:2px}.uiny-trigger.is-open{background:var(--theme-default, #7366ff);border-color:var(--theme-default, #7366ff);color:#fff}.uiny-trigger__mark{flex:0 0 auto}@media (max-width: 575.98px){.uiny-trigger{width:34px;padding:0;justify-content:center}.uiny-trigger__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (prefers-reduced-motion: reduce){.uiny-trigger{transition:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiAssistantService }]; } });
-
 class MyAccountComponent {
     constructor(authService, urlService) {
         this.authService = authService;
@@ -650,7 +48,7 @@ class MyAccountComponent {
     }
 }
 MyAccountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MyAccountComponent, deps: [{ token: i1.AuthService }, { token: i1.BaseUrlService }], target: i0.ɵɵFactoryTarget.Component });
-MyAccountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MyAccountComponent, selector: "my-account", inputs: { menus: "menus" }, outputs: { onNavigate: "onNavigate" }, ngImport: i0, template: "<ui-user-top [urlImage]=\"urlService.imagemUsuario({model: userObs?.usuario})\" [usuario]=\"userObs?.usuario\"\r\n    [acesso]=\"accessObs\"></ui-user-top>\r\n\r\n<ul class=\"profile-dropdown onhover-show-div\">\r\n    <li *ngFor=\"let col of menus\">\r\n        <a (click)=\"clickMenu(col)\">\r\n            <ui-icon [icon]=\"col.ds_icone\" size=\"20\"></ui-icon>\r\n            <span>{{col.no_funcionalidade}}</span>\r\n        </a>\r\n    </li>\r\n    <li>\r\n        <a href=\"javascript:void(0)\" (click)=\"logout()\" class=\"text-danger\">\r\n            <ui-icon icon=\"login\" size=\"20\"></ui-icon>\r\n            <span>Sair</span>\r\n        </a>\r\n    </li>\r\n</ul>\r\n", styles: ["a{display:flex!important;align-items:center!important}ui-icon{display:flex;padding-right:1rem}ui-image{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "component", type: i4.UiUserTopComponent, selector: "ui-user-top", inputs: ["urlImage", "usuario", "acesso"] }] });
+MyAccountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MyAccountComponent, selector: "my-account", inputs: { menus: "menus" }, outputs: { onNavigate: "onNavigate" }, ngImport: i0, template: "<ui-user-top [urlImage]=\"urlService.imagemUsuario({model: userObs?.usuario})\" [usuario]=\"userObs?.usuario\"\r\n    [acesso]=\"accessObs\"></ui-user-top>\r\n\r\n<ul class=\"profile-dropdown onhover-show-div\">\r\n    <li *ngFor=\"let col of menus\">\r\n        <a (click)=\"clickMenu(col)\">\r\n            <ui-icon [icon]=\"col.ds_icone\" size=\"20\"></ui-icon>\r\n            <span>{{col.no_funcionalidade}}</span>\r\n        </a>\r\n    </li>\r\n    <li>\r\n        <a href=\"javascript:void(0)\" (click)=\"logout()\" class=\"text-danger\">\r\n            <ui-icon icon=\"login\" size=\"20\"></ui-icon>\r\n            <span>Sair</span>\r\n        </a>\r\n    </li>\r\n</ul>\r\n", styles: ["a{display:flex!important;align-items:center!important}ui-icon{display:flex;padding-right:1rem}ui-image{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "component", type: i4.UiUserTopComponent, selector: "ui-user-top", inputs: ["urlImage", "usuario", "acesso"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MyAccountComponent, decorators: [{
             type: Component,
             args: [{ selector: 'my-account', template: "<ui-user-top [urlImage]=\"urlService.imagemUsuario({model: userObs?.usuario})\" [usuario]=\"userObs?.usuario\"\r\n    [acesso]=\"accessObs\"></ui-user-top>\r\n\r\n<ul class=\"profile-dropdown onhover-show-div\">\r\n    <li *ngFor=\"let col of menus\">\r\n        <a (click)=\"clickMenu(col)\">\r\n            <ui-icon [icon]=\"col.ds_icone\" size=\"20\"></ui-icon>\r\n            <span>{{col.no_funcionalidade}}</span>\r\n        </a>\r\n    </li>\r\n    <li>\r\n        <a href=\"javascript:void(0)\" (click)=\"logout()\" class=\"text-danger\">\r\n            <ui-icon icon=\"login\" size=\"20\"></ui-icon>\r\n            <span>Sair</span>\r\n        </a>\r\n    </li>\r\n</ul>\r\n", styles: ["a{display:flex!important;align-items:center!important}ui-icon{display:flex;padding-right:1rem}ui-image{margin-top:4px}\n"] }]
@@ -661,30 +59,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class UiHeaderComponent {
-    constructor(authService, urlService, layoutService, iframeService, assistantService, document) {
+    constructor(authService, urlService, layoutService, iframeService, document) {
         this.authService = authService;
         this.urlService = urlService;
         this.layoutService = layoutService;
         this.iframeService = iframeService;
-        this.assistantService = assistantService;
         this.document = document;
         this.sidebar = true;
+        this.fullWidth = false;
         this.redirectHome = true;
         this.darkDefault = "light";
-        /** Exibe o botão da Uiny (assistente virtual). Exige um <ui-assistant-layout> envolvendo a aplicação. */
-        this.showAssistant = false;
         this.collapseSidebarChange = new EventEmitter();
         this.fullScreenChange = new EventEmitter();
         this.headerBackdropChange = new EventEmitter();
         this.onNavigate = new EventEmitter();
-    }
-    ngOnChanges(changes) {
-        if (changes['showAssistant']) {
-            this.assistantService.definirHabilitado(this, !!this.showAssistant);
-        }
-    }
-    ngOnDestroy() {
-        this.assistantService.definirHabilitado(this, false);
+        this.onUpgrade = new EventEmitter();
     }
     ngOnInit() {
         this.elem = document.documentElement;
@@ -750,6 +139,10 @@ class UiHeaderComponent {
         this.statuSidebar = this.collapseSidebar;
         localStorage.setItem('local', this.statuSidebar);
     }
+    fecharBackdrop() {
+        this.headerBackdrop = null;
+        this.headerBackdropChange.emit(false);
+    }
     sidebarToggle() {
         this.collapseSidebar = !this.collapseSidebar;
         this.setStatusSideBar();
@@ -824,12 +217,12 @@ class UiHeaderComponent {
         }
     }
 }
-UiHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderComponent, deps: [{ token: i1.AuthService }, { token: i1.BaseUrlService }, { token: i1.LayoutService }, { token: i1.IframeService }, { token: UiAssistantService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-UiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiHeaderComponent, selector: "ui-header", inputs: { collapseSidebar: "collapseSidebar", fullScreen: "fullScreen", headerBackdrop: "headerBackdrop", isFree: "isFree", menus: "menus", sidebar: "sidebar", redirectHome: "redirectHome", darkDefault: "darkDefault", showAssistant: "showAssistant" }, outputs: { collapseSidebarChange: "collapseSidebarChange", fullScreenChange: "fullScreenChange", headerBackdropChange: "headerBackdropChange", onNavigate: "onNavigate" }, queries: [{ propertyName: "left", first: true, predicate: ["left"], descendants: true }, { propertyName: "center", first: true, predicate: ["center"], descendants: true }, { propertyName: "right", first: true, predicate: ["right"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- Page Header Backdrop -->\r\n<div *ngIf=\"headerBackdrop\" (click)=\"navService.hideAllPopUps()\" class=\"header-backgrop\"></div>\r\n\r\n<!-- Page Header Start -->\r\n<div class=\"page-header\" [class.close_icon]=\"collapseSidebar\" [class.not-sidebar]=\"!sidebar\">\r\n    <div class=\"header-wrapper d-flex m-0 justify-content-between\">\r\n        <div class=\"header-logo-wrapper col-auto d-lg-none px-0\">\r\n            <div *ngIf=\"sidebar\" class=\"toggle-sidebar\" (click)=\"sidebarToggle()\">\r\n                <ui-icon icon=\"menu\" class=\"status_toggle middle\"></ui-icon>\r\n            </div>\r\n            <a (click)=\"home()\" [class.cursor-pointer]=\"redirectHome\">\r\n                <img class=\"img-fluid for-dark image-logo d-md-none\" src=\"assets/images/logo/logo_dark.png\" alt=\"\" />\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"left-header horizontal-wrapper ps-0\">\r\n            <ng-container [ngTemplateOutlet]=\"left\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-center\">\r\n            <ng-container [ngTemplateOutlet]=\"center\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-right p-0\">\r\n            <ul class=\"nav-menus\">\r\n                <!-- <li class=\"language-nav\" (click)=\"languageToggle()\">\r\n                    <header-languages></header-languages>\r\n                </li> -->\r\n                <ng-container *ngIf=\"isFree; then liUpgrade; else liEmpty\"></ng-container>\r\n\r\n                <ng-template #liUpgrade>\r\n                    <li>\r\n                        <button\r\n                            class=\"d-flex align-items-center justify-content-center border-0 rounded-pill gap-2 b-color\"\r\n                            (click)=\"openModal()\">\r\n                            <img src=\"assets/images/coroa.svg\" class=\"w-auto\" alt=\"icone-coroa\" />\r\n                            Fa\u00E7a Upgrade\r\n                        </button>\r\n                    </li>\r\n                </ng-template>\r\n                <ng-template #liEmpty>\r\n                    <li></li>\r\n                </ng-template>\r\n\r\n                <ng-container [ngTemplateOutlet]=\"right\"></ng-container>\r\n\r\n                <li *ngIf=\"showAssistant && (assistantService.disponivel$ | async)\" class=\"uiny-nav\">\r\n                    <ui-assistant-button></ui-assistant-button>\r\n                </li>\r\n\r\n                <li>\r\n                    <div class=\"mode cursor-pointer\" (click)=\"layoutToggle()\">\r\n                        <ui-icon pTooltip=\"Ativar Modo Escuro\" tooltipPosition=\"bottom\" icon=\"dark_mode\" size=\"24\"\r\n                            *ngIf=\"!dark\"></ui-icon>\r\n                        <ui-icon pTooltip=\"Ativar Modo Claro\" tooltipPosition=\"bottom\" icon=\"sunny\" size=\"24\"\r\n                            *ngIf=\"dark\"></ui-icon>\r\n\r\n                    </div>\r\n                </li>\r\n\r\n                <li class=\"maximize\">\r\n                    <a pTooltip=\"Maximizar\" tooltipPosition=\"bottom\" class=\"text-dark cursor-pointer\"\r\n                        href=\"javascript:void(0)\" (click)=\"toggleFullScreen()\">\r\n                        <ui-icon icon=\"fullscreen\" size=\"24\"></ui-icon>\r\n                    </a>\r\n                </li>\r\n                <li class=\"profile-nav onhover-dropdown p-0 ps-2\">\r\n                    <my-account [menus]=\"menus\" (onNavigate)=\"onNavigate.emit($event)\"></my-account>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n<!-- Page Header Ends -->\r\n", styles: ["@charset \"UTF-8\";::ng-deep .ambiente{position:fixed;top:0;right:0;left:0;height:2px;z-index:999;text-align:center}::ng-deep .ambiente span{content:\"\";position:absolute;height:20px;width:100px;right:0;margin:auto;border-radius:0 0 0 20px;text-align:center;color:#fff;font-size:12px;padding:0}::ng-deep .ambiente.ambiente-develop{background-color:#09b409}::ng-deep .ambiente.ambiente-develop span{background-color:#09b409}::ng-deep .ambiente.ambiente-homolog{background-color:#ff5d22}::ng-deep .ambiente.ambiente-homolog span{background-color:#ff5d22}::ng-deep .image-logo{width:auto;height:20px}::ng-deep .header-logo-wrapper.col-auto.d-lg-none.px-0{height:20px}::ng-deep ui-icon.status_toggle.middle{color:#7366ff}::ng-deep ui-icon.icons-menu{height:20px}::ng-deep .mode.d-none.d-md-block{height:20px}::ng-deep .header-backgrop{position:fixed;inset:0;z-index:8}::ng-deep .header-backgrop .page-header{z-index:11!important}::ng-deep .b-color{color:#e9e7ff;background:#7366ff;height:36px;width:136px}::ng-deep .b-color img{height:15px}::ng-deep .page-wrapper .page-header.not-sidebar{margin-left:0!important;width:100%!important}::ng-deep .page-wrapper .page-header .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li{padding:0 10px!important;margin-right:0}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}@media (min-width: 577px){::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper{display:block!important}::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper img{display:block!important}}@media (max-width: 576px){::ng-deep .hide-mobile{display:none!important}}@media only screen and (max-width: 575.98px){::ng-deep .nav-menus{margin-right:0!important}::ng-deep .page-wrapper .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li{padding:0 10px!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li:last-child{padding-right:0!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}}::ng-deep body .dark-only li.maximize .text-dark span{color:#ffffffb3!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: UiAssistantButtonComponent, selector: "ui-assistant-button" }, { kind: "component", type: MyAccountComponent, selector: "my-account", inputs: ["menus"], outputs: ["onNavigate"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }] });
+UiHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderComponent, deps: [{ token: i1.AuthService }, { token: i1.BaseUrlService }, { token: i1.LayoutService }, { token: i1.IframeService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+UiHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiHeaderComponent, selector: "ui-header", inputs: { collapseSidebar: "collapseSidebar", fullScreen: "fullScreen", headerBackdrop: "headerBackdrop", isFree: "isFree", menus: "menus", sidebar: "sidebar", fullWidth: "fullWidth", redirectHome: "redirectHome", darkDefault: "darkDefault" }, outputs: { collapseSidebarChange: "collapseSidebarChange", fullScreenChange: "fullScreenChange", headerBackdropChange: "headerBackdropChange", onNavigate: "onNavigate", onUpgrade: "onUpgrade" }, queries: [{ propertyName: "left", first: true, predicate: ["left"], descendants: true }, { propertyName: "center", first: true, predicate: ["center"], descendants: true }, { propertyName: "right", first: true, predicate: ["right"], descendants: true }], ngImport: i0, template: "<!-- Page Header Backdrop -->\r\n<div *ngIf=\"headerBackdrop\" (click)=\"fecharBackdrop()\" class=\"header-backgrop\"></div>\r\n\r\n<!-- Page Header Start -->\r\n<div class=\"page-header\" [class.close_icon]=\"collapseSidebar\" [class.not-sidebar]=\"!sidebar\"\r\n    [class.full-width]=\"fullWidth\">\r\n    <div class=\"header-wrapper d-flex m-0 justify-content-between\">\r\n        <div class=\"header-logo-wrapper col-auto d-lg-none px-0\">\r\n            <div *ngIf=\"sidebar\" class=\"toggle-sidebar\" (click)=\"sidebarToggle()\">\r\n                <ui-icon icon=\"menu\" class=\"status_toggle middle\"></ui-icon>\r\n            </div>\r\n            <a (click)=\"home()\" [class.cursor-pointer]=\"redirectHome\">\r\n                <img class=\"img-fluid for-dark image-logo d-md-none\" src=\"assets/images/logo/logo_dark.png\" alt=\"\" />\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"left-header horizontal-wrapper ps-0\">\r\n            <ng-container [ngTemplateOutlet]=\"left\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-center\">\r\n            <ng-container [ngTemplateOutlet]=\"center\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-right p-0\">\r\n            <ul class=\"nav-menus\">\r\n                <!-- <li class=\"language-nav\" (click)=\"languageToggle()\">\r\n                    <header-languages></header-languages>\r\n                </li> -->\r\n                <ng-container *ngIf=\"isFree; then liUpgrade; else liEmpty\"></ng-container>\r\n\r\n                <ng-template #liUpgrade>\r\n                    <li>\r\n                        <button\r\n                            class=\"d-flex align-items-center justify-content-center border-0 rounded-pill gap-2 b-color\"\r\n                            (click)=\"onUpgrade.emit()\">\r\n                            <img src=\"assets/images/coroa.svg\" class=\"w-auto\" alt=\"icone-coroa\" />\r\n                            Fa\u00E7a Upgrade\r\n                        </button>\r\n                    </li>\r\n                </ng-template>\r\n                <ng-template #liEmpty>\r\n                    <li></li>\r\n                </ng-template>\r\n\r\n                <ng-container [ngTemplateOutlet]=\"right\"></ng-container>\r\n\r\n                <li>\r\n                    <div class=\"mode cursor-pointer\" (click)=\"layoutToggle()\">\r\n                        <ui-icon pTooltip=\"Ativar Modo Escuro\" tooltipPosition=\"bottom\" icon=\"dark_mode\" size=\"24\"\r\n                            *ngIf=\"!dark\"></ui-icon>\r\n                        <ui-icon pTooltip=\"Ativar Modo Claro\" tooltipPosition=\"bottom\" icon=\"sunny\" size=\"24\"\r\n                            *ngIf=\"dark\"></ui-icon>\r\n\r\n                    </div>\r\n                </li>\r\n\r\n                <li class=\"maximize\">\r\n                    <a pTooltip=\"Maximizar\" tooltipPosition=\"bottom\" class=\"text-dark cursor-pointer\"\r\n                        href=\"javascript:void(0)\" (click)=\"toggleFullScreen()\">\r\n                        <ui-icon icon=\"fullscreen\" size=\"24\"></ui-icon>\r\n                    </a>\r\n                </li>\r\n                <li class=\"profile-nav onhover-dropdown p-0 ps-2\">\r\n                    <my-account [menus]=\"menus\" (onNavigate)=\"onNavigate.emit($event)\"></my-account>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n<!-- Page Header Ends -->\r\n", styles: ["@charset \"UTF-8\";::ng-deep .ambiente{position:fixed;top:0;right:0;left:0;height:2px;z-index:999;text-align:center}::ng-deep .ambiente span{content:\"\";position:absolute;height:20px;width:100px;right:0;margin:auto;border-radius:0 0 0 20px;text-align:center;color:#fff;font-size:12px;padding:0}::ng-deep .ambiente.ambiente-develop{background-color:#09b409}::ng-deep .ambiente.ambiente-develop span{background-color:#09b409}::ng-deep .ambiente.ambiente-homolog{background-color:#ff5d22}::ng-deep .ambiente.ambiente-homolog span{background-color:#ff5d22}::ng-deep .header-backgrop{position:fixed;inset:0;z-index:8}::ng-deep .header-backgrop .page-header{z-index:11!important}::ng-deep .image-logo{width:auto;height:20px}::ng-deep .header-logo-wrapper.col-auto.d-lg-none.px-0{height:20px}::ng-deep ui-icon.status_toggle.middle{color:#7366ff}::ng-deep ui-icon.icons-menu{height:20px}::ng-deep .mode.d-none.d-md-block{height:20px}::ng-deep .b-color{color:#e9e7ff;background:var(--theme-default, #7366ff);height:36px;width:136px}::ng-deep .b-color img{height:15px}::ng-deep .page-wrapper .page-header.not-sidebar,::ng-deep .page-wrapper .page-header.full-width{margin-left:0!important;width:100%!important}::ng-deep .page-wrapper .page-header .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li{padding:0 10px!important;margin-right:0}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}@media (min-width: 577px){::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper{display:block!important}::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper img{display:block!important}}@media (max-width: 576px){::ng-deep .hide-mobile{display:none!important}}@media only screen and (max-width: 575.98px){::ng-deep .nav-menus{margin-right:0!important}::ng-deep .page-wrapper .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li{padding:0 10px!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li:last-child{padding-right:0!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}}::ng-deep body .dark-only li.maximize .text-dark span{color:#ffffffb3!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "directive", type: i4$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: MyAccountComponent, selector: "my-account", inputs: ["menus"], outputs: ["onNavigate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-header', template: "<!-- Page Header Backdrop -->\r\n<div *ngIf=\"headerBackdrop\" (click)=\"navService.hideAllPopUps()\" class=\"header-backgrop\"></div>\r\n\r\n<!-- Page Header Start -->\r\n<div class=\"page-header\" [class.close_icon]=\"collapseSidebar\" [class.not-sidebar]=\"!sidebar\">\r\n    <div class=\"header-wrapper d-flex m-0 justify-content-between\">\r\n        <div class=\"header-logo-wrapper col-auto d-lg-none px-0\">\r\n            <div *ngIf=\"sidebar\" class=\"toggle-sidebar\" (click)=\"sidebarToggle()\">\r\n                <ui-icon icon=\"menu\" class=\"status_toggle middle\"></ui-icon>\r\n            </div>\r\n            <a (click)=\"home()\" [class.cursor-pointer]=\"redirectHome\">\r\n                <img class=\"img-fluid for-dark image-logo d-md-none\" src=\"assets/images/logo/logo_dark.png\" alt=\"\" />\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"left-header horizontal-wrapper ps-0\">\r\n            <ng-container [ngTemplateOutlet]=\"left\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-center\">\r\n            <ng-container [ngTemplateOutlet]=\"center\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-right p-0\">\r\n            <ul class=\"nav-menus\">\r\n                <!-- <li class=\"language-nav\" (click)=\"languageToggle()\">\r\n                    <header-languages></header-languages>\r\n                </li> -->\r\n                <ng-container *ngIf=\"isFree; then liUpgrade; else liEmpty\"></ng-container>\r\n\r\n                <ng-template #liUpgrade>\r\n                    <li>\r\n                        <button\r\n                            class=\"d-flex align-items-center justify-content-center border-0 rounded-pill gap-2 b-color\"\r\n                            (click)=\"openModal()\">\r\n                            <img src=\"assets/images/coroa.svg\" class=\"w-auto\" alt=\"icone-coroa\" />\r\n                            Fa\u00E7a Upgrade\r\n                        </button>\r\n                    </li>\r\n                </ng-template>\r\n                <ng-template #liEmpty>\r\n                    <li></li>\r\n                </ng-template>\r\n\r\n                <ng-container [ngTemplateOutlet]=\"right\"></ng-container>\r\n\r\n                <li *ngIf=\"showAssistant && (assistantService.disponivel$ | async)\" class=\"uiny-nav\">\r\n                    <ui-assistant-button></ui-assistant-button>\r\n                </li>\r\n\r\n                <li>\r\n                    <div class=\"mode cursor-pointer\" (click)=\"layoutToggle()\">\r\n                        <ui-icon pTooltip=\"Ativar Modo Escuro\" tooltipPosition=\"bottom\" icon=\"dark_mode\" size=\"24\"\r\n                            *ngIf=\"!dark\"></ui-icon>\r\n                        <ui-icon pTooltip=\"Ativar Modo Claro\" tooltipPosition=\"bottom\" icon=\"sunny\" size=\"24\"\r\n                            *ngIf=\"dark\"></ui-icon>\r\n\r\n                    </div>\r\n                </li>\r\n\r\n                <li class=\"maximize\">\r\n                    <a pTooltip=\"Maximizar\" tooltipPosition=\"bottom\" class=\"text-dark cursor-pointer\"\r\n                        href=\"javascript:void(0)\" (click)=\"toggleFullScreen()\">\r\n                        <ui-icon icon=\"fullscreen\" size=\"24\"></ui-icon>\r\n                    </a>\r\n                </li>\r\n                <li class=\"profile-nav onhover-dropdown p-0 ps-2\">\r\n                    <my-account [menus]=\"menus\" (onNavigate)=\"onNavigate.emit($event)\"></my-account>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n<!-- Page Header Ends -->\r\n", styles: ["@charset \"UTF-8\";::ng-deep .ambiente{position:fixed;top:0;right:0;left:0;height:2px;z-index:999;text-align:center}::ng-deep .ambiente span{content:\"\";position:absolute;height:20px;width:100px;right:0;margin:auto;border-radius:0 0 0 20px;text-align:center;color:#fff;font-size:12px;padding:0}::ng-deep .ambiente.ambiente-develop{background-color:#09b409}::ng-deep .ambiente.ambiente-develop span{background-color:#09b409}::ng-deep .ambiente.ambiente-homolog{background-color:#ff5d22}::ng-deep .ambiente.ambiente-homolog span{background-color:#ff5d22}::ng-deep .image-logo{width:auto;height:20px}::ng-deep .header-logo-wrapper.col-auto.d-lg-none.px-0{height:20px}::ng-deep ui-icon.status_toggle.middle{color:#7366ff}::ng-deep ui-icon.icons-menu{height:20px}::ng-deep .mode.d-none.d-md-block{height:20px}::ng-deep .header-backgrop{position:fixed;inset:0;z-index:8}::ng-deep .header-backgrop .page-header{z-index:11!important}::ng-deep .b-color{color:#e9e7ff;background:#7366ff;height:36px;width:136px}::ng-deep .b-color img{height:15px}::ng-deep .page-wrapper .page-header.not-sidebar{margin-left:0!important;width:100%!important}::ng-deep .page-wrapper .page-header .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li{padding:0 10px!important;margin-right:0}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}@media (min-width: 577px){::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper{display:block!important}::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper img{display:block!important}}@media (max-width: 576px){::ng-deep .hide-mobile{display:none!important}}@media only screen and (max-width: 575.98px){::ng-deep .nav-menus{margin-right:0!important}::ng-deep .page-wrapper .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li{padding:0 10px!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li:last-child{padding-right:0!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}}::ng-deep body .dark-only li.maximize .text-dark span{color:#ffffffb3!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.AuthService }, { type: i1.BaseUrlService }, { type: i1.LayoutService }, { type: i1.IframeService }, { type: UiAssistantService }, { type: undefined, decorators: [{
+            args: [{ selector: 'ui-header', template: "<!-- Page Header Backdrop -->\r\n<div *ngIf=\"headerBackdrop\" (click)=\"fecharBackdrop()\" class=\"header-backgrop\"></div>\r\n\r\n<!-- Page Header Start -->\r\n<div class=\"page-header\" [class.close_icon]=\"collapseSidebar\" [class.not-sidebar]=\"!sidebar\"\r\n    [class.full-width]=\"fullWidth\">\r\n    <div class=\"header-wrapper d-flex m-0 justify-content-between\">\r\n        <div class=\"header-logo-wrapper col-auto d-lg-none px-0\">\r\n            <div *ngIf=\"sidebar\" class=\"toggle-sidebar\" (click)=\"sidebarToggle()\">\r\n                <ui-icon icon=\"menu\" class=\"status_toggle middle\"></ui-icon>\r\n            </div>\r\n            <a (click)=\"home()\" [class.cursor-pointer]=\"redirectHome\">\r\n                <img class=\"img-fluid for-dark image-logo d-md-none\" src=\"assets/images/logo/logo_dark.png\" alt=\"\" />\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"left-header horizontal-wrapper ps-0\">\r\n            <ng-container [ngTemplateOutlet]=\"left\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-center\">\r\n            <ng-container [ngTemplateOutlet]=\"center\"></ng-container>\r\n        </div>\r\n\r\n        <div class=\"nav-right p-0\">\r\n            <ul class=\"nav-menus\">\r\n                <!-- <li class=\"language-nav\" (click)=\"languageToggle()\">\r\n                    <header-languages></header-languages>\r\n                </li> -->\r\n                <ng-container *ngIf=\"isFree; then liUpgrade; else liEmpty\"></ng-container>\r\n\r\n                <ng-template #liUpgrade>\r\n                    <li>\r\n                        <button\r\n                            class=\"d-flex align-items-center justify-content-center border-0 rounded-pill gap-2 b-color\"\r\n                            (click)=\"onUpgrade.emit()\">\r\n                            <img src=\"assets/images/coroa.svg\" class=\"w-auto\" alt=\"icone-coroa\" />\r\n                            Fa\u00E7a Upgrade\r\n                        </button>\r\n                    </li>\r\n                </ng-template>\r\n                <ng-template #liEmpty>\r\n                    <li></li>\r\n                </ng-template>\r\n\r\n                <ng-container [ngTemplateOutlet]=\"right\"></ng-container>\r\n\r\n                <li>\r\n                    <div class=\"mode cursor-pointer\" (click)=\"layoutToggle()\">\r\n                        <ui-icon pTooltip=\"Ativar Modo Escuro\" tooltipPosition=\"bottom\" icon=\"dark_mode\" size=\"24\"\r\n                            *ngIf=\"!dark\"></ui-icon>\r\n                        <ui-icon pTooltip=\"Ativar Modo Claro\" tooltipPosition=\"bottom\" icon=\"sunny\" size=\"24\"\r\n                            *ngIf=\"dark\"></ui-icon>\r\n\r\n                    </div>\r\n                </li>\r\n\r\n                <li class=\"maximize\">\r\n                    <a pTooltip=\"Maximizar\" tooltipPosition=\"bottom\" class=\"text-dark cursor-pointer\"\r\n                        href=\"javascript:void(0)\" (click)=\"toggleFullScreen()\">\r\n                        <ui-icon icon=\"fullscreen\" size=\"24\"></ui-icon>\r\n                    </a>\r\n                </li>\r\n                <li class=\"profile-nav onhover-dropdown p-0 ps-2\">\r\n                    <my-account [menus]=\"menus\" (onNavigate)=\"onNavigate.emit($event)\"></my-account>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</div>\r\n<!-- Page Header Ends -->\r\n", styles: ["@charset \"UTF-8\";::ng-deep .ambiente{position:fixed;top:0;right:0;left:0;height:2px;z-index:999;text-align:center}::ng-deep .ambiente span{content:\"\";position:absolute;height:20px;width:100px;right:0;margin:auto;border-radius:0 0 0 20px;text-align:center;color:#fff;font-size:12px;padding:0}::ng-deep .ambiente.ambiente-develop{background-color:#09b409}::ng-deep .ambiente.ambiente-develop span{background-color:#09b409}::ng-deep .ambiente.ambiente-homolog{background-color:#ff5d22}::ng-deep .ambiente.ambiente-homolog span{background-color:#ff5d22}::ng-deep .header-backgrop{position:fixed;inset:0;z-index:8}::ng-deep .header-backgrop .page-header{z-index:11!important}::ng-deep .image-logo{width:auto;height:20px}::ng-deep .header-logo-wrapper.col-auto.d-lg-none.px-0{height:20px}::ng-deep ui-icon.status_toggle.middle{color:#7366ff}::ng-deep ui-icon.icons-menu{height:20px}::ng-deep .mode.d-none.d-md-block{height:20px}::ng-deep .b-color{color:#e9e7ff;background:var(--theme-default, #7366ff);height:36px;width:136px}::ng-deep .b-color img{height:15px}::ng-deep .page-wrapper .page-header.not-sidebar,::ng-deep .page-wrapper .page-header.full-width{margin-left:0!important;width:100%!important}::ng-deep .page-wrapper .page-header .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li{padding:0 10px!important;margin-right:0}::ng-deep .page-wrapper .page-header .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}@media (min-width: 577px){::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper{display:block!important}::ng-deep .page-wrapper .page-header.not-sidebar .header-logo-wrapper img{display:block!important}}@media (max-width: 576px){::ng-deep .hide-mobile{display:none!important}}@media only screen and (max-width: 575.98px){::ng-deep .nav-menus{margin-right:0!important}::ng-deep .page-wrapper .header-wrapper{flex-direction:row}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li{padding:0 10px!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li:last-child{padding-right:0!important}::ng-deep .page-wrapper .header-wrapper .nav-right>ul li .profile-media img{width:100%!important}}::ng-deep body .dark-only li.maximize .text-dark span{color:#ffffffb3!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AuthService }, { type: i1.BaseUrlService }, { type: i1.LayoutService }, { type: i1.IframeService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }]; }, propDecorators: { collapseSidebar: [{
@@ -844,12 +237,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], sidebar: [{
                 type: Input
+            }], fullWidth: [{
+                type: Input
             }], redirectHome: [{
                 type: Input
             }], darkDefault: [{
                 type: Input
-            }], showAssistant: [{
-                type: Input
             }], collapseSidebarChange: [{
                 type: Output
             }], fullScreenChange: [{
@@ -858,6 +251,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output
             }], onNavigate: [{
                 type: Output
+            }], onUpgrade: [{
+                type: Output
             }], left: [{
                 type: ContentChild,
                 args: ['left']
@@ -869,1132 +264,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['right']
             }] } });
 
-const ROTULOS = {
-    pendente: 'Aguardando sua confirmação',
-    executando: 'Executando…',
-    concluida: 'Concluída',
-    cancelada: 'Cancelada',
-    expirada: 'Expirada',
-    invalidada: 'Precisa de nova confirmação',
-    falha: 'Não concluída',
-    indeterminada: 'Resultado a verificar',
-};
-const DESCRICOES = {
-    concluida: 'A alteração foi aplicada.',
-    cancelada: 'Nada foi alterado.',
-    expirada: 'O prazo para confirmar terminou. Nada foi alterado; peça de novo se ainda quiser.',
-    invalidada: 'Os dados mudaram desde a proposta. Peça a alteração de novo para revisar.',
-    falha: 'A alteração não foi aplicada.',
-};
-/**
- * Card de ação pendente. A confirmação só acontece pelo clique em "Confirmar":
- * o card emite apenas o id da ação persistida, sem argumentos.
- */
-class UiAssistantActionCardComponent {
-    constructor(cdr, zone) {
-        this.cdr = cdr;
-        this.zone = zone;
-        this.confirmar = new EventEmitter();
-        this.cancelar = new EventEmitter();
-        this.verificar = new EventEmitter();
-        this.agora = Date.now();
-    }
-    ngOnChanges() {
-        this.agendar();
-    }
-    ngOnDestroy() {
-        clearInterval(this.timer);
-    }
-    /** O servidor decide a expiração; aqui só evitamos oferecer um clique que já vai falhar. */
-    get expiradaLocalmente() {
-        return this.acao?.estado === 'pendente' && !!this.acao.expiraEm && this.acao.expiraEm.getTime() <= this.agora;
-    }
-    get estado() {
-        return this.expiradaLocalmente ? 'expirada' : this.acao?.estado;
-    }
-    get rotulo() {
-        return ROTULOS[this.estado] ?? '';
-    }
-    get descricao() {
-        return this.acao?.aviso || DESCRICOES[this.estado] || null;
-    }
-    get podeDecidir() {
-        return this.estado === 'pendente' && !this.acao.enviando;
-    }
-    get minutosRestantes() {
-        if (this.estado !== 'pendente' || !this.acao.expiraEm)
-            return null;
-        return Math.max(1, Math.ceil((this.acao.expiraEm.getTime() - this.agora) / 60000));
-    }
-    ehCor(valor) {
-        return /^#(?:[0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(valor);
-    }
-    aoConfirmar() {
-        if (this.podeDecidir)
-            this.confirmar.emit(this.acao.id);
-    }
-    aoCancelar() {
-        if (this.podeDecidir)
-            this.cancelar.emit(this.acao.id);
-    }
-    agendar() {
-        clearInterval(this.timer);
-        this.agora = Date.now();
-        if (this.acao?.estado !== 'pendente' || !this.acao.expiraEm)
-            return;
-        this.zone.runOutsideAngular(() => {
-            this.timer = setInterval(() => this.zone.run(() => {
-                this.agora = Date.now();
-                if (this.expiradaLocalmente)
-                    clearInterval(this.timer);
-                this.cdr.markForCheck();
-            }), 15000);
-        });
-    }
-}
-UiAssistantActionCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantActionCardComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantActionCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantActionCardComponent, selector: "ui-assistant-action-card", inputs: { acao: "acao" }, outputs: { confirmar: "confirmar", cancelar: "cancelar", verificar: "verificar" }, usesOnChanges: true, ngImport: i0, template: "<article class=\"uiny-acao\" [ngClass]=\"'uiny-acao--' + estado\" [attr.aria-busy]=\"acao.enviando ? 'true' : null\"\n    [attr.aria-labelledby]=\"'uiny-acao-' + acao.id\">\n    <header class=\"uiny-acao__topo\">\n        <span class=\"uiny-acao__selo\">\n            <span *ngIf=\"estado === 'executando' || acao.enviando\" class=\"uiny-acao__spinner\" aria-hidden=\"true\"></span>\n            <ui-icon *ngIf=\"estado === 'concluida'\" icon=\"check_circle\" size=\"16\"></ui-icon>\n            <ui-icon *ngIf=\"estado === 'falha' || estado === 'indeterminada'\" icon=\"error\" size=\"16\"></ui-icon>\n            <ui-icon *ngIf=\"estado === 'pendente' && !acao.enviando\" icon=\"pending_actions\" size=\"16\"></ui-icon>\n            {{ rotulo }}\n        </span>\n        <span *ngIf=\"minutosRestantes\" class=\"uiny-acao__prazo\">expira em {{ minutosRestantes }} min</span>\n    </header>\n\n    <p class=\"uiny-acao__resumo\" [id]=\"'uiny-acao-' + acao.id\">{{ acao.resumo }}</p>\n\n    <dl *ngIf=\"acao.detalhes?.length\" class=\"uiny-acao__detalhes\">\n        <div *ngFor=\"let d of acao.detalhes\" class=\"uiny-acao__item\">\n            <dt>{{ d.rotulo }}</dt>\n            <dd>\n                <span *ngIf=\"ehCor(d.valor)\" class=\"uiny-acao__cor\" [style.background-color]=\"d.valor\" aria-hidden=\"true\"></span>\n                {{ d.valor }}\n            </dd>\n        </div>\n    </dl>\n\n    <p *ngIf=\"descricao\" class=\"uiny-acao__descricao\" role=\"status\">{{ descricao }}</p>\n\n    <div *ngIf=\"estado === 'pendente'\" class=\"uiny-acao__botoes\">\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--secundario\" [disabled]=\"!podeDecidir\" (click)=\"aoCancelar()\">\n            Cancelar\n        </button>\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--primario\" [disabled]=\"!podeDecidir\" (click)=\"aoConfirmar()\">\n            Confirmar\n        </button>\n    </div>\n\n    <div *ngIf=\"estado === 'indeterminada'\" class=\"uiny-acao__botoes\">\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--secundario\" [disabled]=\"acao.enviando\" (click)=\"verificar.emit(acao.id)\">\n            Verificar resultado\n        </button>\n    </div>\n</article>\n", styles: [":host{display:block;margin-top:8px}.uiny-acao{padding:12px 14px;border:1px solid var(--uiny-borda, #ececf3);border-left:3px solid var(--uiny-primaria, #7366ff);border-radius:12px;background:var(--uiny-fundo, #fff);box-shadow:0 2px 10px #1f1b4d0d}.uiny-acao--concluida{border-left-color:#1aa467}.uiny-acao--falha,.uiny-acao--indeterminada{border-left-color:var(--uiny-erro, #d9364f)}.uiny-acao--cancelada,.uiny-acao--expirada,.uiny-acao--invalidada{border-left-color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__topo{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.uiny-acao__selo{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--uiny-primaria, #7366ff)}.uiny-acao--concluida .uiny-acao__selo{color:#1aa467}.uiny-acao--falha .uiny-acao__selo,.uiny-acao--indeterminada .uiny-acao__selo{color:var(--uiny-erro, #d9364f)}.uiny-acao--cancelada .uiny-acao__selo,.uiny-acao--expirada .uiny-acao__selo,.uiny-acao--invalidada .uiny-acao__selo{color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__prazo{font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__resumo{margin:0;font-weight:600;line-height:1.45;color:var(--uiny-texto, #2b2b2b);overflow-wrap:anywhere}.uiny-acao__detalhes{margin:10px 0 0;padding:8px 10px;border-radius:9px;background:var(--uiny-fundo-suave, #f7f7fb);font-size:13px}.uiny-acao__item{display:flex;justify-content:space-between;gap:12px}.uiny-acao__item+.uiny-acao__item{margin-top:4px}.uiny-acao__item dt{font-weight:400;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__item dd{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.uiny-acao__cor{flex:0 0 auto;width:14px;height:14px;border:1px solid rgba(0,0,0,.12);border-radius:4px}.uiny-acao__descricao{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__botoes{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.uiny-acao__botao{min-height:34px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.uiny-acao__botao:disabled{opacity:.5;cursor:not-allowed}.uiny-acao__botao:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-acao__botao--primario{border:1px solid var(--uiny-primaria, #7366ff);background:var(--uiny-primaria, #7366ff);color:#fff}.uiny-acao__botao--secundario{border:1px solid var(--uiny-borda, #ececf3);background:transparent;color:var(--uiny-texto, #2b2b2b)}.uiny-acao__spinner{width:12px;height:12px;border:2px solid var(--uiny-borda, #ececf3);border-top-color:var(--uiny-primaria, #7366ff);border-radius:50%;animation:uiny-girar .8s linear infinite}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny-acao__spinner{animation-duration:2.4s}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantActionCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-action-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"uiny-acao\" [ngClass]=\"'uiny-acao--' + estado\" [attr.aria-busy]=\"acao.enviando ? 'true' : null\"\n    [attr.aria-labelledby]=\"'uiny-acao-' + acao.id\">\n    <header class=\"uiny-acao__topo\">\n        <span class=\"uiny-acao__selo\">\n            <span *ngIf=\"estado === 'executando' || acao.enviando\" class=\"uiny-acao__spinner\" aria-hidden=\"true\"></span>\n            <ui-icon *ngIf=\"estado === 'concluida'\" icon=\"check_circle\" size=\"16\"></ui-icon>\n            <ui-icon *ngIf=\"estado === 'falha' || estado === 'indeterminada'\" icon=\"error\" size=\"16\"></ui-icon>\n            <ui-icon *ngIf=\"estado === 'pendente' && !acao.enviando\" icon=\"pending_actions\" size=\"16\"></ui-icon>\n            {{ rotulo }}\n        </span>\n        <span *ngIf=\"minutosRestantes\" class=\"uiny-acao__prazo\">expira em {{ minutosRestantes }} min</span>\n    </header>\n\n    <p class=\"uiny-acao__resumo\" [id]=\"'uiny-acao-' + acao.id\">{{ acao.resumo }}</p>\n\n    <dl *ngIf=\"acao.detalhes?.length\" class=\"uiny-acao__detalhes\">\n        <div *ngFor=\"let d of acao.detalhes\" class=\"uiny-acao__item\">\n            <dt>{{ d.rotulo }}</dt>\n            <dd>\n                <span *ngIf=\"ehCor(d.valor)\" class=\"uiny-acao__cor\" [style.background-color]=\"d.valor\" aria-hidden=\"true\"></span>\n                {{ d.valor }}\n            </dd>\n        </div>\n    </dl>\n\n    <p *ngIf=\"descricao\" class=\"uiny-acao__descricao\" role=\"status\">{{ descricao }}</p>\n\n    <div *ngIf=\"estado === 'pendente'\" class=\"uiny-acao__botoes\">\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--secundario\" [disabled]=\"!podeDecidir\" (click)=\"aoCancelar()\">\n            Cancelar\n        </button>\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--primario\" [disabled]=\"!podeDecidir\" (click)=\"aoConfirmar()\">\n            Confirmar\n        </button>\n    </div>\n\n    <div *ngIf=\"estado === 'indeterminada'\" class=\"uiny-acao__botoes\">\n        <button type=\"button\" class=\"uiny-acao__botao uiny-acao__botao--secundario\" [disabled]=\"acao.enviando\" (click)=\"verificar.emit(acao.id)\">\n            Verificar resultado\n        </button>\n    </div>\n</article>\n", styles: [":host{display:block;margin-top:8px}.uiny-acao{padding:12px 14px;border:1px solid var(--uiny-borda, #ececf3);border-left:3px solid var(--uiny-primaria, #7366ff);border-radius:12px;background:var(--uiny-fundo, #fff);box-shadow:0 2px 10px #1f1b4d0d}.uiny-acao--concluida{border-left-color:#1aa467}.uiny-acao--falha,.uiny-acao--indeterminada{border-left-color:var(--uiny-erro, #d9364f)}.uiny-acao--cancelada,.uiny-acao--expirada,.uiny-acao--invalidada{border-left-color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__topo{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.uiny-acao__selo{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--uiny-primaria, #7366ff)}.uiny-acao--concluida .uiny-acao__selo{color:#1aa467}.uiny-acao--falha .uiny-acao__selo,.uiny-acao--indeterminada .uiny-acao__selo{color:var(--uiny-erro, #d9364f)}.uiny-acao--cancelada .uiny-acao__selo,.uiny-acao--expirada .uiny-acao__selo,.uiny-acao--invalidada .uiny-acao__selo{color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__prazo{font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__resumo{margin:0;font-weight:600;line-height:1.45;color:var(--uiny-texto, #2b2b2b);overflow-wrap:anywhere}.uiny-acao__detalhes{margin:10px 0 0;padding:8px 10px;border-radius:9px;background:var(--uiny-fundo-suave, #f7f7fb);font-size:13px}.uiny-acao__item{display:flex;justify-content:space-between;gap:12px}.uiny-acao__item+.uiny-acao__item{margin-top:4px}.uiny-acao__item dt{font-weight:400;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__item dd{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.uiny-acao__cor{flex:0 0 auto;width:14px;height:14px;border:1px solid rgba(0,0,0,.12);border-radius:4px}.uiny-acao__descricao{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--uiny-texto-suave, #6b6b80)}.uiny-acao__botoes{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.uiny-acao__botao{min-height:34px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.uiny-acao__botao:disabled{opacity:.5;cursor:not-allowed}.uiny-acao__botao:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-acao__botao--primario{border:1px solid var(--uiny-primaria, #7366ff);background:var(--uiny-primaria, #7366ff);color:#fff}.uiny-acao__botao--secundario{border:1px solid var(--uiny-borda, #ececf3);background:transparent;color:var(--uiny-texto, #2b2b2b)}.uiny-acao__spinner{width:12px;height:12px;border:2px solid var(--uiny-borda, #ececf3);border-top-color:var(--uiny-primaria, #7366ff);border-radius:50%;animation:uiny-girar .8s linear infinite}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny-acao__spinner{animation-duration:2.4s}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { acao: [{
-                type: Input
-            }], confirmar: [{
-                type: Output
-            }], cancelar: [{
-                type: Output
-            }], verificar: [{
-                type: Output
-            }] } });
-
-const ALTURA_MAXIMA = 160;
-/** Campo de mensagem: Enter envia, Shift+Enter quebra linha, cresce até ALTURA_MAXIMA. */
-class UiAssistantComposerComponent {
-    constructor() {
-        this.desabilitado = false;
-        this.enviando = false;
-        /** Explica por que o envio está bloqueado (sem internet, carregando...). */
-        this.motivo = null;
-        this.enviar = new EventEmitter();
-        this.max = UINY_MENSAGEM_MAX_CARACTERES;
-        this.texto = '';
-    }
-    get vazio() {
-        return !this.texto.trim();
-    }
-    get bloqueado() {
-        return this.desabilitado || this.enviando || this.vazio || this.texto.length > this.max;
-    }
-    get mostrarContador() {
-        return this.texto.length > this.max - 400;
-    }
-    focar() {
-        this.campo?.nativeElement.focus({ preventScroll: true });
-    }
-    limpar() {
-        this.texto = '';
-        if (this.campo) {
-            this.campo.nativeElement.value = '';
-            this.ajustarAltura();
-        }
-    }
-    aoDigitar(valor) {
-        this.texto = valor;
-        this.ajustarAltura();
-    }
-    aoTeclar(evento) {
-        if (evento.key !== 'Enter' || evento.shiftKey)
-            return;
-        // durante a composição (IME, acentos em alguns teclados) Enter confirma o caractere
-        if (evento.isComposing || evento.keyCode === 229)
-            return;
-        evento.preventDefault();
-        this.submeter();
-    }
-    submeter() {
-        if (this.bloqueado)
-            return;
-        this.enviar.emit(this.texto.trim());
-    }
-    ajustarAltura() {
-        const el = this.campo.nativeElement;
-        el.style.height = 'auto';
-        el.style.height = Math.min(el.scrollHeight, ALTURA_MAXIMA) + 'px';
-        el.style.overflowY = el.scrollHeight > ALTURA_MAXIMA ? 'auto' : 'hidden';
-    }
-}
-UiAssistantComposerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantComposerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantComposerComponent, selector: "ui-assistant-composer", inputs: { desabilitado: "desabilitado", enviando: "enviando", motivo: "motivo" }, outputs: { enviar: "enviar" }, viewQueries: [{ propertyName: "campo", first: true, predicate: ["campo"], descendants: true, static: true }], ngImport: i0, template: "<form class=\"uiny-composer\" (submit)=\"$event.preventDefault(); submeter()\">\n    <label for=\"uiny-campo\" class=\"uiny-sr\">Mensagem para a Uiny</label>\n    <div class=\"uiny-composer__caixa\" [class.is-desabilitado]=\"desabilitado\">\n        <textarea #campo id=\"uiny-campo\" class=\"uiny-composer__campo\" rows=\"1\"\n            placeholder=\"Pergunte algo para a Uiny\"\n            [value]=\"texto\"\n            [attr.aria-describedby]=\"motivo ? 'uiny-campo-motivo' : 'uiny-campo-dica'\"\n            [attr.maxlength]=\"max + 200\"\n            (input)=\"aoDigitar(campo.value)\"\n            (keydown)=\"aoTeclar($event)\"></textarea>\n\n        <button type=\"submit\" class=\"uiny-composer__enviar\" [disabled]=\"bloqueado\"\n            [attr.aria-label]=\"enviando ? 'Aguardando a resposta da Uiny' : 'Enviar mensagem'\"\n            [title]=\"enviando ? 'Aguardando a resposta' : 'Enviar (Enter)'\">\n            <span *ngIf=\"enviando\" class=\"uiny-composer__spinner\" aria-hidden=\"true\"></span>\n            <ui-icon *ngIf=\"!enviando\" icon=\"arrow_upward\" size=\"20\"></ui-icon>\n        </button>\n    </div>\n\n    <div class=\"uiny-composer__rodape\">\n        <span *ngIf=\"motivo\" id=\"uiny-campo-motivo\" class=\"uiny-composer__motivo\">{{ motivo }}</span>\n        <span *ngIf=\"!motivo\" id=\"uiny-campo-dica\">Enter envia \u00B7 Shift+Enter quebra a linha</span>\n        <span *ngIf=\"mostrarContador\" class=\"uiny-composer__contador\" [class.is-excedido]=\"texto.length > max\">\n            {{ texto.length }}/{{ max }}\n        </span>\n    </div>\n</form>\n", styles: [":host{display:block;padding:10px 12px 12px;border-top:1px solid var(--uiny-borda, #ececf3);background:var(--uiny-fundo, #fff)}.uiny-composer__caixa{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--uiny-borda, #ececf3);border-radius:14px;background:var(--uiny-fundo-suave, #f7f7fb);transition:border-color .15s ease,box-shadow .15s ease}.uiny-composer__caixa:focus-within{border-color:var(--uiny-primaria, #7366ff);box-shadow:0 0 0 3px #7366ff26}.uiny-composer__caixa.is-desabilitado{opacity:.75}.uiny-composer__campo{flex:1 1 auto;min-width:0;max-height:160px;padding:6px 0;border:0;outline:0;background:transparent;color:var(--uiny-texto, #2b2b2b);font:inherit;font-size:14px;line-height:1.45;resize:none;overflow-y:hidden}.uiny-composer__campo::placeholder{color:var(--uiny-texto-suave, #6b6b80)}.uiny-composer__enviar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:var(--uiny-primaria, #7366ff);color:#fff;cursor:pointer;transition:opacity .15s ease}.uiny-composer__enviar:disabled{opacity:.35;cursor:not-allowed}.uiny-composer__enviar:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-composer__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny-composer__rodape{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding:0 4px;font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-composer__motivo{color:var(--uiny-offline-texto, #8a5300)}.uiny-composer__contador.is-excedido{color:var(--uiny-erro, #d9364f);font-weight:600}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny-composer__caixa,.uiny-composer__enviar{transition:none}.uiny-composer__spinner{animation-duration:2.4s}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantComposerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-composer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"uiny-composer\" (submit)=\"$event.preventDefault(); submeter()\">\n    <label for=\"uiny-campo\" class=\"uiny-sr\">Mensagem para a Uiny</label>\n    <div class=\"uiny-composer__caixa\" [class.is-desabilitado]=\"desabilitado\">\n        <textarea #campo id=\"uiny-campo\" class=\"uiny-composer__campo\" rows=\"1\"\n            placeholder=\"Pergunte algo para a Uiny\"\n            [value]=\"texto\"\n            [attr.aria-describedby]=\"motivo ? 'uiny-campo-motivo' : 'uiny-campo-dica'\"\n            [attr.maxlength]=\"max + 200\"\n            (input)=\"aoDigitar(campo.value)\"\n            (keydown)=\"aoTeclar($event)\"></textarea>\n\n        <button type=\"submit\" class=\"uiny-composer__enviar\" [disabled]=\"bloqueado\"\n            [attr.aria-label]=\"enviando ? 'Aguardando a resposta da Uiny' : 'Enviar mensagem'\"\n            [title]=\"enviando ? 'Aguardando a resposta' : 'Enviar (Enter)'\">\n            <span *ngIf=\"enviando\" class=\"uiny-composer__spinner\" aria-hidden=\"true\"></span>\n            <ui-icon *ngIf=\"!enviando\" icon=\"arrow_upward\" size=\"20\"></ui-icon>\n        </button>\n    </div>\n\n    <div class=\"uiny-composer__rodape\">\n        <span *ngIf=\"motivo\" id=\"uiny-campo-motivo\" class=\"uiny-composer__motivo\">{{ motivo }}</span>\n        <span *ngIf=\"!motivo\" id=\"uiny-campo-dica\">Enter envia \u00B7 Shift+Enter quebra a linha</span>\n        <span *ngIf=\"mostrarContador\" class=\"uiny-composer__contador\" [class.is-excedido]=\"texto.length > max\">\n            {{ texto.length }}/{{ max }}\n        </span>\n    </div>\n</form>\n", styles: [":host{display:block;padding:10px 12px 12px;border-top:1px solid var(--uiny-borda, #ececf3);background:var(--uiny-fundo, #fff)}.uiny-composer__caixa{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--uiny-borda, #ececf3);border-radius:14px;background:var(--uiny-fundo-suave, #f7f7fb);transition:border-color .15s ease,box-shadow .15s ease}.uiny-composer__caixa:focus-within{border-color:var(--uiny-primaria, #7366ff);box-shadow:0 0 0 3px #7366ff26}.uiny-composer__caixa.is-desabilitado{opacity:.75}.uiny-composer__campo{flex:1 1 auto;min-width:0;max-height:160px;padding:6px 0;border:0;outline:0;background:transparent;color:var(--uiny-texto, #2b2b2b);font:inherit;font-size:14px;line-height:1.45;resize:none;overflow-y:hidden}.uiny-composer__campo::placeholder{color:var(--uiny-texto-suave, #6b6b80)}.uiny-composer__enviar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:10px;background:var(--uiny-primaria, #7366ff);color:#fff;cursor:pointer;transition:opacity .15s ease}.uiny-composer__enviar:disabled{opacity:.35;cursor:not-allowed}.uiny-composer__enviar:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-composer__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny-composer__rodape{display:flex;justify-content:space-between;gap:8px;margin-top:6px;padding:0 4px;font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-composer__motivo{color:var(--uiny-offline-texto, #8a5300)}.uiny-composer__contador.is-excedido{color:var(--uiny-erro, #d9364f);font-weight:600}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny-composer__caixa,.uiny-composer__enviar{transition:none}.uiny-composer__spinner{animation-duration:2.4s}}\n"] }]
-        }], propDecorators: { desabilitado: [{
-                type: Input
-            }], enviando: [{
-                type: Input
-            }], motivo: [{
-                type: Input
-            }], enviar: [{
-                type: Output
-            }], campo: [{
-                type: ViewChild,
-                args: ['campo', { static: true }]
-            }] } });
-
-const ESTADO_INICIAL = {
-    conversa: null,
-    mensagens: [],
-    acoes: {},
-    enviando: false,
-    carregandoConversa: false,
-    erro: null,
-    aviso: null,
-    conversas: null,
-    carregandoConversas: false,
-    textoComFalha: null,
-};
-/**
- * Estado da conversa, só em memória. Nada vai para localStorage/sessionStorage.
- *
- * Limpeza: qualquer mudança de sessão (logout, outro usuário, outra empresa, novo token,
- * 401 da API) ou a Uiny ficar indisponível cancela as requisições em andamento e
- * descarta todo o estado.
- */
-class UinyChatService {
-    constructor(api, session, assistant) {
-        this.api = api;
-        this.session = session;
-        this.assistant = assistant;
-        this.estado$ = new BehaviorSubject(ESTADO_INICIAL);
-        /** Emite para abortar as requisições da sessão/conversa atual. */
-        this.cancelarConversa$ = new Subject();
-        this.cancelarSessao$ = new Subject();
-        this.anuncios$ = new Subject();
-        this.subs = new Subscription();
-        this.sessao = null;
-        this.idLocal = 0;
-        /** Loja usada ao criar a conversa atual: o backend restringe a conversa a ela. */
-        this.escopoLoja = null;
-        this.estado = this.estado$.asObservable();
-        /** Textos curtos para a região aria-live do painel. */
-        this.anuncios = this.anuncios$.asObservable();
-        this.subs.add(this.session.sessao$.subscribe(sessao => {
-            if (sessao?.id !== this.sessao?.id) {
-                this.sessao = sessao;
-                this.limparTudo();
-            }
-        }));
-        this.subs.add(this.assistant.disponivel$.pipe(filter(d => !d)).subscribe(() => this.limparTudo()));
-        // Trocar de loja muda o escopo da conversa: não reaproveitamos a anterior.
-        this.subs.add(this.assistant.contexto$.pipe(map(c => c.idLoja ?? null), distinctUntilChanged()).subscribe(idLoja => {
-            if (this.valor.conversa && this.escopoLoja !== idLoja) {
-                this.encerrarConversa('Você mudou de loja. Começamos uma nova conversa para manter os assuntos separados.');
-            }
-        }));
-    }
-    ngOnDestroy() {
-        this.cancelarSessao$.next();
-        this.subs.unsubscribe();
-    }
-    get valor() {
-        return this.estado$.value;
-    }
-    get ocupado() {
-        const v = this.valor;
-        return v.enviando || Object.values(v.acoes).some(a => a.enviando || a.estado === 'executando');
-    }
-    enviar(textoBruto) {
-        const texto = (textoBruto || '').trim();
-        const sistema = this.assistant.sistemaOrigem;
-        if (!texto || !sistema || !this.sessao || this.valor.enviando)
-            return false;
-        if (texto.length > UINY_MENSAGEM_MAX_CARACTERES) {
-            this.patch({ erro: this.erroLocal('invalido', `A mensagem pode ter até ${UINY_MENSAGEM_MAX_CARACTERES} caracteres.`) });
-            return false;
-        }
-        const contexto = contextoParaApi(sistema, this.assistant.contexto);
-        const local = {
-            id: this.novoIdLocal(), papel: 'usuario', estado: null, texto, idAcao: null, opcoes: [], criadaEm: new Date(),
-        };
-        this.patch({
-            mensagens: [...this.valor.mensagens.filter(m => !m.erro), local],
-            enviando: true,
-            erro: null,
-            aviso: null,
-            textoComFalha: null,
-        });
-        this.anuncios$.next('A Uiny está respondendo…');
-        const conversa$ = this.valor.conversa
-            ? of(this.valor.conversa)
-            : this.api.criarConversa(contexto).pipe(map(r => {
-                const conversa = adaptarConversa(r?.conversa);
-                if (!conversa)
-                    throw this.erroLocal('servidor', 'Não foi possível iniciar a conversa.');
-                this.escopoLoja = contexto.id_loja ?? null;
-                this.patch({ conversa, conversas: null });
-                return conversa;
-            }));
-        conversa$.pipe(switchMap(conversa => this.api.enviarMensagem(conversa.id, texto, contexto)), takeUntil(this.cancelarConversa$), finalize(() => this.valor.enviando && this.patch({ enviando: false }))).subscribe({
-            next: resposta => {
-                this.aplicarResposta(resposta, true);
-                this.patch({ enviando: false });
-                this.anuncios$.next(resposta?.mensagem ? 'Nova resposta da Uiny.' : '');
-            },
-            error: err => {
-                const erro = this.normalizar(err);
-                // erros da API podem trazer a mensagem da Uiny (ex.: falha do provedor registrada)
-                if (erro.corpo?.mensagem)
-                    this.aplicarResposta(erro.corpo, false);
-                this.patch({
-                    mensagens: this.valor.mensagens.map(m => m.id === local.id ? { ...m, erro: true } : m),
-                    enviando: false,
-                    erro,
-                    textoComFalha: erro.tipo === 'sessao' ? null : texto,
-                });
-                this.anuncios$.next(erro.mensagem);
-            },
-        });
-        return true;
-    }
-    /** Começa do zero. Bloqueado enquanto há envio ou ação em execução. */
-    novaConversa() {
-        if (this.ocupado)
-            return false;
-        this.encerrarConversa(null);
-        return true;
-    }
-    listarConversas() {
-        if (!this.sessao || this.valor.carregandoConversas)
-            return;
-        this.patch({ carregandoConversas: true, erro: null });
-        this.api.listarConversas().pipe(takeUntil(this.cancelarSessao$), finalize(() => this.patch({ carregandoConversas: false }))).subscribe({
-            next: r => this.patch({
-                conversas: (Array.isArray(r?.data) ? r.data : []).map(adaptarConversa).filter(c => !!c && this.doContextoAtual(c)),
-            }),
-            error: err => this.patch({ erro: this.normalizar(err), conversas: [] }),
-        });
-    }
-    abrirConversa(id) {
-        const resumo = this.valor.conversas?.find(c => c.id === id);
-        if (!resumo || this.ocupado || !this.doContextoAtual(resumo))
-            return;
-        this.encerrarConversa(null);
-        this.patch({ carregandoConversa: true });
-        this.api.historico(id).pipe(takeUntil(this.cancelarConversa$), finalize(() => this.patch({ carregandoConversa: false }))).subscribe({
-            next: r => {
-                const conversa = adaptarConversa(r?.conversa) ?? resumo;
-                if (!this.doContextoAtual(conversa)) {
-                    this.patch({ aviso: 'Essa conversa pertence a outro contexto e não pode ser continuada aqui.' });
-                    return;
-                }
-                this.escopoLoja = conversa.idLoja;
-                const mensagensApi = Array.isArray(r?.data) ? r.data : [];
-                this.patch({
-                    conversa,
-                    mensagens: mensagensApi.map(adaptarMensagem).filter(Boolean),
-                    acoes: this.mesclarAcoes(mensagensApi.map(m => m?.acao_pendente)),
-                });
-                // Histórico não reemite instruções de interface: elas já foram tratadas quando chegaram.
-            },
-            error: err => this.patch({ erro: this.normalizar(err) }),
-        });
-    }
-    /**
-     * Confirma pelo id da ação persistida no backend. Só é chamado pelo clique no card;
-     * nenhum texto da conversa dispara isto. Nunca há repetição automática.
-     */
-    confirmar(idAcao) {
-        const acao = this.valor.acoes[idAcao];
-        if (!acao || acao.enviando || acao.estado !== 'pendente')
-            return;
-        if (acao.expiraEm && acao.expiraEm.getTime() <= Date.now()) {
-            this.atualizarAcao(idAcao, { estado: 'expirada', aviso: 'O prazo para confirmar terminou. Peça a alteração de novo.' });
-            return;
-        }
-        this.atualizarAcao(idAcao, { enviando: true, estado: 'executando', aviso: null });
-        this.anuncios$.next('Executando a alteração…');
-        this.api.confirmarAcao(idAcao).pipe(takeUntil(this.cancelarSessao$)).subscribe({
-            next: resposta => this.concluirDecisao(idAcao, resposta, null, true),
-            error: err => {
-                const erro = this.normalizar(err);
-                if (erro.corpo?.acao_pendente || erro.corpo?.acao_anterior) {
-                    // 409 (expirada, invalidada com nova proposta, em execução) ou 502/504: o corpo traz o estado real
-                    this.concluirDecisao(idAcao, erro.corpo, erro, true);
-                }
-                else if (erro.tipo === 'timeout' || erro.tipo === 'rede' || erro.tipo === 'servidor') {
-                    // A operação pode ter sido executada. Não repetimos: o usuário verifica o estado.
-                    this.atualizarAcao(idAcao, {
-                        enviando: false,
-                        estado: 'indeterminada',
-                        aviso: 'Não recebemos a resposta da confirmação. Verifique o resultado antes de pedir de novo.',
-                    });
-                }
-                else if (erro.tipo === 'conflito' || erro.tipo === 'nao_encontrado') {
-                    this.atualizarAcao(idAcao, { enviando: false, estado: 'indeterminada', aviso: erro.mensagem });
-                    this.verificarAcao(idAcao);
-                }
-                else {
-                    this.atualizarAcao(idAcao, { enviando: false, estado: 'pendente', aviso: erro.mensagem });
-                }
-                this.anuncios$.next(erro.mensagem);
-            },
-        });
-    }
-    cancelar(idAcao) {
-        const acao = this.valor.acoes[idAcao];
-        if (!acao || acao.enviando || acao.estado !== 'pendente')
-            return;
-        this.atualizarAcao(idAcao, { enviando: true, aviso: null });
-        this.api.cancelarAcao(idAcao).pipe(takeUntil(this.cancelarSessao$)).subscribe({
-            next: resposta => this.concluirDecisao(idAcao, resposta, null, false),
-            error: err => {
-                const erro = this.normalizar(err);
-                if (erro.corpo?.acao_pendente) {
-                    this.concluirDecisao(idAcao, erro.corpo, erro, false);
-                }
-                else {
-                    this.atualizarAcao(idAcao, { enviando: false, aviso: erro.mensagem });
-                }
-            },
-        });
-    }
-    /** Consulta a situação real da ação relendo o histórico da conversa. */
-    verificarAcao(idAcao) {
-        const acao = this.valor.acoes[idAcao];
-        const idConversa = this.valor.conversa?.id;
-        if (!acao || !idConversa)
-            return;
-        this.atualizarAcao(idAcao, { enviando: true });
-        this.api.historico(idConversa).pipe(takeUntil(this.cancelarSessao$)).subscribe({
-            next: r => {
-                const mensagens = Array.isArray(r?.data) ? r.data : [];
-                const atual = mensagens.map(m => adaptarAcao(m?.acao_pendente)).find(a => a?.id === idAcao);
-                if (atual) {
-                    this.atualizarAcao(idAcao, { ...atual, enviando: false, aviso: atual.estado === 'indeterminada' ? 'Confira no sistema se a alteração foi aplicada.' : null });
-                    this.patch({ mensagens: this.mesclar(this.valor.mensagens, mensagens.map(adaptarMensagem).filter(Boolean)) });
-                }
-                else {
-                    this.atualizarAcao(idAcao, {
-                        enviando: false,
-                        aviso: 'Não foi possível consultar o estado desta ação. Confira na tela correspondente se a alteração foi aplicada.',
-                    });
-                }
-            },
-            error: err => this.atualizarAcao(idAcao, { enviando: false, aviso: this.normalizar(err).mensagem }),
-        });
-    }
-    limparErro() {
-        this.patch({ erro: null, aviso: null });
-    }
-    /* ---------------- internos ---------------- */
-    /** Aplica uma resposta de confirmar/cancelar (de sucesso ou de erro com corpo). */
-    concluirDecisao(idAcao, resposta, erro, confirmacao) {
-        const anterior = this.valor.acoes[idAcao];
-        this.aplicarResposta(resposta, !erro);
-        const atual = this.valor.acoes[idAcao];
-        // sem a ação na resposta, o resultado é desconhecido
-        if (!atual || atual === anterior) {
-            this.atualizarAcao(idAcao, {
-                enviando: false,
-                estado: confirmacao ? 'indeterminada' : anterior?.estado,
-                aviso: erro?.mensagem ?? 'A API não informou o resultado. Confira se a alteração foi aplicada.',
-            });
-        }
-        else {
-            this.atualizarAcao(idAcao, { enviando: false, aviso: erro?.mensagem ?? null });
-        }
-        const final = this.valor.acoes[idAcao];
-        // Sucesso só quando a API devolve a ação como executada.
-        if (confirmacao && final?.estado === 'concluida') {
-            this.assistant.emitir({ tipo: 'acao_concluida', idAcao, ferramenta: final.ferramenta });
-            this.anuncios$.next('Alteração concluída.');
-        }
-        else if (final?.estado === 'falha') {
-            this.anuncios$.next('A alteração não foi concluída.');
-        }
-    }
-    /** Resposta padrão (ApresentadorConversa::resposta): conversa, mensagem e ação pendente. */
-    aplicarResposta(resposta, emitirInstrucoes) {
-        if (!resposta || typeof resposta !== 'object')
-            return;
-        const mensagem = adaptarMensagem(resposta.mensagem);
-        this.patch({
-            conversa: adaptarConversa(resposta.conversa) ?? this.valor.conversa,
-            mensagens: mensagem ? this.mesclar(this.valor.mensagens, [mensagem]) : this.valor.mensagens,
-            acoes: this.mesclarAcoes([resposta.acao_anterior, resposta.mensagem?.acao_pendente, resposta.acao_pendente]),
-        });
-        if (emitirInstrucoes && resposta.mensagem?.papel === 'assistente') {
-            adaptarInstrucoes(resposta.mensagem.instrucoes_interface).forEach(e => this.assistant.emitir(e));
-        }
-    }
-    mesclar(atuais, novas) {
-        const ids = new Set(atuais.map(m => m.id));
-        return [...atuais, ...novas.filter(m => !ids.has(m.id))];
-    }
-    mesclarAcoes(novas) {
-        const acoes = { ...this.valor.acoes };
-        novas.map(adaptarAcao).filter(Boolean).forEach(a => {
-            // uma ação já resolvida localmente não volta a "pendente" por uma resposta antiga
-            const anterior = acoes[a.id];
-            acoes[a.id] = anterior && anterior.estado !== 'pendente' && anterior.estado !== 'executando' && a.estado === 'pendente'
-                ? anterior
-                : { ...a, enviando: anterior?.enviando, aviso: anterior?.aviso };
-        });
-        return acoes;
-    }
-    atualizarAcao(id, parcial) {
-        const atual = this.valor.acoes[id];
-        if (!atual)
-            return;
-        this.patch({ acoes: { ...this.valor.acoes, [id]: { ...atual, ...parcial, id } } });
-    }
-    doContextoAtual(conversa) {
-        const sistema = this.assistant.sistemaOrigem;
-        const idLoja = this.assistant.contexto.idLoja ?? null;
-        return conversa.sistemaOrigem === sistema && (conversa.idLoja ?? null) === idLoja;
-    }
-    encerrarConversa(aviso) {
-        this.cancelarConversa$.next();
-        this.escopoLoja = null;
-        this.patch({
-            conversa: null,
-            mensagens: [],
-            acoes: {},
-            enviando: false,
-            carregandoConversa: false,
-            erro: null,
-            aviso,
-            conversas: null,
-            textoComFalha: null,
-        });
-    }
-    limparTudo() {
-        this.cancelarConversa$.next();
-        this.cancelarSessao$.next();
-        this.escopoLoja = null;
-        this.estado$.next(ESTADO_INICIAL);
-    }
-    patch(parcial) {
-        this.estado$.next({ ...this.estado$.value, ...parcial });
-    }
-    novoIdLocal() {
-        return 'local-' + (++this.idLocal);
-    }
-    normalizar(err) {
-        if (err && typeof err === 'object' && typeof err.tipo === 'string' && typeof err.mensagem === 'string')
-            return err;
-        return this.erroLocal('servidor', 'Algo deu errado ao falar com a Uiny. Tente de novo.');
-    }
-    erroLocal(tipo, mensagem) {
-        return { tipo, status: 0, codigo: null, mensagem, correlacao: null };
-    }
-}
-UinyChatService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyChatService, deps: [{ token: UinyApiService }, { token: UinySessionService }, { token: UiAssistantService }], target: i0.ɵɵFactoryTarget.Injectable });
-UinyChatService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyChatService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UinyChatService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: UinyApiService }, { type: UinySessionService }, { type: UiAssistantService }]; } });
-
-/*
- * Subconjunto seguro de Markdown para as respostas da Uiny.
- *
- * O texto vira uma árvore de tokens renderizada pelo template com interpolação
- * ({{ }}), sem innerHTML e sem bypass do sanitizador do Angular. HTML presente no
- * texto aparece literalmente. Links só com http, https ou mailto.
- *
- * Suporta: parágrafos, quebras de linha, listas (- * 1.), títulos (#, ##, ###),
- * blocos de código (```), `código`, **negrito**, *itálico*, [texto](url) e URLs soltas.
- */
-const PROTOCOLOS = ['http:', 'https:', 'mailto:'];
-function urlPermitida(url) {
-    const bruto = (url || '').trim();
-    if (!bruto || bruto.length > 2000)
-        return null;
-    try {
-        const u = new URL(bruto);
-        return PROTOCOLOS.includes(u.protocol) ? u.href : null;
-    }
-    catch {
-        return null;
-    }
-}
-const INLINE = /(`[^`\n]+`)|(\*\*[^*\n]+\*\*)|(\[[^\]\n]{1,300}\]\([^()\s]{1,2000}\))|(\bhttps?:\/\/[^\s<>()]*[^\s<>().,;:!?'"])|(\*[^*\s][^*\n]*\*)/g;
-function parseInline(texto) {
-    const saida = [];
-    let ultimo = 0;
-    INLINE.lastIndex = 0;
-    let m;
-    while ((m = INLINE.exec(texto)) !== null) {
-        if (m.index > ultimo)
-            saida.push({ t: 'text', v: texto.slice(ultimo, m.index) });
-        const token = m[0];
-        if (m[1]) {
-            saida.push({ t: 'code', v: token.slice(1, -1) });
-        }
-        else if (m[2]) {
-            saida.push({ t: 'strong', v: token.slice(2, -2) });
-        }
-        else if (m[3]) {
-            const fim = token.indexOf('](');
-            const rotulo = token.slice(1, fim);
-            const href = urlPermitida(token.slice(fim + 2, -1));
-            saida.push(href ? { t: 'link', v: rotulo, href } : { t: 'text', v: rotulo });
-        }
-        else if (m[4]) {
-            const href = urlPermitida(token);
-            saida.push(href ? { t: 'link', v: token, href } : { t: 'text', v: token });
-        }
-        else {
-            saida.push({ t: 'em', v: token.slice(1, -1) });
-        }
-        ultimo = m.index + token.length;
-    }
-    if (ultimo < texto.length)
-        saida.push({ t: 'text', v: texto.slice(ultimo) });
-    return saida;
-}
-function parseMarkdown(texto) {
-    const linhas = (texto || '').replace(/\r\n?/g, '\n').split('\n');
-    const blocos = [];
-    let paragrafo = [];
-    let lista = null;
-    const fecharParagrafo = () => {
-        if (paragrafo.length)
-            blocos.push({ t: 'p', linhas: paragrafo });
-        paragrafo = [];
-    };
-    const fecharLista = () => {
-        if (lista)
-            blocos.push(lista.t === 'ul' ? { t: 'ul', itens: lista.itens } : { t: 'ol', itens: lista.itens, inicio: lista.inicio });
-        lista = null;
-    };
-    for (let i = 0; i < linhas.length; i++) {
-        const linha = linhas[i];
-        if (/^\s*```/.test(linha)) {
-            fecharParagrafo();
-            fecharLista();
-            const codigo = [];
-            i++;
-            while (i < linhas.length && !/^\s*```/.test(linhas[i]))
-                codigo.push(linhas[i++]);
-            blocos.push({ t: 'code', v: codigo.join('\n') });
-            continue;
-        }
-        if (!linha.trim()) {
-            fecharParagrafo();
-            fecharLista();
-            continue;
-        }
-        const titulo = /^\s{0,3}#{1,3}\s+(.*)$/.exec(linha);
-        if (titulo) {
-            fecharParagrafo();
-            fecharLista();
-            blocos.push({ t: 'h', inlines: parseInline(titulo[1]) });
-            continue;
-        }
-        const ul = /^\s*[-*•]\s+(.*)$/.exec(linha);
-        const ol = /^\s*(\d{1,3})[.)]\s+(.*)$/.exec(linha);
-        if (ul || ol) {
-            fecharParagrafo();
-            const tipo = ul ? 'ul' : 'ol';
-            if (!lista || lista.t !== tipo) {
-                fecharLista();
-                lista = { t: tipo, itens: [], inicio: ol ? Number(ol[1]) : 1 };
-            }
-            lista.itens.push(parseInline(ul ? ul[1] : ol[2]));
-            continue;
-        }
-        if (lista && /^\s{2,}\S/.test(linha)) {
-            // continuação do último item da lista
-            lista.itens[lista.itens.length - 1].push({ t: 'text', v: ' ' }, ...parseInline(linha.trim()));
-            continue;
-        }
-        fecharLista();
-        paragrafo.push(parseInline(linha));
-    }
-    fecharParagrafo();
-    fecharLista();
-    return blocos;
-}
-
-/**
- * Exibe o texto da Uiny com um subconjunto de Markdown. Tudo é renderizado por
- * interpolação: HTML vindo da API aparece como texto, nunca é interpretado.
- */
-class UiAssistantTextComponent {
-    constructor() {
-        this.texto = '';
-        this.blocos = [];
-    }
-    ngOnChanges() {
-        this.blocos = parseMarkdown(this.texto || '');
-    }
-}
-UiAssistantTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantTextComponent, selector: "ui-assistant-text", inputs: { texto: "texto" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #inlines let-lista>\n    <ng-container *ngFor=\"let i of lista\" [ngSwitch]=\"i.t\">\n        <strong *ngSwitchCase=\"'strong'\">{{ i.v }}</strong>\n        <em *ngSwitchCase=\"'em'\">{{ i.v }}</em>\n        <code *ngSwitchCase=\"'code'\">{{ i.v }}</code>\n        <a *ngSwitchCase=\"'link'\" [href]=\"i.href\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">{{ i.v }}</a>\n        <ng-container *ngSwitchDefault>{{ i.v }}</ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-container *ngFor=\"let b of blocos\" [ngSwitch]=\"b.t\">\n    <p *ngSwitchCase=\"'p'\">\n        <ng-container *ngFor=\"let linha of $any(b).linhas; let ultima = last\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: linha }\"></ng-container><br *ngIf=\"!ultima\">\n        </ng-container>\n    </p>\n    <p *ngSwitchCase=\"'h'\" class=\"uiny-texto__titulo\">\n        <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: $any(b).inlines }\"></ng-container>\n    </p>\n    <ul *ngSwitchCase=\"'ul'\">\n        <li *ngFor=\"let item of $any(b).itens\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: item }\"></ng-container>\n        </li>\n    </ul>\n    <ol *ngSwitchCase=\"'ol'\" [attr.start]=\"$any(b).inicio !== 1 ? $any(b).inicio : null\">\n        <li *ngFor=\"let item of $any(b).itens\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: item }\"></ng-container>\n        </li>\n    </ol>\n    <pre *ngSwitchCase=\"'code'\"><code>{{ $any(b).v }}</code></pre>\n</ng-container>\n", styles: [":host{display:block;line-height:1.55;overflow-wrap:anywhere}p,ul,ol,pre{margin:0 0 8px}p:last-child,ul:last-child,ol:last-child,pre:last-child{margin-bottom:0}ul,ol{padding-left:20px}li+li{margin-top:3px}.uiny-texto__titulo{font-weight:700;margin-top:4px}strong{font-weight:700}code{padding:1px 5px;border-radius:5px;background:var(--uiny-fundo-suave, #f7f7fb);font-size:12.5px}pre{padding:10px 12px;border-radius:10px;background:var(--uiny-fundo-suave, #f7f7fb);overflow-x:auto;white-space:pre}pre code{padding:0;background:none}a{color:var(--uiny-primaria, #7366ff);text-decoration:underline;text-underline-offset:2px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #inlines let-lista>\n    <ng-container *ngFor=\"let i of lista\" [ngSwitch]=\"i.t\">\n        <strong *ngSwitchCase=\"'strong'\">{{ i.v }}</strong>\n        <em *ngSwitchCase=\"'em'\">{{ i.v }}</em>\n        <code *ngSwitchCase=\"'code'\">{{ i.v }}</code>\n        <a *ngSwitchCase=\"'link'\" [href]=\"i.href\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">{{ i.v }}</a>\n        <ng-container *ngSwitchDefault>{{ i.v }}</ng-container>\n    </ng-container>\n</ng-template>\n\n<ng-container *ngFor=\"let b of blocos\" [ngSwitch]=\"b.t\">\n    <p *ngSwitchCase=\"'p'\">\n        <ng-container *ngFor=\"let linha of $any(b).linhas; let ultima = last\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: linha }\"></ng-container><br *ngIf=\"!ultima\">\n        </ng-container>\n    </p>\n    <p *ngSwitchCase=\"'h'\" class=\"uiny-texto__titulo\">\n        <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: $any(b).inlines }\"></ng-container>\n    </p>\n    <ul *ngSwitchCase=\"'ul'\">\n        <li *ngFor=\"let item of $any(b).itens\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: item }\"></ng-container>\n        </li>\n    </ul>\n    <ol *ngSwitchCase=\"'ol'\" [attr.start]=\"$any(b).inicio !== 1 ? $any(b).inicio : null\">\n        <li *ngFor=\"let item of $any(b).itens\">\n            <ng-container *ngTemplateOutlet=\"inlines; context: { $implicit: item }\"></ng-container>\n        </li>\n    </ol>\n    <pre *ngSwitchCase=\"'code'\"><code>{{ $any(b).v }}</code></pre>\n</ng-container>\n", styles: [":host{display:block;line-height:1.55;overflow-wrap:anywhere}p,ul,ol,pre{margin:0 0 8px}p:last-child,ul:last-child,ol:last-child,pre:last-child{margin-bottom:0}ul,ol{padding-left:20px}li+li{margin-top:3px}.uiny-texto__titulo{font-weight:700;margin-top:4px}strong{font-weight:700}code{padding:1px 5px;border-radius:5px;background:var(--uiny-fundo-suave, #f7f7fb);font-size:12.5px}pre{padding:10px 12px;border-radius:10px;background:var(--uiny-fundo-suave, #f7f7fb);overflow-x:auto;white-space:pre}pre code{padding:0;background:none}a{color:var(--uiny-primaria, #7366ff);text-decoration:underline;text-underline-offset:2px}\n"] }]
-        }], propDecorators: { texto: [{
-                type: Input
-            }] } });
-
-/** Distância do fim (px) até onde ainda consideramos que o usuário está "no fim". */
-const PERTO_DO_FIM = 96;
-class UiAssistantMessagesComponent {
-    constructor(cdr, zone) {
-        this.cdr = cdr;
-        this.mensagens = [];
-        this.acoes = {};
-        this.enviando = false;
-        this.carregando = false;
-        this.sugestoes = [];
-        this.capacidades = [];
-        this.temAlteracoes = false;
-        this.podeEnviar = true;
-        this.sugestao = new EventEmitter();
-        this.confirmar = new EventEmitter();
-        this.cancelar = new EventEmitter();
-        this.verificar = new EventEmitter();
-        this.novas = false;
-        this.pertoDoFim = true;
-        this.rolarPendente = true;
-        // o listener roda fora da zona: só reentra quando o indicador muda
-        zone.runOutsideAngular(() => setTimeout(() => {
-            const el = this.area?.nativeElement;
-            if (!el)
-                return;
-            const aoRolar = () => {
-                const perto = this.calcularPertoDoFim();
-                if (perto === this.pertoDoFim)
-                    return;
-                this.pertoDoFim = perto;
-                if (perto && this.novas)
-                    zone.run(() => {
-                        this.novas = false;
-                        this.cdr.markForCheck();
-                    });
-            };
-            el.addEventListener('scroll', aoRolar, { passive: true });
-            this.removerScroll = () => el.removeEventListener('scroll', aoRolar);
-        }));
-    }
-    ngOnChanges(changes) {
-        const mudou = changes['mensagens'] || changes['enviando'] || changes['acoes'];
-        if (!mudou)
-            return;
-        const mensagensMudaram = !!changes['mensagens'];
-        const anterior = changes['mensagens']?.previousValue || [];
-        const atual = this.mensagens || [];
-        const conversaTrocada = mensagensMudaram && (!anterior.length || !atual.length || anterior[0]?.id !== atual[0]?.id);
-        const ultima = atual[atual.length - 1];
-        // quem acabou de enviar quer ver a própria mensagem
-        const ultimaDoUsuario = mensagensMudaram && ultima?.papel === 'usuario' && ultima.id.startsWith('local-');
-        if (conversaTrocada || ultimaDoUsuario || this.pertoDoFim) {
-            this.rolarPendente = true;
-        }
-        else if (mensagensMudaram && atual.length > anterior.length) {
-            // o usuário está lendo mensagens antigas: preserva a posição
-            this.novas = true;
-        }
-    }
-    ngAfterViewChecked() {
-        if (!this.rolarPendente)
-            return;
-        this.rolarPendente = false;
-        this.irParaOFim(false);
-    }
-    ngOnDestroy() {
-        this.removerScroll?.();
-    }
-    irParaOFim(suave = true) {
-        const el = this.area?.nativeElement;
-        if (!el)
-            return;
-        const reduzir = typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
-        if (suave && !reduzir && el.scrollTo) {
-            el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
-        }
-        else {
-            el.scrollTop = el.scrollHeight;
-        }
-        this.pertoDoFim = true;
-        if (this.novas) {
-            this.novas = false;
-            this.cdr.markForCheck();
-        }
-    }
-    acaoDa(mensagem) {
-        return mensagem.idAcao ? this.acoes?.[mensagem.idAcao] ?? null : null;
-    }
-    /** Ações devolvidas pela API sem mensagem que as referencie: aparecem no fim. */
-    get acoesSemMensagem() {
-        const referenciadas = new Set((this.mensagens || []).map(m => m.idAcao).filter(Boolean));
-        return Object.values(this.acoes || {}).filter(a => !referenciadas.has(a.id));
-    }
-    trackMensagem(_, m) {
-        return m.id;
-    }
-    trackAcao(_, a) {
-        return a.id;
-    }
-    calcularPertoDoFim() {
-        const el = this.area.nativeElement;
-        return el.scrollHeight - el.scrollTop - el.clientHeight <= PERTO_DO_FIM;
-    }
-}
-UiAssistantMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantMessagesComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantMessagesComponent, selector: "ui-assistant-messages", inputs: { mensagens: "mensagens", acoes: "acoes", enviando: "enviando", carregando: "carregando", sugestoes: "sugestoes", capacidades: "capacidades", temAlteracoes: "temAlteracoes", podeEnviar: "podeEnviar" }, outputs: { sugestao: "sugestao", confirmar: "confirmar", cancelar: "cancelar", verificar: "verificar" }, viewQueries: [{ propertyName: "area", first: true, predicate: ["area"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div #area class=\"uiny-msgs\" role=\"log\" aria-live=\"off\" aria-label=\"Mensagens da conversa com a Uiny\" tabindex=\"0\">\r\n\r\n    <div *ngIf=\"carregando\" class=\"uiny-msgs__carregando\" role=\"status\">\r\n        <span class=\"uiny-spinner\" aria-hidden=\"true\"></span> Carregando a conversa\u2026\r\n    </div>\r\n\r\n    <div *ngIf=\"!carregando && !mensagens?.length\" class=\"uiny-boas-vindas\">\r\n        <p class=\"uiny-boas-vindas__titulo\">Ol\u00E1! Eu sou a Uiny.</p>\r\n        <p class=\"uiny-boas-vindas__texto\">Sou a assistente virtual da Uishop. Conte o que voc\u00EA precisa e eu ajudo por aqui.</p>\r\n        <p *ngIf=\"temAlteracoes\" class=\"uiny-boas-vindas__nota\">\r\n            <ui-icon icon=\"verified_user\" size=\"16\"></ui-icon>\r\n            <span>Antes de alterar qualquer informa\u00E7\u00E3o, eu mostro o que vai mudar e s\u00F3 sigo com a sua confirma\u00E7\u00E3o.</span>\r\n        </p>\r\n\r\n        <div *ngIf=\"sugestoes?.length\" class=\"uiny-sugestoes\" aria-label=\"Sugest\u00F5es\">\r\n            <button *ngFor=\"let s of sugestoes\" type=\"button\" class=\"uiny-sugestao\" [disabled]=\"!podeEnviar\" (click)=\"sugestao.emit(s)\">\r\n                {{ s }}\r\n            </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"capacidades?.length\" class=\"uiny-capacidades\">\r\n            <p class=\"uiny-capacidades__titulo\">Posso ajudar com:</p>\r\n            <ul>\r\n                <li *ngFor=\"let c of capacidades\">{{ c }}</li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngFor=\"let m of mensagens; trackBy: trackMensagem\" class=\"uiny-msg\"\r\n        [class.uiny-msg--usuario]=\"m.papel === 'usuario'\"\r\n        [class.uiny-msg--assistente]=\"m.papel !== 'usuario'\"\r\n        [class.uiny-msg--falha]=\"m.erro\">\r\n        <span class=\"uiny-sr\">{{ m.papel === 'usuario' ? 'Voc\u00EA:' : 'Uiny:' }}</span>\r\n        <div class=\"uiny-msg__balao\">\r\n            <p *ngIf=\"m.papel === 'usuario'\" class=\"uiny-msg__simples\">{{ m.texto }}</p>\r\n            <ui-assistant-text *ngIf=\"m.papel !== 'usuario'\" [texto]=\"m.texto\"></ui-assistant-text>\r\n        </div>\r\n\r\n        <ui-assistant-action-card *ngIf=\"acaoDa(m) as acao\" [acao]=\"acao\"\r\n            (confirmar)=\"confirmar.emit($event)\" (cancelar)=\"cancelar.emit($event)\" (verificar)=\"verificar.emit($event)\">\r\n        </ui-assistant-action-card>\r\n\r\n        <!-- esclarecimento: op\u00E7\u00F5es s\u00F3 na \u00FAltima mensagem, enviadas como texto -->\r\n        <div *ngIf=\"m.opcoes?.length && m === mensagens[mensagens.length - 1]\" class=\"uiny-sugestoes uiny-msg__opcoes\" aria-label=\"Op\u00E7\u00F5es de resposta\">\r\n            <button *ngFor=\"let o of m.opcoes\" type=\"button\" class=\"uiny-sugestao\" [disabled]=\"!podeEnviar || enviando\" (click)=\"sugestao.emit(o)\">\r\n                {{ o }}\r\n            </button>\r\n        </div>\r\n\r\n        <div class=\"uiny-msg__meta\">\r\n            <span *ngIf=\"m.erro\" class=\"uiny-msg__nao-enviada\">\r\n                <ui-icon icon=\"error\" size=\"14\"></ui-icon> N\u00E3o enviada\r\n            </span>\r\n            <time *ngIf=\"m.criadaEm && !m.erro\" [attr.datetime]=\"m.criadaEm.toISOString()\">{{ m.criadaEm | date:'HH:mm' }}</time>\r\n        </div>\r\n    </div>\r\n\r\n    <ui-assistant-action-card *ngFor=\"let acao of acoesSemMensagem; trackBy: trackAcao\" class=\"uiny-msgs__acao-solta\" [acao]=\"acao\"\r\n        (confirmar)=\"confirmar.emit($event)\" (cancelar)=\"cancelar.emit($event)\" (verificar)=\"verificar.emit($event)\">\r\n    </ui-assistant-action-card>\r\n\r\n    <div *ngIf=\"enviando\" class=\"uiny-digitando\">\r\n        <span class=\"uiny-digitando__pontos\" aria-hidden=\"true\"><i></i><i></i><i></i></span>\r\n        <span class=\"uiny-digitando__texto\">A Uiny est\u00E1 pensando\u2026</span>\r\n    </div>\r\n</div>\r\n\r\n<button *ngIf=\"novas\" type=\"button\" class=\"uiny-novas\" (click)=\"irParaOFim()\">\r\n    <ui-icon icon=\"arrow_downward\" size=\"16\"></ui-icon> Novas mensagens\r\n</button>\r\n", styles: [":host{position:relative;display:flex;flex-direction:column;min-height:0}.uiny-msgs{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 14px 8px;scrollbar-width:thin}.uiny-msgs:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:-2px}.uiny-msgs__carregando{display:flex;align-items:center;gap:8px;color:var(--uiny-texto-suave, #6b6b80);font-size:13px}.uiny-spinner{width:14px;height:14px;border:2px solid var(--uiny-borda, #ececf3);border-top-color:var(--uiny-primaria, #7366ff);border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny-boas-vindas{padding:8px 2px 4px}.uiny-boas-vindas__titulo{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--uiny-texto, #2b2b2b)}.uiny-boas-vindas__texto{margin:0 0 12px;color:var(--uiny-texto-suave, #6b6b80);line-height:1.5}.uiny-boas-vindas__nota{display:flex;gap:6px;margin:0 0 14px;padding:8px 10px;border-radius:10px;background:var(--uiny-fundo-suave, #f7f7fb);color:var(--uiny-texto-suave, #6b6b80);font-size:12.5px;line-height:1.45}.uiny-boas-vindas__nota ui-icon{flex:0 0 auto;color:var(--uiny-primaria, #7366ff)}.uiny-sugestoes{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.uiny-sugestao{max-width:100%;padding:8px 12px;border:1px solid var(--uiny-borda, #ececf3);border-radius:12px;background:var(--uiny-fundo, #fff);color:var(--uiny-texto, #2b2b2b);font-size:13px;text-align:left;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.uiny-sugestao:hover:not(:disabled){border-color:var(--uiny-primaria, #7366ff);background:var(--uiny-aviso-fundo, #f1effe)}.uiny-sugestao:disabled{opacity:.5;cursor:not-allowed}.uiny-sugestao:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-capacidades{font-size:13px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-capacidades ul{margin:0;padding-left:18px}.uiny-capacidades li+li{margin-top:2px}.uiny-capacidades__titulo{margin:0 0 4px;font-weight:600;color:var(--uiny-texto, #2b2b2b)}.uiny-msg{display:flex;flex-direction:column;margin-top:14px}.uiny-msg:first-of-type{margin-top:0}.uiny-msg--usuario{align-items:flex-end}.uiny-msg--usuario .uiny-msg__balao{max-width:85%;padding:9px 13px;border-radius:16px 16px 4px;background:var(--uiny-primaria, #7366ff);color:#fff}.uiny-msg--assistente{align-items:stretch}.uiny-msg--assistente .uiny-msg__balao{max-width:100%;color:var(--uiny-texto, #2b2b2b)}.uiny-msg--falha .uiny-msg__balao{opacity:.65}.uiny-msg__simples{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.uiny-msg__meta{margin-top:3px;font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-msg__meta time{opacity:.8}.uiny-msg__nao-enviada{display:inline-flex;align-items:center;gap:3px;color:var(--uiny-erro, #d9364f)}.uiny-msg__opcoes{margin-top:8px}.uiny-msgs__acao-solta{display:block;margin-top:14px}.uiny-digitando{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--uiny-texto-suave, #6b6b80);font-size:13px}.uiny-digitando__pontos{display:inline-flex;gap:3px}.uiny-digitando__pontos i{width:6px;height:6px;border-radius:50%;background:var(--uiny-primaria, #7366ff);animation:uiny-pulsar 1.2s ease-in-out infinite}.uiny-digitando__pontos i:nth-child(2){animation-delay:.15s}.uiny-digitando__pontos i:nth-child(3){animation-delay:.3s}.uiny-novas{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:0;border-radius:999px;background:var(--uiny-primaria, #7366ff);color:#fff;font-size:12px;font-weight:600;box-shadow:0 6px 16px #1f1b4d33;cursor:pointer}.uiny-novas:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes uiny-girar{to{transform:rotate(360deg)}}@keyframes uiny-pulsar{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.uiny-digitando__pontos i{animation:none;opacity:.6}.uiny-spinner{animation-duration:2.4s}.uiny-sugestao{transition:none}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "component", type: UiAssistantTextComponent, selector: "ui-assistant-text", inputs: ["texto"] }, { kind: "component", type: UiAssistantActionCardComponent, selector: "ui-assistant-action-card", inputs: ["acao"], outputs: ["confirmar", "cancelar", "verificar"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantMessagesComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-messages', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #area class=\"uiny-msgs\" role=\"log\" aria-live=\"off\" aria-label=\"Mensagens da conversa com a Uiny\" tabindex=\"0\">\r\n\r\n    <div *ngIf=\"carregando\" class=\"uiny-msgs__carregando\" role=\"status\">\r\n        <span class=\"uiny-spinner\" aria-hidden=\"true\"></span> Carregando a conversa\u2026\r\n    </div>\r\n\r\n    <div *ngIf=\"!carregando && !mensagens?.length\" class=\"uiny-boas-vindas\">\r\n        <p class=\"uiny-boas-vindas__titulo\">Ol\u00E1! Eu sou a Uiny.</p>\r\n        <p class=\"uiny-boas-vindas__texto\">Sou a assistente virtual da Uishop. Conte o que voc\u00EA precisa e eu ajudo por aqui.</p>\r\n        <p *ngIf=\"temAlteracoes\" class=\"uiny-boas-vindas__nota\">\r\n            <ui-icon icon=\"verified_user\" size=\"16\"></ui-icon>\r\n            <span>Antes de alterar qualquer informa\u00E7\u00E3o, eu mostro o que vai mudar e s\u00F3 sigo com a sua confirma\u00E7\u00E3o.</span>\r\n        </p>\r\n\r\n        <div *ngIf=\"sugestoes?.length\" class=\"uiny-sugestoes\" aria-label=\"Sugest\u00F5es\">\r\n            <button *ngFor=\"let s of sugestoes\" type=\"button\" class=\"uiny-sugestao\" [disabled]=\"!podeEnviar\" (click)=\"sugestao.emit(s)\">\r\n                {{ s }}\r\n            </button>\r\n        </div>\r\n\r\n        <div *ngIf=\"capacidades?.length\" class=\"uiny-capacidades\">\r\n            <p class=\"uiny-capacidades__titulo\">Posso ajudar com:</p>\r\n            <ul>\r\n                <li *ngFor=\"let c of capacidades\">{{ c }}</li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngFor=\"let m of mensagens; trackBy: trackMensagem\" class=\"uiny-msg\"\r\n        [class.uiny-msg--usuario]=\"m.papel === 'usuario'\"\r\n        [class.uiny-msg--assistente]=\"m.papel !== 'usuario'\"\r\n        [class.uiny-msg--falha]=\"m.erro\">\r\n        <span class=\"uiny-sr\">{{ m.papel === 'usuario' ? 'Voc\u00EA:' : 'Uiny:' }}</span>\r\n        <div class=\"uiny-msg__balao\">\r\n            <p *ngIf=\"m.papel === 'usuario'\" class=\"uiny-msg__simples\">{{ m.texto }}</p>\r\n            <ui-assistant-text *ngIf=\"m.papel !== 'usuario'\" [texto]=\"m.texto\"></ui-assistant-text>\r\n        </div>\r\n\r\n        <ui-assistant-action-card *ngIf=\"acaoDa(m) as acao\" [acao]=\"acao\"\r\n            (confirmar)=\"confirmar.emit($event)\" (cancelar)=\"cancelar.emit($event)\" (verificar)=\"verificar.emit($event)\">\r\n        </ui-assistant-action-card>\r\n\r\n        <!-- esclarecimento: op\u00E7\u00F5es s\u00F3 na \u00FAltima mensagem, enviadas como texto -->\r\n        <div *ngIf=\"m.opcoes?.length && m === mensagens[mensagens.length - 1]\" class=\"uiny-sugestoes uiny-msg__opcoes\" aria-label=\"Op\u00E7\u00F5es de resposta\">\r\n            <button *ngFor=\"let o of m.opcoes\" type=\"button\" class=\"uiny-sugestao\" [disabled]=\"!podeEnviar || enviando\" (click)=\"sugestao.emit(o)\">\r\n                {{ o }}\r\n            </button>\r\n        </div>\r\n\r\n        <div class=\"uiny-msg__meta\">\r\n            <span *ngIf=\"m.erro\" class=\"uiny-msg__nao-enviada\">\r\n                <ui-icon icon=\"error\" size=\"14\"></ui-icon> N\u00E3o enviada\r\n            </span>\r\n            <time *ngIf=\"m.criadaEm && !m.erro\" [attr.datetime]=\"m.criadaEm.toISOString()\">{{ m.criadaEm | date:'HH:mm' }}</time>\r\n        </div>\r\n    </div>\r\n\r\n    <ui-assistant-action-card *ngFor=\"let acao of acoesSemMensagem; trackBy: trackAcao\" class=\"uiny-msgs__acao-solta\" [acao]=\"acao\"\r\n        (confirmar)=\"confirmar.emit($event)\" (cancelar)=\"cancelar.emit($event)\" (verificar)=\"verificar.emit($event)\">\r\n    </ui-assistant-action-card>\r\n\r\n    <div *ngIf=\"enviando\" class=\"uiny-digitando\">\r\n        <span class=\"uiny-digitando__pontos\" aria-hidden=\"true\"><i></i><i></i><i></i></span>\r\n        <span class=\"uiny-digitando__texto\">A Uiny est\u00E1 pensando\u2026</span>\r\n    </div>\r\n</div>\r\n\r\n<button *ngIf=\"novas\" type=\"button\" class=\"uiny-novas\" (click)=\"irParaOFim()\">\r\n    <ui-icon icon=\"arrow_downward\" size=\"16\"></ui-icon> Novas mensagens\r\n</button>\r\n", styles: [":host{position:relative;display:flex;flex-direction:column;min-height:0}.uiny-msgs{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:16px 14px 8px;scrollbar-width:thin}.uiny-msgs:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:-2px}.uiny-msgs__carregando{display:flex;align-items:center;gap:8px;color:var(--uiny-texto-suave, #6b6b80);font-size:13px}.uiny-spinner{width:14px;height:14px;border:2px solid var(--uiny-borda, #ececf3);border-top-color:var(--uiny-primaria, #7366ff);border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny-boas-vindas{padding:8px 2px 4px}.uiny-boas-vindas__titulo{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--uiny-texto, #2b2b2b)}.uiny-boas-vindas__texto{margin:0 0 12px;color:var(--uiny-texto-suave, #6b6b80);line-height:1.5}.uiny-boas-vindas__nota{display:flex;gap:6px;margin:0 0 14px;padding:8px 10px;border-radius:10px;background:var(--uiny-fundo-suave, #f7f7fb);color:var(--uiny-texto-suave, #6b6b80);font-size:12.5px;line-height:1.45}.uiny-boas-vindas__nota ui-icon{flex:0 0 auto;color:var(--uiny-primaria, #7366ff)}.uiny-sugestoes{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.uiny-sugestao{max-width:100%;padding:8px 12px;border:1px solid var(--uiny-borda, #ececf3);border-radius:12px;background:var(--uiny-fundo, #fff);color:var(--uiny-texto, #2b2b2b);font-size:13px;text-align:left;line-height:1.35;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.uiny-sugestao:hover:not(:disabled){border-color:var(--uiny-primaria, #7366ff);background:var(--uiny-aviso-fundo, #f1effe)}.uiny-sugestao:disabled{opacity:.5;cursor:not-allowed}.uiny-sugestao:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-capacidades{font-size:13px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-capacidades ul{margin:0;padding-left:18px}.uiny-capacidades li+li{margin-top:2px}.uiny-capacidades__titulo{margin:0 0 4px;font-weight:600;color:var(--uiny-texto, #2b2b2b)}.uiny-msg{display:flex;flex-direction:column;margin-top:14px}.uiny-msg:first-of-type{margin-top:0}.uiny-msg--usuario{align-items:flex-end}.uiny-msg--usuario .uiny-msg__balao{max-width:85%;padding:9px 13px;border-radius:16px 16px 4px;background:var(--uiny-primaria, #7366ff);color:#fff}.uiny-msg--assistente{align-items:stretch}.uiny-msg--assistente .uiny-msg__balao{max-width:100%;color:var(--uiny-texto, #2b2b2b)}.uiny-msg--falha .uiny-msg__balao{opacity:.65}.uiny-msg__simples{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.uiny-msg__meta{margin-top:3px;font-size:11px;color:var(--uiny-texto-suave, #6b6b80)}.uiny-msg__meta time{opacity:.8}.uiny-msg__nao-enviada{display:inline-flex;align-items:center;gap:3px;color:var(--uiny-erro, #d9364f)}.uiny-msg__opcoes{margin-top:8px}.uiny-msgs__acao-solta{display:block;margin-top:14px}.uiny-digitando{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--uiny-texto-suave, #6b6b80);font-size:13px}.uiny-digitando__pontos{display:inline-flex;gap:3px}.uiny-digitando__pontos i{width:6px;height:6px;border-radius:50%;background:var(--uiny-primaria, #7366ff);animation:uiny-pulsar 1.2s ease-in-out infinite}.uiny-digitando__pontos i:nth-child(2){animation-delay:.15s}.uiny-digitando__pontos i:nth-child(3){animation-delay:.3s}.uiny-novas{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:0;border-radius:999px;background:var(--uiny-primaria, #7366ff);color:#fff;font-size:12px;font-weight:600;box-shadow:0 6px 16px #1f1b4d33;cursor:pointer}.uiny-novas:focus-visible{outline:2px solid var(--uiny-primaria, #7366ff);outline-offset:2px}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes uiny-girar{to{transform:rotate(360deg)}}@keyframes uiny-pulsar{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.uiny-digitando__pontos i{animation:none;opacity:.6}.uiny-spinner{animation-duration:2.4s}.uiny-sugestao{transition:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { mensagens: [{
-                type: Input
-            }], acoes: [{
-                type: Input
-            }], enviando: [{
-                type: Input
-            }], carregando: [{
-                type: Input
-            }], sugestoes: [{
-                type: Input
-            }], capacidades: [{
-                type: Input
-            }], temAlteracoes: [{
-                type: Input
-            }], podeEnviar: [{
-                type: Input
-            }], sugestao: [{
-                type: Output
-            }], confirmar: [{
-                type: Output
-            }], cancelar: [{
-                type: Output
-            }], verificar: [{
-                type: Output
-            }], area: [{
-                type: ViewChild,
-                args: ['area', { static: true }]
-            }] } });
-
-class UiAssistantPanelComponent {
-    constructor(chat, assistant, session, cdr, config) {
-        this.chat = chat;
-        this.assistant = assistant;
-        this.session = session;
-        this.cdr = cdr;
-        /** Painel em largura total (celular/tablet): o botão de fechar vira "Voltar". */
-        this.empilhado = false;
-        this.online = true;
-        this.anuncio = '';
-        this.vendoHistorico = false;
-        this.mensagens = [];
-        this.acoes = {};
-        this.sugestoes = [];
-        this.capacidades = [];
-        this.temAlteracoes = false;
-        /** A imagem não carregou: usa o ícone padrão. */
-        this.avatarFalhou = false;
-        this.subs = new Subscription();
-        this.avatarUrl = config?.avatarUrl || UINY_AVATAR_PADRAO;
-    }
-    ngOnInit() {
-        this.subs.add(this.chat.estado.subscribe(estado => {
-            this.estado = estado;
-            this.mensagens = estado.mensagens;
-            this.acoes = estado.acoes;
-            this.cdr.markForCheck();
-        }));
-        this.subs.add(this.session.online$.subscribe(online => {
-            this.online = online;
-            this.cdr.markForCheck();
-        }));
-        this.subs.add(this.chat.anuncios.subscribe(texto => this.anunciar(texto)));
-        this.montarBoasVindas();
-    }
-    ngAfterViewInit() {
-        // espera a transição começar para não rolar a página no focus
-        setTimeout(() => this.composer?.focar(), 60);
-    }
-    ngOnDestroy() {
-        clearTimeout(this.timerAnuncio);
-        this.subs.unsubscribe();
-    }
-    aoEscape(evento) {
-        if (evento.defaultPrevented)
-            return;
-        if (this.vendoHistorico) {
-            this.vendoHistorico = false;
-            return;
-        }
-        evento.preventDefault();
-        this.assistant.fechar();
-    }
-    get podeEnviar() {
-        return this.online && !this.estado?.enviando && !this.estado?.carregandoConversa;
-    }
-    get motivoBloqueio() {
-        if (!this.online)
-            return 'Sem conexão com a internet.';
-        if (this.estado?.carregandoConversa)
-            return 'Carregando a conversa…';
-        return null;
-    }
-    fechar() {
-        this.assistant.fechar();
-    }
-    enviar(texto) {
-        if (!this.podeEnviar)
-            return;
-        if (this.chat.enviar(texto)) {
-            this.composer?.limpar();
-            this.vendoHistorico = false;
-        }
-    }
-    reenviar() {
-        const texto = this.estado?.textoComFalha;
-        if (texto && this.podeEnviar)
-            this.chat.enviar(texto);
-    }
-    usarSugestao(texto) {
-        this.enviar(texto);
-    }
-    novaConversa() {
-        if (this.chat.novaConversa()) {
-            this.vendoHistorico = false;
-            this.anunciar('Nova conversa iniciada.');
-            setTimeout(() => this.composer?.focar());
-        }
-    }
-    alternarHistorico() {
-        this.vendoHistorico = !this.vendoHistorico;
-        if (this.vendoHistorico)
-            this.chat.listarConversas();
-    }
-    abrirConversa(id) {
-        this.vendoHistorico = false;
-        this.chat.abrirConversa(id);
-        setTimeout(() => this.composer?.focar());
-    }
-    trackConversa(_, c) {
-        return c.id;
-    }
-    montarBoasVindas() {
-        const sugestoes = UINY_SUGESTOES[this.assistant.sistemaOrigem] ?? { textos: [], alteracoes: false };
-        this.sugestoes = sugestoes.textos;
-        this.capacidades = [];
-        this.temAlteracoes = sugestoes.alteracoes;
-    }
-    anunciar(texto) {
-        // limpa antes para leitores de tela repetirem anúncios iguais
-        this.anuncio = '';
-        this.cdr.markForCheck();
-        clearTimeout(this.timerAnuncio);
-        if (!texto)
-            return;
-        this.timerAnuncio = setTimeout(() => {
-            this.anuncio = texto;
-            this.cdr.markForCheck();
-        }, 50);
-    }
-}
-UiAssistantPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantPanelComponent, deps: [{ token: UinyChatService }, { token: UiAssistantService }, { token: UinySessionService }, { token: i0.ChangeDetectorRef }, { token: UINY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantPanelComponent, selector: "ui-assistant-panel", inputs: { empilhado: "empilhado" }, host: { listeners: { "keydown.escape": "aoEscape($event)" } }, viewQueries: [{ propertyName: "composer", first: true, predicate: UiAssistantComposerComponent, descendants: true }], ngImport: i0, template: "<section class=\"uiny\" aria-labelledby=\"uiny-titulo\">\r\n    <header class=\"uiny__topo\">\r\n        <div class=\"uiny__marca\">\r\n            <img *ngIf=\"!avatarFalhou\" class=\"uiny__avatar uiny__avatar--imagem\" [src]=\"avatarUrl\" alt=\"\"\r\n                width=\"34\" height=\"34\" (error)=\"avatarFalhou = true\">\r\n            <span *ngIf=\"avatarFalhou\" class=\"uiny__avatar\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" focusable=\"false\">\r\n                    <path d=\"M12 2.5c.5 3.9 2.6 6.9 6.4 8.2.5.2.5.9 0 1.1-3.8 1.3-5.9 4.3-6.4 8.2-.1.6-.9.6-1 0-.5-3.9-2.6-6.9-6.4-8.2-.5-.2-.5-.9 0-1.1 3.8-1.3 5.9-4.3 6.4-8.2.1-.6.9-.6 1 0Z\" fill=\"currentColor\"/>\r\n                </svg>\r\n            </span>\r\n            <div class=\"uiny__identidade\">\r\n                <h2 id=\"uiny-titulo\" class=\"uiny__nome\">Uiny</h2>\r\n                <p class=\"uiny__sub\">Assistente da Uishop</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"uiny__comandos\">\r\n            <button type=\"button\" class=\"uiny__icone\" [class.is-ativo]=\"vendoHistorico\"\r\n                [attr.aria-pressed]=\"vendoHistorico ? 'true' : 'false'\"\r\n                aria-label=\"Conversas anteriores\" title=\"Conversas anteriores\"\r\n                (click)=\"alternarHistorico()\">\r\n                <ui-icon icon=\"history\" size=\"20\"></ui-icon>\r\n            </button>\r\n            <button type=\"button\" class=\"uiny__icone\" aria-label=\"Nova conversa\" title=\"Nova conversa\"\r\n                [disabled]=\"chat.ocupado\" (click)=\"novaConversa()\">\r\n                <ui-icon icon=\"edit_square\" size=\"20\"></ui-icon>\r\n            </button>\r\n            <button type=\"button\" class=\"uiny__icone\" (click)=\"fechar()\"\r\n                [attr.aria-label]=\"empilhado ? 'Voltar para a aplica\u00E7\u00E3o' : 'Fechar a Uiny'\"\r\n                [title]=\"empilhado ? 'Voltar para a aplica\u00E7\u00E3o' : 'Fechar (Esc)'\">\r\n                <ui-icon [icon]=\"empilhado ? 'arrow_back' : 'close'\" size=\"20\"></ui-icon>\r\n            </button>\r\n        </div>\r\n    </header>\r\n\r\n    <div *ngIf=\"!online\" class=\"uiny__faixa uiny__faixa--offline\" role=\"status\">\r\n        <ui-icon icon=\"wifi_off\" size=\"18\"></ui-icon>\r\n        <span>Sem conex\u00E3o com a internet. Voc\u00EA poder\u00E1 enviar mensagens quando ela voltar.</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"estado?.aviso\" class=\"uiny__faixa uiny__faixa--info\" role=\"status\">\r\n        <ui-icon icon=\"info\" size=\"18\"></ui-icon>\r\n        <span>{{ estado.aviso }}</span>\r\n        <button type=\"button\" class=\"uiny__faixa-fechar\" aria-label=\"Dispensar aviso\" (click)=\"chat.limparErro()\">\r\n            <ui-icon icon=\"close\" size=\"16\"></ui-icon>\r\n        </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"vendoHistorico; else conversaAtual\" class=\"uiny__historico\">\r\n        <div class=\"uiny__historico-topo\">\r\n            <h3 class=\"uiny__historico-titulo\">Conversas anteriores</h3>\r\n            <button type=\"button\" class=\"uiny__link\" (click)=\"vendoHistorico = false\">Voltar \u00E0 conversa</button>\r\n        </div>\r\n\r\n        <div *ngIf=\"estado?.carregandoConversas\" class=\"uiny__vazio\" role=\"status\">\r\n            <span class=\"uiny__spinner\" aria-hidden=\"true\"></span> Carregando conversas\u2026\r\n        </div>\r\n\r\n        <p *ngIf=\"!estado?.carregandoConversas && estado?.conversas?.length === 0\" class=\"uiny__vazio\">\r\n            Nenhuma conversa anterior neste contexto.\r\n        </p>\r\n\r\n        <ul *ngIf=\"estado?.conversas?.length\" class=\"uiny__lista-conversas\">\r\n            <li *ngFor=\"let c of estado.conversas; trackBy: trackConversa\">\r\n                <button type=\"button\" class=\"uiny__conversa\" [class.is-atual]=\"c.id === estado.conversa?.id\"\r\n                    [attr.aria-current]=\"c.id === estado.conversa?.id ? 'true' : null\"\r\n                    [disabled]=\"chat.ocupado\" (click)=\"abrirConversa(c.id)\">\r\n                    <span class=\"uiny__conversa-titulo\">{{ c.titulo || 'Conversa sem t\u00EDtulo' }}</span>\r\n                    <span *ngIf=\"c.atualizadaEm\" class=\"uiny__conversa-data\">{{ c.atualizadaEm | date:'dd/MM/yyyy HH:mm' }}</span>\r\n                </button>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <ng-template #conversaAtual>\r\n        <ui-assistant-messages class=\"uiny__mensagens\"\r\n            [mensagens]=\"mensagens\"\r\n            [acoes]=\"acoes\"\r\n            [enviando]=\"estado?.enviando\"\r\n            [carregando]=\"estado?.carregandoConversa\"\r\n            [sugestoes]=\"sugestoes\"\r\n            [capacidades]=\"capacidades\"\r\n            [temAlteracoes]=\"temAlteracoes\"\r\n            [podeEnviar]=\"podeEnviar\"\r\n            (sugestao)=\"usarSugestao($event)\"\r\n            (confirmar)=\"chat.confirmar($event)\"\r\n            (cancelar)=\"chat.cancelar($event)\"\r\n            (verificar)=\"chat.verificarAcao($event)\">\r\n        </ui-assistant-messages>\r\n    </ng-template>\r\n\r\n    <div *ngIf=\"estado?.erro\" class=\"uiny__erro\" role=\"alert\">\r\n        <ui-icon icon=\"error\" size=\"18\"></ui-icon>\r\n        <div class=\"uiny__erro-texto\">\r\n            <span>{{ estado.erro.mensagem }}</span>\r\n            <small *ngIf=\"estado.erro.correlacao\">C\u00F3digo para o suporte: {{ estado.erro.correlacao }}</small>\r\n        </div>\r\n        <button *ngIf=\"estado.textoComFalha && podeEnviar\" type=\"button\" class=\"uiny__link\" (click)=\"reenviar()\">\r\n            Tentar de novo\r\n        </button>\r\n        <button type=\"button\" class=\"uiny__faixa-fechar\" aria-label=\"Dispensar erro\" (click)=\"chat.limparErro()\">\r\n            <ui-icon icon=\"close\" size=\"16\"></ui-icon>\r\n        </button>\r\n    </div>\r\n\r\n    <ui-assistant-composer class=\"uiny__composer\"\r\n        [desabilitado]=\"!podeEnviar\"\r\n        [enviando]=\"estado?.enviando\"\r\n        [motivo]=\"motivoBloqueio\"\r\n        (enviar)=\"enviar($event)\">\r\n    </ui-assistant-composer>\r\n\r\n    <div class=\"uiny-sr\" aria-live=\"polite\" aria-atomic=\"true\">{{ anuncio }}</div>\r\n</section>\r\n", styles: [":host{--uiny-primaria: var(--theme-default, #7366ff);--uiny-fundo: #ffffff;--uiny-fundo-suave: #f7f7fb;--uiny-borda: #ececf3;--uiny-texto: #2b2b2b;--uiny-texto-suave: #6b6b80;--uiny-erro: #d9364f;--uiny-erro-fundo: #fdeef1;--uiny-aviso-fundo: #f1effe;--uiny-offline-fundo: #fff4e5;--uiny-offline-texto: #8a5300;display:block;height:100%;color:var(--uiny-texto);font-size:14px}:host-context(.dark-only){--uiny-fundo: #262932;--uiny-fundo-suave: #1d1e26;--uiny-borda: #374558;--uiny-texto: rgba(255, 255, 255, .85);--uiny-texto-suave: #98a6ad;--uiny-erro-fundo: rgba(217, 54, 79, .16);--uiny-aviso-fundo: rgba(115, 102, 255, .16);--uiny-offline-fundo: rgba(255, 170, 0, .14);--uiny-offline-texto: #ffc76b}.uiny{display:flex;flex-direction:column;height:100%;background:var(--uiny-fundo);border-left:1px solid var(--uiny-borda);box-shadow:-4px 0 24px #1f1b4d0f}.uiny__topo{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 14px 16px;border-bottom:1px solid var(--uiny-borda)}.uiny__marca{display:flex;align-items:center;gap:10px;min-width:0}.uiny__avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--uiny-primaria) 0%,#a26cf8 100%)}.uiny__avatar--imagem{object-fit:cover;background:var(--uiny-fundo-suave)}.uiny__identidade{min-width:0}.uiny__nome{margin:0;font-size:16px;font-weight:700;line-height:1.2;color:var(--uiny-texto)}.uiny__sub{margin:0;font-size:12px;line-height:1.3;color:var(--uiny-texto-suave)}.uiny__comandos{display:flex;align-items:center;gap:2px}.uiny__icone{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--uiny-texto-suave);cursor:pointer}.uiny__icone:hover:not(:disabled),.uiny__icone.is-ativo{background:var(--uiny-fundo-suave);color:var(--uiny-primaria)}.uiny__icone:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--uiny-primaria);outline-offset:2px}.uiny__faixa,.uiny__erro{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;margin:10px 12px 0;padding:9px 10px;border-radius:10px;font-size:13px;line-height:1.4}.uiny__faixa>ui-icon,.uiny__erro>ui-icon{flex:0 0 auto;margin-top:1px}.uiny__faixa>span,.uiny__faixa .uiny__erro-texto,.uiny__erro>span,.uiny__erro .uiny__erro-texto{flex:1 1 auto;min-width:0}.uiny__faixa--offline{background:var(--uiny-offline-fundo);color:var(--uiny-offline-texto)}.uiny__faixa--info{background:var(--uiny-aviso-fundo);color:var(--uiny-texto)}.uiny__erro{margin:0 12px 8px;background:var(--uiny-erro-fundo);color:var(--uiny-erro);align-items:center}.uiny__erro .uiny__erro-texto{display:flex;flex-direction:column;gap:2px}.uiny__erro .uiny__erro-texto small{opacity:.8;font-size:11px}.uiny__faixa-fechar{flex:0 0 auto;display:inline-flex;padding:2px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;opacity:.7}.uiny__faixa-fechar:hover{opacity:1}.uiny__link{flex:0 0 auto;padding:0;border:0;background:none;color:var(--uiny-primaria);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.uiny__link:hover{text-decoration:underline}.uiny__mensagens{flex:1 1 auto;min-height:0}.uiny__historico{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 12px}.uiny__historico-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}.uiny__historico-titulo{margin:0;font-size:13px;font-weight:700;color:var(--uiny-texto)}.uiny__lista-conversas{margin:0;padding:0;list-style:none}.uiny__conversa{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--uiny-texto);text-align:left;cursor:pointer}.uiny__conversa:hover:not(:disabled){background:var(--uiny-fundo-suave)}.uiny__conversa.is-atual{border-color:var(--uiny-borda);background:var(--uiny-fundo-suave)}.uiny__conversa:disabled{opacity:.5;cursor:not-allowed}.uiny__conversa-titulo{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.uiny__conversa-data{font-size:12px;color:var(--uiny-texto-suave)}.uiny__vazio{display:flex;align-items:center;gap:8px;margin:18px 4px;color:var(--uiny-texto-suave);font-size:13px}.uiny__spinner{width:14px;height:14px;border:2px solid var(--uiny-borda);border-top-color:var(--uiny-primaria);border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny__composer{flex:0 0 auto}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny__spinner{animation-duration:2.4s}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.UiIconComponent, selector: "ui-icon", inputs: ["icon", "size", "class"] }, { kind: "component", type: UiAssistantMessagesComponent, selector: "ui-assistant-messages", inputs: ["mensagens", "acoes", "enviando", "carregando", "sugestoes", "capacidades", "temAlteracoes", "podeEnviar"], outputs: ["sugestao", "confirmar", "cancelar", "verificar"] }, { kind: "component", type: UiAssistantComposerComponent, selector: "ui-assistant-composer", inputs: ["desabilitado", "enviando", "motivo"], outputs: ["enviar"] }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"uiny\" aria-labelledby=\"uiny-titulo\">\r\n    <header class=\"uiny__topo\">\r\n        <div class=\"uiny__marca\">\r\n            <img *ngIf=\"!avatarFalhou\" class=\"uiny__avatar uiny__avatar--imagem\" [src]=\"avatarUrl\" alt=\"\"\r\n                width=\"34\" height=\"34\" (error)=\"avatarFalhou = true\">\r\n            <span *ngIf=\"avatarFalhou\" class=\"uiny__avatar\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" focusable=\"false\">\r\n                    <path d=\"M12 2.5c.5 3.9 2.6 6.9 6.4 8.2.5.2.5.9 0 1.1-3.8 1.3-5.9 4.3-6.4 8.2-.1.6-.9.6-1 0-.5-3.9-2.6-6.9-6.4-8.2-.5-.2-.5-.9 0-1.1 3.8-1.3 5.9-4.3 6.4-8.2.1-.6.9-.6 1 0Z\" fill=\"currentColor\"/>\r\n                </svg>\r\n            </span>\r\n            <div class=\"uiny__identidade\">\r\n                <h2 id=\"uiny-titulo\" class=\"uiny__nome\">Uiny</h2>\r\n                <p class=\"uiny__sub\">Assistente da Uishop</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"uiny__comandos\">\r\n            <button type=\"button\" class=\"uiny__icone\" [class.is-ativo]=\"vendoHistorico\"\r\n                [attr.aria-pressed]=\"vendoHistorico ? 'true' : 'false'\"\r\n                aria-label=\"Conversas anteriores\" title=\"Conversas anteriores\"\r\n                (click)=\"alternarHistorico()\">\r\n                <ui-icon icon=\"history\" size=\"20\"></ui-icon>\r\n            </button>\r\n            <button type=\"button\" class=\"uiny__icone\" aria-label=\"Nova conversa\" title=\"Nova conversa\"\r\n                [disabled]=\"chat.ocupado\" (click)=\"novaConversa()\">\r\n                <ui-icon icon=\"edit_square\" size=\"20\"></ui-icon>\r\n            </button>\r\n            <button type=\"button\" class=\"uiny__icone\" (click)=\"fechar()\"\r\n                [attr.aria-label]=\"empilhado ? 'Voltar para a aplica\u00E7\u00E3o' : 'Fechar a Uiny'\"\r\n                [title]=\"empilhado ? 'Voltar para a aplica\u00E7\u00E3o' : 'Fechar (Esc)'\">\r\n                <ui-icon [icon]=\"empilhado ? 'arrow_back' : 'close'\" size=\"20\"></ui-icon>\r\n            </button>\r\n        </div>\r\n    </header>\r\n\r\n    <div *ngIf=\"!online\" class=\"uiny__faixa uiny__faixa--offline\" role=\"status\">\r\n        <ui-icon icon=\"wifi_off\" size=\"18\"></ui-icon>\r\n        <span>Sem conex\u00E3o com a internet. Voc\u00EA poder\u00E1 enviar mensagens quando ela voltar.</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"estado?.aviso\" class=\"uiny__faixa uiny__faixa--info\" role=\"status\">\r\n        <ui-icon icon=\"info\" size=\"18\"></ui-icon>\r\n        <span>{{ estado.aviso }}</span>\r\n        <button type=\"button\" class=\"uiny__faixa-fechar\" aria-label=\"Dispensar aviso\" (click)=\"chat.limparErro()\">\r\n            <ui-icon icon=\"close\" size=\"16\"></ui-icon>\r\n        </button>\r\n    </div>\r\n\r\n    <div *ngIf=\"vendoHistorico; else conversaAtual\" class=\"uiny__historico\">\r\n        <div class=\"uiny__historico-topo\">\r\n            <h3 class=\"uiny__historico-titulo\">Conversas anteriores</h3>\r\n            <button type=\"button\" class=\"uiny__link\" (click)=\"vendoHistorico = false\">Voltar \u00E0 conversa</button>\r\n        </div>\r\n\r\n        <div *ngIf=\"estado?.carregandoConversas\" class=\"uiny__vazio\" role=\"status\">\r\n            <span class=\"uiny__spinner\" aria-hidden=\"true\"></span> Carregando conversas\u2026\r\n        </div>\r\n\r\n        <p *ngIf=\"!estado?.carregandoConversas && estado?.conversas?.length === 0\" class=\"uiny__vazio\">\r\n            Nenhuma conversa anterior neste contexto.\r\n        </p>\r\n\r\n        <ul *ngIf=\"estado?.conversas?.length\" class=\"uiny__lista-conversas\">\r\n            <li *ngFor=\"let c of estado.conversas; trackBy: trackConversa\">\r\n                <button type=\"button\" class=\"uiny__conversa\" [class.is-atual]=\"c.id === estado.conversa?.id\"\r\n                    [attr.aria-current]=\"c.id === estado.conversa?.id ? 'true' : null\"\r\n                    [disabled]=\"chat.ocupado\" (click)=\"abrirConversa(c.id)\">\r\n                    <span class=\"uiny__conversa-titulo\">{{ c.titulo || 'Conversa sem t\u00EDtulo' }}</span>\r\n                    <span *ngIf=\"c.atualizadaEm\" class=\"uiny__conversa-data\">{{ c.atualizadaEm | date:'dd/MM/yyyy HH:mm' }}</span>\r\n                </button>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n\r\n    <ng-template #conversaAtual>\r\n        <ui-assistant-messages class=\"uiny__mensagens\"\r\n            [mensagens]=\"mensagens\"\r\n            [acoes]=\"acoes\"\r\n            [enviando]=\"estado?.enviando\"\r\n            [carregando]=\"estado?.carregandoConversa\"\r\n            [sugestoes]=\"sugestoes\"\r\n            [capacidades]=\"capacidades\"\r\n            [temAlteracoes]=\"temAlteracoes\"\r\n            [podeEnviar]=\"podeEnviar\"\r\n            (sugestao)=\"usarSugestao($event)\"\r\n            (confirmar)=\"chat.confirmar($event)\"\r\n            (cancelar)=\"chat.cancelar($event)\"\r\n            (verificar)=\"chat.verificarAcao($event)\">\r\n        </ui-assistant-messages>\r\n    </ng-template>\r\n\r\n    <div *ngIf=\"estado?.erro\" class=\"uiny__erro\" role=\"alert\">\r\n        <ui-icon icon=\"error\" size=\"18\"></ui-icon>\r\n        <div class=\"uiny__erro-texto\">\r\n            <span>{{ estado.erro.mensagem }}</span>\r\n            <small *ngIf=\"estado.erro.correlacao\">C\u00F3digo para o suporte: {{ estado.erro.correlacao }}</small>\r\n        </div>\r\n        <button *ngIf=\"estado.textoComFalha && podeEnviar\" type=\"button\" class=\"uiny__link\" (click)=\"reenviar()\">\r\n            Tentar de novo\r\n        </button>\r\n        <button type=\"button\" class=\"uiny__faixa-fechar\" aria-label=\"Dispensar erro\" (click)=\"chat.limparErro()\">\r\n            <ui-icon icon=\"close\" size=\"16\"></ui-icon>\r\n        </button>\r\n    </div>\r\n\r\n    <ui-assistant-composer class=\"uiny__composer\"\r\n        [desabilitado]=\"!podeEnviar\"\r\n        [enviando]=\"estado?.enviando\"\r\n        [motivo]=\"motivoBloqueio\"\r\n        (enviar)=\"enviar($event)\">\r\n    </ui-assistant-composer>\r\n\r\n    <div class=\"uiny-sr\" aria-live=\"polite\" aria-atomic=\"true\">{{ anuncio }}</div>\r\n</section>\r\n", styles: [":host{--uiny-primaria: var(--theme-default, #7366ff);--uiny-fundo: #ffffff;--uiny-fundo-suave: #f7f7fb;--uiny-borda: #ececf3;--uiny-texto: #2b2b2b;--uiny-texto-suave: #6b6b80;--uiny-erro: #d9364f;--uiny-erro-fundo: #fdeef1;--uiny-aviso-fundo: #f1effe;--uiny-offline-fundo: #fff4e5;--uiny-offline-texto: #8a5300;display:block;height:100%;color:var(--uiny-texto);font-size:14px}:host-context(.dark-only){--uiny-fundo: #262932;--uiny-fundo-suave: #1d1e26;--uiny-borda: #374558;--uiny-texto: rgba(255, 255, 255, .85);--uiny-texto-suave: #98a6ad;--uiny-erro-fundo: rgba(217, 54, 79, .16);--uiny-aviso-fundo: rgba(115, 102, 255, .16);--uiny-offline-fundo: rgba(255, 170, 0, .14);--uiny-offline-texto: #ffc76b}.uiny{display:flex;flex-direction:column;height:100%;background:var(--uiny-fundo);border-left:1px solid var(--uiny-borda);box-shadow:-4px 0 24px #1f1b4d0f}.uiny__topo{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 14px 16px;border-bottom:1px solid var(--uiny-borda)}.uiny__marca{display:flex;align-items:center;gap:10px;min-width:0}.uiny__avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--uiny-primaria) 0%,#a26cf8 100%)}.uiny__avatar--imagem{object-fit:cover;background:var(--uiny-fundo-suave)}.uiny__identidade{min-width:0}.uiny__nome{margin:0;font-size:16px;font-weight:700;line-height:1.2;color:var(--uiny-texto)}.uiny__sub{margin:0;font-size:12px;line-height:1.3;color:var(--uiny-texto-suave)}.uiny__comandos{display:flex;align-items:center;gap:2px}.uiny__icone{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--uiny-texto-suave);cursor:pointer}.uiny__icone:hover:not(:disabled),.uiny__icone.is-ativo{background:var(--uiny-fundo-suave);color:var(--uiny-primaria)}.uiny__icone:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--uiny-primaria);outline-offset:2px}.uiny__faixa,.uiny__erro{flex:0 0 auto;display:flex;align-items:flex-start;gap:8px;margin:10px 12px 0;padding:9px 10px;border-radius:10px;font-size:13px;line-height:1.4}.uiny__faixa>ui-icon,.uiny__erro>ui-icon{flex:0 0 auto;margin-top:1px}.uiny__faixa>span,.uiny__faixa .uiny__erro-texto,.uiny__erro>span,.uiny__erro .uiny__erro-texto{flex:1 1 auto;min-width:0}.uiny__faixa--offline{background:var(--uiny-offline-fundo);color:var(--uiny-offline-texto)}.uiny__faixa--info{background:var(--uiny-aviso-fundo);color:var(--uiny-texto)}.uiny__erro{margin:0 12px 8px;background:var(--uiny-erro-fundo);color:var(--uiny-erro);align-items:center}.uiny__erro .uiny__erro-texto{display:flex;flex-direction:column;gap:2px}.uiny__erro .uiny__erro-texto small{opacity:.8;font-size:11px}.uiny__faixa-fechar{flex:0 0 auto;display:inline-flex;padding:2px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;opacity:.7}.uiny__faixa-fechar:hover{opacity:1}.uiny__link{flex:0 0 auto;padding:0;border:0;background:none;color:var(--uiny-primaria);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.uiny__link:hover{text-decoration:underline}.uiny__mensagens{flex:1 1 auto;min-height:0}.uiny__historico{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 12px}.uiny__historico-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}.uiny__historico-titulo{margin:0;font-size:13px;font-weight:700;color:var(--uiny-texto)}.uiny__lista-conversas{margin:0;padding:0;list-style:none}.uiny__conversa{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--uiny-texto);text-align:left;cursor:pointer}.uiny__conversa:hover:not(:disabled){background:var(--uiny-fundo-suave)}.uiny__conversa.is-atual{border-color:var(--uiny-borda);background:var(--uiny-fundo-suave)}.uiny__conversa:disabled{opacity:.5;cursor:not-allowed}.uiny__conversa-titulo{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.uiny__conversa-data{font-size:12px;color:var(--uiny-texto-suave)}.uiny__vazio{display:flex;align-items:center;gap:8px;margin:18px 4px;color:var(--uiny-texto-suave);font-size:13px}.uiny__spinner{width:14px;height:14px;border:2px solid var(--uiny-borda);border-top-color:var(--uiny-primaria);border-radius:50%;animation:uiny-girar .8s linear infinite}.uiny__composer{flex:0 0 auto}.uiny-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes uiny-girar{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.uiny__spinner{animation-duration:2.4s}}\n"] }]
-        }], ctorParameters: function () { return [{ type: UinyChatService }, { type: UiAssistantService }, { type: UinySessionService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [UINY_CONFIG]
-                }] }]; }, propDecorators: { empilhado: [{
-                type: Input
-            }], composer: [{
-                type: ViewChild,
-                args: [UiAssistantComposerComponent]
-            }], aoEscape: [{
-                type: HostListener,
-                args: ['keydown.escape', ['$event']]
-            }] } });
-
-const DURACAO_TRANSICAO_MS = 240;
-/**
- * Contêiner que hospeda a Uiny ao lado da aplicação.
- *
- * Envolve TODO o layout da aplicação (inclusive o header e a sidebar fixos):
- *
- *   <ui-assistant-layout (assistantEvent)="...">
- *       <div class="page-wrapper">...</div>
- *   </ui-assistant-layout>
- *
- * Fechado, não altera nada: a página rola normalmente pela janela.
- * Aberto no desktop, vira uma linha flex [aplicação | painel]: a coluna da aplicação passa
- * a ser o bloco de contenção dos elementos position:fixed (contain: layout) e ganha rolagem
- * própria. Assim o header e a sidebar fixos ocupam a coluna da esquerda, sem serem cobertos.
- * Em telas estreitas o painel ocupa a largura toda e a aplicação fica recolhida até voltar.
- */
-class UiAssistantLayoutComponent {
-    constructor(assistant, cdr, zone, config, router) {
-        this.assistant = assistant;
-        this.cdr = cdr;
-        this.zone = zone;
-        this.router = router;
-        /** Ações concluídas e instruções de interface (tema atualizado, atualizar listagem, abrir prévia). */
-        this.assistantEvent = new EventEmitter();
-        /** Painel montado e layout em modo contido (inclui a animação de fechamento). */
-        this.contido = false;
-        /** Painel com a largura final (classe que dispara a transição). */
-        this.expandido = false;
-        /** Tela estreita: painel em largura total, aplicação recolhida. */
-        this.empilhado = false;
-        this.disponivel = false;
-        this.subs = new Subscription();
-        this.midia = null;
-        this.scrollJanela = 0;
-        this.largura = larguraPainel(config);
-        const ladoALado = config?.larguraMinimaLadoALado || UINY_LADO_A_LADO_PADRAO;
-        if (typeof window !== 'undefined' && window.matchMedia) {
-            this.midia = window.matchMedia(`(max-width: ${ladoALado - 0.02}px)`);
-            this.empilhado = this.midia.matches;
-        }
-    }
-    ngOnInit() {
-        this.removerHost = this.assistant.registrarHost();
-        this.subs.add(this.assistant.disponivel$.subscribe(d => {
-            this.disponivel = d;
-            this.cdr.markForCheck();
-        }));
-        this.subs.add(this.assistant.aberto$.subscribe(aberto => aberto ? this.abrir() : this.fechar()));
-        this.subs.add(this.assistant.eventos$.subscribe(e => this.assistantEvent.emit(e)));
-        // Com o layout contido a janela não rola: replica o scroll ao topo da navegação.
-        if (this.router) {
-            this.subs.add(this.router.events.pipe(filter(e => e instanceof NavigationEnd)).subscribe(() => {
-                if (this.contido && this.rolagem)
-                    this.rolagem.nativeElement.scrollTop = 0;
-            }));
-        }
-        if (this.midia) {
-            const aoMudar = (e) => this.zone.run(() => {
-                this.empilhado = e.matches;
-                this.cdr.markForCheck();
-            });
-            this.midia.addEventListener ? this.midia.addEventListener('change', aoMudar) : this.midia.addListener(aoMudar);
-            this.subs.add(() => this.midia.removeEventListener
-                ? this.midia.removeEventListener('change', aoMudar)
-                : this.midia.removeListener(aoMudar));
-        }
-    }
-    ngOnDestroy() {
-        clearTimeout(this.timerFechamento);
-        this.subs.unsubscribe();
-        this.removerHost?.();
-        if (this.contido)
-            this.restaurarJanela();
-    }
-    abrir() {
-        clearTimeout(this.timerFechamento);
-        if (!this.contido) {
-            this.scrollJanela = window.scrollY || 0;
-            this.contido = true;
-            this.cdr.detectChanges();
-            // a rolagem passa da janela para a coluna da aplicação, na mesma posição
-            this.rolagem.nativeElement.scrollTop = this.scrollJanela;
-        }
-        // próximo frame: a largura sai de 0 e a transição acontece
-        requestAnimationFrame(() => {
-            this.expandido = true;
-            this.cdr.detectChanges();
-        });
-    }
-    fechar() {
-        if (!this.contido)
-            return;
-        this.expandido = false;
-        this.cdr.detectChanges();
-        clearTimeout(this.timerFechamento);
-        this.timerFechamento = setTimeout(() => {
-            this.restaurarJanela();
-            this.cdr.detectChanges();
-        }, this.semAnimacao() ? 0 : DURACAO_TRANSICAO_MS);
-    }
-    restaurarJanela() {
-        const topo = this.empilhado ? this.scrollJanela : (this.rolagem?.nativeElement.scrollTop ?? 0);
-        this.contido = false;
-        this.cdr.detectChanges();
-        window.scrollTo(0, topo);
-    }
-    semAnimacao() {
-        return typeof window !== 'undefined' && !!window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    }
-}
-UiAssistantLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantLayoutComponent, deps: [{ token: UiAssistantService }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: UINY_CONFIG, optional: true }, { token: i2$1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-UiAssistantLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UiAssistantLayoutComponent, selector: "ui-assistant-layout", outputs: { assistantEvent: "assistantEvent" }, viewQueries: [{ propertyName: "rolagem", first: true, predicate: ["rolagem"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"uiny-layout\"\n    [class.uiny-layout--contido]=\"contido\"\n    [class.uiny-layout--expandido]=\"expandido\"\n    [class.uiny-layout--empilhado]=\"empilhado\"\n    [style.--uiny-largura]=\"largura + 'px'\">\n\n    <div class=\"uiny-layout__app\"\n        [attr.inert]=\"contido && expandido && empilhado ? '' : null\"\n        [attr.aria-hidden]=\"contido && expandido && empilhado ? 'true' : null\">\n        <div #rolagem class=\"uiny-layout__rolagem\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n\n    <aside *ngIf=\"disponivel && contido\" id=\"uiny-painel\" class=\"uiny-layout__painel\"\n        aria-label=\"Uiny, assistente da Uishop\"\n        [attr.aria-hidden]=\"expandido ? null : 'true'\"\n        [attr.inert]=\"expandido ? null : ''\">\n        <div class=\"uiny-layout__painel-conteudo\">\n            <ui-assistant-panel [empilhado]=\"empilhado\"></ui-assistant-panel>\n        </div>\n    </aside>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.uiny-layout,.uiny-layout__app,.uiny-layout__rolagem{display:block}.uiny-layout--contido{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.uiny-layout--contido .uiny-layout__app{flex:1 1 0;min-width:0;height:100%;position:relative;contain:layout paint;overflow:hidden}.uiny-layout--contido .uiny-layout__rolagem{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.uiny-layout__painel{flex:0 0 auto;width:0;height:100%;overflow:hidden;position:relative;z-index:2;transition:width .24s cubic-bezier(.2,.8,.2,1)}.uiny-layout__painel-conteudo{width:var(--uiny-largura, 380px);height:100%}.uiny-layout--expandido .uiny-layout__painel{width:var(--uiny-largura, 380px)}.uiny-layout--empilhado .uiny-layout__painel,.uiny-layout--empilhado .uiny-layout__painel-conteudo{width:100%}.uiny-layout--empilhado .uiny-layout__painel{transition:opacity .18s ease;opacity:0}.uiny-layout--empilhado.uiny-layout--expandido .uiny-layout__painel{width:100%;opacity:1}.uiny-layout--empilhado.uiny-layout--expandido .uiny-layout__app{display:none}@media (prefers-reduced-motion: reduce){.uiny-layout__painel,.uiny-layout--empilhado .uiny-layout__painel{transition:none}}@media print{.uiny-layout__painel{display:none}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UiAssistantPanelComponent, selector: "ui-assistant-panel", inputs: ["empilhado"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-assistant-layout', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"uiny-layout\"\n    [class.uiny-layout--contido]=\"contido\"\n    [class.uiny-layout--expandido]=\"expandido\"\n    [class.uiny-layout--empilhado]=\"empilhado\"\n    [style.--uiny-largura]=\"largura + 'px'\">\n\n    <div class=\"uiny-layout__app\"\n        [attr.inert]=\"contido && expandido && empilhado ? '' : null\"\n        [attr.aria-hidden]=\"contido && expandido && empilhado ? 'true' : null\">\n        <div #rolagem class=\"uiny-layout__rolagem\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n\n    <aside *ngIf=\"disponivel && contido\" id=\"uiny-painel\" class=\"uiny-layout__painel\"\n        aria-label=\"Uiny, assistente da Uishop\"\n        [attr.aria-hidden]=\"expandido ? null : 'true'\"\n        [attr.inert]=\"expandido ? null : ''\">\n        <div class=\"uiny-layout__painel-conteudo\">\n            <ui-assistant-panel [empilhado]=\"empilhado\"></ui-assistant-panel>\n        </div>\n    </aside>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block}.uiny-layout,.uiny-layout__app,.uiny-layout__rolagem{display:block}.uiny-layout--contido{display:flex;width:100%;height:100vh;height:100dvh;overflow:hidden}.uiny-layout--contido .uiny-layout__app{flex:1 1 0;min-width:0;height:100%;position:relative;contain:layout paint;overflow:hidden}.uiny-layout--contido .uiny-layout__rolagem{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.uiny-layout__painel{flex:0 0 auto;width:0;height:100%;overflow:hidden;position:relative;z-index:2;transition:width .24s cubic-bezier(.2,.8,.2,1)}.uiny-layout__painel-conteudo{width:var(--uiny-largura, 380px);height:100%}.uiny-layout--expandido .uiny-layout__painel{width:var(--uiny-largura, 380px)}.uiny-layout--empilhado .uiny-layout__painel,.uiny-layout--empilhado .uiny-layout__painel-conteudo{width:100%}.uiny-layout--empilhado .uiny-layout__painel{transition:opacity .18s ease;opacity:0}.uiny-layout--empilhado.uiny-layout--expandido .uiny-layout__painel{width:100%;opacity:1}.uiny-layout--empilhado.uiny-layout--expandido .uiny-layout__app{display:none}@media (prefers-reduced-motion: reduce){.uiny-layout__painel,.uiny-layout--empilhado .uiny-layout__painel{transition:none}}@media print{.uiny-layout__painel{display:none}}\n"] }]
-        }], ctorParameters: function () { return [{ type: UiAssistantService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [UINY_CONFIG]
-                }] }, { type: i2$1.Router, decorators: [{
-                    type: Optional
-                }] }]; }, propDecorators: { assistantEvent: [{
-                type: Output
-            }], rolagem: [{
-                type: ViewChild,
-                args: ['rolagem', { static: true }]
-            }] } });
-
-const COMPONENTES = [
-    UiAssistantButtonComponent,
-    UiAssistantLayoutComponent,
-    UiAssistantPanelComponent,
-    UiAssistantMessagesComponent,
-    UiAssistantTextComponent,
-    UiAssistantComposerComponent,
-    UiAssistantActionCardComponent,
-];
-class UiAssistantModule {
-    /** Importe uma vez no AppModule do consumidor. */
-    static forRoot(config) {
-        return {
-            ngModule: UiAssistantModule,
-            providers: [{ provide: UINY_CONFIG, useValue: config }]
-        };
-    }
-}
-UiAssistantModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-UiAssistantModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantModule, declarations: [UiAssistantButtonComponent,
-        UiAssistantLayoutComponent,
-        UiAssistantPanelComponent,
-        UiAssistantMessagesComponent,
-        UiAssistantTextComponent,
-        UiAssistantComposerComponent,
-        UiAssistantActionCardComponent], imports: [CommonModule,
-        UiIconModule], exports: [UiAssistantButtonComponent,
-        UiAssistantLayoutComponent,
-        UiAssistantPanelComponent,
-        UiAssistantMessagesComponent,
-        UiAssistantTextComponent,
-        UiAssistantComposerComponent,
-        UiAssistantActionCardComponent] });
-UiAssistantModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantModule, imports: [CommonModule,
-        UiIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiAssistantModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: COMPONENTES,
-                    imports: [
-                        CommonModule,
-                        UiIconModule
-                    ],
-                    exports: COMPONENTES
-                }]
-        }] });
-
 class UiHeaderModule {
 }
 UiHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2003,15 +272,12 @@ UiHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         ReactiveFormsModule,
         UiIconModule,
         UiUserTopModule,
-        TooltipModule,
-        UiAssistantModule], exports: [UiHeaderComponent,
-        UiAssistantModule] });
+        TooltipModule], exports: [UiHeaderComponent] });
 UiHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderModule, imports: [CommonModule,
         ReactiveFormsModule,
         UiIconModule,
         UiUserTopModule,
-        TooltipModule,
-        UiAssistantModule, UiAssistantModule] });
+        TooltipModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UiHeaderModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2024,27 +290,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         ReactiveFormsModule,
                         UiIconModule,
                         UiUserTopModule,
-                        TooltipModule,
-                        UiAssistantModule
+                        TooltipModule
                     ],
                     exports: [
                         UiHeaderComponent,
-                        UiAssistantModule,
                     ]
                 }]
         }] });
 
-/*
- * Contrato HTTP da API da Uiny (projeto uishop-ia, prefixo /api/v1).
- *
- * Fonte: C:\git\uishop\uishop-ia
- *  - Rotas: config/web.php; README.md (seção Endpoints).
- *  - Formatos: services/uiny/ApresentadorConversa.php, ContextoTela.php, ConfirmacaoService.php.
- *  - Valores: config/Constants.php; erros: services/excecoes/ErroUiny.php.
- *
- * Os ids de conversa, mensagem e ação são UUIDs (string).
- */
-
 /*
  * Public API Surface of ui-header
  */
@@ -2053,5 +306,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { UINY_AVATAR_PADRAO, UINY_CONFIG, UINY_LADO_A_LADO_PADRAO, UINY_LARGURA_MAX, UINY_LARGURA_MIN, UINY_LARGURA_PADRAO, UINY_MENSAGEM_MAX_CARACTERES, UINY_SUGESTOES, UINY_TIMEOUT_ACAO_MS, UINY_TIMEOUT_CONSULTA_MS, UINY_TIMEOUT_MENSAGEM_MS, UiAssistantActionCardComponent, UiAssistantButtonComponent, UiAssistantComposerComponent, UiAssistantLayoutComponent, UiAssistantMessagesComponent, UiAssistantModule, UiAssistantPanelComponent, UiAssistantService, UiAssistantTextComponent, UiHeaderComponent, UiHeaderModule, UiHeaderService, UinyApiService, UinyChatService, UinySessionService, larguraPainel, resolverUrlUiny };
+export { UiHeaderComponent, UiHeaderModule, UiHeaderService };
 //# sourceMappingURL=uitec-ng-header.mjs.map