frontend-plus-react 0.4.1 → 0.4.2

package/CLAUDE.md

@@ -94,8 +94,9 @@ Para no perder lo que la grilla de `backend-plus` ya hace y que acá todavía no
 - Tres cosas que el cliente de `backend-plus` necesita y que el puente hace: un `<base href>` en la base-url (arma sus direcciones relativas a la página), el global `my` igual a `myOwn`, y llamar a `myOwn.autoSetup()` a mano (él lo hace al evento `load`, que ya pasó).
 - Una wScreen de `backend-plus` puede ser una función, un objeto con `mainFunction`, o un objeto con `parameters` y `mainAction` (como `abrir_encuesta` de dmencu: muestra el formulario de parámetros). `resolverPantallaBP` reproduce el `showPage` de my-menu.js para las tres.
 - **Las pantallas de `backend-plus` viven en una sola ruta, `/bp/menu#w=<pantalla>&...`** (`PaginaBP`; `/wScreens-fallback/:nombre` redirige ahí). Se parece a `<base-url>/menu` **a propósito**: BP y las aplicaciones arman direcciones a partir de la ubicación (`location.origin + location.pathname + '/../menu#w=...'` en un `history.replaceState` + `location.reload()`, como el «Cerrar» de una encuesta de dmencu; `location.pathname + '#w=...'` para abrir en otra pestaña) y así caen en esta misma ruta, que lee los parámetros del hash (o de la query) como BP. Con otra ruta, esas direcciones salen de `/react`. En producción, el servidor tiene que devolver el `index.html` también para `/react/bp/menu`.
-- **Lo que BP manda a páginas del backend se resuelve adentro** (`capturaDeNavegacion.ts`, activo mientras hay una pantalla de BP): clics en `<a>` (a nivel documento, también en diálogos) y, donde existe la Navigation API, cualquier `location.href = ...`. `rutaDeEnlaceBP` traduce `<base-url>/menu#w=...` a `/bp/menu#w=...`, y `login`/`logout` a los de la aplicación. El clic se corta con `stopPropagation`: el botón «proceder» de BP tiene además un `onclick` propio (`history.pushState` a `<base-url>/menu#...` y `showPage`) que dejaría la URL fuera de la aplicación y daría un error de BP. También se traduce `history.replaceState`: al editar un parámetro de una pantalla (`myOwn.replaceAddrParams`) BP reescribe la dirección a `menu#...` y, con el `<base>`, la aplicación quedaba en `<base-url>/menu` (un F5 y se salía de `/react`); `replaceState` no pasa por la Navigation API. Los enlaces `menu#i=...` (ítems del menú de BP, sin `w`) no se traducen. Los parámetros se leen con `myOwn.UriSearchToObject`, no con `URLSearchParams`: `up`, `ff` y `detailing` tienen su propio formato y llegan como objetos.
+- **Lo que BP manda a páginas del backend se resuelve adentro** (`capturaDeNavegacion.ts`, montado una sola vez por `CapturaBP` mientras el puente está encendido, **no** solo mientras hay una pantalla de BP: su cliente sigue vivo después de salir de ella y sus avisos quedan en el `body`; por ejemplo el de «Iniciar sesión» de `my-inform-net-status.js`, un `<a href="login">` que sin la captura llevaba a `<base-url>/login` y, con la sesión abierta, a `<base-url>/menu`, el BP nativo): clics en `<a>` (a nivel documento, también en diálogos) y, donde existe la Navigation API, cualquier `location.href = ...`. `rutaDeEnlaceBP` traduce `<base-url>/menu#w=...` a `/bp/menu#w=...`, y `login`/`logout` a los de la aplicación. El clic se corta con `stopPropagation`: el botón «proceder» de BP tiene además un `onclick` propio (`history.pushState` a `<base-url>/menu#...` y `showPage`) que dejaría la URL fuera de la aplicación y daría un error de BP. También se traduce `history.replaceState`: al editar un parámetro de una pantalla (`myOwn.replaceAddrParams`) BP reescribe la dirección a `menu#...` y, con el `<base>`, la aplicación quedaba en `<base-url>/menu` (un F5 y se salía de `/react`); `replaceState` no pasa por la Navigation API. Los enlaces `menu#i=...` (ítems del menú de BP, sin `w`) no se traducen. Los parámetros se leen con `myOwn.UriSearchToObject`, no con `URLSearchParams`: `up`, `ff` y `detailing` tienen su propio formato y llegan como objetos.
 - **Los scripts de `backend-plus` se inyectan recién cuando la ventana terminó de cargar** (`esperarCargaDeVentana`): su `load` ejecuta `showPage`, que acá falla (no hay `#total-layout`). Y su manejador de errores (`myOwn.log`) deja el mensaje como primer hijo del `body` cuando no hay un `#mini-console`, lo que **corre toda la aplicación hacia abajo** durante 30 s. Era el «espacio entre el menú y el contenido» que aparecía con F5 y a veces no.
