update a lot of things

backend/app/api/elaboracao.py

@@ -160,6 +160,12 @@ def geocodificar_correcoes(payload: GeocodeCorrecaoPayload) -> dict[str, Any]:
     return elaboracao_service.aplicar_correcoes_geocodificacao(session, correcoes, auto_200=payload.auto_200)
 
 
+@router.post("/geocodificar-reiniciar")
+def geocodificar_reiniciar(payload: SessionPayload) -> dict[str, Any]:
+    session = session_store.get(payload.session_id)
+    return elaboracao_service.reiniciar_geocodificacao(session)
+
+
 @router.post("/apply-selection")
 def apply_selection(payload: ApplySelectionPayload) -> dict[str, Any]:
     session = session_store.get(payload.session_id)

backend/app/core/elaboracao/charts.py

@@ -93,8 +93,7 @@ def criar_graficos_dispersao(X, y, max_por_linha=3):
         if np.nanstd(x_valid) > 0 and np.nanstd(y_valid) > 0:
             corr = float(np.corrcoef(x_valid, y_valid)[0, 1])
 
-        # Para variáveis dicotômicas, não desenha reta de regressão no gráfico de inspeção.
-        if not eh_dicotomica and len(x_valid) >= 3 and np.nanstd(x_valid) > 0:
+        if len(x_valid) >= 3 and np.nanstd(x_valid) > 0:
             a, b = np.polyfit(x_valid, y_valid, 1)
             x_sorted = np.sort(x_valid)
             y_linha = a * x_sorted + b
@@ -316,7 +315,7 @@ def criar_graficos_dispersao_residuos(X, residuos, max_por_linha=3):
     
     # Nome dos resíduos
     y_nome = "Resíduo Padronizado"
-    y_vals = residuos
+    y_vals = pd.to_numeric(pd.Series(residuos), errors="coerce").to_numpy()
 
     titulos = [f"{col} × {y_nome}" for col in X.columns]
 
@@ -332,10 +331,10 @@ def criar_graficos_dispersao_residuos(X, residuos, max_por_linha=3):
     indices_x = X.index.values
 
     for idx, coluna in enumerate(X.columns):
-        x_vals = X[coluna].values
+        x_vals = pd.to_numeric(X[coluna], errors="coerce").to_numpy()
 
         # Alinha dados válidos
-        mask = ~(np.isnan(x_vals) | np.isnan(y_vals))
+        mask = np.isfinite(x_vals) & np.isfinite(y_vals)
         x_valid = x_vals[mask]
         y_valid = y_vals[mask]
         indices_valid = indices_x[mask]
@@ -608,10 +607,15 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
     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])
+    
+    # Remove as coordenadas (0, 0) que distorcem totalmente o centro (Null Island)
+    df_mapa = df_mapa[~((df_mapa[lat_real] == 0.0) & (df_mapa[lon_real] == 0.0))]
+
     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>"
 
@@ -792,32 +796,6 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, indice_destacado=
     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 = (

backend/app/core/visualizacao/app.py

@@ -893,32 +893,6 @@ def criar_mapa(df, lat_col="lat", lon_col="lon", cor_col=None, tamanho_col=None,
     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))
 
     # Evita o wrapper de notebook (_repr_html_), que pode falhar dentro de iframe srcDoc.
     return m.get_root().render()

backend/app/models/session.py

@@ -18,6 +18,7 @@ class SessionState:
 
     df_original: pd.DataFrame | None = None
     df_filtrado: pd.DataFrame | None = None
+    df_geo_origem: pd.DataFrame | None = None
 
     coluna_y: str | None = None
     colunas_x: list[str] = field(default_factory=list)

backend/app/services/elaboracao_service.py

@@ -172,13 +172,20 @@ def _build_coords_payload(df: pd.DataFrame, tem_coords: bool) -> dict[str, Any]:
     }
 
 
-def _set_dataframe_base(session: SessionState, df: pd.DataFrame, clear_models: bool = True) -> dict[str, Any]:
+def _set_dataframe_base(
+    session: SessionState,
+    df: pd.DataFrame,
+    clear_models: bool = True,
+    save_geo_origin: bool = True,
+) -> dict[str, Any]:
     tem_coords, col_lat, col_lon = geocodificacao.verificar_coords(df)
     if tem_coords and col_lat and col_lon:
         df = geocodificacao.padronizar_coords(df, col_lat, col_lon)
 
     session.df_original = df.copy()
     session.df_filtrado = df.copy()
