alteracoes generalizadas no design

backend/app/api/visualizacao.py

@@ -88,6 +88,12 @@ def exibir(payload: SessionPayload) -> dict[str, Any]:
     return visualizacao_service.exibir_modelo(session)
 
 
+@router.post("/evaluation/context")
+def evaluation_context(payload: SessionPayload) -> dict[str, Any]:
+    session = session_store.get(payload.session_id)
+    return visualizacao_service.exibir_contexto_avaliacao(session)
+
+
 @router.post("/map/update")
 def map_update(payload: MapaPayload) -> dict[str, Any]:
     session = session_store.get(payload.session_id)

backend/app/services/model_repository.py

@@ -3,6 +3,7 @@ from __future__ import annotations
 from io import BytesIO
 import os
 import re
+import unicodedata
 from dataclasses import dataclass
 from pathlib import Path
 from threading import Lock
@@ -272,6 +273,15 @@ def list_repository_models() -> dict[str, Any]:
     }
 
 
+def _normalize_model_key(value: str) -> str:
+    text = str(value or "").strip()
+    if not text:
+        return ""
+    normalized = unicodedata.normalize("NFKD", text)
+    without_marks = "".join(ch for ch in normalized if not unicodedata.combining(ch))
+    return without_marks.casefold().strip()
+
+
 def resolve_model_file(modelo_id: str) -> Path:
     resolved = resolve_model_repository()
     chave = str(modelo_id or "").strip()
@@ -285,6 +295,17 @@ def resolve_model_file(modelo_id: str) -> Path:
     candidato = by_stem.get(chave.lower()) or by_name.get(chave.lower())
     if candidato is None and not chave.lower().endswith(".dai"):
         candidato = by_name.get(f"{chave.lower()}.dai")
+    if candidato is None:
+        chave_norm = _normalize_model_key(chave)
+        chave_norm_stem = chave_norm[:-4] if chave_norm.endswith(".dai") else chave_norm
+        for caminho in modelos:
+            candidatos_norm = {
+                _normalize_model_key(caminho.stem),
+                _normalize_model_key(caminho.name),
+            }
+            if chave_norm in candidatos_norm or chave_norm_stem in candidatos_norm:
+                candidato = caminho
+                break
     if candidato is None:
         raise HTTPException(status_code=404, detail="Modelo nao encontrado no repositório configurado")
     return candidato

backend/app/services/serializers.py

@@ -66,7 +66,7 @@ def sanitize_value(value: Any) -> Any:
 def dataframe_to_payload(
     df: pd.DataFrame | None,
     decimals: int | None = None,
-    max_rows: int | None = 2000,
+    max_rows: int | None = None,
 ) -> dict[str, Any] | None:
     if df is None:
         return None
@@ -83,18 +83,8 @@ def dataframe_to_payload(
             df_work.loc[:, numeric_cols] = df_work.loc[:, numeric_cols].round(decimals)
 
     total_rows = len(df_work)
-    max_rows_int: int | None
-    if max_rows is None:
-        max_rows_int = None
-    else:
-        try:
-            max_rows_int = int(max_rows)
-        except Exception:
-            max_rows_int = 2000
-    truncamento_ativo = max_rows_int is not None and max_rows_int > 0
-    truncated = truncamento_ativo and total_rows > int(max_rows_int)
-    if truncated:
-        df_work = df_work.head(int(max_rows_int))
+    # Regra de integridade: payloads nunca devem suprimir linhas.
+    truncated = False
 
     columns = [str(c) for c in df_work.columns]
     rows: list[dict[str, Any]] = []

backend/app/services/visualizacao_service.py

@@ -110,6 +110,32 @@ def _extrair_modelo_info(pacote: dict[str, Any]) -> dict[str, Any]:
     }
 
 
+def _equacoes_do_modelo(pacote: dict[str, Any], info: dict[str, Any]) -> dict[str, Any]:
+    diagnosticos = pacote.get("modelo", {}).get("diagnosticos", {}) if isinstance(pacote.get("modelo"), dict) else {}
+    return build_equacoes_payload(
+        modelo_sm=pacote.get("modelo", {}).get("sm"),
+        coluna_y=info["nome_y"],
+        transformacao_y=info["transformacao_y"],
+        transformacoes_x=info["transformacoes_x"],
+        colunas_x=info["colunas_x"],
+        equacao_visual=str(diagnosticos.get("equacao") or ""),
+    )
+
+
+def exibir_contexto_avaliacao(session: SessionState) -> dict[str, Any]:
+    pacote = session.pacote_visualizacao
+    if pacote is None:
+        raise HTTPException(status_code=400, detail="Carregue um modelo primeiro")
+
+    info = _extrair_modelo_info(pacote)
+    equacoes = _equacoes_do_modelo(pacote, info)
+    return {
+        "campos_avaliacao": campos_avaliacao(session),
+        "meta_modelo": sanitize_value(info),
+        "equacoes": sanitize_value(equacoes),
+    }
+
+
 def exibir_modelo(session: SessionState) -> dict[str, Any]:
     pacote = session.pacote_visualizacao
     if pacote is None:
@@ -147,15 +173,7 @@ def exibir_modelo(session: SessionState) -> dict[str, Any]:
     figs = viz_app.gerar_todos_graficos(pacote)
 
     info = _extrair_modelo_info(pacote)
-    diagnosticos = pacote.get("modelo", {}).get("diagnosticos", {}) if isinstance(pacote.get("modelo"), dict) else {}
-    equacoes = build_equacoes_payload(
-        modelo_sm=pacote.get("modelo", {}).get("sm"),
-        coluna_y=info["nome_y"],
-        transformacao_y=info["transformacao_y"],
-        transformacoes_x=info["transformacoes_x"],
-        colunas_x=info["colunas_x"],
-        equacao_visual=str(diagnosticos.get("equacao") or ""),
-    )
+    equacoes = _equacoes_do_modelo(pacote, info)
     mapa_html = viz_app.criar_mapa(dados, col_y=info["nome_y"])
 
     colunas_numericas = [

frontend/src/App.jsx

@@ -1,20 +1,18 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useRef, useState } from 'react'
 import { api, getAuthToken, setAuthToken } from './api'