+- **La aplicación no está atada a la ruta `/react`.** `my-menu.js` escucha `popstate` y, si la dirección no termina en `/react`, ejecuta `showPage()` (falla igual que el `load`); lo marca como `//TODO: desacoplar de BP`. El puente lo evita sin tocar `backend-plus`: mientras inyecta los scripts, `sinEscuchasDeVentana(['popstate'], ...)` ignora que registren ese evento (la navegación es del router). Si backend-plus agrega otro enganche así, se ve como un error en `ConsolaBP`. Sin el puente (`puenteBP` apagado) no se carga nada de `backend-plus` y la base-url de la aplicación es la que quiera. **Sin probar en navegador** (se probó el filtro en Vitest; falta atrás/adelante contra un backend real).
 - **`ConsolaBP`** ofrece ese `#mini-console` (dentro de `PantallaBP` y `GrillaBP`): los mensajes y errores de `backend-plus` se ven como avisos flotantes arriba a la derecha, debajo de la AppBar, sin ocupar lugar. BP registra algunos errores **dos veces** (el de una llamada ajax lo registra `my-ajax.js` y el `catch` de «proceder», en `my-menu.js`, lo repite; pasa también en BP nativo): si llega un aviso igual a uno que llegó hace menos de 1 s, se descarta (`descartarRepetidos`). Sin contador: el error se ve una vez. Las hojas de estilo del backend y de las aplicaciones también estilizan `#mini-console` (por id, con `top`, `width: 100%`, `max-height`...): por eso `ConsolaBP` usa `&#mini-console` y repone esos valores.
 - Las wScreens de `backend-plus` dibujan en `#main_layout`: `PantallaBP` le da ese contenedor y le pasa lo que declara su ítem de menú más la query string. Mientras está montada no puede haber otro elemento con ese id.
 - `rutaBase` (`src/rutaBase.ts`) toma el `base` del bundler: es el `basename` del router y el prefijo de las pestañas nuevas (Ctrl+click en un detalle `wScreen`).

package/dist/index.cjs

@@ -4190,7 +4190,7 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 var import_react_router_dom15 = require("react-router-dom");
 
 // src/components/MainLayout.tsx