+    if save_geo_origin:
+        session.df_geo_origem = df.copy()
     session.geo_falhas_df = None
     session.geo_col_cdlog = None
     session.geo_col_num = None
@@ -592,7 +599,20 @@ def gerar_grafico_dispersao_modelo(session: SessionState, tipo: str) -> dict[str
         raise HTTPException(status_code=400, detail="Ajuste um modelo primeiro")
 
     try:
-        if "Residuo" in tipo or "Resíduo" in tipo:
+        if "Nao Transformadas" in tipo or "Não Transformadas" in tipo:
+            tabela = session.resultado_modelo.get("tabela_obs_calc")
+            residuos = tabela["Resíduo Pad."].values if tabela is not None and "Resíduo Pad." in tabela.columns else None
+            indices = list(session.resultado_modelo.get("indices_usados", []) or [])
+            if session.df_filtrado is not None and session.colunas_x:
+                if indices:
+                    x_base = session.df_filtrado.reindex(indices)
+                else:
+                    x_base = session.df_filtrado
+                x_base = x_base.loc[:, [c for c in session.colunas_x if c in x_base.columns]]
+            else:
+                x_base = session.resultado_modelo["X_transformado"]
+            fig = charts.criar_graficos_dispersao_residuos(x_base, residuos)
+        elif "Residuo" in tipo or "Resíduo" in tipo:
             tabela = session.resultado_modelo.get("tabela_obs_calc")
             residuos = tabela["Resíduo Pad."].values if tabela is not None and "Resíduo Pad." in tabela.columns else None
             fig = charts.criar_graficos_dispersao_residuos(session.resultado_modelo["X_transformado"], residuos)
@@ -1034,6 +1054,9 @@ def geocodificar(session: SessionState, col_cdlog: str, col_num: str, auto_200:
     if session.df_original is None:
         raise HTTPException(status_code=400, detail="Carregue dados primeiro")
 
+    if session.df_geo_origem is None:
+        session.df_geo_origem = session.df_original.copy()
+
     try:
         df_resultado, df_falhas, ajustados = geocodificacao.geocodificar(session.df_original, col_cdlog, col_num, auto_200=auto_200)
     except Exception as exc:
@@ -1058,6 +1081,38 @@ def geocodificar(session: SessionState, col_cdlog: str, col_num: str, auto_200:
     }
 
 
+def reiniciar_geocodificacao(session: SessionState) -> dict[str, Any]:
+    if session.df_geo_origem is None:
+        raise HTTPException(status_code=400, detail="Não há base de origem para reiniciar a geocodificação")
+
+    df_base = session.df_geo_origem.copy()
+    tem_coords, col_lat, col_lon = geocodificacao.verificar_coords(df_base)
+    if tem_coords and col_lat and col_lon:
+        df_base = geocodificacao.padronizar_coords(df_base, col_lat, col_lon)
+
+    session.df_original = df_base.copy()
+    session.df_filtrado = df_base.drop(index=session.outliers_anteriores, errors="ignore")
+    session.geo_falhas_df = None
+    session.geo_col_cdlog = None
+    session.geo_col_num = None
+    session.mapa_habilitado = False
+
+    if tem_coords:
+        status = "Base original já possui coordenadas; geocodificação reiniciada para o estado inicial."
+    else:
+        status = "Processo de geocodificação reiniciado."
+
+    return {
+        "status": status,
+        "status_html": "",
+        "falhas_html": "",
+        "falhas_para_correcao": dataframe_to_payload(pd.DataFrame(), decimals=None),
+        "mapa_html": _render_mapa_if_enabled(session, session.df_filtrado),
+        "dados": dataframe_to_payload(session.df_filtrado, decimals=4),
+        "coords": _build_coords_payload(df_base, tem_coords),
+    }
+
+
 def aplicar_correcoes_geocodificacao(
     session: SessionState,
     correcoes: list[dict[str, Any]],

frontend/src/api.js

@@ -70,6 +70,7 @@ export const api = {
   mapCoords: (sessionId, colLat, colLon) => postJson('/api/elaboracao/map-coords', { session_id: sessionId, col_lat: colLat, col_lon: colLon }),
   geocodificar: (sessionId, colCdlog, colNum, auto200) => postJson('/api/elaboracao/geocodificar', { session_id: sessionId, col_cdlog: colCdlog, col_num: colNum, auto_200: auto200 }),
   geocodificarCorrecoes: (sessionId, correcoes, auto200) => postJson('/api/elaboracao/geocodificar-correcoes', { session_id: sessionId, correcoes, auto_200: auto200 }),
+  geocodificarReiniciar: (sessionId) => postJson('/api/elaboracao/geocodificar-reiniciar', { session_id: sessionId }),
 
   applySelection(payload) {
     return postJson('/api/elaboracao/apply-selection', payload)

frontend/src/components/ElaboracaoTab.jsx

@@ -136,6 +136,8 @@ export default function ElaboracaoTab({ sessionId }) {
 
   const [transformacaoY, setTransformacaoY] = useState('(x)')
   const [transformacoesX, setTransformacoesX] = useState({})
+  const [section8Open, setSection8Open] = useState(false)
+  const [section11Open, setSection11Open] = useState(false)
 
   const [fit, setFit] = useState(null)
   const [tipoDispersao, setTipoDispersao] = useState('Variáveis Independentes Transformadas X Variável Dependente Transformada')
@@ -348,6 +350,7 @@ export default function ElaboracaoTab({ sessionId }) {
 
   function applySelectionResponse(resp) {
     setSelection(resp)
+    setSection8Open(false)
     if (resp.transformacao_y) {
       setTransformacaoY(resp.transformacao_y)
     }
@@ -377,6 +380,7 @@ export default function ElaboracaoTab({ sessionId }) {
 
   function applyFitResponse(resp) {
     setFit(resp)
+    setSection11Open(false)
     setResumoOutliers(resp.resumo_outliers || resumoOutliers)
     setCamposAvaliacao(resp.avaliacao_campos || [])
     const init = {}
@@ -520,6 +524,26 @@ export default function ElaboracaoTab({ sessionId }) {
     }
   }
 
+  async function onReiniciarGeocodificacao() {
+    if (!sessionId) return
+    await withBusy(async () => {
+      const resp = await api.geocodificarReiniciar(sessionId)
+      setStatus(resp.status || '')
+      setGeoStatusHtml(resp.status_html || '')
+      setGeoFalhasHtml(resp.falhas_html || '')
+      setGeoCorrecoes(parseCorrecoes(resp.falhas_para_correcao))
+      setMapaHtml(resp.mapa_html || '')
+      setDados(resp.dados || null)
+      setCoordsInfo(resp.coords || null)
+      setGeoCdlog(escolherColunaCdlogPadrao(resp.coords || null))
+      setGeoNum(resp.coords?.num_auto || '')
+      setGeoAuto200(true)
+      setManualMapError('')
+      setGeoProcessError('')
+      setCoordsMode(resp.coords?.tem_coords ? 'menu' : 'geocodificar')
+    })
+  }
+
   function onPreencherCorrecoesSugestaoProxima() {
     setGeoCorrecoes((prev) => prev.map((item) => (
       item.sugestao_proxima
@@ -613,6 +637,18 @@ export default function ElaboracaoTab({ sessionId }) {
     })
   }
 
+  function onAddFiltro() {
+    const variavelPadrao = fit?.variaveis_filtro?.[0] || 'Resíduo Pad.'
+    setFiltros((prev) => [...prev, { variavel: variavelPadrao, operador: '>=', valor: 0 }])
+  }
+
+  function onRemoveFiltro(index) {
+    setFiltros((prev) => {
+      if (prev.length <= 1) return prev
+      return prev.filter((_, idx) => idx !== index)
+    })
+  }
+
   async function onRestartIteration() {
     if (!sessionId) return
     await withBusy(async () => {
@@ -1012,6 +1048,12 @@ export default function ElaboracaoTab({ sessionId }) {
                           >
                             Voltar
                           </button>
+                          <button
+                            onClick={onReiniciarGeocodificacao}
+                            disabled={loading}
+                          >
+                            Reiniciar geocodificação
+                          </button>
                         </div>
                         <h4>Geocodificação por eixo</h4>
                         <div className="row">
@@ -1054,10 +1096,10 @@ export default function ElaboracaoTab({ sessionId }) {
                         <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}>
+                            <button type="button" className="btn-geo-fill" onClick={onPreencherCorrecoesSugestaoProxima} disabled={loading}>
                               Preencher todas com opção mais próxima
                             </button>
-                            <button type="button" onClick={onLimparCorrecoesGeo} disabled={loading}>
+                            <button type="button" className="btn-geo-clear" onClick={onLimparCorrecoesGeo} disabled={loading}>
                               Limpar preenchimentos
                             </button>
                           </div>
@@ -1084,7 +1126,7 @@ export default function ElaboracaoTab({ sessionId }) {
                             ))}
                           </div>
                           <div className="row geo-correcoes-apply-row">
-                            <button type="button" onClick={onAplicarCorrecoesGeo} disabled={loading}>
+                            <button type="button" className="btn-geo-apply" onClick={onAplicarCorrecoesGeo} disabled={loading}>
                               Aplicar correções
                             </button>
                           </div>
@@ -1094,7 +1136,14 @@ export default function ElaboracaoTab({ sessionId }) {
                   ) : null}
                 </>
               ) : (
-                <div className="section1-empty-hint">Coordenadas já disponíveis ou etapa concluída.</div>
+                <div className="subpanel coords-section-group">
+                  <div className="section1-empty-hint">Coordenadas já disponíveis ou etapa concluída.</div>
+                  <div className="row coords-restart-row">
+                    <button type="button" onClick={onReiniciarGeocodificacao} disabled={loading}>
+                      Reiniciar geocodificação
+                    </button>
+                  </div>
+                </div>
               )}
             </div>
           </SectionBlock>
@@ -1161,7 +1210,7 @@ export default function ElaboracaoTab({ sessionId }) {
           </SectionBlock>
 
           <SectionBlock step="5" title="Selecionar Variáveis Independentes" subtitle="Escolha regressoras e grupos de tipologia.">
-            <div className="compact-option-group">
+            <div className="compact-option-group compact-option-group-x">
               <h4>Variáveis Independentes (X)</h4>
               <div className="checkbox-inline-wrap checkbox-inline-wrap-tools">
                 <label className="compact-checkbox compact-checkbox-toggle-all">
@@ -1192,7 +1241,7 @@ export default function ElaboracaoTab({ sessionId }) {
               </div>
             </div>
 
-            <div className="compact-option-group">
+            <div className="compact-option-group compact-option-group-dicotomicas">
               <h4>Variáveis Dicotômicas (0/1)</h4>
               <div className="checkbox-inline-wrap">
                 {colunasX.map((col) => (
@@ -1204,7 +1253,7 @@ export default function ElaboracaoTab({ sessionId }) {
               </div>
             </div>
 
-            <div className="compact-option-group">
+            <div className="compact-option-group compact-option-group-codigo">
               <h4>Variáveis de Código Alocado/Ajustado</h4>
               <div className="checkbox-inline-wrap">
                 {colunasX.map((col) => (
@@ -1216,7 +1265,7 @@ export default function ElaboracaoTab({ sessionId }) {
               </div>
             </div>
 
-            <div className="compact-option-group">
+            <div className="compact-option-group compact-option-group-percentuais">
               <h4>Variáveis Percentuais (0 a 1)</h4>
               <div className="checkbox-inline-wrap">
                 {colunasX.map((col) => (
@@ -1249,12 +1298,21 @@ export default function ElaboracaoTab({ sessionId }) {
           </SectionBlock>
 
           <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)"
-              forceHideLegend
-              className="plot-stretch"
-            />
+            <details
+              className="section-content-toggle"
+              open={section8Open}
+              onToggle={(event) => setSection8Open(event.currentTarget.open)}
+            >
+              <summary>Mostrar/Ocultar gráficos da seção</summary>
+              {section8Open ? (
+                <PlotFigure
+                  figure={selection.grafico_dispersao}
+                  title="Dispersão (dados filtrados)"
+                  forceHideLegend
+                  className="plot-stretch"
+                />
+              ) : null}
+            </details>
           </SectionBlock>
 
           <SectionBlock step="9" title="Transformações Sugeridas" subtitle="Busca automática de combinações por R² e enquadramento.">
@@ -1345,14 +1403,26 @@ export default function ElaboracaoTab({ sessionId }) {
       {fit ? (
         <>
           <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)}>
-                <option value="Variáveis Independentes Transformadas X Variável Dependente Transformada">X transformado x Y transformado</option>
-                <option value="Variáveis Independentes Transformadas X Resíduo Padronizado">X transformado x Resíduo</option>
-              </select>
-            </div>
-            <PlotFigure figure={fit.grafico_dispersao_modelo} title="Dispersão do modelo" forceHideLegend className="plot-stretch" />
+            <details
+              className="section-content-toggle"
+              open={section11Open}
+              onToggle={(event) => setSection11Open(event.currentTarget.open)}
+            >
+              <summary>Mostrar/Ocultar gráficos da seção</summary>
+              {section11Open ? (
+                <>
+                  <div className="row">
+                    <label>Tipo de dispersão</label>
+                    <select value={tipoDispersao} onChange={(e) => onTipoDispersaoChange(e.target.value)}>
+                      <option value="Variáveis Independentes Transformadas X Variável Dependente Transformada">X transformado x Y transformado</option>
+                      <option value="Variáveis Independentes Transformadas X Resíduo Padronizado">X transformado x Resíduo</option>
+                      <option value="Variáveis Independentes Não Transformadas X Resíduo Padronizado">X não transformado x Resíduo</option>
+                    </select>
+                  </div>
+                  <PlotFigure figure={fit.grafico_dispersao_modelo} title="Dispersão do modelo" forceHideLegend className="plot-stretch" />
+                </>
+              ) : null}
+            </details>
           </SectionBlock>
 
           <SectionBlock step="12" title="Diagnóstico de Modelo" subtitle="Resumo diagnóstico e tabelas principais do ajuste.">
@@ -1429,11 +1499,20 @@ export default function ElaboracaoTab({ sessionId }) {
                         setFiltros(next)
                       }}
                     />
+                    <button
+                      type="button"
+                      className="btn-filtro-remove"
+                      onClick={() => onRemoveFiltro(idx)}
+                      disabled={loading || filtros.length <= 1}
+                    >
+                      Remover
+                    </button>
                   </div>
                 ))}
               </div>
               <div className="outlier-actions-row">
                 <button onClick={onApplyOutlierFilters} disabled={loading}>Aplicar filtros</button>
+                <button type="button" className="btn-filtro-add" onClick={onAddFiltro} disabled={loading}>Adicionar filtro</button>
               </div>
             </div>
 

frontend/src/components/MapFrame.jsx

@@ -1,16 +1,105 @@
-import React from 'react'
+import React, { useCallback, useEffect, useMemo, useRef } from 'react'
+
+function hashHtml(value) {
+  let hash = 0
+  const step = Math.max(1, Math.floor(value.length / 64))
+  for (let i = 0; i < value.length; i += step) {
+    hash = ((hash << 5) - hash) + value.charCodeAt(i)
+    hash |= 0
+  }
+  return `${value.length}-${Math.abs(hash)}`
+}
 
 export default function MapFrame({ html }) {
+  const iframeRef = useRef(null)
+  const timersRef = useRef([])
+  const frameKey = useMemo(() => hashHtml(html || ''), [html])
+
+  const clearTimers = useCallback(() => {
+    timersRef.current.forEach((id) => window.clearTimeout(id))
+    timersRef.current = []
+  }, [])
+
+  const recenterFromLayers = useCallback(() => {
+    const iframe = iframeRef.current
+    if (!iframe) return
+
+    try {
+      const win = iframe.contentWindow
+      const doc = iframe.contentDocument || win?.document
+      if (!win || !doc || !win.L) return
+
+      const maps = Object.values(win).filter(
+        (item) => item
+          && typeof item.fitBounds === 'function'
+          && typeof item.eachLayer === 'function'
+          && typeof item.invalidateSize === 'function',
+      )
+
+      const map = maps[0]
+      if (!map) return
+
+      map.invalidateSize(true)
+      const bounds = win.L.latLngBounds([])
+
+      map.eachLayer((layer) => {
+        try {
+          if (typeof layer.getLatLng === 'function') {
+            const latlng = layer.getLatLng()
+            if (latlng && Number.isFinite(latlng.lat) && Number.isFinite(latlng.lng)) {
+              bounds.extend(latlng)
+            }
+            return
+          }
+
+          if (typeof layer.getBounds === 'function') {
+            const layerBounds = layer.getBounds()
+            if (layerBounds && typeof layerBounds.isValid === 'function' && layerBounds.isValid()) {
+              bounds.extend(layerBounds)
+            }
+          }
+        } catch {
+          // no-op
+        }
+      })
+
+      if (bounds.isValid()) {
+        map.fitBounds(bounds, { padding: [20, 20], maxZoom: 17, animate: false })
+      }
+    } catch {
+      // no-op
+    }
+  }, [])
+
+  const scheduleRecenter = useCallback(() => {
+    clearTimers()
+    ;[40, 180, 520, 1100].forEach((delay) => {
+      const timerId = window.setTimeout(() => {
+        recenterFromLayers()
+      }, delay)
+      timersRef.current.push(timerId)
+    })
+  }, [clearTimers, recenterFromLayers])
+
+  useEffect(() => {
+    return () => {
+      clearTimers()
+    }
+  }, [clearTimers])
+
   if (!html) {
     return <div className="empty-box">Mapa indisponivel.</div>
   }
 
   return (
     <iframe
+      key={frameKey}
+      ref={iframeRef}
       title="mapa"
       className="map-frame"
       srcDoc={html}
       sandbox="allow-scripts allow-same-origin allow-popups"
+      onLoad={scheduleRecenter}
     />
   )
 }

frontend/src/styles.css

@@ -38,6 +38,7 @@ body {
   margin: 0;
   color: var(--ink-0);
   font-family: 'Nunito Sans', sans-serif;
+  overflow-x: hidden;
   background:
     radial-gradient(1000px 430px at -8% -12%, #ffe8cf 0%, transparent 62%),
     radial-gradient(860px 360px at 105% 10%, #dbeaf6 0%, transparent 60%),
@@ -217,6 +218,7 @@ textarea {
   display: flex;
   flex-direction: column;
   gap: 24px;
+  min-width: 0;
 }
 
 .tab-pane[hidden] {
@@ -253,6 +255,8 @@ textarea {
   border: 1px solid #c9d6e3;
   border-radius: var(--radius-lg);
   background: var(--bg-2);
+  min-width: 0;
+  max-width: 100%;
   box-shadow:
     0 6px 18px rgba(20, 28, 36, 0.08),
     inset 0 0 0 1px #edf3f9;
@@ -308,15 +312,25 @@ textarea {
 
 .section-body {
   padding: 18px;
+  min-width: 0;
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
+.section-body > * {
+  min-width: 0;
+  max-width: 100%;
 }
 
 .dados-visualizacao-groups {
   display: grid;
   gap: 16px;
+  min-width: 0;
 }
 
 .dados-visualizacao-group {
   margin: 0;
+  min-width: 0;
 }
 
 .dados-outliers-resumo {
@@ -384,6 +398,7 @@ textarea {
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 12px;
+  min-width: 0;
 }
 
 .row.compact {
@@ -395,6 +410,7 @@ textarea {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
+  min-width: 0;
 }
 
 .avaliacao-actions-row {
@@ -474,6 +490,8 @@ button:disabled {
   background: #fcfdff;
   padding: 14px 15px;
   margin-bottom: 12px;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .subpanel.warning {
@@ -524,6 +542,11 @@ button:disabled {
   margin-bottom: 10px;
 }
 
+.coords-restart-row {
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
 .section1-empty-hint {
   color: #5b7288;
   font-size: 0.86rem;
@@ -699,7 +722,9 @@ button:disabled {
 }
 
 .map-frame {
+  display: block;
   width: 100%;
+  max-width: 100%;
   min-height: 560px;
   border: 1px solid #d3dfe9;
   border-radius: 12px;
@@ -711,6 +736,7 @@ button:disabled {
   border: 1px solid #d8e2ec;
   border-radius: 12px;
   max-height: 360px;
+  max-width: 100%;
 }
 
 .table-wrapper table {
@@ -797,16 +823,42 @@ button:disabled {
 }
 
 .compact-option-group {
-  margin: 10px 0 14px;
+  margin: 12px 0 14px;
+  padding: 11px 12px;
+  border: 1px solid #dbe6f1;
+  border-radius: 12px;
+  background: #fbfdff;
+}
+
+.compact-option-group + .compact-option-group {
+  margin-top: 16px;
 }
 
 .compact-option-group h4 {
-  margin: 0 0 6px;
+  margin: 0 0 9px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid #e5edf5;
   color: #3a4f64;
   font-family: 'Sora', sans-serif;
   font-size: 0.84rem;
 }
 
+.compact-option-group-x {
+  border-left: 4px solid #2f80cf;
+}
+
+.compact-option-group-dicotomicas {
+  border-left: 4px solid #269065;
+}
+
+.compact-option-group-codigo {
+  border-left: 4px solid #8f6f42;
+}
+
+.compact-option-group-percentuais {
+  border-left: 4px solid #7c5ba5;
+}
+
 .checkbox-inline-wrap {
   display: flex;
   flex-wrap: wrap;
@@ -1041,7 +1093,7 @@ button:disabled {
 
 .filtro-row-react {
   display: grid;
-  grid-template-columns: minmax(180px, 1.7fr) 120px minmax(120px, 0.8fr);
+  grid-template-columns: minmax(170px, 1.6fr) 120px minmax(120px, 0.9fr) auto;
   gap: 8px;
   align-items: center;
   border: 1px solid #e2e9f1;
@@ -1196,6 +1248,41 @@ button:disabled {
   --btn-shadow-strong: rgba(94, 108, 122, 0.27);
 }
 
+.geo-correcoes-actions button.btn-geo-fill,
+.row button.btn-geo-fill {
+  --btn-bg-start: #2f80cf;
+  --btn-bg-end: #2368af;
+  --btn-border: #1f5f9f;
+  --btn-shadow-soft: rgba(47, 128, 207, 0.2);
+  --btn-shadow-strong: rgba(47, 128, 207, 0.27);
+}
+
+.geo-correcoes-actions button.btn-geo-clear,
+.row button.btn-geo-clear,
+.filtro-row-react button.btn-filtro-remove {
+  --btn-bg-start: #6f7f90;
+  --btn-bg-end: #576574;
+  --btn-border: #4b5a69;
+  --btn-shadow-soft: rgba(94, 108, 122, 0.2);
+  --btn-shadow-strong: rgba(94, 108, 122, 0.27);
+}
+
+.row button.btn-geo-apply {
+  --btn-bg-start: #ff8c00;
+  --btn-bg-end: #e67900;
+  --btn-border: #cf6f00;
+  --btn-shadow-soft: rgba(255, 140, 0, 0.2);
+  --btn-shadow-strong: rgba(255, 140, 0, 0.28);
+}
+
+.outlier-actions-row button.btn-filtro-add {
+  --btn-bg-start: #2f80cf;
+  --btn-bg-end: #2368af;
+  --btn-border: #1f5f9f;
+  --btn-shadow-soft: rgba(47, 128, 207, 0.2);
+  --btn-shadow-strong: rgba(47, 128, 207, 0.27);
+}
+
 .resumo-outliers-box {
   color: #4d647b;
   font-weight: 700;
@@ -1208,6 +1295,44 @@ button:disabled {
   margin-top: 8px;
 }
 
+.section-content-toggle {
+  border: 1px solid #dce7f1;
+  border-radius: 12px;
+  background: #fbfdff;
+  padding: 10px;
+}
+
+.section-content-toggle > summary {
+  list-style: none;
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  font-family: 'Sora', sans-serif;
+  color: #30485f;
+  font-size: 0.86rem;
+}
+
+.section-content-toggle > summary::-webkit-details-marker {
+  display: none;
+}
+
+.section-content-toggle > summary::before {
+  content: '▸';
+  color: #5f7489;
+  font-size: 0.85rem;
+  transition: transform 0.15s ease;
+}
+
+.section-content-toggle[open] > summary::before {
+  transform: rotate(90deg);
+}
+
+.section-content-toggle[open] > summary {
+  margin-bottom: 10px;
+}
+
 .geo-correcoes {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
@@ -1632,7 +1757,7 @@ button:disabled {
   }
 
   .filtro-row-react {
-    grid-template-columns: 1.2fr 110px minmax(110px, 0.8fr);
+    grid-template-columns: 1.2fr 110px minmax(110px, 0.8fr) auto;
   }
 
   .micro-msg-grid-codigo {