update a lot of things

backend/app/api/elaboracao.py

@@ -50,7 +50,7 @@ class ApplySelectionPayload(SessionPayload):
     codigo_alocado: list[str] = Field(default_factory=list)
     percentuais: list[str] = Field(default_factory=list)
     outliers_anteriores: list[int] = Field(default_factory=list)
-    grau_min_coef: int = 1
+    grau_min_coef: int = 0
     grau_min_f: int = 0
 
 
@@ -59,7 +59,7 @@ class ClassificarXPayload(SessionPayload):
 
 
 class SearchTransformPayload(SessionPayload):
-    grau_min_coef: int = 1
+    grau_min_coef: int = 0
     grau_min_f: int = 0
 
 

backend/app/core/elaboracao/charts.py

@@ -11,6 +11,7 @@ from scipy import stats
 import folium
 from folium import plugins
 import branca.colormap as cm
+from branca.element import Element
 
 # ============================================================
 # CONSTANTES DE ESTILO
@@ -602,19 +603,35 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
     if lat_real is None or lon_real is None:
         return "<p>Coordenadas (lat/lon) não encontradas nos dados.</p>"
 
-    # Filtra dados válidos
-    df_mapa = df.dropna(subset=[lat_real, lon_real]).copy()
+    # Filtra dados válidos (numéricos e dentro dos limites geográficos)
+    df_mapa = df.copy()
+    df_mapa[lat_real] = pd.to_numeric(df_mapa[lat_real], errors="coerce")
+    df_mapa[lon_real] = pd.to_numeric(df_mapa[lon_real], errors="coerce")
+    df_mapa = df_mapa.dropna(subset=[lat_real, lon_real])
+    df_mapa = df_mapa[
+        (df_mapa[lat_real] >= -90.0) & (df_mapa[lat_real] <= 90.0) &
+        (df_mapa[lon_real] >= -180.0) & (df_mapa[lon_real] <= 180.0)
+    ].copy()
     if df_mapa.empty:
         return "<p>Sem coordenadas válidas para exibir.</p>"
 
+    # Limita quantidade de pontos para manter o mapa responsivo em bases grandes.
+    limite_pontos = 2500
+    total_pontos = len(df_mapa)
+    houve_amostragem = total_pontos > limite_pontos
+    if houve_amostragem:
+        df_mapa = df_mapa.sample(n=limite_pontos, random_state=42).copy()
+
     # Cria mapa
-    centro_lat = df_mapa[lat_real].mean()
-    centro_lon = df_mapa[lon_real].mean()
+    centro_lat = float(df_mapa[lat_real].median())
+    centro_lon = float(df_mapa[lon_real].median())
 
     m = folium.Map(
         location=[centro_lat, centro_lon],
         zoom_start=12,
-        tiles=None
+        tiles=None,
+        prefer_canvas=True,
+        control_scale=True,
     )
 
     # Camadas base
@@ -650,7 +667,8 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
             tamanho_func = lambda v: (raio_min + raio_max) / 2
 
     # Camada de índices (oculta por padrão, ativável pelo controle de camadas)
-    camada_indices = folium.FeatureGroup(name="Índices", show=False)
+    mostrar_indices = len(df_mapa) <= 800
+    camada_indices = folium.FeatureGroup(name="Índices", show=False) if mostrar_indices else None
 
     # Adiciona pontos
     for idx, row in df_mapa.iterrows():
@@ -671,13 +689,18 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
 
         # Popup com informações
         popup_html = f"<b>Índice: {idx}</b><br>"
-        for col in df_mapa.columns:
-            if str(col).lower() not in ['lat', 'latitude', 'lon', 'longitude']:
-                val = row[col]
-                if isinstance(val, (int, float)):
-                    popup_html += f"{col}: {val:.2f}<br>"
-                else:
-                    popup_html += f"{col}: {val}<br>"
+        if len(df_mapa) <= 1200:
+            for col in df_mapa.columns:
+                if str(col).lower() not in ['lat', 'latitude', 'lon', 'longitude']:
+                    val = row[col]
+                    if isinstance(val, (int, float)):
+                        popup_html += f"{col}: {val:.2f}<br>"
+                    else:
+                        popup_html += f"{col}: {val}<br>"
+        elif tamanho_col and tamanho_col in df_mapa.columns:
+            val = row[tamanho_col]
+            val_str = f"{val:.2f}" if isinstance(val, (int, float)) else str(val)
+            popup_html += f"{tamanho_col}: {val_str}<br>"
 
         # Tooltip (hover): índice + variável selecionada no dropdown
         tooltip_html = (
@@ -707,16 +730,18 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
         ).add_to(m)
 
         # Label com índice (na camada togglável)
-        folium.Marker(
-            location=[row[lat_real], row[lon_real]],
-            icon=folium.DivIcon(
-                html=f'<div style="font-size:16px; font-weight:bold; color:#333; text-align:center; line-height:{int(raio*2)}px; width:{int(raio*2)}px; margin-left:-{int(raio)}px; margin-top:-{int(raio)}px;">{idx}</div>',
-                icon_size=(int(raio*2), int(raio*2)),
-                icon_anchor=(int(raio), int(raio))
-            )
-        ).add_to(camada_indices)
-
-    camada_indices.add_to(m)
+        if mostrar_indices and camada_indices is not None:
+            folium.Marker(
+                location=[row[lat_real], row[lon_real]],
+                icon=folium.DivIcon(
+                    html=f'<div style="font-size:16px; font-weight:bold; color:#333; text-align:center; line-height:{int(raio*2)}px; width:{int(raio*2)}px; margin-left:-{int(raio)}px; margin-top:-{int(raio)}px;">{idx}</div>',
+                    icon_size=(int(raio*2), int(raio*2)),
+                    icon_anchor=(int(raio), int(raio))
+                )
+            ).add_to(camada_indices)
+
+    if mostrar_indices and camada_indices is not None:
+        camada_indices.add_to(m)
 
     # Controles
     folium.LayerControl().add_to(m)
@@ -728,14 +753,84 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
         secondary_area_unit='hectares'
     ).add_to(m)
 
-    # Ajusta bounds
-    bounds = [
-        [df_mapa[lat_real].min(), df_mapa[lon_real].min()],
-        [df_mapa[lat_real].max(), df_mapa[lon_real].max()]
-    ]
-    m.fit_bounds(bounds)
+    # Ajusta bounds robustos para evitar "salto" para longe por pontos geocodificados distantes.
+    df_bounds = df_mapa
+    if len(df_mapa) >= 8:
+        lat_vals = df_mapa[lat_real]
+        lon_vals = df_mapa[lon_real]
+        lat_med = float(lat_vals.median())
+        lon_med = float(lon_vals.median())
+        lat_mad = float((lat_vals - lat_med).abs().median())
+        lon_mad = float((lon_vals - lon_med).abs().median())
+
+        lat_span = float(lat_vals.max() - lat_vals.min())
+        lon_span = float(lon_vals.max() - lon_vals.min())
+        lat_scale = max(lat_mad, lat_span / 30.0, 1e-6)
+        lon_scale = max(lon_mad, lon_span / 30.0, 1e-6)
+
+        score = ((lat_vals - lat_med) / lat_scale) ** 2 + ((lon_vals - lon_med) / lon_scale) ** 2
+        lim = float(score.quantile(0.75))
+        df_core = df_mapa[score <= lim]
+        if len(df_core) >= max(5, int(len(df_mapa) * 0.45)):
+            df_bounds = df_core
+
+    if len(df_bounds) >= 50:
+        lat_min, lat_max = df_bounds[lat_real].quantile([0.01, 0.99]).tolist()
+        lon_min, lon_max = df_bounds[lon_real].quantile([0.01, 0.99]).tolist()
+    else:
+        lat_min, lat_max = float(df_bounds[lat_real].min()), float(df_bounds[lat_real].max())
+        lon_min, lon_max = float(df_bounds[lon_real].min()), float(df_bounds[lon_real].max())
+
+    if not np.isfinite(lat_min) or not np.isfinite(lat_max):
+        lat_min, lat_max = float(df_mapa[lat_real].min()), float(df_mapa[lat_real].max())
+    if not np.isfinite(lon_min) or not np.isfinite(lon_max):
+        lon_min, lon_max = float(df_mapa[lon_real].min()), float(df_mapa[lon_real].max())
+
+    # Fallback para mapa muito concentrado (mesma coordenada / quase mesma área).
+    if np.isclose(lat_min, lat_max) and np.isclose(lon_min, lon_max):
+        m.location = [float(lat_min), float(lon_min)]
+    else:
+        bounds = [[lat_min, lon_min], [lat_max, lon_max]]
+        m.fit_bounds(bounds, padding=(20, 20), max_zoom=17)
+        # Reaplica o fit após o carregamento para evitar override inesperado do viewport no cliente.
+        map_var = m.get_name()
+        center_lat = float((lat_min + lat_max) / 2.0)
+        center_lon = float((lon_min + lon_max) / 2.0)
+        recenter_js = (
+            "<script>"
+            "(function(){"
+            f"var __m = '{map_var}';"
+            f"var __b = L.latLngBounds([{float(lat_min)}, {float(lon_min)}], [{float(lat_max)}, {float(lon_max)}]);"
+            f"var __c = [{center_lat}, {center_lon}];"
+            "function __mesaRecenter(){"
+            "try {"
+            "var _map = window[__m];"
+            "if (!_map) return;"
+            "_map.invalidateSize(true);"
+            "_map.setView(__c, _map.getZoom(), {animate:false});"
+            "_map.fitBounds(__b, {padding:[20,20], maxZoom:17, animate:false});"
+            "} catch (e) {}"
+            "}"
+            "setTimeout(__mesaRecenter, 120);"
+            "setTimeout(__mesaRecenter, 650);"
+            "setTimeout(__mesaRecenter, 1400);"
+            "})();"
+            "</script>"
+        )
+        m.get_root().html.add_child(Element(recenter_js))
+
+    if houve_amostragem:
+        aviso_html = (
+            "<div style='position:fixed;top:10px;right:10px;z-index:9999;"
+            "background:#f8fbff;border:1px solid #d2deea;border-radius:8px;"
+            "padding:6px 10px;font-size:12px;color:#41586f;'>"
+            f"Exibindo {len(df_mapa)} de {total_pontos} pontos para melhor desempenho."
+            "</div>"
+        )
+        m.get_root().html.add_child(Element(aviso_html))
 
-    return m._repr_html_()
+    # Evita o wrapper de notebook (_repr_html_), que pode falhar dentro de iframe srcDoc.
+    return m.get_root().render()
 
 
 def criar_mapa_simples(df):

backend/app/core/elaboracao/formatadores.py

@@ -210,13 +210,18 @@ def formatar_busca_html(resultados_busca):
     return html
 
 
-def _renderizar_secao_micro(titulo, resultados_dict):
+def _renderizar_secao_micro(titulo, resultados_dict, secao_tipo="padrao"):
     """Renderiza uma seção de micronumerosidade (dicotômicas ou códigos alocados)."""
     if not resultados_dict:
         return ""
 
+    is_codigo = secao_tipo == "codigo_alocado"
+    grid_class = "micro-grid micro-grid-codigo" if is_codigo else "micro-grid"
+    card_extra_class = " micro-card-codigo" if is_codigo else ""
+    msg_grid_class = "micro-msg-grid micro-msg-grid-codigo" if is_codigo else "micro-msg-grid"
+
     html = f'<div class="section-title-orange">{titulo}</div>'
-    html += '<div class="micro-grid">'
+    html += f'<div class="{grid_class}">'
 
     for coluna, info in resultados_dict.items():
         status = "✅" if info["valido"] else "⚠️"