@@ -4759,7 +4759,6 @@ var import_material20 = require("@mui/material");
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"), 1);
-var import_react_router_dom6 = require("react-router-dom");
 var import_react_redux4 = require("react-redux");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var loginSchema = z.object({
@@ -4769,7 +4768,6 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const navigate = (0, import_react_router_dom6.useNavigate)();
   const [loginError, setLoginError] = (0, import_react28.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react28.useState)(false);
   const { setIsLoggedIn, checkSession } = useApp();
@@ -4807,7 +4805,6 @@ var LoginPage = () => {
       setIsLoggedIn(true);
       await dispatch(fetchClientContext()).unwrap();
       console.log("Login exitoso y clientContext cargado.");
-      navigate("/");
       reset();
     } catch (error) {
       console.error("Error al iniciar sesi\xF3n:", error);
@@ -4911,7 +4908,7 @@ var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
 var import_react29 = __toESM(require("react"), 1);
-var import_react_router_dom7 = require("react-router-dom");
+var import_react_router_dom6 = require("react-router-dom");
 var import_material22 = require("@mui/material");
 
 // src/pages/procedure-results/SuccessDisplay.tsx
@@ -4938,7 +4935,7 @@ var extendResultsOk = (newComponents) => {
 // src/components/ProcedureForm.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var ProcedureForm = () => {
-  const { procedureName } = (0, import_react_router_dom7.useParams)();
+  const { procedureName } = (0, import_react_router_dom6.useParams)();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
   const [validationErrors, setValidationErrors] = (0, import_react29.useState)({});
@@ -5357,14 +5354,14 @@ var ProcedureForm_default = ProcedureForm;
 
 // src/App.tsx
 var import_react_redux5 = require("react-redux");
-var import_react39 = require("redux-persist/integration/react");
+var import_react40 = require("redux-persist/integration/react");
 
 // src/components/PrivateRoute.tsx
 var import_react30 = require("react");
-var import_react_router_dom8 = require("react-router-dom");
+var import_react_router_dom7 = require("react-router-dom");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var PrivateRoute = ({ children }) => {
-  const location = (0, import_react_router_dom8.useLocation)();
+  const location = (0, import_react_router_dom7.useLocation)();
   const dispatch = useAppDispatch();
   const clientContextStatus = useClientContextStatus();
   const isAuthenticated = clientContextStatus === "succeeded";
@@ -5390,7 +5387,7 @@ var PrivateRoute = ({ children }) => {
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom8.Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom7.Navigate, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
@@ -5399,10 +5396,10 @@ var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
 var import_react31 = require("react");
-var import_react_router_dom9 = require("react-router-dom");
+var import_react_router_dom8 = require("react-router-dom");
 var InitialRedirectHandler = () => {
-  const location = (0, import_react_router_dom9.useLocation)();
-  const navigate = (0, import_react_router_dom9.useNavigate)();
+  const location = (0, import_react_router_dom8.useLocation)();
+  const navigate = (0, import_react_router_dom8.useNavigate)();
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
@@ -5432,7 +5429,7 @@ var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
 var import_react32 = __toESM(require("react"), 1);
-var import_react_router_dom10 = require("react-router-dom");
+var import_react_router_dom9 = require("react-router-dom");
 var import_material23 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
@@ -5440,12 +5437,12 @@ var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = []
 }) => {
-  const { tableName: urlTableName } = (0, import_react_router_dom10.useParams)();
+  const { tableName: urlTableName } = (0, import_react_router_dom9.useParams)();
   const effectiveTableName = initialTableName || urlTableName;
   const [tabs, setTabs] = (0, import_react32.useState)([]);
   const [activeTabIdx, setActiveTabIdx] = (0, import_react32.useState)(0);
   const ffKey = JSON.stringify(initialFixedFields);
-  const location = (0, import_react_router_dom10.useLocation)();
+  const location = (0, import_react_router_dom9.useLocation)();
   import_react32.default.useEffect(() => {
     if (effectiveTableName) {
       setTabs([{
@@ -5518,11 +5515,11 @@ var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
 var import_react33 = require("react");
-var import_react_router_dom11 = require("react-router-dom");
+var import_react_router_dom10 = require("react-router-dom");
 var import_material24 = require("@mui/material");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var PantallaDeRuta = ({ screenName }) => {
-  const [busqueda] = (0, import_react_router_dom11.useSearchParams)();
+  const [busqueda] = (0, import_react_router_dom10.useSearchParams)();
   const params = (0, import_react33.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FallbackWScreen, { screenName }) });
@@ -5530,7 +5527,7 @@ var PantallaDeRuta = ({ screenName }) => {
 
 // src/pages/MenuTablePage.tsx
 var import_react34 = require("react");
-var import_react_router_dom12 = require("react-router-dom");
+var import_react_router_dom11 = require("react-router-dom");
 var import_material25 = require("@mui/material");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function fixedFieldsDeMenu(ff) {
@@ -5541,7 +5538,7 @@ function fixedFieldsDeMenu(ff) {
   return Object.entries(ff).map(([fieldName, value]) => ({ fieldName, value }));
 }
 var MenuTablePage = () => {
-  const { menuName } = (0, import_react_router_dom12.useParams)();
+  const { menuName } = (0, import_react_router_dom11.useParams)();
   const { clientContext } = useApp();
   const findMenuItem = (items, nameToFind) => {
     for (const item of items) {
@@ -5590,7 +5587,7 @@ var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
 var import_react36 = require("react");
-var import_react_router_dom13 = require("react-router-dom");
+var import_react_router_dom12 = require("react-router-dom");
 var import_material27 = require("@mui/material");
 
 // src/puente/clienteBP.ts
@@ -5625,6 +5622,24 @@ function esperarCargaDeVentana() {
   if (document.readyState === "complete") return Promise.resolve();
   return new Promise((resolver) => window.addEventListener("load", () => resolver(), { once: true }));
 }
+async function sinEscuchasDeVentana(tipos, inyectar) {
+  const original = window.addEventListener;
+  const filtrada = function(tipo, escucha, opciones) {
+    if (tipos.includes(tipo)) return;
+    original.call(this, tipo, escucha, opciones);
+  };
+  window.addEventListener = filtrada;
+  try {
+    return await inyectar();
+  } finally {
+    if (window.addEventListener === filtrada) window.addEventListener = original;
+  }
+}
+async function cargarScripts(rutas) {
+  for (const ruta of rutas) {
+    await cargarScript(ruta);
+  }
+}
 var carga = null;
 function cargarClienteBP(urlBackend) {
   if (!carga) {
@@ -5653,9 +5668,7 @@ async function cargarSinMemoria(urlBackend) {
     document.head.appendChild(enlace);
   });
   await esperarCargaDeVentana();
-  for (const ruta of recursos.scripts) {
-    await cargarScript(ruta);
-  }
+  await sinEscuchasDeVentana(["popstate"], () => cargarScripts(recursos.scripts));
   const myOwn = window.myOwn;
   if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
   window.my = myOwn;
@@ -5777,47 +5790,6 @@ function resolverPantallaBP(myOwn, nombre, contenedor) {
   return null;
 }
 
-// src/puente/capturaDeNavegacion.ts
-function apiDeNavegacion() {
-  const api = Reflect.get(window, "navigation");
-  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
-}
-function capturarNavegacionBP(urlBackend, navegar) {
-  const alHacerClick = (evento) => {
-    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
-    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
-    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
-    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
-    if (ruta) {
-      evento.preventDefault();
-      evento.stopPropagation();
-      navegar(ruta);
-    }
-  };
-  document.addEventListener("click", alHacerClick, true);
-  const navegacion = apiDeNavegacion();
-  const alNavegar = (evento) => {
-    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
-    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
-    if (ruta) {
-      evento.preventDefault();
-      navegar(ruta);
-    }
-  };
-  navegacion?.addEventListener("navigate", alNavegar);
-  const reemplazarOriginal = history.replaceState;
-  const reemplazar = (estado, titulo, url) => {
-    const ruta = url === void 0 || url === null ? null : rutaDeEnlaceBP(String(url), document.baseURI, urlBackend);
-    reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
-  };
-  history.replaceState = reemplazar;
-  return () => {
-    if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
-    document.removeEventListener("click", alHacerClick, true);
-    navegacion?.removeEventListener("navigate", alNavegar);
-  };
-}
-
 // src/puente/habilitacion.ts
 var habilitado = false;
 var habilitarPuenteBP = () => {
@@ -5838,7 +5810,6 @@ function buscarItemDeMenu(items, tipo) {
   return void 0;
 }
 var PantallaBP = ({ nombre, direccion }) => {
-  const navigate = (0, import_react_router_dom13.useNavigate)();
   const { clientContext } = useApp();
   const [cargando, setCargando] = (0, import_react36.useState)(true);
   const [error, setError] = (0, import_react36.useState)(null);
@@ -5852,7 +5823,6 @@ var PantallaBP = ({ nombre, direccion }) => {
     setError(null);
     setNoExiste(false);
     setCargando(true);
-    const dejarDeCapturar = capturarNavegacionBP(envConfig.backendUrl, navigate);
     cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
       if (!vigente) return;
       setCargando(false);
@@ -5874,10 +5844,9 @@ var PantallaBP = ({ nombre, direccion }) => {
     });
     return () => {
       vigente = false;
-      dejarDeCapturar();
       elemento.replaceChildren();
     };
-  }, [nombre, direccion, menu, navigate]);
+  }, [nombre, direccion, menu]);
   if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackWScreen, { screenName: nombre });
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
@@ -5890,18 +5859,18 @@ var PantallaBP = ({ nombre, direccion }) => {
   );
 };
 var PantallaDeRespaldo = () => {
-  const { screenName = "" } = (0, import_react_router_dom13.useParams)();
-  const { search } = (0, import_react_router_dom13.useLocation)();
+  const { screenName = "" } = (0, import_react_router_dom12.useParams)();
+  const { search } = (0, import_react_router_dom12.useLocation)();
   if (!puenteBPHabilitado()) {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom13.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom12.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
-  const { hash, search } = (0, import_react_router_dom13.useLocation)();
+  const { hash, search } = (0, import_react_router_dom12.useLocation)();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
-  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom13.Navigate, { to: "/", replace: true });
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom12.Navigate, { to: "/", replace: true });
   if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material27.Alert, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("code", { children: "#w=..." }),
@@ -5912,7 +5881,7 @@ var PaginaBP = () => {
 
 // src/puente/GrillaBP.tsx
 var import_react37 = require("react");
-var import_react_router_dom14 = require("react-router-dom");
+var import_react_router_dom13 = require("react-router-dom");
 var import_material28 = require("@mui/material");
 var import_jsx_runtime34 = (
   // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
@@ -5952,17 +5921,69 @@ var GrillaBP = ({ tabla, fixedFields }) => {
   ] });
 };
 var PaginaGrillaBP = () => {
-  const { tableName = "" } = (0, import_react_router_dom14.useParams)();
+  const { tableName = "" } = (0, import_react_router_dom13.useParams)();
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GrillaBP, { tabla: tableName }, tableName);
 };
 
+// src/puente/CapturaBP.tsx
+var import_react38 = require("react");
+var import_react_router_dom14 = require("react-router-dom");
+
+// src/puente/capturaDeNavegacion.ts
+function apiDeNavegacion() {
+  const api = Reflect.get(window, "navigation");
+  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
+}
+function capturarNavegacionBP(urlBackend, navegar) {
+  const alHacerClick = (evento) => {
+    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
+    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
+    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
+    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      evento.stopPropagation();
+      navegar(ruta);
+    }
+  };
+  document.addEventListener("click", alHacerClick, true);
+  const navegacion = apiDeNavegacion();
+  const alNavegar = (evento) => {
+    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
+    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      navegar(ruta);
+    }
+  };
+  navegacion?.addEventListener("navigate", alNavegar);
+  const reemplazarOriginal = history.replaceState;
+  const reemplazar = (estado, titulo, url) => {
+    const ruta = url === void 0 || url === null ? null : rutaDeEnlaceBP(String(url), document.baseURI, urlBackend);
+    reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
+  };
+  history.replaceState = reemplazar;
+  return () => {
+    if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
+    document.removeEventListener("click", alHacerClick, true);
+    navegacion?.removeEventListener("navigate", alNavegar);
+  };
+}
+
+// src/puente/CapturaBP.tsx
+var CapturaBP = () => {
+  const navigate = (0, import_react_router_dom14.useNavigate)();
+  (0, import_react38.useEffect)(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
+  return null;
+};
+
 // src/App.tsx
 var import_type_store6 = __toESM(require("type-store"), 1);
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var LocationTracker = () => {
   const location = (0, import_react_router_dom15.useLocation)();
   const dispatch = useAppDispatch();
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
@@ -5970,6 +5991,7 @@ var LocationTracker = () => {
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CapturaBP, {}),
     /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.Routes, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Outlet, {}), children: [
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginPage_default, {}) }),
@@ -6000,7 +6022,7 @@ function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout =
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react39.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.BrowserRouter, { basename: rutaBase, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react40.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.BrowserRouter, { basename: rutaBase, children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LocationTracker, {}),
     " ",
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SnackbarProvider, { children: [
@@ -6019,7 +6041,7 @@ var App = ({
   myConditions,
   puenteBP
 }) => {
-  (0, import_react38.useMemo)(() => {
+  (0, import_react39.useMemo)(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -6036,7 +6058,7 @@ var App = ({
       habilitarPuenteBP();
     }
   }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     import_type_store6.default.messages = import_type_store6.default.i18n.messages.es;
     import_type_store6.default.locale = import_type_store6.default.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -6045,7 +6067,7 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = import_react38.default.useMemo(() => {
+  const safePaths = import_react39.default.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);