melhorias esteticas e funcionais

backend/app/core/elaboracao/formatadores.py

@@ -541,9 +541,15 @@ def formatar_avaliacao_html(avaliacoes_lista, indice_base=0, elem_id_excluir="ex
 
     n = len(avaliacoes_lista)
 
-    # Corrigir índice base se fora de range
-    if indice_base < 0 or indice_base >= n:
-        indice_base = 0
+    indice_base_normalizado = None
+    if indice_base is not None:
+        try:
+            indice_base_normalizado = int(indice_base)
+        except (TypeError, ValueError):
+            indice_base_normalizado = 0
+
+        if indice_base_normalizado < 0 or indice_base_normalizado >= n:
+            indice_base_normalizado = 0
 
     # Estilos reutilizáveis
     _td = 'style="padding: 6px 12px; border-bottom: 1px solid #f0f0f0;"'
@@ -599,13 +605,13 @@ def formatar_avaliacao_html(avaliacoes_lista, indice_base=0, elem_id_excluir="ex
         html += f'<td {_td_bold_r} style="text-align: right; padding: 8px 12px; border-bottom: 1px solid #dee2e6; font-weight: 600;">{_formatar_brl(aval["estimado"])}</td>'
     html += '</tr>'
 
-    # Estimado / Base (só se houver mais de 1 avaliação)
-    if n > 1:
-        estimado_base = avaliacoes_lista[indice_base]["estimado"]
+    # Estimado / Base (só se houver mais de 1 avaliação e base selecionada)
+    if n > 1 and indice_base_normalizado is not None:
+        estimado_base = avaliacoes_lista[indice_base_normalizado]["estimado"]
         html += '<tr style="background: #fff8f0; font-size: 12px;">'
-        html += f'<td style="padding: 4px 12px; border-bottom: 1px solid #f0f0f0; font-weight: 500; color: #6c757d; font-style: italic;">Estimado / Base (Aval. {indice_base + 1})</td>'
+        html += f'<td style="padding: 4px 12px; border-bottom: 1px solid #f0f0f0; font-weight: 500; color: #6c757d; font-style: italic;">Estimado / Base (Aval. {indice_base_normalizado + 1})</td>'
         for i, aval in enumerate(avaliacoes_lista):
-            if i == indice_base:
+            if i == indice_base_normalizado:
                 celula = '<span style="color: #FF8C00; font-weight: 600;">Base</span>'
             else:
                 if estimado_base != 0:

backend/app/services/elaboracao_service.py

@@ -56,12 +56,39 @@ _AVALIADORES_PATH = Path(__file__).resolve().parent.parent / "core" / "elaboraca
 _AVALIADORES_CACHE: list[dict[str, Any]] | None = None
 LIMIAR_DISPERSAO_PNG = 1500
 LOGGER = logging.getLogger(__name__)
+BASE_COMPARACAO_SEM_BASE = "__none__"
 
 
 def _is_rh_col(coluna: str) -> bool:
     return str(coluna or "").strip().upper() == "RH"
 
 
+def _resolver_indice_base(
+    indice_base_raw: str | None,
+    total_avaliacoes: int,
+    default_para_primeira: bool = True,
+) -> tuple[int | None, str]:
+    if total_avaliacoes <= 0:
+        return None, BASE_COMPARACAO_SEM_BASE
+
+    raw = "" if indice_base_raw is None else str(indice_base_raw).strip()
+    raw_lower = raw.lower()
+    if raw_lower in {"__none__", "sem_base", "none"}:
+        return None, BASE_COMPARACAO_SEM_BASE
+
+    if raw:
+        try:
+            indice = int(raw) - 1
+        except (TypeError, ValueError):
+            indice = None
+        if indice is not None and 0 <= indice < total_avaliacoes:
+            return indice, str(indice + 1)
+
+    if default_para_primeira:
+        return 0, "1"
+    return None, BASE_COMPARACAO_SEM_BASE
+
+
 def _parse_data_iso_segura(value: Any) -> str | None:
     if value is None:
         return None
@@ -1965,11 +1992,11 @@ def calcular_avaliacao_elaboracao(
         raise HTTPException(status_code=400, detail="Erro ao calcular avaliacao")
 
     session.avaliacoes_elaboracao.append(resultado)
-    idx_base = int(indice_base) - 1 if indice_base else 0
+    total_avaliacoes = len(session.avaliacoes_elaboracao)
+    idx_base, base = _resolver_indice_base(indice_base, total_avaliacoes, default_para_primeira=True)
     html = formatar_avaliacao_html(session.avaliacoes_elaboracao, indice_base=idx_base, elem_id_excluir="excluir-aval-elab")
 
-    choices = [str(i + 1) for i in range(len(session.avaliacoes_elaboracao))]
-    base = indice_base if indice_base else "1"
+    choices = [str(i + 1) for i in range(total_avaliacoes)]
 
     return {
         "resultado_html": html,
@@ -1990,12 +2017,15 @@ def limpar_avaliacoes_elaboracao(session: SessionState) -> dict[str, Any]:
 
 
 def excluir_avaliacao_elaboracao(session: SessionState, indice_str: str | None, indice_base_str: str | None) -> dict[str, Any]:
+    total_atual = len(session.avaliacoes_elaboracao)
+    _, base_value_atual = _resolver_indice_base(indice_base_str, total_atual, default_para_primeira=True)
+
     if not indice_str or not session.avaliacoes_elaboracao:
         return {
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_elaboracao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_elaboracao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_elaboracao else None),
         }
 
     try:
@@ -2005,7 +2035,7 @@ def excluir_avaliacao_elaboracao(session: SessionState, indice_str: str | None,
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_elaboracao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_elaboracao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_elaboracao else None),
         }
 
     if idx < 0 or idx >= len(session.avaliacoes_elaboracao):
@@ -2013,7 +2043,7 @@ def excluir_avaliacao_elaboracao(session: SessionState, indice_str: str | None,
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_elaboracao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_elaboracao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_elaboracao else None),
         }
 
     nova_lista = [a for i, a in enumerate(session.avaliacoes_elaboracao) if i != idx]
@@ -2027,27 +2057,22 @@ def excluir_avaliacao_elaboracao(session: SessionState, indice_str: str | None,
             "base_value": None,
         }
 
-    base = int(indice_base_str) - 1 if indice_base_str else 0
-    if base >= len(nova_lista):
-        base = len(nova_lista) - 1
-    if base < 0:
-        base = 0
-
-    html = formatar_avaliacao_html(nova_lista, indice_base=base, elem_id_excluir="excluir-aval-elab")
+    base_idx, base_value = _resolver_indice_base(indice_base_str, len(nova_lista), default_para_primeira=True)
+    html = formatar_avaliacao_html(nova_lista, indice_base=base_idx, elem_id_excluir="excluir-aval-elab")
     choices = [str(i + 1) for i in range(len(nova_lista))]
 
     return {
         "resultado_html": html,
         "avaliacoes": sanitize_value(nova_lista),
         "base_choices": choices,
-        "base_value": str(base + 1),
+        "base_value": base_value,
     }
 
 
 def atualizar_base_avaliacao_elaboracao(session: SessionState, indice_base_str: str | None) -> dict[str, Any]:
     if not session.avaliacoes_elaboracao:
         return {"resultado_html": ""}
-    indice = int(indice_base_str) - 1 if indice_base_str else 0
+    indice, _ = _resolver_indice_base(indice_base_str, len(session.avaliacoes_elaboracao), default_para_primeira=True)
     html = formatar_avaliacao_html(session.avaliacoes_elaboracao, indice_base=indice, elem_id_excluir="excluir-aval-elab")
     return {"resultado_html": html}
 

backend/app/services/pesquisa_service.py

@@ -10,6 +10,7 @@ from threading import Lock
 from typing import Any
 
 import folium
+from folium import plugins
 import numpy as np
 import pandas as pd
 from fastapi import HTTPException
@@ -484,6 +485,7 @@ def gerar_mapa_modelos(modelos_ids: list[str], limite_pontos_por_modelo: int = 4
         camada_indices.add_to(mapa)
 
     folium.LayerControl(collapsed=False).add_to(mapa)
+    plugins.Fullscreen().add_to(mapa)
     add_zoom_responsive_circle_markers(mapa)
     if bounds:
         lat_values = [float(coord[0]) for coord in bounds]

backend/app/services/visualizacao_service.py

@@ -18,12 +18,39 @@ from app.services.serializers import dataframe_to_payload, figure_to_payload, sa
 
 
 CHAVES_ESPERADAS = ["versao", "dados", "transformacoes", "modelo"]
+BASE_COMPARACAO_SEM_BASE = "__none__"
 
 
 def _is_rh_col(coluna: str) -> bool:
     return str(coluna or "").strip().upper() == "RH"
 
 
+def _resolver_indice_base(
+    indice_base_raw: str | None,
+    total_avaliacoes: int,
+    default_para_primeira: bool = True,
+) -> tuple[int | None, str]:
+    if total_avaliacoes <= 0:
+        return None, BASE_COMPARACAO_SEM_BASE
+
+    raw = "" if indice_base_raw is None else str(indice_base_raw).strip()
+    raw_lower = raw.lower()
+    if raw_lower in {"__none__", "sem_base", "none"}:
+        return None, BASE_COMPARACAO_SEM_BASE
+
+    if raw:
+        try:
+            indice = int(raw) - 1
+        except (TypeError, ValueError):
+            indice = None
+        if indice is not None and 0 <= indice < total_avaliacoes:
+            return indice, str(indice + 1)
+
+    if default_para_primeira:
+        return 0, "1"
+    return None, BASE_COMPARACAO_SEM_BASE
+
+
 def listar_modelos_repositorio() -> dict[str, Any]:
     return sanitize_value(model_repository.list_repository_models())
 
@@ -341,10 +368,10 @@ def calcular_avaliacao(session: SessionState, valores_x: dict[str, Any], indice_
 
     session.avaliacoes_visualizacao.append(resultado)
 
-    indice = int(indice_base) - 1 if indice_base else 0
+    total_avaliacoes = len(session.avaliacoes_visualizacao)
+    indice, base_value = _resolver_indice_base(indice_base, total_avaliacoes, default_para_primeira=True)
     html = formatar_avaliacao_html(session.avaliacoes_visualizacao, indice_base=indice, elem_id_excluir="excluir-aval-viz")
     choices = [str(i + 1) for i in range(len(session.avaliacoes_visualizacao))]
-    base_value = indice_base if indice_base else "1"
 
     return {
         "resultado_html": html,
@@ -365,12 +392,15 @@ def limpar_avaliacoes(session: SessionState) -> dict[str, Any]:
 
 
 def excluir_avaliacao(session: SessionState, indice_str: str | None, indice_base_str: str | None) -> dict[str, Any]:
+    total_atual = len(session.avaliacoes_visualizacao)
+    _, base_value_atual = _resolver_indice_base(indice_base_str, total_atual, default_para_primeira=True)
+
     if not indice_str or not session.avaliacoes_visualizacao:
         return {
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_visualizacao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_visualizacao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_visualizacao else None),
         }
 
     try:
@@ -380,7 +410,7 @@ def excluir_avaliacao(session: SessionState, indice_str: str | None, indice_base
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_visualizacao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_visualizacao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_visualizacao else None),
         }
 
     if idx < 0 or idx >= len(session.avaliacoes_visualizacao):
@@ -388,7 +418,7 @@ def excluir_avaliacao(session: SessionState, indice_str: str | None, indice_base
             "resultado_html": None,
             "avaliacoes": sanitize_value(session.avaliacoes_visualizacao),
             "base_choices": [str(i + 1) for i in range(len(session.avaliacoes_visualizacao))],
-            "base_value": indice_base_str,
+            "base_value": (base_value_atual if session.avaliacoes_visualizacao else None),
         }
 
     nova_lista = [a for i, a in enumerate(session.avaliacoes_visualizacao) if i != idx]
@@ -402,12 +432,7 @@ def excluir_avaliacao(session: SessionState, indice_str: str | None, indice_base
             "base_value": None,
         }
 
-    base = int(indice_base_str) - 1 if indice_base_str else 0
-    if base >= len(nova_lista):
-        base = len(nova_lista) - 1
-    if base < 0:
-        base = 0
-
+    base, base_value = _resolver_indice_base(indice_base_str, len(nova_lista), default_para_primeira=True)
     html = formatar_avaliacao_html(nova_lista, indice_base=base, elem_id_excluir="excluir-aval-viz")
     choices = [str(i + 1) for i in range(len(nova_lista))]
 
@@ -415,14 +440,14 @@ def excluir_avaliacao(session: SessionState, indice_str: str | None, indice_base
         "resultado_html": html,
         "avaliacoes": sanitize_value(nova_lista),
         "base_choices": choices,
-        "base_value": str(base + 1),
+        "base_value": base_value,
     }
 
 
 def atualizar_base(session: SessionState, indice_base_str: str | None) -> dict[str, Any]:
     if not session.avaliacoes_visualizacao:
         return {"resultado_html": ""}
-    indice = int(indice_base_str) - 1 if indice_base_str else 0
+    indice, _ = _resolver_indice_base(indice_base_str, len(session.avaliacoes_visualizacao), default_para_primeira=True)
     html = formatar_avaliacao_html(session.avaliacoes_visualizacao, indice_base=indice, elem_id_excluir="excluir-aval-viz")
     return {"resultado_html": html}
 

frontend/src/components/AvaliacaoTab.jsx

@@ -71,6 +71,8 @@ function formatarFonteRepositorio(fonte) {
   return 'Fonte: pasta local'
 }
 
+const BASE_COMPARACAO_SEM_BASE = '__none__'
+
 export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState('')
@@ -92,7 +94,7 @@ export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
   const [avaliacaoFormVersion, setAvaliacaoFormVersion] = useState(0)
 
   const [avaliacoesCards, setAvaliacoesCards] = useState([])
-  const [baseCardId, setBaseCardId] = useState('')
+  const [baseCardId, setBaseCardId] = useState(BASE_COMPARACAO_SEM_BASE)
   const [confirmarLimpezaAvaliacoes, setConfirmarLimpezaAvaliacoes] = useState(false)
 
   const uploadInputRef = useRef(null)
@@ -107,10 +109,10 @@ export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
     [repoModelos],
   )
 
-  const baseCard = useMemo(
-    () => avaliacoesCards.find((item) => item.id === baseCardId) || null,
-    [avaliacoesCards, baseCardId],
-  )
+  const baseCard = useMemo(() => {
+    if (baseCardId === BASE_COMPARACAO_SEM_BASE) return null
+    return avaliacoesCards.find((item) => item.id === baseCardId) || null
+  }, [avaliacoesCards, baseCardId])
 
   function resolverModeloIdRepositorio(chaveBruta, modelosOverride = null) {
     const chave = String(chaveBruta || '').trim()
@@ -274,10 +276,13 @@ export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
 
   useEffect(() => {
     if (!avaliacoesCards.length) {
-      if (baseCardId) setBaseCardId('')
+      if (baseCardId !== BASE_COMPARACAO_SEM_BASE) {
+        setBaseCardId(BASE_COMPARACAO_SEM_BASE)
+      }
       return
     }
-    if (!baseCardId || !avaliacoesCards.some((item) => item.id === baseCardId)) {
+    if (baseCardId === BASE_COMPARACAO_SEM_BASE || !baseCardId) return
+    if (!avaliacoesCards.some((item) => item.id === baseCardId)) {
       setBaseCardId(avaliacoesCards[0].id)
     }
   }, [avaliacoesCards, baseCardId])
@@ -449,7 +454,7 @@ export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
 
   function onLimparAvaliacoes() {
     setAvaliacoesCards([])
-    setBaseCardId('')
+    setBaseCardId(BASE_COMPARACAO_SEM_BASE)
     setConfirmarLimpezaAvaliacoes(false)
   }
 
@@ -681,6 +686,7 @@ export default function AvaliacaoTab({ sessionId, quickLoadRequest = null }) {
                   <div className="row avaliacao-base-row">
                     <label>Base comparação</label>
                     <select value={baseCardId} onChange={(event) => setBaseCardId(event.target.value)}>
+                      <option value={BASE_COMPARACAO_SEM_BASE}>Sem base</option>
                       {avaliacoesCards.map((item, idx) => (
                         <option key={`base-card-${item.id}`} value={item.id}>
                           {`Aval. ${idx + 1} - ${item.modelo}`}

frontend/src/components/ElaboracaoTab.jsx

@@ -35,7 +35,8 @@ const MAPA_MODO_SUPERFICIE = 'superficie'
 const MAPA_RESIDUOS_VARIAVEL = 'Resíduo Pad.'
 const MAPA_RESIDUOS_EXTREMO_LIVRE = 'livre'
 const MAPA_RESIDUOS_EXTREMO_ABS_DEFAULT = MAPA_RESIDUOS_EXTREMO_LIVRE
-const MAPA_RESIDUOS_EXTREMO_ABS_OPTIONS = [2, 3, 4, 5, 6, 7, 8, 10]
+const MAPA_RESIDUOS_EXTREMO_ABS_OPTIONS = [1, 2, 3, 4, 5, 6, 7, 8, 10]
+const BASE_COMPARACAO_SEM_BASE = '__none__'
 const OUTLIER_RECURSIVO_TOOLTIP = 'Aplicar com recursividade executa os mesmos filtros em ciclos sucessivos: nos bastidores, simula a exclusão dos índices encontrados, recalcula o ajuste do modelo e as métricas de outlier e reaplica os filtros, repetindo até não surgir nenhum índice novo. Para você, o resultado prático é que o campo "A excluir" é preenchido automaticamente com o conjunto total de índices encontrados nessa simulação recursiva.'
 const ELABORACAO_SECOES_NAV = [
   { step: '1', title: 'Importar Dados' },
@@ -766,6 +767,7 @@ export default function ElaboracaoTab({ sessionId }) {
   const [repoModeloSelecionado, setRepoModeloSelecionado] = useState('')
   const [repoModelosLoading, setRepoModelosLoading] = useState(false)
   const [repoFonteModelos, setRepoFonteModelos] = useState('')
+  const [repoModeloDropdownOpen, setRepoModeloDropdownOpen] = useState(false)
 
   const [dados, setDados] = useState(null)
   const [mapaHtml, setMapaHtml] = useState('')
@@ -1067,6 +1069,35 @@ export default function ElaboracaoTab({ sessionId }) {
 
     return Array.from(indices)
   }, [fit?.tabela_metricas, filtros, outlierHighlightIndexColumn])
+  const outlierFaixasPorVariavel = useMemo(() => {
+    const rows = fit?.tabela_metricas?.rows
+    const variaveis = (fit?.variaveis_filtro || [])
+      .map((item) => String(item || '').trim())
+      .filter(Boolean)
+    if (!Array.isArray(rows) || rows.length === 0 || variaveis.length === 0) return {}
+
+    const faixas = {}
+    variaveis.forEach((variavel) => {
+      let minimo = Number.POSITIVE_INFINITY
+      let maximo = Number.NEGATIVE_INFINITY
+      let totalValidos = 0
+
+      rows.forEach((row) => {
+        if (!row || typeof row !== 'object') return
+        const valor = toFiniteNumber(row[variavel])
+        if (valor === null) return
+        totalValidos += 1
+        if (valor < minimo) minimo = valor
+        if (valor > maximo) maximo = valor
+      })
+
+      if (totalValidos > 0 && Number.isFinite(minimo) && Number.isFinite(maximo)) {
+        faixas[variavel] = { minimo, maximo }
+      }
+    })
+
+    return faixas
+  }, [fit?.tabela_metricas?.rows, fit?.variaveis_filtro])
   const resumoResiduoPadStats = useMemo(() => {
     const rows = fit?.tabela_metricas?.rows
     if (!Array.isArray(rows) || rows.length === 0) return null
@@ -1298,6 +1329,12 @@ export default function ElaboracaoTab({ sessionId }) {
     setDisabledHint(null)
   }, [])
 
+  useEffect(() => {
+    if (modeloLoadSource !== 'repo') {
+      setRepoModeloDropdownOpen(false)
+    }
+  }, [modeloLoadSource])
+
   const onDisabledHintEnter = useCallback((event, showHint, hintText) => {
     if (!showHint || !hintText || typeof window === 'undefined') {
       setDisabledHint(null)
@@ -3339,7 +3376,7 @@ export default function ElaboracaoTab({ sessionId }) {
 
   return (
     <div ref={elaboracaoRootRef} className="tab-content">
-      <div className="elaboracao-layout" style={sideNavDynamicStyle}>
+      <div className={`elaboracao-layout${repoModeloDropdownOpen ? ' is-repo-model-open' : ''}`} style={sideNavDynamicStyle}>
         <aside className="elaboracao-side-nav" aria-label="Navegação de seções da elaboração">
           <ol className="elaboracao-side-nav-list">
             {ELABORACAO_SECOES_NAV.map((secao) => {
@@ -3365,42 +3402,45 @@ export default function ElaboracaoTab({ sessionId }) {
         </aside>
 
         <div key={`sections-${sectionsMountKey}`} className="workflow-sections-stack elaboracao-sections-stack">
-      <SectionBlock step="1" title="Importar Dados" subtitle="Upload de CSV, Excel ou .dai com recuperação do fluxo.">
-        <div className="section1-groups">
-          <div className="subpanel section1-group">
-            {!modeloLoadSource ? (
-              <div className="model-source-choice-grid">
-                <button
-                  type="button"
-                  className="model-source-choice-btn model-source-choice-btn-primary"
-                  onClick={() => {
-                    setModeloLoadSource('repo')
-                    setImportacaoErro('')
-                  }}
-                  disabled={loading}
-                >
-                  Carregar modelo do repositório
-                </button>
-                <button
-                  type="button"
-                  className="model-source-choice-btn model-source-choice-btn-secondary"
-                  onClick={() => {
-                    setModeloLoadSource('upload')
-                    setImportacaoErro('')
-                  }}
-                  disabled={loading}
-                >
-                  Fazer upload de Excel ou modelo
-                </button>
-              </div>
-            ) : (
-              <div className="model-source-flow">
+          <SectionBlock step="1" title="Importar Dados" subtitle="Upload de CSV, Excel ou .dai com recuperação do fluxo.">
+            <div className="section1-groups">
+              <div className="subpanel section1-group">
+                {!modeloLoadSource ? (
+                  <div className="model-source-choice-grid">
+                    <button
+                      type="button"
+                      className="model-source-choice-btn model-source-choice-btn-primary"
+                      onClick={() => {
+                        setModeloLoadSource('repo')
+                        setRepoModeloDropdownOpen(false)
+                        setImportacaoErro('')
+                      }}
+                      disabled={loading}
+                    >
+                      Carregar modelo do repositório
+                    </button>
+                    <button
+                      type="button"
+                      className="model-source-choice-btn model-source-choice-btn-secondary"
+                      onClick={() => {
+                        setModeloLoadSource('upload')
+                        setRepoModeloDropdownOpen(false)
+                        setImportacaoErro('')
+                      }}
+                      disabled={loading}
+                    >
+                      Fazer upload de Excel ou modelo
+                    </button>
+                  </div>
+                ) : (
+                  <div className="model-source-flow">
                 <div className="model-source-flow-head">
                   <button
                     type="button"
                     className="model-source-back-btn"
                     onClick={() => {
                       setModeloLoadSource('')
+                      setRepoModeloDropdownOpen(false)
                       setImportacaoErro('')
                     }}
                     disabled={loading}
@@ -3421,6 +3461,7 @@ export default function ElaboracaoTab({ sessionId }) {
                     emptyMessage={repoModeloOptions.length > 0 ? 'Nenhum modelo encontrado.' : 'Nenhum modelo disponível.'}
                     loading={repoModelosLoading}
                     disabled={loading || repoModelosLoading || repoModeloOptions.length === 0}
+                    onOpenChange={setRepoModeloDropdownOpen}
                   />
                 </label>
                 <div className="row compact upload-repo-actions">
@@ -5145,64 +5186,61 @@ export default function ElaboracaoTab({ sessionId }) {
 
             <div className="sec16-subsection">
               <h5 className="sec16-subtitle">Mapa de Resíduos Padronizados</h5>
-              <details className="dados-mapa-details" open>
-                <summary>Mostrar/Ocultar mapa</summary>
-                {!mapaResiduosGerado ? (
-                  <div className="empty-box">
-                    <div className="row">
-                      <button type="button" className="btn-gerar-mapa" onClick={onGerarMapaResiduos} disabled={loading}>
-                        Gerar Mapa de Resíduos Padronizados
-                      </button>
-                    </div>
-                    <div className="section1-empty-hint">O mapa de resíduos padronizados será carregado somente após solicitação explícita.</div>
+              {!mapaResiduosGerado ? (
+                <div className="empty-box">
+                  <div className="row">
+                    <button type="button" className="btn-gerar-mapa" onClick={onGerarMapaResiduos} disabled={loading}>
+                      Gerar Mapa de Resíduos Padronizados
+                    </button>
                   </div>
-                ) : (
-                  <>
-                    <div className="dados-mapa-controls">
-                      <div className="dados-mapa-control-field">
-                        <label>Visualização</label>
-                        <select value={mapaResiduosModo} onChange={(e) => onMapaResiduosModoChange(e.target.value)}>
-                          <option value={MAPA_MODO_PONTOS}>Pontos</option>
-                          <option value={MAPA_MODO_CALOR}>Mapa de calor</option>
-                          <option value={MAPA_MODO_SUPERFICIE}>Superfície contínua</option>
-                        </select>
-                      </div>
-                      <div className="dados-mapa-control-field">
-                        <label>Extremos da escala (abs.)</label>
-                        <select
-                          value={String(mapaResiduosExtremoAbs)}
-                          onChange={(e) => {
-                            void onMapaResiduosExtremoAbsChange(e.target.value)
-                          }}
-                        >
-                          <option value={MAPA_RESIDUOS_EXTREMO_LIVRE}>Livre (limites dos dados)</option>
-                          {MAPA_RESIDUOS_EXTREMO_ABS_OPTIONS.map((valor) => (
-                            <option key={`mapa-res-ext-${valor}`} value={String(valor)}>
-                              ±{formatNumberBr(valor, 1)}
-                            </option>
-                          ))}
-                        </select>
-                      </div>
-                    </div>
-                    <div className="residuos-map-scale-hint">
-                      {mapaResiduosExtremoAbsAtivo === null
-                        ? 'Escala livre: os extremos seguem os limites observados dos resíduos padronizados.'
-                        : `Escala fixa: valores ≤ -${formatNumberBr(mapaResiduosExtremoAbsAtivo, 2)} e ≥ ${formatNumberBr(mapaResiduosExtremoAbsAtivo, 2)} usam as cores máximas.`}
+                  <div className="section1-empty-hint">O mapa de resíduos padronizados será carregado somente após solicitação explícita.</div>
+                </div>
+              ) : (
+                <>
+                  <div className="dados-mapa-controls">
+                    <div className="dados-mapa-control-field">
+                      <label>Visualização</label>
+                      <select value={mapaResiduosModo} onChange={(e) => onMapaResiduosModoChange(e.target.value)}>
+                        <option value={MAPA_MODO_PONTOS}>Pontos</option>
+                        <option value={MAPA_MODO_CALOR}>Mapa de calor</option>
+                        <option value={MAPA_MODO_SUPERFICIE}>Superfície contínua</option>
+                      </select>
                     </div>
-                    <div className="download-actions-bar">
-                      <button
-                        type="button"
-                        className="btn-download-subtle"
-                        onClick={onDownloadMapaSecao16}
-                        disabled={loading || downloadingAssets || !mapaResiduosHtml}
+                    <div className="dados-mapa-control-field">
+                      <label>Extremos da escala (abs.)</label>
+                      <select
+                        value={String(mapaResiduosExtremoAbs)}
+                        onChange={(e) => {
+                          void onMapaResiduosExtremoAbsChange(e.target.value)
+                        }}
                       >
-                        Fazer download
-                      </button>
+                        <option value={MAPA_RESIDUOS_EXTREMO_LIVRE}>Livre (limites dos dados)</option>
+                        {MAPA_RESIDUOS_EXTREMO_ABS_OPTIONS.map((valor) => (
+                          <option key={`mapa-res-ext-${valor}`} value={String(valor)}>
+                            ±{formatNumberBr(valor, 1)}
+                          </option>
+                        ))}
+                      </select>
                     </div>
-                    <MapFrame html={mapaResiduosHtml} />
-                  </>
-                )}
-              </details>
+                  </div>
+                  <div className="residuos-map-scale-hint">
+                    {mapaResiduosExtremoAbsAtivo === null
+                      ? 'Escala livre: os extremos seguem os limites observados dos resíduos padronizados.'
+                      : `Escala fixa: valores ≤ -${formatNumberBr(mapaResiduosExtremoAbsAtivo, 2)} e ≥ ${formatNumberBr(mapaResiduosExtremoAbsAtivo, 2)} usam as cores máximas.`}
+                  </div>
+                  <div className="download-actions-bar">
+                    <button
+                      type="button"
+                      className="btn-download-subtle"
+                      onClick={onDownloadMapaSecao16}
+                      disabled={loading || downloadingAssets || !mapaResiduosHtml}
+                    >
+                      Fazer download
+                    </button>
+                  </div>
+                  <MapFrame html={mapaResiduosHtml} />
+                </>
+              )}
             </div>
 
             <div className="sec16-subsection">
@@ -5295,6 +5333,32 @@ export default function ElaboracaoTab({ sessionId }) {
                     >
                       Remover
                     </button>
+                    {(() => {
+                      const variavel = String(filtro?.variavel || '').trim()
+                      const faixa = outlierFaixasPorVariavel[variavel]
+                      if (!faixa) {
+                        return (
+                          <div className="filtro-row-faixa-hint filtro-row-faixa-hint-muted">
+                            Faixa atual indisponível para a variável selecionada.
+                          </div>
+                        )
+                      }
+                      return (
+                        <div className="filtro-row-faixa-hint">
+                          Faixa atual:
+                          {' '}
+                          mín
+                          {' '}
+                          <strong>{formatNumberBr(faixa.minimo, 4)}</strong>
+                          {' '}
+                          |
+                          {' '}
+                          máx
+                          {' '}
+                          <strong>{formatNumberBr(faixa.maximo, 4)}</strong>
+                        </div>
+                      )
+                    })()}
                   </div>
                 ))}
               </div>
@@ -5392,7 +5456,7 @@ export default function ElaboracaoTab({ sessionId }) {
                   <div className="row avaliacao-base-row">
                     <label>Base comparação</label>
                     <select value={baseValue || ''} onChange={(e) => onBaseChange(e.target.value)}>
-                      <option value="">Selecione</option>
+                      <option value={BASE_COMPARACAO_SEM_BASE}>Sem base</option>
                       {baseChoices.map((choice) => (
                         <option key={`base-${choice}`} value={choice}>{choice}</option>
                       ))}

frontend/src/components/PesquisaTab.jsx

@@ -1015,10 +1015,10 @@ export default function PesquisaTab({ sessionId, onUsarModeloEmAvaliacao = null
                         {selecionado ? 'Desmarcar' : 'Marcar para mapa'}
                       </button>
                       <button type="button" className="btn-pesquisa-open" onClick={() => void onAbrirModelo(modelo)}>
-                        Abrir modelo
+                        Abrir
                       </button>
                       <button type="button" className="btn-pesquisa-eval" onClick={() => onUsarEmAvaliacao(modelo)}>
-                        Usar em avaliação
+                        Avaliação
                       </button>
                     </div>
                     <div className="pesquisa-card-body">

frontend/src/components/SinglePillAutocomplete.jsx

@@ -31,6 +31,7 @@ export default function SinglePillAutocomplete({
   emptyMessage = 'Nenhuma sugestao encontrada.',
   loading = false,
   disabled = false,
+  onOpenChange = null,
 }) {
   const rootRef = useRef(null)
   const inputRef = useRef(null)
@@ -79,6 +80,15 @@ export default function SinglePillAutocomplete({
     return () => document.removeEventListener('mousedown', onDocumentMouseDown)
   }, [open])
 
+  useEffect(() => {
+    if (typeof onOpenChange !== 'function') return
+    onOpenChange(Boolean(open && !disabled))
+  }, [open, disabled, onOpenChange])
+
+  useEffect(() => () => {
+    if (typeof onOpenChange === 'function') onOpenChange(false)
+  }, [onOpenChange])
+
   useEffect(() => {
     if (!open || filteredOptions.length === 0) {
       setActiveIndex(-1)

frontend/src/components/VisualizacaoTab.jsx

@@ -20,6 +20,7 @@ const INNER_TABS = [
   { key: 'avaliacao', label: 'Avaliação' },
   { key: 'avaliacao_massa', label: 'Avaliação em Massa' },
 ]
+const BASE_COMPARACAO_SEM_BASE = '__none__'
 
 export default function VisualizacaoTab({ sessionId }) {
   const [loading, setLoading] = useState(false)
@@ -627,7 +628,7 @@ export default function VisualizacaoTab({ sessionId }) {
                       <div className="row avaliacao-base-row">
                         <label>Base comparação</label>
                         <select value={baseValue || ''} onChange={(e) => onBaseChange(e.target.value)}>
-                          <option value="">Selecione</option>
+                          <option value={BASE_COMPARACAO_SEM_BASE}>Sem base</option>
                           {baseChoices.map((choice) => (
                             <option key={`base-${choice}`} value={choice}>{choice}</option>
                           ))}

frontend/src/styles.css

@@ -852,6 +852,15 @@ textarea {
   gap: 14px;
 }
 
+.elaboracao-layout.is-repo-model-open .workflow-section[data-section-step="1"] {
+  width: min(calc(100% + 110px), calc(100vw - 20px));
+  max-width: min(calc(100% + 110px), calc(100vw - 20px));
+}
+
+.elaboracao-layout.is-repo-model-open .workflow-section[data-section-step="1"] .section-body {
+  overflow-x: visible;
+}
+
 .elaboracao-side-nav {
   position: sticky;
   top: 96px;
@@ -3794,6 +3803,23 @@ button.btn-upload-select {
   border-color: #ffba66;
 }
 
+.filtro-row-faixa-hint {
+  grid-column: 1 / -1;
+  margin-top: -1px;
+  color: #4f657b;
+  font-size: 0.76rem;
+  line-height: 1.25;
+}
+
+.filtro-row-faixa-hint strong {
+  color: #2f4459;
+  font-weight: 700;
+}
+
+.filtro-row-faixa-hint-muted {
+  color: #7b8ea2;
+}
+
 .outlier-subheader {
   display: flex;
   align-items: center;
@@ -4759,6 +4785,11 @@ button.btn-download-subtle {
     border-top: 1px solid #dde7f1;
   }
 
+  .elaboracao-layout.is-repo-model-open .workflow-section[data-section-step="1"] {
+    width: min(calc(100% + 64px), calc(100vw - 14px));
+    max-width: min(calc(100% + 64px), calc(100vw - 14px));
+  }
+
   .filtro-row-react {
     grid-template-columns: 1.2fr 110px minmax(110px, 0.8fr) auto;
   }
@@ -4778,6 +4809,11 @@ button.btn-download-subtle {
     gap: 10px;
   }
 
+  .elaboracao-layout.is-repo-model-open .workflow-section[data-section-step="1"] {
+    width: 100%;
+    max-width: 100%;
+  }
+
   .elaboracao-side-nav {
     top: 68px;
     width: 100%;