@@ -225,12 +230,12 @@ def _renderizar_secao_micro(titulo, resultados_dict):
         mensagens_html = "".join(f'<div class="micro-msg">{msg}</div>' for msg in mensagens_lista)
 
         html += f'''
-        <div class="teste-item micro-card {status_class}">
+        <div class="teste-item micro-card {status_class}{card_extra_class}">
             <div class="micro-card-head">
                 <span class="teste-nome micro-title">{coluna}</span>
                 <span class="teste-valor micro-status">{status}</span>
             </div>
-            <div class="micro-msg-grid">
+            <div class="{msg_grid_class}">
                 {mensagens_html}
             </div>
         </div>
@@ -282,8 +287,8 @@ def formatar_micronumerosidade_html(resultado):
     # =========================
     # Seções separadas: Dicotômicas e Códigos Alocados
     # =========================
-    dic_html = _renderizar_secao_micro("Variáveis Dicotômicas", resultado.get("dicotomicas", {}))
-    cod_html = _renderizar_secao_micro("Códigos Ajustados/Alocados", resultado.get("codigo_alocado", {}))
+    dic_html = _renderizar_secao_micro("Variáveis Dicotômicas", resultado.get("dicotomicas", {}), secao_tipo="dicotomicas")
+    cod_html = _renderizar_secao_micro("Códigos Ajustados/Alocados", resultado.get("codigo_alocado", {}), secao_tipo="codigo_alocado")
 
     if dic_html or cod_html:
         html += dic_html + cod_html
@@ -671,45 +676,22 @@ def formatar_avaliacao_html(avaliacoes_lista, indice_base=0, elem_id_excluir="ex
         )
     html += '</tr>'
 
-    # Excluir (linha com lixeiras → botão vermelho temporário)
-    # JS inline em cada onclick (scripts via innerHTML não são executados)
-    _js_trigger = (
-        "var el=document.querySelector('#{eid} textarea')"
-        "||document.querySelector('#{eid} input');"
-        "if(el){{el.value=String({idx});"
-        "el.dispatchEvent(new Event('input',{{bubbles:true}}));"
-        "el.dispatchEvent(new Event('change',{{bubbles:true}}));}}"
-    )
+    # Excluir (2 etapas): lixeira -> confirma em botao vermelho.
+    # O frontend React captura os cliques via event delegation.
     html += '<tr style="background: #fff5f5;">'
     html += f'<td style="padding: 6px 12px; border-bottom: 1px solid #f0f0f0; font-weight: 500; color: #dc3545; font-size: 12px;">Excluir</td>'
     for i in range(n):
         idx_1 = i + 1
-        uid = f'{elem_id_excluir}-{idx_1}'
-        # Clicar lixeira → mostra botão vermelho por 10s
-        onclick_trash = (
-            f"document.getElementById('{uid}-trash').style.display='none';"
-            f"document.getElementById('{uid}-btn').style.display='inline-block';"
-            f"clearTimeout(window['_t_{uid}']);"
-            f"window['_t_{uid}']=setTimeout(function(){{"
-            f"document.getElementById('{uid}-btn').style.display='none';"
-            f"document.getElementById('{uid}-trash').style.display='inline';"
-            f"}},10000);"
-        )
-        # Clicar botão vermelho → dispara exclusão inline
-        onclick_btn = (
-            f"clearTimeout(window['_t_{uid}']);"
-            + _js_trigger.format(eid=elem_id_excluir, idx=idx_1)
-        )
         html += (
             f'<td style="text-align: right; padding: 6px 12px; border-bottom: 1px solid #f0f0f0;">'
-            f'<span id="{uid}-trash" onclick="{onclick_trash}" '
-            f'style="cursor: pointer; color: #dc3545; font-size: 18px;" '
+            f'<span data-avaliacao-delete-arm="1" data-avaliacao-delete-index="{idx_1}" '
+            f'style="cursor:pointer; color:#dc3545; font-size:18px;" '
             f'title="Excluir Avaliação {idx_1}">'
             f'\U0001f5d1\ufe0f</span>'
-            f'<span id="{uid}-btn" onclick="{onclick_btn}" '
+            f'<button type="button" data-avaliacao-delete-confirm="{idx_1}" '
             f'style="display:none; cursor:pointer; background:#dc3545; color:white; '
-            f'padding:2px 10px; border-radius:4px; font-size:12px; font-weight:600;">'
-            f'Excluir</span>'
+            f'border:1px solid #c62f3b; padding:2px 10px; border-radius:4px; '
+            f'font-size:12px; font-weight:700;">Excluir</button>'
             f'</td>'
         )
     html += '</tr>'

backend/app/core/elaboracao/geocodificacao.py

@@ -315,6 +315,38 @@ def geocodificar(df, col_cdlog, col_num, auto_200=False):
     df["lat"] = lats
     df["lon"] = lons
 
+    # Em alguns cenários de CRS/eixo, os pontos podem sair com lat/lon invertidos.
+    # Detecta isso comparando com o bounding box do próprio shapefile e corrige.
+    try:
+        min_x, min_y, max_x, max_y = gdf_eixos.total_bounds
+        margem = 0.02
+        lat_s = pd.to_numeric(df["lat"], errors="coerce")
+        lon_s = pd.to_numeric(df["lon"], errors="coerce")
+
+        validos = lat_s.notna() & lon_s.notna()
+        if validos.any():
+            lat_v = lat_s[validos]
+            lon_v = lon_s[validos]
+
+            normal_mask = (
+                (lat_v >= (min_y - margem)) & (lat_v <= (max_y + margem)) &
+                (lon_v >= (min_x - margem)) & (lon_v <= (max_x + margem))
+            )
+            invertido_mask = (
+                (lat_v >= (min_x - margem)) & (lat_v <= (max_x + margem)) &
+                (lon_v >= (min_y - margem)) & (lon_v <= (max_y + margem))
+            )
+
+            n_normal = int(normal_mask.sum())
+            n_invertido = int(invertido_mask.sum())
+
+            # Só troca quando há evidência clara de inversão.
+            if n_invertido >= max(3, n_normal + 1):
+                df["lat"], df["lon"] = lon_s, lat_s
+    except Exception:
+        # Nunca falha o fluxo principal por causa desse ajuste.
+        pass
+
     df_falhas = pd.DataFrame(
         falhas,
         columns=["_idx", "cdlog", "numero_atual", "motivo", "sugestoes", "numero_corrigido"]
@@ -453,6 +485,7 @@ def preparar_display_falhas(df_falhas):
     df_correcoes = pd.DataFrame({
         "Nº Linha": df_falhas["_idx"].tolist(),
         "Nº Corrigido": [""] * len(df_falhas),
+        "Sugestões": df_falhas["sugestoes"].fillna("").astype(str).tolist(),
     })
 
     return "".join(linhas), df_correcoes

backend/app/core/elaboracao/outliers.py

@@ -196,7 +196,6 @@ def reiniciar_iteracao_callback(df_original, outliers_anteriores, outliers_texto
     try:
         X = df_filtrado[list(colunas_x)]
         y = df_filtrado[coluna_y]
-        print(f"[reiniciar_iteracao] Criando gráfico dispersão com {len(df_filtrado)} pontos (excluídos: {outliers_combinados})")
         fig_dispersao = criar_graficos_dispersao(X, y)
     except Exception as e:
         print(f"Erro ao gerar gráficos de dispersão: {e}")

backend/app/core/visualizacao/app.py

@@ -710,19 +710,28 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, tamanho_col=None,
     if lat_real is None or lon_real is None:
         return "<p>Coordenadas (lat/lon) não encontradas nos dados.</p>"
 
-    # Filtra dados válidos
-    df_mapa = df.dropna(subset=[lat_real, lon_real]).copy()
+    # Filtra dados válidos (numéricos e dentro dos limites geográficos)
+    df_mapa = df.copy()
+    df_mapa[lat_real] = pd.to_numeric(df_mapa[lat_real], errors="coerce")
+    df_mapa[lon_real] = pd.to_numeric(df_mapa[lon_real], errors="coerce")
+    df_mapa = df_mapa.dropna(subset=[lat_real, lon_real])
+    df_mapa = df_mapa[
+        (df_mapa[lat_real] >= -90.0) & (df_mapa[lat_real] <= 90.0) &
+        (df_mapa[lon_real] >= -180.0) & (df_mapa[lon_real] <= 180.0)
+    ].copy()
     if df_mapa.empty:
         return "<p>Sem coordenadas válidas para exibir.</p>"
 
     # Cria mapa
-    centro_lat = df_mapa[lat_real].mean()
-    centro_lon = df_mapa[lon_real].mean()
+    centro_lat = float(df_mapa[lat_real].median())
+    centro_lon = float(df_mapa[lon_real].median())
 
     m = folium.Map(
         location=[centro_lat, centro_lon],
         zoom_start=12,
-        tiles=None
+        tiles=None,
+        prefer_canvas=True,
+        control_scale=True,
     )
 
     # Camadas base
@@ -846,14 +855,73 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, tamanho_col=None,
         secondary_area_unit='hectares'
     ).add_to(m)
 
-    # Ajusta bounds
-    bounds = [
-        [df_mapa[lat_real].min(), df_mapa[lon_real].min()],
-        [df_mapa[lat_real].max(), df_mapa[lon_real].max()]
-    ]
-    m.fit_bounds(bounds)
+    # Ajusta bounds robustos para evitar "salto" por pontos geocodificados distantes.
+    df_bounds = df_mapa
+    if len(df_mapa) >= 8:
+        lat_vals = df_mapa[lat_real]
+        lon_vals = df_mapa[lon_real]
+        lat_med = float(lat_vals.median())
+        lon_med = float(lon_vals.median())
+        lat_mad = float((lat_vals - lat_med).abs().median())
+        lon_mad = float((lon_vals - lon_med).abs().median())
+
+        lat_span = float(lat_vals.max() - lat_vals.min())
+        lon_span = float(lon_vals.max() - lon_vals.min())
+        lat_scale = max(lat_mad, lat_span / 30.0, 1e-6)
+        lon_scale = max(lon_mad, lon_span / 30.0, 1e-6)
+
+        score = ((lat_vals - lat_med) / lat_scale) ** 2 + ((lon_vals - lon_med) / lon_scale) ** 2
+        lim = float(score.quantile(0.75))
+        df_core = df_mapa[score <= lim]
+        if len(df_core) >= max(5, int(len(df_mapa) * 0.45)):
+            df_bounds = df_core
+
+    if len(df_bounds) >= 50:
+        lat_min, lat_max = df_bounds[lat_real].quantile([0.01, 0.99]).tolist()
+        lon_min, lon_max = df_bounds[lon_real].quantile([0.01, 0.99]).tolist()
+    else:
+        lat_min, lat_max = float(df_bounds[lat_real].min()), float(df_bounds[lat_real].max())
+        lon_min, lon_max = float(df_bounds[lon_real].min()), float(df_bounds[lon_real].max())
+
+    if not np.isfinite(lat_min) or not np.isfinite(lat_max):
+        lat_min, lat_max = float(df_mapa[lat_real].min()), float(df_mapa[lat_real].max())
+    if not np.isfinite(lon_min) or not np.isfinite(lon_max):
+        lon_min, lon_max = float(df_mapa[lon_real].min()), float(df_mapa[lon_real].max())
+
+    if np.isclose(lat_min, lat_max) and np.isclose(lon_min, lon_max):
+        m.location = [float(lat_min), float(lon_min)]
+    else:
+        bounds = [[lat_min, lon_min], [lat_max, lon_max]]
+        m.fit_bounds(bounds, padding=(20, 20), max_zoom=17)
+        # Reaplica o fit após o carregamento para evitar override inesperado do viewport no cliente.
+        map_var = m.get_name()
+        center_lat = float((lat_min + lat_max) / 2.0)
+        center_lon = float((lon_min + lon_max) / 2.0)
+        recenter_js = (
+            "<script>"
+            "(function(){"
+            f"var __m = '{map_var}';"
+            f"var __b = L.latLngBounds([{float(lat_min)}, {float(lon_min)}], [{float(lat_max)}, {float(lon_max)}]);"
+            f"var __c = [{center_lat}, {center_lon}];"
+            "function __mesaRecenter(){"
+            "try {"
+            "var _map = window[__m];"
+            "if (!_map) return;"
+            "_map.invalidateSize(true);"
+            "_map.setView(__c, _map.getZoom(), {animate:false});"
+            "_map.fitBounds(__b, {padding:[20,20], maxZoom:17, animate:false});"
+            "} catch (e) {}"
+            "}"
+            "setTimeout(__mesaRecenter, 120);"
+            "setTimeout(__mesaRecenter, 650);"
+            "setTimeout(__mesaRecenter, 1400);"
+            "})();"
+            "</script>"
+        )
+        m.get_root().html.add_child(Element(recenter_js))
 
-    return m._repr_html_()
+    # Evita o wrapper de notebook (_repr_html_), que pode falhar dentro de iframe srcDoc.
+    return m.get_root().render()
 
 # ============================================================
 # FUNÇÃO: CARREGAR + VALIDAR MODELO (.dai)

backend/app/models/session.py

@@ -42,6 +42,7 @@ class SessionState:
     geo_falhas_df: pd.DataFrame | None = None
     geo_col_cdlog: str | None = None
     geo_col_num: str | None = None
+    mapa_habilitado: bool = False
 
     pacote_visualizacao: dict[str, Any] | None = None
     dados_visualizacao: pd.DataFrame | None = None

backend/app/services/elaboracao_service.py

@@ -100,6 +100,12 @@ def _selection_context(session: SessionState) -> dict[str, Any]:
     }
 
 
+def _render_mapa_if_enabled(session: SessionState, df: pd.DataFrame | None, **kwargs: Any) -> str:
+    if not session.mapa_habilitado or df is None:
+        return ""
+    return charts.criar_mapa(df, **kwargs)
+
+
 def classificar_tipos_variaveis_x(session: SessionState, colunas_x: list[str] | None) -> dict[str, Any]:
     df = session.df_original if session.df_original is not None else session.df_filtrado
     if df is None:
@@ -176,6 +182,7 @@ def _set_dataframe_base(session: SessionState, df: pd.DataFrame, clear_models: b
     session.geo_falhas_df = None
     session.geo_col_cdlog = None
     session.geo_col_num = None
+    session.mapa_habilitado = False
 
     if clear_models:
         session.reset_modelo()
@@ -189,7 +196,7 @@ def _set_dataframe_base(session: SessionState, df: pd.DataFrame, clear_models: b
 
     colunas_numericas = [str(c) for c in obter_colunas_numericas(df)]
     coluna_y_padrao = identificar_coluna_y_padrao(df)
-    mapa_html = charts.criar_mapa(df)
+    mapa_html = _render_mapa_if_enabled(session, df)
 
     return {
         "dados": dataframe_to_payload(df, decimals=4),
@@ -275,7 +282,7 @@ def load_dai_for_elaboracao(session: SessionState, caminho_arquivo: str) -> dict
         codigo_alocado=[str(c) for c in (codigo_alocado or [])],
         percentuais=[str(c) for c in (percentuais or [])],
         outliers_anteriores=session.outliers_anteriores,
-        grau_min_coef=1,
+        grau_min_coef=0,
         grau_min_f=0,
     )
 
@@ -313,7 +320,7 @@ def apply_selection(
     codigo_alocado: list[str] | None = None,
     percentuais: list[str] | None = None,
     outliers_anteriores: list[int] | None = None,
-    grau_min_coef: int = 1,
+    grau_min_coef: int = 0,
     grau_min_f: int = 0,
 ) -> dict[str, Any]:
     df = session.df_original
@@ -404,12 +411,12 @@ def apply_selection(
         },
         "transformacao_y": session.transformacao_y,
         "transform_fields": transform_fields,
-        "mapa_html": charts.criar_mapa(df_filtrado),
+        "mapa_html": _render_mapa_if_enabled(session, df_filtrado),
         "contexto": _selection_context(session),
     }
 
 
-def search_transformacoes(session: SessionState, grau_min_coef: int = 1, grau_min_f: int = 0) -> dict[str, Any]:
+def search_transformacoes(session: SessionState, grau_min_coef: int = 0, grau_min_f: int = 0) -> dict[str, Any]:
     df = session.df_filtrado if session.df_filtrado is not None else session.df_original
     if df is None or not session.coluna_y or not session.colunas_x:
         raise HTTPException(status_code=400, detail="Selecione variaveis antes de buscar transformacoes")
@@ -443,16 +450,11 @@ def search_transformacoes(session: SessionState, grau_min_coef: int = 1, grau_mi
 
     html = formatar_busca_html(resultados)
 
-    grau_coef_usado = min(
-        min(resultado.get("graus_coef", {}).values(), default=0) for resultado in resultados
-    )
-    grau_f_usado = min(resultado.get("grau_f", 0) for resultado in resultados)
-
     return {
         "html": html,
         "resultados": sanitize_value(resultados),
-        "grau_coef": int(grau_coef_usado),
-        "grau_f": int(grau_f_usado),
+        "grau_coef": int(grau_min_coef),
+        "grau_f": int(grau_min_f),
     }
 
 
@@ -733,9 +735,11 @@ def build_campos_avaliacao(session: SessionState) -> list[dict[str, Any]]:
     campos: list[dict[str, Any]] = []
     for col in colunas_x:
         placeholder = ""
+        opcoes = None
         if col in session.dicotomicas:
             placeholder = "0 ou 1"
             tipo = "dicotomica"
+            opcoes = [0, 1]
         elif col in session.codigo_alocado and col in est_idx.index:
             min_v = est_idx.loc[col, "Mínimo"]
             max_v = est_idx.loc[col, "Máximo"]
@@ -752,13 +756,15 @@ def build_campos_avaliacao(session: SessionState) -> list[dict[str, Any]]:
         else:
             tipo = "numerica"
 
-        campos.append(
-            {
-                "coluna": col,
-                "placeholder": placeholder,
-                "tipo": tipo,
-            }
-        )
+        payload = {
+            "coluna": col,
+            "placeholder": placeholder,
+            "tipo": tipo,
+        }
+        if tipo == "dicotomica":
+            payload["opcoes"] = opcoes or [0, 1]
+
+        campos.append(payload)
 
     return sanitize_value(campos)
 
@@ -952,6 +958,7 @@ def atualizar_mapa(session: SessionState, var_mapa: str | None) -> dict[str, Any
         raise HTTPException(status_code=400, detail="Carregue dados primeiro")
 
     tamanho_col = None if not var_mapa or var_mapa == "Visualizacao Padrao" or var_mapa == "Visualização Padrão" else var_mapa
+    session.mapa_habilitado = True
     mapa_html = charts.criar_mapa(df, tamanho_col=tamanho_col)
     return {"mapa_html": mapa_html}
 
@@ -1017,7 +1024,7 @@ def mapear_coordenadas_manualmente(session: SessionState, col_lat: str, col_lon:
 
     return {
         "status": "Coordenadas mapeadas com sucesso",
-        "mapa_html": charts.criar_mapa(df_filtrado),
+        "mapa_html": _render_mapa_if_enabled(session, df_filtrado),
         "dados": dataframe_to_payload(df_filtrado, decimals=4),
         "coords": _build_coords_payload(df_novo, True),
     }
@@ -1045,7 +1052,7 @@ def geocodificar(session: SessionState, col_cdlog: str, col_num: str, auto_200:
         "status_html": status_html,
         "falhas_html": falhas_html,
         "falhas_para_correcao": dataframe_to_payload(df_correcoes, decimals=None),
-        "mapa_html": charts.criar_mapa(session.df_filtrado),
+        "mapa_html": _render_mapa_if_enabled(session, session.df_filtrado),
         "dados": dataframe_to_payload(session.df_filtrado, decimals=4),
         "coords": _build_coords_payload(session.df_original, True),
     }
@@ -1100,7 +1107,7 @@ def aplicar_correcoes_geocodificacao(
         "status_html": status_html,
         "falhas_html": falhas_html,
         "falhas_para_correcao": dataframe_to_payload(df_correcoes, decimals=None),
-        "mapa_html": charts.criar_mapa(session.df_filtrado),
+        "mapa_html": _render_mapa_if_enabled(session, session.df_filtrado),
         "dados": dataframe_to_payload(session.df_filtrado, decimals=4),
         "coords": _build_coords_payload(session.df_original, True),
     }
@@ -1117,7 +1124,7 @@ def limpar_historico_outliers(session: SessionState) -> dict[str, Any]:
 
     return {
         "dados": dataframe_to_payload(session.df_filtrado, decimals=4),
-        "mapa_html": charts.criar_mapa(session.df_filtrado),
+        "mapa_html": _render_mapa_if_enabled(session, session.df_filtrado),
         "outliers_html": "",
         "resumo_outliers": "Excluidos: 0 | A excluir: 0 | A reincluir: 0 | Total: 0",
         "contexto": _selection_context(session),

backend/app/services/serializers.py

@@ -7,6 +7,20 @@ from typing import Any
 import numpy as np
 import pandas as pd
 
+COORD_COLUMN_NAMES = {
+    "lat",
+    "latitude",
+    "siat_latitude",
+    "lon",
+    "long",
+    "longitude",
+    "siat_longitude",
+}
+
+
+def _is_coordinate_column(col_name: Any) -> bool:
+    return str(col_name).strip().lower() in COORD_COLUMN_NAMES
+
 
 def sanitize_value(value: Any) -> Any:
     if isinstance(value, np.ndarray):
@@ -49,14 +63,19 @@ def sanitize_value(value: Any) -> Any:
     return value
 
 
-def dataframe_to_payload(df: pd.DataFrame | None, decimals: int | None = None, max_rows: int = 5000) -> dict[str, Any] | None:
+def dataframe_to_payload(df: pd.DataFrame | None, decimals: int | None = None, max_rows: int = 2000) -> dict[str, Any] | None:
     if df is None:
         return None
 
     df_work = df.copy()
     if decimals is not None:
-        numeric_cols = df_work.select_dtypes(include=[np.number]).columns
-        df_work[numeric_cols] = df_work[numeric_cols].round(decimals)
+        numeric_cols = [
+            col
+            for col in df_work.select_dtypes(include=[np.number]).columns
+            if not _is_coordinate_column(col)
+        ]
+        if numeric_cols:
+            df_work.loc[:, numeric_cols] = df_work.loc[:, numeric_cols].round(decimals)
 
     total_rows = len(df_work)
     truncated = total_rows > max_rows

backend/app/services/visualizacao_service.py

@@ -90,9 +90,7 @@ def exibir_modelo(session: SessionState) -> dict[str, Any]:
 
     dados = pacote["dados"]["df"].reset_index()
     for col in dados.columns:
-        if str(col).lower() in ["lat", "lon"]:
-            dados[col] = dados[col].round(6)
-        elif pd.api.types.is_numeric_dtype(dados[col]):
+        if pd.api.types.is_numeric_dtype(dados[col]) and str(col).lower() not in ["lat", "latitude", "lon", "longitude", "long", "siat_latitude", "siat_longitude"]:
             dados[col] = dados[col].round(2)
 
     estat = _tabela_estatisticas(pacote).round(2)
@@ -198,9 +196,11 @@ def campos_avaliacao(session: SessionState) -> list[dict[str, Any]]:
     campos: list[dict[str, Any]] = []
     for col in colunas_x:
         placeholder = ""
+        opcoes = None
         if col in dicotomicas:
             placeholder = "0 ou 1"
             tipo = "dicotomica"
+            opcoes = [0, 1]
         elif col in codigo_alocado and col in est_idx.index:
             min_v = est_idx.loc[col, "Mínimo"]
             max_v = est_idx.loc[col, "Máximo"]
@@ -217,7 +217,11 @@ def campos_avaliacao(session: SessionState) -> list[dict[str, Any]]:
         else:
             tipo = "numerica"
 
-        campos.append({"coluna": col, "placeholder": placeholder, "tipo": tipo})
+        payload = {"coluna": col, "placeholder": placeholder, "tipo": tipo}
+        if tipo == "dicotomica":
+            payload["opcoes"] = opcoes or [0, 1]
+
+        campos.append(payload)
 
     return sanitize_value(campos)
 

backend/run_backend.sh

@@ -1,4 +1,7 @@
 #!/usr/bin/env bash
 set -euo pipefail
 
-uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+cd "${SCRIPT_DIR}"
+
+uvicorn app.main:app --host 0.0.0.0 --port "${PORT:-8000}" --reload --reload-dir "${SCRIPT_DIR}"

frontend/src/App.jsx

@@ -72,8 +72,12 @@ export default function App() {
         </section>
       ) : null}
 
-      {activeTab === 'Elaboração/Edição' ? <ElaboracaoTab sessionId={sessionId} /> : null}
-      {activeTab === 'Visualização/Avaliação' ? <VisualizacaoTab sessionId={sessionId} /> : null}
+      <div className="tab-pane" hidden={activeTab !== 'Elaboração/Edição'}>
+        <ElaboracaoTab sessionId={sessionId} />
+      </div>
+      <div className="tab-pane" hidden={activeTab !== 'Visualização/Avaliação'}>
+        <VisualizacaoTab sessionId={sessionId} />
+      </div>
     </div>
   )
 }

frontend/src/components/DataTable.jsx

@@ -1,10 +1,16 @@
 import React from 'react'
 
-export default function DataTable({ table, maxHeight = 320 }) {
+function DataTable({ table, maxHeight = 320 }) {
   if (!table || !table.columns || !table.rows) {
     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)
+    : table.rows
+  const renderTruncated = rowsToRender.length < table.rows.length
+
   return (
     <div className="table-wrapper" style={{ maxHeight }}>
       <table>
@@ -16,7 +22,7 @@ export default function DataTable({ table, maxHeight = 320 }) {
           </tr>
         </thead>
         <tbody>
-          {table.rows.map((row, i) => (
+          {rowsToRender.map((row, i) => (
             <tr key={i}>
               {table.columns.map((col) => (
                 <td key={`${i}-${col}`}>{String(row[col] ?? '')}</td>
@@ -25,9 +31,16 @@ export default function DataTable({ table, maxHeight = 320 }) {
           ))}
         </tbody>
       </table>
+      {renderTruncated ? (
+        <div className="table-hint">
+          Renderizando {rowsToRender.length} de {table.rows.length} linhas recebidas para manter desempenho.
+        </div>
+      ) : null}
       {table.truncated ? (
         <div className="table-hint">Mostrando {table.returned_rows} de {table.total_rows} linhas.</div>
       ) : null}
     </div>
   )
 }
+
+export default React.memo(DataTable)

frontend/src/components/ElaboracaoTab.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react'
 import { api, downloadBlob } from '../api'
 import DataTable from './DataTable'
+import LoadingOverlay from './LoadingOverlay'
 import MapFrame from './MapFrame'
 import PlotFigure from './PlotFigure'
 import SectionBlock from './SectionBlock'
@@ -59,6 +60,37 @@ function formatTransformacaoBadge(transformacao) {
   return valor
 }
 
+function formatGeoColLabel(coluna, kind = 'default') {
+  const valor = String(coluna || '')
+  if (kind === 'cdlog' && valor.toUpperCase() === 'CTM') return 'CTM'
+  return valor
+}
+
+function escolherColunaCdlogPadrao(coords) {
+  const colunas = Array.isArray(coords?.colunas_disponiveis) ? coords.colunas_disponiveis : []
+  const auto = String(coords?.cdlog_auto || '').trim()
+
+  if (auto) {
+    const match = colunas.find((col) => String(col).toUpperCase() === auto.toUpperCase())
+    if (match) return match
+  }
+
+  const preferCtm = colunas.find((col) => String(col).toUpperCase() === 'CTM')
+  if (preferCtm) return preferCtm
+
+  const preferCdlog = colunas.find((col) => String(col).toUpperCase() === 'CDLOG')
+  if (preferCdlog) return preferCdlog
+
+  return auto || ''
+}
+
+function parseSugestoes(raw) {
+  return String(raw || '')
+    .split(',')
+    .map((item) => item.trim())
+    .filter(Boolean)
+}
+
 export default function ElaboracaoTab({ sessionId }) {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState('')
@@ -73,13 +105,14 @@ export default function ElaboracaoTab({ sessionId }) {
   const [dados, setDados] = useState(null)
   const [mapaHtml, setMapaHtml] = useState('')
   const [mapaVariavel, setMapaVariavel] = useState('Visualização Padrão')
+  const [mapaGerado, setMapaGerado] = useState(false)
 
   const [coordsInfo, setCoordsInfo] = useState(null)
   const [manualLat, setManualLat] = useState('')
   const [manualLon, setManualLon] = useState('')
   const [geoCdlog, setGeoCdlog] = useState('')
   const [geoNum, setGeoNum] = useState('')
-  const [geoAuto200, setGeoAuto200] = useState(false)
+  const [geoAuto200, setGeoAuto200] = useState(true)
   const [geoStatusHtml, setGeoStatusHtml] = useState('')
   const [geoFalhasHtml, setGeoFalhasHtml] = useState('')
   const [geoCorrecoes, setGeoCorrecoes] = useState([])
@@ -98,7 +131,7 @@ export default function ElaboracaoTab({ sessionId }) {
   const [iteracao, setIteracao] = useState(1)
 
   const [selection, setSelection] = useState(null)
-  const [grauCoef, setGrauCoef] = useState(1)
+  const [grauCoef, setGrauCoef] = useState(0)
   const [grauF, setGrauF] = useState(0)
 
   const [transformacaoY, setTransformacaoY] = useState('(x)')
@@ -114,11 +147,11 @@ export default function ElaboracaoTab({ sessionId }) {
   const [outliersHtml, setOutliersHtml] = useState('')
 
   const [camposAvaliacao, setCamposAvaliacao] = useState([])
-  const [valoresAvaliacao, setValoresAvaliacao] = useState({})
+  const valoresAvaliacaoRef = useRef({})
+  const [avaliacaoFormVersion, setAvaliacaoFormVersion] = useState(0)
   const [resultadoAvaliacaoHtml, setResultadoAvaliacaoHtml] = useState('')
   const [baseChoices, setBaseChoices] = useState([])
   const [baseValue, setBaseValue] = useState('')
-  const [deleteAvalIndex, setDeleteAvalIndex] = useState('')
 
   const [nomeArquivoExport, setNomeArquivoExport] = useState('modelo_mesa')
   const [avaliadores, setAvaliadores] = useState([])
@@ -126,6 +159,7 @@ export default function ElaboracaoTab({ sessionId }) {
   const [tipoFonteDados, setTipoFonteDados] = useState('')
   const marcarTodasXRef = useRef(null)
   const classificarXReqRef = useRef(0)
+  const deleteConfirmTimersRef = useRef({})
 
   const mapaChoices = useMemo(() => ['Visualização Padrão', ...colunasNumericas], [colunasNumericas])
   const colunasXDisponiveis = useMemo(
@@ -163,6 +197,7 @@ export default function ElaboracaoTab({ sessionId }) {
       geoProcessError
     ),
   )
+  const baseCarregada = Boolean(dados)
 
   useEffect(() => {
     if (coordsInfo && !coordsInfo.tem_coords) {
@@ -249,9 +284,13 @@ export default function ElaboracaoTab({ sessionId }) {
     if (!table?.rows) return []
     return table.rows.map((row) => {
       const linha = row['Nº Linha'] ?? row['No Linha'] ?? row['linha'] ?? row['_index']
+      const sugestoes = parseSugestoes(row['Sugestões'] ?? row['Sugestoes'] ?? row['sugestoes'] ?? '')
+      const sugestaoProxima = sugestoes[0] || ''
       return {
         linha: Number(linha),
         numero_corrigido: row['Nº Corrigido'] ?? row['No Corrigido'] ?? '',
+        sugestoes,
+        sugestao_proxima: sugestaoProxima,
       }
     })
   }
@@ -284,6 +323,8 @@ export default function ElaboracaoTab({ sessionId }) {
       setSelection(null)
       setFit(null)
       setCamposAvaliacao([])
+      valoresAvaliacaoRef.current = {}
+      setAvaliacaoFormVersion((prev) => prev + 1)
       setResultadoAvaliacaoHtml('')
       setOutliersHtml('')
     }
@@ -292,7 +333,7 @@ export default function ElaboracaoTab({ sessionId }) {
       setCoordsInfo(resp.coords)
       setManualLat(resp.coords.colunas_disponiveis?.[0] || '')
       setManualLon(resp.coords.colunas_disponiveis?.[1] || '')
-      setGeoCdlog(resp.coords.cdlog_auto || '')
+      setGeoCdlog(escolherColunaCdlogPadrao(resp.coords))
       setGeoNum(resp.coords.num_auto || '')
     }
 
@@ -318,7 +359,7 @@ export default function ElaboracaoTab({ sessionId }) {
     setTransformacoesX(map)
 
     if (resp.busca) {
-      setGrauCoef(resp.busca.grau_coef ?? 1)
+      setGrauCoef(resp.busca.grau_coef ?? 0)
       setGrauF(resp.busca.grau_f ?? 0)
     }
 
@@ -342,7 +383,8 @@ export default function ElaboracaoTab({ sessionId }) {
     ;(resp.avaliacao_campos || []).forEach((campo) => {
       init[campo.coluna] = ''
     })
-    setValoresAvaliacao(init)
+    valoresAvaliacaoRef.current = init
+    setAvaliacaoFormVersion((prev) => prev + 1)
     setResultadoAvaliacaoHtml('')
     setBaseChoices([])
     setBaseValue('')
@@ -351,6 +393,9 @@ export default function ElaboracaoTab({ sessionId }) {
   async function onUploadClick() {
     if (!uploadedFile || !sessionId) return
     await withBusy(async () => {
+      setMapaGerado(false)
+      setMapaHtml('')
+      setGeoAuto200(true)
       const nomeArquivo = String(uploadedFile?.name || '').toLowerCase()
       const uploadEhDai = nomeArquivo.endsWith('.dai')
       setTipoFonteDados(uploadEhDai ? 'dai' : 'tabular')
@@ -381,6 +426,8 @@ export default function ElaboracaoTab({ sessionId }) {
         setTransformacaoY('(x)')
         setTransformacoesX({})
         setCamposAvaliacao([])
+        valoresAvaliacaoRef.current = {}
+        setAvaliacaoFormVersion((prev) => prev + 1)
         setResultadoAvaliacaoHtml('')
         setStatus(resp.status)
       }
@@ -390,6 +437,9 @@ export default function ElaboracaoTab({ sessionId }) {
   async function onConfirmSheet() {
     if (!selectedSheet || !sessionId) return
     await withBusy(async () => {
+      setMapaGerado(false)
+      setMapaHtml('')
+      setGeoAuto200(true)
       const resp = await api.confirmSheet(sessionId, selectedSheet)
       setTipoFonteDados('tabular')
       setManualMapError('')
@@ -470,6 +520,18 @@ export default function ElaboracaoTab({ sessionId }) {
     }
   }
 
+  function onPreencherCorrecoesSugestaoProxima() {
+    setGeoCorrecoes((prev) => prev.map((item) => (
+      item.sugestao_proxima
+        ? { ...item, numero_corrigido: item.sugestao_proxima }
+        : item
+    )))
+  }
+
+  function onLimparCorrecoesGeo() {
+    setGeoCorrecoes((prev) => prev.map((item) => ({ ...item, numero_corrigido: '' })))
+  }
+
   async function onApplySelection() {
     if (!sessionId || !colunaY || colunasX.length === 0) return
     await withBusy(async () => {
@@ -581,6 +643,8 @@ export default function ElaboracaoTab({ sessionId }) {
       setSelection(null)
       setFit(null)
       setCamposAvaliacao([])
+      valoresAvaliacaoRef.current = {}
+      setAvaliacaoFormVersion((prev) => prev + 1)
       setResultadoAvaliacaoHtml('')
       setOutliersHtml(resp.outliers_html || '')
     })
@@ -589,7 +653,7 @@ export default function ElaboracaoTab({ sessionId }) {
   async function onCalculateAvaliacao() {
     if (!sessionId) return
     await withBusy(async () => {
-      const resp = await api.evaluationCalculateElab(sessionId, valoresAvaliacao, baseValue || null)
+      const resp = await api.evaluationCalculateElab(sessionId, valoresAvaliacaoRef.current, baseValue || null)
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
@@ -603,20 +667,63 @@ export default function ElaboracaoTab({ sessionId }) {
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
+      const limpo = {}
+      camposAvaliacao.forEach((campo) => {
+        limpo[campo.coluna] = ''
+      })
+      valoresAvaliacaoRef.current = limpo
+      setAvaliacaoFormVersion((prev) => prev + 1)
     })
   }
 
-  async function onDeleteAvaliacao() {
+  async function onDeleteAvaliacao(indice) {
     if (!sessionId) return
     await withBusy(async () => {
-      const resp = await api.evaluationDeleteElab(sessionId, deleteAvalIndex, baseValue || null)
+      const resp = await api.evaluationDeleteElab(sessionId, indice ? String(indice) : null, baseValue || null)
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
-      setDeleteAvalIndex('')
     })
   }
 
+  function onAvaliacaoResultadoClick(event) {
+    const ativarExclusao = event.target.closest('[data-avaliacao-delete-arm]')
+    if (ativarExclusao) {
+      const indice = ativarExclusao.getAttribute('data-avaliacao-delete-index')
+      if (!indice) return
+
+      const cell = ativarExclusao.closest('td')
+      const botaoConfirmar = cell?.querySelector(`[data-avaliacao-delete-confirm="${indice}"]`)
+      if (!botaoConfirmar) return
+
+      ativarExclusao.style.display = 'none'
+      botaoConfirmar.style.display = 'inline-block'
+
+      const timerKey = String(indice)
+      if (deleteConfirmTimersRef.current[timerKey]) {
+        clearTimeout(deleteConfirmTimersRef.current[timerKey])
+      }
+      deleteConfirmTimersRef.current[timerKey] = window.setTimeout(() => {
+        botaoConfirmar.style.display = 'none'
+        ativarExclusao.style.display = 'inline'
+        delete deleteConfirmTimersRef.current[timerKey]
+      }, 10000)
+      return
+    }
+
+    const confirmarExclusao = event.target.closest('[data-avaliacao-delete-confirm]')
+    if (!confirmarExclusao) return
+    const indice = confirmarExclusao.getAttribute('data-avaliacao-delete-confirm')
+    if (!indice) return
+
+    const timerKey = String(indice)
+    if (deleteConfirmTimersRef.current[timerKey]) {
+      clearTimeout(deleteConfirmTimersRef.current[timerKey])
+      delete deleteConfirmTimersRef.current[timerKey]
+    }
+    onDeleteAvaliacao(indice)
+  }
+
   async function onBaseChange(value) {
     setBaseValue(value)
     if (!sessionId) return
@@ -653,13 +760,22 @@ export default function ElaboracaoTab({ sessionId }) {
 
   async function onMapVarChange(value) {
     setMapaVariavel(value)
-    if (!sessionId) return
+    if (!sessionId || !mapaGerado) return
     await withBusy(async () => {
       const resp = await api.updateElaboracaoMap(sessionId, value)
       setMapaHtml(resp.mapa_html || '')
     })
   }
 
+  async function onGerarMapa() {
+    if (!sessionId) return
+    await withBusy(async () => {
+      const resp = await api.updateElaboracaoMap(sessionId, mapaVariavel)
+      setMapaHtml(resp.mapa_html || '')
+      setMapaGerado(true)
+    })
+  }
+
   function toggleSelection(setter, value) {
     setter((prev) => {
       if (prev.includes(value)) return prev.filter((item) => item !== value)
@@ -720,17 +836,17 @@ export default function ElaboracaoTab({ sessionId }) {
           <div className="subpanel section1-group">
             <h4>Informações do modelo</h4>
             {elaborador?.nome_completo ? (
-              <div className="modelo-cabecalho-grid">
-                <div className="elaborador-badge">
-                  <div className="elaborador-badge-title">Modelo elaborado por:</div>
-                  <div className="elaborador-badge-name">{elaborador.nome_completo}</div>
-                  {elaboradorMeta.length > 0 ? (
-                    <div className="elaborador-badge-meta">{elaboradorMeta.join(' | ')}</div>
-                  ) : null}
-                </div>
+              <div className="modelo-info-card">
+                <div className="modelo-info-split">
+                  <div className="modelo-info-col">
+                    <div className="elaborador-badge-title">Modelo elaborado por:</div>
+                    <div className="elaborador-badge-name">{elaborador.nome_completo}</div>
+                    {elaboradorMeta.length > 0 ? (
+                      <div className="elaborador-badge-meta">{elaboradorMeta.join(' | ')}</div>
+                    ) : null}
+                  </div>
 
-                {colunaY || variaveisIndependentesBadge.length > 0 ? (
-                  <div className="modelo-variaveis-box">
+                  <div className="modelo-info-col modelo-info-col-vars">
                     <div className="elaborador-badge-title">Variáveis do modelo carregado</div>
                     {colunaY ? (
                       <div className="variavel-badge-line">
@@ -740,7 +856,9 @@ export default function ElaboracaoTab({ sessionId }) {
                           {transformacaoYBadge ? <span className="variavel-chip-transform">{` ${transformacaoYBadge}`}</span> : null}
                         </span>
                       </div>
-                    ) : null}
+                    ) : (
+                      <div className="section1-empty-hint">Variável dependente não encontrada no modelo carregado.</div>
+                    )}
                     {variaveisIndependentesBadge.length > 0 ? (
                       <div className="variavel-badge-line">
                         <span className="variavel-badge-label">Independentes:</span>
@@ -753,316 +871,384 @@ export default function ElaboracaoTab({ sessionId }) {
                           ))}
                         </div>
                       </div>
-                    ) : null}
+                    ) : (
+                      <div className="section1-empty-hint">Sem variáveis independentes no modelo carregado.</div>
+                    )}
                   </div>
-                ) : null}
+                </div>
               </div>
             ) : (
               <div className="section1-empty-hint">Carregue um modelo .dai para visualizar os badges do elaborador.</div>
             )}
           </div>
+        </div>
+      </SectionBlock>
 
-          <div className="subpanel section1-group">
-            <h4>Resolver coordenadas</h4>
-            {showCoordsPanel && coordsMode !== 'skipped' ? (
-              <>
-                {coordsInfo?.aviso_html ? <div dangerouslySetInnerHTML={{ __html: coordsInfo.aviso_html }} /> : null}
-
-                {coordsMode === 'menu' ? (
-                  <div className="coords-choice-row">
-                    <button
-                      onClick={() => {
-                        setManualMapError('')
-                        setGeoProcessError('')
-                        setCoordsMode('mapear')
-                      }}
-                      disabled={loading}
-                    >
-                      Mapear colunas existentes para lat/lon
-                    </button>
-                    <span className="coords-choice-separator">ou</span>
-                    <button
-                      onClick={() => {
-                        setManualMapError('')
-                        setGeoProcessError('')
-                        setCoordsMode('geocodificar')
-                      }}
-                      disabled={loading}
-                    >
-                      Geocodificar automaticamente
-                    </button>
-                    <span className="coords-choice-separator">ou</span>
-                    <button
-                      onClick={() => {
-                        setManualMapError('')
-                        setGeoProcessError('')
-                        setCoordsMode('confirmar-sem-coords')
-                      }}
-                      disabled={loading}
-                    >
-                      Prosseguir sem mapear coordenadas
-                    </button>
-                  </div>
-                ) : null}
-
-                {coordsMode === 'confirmar-sem-coords' ? (
-                  <div className="subpanel warning">
-                    <p>
-                      Funcionalidades dependentes de geolocalização podem apresentar resultados incompletos sem coordenadas.
-                      Deseja prosseguir mesmo assim?
-                    </p>
-                    <div className="row">
-                      <button
-                        onClick={() => {
-                          setCoordsMode('skipped')
-                          setStatus('Seção 1 liberada sem coordenadas completas.')
-                        }}
-                        disabled={loading}
-                      >
-                        Confirmar e prosseguir
-                      </button>
-                      <button
-                        onClick={() => {
-                          setManualMapError('')
-                          setGeoProcessError('')
-                          setCoordsMode('menu')
-                        }}
-                        disabled={loading}
-                      >
-                        Voltar
-                      </button>
+      {baseCarregada ? (
+        <>
+          <SectionBlock step="2" title="Resolver Coordenadas" subtitle="Mapeie lat/lon ou execute geocodificação automática.">
+            <div className="coords-section-groups">
+              {showCoordsPanel && coordsMode !== 'skipped' ? (
+                <>
+                  {coordsInfo?.aviso_html ? (
+                    <div className="subpanel coords-section-group coords-section-alert" dangerouslySetInnerHTML={{ __html: coordsInfo.aviso_html }} />
+                  ) : null}
+
+                  {coordsMode === 'menu' ? (
+                    <div className="subpanel coords-section-group">
+                      <div className="coords-choice-row">
+                        <button
+                          onClick={() => {
+                            setManualMapError('')
+                            setGeoProcessError('')
+                            setCoordsMode('mapear')
+                          }}
+                          disabled={loading}
+                        >
+                          Mapear colunas existentes para lat/lon
+                        </button>
+                        <span className="coords-choice-separator">ou</span>
+                        <button
+                          onClick={() => {
+                            setManualMapError('')
+                            setGeoProcessError('')
+                            setCoordsMode('geocodificar')
+                          }}
+                          disabled={loading}
+                        >
+                          Geocodificar automaticamente
+                        </button>
+                        <span className="coords-choice-separator">ou</span>
+                        <button
+                          onClick={() => {
+                            setManualMapError('')
+                            setGeoProcessError('')
+                            setCoordsMode('confirmar-sem-coords')
+                          }}
+                          disabled={loading}
+                        >
+                          Prosseguir sem mapear coordenadas
+                        </button>
+                      </div>
                     </div>
-                  </div>
-                ) : null}
+                  ) : null}
 
-                {coordsMode === 'mapear' ? (
-                  <div className="subpanel">
-                    <div className="row">
-                      <button
-                        onClick={() => {
-                          setManualMapError('')
-                          setCoordsMode('menu')
-                        }}
-                        disabled={loading}
-                      >
-                        Voltar
-                      </button>
+                  {coordsMode === 'confirmar-sem-coords' ? (
+                    <div className="subpanel warning coords-section-group">
+                      <p>
+                        Funcionalidades dependentes de geolocalização podem apresentar resultados incompletos sem coordenadas.
+                        Deseja prosseguir mesmo assim?
+                      </p>
+                      <div className="row">
+                        <button
+                          onClick={() => {
+                            setCoordsMode('skipped')
+                            setStatus('Seção 2 liberada sem coordenadas completas.')
+                          }}
+                          disabled={loading}
+                        >
+                          Confirmar e prosseguir
+                        </button>
+                        <button
+                          onClick={() => {
+                            setManualMapError('')
+                            setGeoProcessError('')
+                            setCoordsMode('menu')
+                          }}
+                          disabled={loading}
+                        >
+                          Voltar
+                        </button>
+                      </div>
                     </div>
-                    <h4>Mapeamento manual</h4>
-                    <div className="row">
-                      <select value={manualLat} onChange={(e) => setManualLat(e.target.value)}>
-                        <option value="">Coluna Latitude</option>
-                        {(coordsInfo?.colunas_disponiveis || []).map((col) => (
-                          <option key={`lat-${col}`} value={col}>{col}</option>
-                        ))}
-                      </select>
-                      <select value={manualLon} onChange={(e) => setManualLon(e.target.value)}>
-                        <option value="">Coluna Longitude</option>
-                        {(coordsInfo?.colunas_disponiveis || []).map((col) => (
-                          <option key={`lon-${col}`} value={col}>{col}</option>
-                        ))}
-                      </select>
-                      <button onClick={onMapCoords} disabled={loading || !manualLat || !manualLon}>Confirmar mapeamento</button>
+                  ) : null}
+
+                  {coordsMode === 'mapear' ? (
+                    <div className="subpanel coords-section-group">
+                      <div className="row">
+                        <button
+                          onClick={() => {
+                            setManualMapError('')
+                            setCoordsMode('menu')
+                          }}
+                          disabled={loading}
+                        >
+                          Voltar
+                        </button>
+                      </div>
+                      <h4>Mapeamento manual</h4>
+                      <div className="row">
+                        <select value={manualLat} onChange={(e) => setManualLat(e.target.value)}>
+                          <option value="">Coluna Latitude</option>
+                          {(coordsInfo?.colunas_disponiveis || []).map((col) => (
+                            <option key={`lat-${col}`} value={col}>{col}</option>
+                          ))}
+                        </select>
+                        <select value={manualLon} onChange={(e) => setManualLon(e.target.value)}>
+                          <option value="">Coluna Longitude</option>
+                          {(coordsInfo?.colunas_disponiveis || []).map((col) => (
+                            <option key={`lon-${col}`} value={col}>{col}</option>
+                          ))}
+                        </select>
+                        <button onClick={onMapCoords} disabled={loading || !manualLat || !manualLon}>Confirmar mapeamento</button>
+                      </div>
+                      {manualMapError ? <div className="error-line inline-error">{manualMapError}</div> : null}
                     </div>
-                    {manualMapError ? <div className="error-line inline-error">{manualMapError}</div> : null}
-                  </div>
-                ) : null}
+                  ) : null}
+
+                  {coordsMode === 'geocodificar' ? (
+                    <>
+                      <div className="subpanel coords-section-group">
+                        <div className="row">
+                          <button
+                            onClick={() => {
+                              setGeoStatusHtml('')
+                              setGeoFalhasHtml('')
+                              setGeoCorrecoes([])
+                              setGeoProcessError('')
+                              setCoordsMode('menu')
+                            }}
+                            disabled={loading}
+                          >
+                            Voltar
+                          </button>
+                        </div>
+                        <h4>Geocodificação por eixo</h4>
+                        <div className="row">
+                          <select value={geoCdlog} onChange={(e) => setGeoCdlog(e.target.value)}>
+                            <option value="">Coluna CDLOG/CTM</option>
+                            {(coordsInfo?.colunas_disponiveis || []).map((col) => (
+                              <option key={`cdlog-${col}`} value={col}>{formatGeoColLabel(col, 'cdlog')}</option>
+                            ))}
+                          </select>
+                          <select value={geoNum} onChange={(e) => setGeoNum(e.target.value)}>
+                            <option value="">Coluna Número</option>
+                            {(coordsInfo?.colunas_disponiveis || []).map((col) => (
+                              <option key={`num-${col}`} value={col}>{col}</option>
+                            ))}
+                          </select>
+                          <label className="geo-auto-toggle">
+                            <input type="checkbox" checked={geoAuto200} onChange={(e) => setGeoAuto200(e.target.checked)} />
+                            <span>Auto ajustar {'<='} 200</span>
+                          </label>
+                          <button onClick={onGeocodificar} disabled={loading || !geoCdlog || !geoNum}>Geocodificar</button>
+                        </div>
+                        {geoProcessError ? <div className="error-line inline-error">{geoProcessError}</div> : null}
+                      </div>
 
-                {coordsMode === 'geocodificar' ? (
-                  <div className="subpanel">
+                      {geoStatusHtml ? (
+                        <div className="subpanel coords-section-group coords-result-group">
+                          <h5>Resultado da geocodificação</h5>
+                          <div dangerouslySetInnerHTML={{ __html: geoStatusHtml }} />
+                        </div>
+                      ) : null}
+
+                      {geoFalhasHtml ? (
+                        <div className="subpanel coords-section-group coords-falhas-group">
+                          <h5>Planilha de falhas</h5>
+                          <div dangerouslySetInnerHTML={{ __html: geoFalhasHtml }} />
+                        </div>
+                      ) : null}
+
+                      {geoCorrecoes.length > 0 ? (
+                        <div className="subpanel coords-section-group coords-correcoes-group">
+                          <h5>Correções manuais</h5>
+                          <div className="row compact geo-correcoes-actions">
+                            <button type="button" onClick={onPreencherCorrecoesSugestaoProxima} disabled={loading}>
+                              Preencher todas com opção mais próxima
+                            </button>
+                            <button type="button" onClick={onLimparCorrecoesGeo} disabled={loading}>
+                              Limpar preenchimentos
+                            </button>
+                          </div>
+                          <div className="geo-correcoes">
+                            {geoCorrecoes.map((item, idx) => (
+                              <div className="geo-correcao-item" key={`cor-${item.linha}-${idx}`}>
+                                <span className="geo-correcao-linha">Linha {item.linha}</span>
+                                <input
+                                  type="text"
+                                  value={item.numero_corrigido || ''}
+                                  onChange={(e) => {
+                                    const next = [...geoCorrecoes]
+                                    next[idx] = { ...next[idx], numero_corrigido: e.target.value }
+                                    setGeoCorrecoes(next)
+                                  }}
+                                  placeholder="Número corrigido"
+                                />
+                                {item.sugestoes?.length > 0 ? (
+                                  <div className="geo-correcao-sugestoes">
+                                    Sugestões: {item.sugestoes.join(', ')}
+                                  </div>
+                                ) : null}
+                              </div>
+                            ))}
+                          </div>
+                          <div className="row geo-correcoes-apply-row">
+                            <button type="button" onClick={onAplicarCorrecoesGeo} disabled={loading}>
+                              Aplicar correções
+                            </button>
+                          </div>
+                        </div>
+                      ) : null}
+                    </>
+                  ) : null}
+                </>
+              ) : (
+                <div className="section1-empty-hint">Coordenadas já disponíveis ou etapa concluída.</div>
+              )}
+            </div>
+          </SectionBlock>
+
+          <SectionBlock
+            step="3"
+            title="Visualizar Dados"
+            subtitle="Mapa interativo e tabela prévia da base carregada."
+          >
+            <div className="dados-visualizacao-groups">
+              <div className="subpanel dados-visualizacao-group">
+                {!mapaGerado ? (
+                  <div className="empty-box">
                     <div className="row">
-                      <button
-                        onClick={() => {
-                          setGeoStatusHtml('')
-                          setGeoFalhasHtml('')
-                          setGeoCorrecoes([])
-                          setGeoProcessError('')
-                          setCoordsMode('menu')
-                        }}
-                        disabled={loading}
-                      >
-                        Voltar
+                      <button type="button" className="btn-gerar-mapa" onClick={onGerarMapa} disabled={loading}>
+                        Gerar Mapa
                       </button>
                     </div>
-                    <h4>Geocodificação por eixo</h4>
-                    <div className="row">
-                      <select value={geoCdlog} onChange={(e) => setGeoCdlog(e.target.value)}>
-                        <option value="">Coluna CDLOG/CTM</option>
-                        {(coordsInfo?.colunas_disponiveis || []).map((col) => (
-                          <option key={`cdlog-${col}`} value={col}>{col}</option>
-                        ))}
-                      </select>
-                      <select value={geoNum} onChange={(e) => setGeoNum(e.target.value)}>
-                        <option value="">Coluna Número</option>
-                        {(coordsInfo?.colunas_disponiveis || []).map((col) => (
-                          <option key={`num-${col}`} value={col}>{col}</option>
+                    <div className="section1-empty-hint">O mapa será carregado somente após solicitação explícita.</div>
+                  </div>
+                ) : (
+                  <details className="dados-mapa-details" open>
+                    <summary>Mapa</summary>
+                    <div className="row compact dados-mapa-controls">
+                      <label>Variável no mapa</label>
+                      <select value={mapaVariavel} onChange={(e) => onMapVarChange(e.target.value)}>
+                        {mapaChoices.map((choice) => (
+                          <option key={choice} value={choice}>{choice}</option>
                         ))}
                       </select>
-                      <label>
-                        <input type="checkbox" checked={geoAuto200} onChange={(e) => setGeoAuto200(e.target.checked)} />
-                        Auto ajustar {'<='} 200
-                      </label>
-                      <button onClick={onGeocodificar} disabled={loading || !geoCdlog || !geoNum}>Geocodificar</button>
                     </div>
-                    {geoProcessError ? <div className="error-line inline-error">{geoProcessError}</div> : null}
-                    {geoStatusHtml ? <div dangerouslySetInnerHTML={{ __html: geoStatusHtml }} /> : null}
-                    {geoFalhasHtml ? <div dangerouslySetInnerHTML={{ __html: geoFalhasHtml }} /> : null}
-                    {geoCorrecoes.length > 0 ? (
-                      <div>
-                        <h5>Correções manuais</h5>
-                        <div className="geo-correcoes">
-                          {geoCorrecoes.map((item, idx) => (
-                            <div className="row" key={`cor-${item.linha}-${idx}`}>
-                              <span>Linha {item.linha}</span>
-                              <input
-                                type="text"
-                                value={item.numero_corrigido || ''}
-                                onChange={(e) => {
-                                  const next = [...geoCorrecoes]
-                                  next[idx] = { ...next[idx], numero_corrigido: e.target.value }
-                                  setGeoCorrecoes(next)
-                                }}
-                                placeholder="Número corrigido"
-                              />
-                            </div>
-                          ))}
-                        </div>
-                        <button onClick={onAplicarCorrecoesGeo} disabled={loading}>Aplicar correções</button>
-                      </div>
-                    ) : null}
-                  </div>
-                ) : null}
-              </>
-            ) : (
-              <div className="section1-empty-hint">Coordenadas já disponíveis ou etapa concluída.</div>
-            )}
-          </div>
-        </div>
-      </SectionBlock>
+                    <MapFrame html={mapaHtml} />
+                  </details>
+                )}
+              </div>
 
-      <SectionBlock
-        step="2"
-        title="Visualizar Dados"
-        subtitle="Mapa interativo e tabela prévia da base carregada."
-        aside={(
-          <div className="row compact">
-            <label>Variável no mapa</label>
-            <select value={mapaVariavel} onChange={(e) => onMapVarChange(e.target.value)}>
-              {mapaChoices.map((choice) => (
-                <option key={choice} value={choice}>{choice}</option>
-              ))}
-            </select>
-          </div>
-        )}
-      >
-        <div className="pane">
-          <MapFrame html={mapaHtml} />
-        </div>
-        <div className="stack-block">
-          <h4>Dados de mercado</h4>
-          <DataTable table={dados} maxHeight={540} />
-        </div>
-      </SectionBlock>
+              <div className="subpanel dados-visualizacao-group">
+                <h4>Dados de mercado</h4>
+                <div className="dados-outliers-resumo">
+                  <div className="resumo-outliers-box">
+                    {outliersAnteriores.length > 0
+                      ? `Há outliers excluídos: sim (${outliersAnteriores.length})`
+                      : 'Há outliers excluídos: não'}
+                  </div>
+                  {outliersAnteriores.length > 0 ? (
+                    <div className="resumo-outliers-box">Índices excluídos: {joinSelection(outliersAnteriores)}</div>
+                  ) : null}
+                </div>
+                <DataTable table={dados} maxHeight={540} />
+              </div>
+            </div>
+          </SectionBlock>
 
-      <SectionBlock step="3" title="Selecionar Variável Dependente" subtitle="Defina a variável dependente (Y).">
-        <div className="row">
-          <label>Variável Dependente (Y)</label>
-          <select value={colunaY} onChange={(e) => setColunaY(e.target.value)}>
-            <option value="">Selecione</option>
-            {colunasNumericas.map((col) => (
-              <option key={col} value={col}>{col}</option>
-            ))}
-          </select>
-        </div>
-      </SectionBlock>
+          <SectionBlock step="4" title="Selecionar Variável Dependente" subtitle="Defina a variável dependente (Y).">
+            <div className="row">
+              <label>Variável Dependente (Y)</label>
+              <select value={colunaY} onChange={(e) => setColunaY(e.target.value)}>
+                <option value="">Selecione</option>
+                {colunasNumericas.map((col) => (
+                  <option key={col} value={col}>{col}</option>
+                ))}
+              </select>
+            </div>
+          </SectionBlock>
 
-      <SectionBlock step="4" title="Selecionar Variáveis Independentes" subtitle="Escolha regressoras e grupos de tipologia.">
-        <div className="compact-option-group">
-          <h4>Variáveis Independentes (X)</h4>
-          <div className="checkbox-inline-wrap checkbox-inline-wrap-tools">
-            <label className="compact-checkbox compact-checkbox-toggle-all">
-              <input
-                ref={marcarTodasXRef}
-                type="checkbox"
-                checked={todasXMarcadas}
-                onChange={onToggleTodasX}
-                disabled={colunasXDisponiveis.length === 0}
-              />
-              {todasXMarcadas ? 'Desmarcar todas' : 'Marcar todas'}
-            </label>
-            <span className="compact-selection-count">
-              {colunasX.length}/{colunasXDisponiveis.length} selecionadas
-            </span>
-          </div>
-          <div className="checkbox-inline-wrap">
-            {colunasXDisponiveis.map((col) => (
-              <label key={`x-${col}`} className="compact-checkbox">
-                <input
-                  type="checkbox"
-                  checked={colunasX.includes(col)}
-                  onChange={() => onToggleColunaX(col)}
-                />
-                {col}
-              </label>
-            ))}
-          </div>
-        </div>
+          <SectionBlock step="5" title="Selecionar Variáveis Independentes" subtitle="Escolha regressoras e grupos de tipologia.">
+            <div className="compact-option-group">
+              <h4>Variáveis Independentes (X)</h4>
+              <div className="checkbox-inline-wrap checkbox-inline-wrap-tools">
+                <label className="compact-checkbox compact-checkbox-toggle-all">
+                  <input
+                    ref={marcarTodasXRef}
+                    type="checkbox"
+                    checked={todasXMarcadas}
+                    onChange={onToggleTodasX}
+                    disabled={colunasXDisponiveis.length === 0}
+                  />
+                  {todasXMarcadas ? 'Desmarcar todas' : 'Marcar todas'}
+                </label>
+                <span className="compact-selection-count">
+                  {colunasX.length}/{colunasXDisponiveis.length} selecionadas
+                </span>
+              </div>
+              <div className="checkbox-inline-wrap">
+                {colunasXDisponiveis.map((col) => (
+                  <label key={`x-${col}`} className="compact-checkbox">
+                    <input
+                      type="checkbox"
+                      checked={colunasX.includes(col)}
+                      onChange={() => onToggleColunaX(col)}
+                    />
+                    {col}
+                  </label>
+                ))}
+              </div>
+            </div>
 
-        <div className="compact-option-group">
-          <h4>Variáveis Dicotômicas (0/1)</h4>
-          <div className="checkbox-inline-wrap">
-            {colunasX.map((col) => (
-              <label key={`d-${col}`} className="compact-checkbox">
-                <input type="checkbox" checked={dicotomicas.includes(col)} onChange={() => toggleSelection(setDicotomicas, col)} />
-                {col}
-              </label>
-            ))}
-          </div>
-        </div>
+            <div className="compact-option-group">
+              <h4>Variáveis Dicotômicas (0/1)</h4>
+              <div className="checkbox-inline-wrap">
+                {colunasX.map((col) => (
+                  <label key={`d-${col}`} className="compact-checkbox">
+                    <input type="checkbox" checked={dicotomicas.includes(col)} onChange={() => toggleSelection(setDicotomicas, col)} />
+                    {col}
+                  </label>
+                ))}
+              </div>
+            </div>
 
-        <div className="compact-option-group">
-          <h4>Variáveis de Código Alocado/Ajustado</h4>
-          <div className="checkbox-inline-wrap">
-            {colunasX.map((col) => (
-              <label key={`c-${col}`} className="compact-checkbox">
-                <input type="checkbox" checked={codigoAlocado.includes(col)} onChange={() => toggleSelection(setCodigoAlocado, col)} />
-                {col}
-              </label>
-            ))}
-          </div>
-        </div>
+            <div className="compact-option-group">
+              <h4>Variáveis de Código Alocado/Ajustado</h4>
+              <div className="checkbox-inline-wrap">
+                {colunasX.map((col) => (
+                  <label key={`c-${col}`} className="compact-checkbox">
+                    <input type="checkbox" checked={codigoAlocado.includes(col)} onChange={() => toggleSelection(setCodigoAlocado, col)} />
+                    {col}
+                  </label>
+                ))}
+              </div>
+            </div>
 
-        <div className="compact-option-group">
-          <h4>Variáveis Percentuais (0 a 1)</h4>
-          <div className="checkbox-inline-wrap">
-            {colunasX.map((col) => (
-              <label key={`p-${col}`} className="compact-checkbox">
-                <input type="checkbox" checked={percentuais.includes(col)} onChange={() => toggleSelection(setPercentuais, col)} />
-                {col}
-              </label>
-            ))}
-          </div>
-        </div>
+            <div className="compact-option-group">
+              <h4>Variáveis Percentuais (0 a 1)</h4>
+              <div className="checkbox-inline-wrap">
+                {colunasX.map((col) => (
+                  <label key={`p-${col}`} className="compact-checkbox">
+                    <input type="checkbox" checked={percentuais.includes(col)} onChange={() => toggleSelection(setPercentuais, col)} />
+                    {col}
+                  </label>
+                ))}
+              </div>
+            </div>
 
-        <div className="row">
-          <button onClick={onApplySelection} disabled={loading || !colunaY || colunasX.length === 0}>Aplicar seleção</button>
-        </div>
-      </SectionBlock>
+            <div className="row">
+              <button onClick={onApplySelection} disabled={loading || !colunaY || colunasX.length === 0}>Aplicar seleção</button>
+            </div>
+          </SectionBlock>
+        </>
+      ) : null}
 
       {selection ? (
         <>
-          <SectionBlock step="5" title="Estatísticas das Variáveis Selecionadas" subtitle="Resumo estatístico para Y e regressoras.">
+          <SectionBlock step="6" title="Estatísticas das Variáveis Selecionadas" subtitle="Resumo estatístico para Y e regressoras.">
             <DataTable table={selection.estatisticas} />
           </SectionBlock>
 
-          <SectionBlock step="6" title="Teste de Micronumerosidade" subtitle="Validação de amostra mínima para variáveis selecionadas.">
+          <SectionBlock step="7" title="Teste de Micronumerosidade" subtitle="Validação de amostra mínima para variáveis selecionadas.">
             <div dangerouslySetInnerHTML={{ __html: selection.micronumerosidade_html || '' }} />
             {selection.aviso_multicolinearidade?.visible ? (
               <div dangerouslySetInnerHTML={{ __html: selection.aviso_multicolinearidade.html }} />
             ) : null}
           </SectionBlock>
 
-          <SectionBlock step="7" title="Gráficos de Dispersão das Variáveis Independentes" subtitle="Leitura visual entre X e Y no conjunto filtrado.">
+          <SectionBlock step="8" title="Gráficos de Dispersão das Variáveis Independentes" subtitle="Leitura visual entre X e Y no conjunto filtrado.">
             <PlotFigure
               figure={selection.grafico_dispersao}
               title="Dispersão (dados filtrados)"
@@ -1071,7 +1257,7 @@ export default function ElaboracaoTab({ sessionId }) {
             />
           </SectionBlock>
 
-          <SectionBlock step="8" title="Transformações Sugeridas" subtitle="Busca automática de combinações por R² e enquadramento.">
+          <SectionBlock step="9" title="Transformações Sugeridas" subtitle="Busca automática de combinações por R² e enquadramento.">
             <div className="row">
               <label>Grau mínimo dos coeficientes</label>
               <select value={grauCoef} onChange={(e) => setGrauCoef(Number(e.target.value))}>
@@ -1124,7 +1310,7 @@ export default function ElaboracaoTab({ sessionId }) {
             )}
           </SectionBlock>
 
-          <SectionBlock step="9" title="Aplicação das Transformações" subtitle="Configuração manual para ajuste do modelo.">
+          <SectionBlock step="10" title="Aplicação das Transformações" subtitle="Configuração manual para ajuste do modelo.">
             <div className="row">
               <label>Transformação de Y</label>
               <select value={transformacaoY} onChange={(e) => setTransformacaoY(e.target.value)}>
@@ -1158,7 +1344,7 @@ export default function ElaboracaoTab({ sessionId }) {
 
       {fit ? (
         <>
-          <SectionBlock step="10" title="Gráficos de Dispersão (Variáveis Transformadas)" subtitle="Dispersão com variáveis já transformadas.">
+          <SectionBlock step="11" title="Gráficos de Dispersão (Variáveis Transformadas)" subtitle="Dispersão com variáveis já transformadas.">
             <div className="row">
               <label>Tipo de dispersão</label>
               <select value={tipoDispersao} onChange={(e) => onTipoDispersaoChange(e.target.value)}>
@@ -1169,7 +1355,7 @@ export default function ElaboracaoTab({ sessionId }) {
             <PlotFigure figure={fit.grafico_dispersao_modelo} title="Dispersão do modelo" forceHideLegend className="plot-stretch" />
           </SectionBlock>
 
-          <SectionBlock step="11" title="Diagnóstico de Modelo" subtitle="Resumo diagnóstico e tabelas principais do ajuste.">
+          <SectionBlock step="12" title="Diagnóstico de Modelo" subtitle="Resumo diagnóstico e tabelas principais do ajuste.">
             <div dangerouslySetInnerHTML={{ __html: fit.diagnosticos_html || '' }} />
             <div className="two-col diagnostic-tables">
               <div className="pane">
@@ -1183,7 +1369,7 @@ export default function ElaboracaoTab({ sessionId }) {
             </div>
           </SectionBlock>
 
-          <SectionBlock step="12" title="Gráficos de Diagnóstico do Modelo" subtitle="Obs x calc, resíduos, histograma, Cook e correlação.">
+          <SectionBlock step="13" title="Gráficos de Diagnóstico do Modelo" subtitle="Obs x calc, resíduos, histograma, Cook e correlação.">
             <div className="plot-grid-2-fixed">
               <PlotFigure figure={fit.grafico_obs_calc} title="Obs x Calc" />
               <PlotFigure figure={fit.grafico_residuos} title="Resíduos" />
@@ -1195,92 +1381,114 @@ export default function ElaboracaoTab({ sessionId }) {
             </div>
           </SectionBlock>
 
-          <SectionBlock step="13" title="Analisar Outliers" subtitle="Métricas para identificação de observações influentes.">
+          <SectionBlock step="14" title="Analisar Outliers" subtitle="Métricas para identificação de observações influentes.">
             <DataTable table={fit.tabela_metricas} maxHeight={320} />
           </SectionBlock>
 
-          <SectionBlock step="14" title="Exclusão ou Reinclusão de Outliers" subtitle="Filtre índices, revise e atualize o modelo.">
+          <SectionBlock step="15" title="Exclusão ou Reinclusão de Outliers" subtitle="Filtre índices, revise e atualize o modelo.">
             {outliersAnteriores.length > 0 && outliersHtml ? (
               <div className="outliers-html-box" dangerouslySetInnerHTML={{ __html: outliersHtml }} />
             ) : null}
-            <div className="outlier-subheader">Filtrar outliers</div>
-            <div className="outlier-dica">Outliers = linhas que satisfazem qualquer filtro (lógica OR / união).</div>
-            <div className="filtros-stack">
-              {filtros.map((filtro, idx) => (
-                <div key={`filtro-${idx}`} className="filtro-row-react">
-                  <select
-                    value={filtro.variavel}
-                    onChange={(e) => {
-                      const next = [...filtros]
-                      next[idx] = { ...next[idx], variavel: e.target.value }
-                      setFiltros(next)
-                    }}
-                  >
-                    {(fit.variaveis_filtro || []).map((varItem) => (
-                      <option key={`vf-${idx}-${varItem}`} value={varItem}>{varItem}</option>
-                    ))}
-                  </select>
-                  <select
-                    value={filtro.operador}
-                    onChange={(e) => {
-                      const next = [...filtros]
-                      next[idx] = { ...next[idx], operador: e.target.value }
-                      setFiltros(next)
-                    }}
-                  >
-                    {OPERADORES.map((op) => (
-                      <option key={`op-${idx}-${op}`} value={op}>{op}</option>
-                    ))}
-                  </select>
-                  <input
-                    type="number"
-                    value={filtro.valor}
-                    onChange={(e) => {
-                      const next = [...filtros]
-                      next[idx] = { ...next[idx], valor: Number(e.target.value) }
-                      setFiltros(next)
-                    }}
-                  />
-                </div>
-              ))}
-            </div>
-            <div className="outlier-actions-row">
-              <button onClick={onApplyOutlierFilters} disabled={loading}>Aplicar filtros</button>
-            </div>
 
-            <div className="outlier-divider"><span className="arrow">→</span></div>
-            <div className="outlier-subheader">Excluir ou reincluir índices</div>
-            <div className="outlier-inputs-grid">
-              <div className="outlier-input-card">
-                <label>A excluir</label>
-                <input type="text" value={outliersTexto} onChange={(e) => setOutliersTexto(e.target.value)} placeholder="ex: 5, 12, 30" />
+            <div className="outlier-group-card">
+              <div className="outlier-subheader">Filtrar outliers</div>
+              <div className="outlier-dica">Outliers = linhas que satisfazem qualquer filtro (lógica OR / união).</div>
+              <div className="filtros-stack">
+                {filtros.map((filtro, idx) => (
+                  <div key={`filtro-${idx}`} className="filtro-row-react">
+                    <select
+                      value={filtro.variavel}
+                      onChange={(e) => {
+                        const next = [...filtros]
+                        next[idx] = { ...next[idx], variavel: e.target.value }
+                        setFiltros(next)
+                      }}
+                    >
+                      {(fit.variaveis_filtro || []).map((varItem) => (
+                        <option key={`vf-${idx}-${varItem}`} value={varItem}>{varItem}</option>
+                      ))}
+                    </select>
+                    <select
+                      value={filtro.operador}
+                      onChange={(e) => {
+                        const next = [...filtros]
+                        next[idx] = { ...next[idx], operador: e.target.value }
+                        setFiltros(next)
+                      }}
+                    >
+                      {OPERADORES.map((op) => (
+                        <option key={`op-${idx}-${op}`} value={op}>{op}</option>
+                      ))}
+                    </select>
+                    <input
+                      type="number"
+                      value={filtro.valor}
+                      onChange={(e) => {
+                        const next = [...filtros]
+                        next[idx] = { ...next[idx], valor: Number(e.target.value) }
+                        setFiltros(next)
+                      }}
+                    />
+                  </div>
+                ))}
               </div>
-              <div className="outlier-input-card">
-                <label>A reincluir</label>
-                <input type="text" value={reincluirTexto} onChange={(e) => setReincluirTexto(e.target.value)} placeholder="ex: 5" />
+              <div className="outlier-actions-row">
+                <button onClick={onApplyOutlierFilters} disabled={loading}>Aplicar filtros</button>
               </div>
             </div>
 
-            <div className="outlier-actions-row">
-              <button onClick={onRestartIteration} disabled={loading} className="btn-reiniciar-iteracao">
-                Atualizar Modelo (Excluir/Reincluir Outliers)
-              </button>
+            <div className="outlier-divider"><span className="arrow">Próxima etapa</span></div>
+            <div className="outlier-group-card outlier-group-card-secondary">
+              <div className="outlier-subheader">Excluir ou reincluir índices</div>
+              <div className="outlier-inputs-grid">
+                <div className="outlier-input-card">
+                  <label>A excluir</label>
+                  <input type="text" value={outliersTexto} onChange={(e) => setOutliersTexto(e.target.value)} placeholder="ex: 5, 12, 30" />
+                </div>
+                <div className="outlier-input-card">
+                  <label>A reincluir</label>
+                  <input type="text" value={reincluirTexto} onChange={(e) => setReincluirTexto(e.target.value)} placeholder="ex: 5" />
+                </div>
+              </div>
+              <div className="outlier-actions-row">
+                <button onClick={onRestartIteration} disabled={loading} className="btn-reiniciar-iteracao">
+                  Atualizar Modelo (Excluir/Reincluir Outliers)
+                </button>
+              </div>
             </div>
             <div className="resumo-outliers-box">Iteração: {iteracao} | {resumoOutliers}</div>
             <div className="resumo-outliers-box">Outliers anteriores: {joinSelection(outliersAnteriores) || '-'}</div>
           </SectionBlock>
 
-          <SectionBlock step="15" title="Avaliação de Imóvel" subtitle="Cálculo individual e comparação entre avaliações.">
-            <div className="avaliacao-grid">
+          <SectionBlock step="16" title="Avaliação de Imóvel" subtitle="Cálculo individual e comparação entre avaliações.">
+            <div className="avaliacao-grid" key={`avaliacao-grid-elab-${avaliacaoFormVersion}`}>
               {camposAvaliacao.map((campo) => (
                 <div key={`aval-${campo.coluna}`} className="avaliacao-card">
                   <label>{campo.coluna}</label>
-                  <input
-                    type="number"
-                    value={valoresAvaliacao[campo.coluna] ?? ''}
-                    placeholder={campo.placeholder || ''}
-                    onChange={(e) => setValoresAvaliacao((prev) => ({ ...prev, [campo.coluna]: e.target.value }))}
-                  />
+                  {campo.tipo === 'dicotomica' ? (
+                    <select
+                      defaultValue={String(valoresAvaliacaoRef.current[campo.coluna] ?? '')}
+                      onChange={(e) => {
+                        valoresAvaliacaoRef.current[campo.coluna] = e.target.value
+                      }}
+                    >
+                      <option value="">Selecione</option>
+                      {(campo.opcoes || [0, 1]).map((opcao) => (
+                        <option key={`op-${campo.coluna}-${opcao}`} value={String(opcao)}>
+                          {opcao}
+                        </option>
+                      ))}
+                    </select>
+                  ) : (
+                    <input
+                      type="number"
+                      defaultValue={valoresAvaliacaoRef.current[campo.coluna] ?? ''}
+                      placeholder={campo.placeholder || ''}
+                      onChange={(e) => {
+                        valoresAvaliacaoRef.current[campo.coluna] = e.target.value
+                      }}
+                    />
+                  )}
                 </div>
               ))}
             </div>
@@ -1297,14 +1505,15 @@ export default function ElaboracaoTab({ sessionId }) {
                   <option key={`base-${choice}`} value={choice}>{choice}</option>
                 ))}
               </select>
-              <label>Excluir avaliação #</label>
-              <input type="text" value={deleteAvalIndex} onChange={(e) => setDeleteAvalIndex(e.target.value)} />
-              <button onClick={onDeleteAvaliacao} disabled={loading}>Excluir</button>
             </div>
-            <div className="avaliacao-resultado-box" dangerouslySetInnerHTML={{ __html: resultadoAvaliacaoHtml }} />
+            <div
+              className="avaliacao-resultado-box"
+              onClick={onAvaliacaoResultadoClick}
+              dangerouslySetInnerHTML={{ __html: resultadoAvaliacaoHtml }}
+            />
           </SectionBlock>
 
-          <SectionBlock step="16" title="Exportar Modelo" subtitle="Geração do pacote .dai e download da base tratada.">
+          <SectionBlock step="17" title="Exportar Modelo" subtitle="Geração do pacote .dai e download da base tratada.">
             <div className="row">
               <label>Nome do arquivo (.dai)</label>
               <input type="text" value={nomeArquivoExport} onChange={(e) => setNomeArquivoExport(e.target.value)} />
@@ -1324,7 +1533,7 @@ export default function ElaboracaoTab({ sessionId }) {
         </>
       ) : null}
 
-      {loading ? <div className="status-line">Processando...</div> : null}
+      <LoadingOverlay show={loading} label="Processando dados..." />
       {error ? <div className="error-line">{error}</div> : null}
     </div>
   )

frontend/src/components/LoadingOverlay.jsx

@@ -0,0 +1,39 @@
+import React, { useEffect, useState } from 'react'
+
+export default function LoadingOverlay({ show, label = 'Processando...' }) {
+  const [elapsedSeconds, setElapsedSeconds] = useState(0)
+
+  useEffect(() => {
+    if (!show) {
+      setElapsedSeconds(0)
+      return undefined
+    }
+
+    const startedAt = Date.now()
+    const timer = window.setInterval(() => {
+      setElapsedSeconds(Math.floor((Date.now() - startedAt) / 1000))
+    }, 1000)
+
+    return () => {
+      window.clearInterval(timer)
+    }
+  }, [show])
+
+  function formatElapsed(totalSeconds) {
+    const minutes = Math.floor(totalSeconds / 60)
+    const seconds = totalSeconds % 60
+    return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`
+  }
+
+  if (!show) return null
+
+  return (
+    <div className="loading-overlay" role="status" aria-live="polite" aria-label={label}>
+      <div className="loading-overlay-card">
+        <div className="loading-spinner" aria-hidden="true" />
+        <div className="loading-overlay-label">{label}</div>
+        <div className="loading-overlay-elapsed">Tempo: {formatElapsed(elapsedSeconds)}</div>
+      </div>
+    </div>
+  )
+}

frontend/src/components/PlotFigure.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import Plot from 'react-plotly.js'
 import Plotly from 'plotly.js-dist-min'
 
-export default function PlotFigure({ figure, title, forceHideLegend = false, className = '' }) {
+function PlotFigure({ figure, title, forceHideLegend = false, className = '' }) {
   if (!figure) {
     return <div className="empty-box">Grafico indisponivel.</div>
   }
@@ -46,3 +46,5 @@ export default function PlotFigure({ figure, title, forceHideLegend = false, cla
     </div>
   )
 }
+
+export default React.memo(PlotFigure)

frontend/src/components/VisualizacaoTab.jsx

@@ -1,6 +1,7 @@
-import React, { useState } from 'react'
+import React, { useRef, useState } from 'react'
 import { api, downloadBlob } from '../api'
 import DataTable from './DataTable'
+import LoadingOverlay from './LoadingOverlay'
 import MapFrame from './MapFrame'
 import PlotFigure from './PlotFigure'
 import SectionBlock from './SectionBlock'
@@ -44,20 +45,14 @@ export default function VisualizacaoTab({ sessionId }) {
   const [mapaVar, setMapaVar] = useState('Visualização Padrão')
 
   const [camposAvaliacao, setCamposAvaliacao] = useState([])
-  const [valoresAvaliacao, setValoresAvaliacao] = useState({})
+  const valoresAvaliacaoRef = useRef({})
+  const [avaliacaoFormVersion, setAvaliacaoFormVersion] = useState(0)
   const [resultadoAvaliacaoHtml, setResultadoAvaliacaoHtml] = useState('')
   const [baseChoices, setBaseChoices] = useState([])
   const [baseValue, setBaseValue] = useState('')
-  const [deleteAvalIndex, setDeleteAvalIndex] = useState('')
 
   const [activeInnerTab, setActiveInnerTab] = useState('mapa')
-
-  const statusFluxo = [
-    { label: 'Modelo carregado', done: Boolean(status) },
-    { label: 'Dados exibidos', done: Boolean(dados) },
-    { label: 'Gráficos prontos', done: Boolean(plotObsCalc) },
-    { label: 'Avaliação ativa', done: camposAvaliacao.length > 0 },
-  ]
+  const deleteConfirmTimersRef = useRef({})
 
   function resetConteudoVisualizacao() {
     setDados(null)
@@ -79,11 +74,11 @@ export default function VisualizacaoTab({ sessionId }) {
     setMapaVar('Visualização Padrão')
 
     setCamposAvaliacao([])
-    setValoresAvaliacao({})
+    valoresAvaliacaoRef.current = {}
+    setAvaliacaoFormVersion((prev) => prev + 1)
     setResultadoAvaliacaoHtml('')
     setBaseChoices([])
     setBaseValue('')
-    setDeleteAvalIndex('')
 
     setActiveInnerTab('mapa')
   }
@@ -112,7 +107,8 @@ export default function VisualizacaoTab({ sessionId }) {
     ;(resp.campos_avaliacao || []).forEach((campo) => {
       values[campo.coluna] = ''
     })
-    setValoresAvaliacao(values)
+    valoresAvaliacaoRef.current = values
+    setAvaliacaoFormVersion((prev) => prev + 1)
     setResultadoAvaliacaoHtml('')
     setBaseChoices([])
     setBaseValue('')
@@ -155,7 +151,7 @@ export default function VisualizacaoTab({ sessionId }) {
   async function onCalcularAvaliacao() {
     if (!sessionId) return
     await withBusy(async () => {
-      const resp = await api.evaluationCalculateViz(sessionId, valoresAvaliacao, baseValue || null)
+      const resp = await api.evaluationCalculateViz(sessionId, valoresAvaliacaoRef.current, baseValue || null)
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
@@ -169,20 +165,63 @@ export default function VisualizacaoTab({ sessionId }) {
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
+      const limpo = {}
+      camposAvaliacao.forEach((campo) => {
+        limpo[campo.coluna] = ''
+      })
+      valoresAvaliacaoRef.current = limpo
+      setAvaliacaoFormVersion((prev) => prev + 1)
     })
   }
 
-  async function onDeleteAvaliacao() {
+  async function onDeleteAvaliacao(indice) {
     if (!sessionId) return
     await withBusy(async () => {
-      const resp = await api.evaluationDeleteViz(sessionId, deleteAvalIndex, baseValue || null)
+      const resp = await api.evaluationDeleteViz(sessionId, indice ? String(indice) : null, baseValue || null)
       setResultadoAvaliacaoHtml(resp.resultado_html || '')
       setBaseChoices(resp.base_choices || [])
       setBaseValue(resp.base_value || '')
-      setDeleteAvalIndex('')
     })
   }
 
+  function onAvaliacaoResultadoClick(event) {
+    const ativarExclusao = event.target.closest('[data-avaliacao-delete-arm]')
+    if (ativarExclusao) {
+      const indice = ativarExclusao.getAttribute('data-avaliacao-delete-index')
+      if (!indice) return
+
+      const cell = ativarExclusao.closest('td')
+      const botaoConfirmar = cell?.querySelector(`[data-avaliacao-delete-confirm="${indice}"]`)
+      if (!botaoConfirmar) return
+
+      ativarExclusao.style.display = 'none'
+      botaoConfirmar.style.display = 'inline-block'
+
+      const timerKey = String(indice)
+      if (deleteConfirmTimersRef.current[timerKey]) {
+        clearTimeout(deleteConfirmTimersRef.current[timerKey])
+      }
+      deleteConfirmTimersRef.current[timerKey] = window.setTimeout(() => {
+        botaoConfirmar.style.display = 'none'
+        ativarExclusao.style.display = 'inline'
+        delete deleteConfirmTimersRef.current[timerKey]
+      }, 10000)
+      return
+    }
+
+    const confirmarExclusao = event.target.closest('[data-avaliacao-delete-confirm]')
+    if (!confirmarExclusao) return
+    const indice = confirmarExclusao.getAttribute('data-avaliacao-delete-confirm')
+    if (!indice) return
+
+    const timerKey = String(indice)
+    if (deleteConfirmTimersRef.current[timerKey]) {
+      clearTimeout(deleteConfirmTimersRef.current[timerKey])
+      delete deleteConfirmTimersRef.current[timerKey]
+    }
+    onDeleteAvaliacao(indice)
+  }
+
   async function onBaseChange(value) {
     setBaseValue(value)
     if (!sessionId) return
@@ -202,14 +241,6 @@ export default function VisualizacaoTab({ sessionId }) {
 
   return (
     <div className="tab-content">
-      <div className="status-strip">
-        {statusFluxo.map((item) => (
-          <span key={item.label} className={item.done ? 'status-pill done' : 'status-pill'}>
-            {item.label}
-          </span>
-        ))}
-      </div>
-
       <SectionBlock step="1" title="Carregar Modelo .dai" subtitle="Carregue o arquivo e o conteúdo será exibido automaticamente.">
         <div className="row">
           <input type="file" onChange={(e) => setUploadedFile(e.target.files?.[0] ?? null)} />
@@ -297,16 +328,34 @@ export default function VisualizacaoTab({ sessionId }) {
 
             {activeInnerTab === 'avaliacao' ? (
               <>
-                <div className="avaliacao-grid">
+                <div className="avaliacao-grid" key={`avaliacao-grid-viz-${avaliacaoFormVersion}`}>
                   {camposAvaliacao.map((campo) => (
                     <div key={`campo-${campo.coluna}`} className="avaliacao-card">
                       <label>{campo.coluna}</label>
-                      <input
-                        type="number"
-                        value={valoresAvaliacao[campo.coluna] ?? ''}
-                        placeholder={campo.placeholder || ''}
-                        onChange={(e) => setValoresAvaliacao((prev) => ({ ...prev, [campo.coluna]: e.target.value }))}
-                      />
+                      {campo.tipo === 'dicotomica' ? (
+                        <select
+                          defaultValue={String(valoresAvaliacaoRef.current[campo.coluna] ?? '')}
+                          onChange={(e) => {
+                            valoresAvaliacaoRef.current[campo.coluna] = e.target.value
+                          }}
+                        >
+                          <option value="">Selecione</option>
+                          {(campo.opcoes || [0, 1]).map((opcao) => (
+                            <option key={`op-viz-${campo.coluna}-${opcao}`} value={String(opcao)}>
+                              {opcao}
+                            </option>
+                          ))}
+                        </select>
+                      ) : (
+                        <input
+                          type="number"
+                          defaultValue={valoresAvaliacaoRef.current[campo.coluna] ?? ''}
+                          placeholder={campo.placeholder || ''}
+                          onChange={(e) => {
+                            valoresAvaliacaoRef.current[campo.coluna] = e.target.value
+                          }}
+                        />
+                      )}
                     </div>
                   ))}
                 </div>
@@ -325,13 +374,13 @@ export default function VisualizacaoTab({ sessionId }) {
                       <option key={`base-${choice}`} value={choice}>{choice}</option>
                     ))}
                   </select>
-
-                  <label>Excluir avaliação #</label>
-                  <input type="text" value={deleteAvalIndex} onChange={(e) => setDeleteAvalIndex(e.target.value)} />
-                  <button onClick={onDeleteAvaliacao} disabled={loading}>Excluir</button>
                 </div>
 
-                <div className="avaliacao-resultado-box" dangerouslySetInnerHTML={{ __html: resultadoAvaliacaoHtml }} />
+                <div
+                  className="avaliacao-resultado-box"
+                  onClick={onAvaliacaoResultadoClick}
+                  dangerouslySetInnerHTML={{ __html: resultadoAvaliacaoHtml }}
+                />
               </>
             ) : null}
 
@@ -340,11 +389,9 @@ export default function VisualizacaoTab({ sessionId }) {
             ) : null}
           </div>
         </SectionBlock>
-      ) : (
-        <div className="empty-box">Carregue um modelo para navegar nas abas internas da Visualização/Avaliação.</div>
-      )}
+      ) : null}
 
-      {loading ? <div className="status-line">Processando...</div> : null}
+      <LoadingOverlay show={loading} label="Processando dados..." />
       {error ? <div className="error-line">{error}</div> : null}
     </div>
   )

frontend/src/styles.css

@@ -56,7 +56,7 @@ textarea {
   margin: 18px auto 40px;
   display: flex;
   flex-direction: column;
-  gap: 14px;
+  gap: 16px;
   position: relative;
 }
 
@@ -181,8 +181,8 @@ textarea {
 .inner-tabs {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 10px;
+  gap: 10px;
+  margin-bottom: 12px;
 }
 
 .inner-tab-pill {
@@ -210,13 +210,17 @@ textarea {
   border: 1px solid #dbe5ef;
   border-radius: 12px;
   background: #fff;
-  padding: 10px;
+  padding: 14px;
 }
 
 .tab-content {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 24px;
+}
+
+.tab-pane[hidden] {
+  display: none !important;
 }
 
 .status-strip {
@@ -246,10 +250,12 @@ textarea {
 }
 
 .workflow-section {
-  border: 1px solid var(--border);
+  border: 1px solid #c9d6e3;
   border-radius: var(--radius-lg);
   background: var(--bg-2);
-  box-shadow: var(--shadow-sm);
+  box-shadow:
+    0 6px 18px rgba(20, 28, 36, 0.08),
+    inset 0 0 0 1px #edf3f9;
   animation: sectionIn 0.35s ease both;
   animation-delay: calc(var(--section-order, 1) * 25ms);
 }
@@ -258,8 +264,8 @@ textarea {
   display: flex;
   gap: 12px;
   align-items: center;
-  padding: 14px 16px 12px;
-  border-bottom: 1px solid var(--border-soft);
+  padding: 15px 18px 13px;
+  border-bottom: 1px solid #dde7f1;
   background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
 }
 
@@ -301,7 +307,71 @@ textarea {
 }
 
 .section-body {
-  padding: 14px;
+  padding: 18px;
+}
+
+.dados-visualizacao-groups {
+  display: grid;
+  gap: 16px;
+}
+
+.dados-visualizacao-group {
+  margin: 0;
+}
+
+.dados-outliers-resumo {
+  margin-bottom: 14px;
+}
+
+.dados-mapa-details {
+  display: block;
+}
+
+.dados-mapa-details > summary {
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-family: 'Sora', sans-serif;
+  font-size: 0.92rem;
+  color: #2d4157;
+  cursor: pointer;
+  user-select: none;
+  margin: -2px 0 10px;
+}
+
+.dados-mapa-details > summary::-webkit-details-marker {
+  display: none;
+}
+
+.dados-mapa-details > summary::before {
+  content: '▾';
+  color: #5f7489;
+  font-size: 0.8rem;
+  transition: transform 0.15s ease;
+}
+
+.dados-mapa-details:not([open]) > summary::before {
+  transform: rotate(-90deg);
+}
+
+.dados-mapa-controls {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  column-gap: 14px;
+  row-gap: 8px;
+  margin-bottom: 18px;
+}
+
+.dados-mapa-controls label {
+  margin-right: 0;
+  min-width: 118px;
+}
+
+.dados-mapa-controls + .map-frame,
+.dados-mapa-controls + .empty-box {
+  margin-top: 6px;
 }
 
 .placeholder-section .empty-box {
@@ -312,19 +382,19 @@ textarea {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
-  gap: 10px;
-  margin-bottom: 10px;
+  gap: 12px;
+  margin-bottom: 12px;
 }
 
 .row.compact {
   margin: 0;
-  gap: 6px;
+  gap: 8px;
 }
 
 .row-wrap {
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
+  gap: 12px;
 }
 
 .avaliacao-actions-row {
@@ -402,8 +472,8 @@ button:disabled {
   border-left: 3px solid var(--accent);
   border-radius: 12px;
   background: #fcfdff;
-  padding: 11px 12px;
-  margin-bottom: 10px;
+  padding: 14px 15px;
+  margin-bottom: 12px;
 }
 
 .subpanel.warning {
@@ -420,13 +490,40 @@ button:disabled {
 
 .section1-groups {
   display: grid;
-  gap: 10px;
+  gap: 18px;
 }
 
 .section1-group {
   margin: 0;
 }
 
+.section1-group.subpanel {
+  border-left: 1px solid var(--border-soft);
+  background: #fff;
+}
+
+.coords-section-groups {
+  display: grid;
+  gap: 14px;
+}
+
+.coords-section-group {
+  margin: 0;
+  border-left: 1px solid var(--border-soft);
+  background: #fff;
+}
+
+.coords-section-alert {
+  border-left-color: #e5be8a;
+  background: #fffaf2;
+}
+
+.coords-result-group h5,
+.coords-falhas-group h5,
+.coords-correcoes-group h5 {
+  margin-bottom: 10px;
+}
+
 .section1-empty-hint {
   color: #5b7288;
   font-size: 0.86rem;
@@ -455,18 +552,37 @@ button:disabled {
   letter-spacing: 0.04em;
 }
 
-.modelo-cabecalho-grid {
+.modelo-info-card {
+  margin-top: 10px;
+  border: 1px solid #d1deea;
+  border-radius: 12px;
+  background: linear-gradient(180deg, #fbfdff 0%, #f6faff 100%);
+  overflow: hidden;
+}
+
+.modelo-info-split {
   display: grid;
-  grid-template-columns: minmax(300px, 1fr) minmax(380px, 1.2fr);
-  gap: 10px;
-  margin-top: 8px;
+  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.4fr);
+}
+
+.modelo-info-col {
+  min-width: 0;
+  padding: 12px 14px;
+}
+
+.modelo-info-col + .modelo-info-col {
+  border-left: 1px solid #dde7f1;
+}
+
+.modelo-info-col-vars {
+  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
 }
 
 .elaborador-badge {
   padding: 10px 12px;
   border-radius: 11px;
   border: 1px solid #cddfed;
-  border-left: 4px solid var(--accent);
+  border-left: 1px solid #cddfed;
   background: linear-gradient(180deg, #f7fbff 0%, #eef5fb 100%);
 }
 
@@ -499,14 +615,16 @@ button:disabled {
 }
 
 .variavel-badge-line {
-  display: flex;
-  gap: 8px;
+  display: grid;
+  grid-template-columns: 118px minmax(0, 1fr);
+  gap: 10px;
   align-items: flex-start;
-  margin-top: 6px;
+  margin-top: 8px;
 }
 
 .variavel-badge-label {
-  min-width: 96px;
+  min-width: 0;
+  padding-top: 3px;
   color: #556c82;
   font-size: 0.83rem;
   font-weight: 800;
@@ -517,7 +635,8 @@ button:disabled {
 .variavel-chip-wrap {
   display: flex;
   flex-wrap: wrap;
-  gap: 5px;
+  gap: 6px;
+  min-width: 0;
 }
 
 .variavel-chip {
@@ -531,6 +650,9 @@ button:disabled {
   color: #34485e;
   font-size: 0.81rem;
   font-weight: 700;
+  max-width: 100%;
+  white-space: normal;
+  word-break: break-word;
 }
 
 .variavel-chip-y {
@@ -675,7 +797,7 @@ button:disabled {
 }
 
 .compact-option-group {
-  margin: 6px 0 8px;
+  margin: 10px 0 14px;
 }
 
 .compact-option-group h4 {
@@ -688,7 +810,7 @@ button:disabled {
 .checkbox-inline-wrap {
   display: flex;
   flex-wrap: wrap;
-  gap: 5px 7px;
+  gap: 8px 10px;
 }
 
 .checkbox-inline-wrap-tools {
@@ -729,8 +851,8 @@ button:disabled {
 .avaliacao-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 8px;
-  margin-bottom: 10px;
+  gap: 10px;
+  margin-bottom: 12px;
 }
 
 .transform-card,
@@ -752,8 +874,8 @@ button:disabled {
 .transform-suggestions-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
-  gap: 10px;
-  margin-top: 8px;
+  gap: 12px;
+  margin-top: 10px;
 }
 
 .transform-suggestion-card {
@@ -876,13 +998,13 @@ button:disabled {
 .plot-grid-2 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
-  gap: 10px;
+  gap: 12px;
 }
 
 .plot-grid-2-fixed {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
+  gap: 12px;
 }
 
 .plot-card {
@@ -905,7 +1027,7 @@ button:disabled {
 }
 
 .plot-full-width {
-  margin-top: 10px;
+  margin-top: 12px;
 }
 
 .plot-card.plot-correlation-card {
@@ -914,7 +1036,7 @@ button:disabled {
 
 .filtros-stack {
   display: grid;
-  gap: 8px;
+  gap: 10px;
 }
 
 .filtro-row-react {
@@ -951,6 +1073,18 @@ button:disabled {
   margin-top: 0;
 }
 
+.outlier-group-card {
+  border: 1px solid #dbe6f1;
+  border-radius: 12px;
+  background: #fbfdff;
+  padding: 12px 12px 10px;
+}
+
+.outlier-group-card-secondary {
+  border-color: #d3e0ec;
+  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
+}
+
 .outlier-dica {
   color: #657a90;
   font-size: 0.84rem;
@@ -964,16 +1098,16 @@ button:disabled {
 .outlier-actions-row {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
-  margin: 10px 0;
+  gap: 12px;
+  margin: 12px 0;
 }
 
 .outlier-divider {
   display: flex;
   align-items: center;
   gap: 8px;
-  margin: 10px 0;
-  color: #b4c1cf;
+  margin: 14px 0;
+  color: #8ea1b5;
 }
 
 .outlier-divider::before,
@@ -984,14 +1118,21 @@ button:disabled {
 }
 
 .outlier-divider .arrow {
-  color: var(--accent);
+  color: #4f657b;
   font-weight: 800;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  font-size: 0.74rem;
+  border: 1px solid #cfdae5;
+  border-radius: 999px;
+  background: #f3f7fb;
+  padding: 3px 10px;
 }
 
 .outlier-inputs-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 10px;
+  gap: 12px;
 }
 
 .outlier-input-card {
@@ -1069,9 +1210,64 @@ button:disabled {
 
 .geo-correcoes {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 10px;
+  margin: 10px 0;
+}
+
+.geo-correcoes-actions {
+  gap: 10px;
+  margin-bottom: 10px;
+}
+
+.geo-correcoes-apply-row {
+  margin-top: 4px;
+  margin-bottom: 0;
+}
+
+.geo-correcao-item {
+  display: grid;
   gap: 6px;
-  margin: 8px 0;
+  border: 1px solid #dce7f2;
+  border-radius: 10px;
+  background: #fbfdff;
+  padding: 8px 9px;
+}
+
+.geo-correcao-linha {
+  font-weight: 800;
+  font-size: 0.82rem;
+  color: #46617a;
+}
+
+.geo-correcao-sugestoes {
+  color: #607990;
+  font-size: 0.78rem;
+  line-height: 1.3;
+}
+
+.geo-auto-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid #d9e5f0;
+  border-radius: 9px;
+  background: #f7fbff;
+  padding: 7px 10px;
+  min-height: 38px;
+}
+
+.geo-auto-toggle input[type='checkbox'] {
+  margin: 0;
+  width: 16px;
+  height: 16px;
+  accent-color: #1f7a42;
+}
+
+.geo-auto-toggle span {
+  font-weight: 700;
+  color: #38516a;
+  font-size: 0.84rem;
 }
 
 .status-line {
@@ -1096,6 +1292,65 @@ button:disabled {
   margin-top: 8px;
 }
 
+.loading-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 2500;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(244, 248, 252, 0.62);
+  backdrop-filter: blur(2px);
+}
+
+.loading-overlay-card {
+  min-width: 220px;
+  padding: 16px 20px;
+  border-radius: 14px;
+  border: 1px solid #d6e2ee;
+  background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
+  box-shadow: 0 14px 30px rgba(18, 38, 58, 0.14);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+}
+
+.loading-spinner {
+  width: 54px;
+  height: 54px;
+  border-radius: 50%;
+  border: 4px solid #d9e6f2;
+  border-top-color: var(--accent);
+  border-right-color: var(--accent-strong);
+  animation: spinLoader 0.85s linear infinite;
+}
+
+.loading-overlay-label {
+  font-family: 'Sora', sans-serif;
+  font-size: 0.9rem;
+  color: #3c5369;
+  letter-spacing: 0.01em;
+}
+
+.loading-overlay-elapsed {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.78rem;
+  color: #5a7187;
+  border: 1px solid #dbe6f1;
+  border-radius: 999px;
+  padding: 3px 9px;
+  background: #f8fbff;
+}
+
+.btn-gerar-mapa {
+  --btn-bg-start: #269065;
+  --btn-bg-end: #1d7452;
+  --btn-border: #175d41;
+  --btn-shadow-soft: rgba(38, 144, 101, 0.2);
+  --btn-shadow-strong: rgba(38, 144, 101, 0.28);
+}
+
 /* HTML gerado pelo backend (formatadores) */
 .dai-card,
 .diagnosticos-container,
@@ -1109,8 +1364,8 @@ button:disabled {
 
 .section-title-orange,
 .section-title-orange-solid {
-  margin: 10px 0 8px;
-  padding: 7px 10px;
+  margin: 14px 0 14px;
+  padding: 8px 11px;
   border-left: 4px solid var(--accent);
   background: var(--accent-soft);
   border-radius: 0 8px 8px 0;
@@ -1249,15 +1504,17 @@ button:disabled {
 }
 
 .micro-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-  gap: 10px;
-  margin-top: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-top: 12px;
 }
 
 .micro-card {
   margin: 0;
   padding: 10px 11px;
+  flex: 0 1 300px;
+  max-width: 360px;
 }
 
 .micro-card.micro-ok {
@@ -1271,17 +1528,20 @@ button:disabled {
 .micro-card-head {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  margin-bottom: 8px;
+  justify-content: flex-start;
+  gap: 6px;
+  margin-bottom: 9px;
 }
 
 .micro-title {
   font-weight: 800;
+  max-width: 100%;
+  word-break: break-word;
 }
 
 .micro-status {
   font-size: 1.05rem;
+  line-height: 1;
 }
 
 .micro-msg-grid {
@@ -1290,10 +1550,28 @@ button:disabled {
   gap: 4px 12px;
 }
 
+.micro-grid-codigo {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  gap: 12px;
+}
+
+.micro-card-codigo {
+  width: 100%;
+  max-width: none;
+  flex: none;
+}
+
+.micro-msg-grid-codigo {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 6px 14px;
+}
+
 .micro-msg {
   color: #495f76;
   font-size: 0.82rem;
   line-height: 1.35;
+  word-break: break-word;
 }
 
 ::-webkit-scrollbar {
@@ -1321,6 +1599,12 @@ button:disabled {
   }
 }
 
+@keyframes spinLoader {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 @media (max-width: 1150px) {
   .tabs {
     grid-template-columns: 1fr;
@@ -1338,13 +1622,22 @@ button:disabled {
     grid-template-columns: 1fr;
   }
 
-  .modelo-cabecalho-grid {
+  .modelo-info-split {
     grid-template-columns: 1fr;
   }
 
+  .modelo-info-col + .modelo-info-col {
+    border-left: none;
+    border-top: 1px solid #dde7f1;
+  }
+
   .filtro-row-react {
     grid-template-columns: 1.2fr 110px minmax(110px, 0.8fr);
   }
+
+  .micro-msg-grid-codigo {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
 }
 
 @media (max-width: 760px) {
@@ -1387,12 +1680,21 @@ button:disabled {
     min-height: 460px;
   }
 
-  .modelo-cabecalho-grid,
+  .modelo-info-split,
   .outlier-inputs-grid,
   .filtro-row-react {
     grid-template-columns: 1fr;
   }
 
+  .variavel-badge-line {
+    grid-template-columns: 1fr;
+    gap: 5px;
+  }
+
+  .variavel-badge-label {
+    padding-top: 0;
+  }
+
   .micro-summary-grid {
     grid-template-columns: 1fr;
   }
@@ -1408,4 +1710,8 @@ button:disabled {
   .micro-msg-grid {
     grid-template-columns: 1fr;
   }
+
+  .micro-msg-grid-codigo {
+    grid-template-columns: 1fr;
+  }
 }