-import AvaliacaoBetaTab from './components/AvaliacaoBetaTab'
+import AvaliacaoTab from './components/AvaliacaoTab'
 import ElaboracaoTab from './components/ElaboracaoTab'
 import InicioTab from './components/InicioTab'
 import PesquisaTab from './components/PesquisaTab'
 import RepositorioTab from './components/RepositorioTab'
-import VisualizacaoTab from './components/VisualizacaoTab'
 
 const LOGS_PAGE_SIZE = 30
 
 const TABS = [
-  { key: 'Pesquisa', label: 'Pesquisa', hint: 'Busca inicial de modelos .dai' },
-  { key: 'Elaboração/Edição', label: 'Elaboração/Edição', hint: 'Fluxo completo de modelagem' },
-  { key: 'Visualização/Avaliação', label: 'Visualização/Avaliação', hint: 'Leitura e avaliação de modelos .dai' },
-  { key: 'Repositório', label: 'Repositório', hint: 'Gestão e consulta dos modelos .dai' },
-  { key: 'Avaliação Beta', label: 'Avaliação Beta', hint: 'Comparação por cards entre modelos e cenários' },
+  { key: 'Pesquisa/Visualização', label: 'Pesquisa/Visualização' },
+  { key: 'Elaboração/Edição', label: 'Elaboração/Edição' },
+  { key: 'Avaliação', label: 'Avaliação de Imóveis' },
+  { key: 'Repositório de Modelos', label: 'Repositório de Modelos' },
 ]
 
 export default function App() {
@@ -22,7 +20,7 @@ export default function App() {
   const [showStartupIntro, setShowStartupIntro] = useState(true)
   const [sessionId, setSessionId] = useState('')
   const [bootError, setBootError] = useState('')
-  const [avaliacaoBetaQuickLoad, setAvaliacaoBetaQuickLoad] = useState(null)
+  const [avaliacaoQuickLoad, setAvaliacaoQuickLoad] = useState(null)
 
   const [authLoading, setAuthLoading] = useState(true)
   const [authUser, setAuthUser] = useState(null)
@@ -39,6 +37,8 @@ export default function App() {
   const [logsScope, setLogsScope] = useState('')
   const [logsUsuario, setLogsUsuario] = useState('')
   const [logsPage, setLogsPage] = useState(1)
+  const [settingsOpen, setSettingsOpen] = useState(false)
+  const settingsMenuRef = useRef(null)
 
   const isAdmin = String(authUser?.perfil || '').toLowerCase() === 'admin'
   const logsEnabled = Boolean(logsStatus?.enabled)
@@ -162,6 +162,24 @@ export default function App() {
     }
   }, [logsEvents.length, logsPage, logsTotalPages])
 
+  useEffect(() => {
+    if (!settingsOpen) return undefined
+    function onPointerDown(event) {
+      if (!settingsMenuRef.current) return
+      if (!settingsMenuRef.current.contains(event.target)) {
+        setSettingsOpen(false)
+      }
+    }
+    document.addEventListener('mousedown', onPointerDown)
+    return () => document.removeEventListener('mousedown', onPointerDown)
+  }, [settingsOpen])
+
+  useEffect(() => {
+    if (!authUser) {
+      setSettingsOpen(false)
+    }
+  }, [authUser])
+
   async function onSubmitLogin(event) {
     event.preventDefault()
     setAuthError('')
@@ -185,6 +203,7 @@ export default function App() {
   }
 
   async function onLogout() {
+    setSettingsOpen(false)
     try {
       await api.authLogout()
     } catch {
@@ -245,45 +264,92 @@ export default function App() {
   function onUsarModeloEmAvaliacao(modelo) {
     const modeloId = String(modelo?.id || '').trim()
     if (!modeloId) return
-    setAvaliacaoBetaQuickLoad({
+    setAvaliacaoQuickLoad({
       requestKey: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
       modeloId,
+      modeloArquivo: String(modelo?.arquivo || '').trim(),
       nomeModelo: String(modelo?.nome_modelo || modelo?.arquivo || modeloId),
     })
-    setActiveTab('Avaliação Beta')
+    setActiveTab('Avaliação')
+    setLogsOpen(false)
     setShowStartupIntro(false)
   }
 
   return (
     <div className="app-shell">
-      <header className="app-header app-header-logo-only">
+      <header className={authUser ? 'app-header app-header-logged' : 'app-header app-header-logo-only'}>
         <div className="brand-mark" aria-hidden="true">
           <img src={`${import.meta.env.BASE_URL}logo_mesa.png`} alt="MESA" />
         </div>
-      </header>
+        {authUser ? (
+          <div className="app-top-actions">
+            <nav className="tabs" aria-label="Navegação principal">
+              {TABS.map((tab) => {
+                const active = tab.key === activeTab
+                return (
+                  <button
+                    key={tab.key}
+                    className={active ? 'tab-pill active' : 'tab-pill'}
+                    onClick={() => {
+                      setActiveTab(tab.key)
+                      setShowStartupIntro(false)
+                      setLogsOpen(false)
+                      setSettingsOpen(false)
+                    }}
+                    type="button"
+                  >
+                    <strong>{tab.label}</strong>
+                  </button>
+                )
+              })}
+            </nav>
 
-      {authUser ? (
-        <div className="auth-status-bar">
-          <span>
-            Usuário: <strong>{authUser.nome || authUser.usuario}</strong> ({authUser.perfil || 'viewer'})
-          </span>
-          <div className="auth-status-actions">
-            {isAdmin ? (
+            <div ref={settingsMenuRef} className={`settings-menu${settingsOpen ? ' is-open' : ''}`}>
               <button
                 type="button"
-                onClick={() => void onToggleLogs()}
-                disabled={logsStatusLoading || (!logsEnabled && !logsOpen)}
-                title={logsOpen ? 'Fechar visualização de logs' : !logsEnabled ? logsDisabledReason : 'Abrir leitura de logs'}
+                className="settings-gear-btn"
+                aria-haspopup="menu"
+                aria-expanded={settingsOpen}
+                aria-label="Abrir configurações"
+                onClick={() => setSettingsOpen((prev) => !prev)}
+                title="Configurações"
               >
-                {logsOpen ? 'Fechar logs' : 'Logs'}
+                &#9881;
               </button>
-            ) : null}
-            <button type="button" onClick={() => void onLogout()}>
-              Sair
-            </button>
+              {settingsOpen ? (
+                <div className="settings-menu-panel" role="menu" aria-label="Configurações do usuário">
+                  <div className="settings-user-summary">
+                    Usuário: <strong>{authUser.nome || authUser.usuario}</strong> ({authUser.perfil || 'viewer'})
+                  </div>
+                  <div className="settings-menu-actions">
+                    {isAdmin ? (
+                      <button
+                        type="button"
+                        className="settings-menu-btn"
+                        onClick={() => {
+                          void onToggleLogs()
+                          setSettingsOpen(false)
+                        }}
+                        disabled={logsStatusLoading || (!logsEnabled && !logsOpen)}
+                        title={logsOpen ? 'Fechar visualização de logs' : !logsEnabled ? logsDisabledReason : 'Abrir leitura de logs'}
+                      >
+                        {logsOpen ? 'Fechar logs' : 'Abrir logs'}
+                      </button>
+                    ) : null}
+                    <button
+                      type="button"
+                      className="settings-menu-btn settings-menu-btn-danger"
+                      onClick={() => void onLogout()}
+                    >
+                      Sair
+                    </button>
+                  </div>
+                </div>
+              ) : null}
+            </div>
           </div>
-        </div>
-      ) : null}
+        ) : null}
+      </header>
 
       {authLoading ? <div className="status-line">Validando autenticação...</div> : null}
 
@@ -437,26 +503,6 @@ export default function App() {
           </section>
         ) : (
           <>
-          <nav className="tabs" aria-label="Navegação principal">
-            {TABS.map((tab) => {
-              const active = tab.key === activeTab
-              return (
-                <button
-                  key={tab.key}
-                  className={active ? 'tab-pill active' : 'tab-pill'}
-                  onClick={() => {
-                    setActiveTab(tab.key)
-                    setShowStartupIntro(false)
-                  }}
-                  type="button"
-                >
-                  <strong>{tab.label}</strong>
-                  <small>{tab.hint}</small>
-                </button>
-              )
-            })}
-          </nav>
-
           {bootError ? <div className="error-line">Falha ao criar sessão: {bootError}</div> : null}
 
           {showStartupIntro ? (
@@ -465,7 +511,7 @@ export default function App() {
             </div>
           ) : null}
 
-          <div className="tab-pane" hidden={activeTab !== 'Pesquisa'}>
+          <div className="tab-pane" hidden={activeTab !== 'Pesquisa/Visualização'}>
             <PesquisaTab sessionId={sessionId} onUsarModeloEmAvaliacao={onUsarModeloEmAvaliacao} />
           </div>
 
@@ -473,16 +519,12 @@ export default function App() {
             <ElaboracaoTab sessionId={sessionId} />
           </div>
 
-          <div className="tab-pane" hidden={activeTab !== 'Visualização/Avaliação'}>
-            <VisualizacaoTab sessionId={sessionId} />
-          </div>
-
-          <div className="tab-pane" hidden={activeTab !== 'Repositório'}>
+          <div className="tab-pane" hidden={activeTab !== 'Repositório de Modelos'}>
             <RepositorioTab authUser={authUser} sessionId={sessionId} />
           </div>
 
-          <div className="tab-pane" hidden={activeTab !== 'Avaliação Beta'}>
-            <AvaliacaoBetaTab sessionId={sessionId} quickLoadRequest={avaliacaoBetaQuickLoad} />
+          <div className="tab-pane" hidden={activeTab !== 'Avaliação'}>
+            <AvaliacaoTab sessionId={sessionId} quickLoadRequest={avaliacaoQuickLoad} />
           </div>
           </>
         )

frontend/src/api.js

@@ -249,6 +249,7 @@ export const api = {
   visualizacaoRepositorioModelos: () => getJson('/api/visualizacao/repositorio-modelos'),
   visualizacaoRepositorioCarregar: (sessionId, modeloId) => postJson('/api/visualizacao/repositorio-carregar', { session_id: sessionId, modelo_id: modeloId }),
   exibirVisualizacao: (sessionId) => postJson('/api/visualizacao/exibir', { session_id: sessionId }),
+  evaluationContextViz: (sessionId) => postJson('/api/visualizacao/evaluation/context', { session_id: sessionId }),
   updateVisualizacaoMap: (sessionId, variavelMapa) => postJson('/api/visualizacao/map/update', { session_id: sessionId, variavel_mapa: variavelMapa }),
   evaluationFieldsViz: (sessionId) => postJson('/api/visualizacao/evaluation/fields', { session_id: sessionId }),
   evaluationCalculateViz: (sessionId, valoresX, indiceBase) => postJson('/api/visualizacao/evaluation/calculate', {

frontend/src/components/{AvaliacaoBetaTab.jsx → AvaliacaoTab.jsx}

@@ -3,6 +3,14 @@ import { api, downloadBlob } from '../api'
 import LoadingOverlay from './LoadingOverlay'
 import SinglePillAutocomplete from './SinglePillAutocomplete'
 
+function normalizarChaveModelo(value) {
+  return String(value || '')
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .toLowerCase()
+    .trim()
+}
+
 function formatarNumero(valor, casas = 2) {
   const numero = Number(valor)
   if (!Number.isFinite(numero)) return '-'
@@ -63,7 +71,7 @@ function formatarFonteRepositorio(fonte) {
   return 'Fonte: pasta local'
 }
 
-export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null }) {
+export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState('')
   const [status, setStatus] = useState('')
@@ -104,6 +112,137 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
     [avaliacoesCards, baseCardId],
   )
 
+  function resolverModeloIdRepositorio(chaveBruta, modelosOverride = null) {
+    const chave = String(chaveBruta || '').trim()
+    if (!chave) return ''
+    const modelosBase = Array.isArray(modelosOverride) ? modelosOverride : repoModelos
+
+    const chaveNorm = normalizarChaveModelo(chave)
+    const chaveNormStem = chaveNorm.endsWith('.dai') ? chaveNorm.slice(0, -4) : chaveNorm
+
+    for (const item of modelosBase || []) {
+      const id = String(item?.id || '').trim()
+      if (!id) continue
+      const arquivo = String(item?.arquivo || '').trim()
+      const nome = String(item?.nome_modelo || '').trim()
+
+      const candidatos = new Set()
+      const pushCandidato = (valor) => {
+        const bruto = String(valor || '').trim()
+        if (!bruto) return
+        candidatos.add(normalizarChaveModelo(bruto))
+        if (bruto.toLowerCase().endsWith('.dai')) {
+          candidatos.add(normalizarChaveModelo(bruto.slice(0, -4)))
+        }
+      }
+
+      pushCandidato(id)
+      pushCandidato(arquivo)
+      pushCandidato(nome)
+
+      if (candidatos.has(chaveNorm) || candidatos.has(chaveNormStem)) {
+        return id
+      }
+    }
+
+    if (chaveNormStem.length >= 4) {
+      for (const item of modelosBase || []) {
+        const id = String(item?.id || '').trim()
+        if (!id) continue
+        const arquivo = String(item?.arquivo || '').trim()
+        const nome = String(item?.nome_modelo || '').trim()
+        const candidatos = [id, arquivo, nome]
+          .map((valor) => normalizarChaveModelo(valor))
+          .filter(Boolean)
+        if (
+          candidatos.some((cand) => cand.includes(chaveNormStem) || chaveNormStem.includes(cand))
+        ) {
+          return id
+        }
+      }
+    }
+
+    return ''
+  }
+
+  function montarTentativas(chavesBrutas = [], modelosBase = null) {
+    const tentativas = []
+    const vistos = new Set()
+    const incluirTentativa = (valor) => {
+      const chave = String(valor || '').trim()
+      if (!chave) return
+      if (vistos.has(chave)) return
+      vistos.add(chave)
+      tentativas.push(chave)
+    }
+
+    ;(chavesBrutas || []).forEach((chave) => {
+      incluirTentativa(chave)
+      const resolvido = resolverModeloIdRepositorio(chave, modelosBase)
+      incluirTentativa(resolvido)
+      const texto = String(chave || '').trim()
+      if (texto.toLowerCase().endsWith('.dai')) {
+        incluirTentativa(texto.slice(0, -4))
+      }
+    })
+
+    return tentativas
+  }
+
+  async function tentarCarregarPelasChaves(chavesBrutas = [], modelosBase = null) {
+    const tentativas = montarTentativas(chavesBrutas, modelosBase)
+    let ultimoErro = null
+    for (const modeloId of tentativas) {
+      try {
+        const uploadResp = await api.visualizacaoRepositorioCarregar(sessionId, modeloId)
+        return { uploadResp, modeloIdUsado: modeloId }
+      } catch (err) {
+        if (Number(err?.status) === 404) {
+          ultimoErro = err
+          continue
+        }
+        throw err
+      }
+    }
+    return { uploadResp: null, modeloIdUsado: '', ultimoErro, tentativas }
+  }
+
+  async function carregarModeloRepositorioComFallback(chavesBrutas = []) {
+    if (!sessionId) {
+      throw new Error('Sessao indisponivel no momento.')
+    }
+
+    const primeiraTentativa = await tentarCarregarPelasChaves(chavesBrutas, repoModelos)
+    if (primeiraTentativa.uploadResp) {
+      return {
+        uploadResp: primeiraTentativa.uploadResp,
+        modeloIdUsado: primeiraTentativa.modeloIdUsado,
+      }
+    }
+
+    let modelosAtualizados = []
+    try {
+      const resposta = await api.visualizacaoRepositorioModelos()
+      modelosAtualizados = Array.isArray(resposta?.modelos) ? resposta.modelos : []
+      setRepoModelos(modelosAtualizados)
+      setRepoFonteModelos(formatarFonteRepositorio(resposta?.fonte || null))
+    } catch {
+      modelosAtualizados = repoModelos
+    }
+
+    const segundaTentativa = await tentarCarregarPelasChaves(chavesBrutas, modelosAtualizados)
+    if (segundaTentativa.uploadResp) {
+      return {
+        uploadResp: segundaTentativa.uploadResp,
+        modeloIdUsado: segundaTentativa.modeloIdUsado,
+      }
+    }
+
+    if (segundaTentativa.ultimoErro) throw segundaTentativa.ultimoErro
+    if (primeiraTentativa.ultimoErro) throw primeiraTentativa.ultimoErro
+    throw new Error(`Modelo nao encontrado no repositório configurado. Chaves testadas: ${(primeiraTentativa.tentativas || []).join(', ')}`)
+  }
+
   useEffect(() => {
     let ativo = true
     if (!sessionId) return () => {
@@ -202,24 +341,33 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
       setStatus(uploadResp?.status || '')
       setBadgeHtml(uploadResp?.badge_html || '')
       const nomeModelo = uploadResp?.nome_modelo || arquivoUpload.name || ''
-      const exibirResp = await api.exibirVisualizacao(sessionId)
-      aplicarRespostaExibicao(exibirResp, nomeModelo)
+      const contextoResp = await api.evaluationContextViz(sessionId)
+      aplicarRespostaExibicao(contextoResp, nomeModelo)
     })
   }
 
-  async function onCarregarModeloRepositorio(modeloIdOverride = '') {
-    const alvoModeloId = String(modeloIdOverride || repoModeloSelecionado || '').trim()
+  async function onCarregarModeloRepositorio(modeloIdOverride = '', fallbackChaves = []) {
+    const overrideNormalizado = (
+      modeloIdOverride
+      && typeof modeloIdOverride === 'object'
+      && typeof modeloIdOverride.preventDefault === 'function'
+    )
+      ? ''
+      : modeloIdOverride
+    const alvoModeloId = String(overrideNormalizado || repoModeloSelecionado || '').trim()
     if (!sessionId || !alvoModeloId) return
     setModeloLoadSource('repo')
     setRepoModeloSelecionado(alvoModeloId)
     await withBusy(async () => {
-      const uploadResp = await api.visualizacaoRepositorioCarregar(sessionId, alvoModeloId)
+      const tentativas = [alvoModeloId, ...(fallbackChaves || [])]
+      const { uploadResp, modeloIdUsado } = await carregarModeloRepositorioComFallback(tentativas)
       setStatus(uploadResp?.status || '')
       setBadgeHtml(uploadResp?.badge_html || '')
-      const modeloSelecionado = repoModeloOptions.find((item) => item.value === alvoModeloId)
+      setRepoModeloSelecionado(modeloIdUsado)
+      const modeloSelecionado = repoModeloOptions.find((item) => item.value === modeloIdUsado)
       const nomeModelo = uploadResp?.nome_modelo || modeloSelecionado?.label || ''
-      const exibirResp = await api.exibirVisualizacao(sessionId)
-      aplicarRespostaExibicao(exibirResp, nomeModelo)
+      const contextoResp = await api.evaluationContextViz(sessionId)
+      aplicarRespostaExibicao(contextoResp, nomeModelo)
       setUploadedFile(null)
     })
   }
@@ -227,12 +375,14 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
   useEffect(() => {
     const requestKey = String(quickLoadRequest?.requestKey || '').trim()
     const modeloId = String(quickLoadRequest?.modeloId || '').trim()
+    const modeloArquivo = String(quickLoadRequest?.modeloArquivo || '').trim()
+    const nomeModelo = String(quickLoadRequest?.nomeModelo || '').trim()
     if (!sessionId || !requestKey || !modeloId) return
     if (quickLoadHandledRef.current === requestKey) return
     quickLoadHandledRef.current = requestKey
     setModeloLoadSource('repo')
     setRepoModeloSelecionado(modeloId)
-    void onCarregarModeloRepositorio(modeloId)
+    void onCarregarModeloRepositorio(modeloId, [modeloArquivo, nomeModelo])
   }, [quickLoadRequest, sessionId])
 
   function onUploadInputChange(event) {
@@ -368,16 +518,16 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
     })
 
     const csv = `\uFEFF${linhas.join('\n')}`
-    downloadBlob(new Blob([csv], { type: 'text/csv;charset=utf-8;' }), 'avaliacoes_beta.csv')
+    downloadBlob(new Blob([csv], { type: 'text/csv;charset=utf-8;' }), 'avaliacoes.csv')
   }
 
   const modeloPronto = Boolean(camposAvaliacao.length)
 
   return (
     <div className="tab-content">
-      <div className="avaliacao-beta-flow">
-        <div className="avaliacao-beta-model-block">
-          <h3 className="avaliacao-beta-title">Selecionar Modelo para Avaliação</h3>
+      <div className="avaliacao-modelos-flow">
+        <div className="avaliacao-modelos-model-block">
+          <h3 className="avaliacao-modelos-title">Selecionar Modelo para Avaliação</h3>
         {!modeloLoadSource ? (
           <div className="model-source-choice-grid">
             <button
@@ -425,7 +575,7 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
                   />
                 </label>
                 <div className="row compact upload-repo-actions">
-                  <button type="button" onClick={onCarregarModeloRepositorio} disabled={loading || repoModelosLoading || !repoModeloSelecionado}>
+                  <button type="button" onClick={() => void onCarregarModeloRepositorio()} disabled={loading || repoModelosLoading || !repoModeloSelecionado}>
                     Carregar do repositório
                   </button>
                   <button type="button" onClick={() => void carregarModelosRepositorio()} disabled={loading || repoModelosLoading}>
@@ -481,12 +631,12 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
               </div>
             </div>
 
-            <div className="avaliacao-groups avaliacao-beta-groups">
+            <div className="avaliacao-groups avaliacao-modelos-groups">
               <div className="subpanel avaliacao-group">
                 <h4>Parâmetros</h4>
-                <div className="avaliacao-grid" key={`avaliacao-grid-beta-${avaliacaoFormVersion}`}>
+                <div className="avaliacao-grid" key={`avaliacao-grid-avaliacao-${avaliacaoFormVersion}`}>
                   {camposAvaliacao.map((campo) => (
-                    <div key={`campo-beta-${campo.coluna}`} className="avaliacao-card">
+                    <div key={`campo-avaliacao-${campo.coluna}`} className="avaliacao-card">
                       <label>{campo.coluna}</label>
                       {campo.tipo === 'dicotomica' ? (
                         <select
@@ -497,7 +647,7 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
                         >
                           <option value="">Selecione</option>
                           {(campo.opcoes || [0, 1]).map((opcao) => (
-                            <option key={`op-beta-${campo.coluna}-${opcao}`} value={String(opcao)}>
+                            <option key={`op-avaliacao-${campo.coluna}-${opcao}`} value={String(opcao)}>
                               {opcao}
                             </option>
                           ))}
@@ -562,41 +712,41 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
                     )}
                   </div>
 
-                  <div className="avaliacao-beta-cards-grid">
+                  <div className="avaliacao-modelos-cards-grid">
                     {avaliacoesCards.map((item, idx) => {
                       const aval = item.avaliacao || {}
                       const ehBase = item.id === baseCardId
                       const variaveis = Object.keys(aval.valores_x || {})
                       return (
-                        <article key={item.id} className="avaliacao-beta-card">
-                          <div className="avaliacao-beta-card-head">
-                            <div className="avaliacao-beta-card-title">
+                        <article key={item.id} className="avaliacao-modelos-card">
+                          <div className="avaliacao-modelos-card-head">
+                            <div className="avaliacao-modelos-card-title">
                               <strong>{`Aval. ${idx + 1}`}</strong>
                               <span>{item.modelo}</span>
                             </div>
-                            <div className="avaliacao-beta-card-actions">
-                              <button type="button" className="avaliacao-beta-delete-btn" onClick={() => onExcluirCard(item.id)} disabled={loading}>
+                            <div className="avaliacao-modelos-card-actions">
+                              <button type="button" className="avaliacao-modelos-delete-btn" onClick={() => onExcluirCard(item.id)} disabled={loading}>
                                 Excluir
                               </button>
                             </div>
                           </div>
 
-                          <div className="avaliacao-beta-card-subtitle">
+                          <div className="avaliacao-modelos-card-subtitle">
                             {formatarDataHoraIso(item.createdAt)}
                           </div>
 
-                          <div className="avaliacao-beta-card-base">
+                          <div className="avaliacao-modelos-card-base">
                             <strong>Estimado / Base:</strong>{' '}
                             {ehBase ? (
-                              <span className="avaliacao-beta-base-pill">Base</span>
+                              <span className="avaliacao-modelos-base-pill">Base</span>
                             ) : (
                               <span>{calcularComparacaoBase(aval)}</span>
                             )}
                           </div>
 
-                          <div className="avaliacao-beta-vars-list">
+                          <div className="avaliacao-modelos-vars-list">
                             {variaveis.map((variavel) => (
-                              <div key={`${item.id}-var-${variavel}`} className="avaliacao-beta-vars-item">
+                              <div key={`${item.id}-var-${variavel}`} className="avaliacao-modelos-vars-item">
                                 <span>{variavel}</span>
                                 <span>
                                   {formatarNumero(aval?.valores_x?.[variavel], 2)} {classificarExtrapolacao(aval?.extrapolacoes?.[variavel])}
@@ -605,7 +755,7 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
                             ))}
                           </div>
 
-                          <div className="avaliacao-beta-metrics">
+                          <div className="avaliacao-modelos-metrics">
                             <div><strong>Estimado:</strong> {formatarMoeda(aval.estimado)}</div>
                             <div><strong>CA -15%:</strong> {formatarMoeda(aval.ca_inf)}</div>
                             <div><strong>CA +15%:</strong> {formatarMoeda(aval.ca_sup)}</div>
@@ -615,7 +765,7 @@ export default function AvaliacaoBetaTab({ sessionId, quickLoadRequest = null })
                             <div><strong>Qtd. extrapolações:</strong> {String(aval.qtd_extrapolacoes ?? 0)}</div>
                           </div>
 
-                          <div className="avaliacao-beta-graus">
+                          <div className="avaliacao-modelos-graus">
                             <span style={{ color: corGrau(aval.precisao) }}>
                               <strong>Precisão:</strong> {String(aval.precisao || '-')}
                             </span>

frontend/src/components/DataTable.jsx

@@ -1,5 +1,10 @@
 import React from 'react'
 
+const LIMIAR_RENDERIZACAO_VIRTUAL = 1500
+const ESTIMATIVA_ALTURA_LINHA_PX = 33
+const OVERSCAN_LINHAS = 40
+const MIN_JANELA_LINHAS = 220
+
 function DataTable({
   table,
   maxHeight = 320,
@@ -11,17 +16,68 @@ function DataTable({
     return <div className="empty-box">Sem dados.</div>
   }
 
-  const MAX_RENDER_ROWS = 1200
-  const rowsToRender = table.rows.length > MAX_RENDER_ROWS
-    ? table.rows.slice(0, MAX_RENDER_ROWS)
+  const totalRows = Array.isArray(table.rows) ? table.rows.length : 0
+  const colSpan = Math.max(1, Array.isArray(table.columns) ? table.columns.length : 0)
+  const virtualizacaoAtiva = totalRows > LIMIAR_RENDERIZACAO_VIRTUAL
+  const wrapperRef = React.useRef(null)
+  const [scrollTop, setScrollTop] = React.useState(0)
+  const [viewportHeight, setViewportHeight] = React.useState(Number(maxHeight) || 320)
+  const tableIdentity = React.useMemo(() => {
+    const colunas = Array.isArray(table.columns) ? table.columns.join("|") : ""
+    return `${colunas}::${totalRows}`
+  }, [table.columns, totalRows])
+
+  React.useEffect(() => {
+    setScrollTop(0)
+    if (wrapperRef.current) {
+      wrapperRef.current.scrollTop = 0
+      setViewportHeight(wrapperRef.current.clientHeight || Number(maxHeight) || 320)
+    }
+  }, [tableIdentity, maxHeight])
+
+  React.useEffect(() => {
+    if (!wrapperRef.current) return undefined
+    const target = wrapperRef.current
+    if (typeof ResizeObserver === 'undefined') return undefined
+    const observer = new ResizeObserver(() => {
+      setViewportHeight(target.clientHeight || Number(maxHeight) || 320)
+    })
+    observer.observe(target)
+    return () => observer.disconnect()
+  }, [maxHeight])
+
+  const onWrapperScroll = React.useCallback((event) => {
+    if (!virtualizacaoAtiva) return
+    setScrollTop(event.currentTarget.scrollTop || 0)
+  }, [virtualizacaoAtiva])
+
+  const alturaViewport = Math.max(1, Number(viewportHeight) || Number(maxHeight) || 320)
+  const linhasVisiveis = Math.max(1, Math.ceil(alturaViewport / ESTIMATIVA_ALTURA_LINHA_PX))
+  const janelaLinhas = Math.max(MIN_JANELA_LINHAS, linhasVisiveis + (OVERSCAN_LINHAS * 2))
+
+  let startIndex = 0
+  let endIndex = totalRows
+  if (virtualizacaoAtiva) {
+    const primeiraLinhaVisivel = Math.max(0, Math.floor(scrollTop / ESTIMATIVA_ALTURA_LINHA_PX))
+    startIndex = Math.max(0, primeiraLinhaVisivel - OVERSCAN_LINHAS)
+    endIndex = Math.min(totalRows, startIndex + janelaLinhas)
+    if (endIndex - startIndex < janelaLinhas && startIndex > 0) {
+      startIndex = Math.max(0, endIndex - janelaLinhas)
+    }
+  }
+
+  const rowsToRender = virtualizacaoAtiva
+    ? table.rows.slice(startIndex, endIndex)
     : table.rows
-  const renderTruncated = rowsToRender.length < table.rows.length
+  const topSpacerHeight = virtualizacaoAtiva ? startIndex * ESTIMATIVA_ALTURA_LINHA_PX : 0
+  const bottomSpacerHeight = virtualizacaoAtiva ? Math.max(0, (totalRows - endIndex) * ESTIMATIVA_ALTURA_LINHA_PX) : 0
+
   const highlightedSet = Array.isArray(highlightedRowIndices) && highlightedRowIndices.length > 0
     ? new Set(highlightedRowIndices.map((item) => String(item)))
     : null
 
   return (
-    <div className="table-wrapper" style={{ maxHeight }}>
+    <div ref={wrapperRef} className="table-wrapper" style={{ maxHeight }} onScroll={onWrapperScroll}>
       <table>
         <thead>
           <tr>
@@ -31,24 +87,35 @@ function DataTable({
           </tr>
         </thead>
         <tbody>
+          {virtualizacaoAtiva && topSpacerHeight > 0 ? (
+            <tr className="table-virtual-spacer" aria-hidden="true">
+              <td colSpan={colSpan} style={{ height: `${topSpacerHeight}px` }} />
+            </tr>
+          ) : null}
           {rowsToRender.map((row, i) => {
+            const absoluteIndex = virtualizacaoAtiva ? startIndex + i : i
             const rowIndex = row?.[highlightIndexColumn]
             const rowClassName = highlightedSet && rowIndex != null && highlightedSet.has(String(rowIndex))
               ? highlightClassName
               : ''
             return (
-              <tr key={i} className={rowClassName}>
+              <tr key={absoluteIndex} className={rowClassName}>
                 {table.columns.map((col) => (
-                  <td key={`${i}-${col}`}>{String(row[col] ?? '')}</td>
+                  <td key={`${absoluteIndex}-${col}`}>{String(row[col] ?? '')}</td>
                 ))}
               </tr>
             )
           })}
+          {virtualizacaoAtiva && bottomSpacerHeight > 0 ? (
+            <tr className="table-virtual-spacer" aria-hidden="true">
+              <td colSpan={colSpan} style={{ height: `${bottomSpacerHeight}px` }} />
+            </tr>
+          ) : null}
         </tbody>
       </table>
-      {renderTruncated ? (
+      {virtualizacaoAtiva ? (
         <div className="table-hint">
-          Renderizando {rowsToRender.length} de {table.rows.length} linhas recebidas para manter desempenho.
+          Exibindo janela virtual com {rowsToRender.length} linhas de {totalRows} (ativada acima de {LIMIAR_RENDERIZACAO_VIRTUAL} linhas, sem supressão de dados).
         </div>
       ) : null}
       {table.truncated ? (

frontend/src/components/InicioTab.jsx

@@ -6,11 +6,10 @@ export default function InicioTab() {
       <section className="inicio-card">
         <h3>Resumo rápido</h3>
         <ul className="inicio-lista">
-          <li><strong>Pesquisa:</strong> encontra modelos compatíveis com os filtros informados.</li>
+          <li><strong>Pesquisa/Visualização:</strong> encontra modelos e abre visualização completa a partir da pesquisa.</li>
           <li><strong>Elaboração/Edição:</strong> cria, ajusta e exporta modelos estatísticos.</li>
-          <li><strong>Visualização/Avaliação:</strong> abre modelos `.dai`, mostra diagnósticos e permite avaliação.</li>
-          <li><strong>Repositório:</strong> lista, adiciona e remove modelos do acervo central.</li>
-          <li><strong>Avaliação Beta:</strong> compara avaliações de modelos diferentes em cards no mesmo painel.</li>
+          <li><strong>Avaliação:</strong> compara avaliações de modelos diferentes em cards no mesmo painel.</li>
+          <li><strong>Repositório de Modelos:</strong> lista, adiciona e remove modelos do acervo central.</li>
         </ul>
         <p className="inicio-creditos">
           Aplicativo criado por Guilherme Silberfarb Costa e David Schuch Bertoglio.

frontend/src/styles.css

@@ -66,23 +66,26 @@ textarea {
   border-radius: var(--radius-lg);
   background: linear-gradient(130deg, #fffdf9 0%, #ffffff 55%, #f6fbff 100%);
   box-shadow: var(--shadow-md);
-  padding: 18px 22px;
-  display: grid;
-  grid-template-columns: 130px 1fr;
-  gap: 16px;
+  padding: 12px 18px;
+  display: flex;
+  justify-content: space-between;
   align-items: center;
-  border-left: 6px solid var(--accent);
+  gap: 16px;
+  border-left: none;
 }
 
 .app-header.app-header-logo-only {
   display: flex;
   justify-content: center;
   align-items: center;
-  grid-template-columns: none;
   border-left: none;
   padding: 12px 18px;
 }
 
+.app-header.app-header-logged {
+  justify-content: space-between;
+}
+
 .brand-mark {
   background: linear-gradient(180deg, #ffffff 0%, #fff6ea 100%);
   border-radius: 14px;
@@ -99,6 +102,13 @@ textarea {
   padding: 0;
 }
 
+.app-header.app-header-logged .brand-mark {
+  width: min(220px, 34vw);
+  border: none;
+  background: transparent;
+  padding: 0;
+}
+
 .brand-mark img {
   width: 100%;
   max-width: 98px;
@@ -109,6 +119,12 @@ textarea {
   max-width: 520px;
 }
 
+.app-header.app-header-logged .brand-mark img {
+  max-width: 220px;
+  transform: scale(1.2);
+  transform-origin: left center;
+}
+
 .brand-copy h1 {
   margin: 0;
   font-family: 'Sora', sans-serif;
@@ -135,37 +151,39 @@ textarea {
 }
 
 .tabs {
-  display: grid;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
   gap: 10px;
+  margin-left: auto;
 }
 
 .tab-pill {
-  text-align: left;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-md);
-  background: linear-gradient(180deg, #f6f9fc 0%, #edf3f8 100%);
-  padding: 11px 12px;
-  color: #2f4359;
+  text-align: center;
+  border: 1px solid #d2deea;
+  border-radius: 10px;
+  background: linear-gradient(180deg, #f7fafd 0%, #edf3f8 100%);
+  padding: 8px 12px;
+  color: #32475d;
   cursor: pointer;
   transition: all 0.2s ease;
   display: flex;
-  flex-direction: column;
-  gap: 2px;
+  align-items: center;
+  gap: 0;
+  min-height: 38px;
 }
 
 .tab-pill strong {
   font-family: 'Sora', sans-serif;
-  font-size: 0.93rem;
+  font-size: 0.84rem;
 }
 
 .tab-pill small {
-  color: #607589;
-  font-size: 0.76rem;
+  display: none;
 }
 
 .tab-pill:hover {
-  border-color: #c5d4e2;
+  border-color: #c1d2e2;
   transform: translateY(-1px);
 }
 
@@ -179,6 +197,86 @@ textarea {
   color: rgba(255, 255, 255, 0.88);
 }
 
+.app-top-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 10px;
+  flex: 1;
+  min-width: 0;
+}
+
+.settings-menu {
+  position: relative;
+  flex: 0 0 auto;
+}
+
+.settings-gear-btn {
+  min-width: 40px;
+  min-height: 38px;
+  border-radius: 10px;
+  border: 1px solid #7da9da;
+  background: linear-gradient(180deg, #e4f0ff 0%, #d2e6ff 100%);
+  color: #234d7c;
+  font-size: 1.05rem;
+  font-weight: 700;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.settings-gear-btn:hover {
+  border-color: #6d9bd1;
+  background: linear-gradient(180deg, #d9eaff 0%, #c8ddfb 100%);
+}
+
+.settings-menu-panel {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  width: min(320px, 82vw);
+  border: 1px solid #c7d9ec;
+  border-radius: 12px;
+  background: #ffffff;
+  box-shadow: var(--shadow-md);
+  padding: 10px;
+  z-index: 15;
+  display: grid;
+  gap: 10px;
+}
+
+.settings-user-summary {
+  color: #2f4962;
+  font-size: 0.84rem;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e3ebf3;
+}
+
+.settings-menu-actions {
+  display: grid;
+  gap: 8px;
+}
+
+.settings-menu-btn {
+  border: 1px solid #c8d8e8;
+  border-radius: 9px;
+  background: linear-gradient(180deg, #f7fbff 0%, #edf3fa 100%);
+  color: #35536e;
+  font-weight: 700;
+  text-align: left;
+  padding: 8px 10px;
+}
+
+.settings-menu-btn:disabled {
+  opacity: 0.55;
+}
+
+.settings-menu-btn.settings-menu-btn-danger {
+  border-color: #e4b7bd;
+  background: linear-gradient(180deg, #fff5f7 0%, #feecef 100%);
+  color: #a12f40;
+}
+
 .auth-status-bar {
   border: 1px solid #d8e4f0;
   background: #f8fbff;
@@ -238,6 +336,27 @@ textarea {
 }
 
 @media (max-width: 760px) {
+  .app-header.app-header-logged {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 10px;
+  }
+
+  .app-top-actions {
+    width: 100%;
+    justify-content: space-between;
+    align-items: flex-start;
+  }
+
+  .tabs {
+    justify-content: flex-start;
+  }
+
+  .settings-menu-panel {
+    right: auto;
+    left: 0;
+  }
+
   .auth-form {
     grid-template-columns: 1fr;
   }
@@ -2077,34 +2196,34 @@ button.pesquisa-coluna-remove:hover {
   margin-top: 10px;
 }
 
-.avaliacao-beta-groups {
+.avaliacao-modelos-groups {
   gap: 16px;
 }
 
-.avaliacao-beta-flow {
+.avaliacao-modelos-flow {
   display: grid;
   gap: 14px;
 }
 
-.avaliacao-beta-model-block {
+.avaliacao-modelos-model-block {
   display: grid;
   gap: 10px;
 }
 
-.avaliacao-beta-title {
+.avaliacao-modelos-title {
   margin: 0;
   color: #2f465c;
   font-family: 'Sora', sans-serif;
   font-size: 1rem;
 }
 
-.avaliacao-beta-cards-grid {
+.avaliacao-modelos-cards-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
   gap: 12px;
 }
 
-.avaliacao-beta-card {
+.avaliacao-modelos-card {
   border: 1px solid #d7e3ef;
   border-radius: 12px;
   background: #fff;
@@ -2114,42 +2233,42 @@ button.pesquisa-coluna-remove:hover {
   gap: 8px;
 }
 
-.avaliacao-beta-card-head {
+.avaliacao-modelos-card-head {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
 }
 
-.avaliacao-beta-card-title {
+.avaliacao-modelos-card-title {
   display: grid;
   gap: 1px;
 }
 
-.avaliacao-beta-card-title strong {
+.avaliacao-modelos-card-title strong {
   color: #2f465c;
   font-family: 'Sora', sans-serif;
   font-size: 0.87rem;
 }
 
-.avaliacao-beta-card-title span {
+.avaliacao-modelos-card-title span {
   color: #4f667d;
   font-size: 0.79rem;
   font-weight: 600;
   line-height: 1.2;
 }
 
-.avaliacao-beta-card-subtitle {
+.avaliacao-modelos-card-subtitle {
   color: #70869b;
   font-size: 0.75rem;
 }
 
-.avaliacao-beta-card-actions {
+.avaliacao-modelos-card-actions {
   display: inline-flex;
   align-items: center;
 }
 
-.avaliacao-beta-delete-btn {
+.avaliacao-modelos-delete-btn {
   min-height: 28px;
   padding: 3px 8px;
   font-size: 0.74rem;
@@ -2161,7 +2280,7 @@ button.pesquisa-coluna-remove:hover {
   color: #a63446;
 }
 
-.avaliacao-beta-card-base {
+.avaliacao-modelos-card-base {
   color: #3c546a;
   font-size: 0.8rem;
   border: 1px solid #e3ebf3;
@@ -2170,7 +2289,7 @@ button.pesquisa-coluna-remove:hover {
   padding: 6px 8px;
 }
 
-.avaliacao-beta-base-pill {
+.avaliacao-modelos-base-pill {
   display: inline-block;
   border: 1px solid #f2cd91;
   border-radius: 999px;
@@ -2181,12 +2300,12 @@ button.pesquisa-coluna-remove:hover {
   font-weight: 700;
 }
 
-.avaliacao-beta-vars-list {
+.avaliacao-modelos-vars-list {
   display: grid;
   gap: 4px;
 }
 
-.avaliacao-beta-vars-item {
+.avaliacao-modelos-vars-item {
   display: grid;
   grid-template-columns: minmax(88px, auto) minmax(0, 1fr);
   gap: 6px;
@@ -2198,24 +2317,24 @@ button.pesquisa-coluna-remove:hover {
   font-size: 0.78rem;
 }
 
-.avaliacao-beta-vars-item span:first-child {
+.avaliacao-modelos-vars-item span:first-child {
   color: #526a80;
   font-weight: 700;
 }
 
-.avaliacao-beta-vars-item span:last-child {
+.avaliacao-modelos-vars-item span:last-child {
   color: #2e475d;
   text-align: right;
 }
 
-.avaliacao-beta-metrics {
+.avaliacao-modelos-metrics {
   display: grid;
   gap: 3px;
   color: #40596f;
   font-size: 0.78rem;
 }
 
-.avaliacao-beta-graus {
+.avaliacao-modelos-graus {
   display: grid;
   gap: 3px;
   padding-top: 2px;
@@ -2800,6 +2919,16 @@ button.btn-upload-select {
   font-size: 0.8rem;
 }
 
+.table-virtual-spacer td {
+  border-bottom: none;
+  padding: 0;
+  background: transparent;
+}
+
+.table-wrapper tr.table-virtual-spacer:hover td {
+  background: transparent;
+}
+
 .empty-box {
   border: 1px dashed #bfd0e0;
   border-radius: 12px;