frontend-plus-react 0.7.0 → 0.8.1

package/dist/index.js

@@ -404,8 +404,9 @@ import { createSlice as createSlice2 } from "@reduxjs/toolkit";
 var initialState2 = {
   currentPath: "/",
   previousPath: null,
-  redirectPath: null
+  redirectPath: null,
   // <--- Inicializamos en null
+  redirectUsername: null
 };
 var routerSlice = createSlice2({
   name: "router",
@@ -417,15 +418,20 @@ var routerSlice = createSlice2({
     },
     setRedirectPath: (state, action) => {
       state.redirectPath = action.payload;
+      if (action.payload === null) state.redirectUsername = null;
+    },
+    setRedirectUsername: (state, action) => {
+      state.redirectUsername = action.payload;
     },
     resetRouterState: (state) => {
       state.currentPath = "/";
       state.previousPath = null;
       state.redirectPath = null;
+      state.redirectUsername = null;
     }
   }
 });
-var { setCurrentPath, setRedirectPath, resetRouterState } = routerSlice.actions;
+var { setCurrentPath, setRedirectPath, setRedirectUsername, resetRouterState } = routerSlice.actions;
 var routerSlice_default = routerSlice.reducer;
 
 // src/store/menuUiSlice.ts
@@ -450,13 +456,23 @@ var menuUiSlice = createSlice3({
     toggleSubMenu: (state, action) => {
       state.subMenuOpenStates[action.payload] = !state.subMenuOpenStates[action.payload];
     },
-    // --- NUEVO REDUCER: Establecer el estado de todos los submenús ---
-    setAllSubMenusOpen: (state, action) => {
-      for (const menuName in state.subMenuOpenStates) {
-        if (Object.prototype.hasOwnProperty.call(state.subMenuOpenStates, menuName)) {
-          state.subMenuOpenStates[menuName] = action.payload;
+    /** Acordeón: abre un grupo y cierra a sus hermanos (con todo lo que tienen adentro). */
+    abrirGrupo: (state, action) => {
+      for (const clave of Object.keys(state.subMenuOpenStates)) {
+        if (action.payload.hermanos.some((hermano) => clave === hermano || clave.startsWith(hermano + "/"))) {
+          state.subMenuOpenStates[clave] = false;
         }
       }
+      state.subMenuOpenStates[action.payload.clave] = true;
+    },
+    /** Deja abiertos solo los grupos de este camino (el del ítem que se está mostrando). */
+    abrirCamino: (state, action) => {
+      for (const clave of Object.keys(state.subMenuOpenStates)) {
+        state.subMenuOpenStates[clave] = action.payload.includes(clave);
+      }
+      for (const clave of action.payload) {
+        state.subMenuOpenStates[clave] = true;
+      }
     },
     resetMenuUiState: (state) => {
       Object.assign(state, initialState3);
@@ -468,8 +484,8 @@ var {
   toggleDrawer,
   setSubMenuOpen,
   toggleSubMenu,
-  setAllSubMenusOpen,
-  // ¡Exportamos la nueva acción!
+  abrirGrupo,
+  abrirCamino,
   resetMenuUiState
 } = menuUiSlice.actions;
 var menuUiSlice_default = menuUiSlice.reducer;
@@ -1382,8 +1398,12 @@ function BotonDetalle({ row, rowId, detailTable, deshabilitado }) {
     IconButton,
     {
       size: "small",
+      sx: { width: 24, height: 24, p: 0 },
       disabled: deshabilitado,
       onClick: (e) => alternarDetalle(row, rowId, detailTable, e.ctrlKey || e.metaKey),
+      onMouseDown: (e) => {
+        if (e.button === 1) e.preventDefault();
+      },
       onAuxClick: (e) => {
         if (e.button === 1) alternarDetalle(row, rowId, detailTable, true);
       },
@@ -2005,9 +2025,10 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
           {
             variant: "body2",
             sx: {
-              fontWeight: "bold",
+              fontWeight: 500,
+              color: "#37474f",
               textDecoration: isPrimaryKey ? "underline" : "none",
-              fontSize: "0.930rem",
+              fontSize: "0.85rem",
               textAlign: "left",
               flexGrow: 1,
               overflow: "hidden",
@@ -2033,22 +2054,20 @@ var ActionsColumnHeaderCell = ({
     allowInsert && /* @__PURE__ */ jsx6(
       IconButton2,
       {
-        color: "inherit",
         onClick: () => handleAddRow(),
         size: "small",
         title: "A\xF1adir registro",
-        sx: { p: 0.25 },
-        children: /* @__PURE__ */ jsx6(AddIcon, { sx: { fontSize: 18, color: "success.main" } })
+        sx: { p: 0.25, color: "grey.800", "&:hover": { color: "success.main" } },
+        children: /* @__PURE__ */ jsx6(AddIcon, { sx: { fontSize: 18 } })
       }
     ),
     /* @__PURE__ */ jsx6(
       IconButton2,
       {
-        color: "inherit",
         onClick: toggleFilterVisibility,
         size: "small",
         title: isFilterRowVisible ? "Ocultar filtros" : "Mostrar filtros",
-        sx: { p: 0.25 },
+        sx: { p: 0.25, color: "grey.800" },
         children: isFilterRowVisible ? /* @__PURE__ */ jsx6(SearchOffIcon, { sx: { fontSize: 18 } }) : /* @__PURE__ */ jsx6(SearchIcon, { sx: { fontSize: 18 } })
       }
     ),
@@ -2058,13 +2077,13 @@ var ActionsColumnHeaderCell = ({
         onClick: (event) => handleDataGridOptions(event),
         size: "small",
         title: "Opciones de esta tabla",
-        sx: { p: 0.25 },
+        sx: { p: 0.25, color: "grey.800" },
         children: /* @__PURE__ */ jsx6(MoreVertIcon, { sx: { fontSize: 20, variant: "filled", size: "small" } })
       }
     )
   ] });
 };
-var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ jsx6(Tooltip2, { title: detailTable.label, children: /* @__PURE__ */ jsx6(Typography2, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) });
+var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ jsx6(Tooltip2, { title: detailTable.label, children: /* @__PURE__ */ jsx6(Box3, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx6(Typography2, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) }) });
 
 // src/components/grid/FilterInputRender.tsx
 import { InputBase as InputBase3, Box as Box4 } from "@mui/material";
@@ -2548,9 +2567,12 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
           "& .MuiOutlinedInput-root": {
             backgroundColor: "background.paper",
             height: FILTER_ROW_HEIGHT - 5,
-            minWidth: 50,
+            minWidth: 30,
             fontSize: "0.8rem",
             padding: "0px"
+          },
+          "& .MuiOutlinedInput-input": {
+            padding: "0 4px"
           }
         } : {
           "& .MuiOutlinedInput-root": {
@@ -2597,36 +2619,42 @@ function FilterInputRenderer({
         [columnKey]: { operator: newOp, value: formattedVal }
       }));
     };
-    return /* @__PURE__ */ jsxs10(Box4, { sx: { mt: 0, display: "flex", alignItems: "center", gap: 0.5, pr: 1 }, children: [
-      /* @__PURE__ */ jsx12(
-        "select",
-        {
-          value: operator,
-          onChange: (e) => handleFilterChange(e.target.value, val),
-          style: {
-            height: FILTER_ROW_HEIGHT - 5,
-            minWidth: 40,
-            backgroundColor: "white",
-            border: "1px solid #ccc",
-            borderRadius: "4px",
-            fontSize: "0.8rem",
-            padding: "0 2px",
-            textAlign: "center",
-            cursor: "pointer"
-          },
-          children: filterOperators.map((op) => /* @__PURE__ */ jsx12("option", { value: op.value, children: op.label }, op.value))
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        TypedField,
-        {
-          fieldDef,
-          isFilterMode: true,
-          value: val,
-          onChange: (_name, newValue, _isValid) => handleFilterChange(operator, newValue)
-        }
-      )
-    ] });
+    return (
+      // como en backend-plus, el operador es un símbolo chico y el campo se queda con el resto del ancho
+      /* @__PURE__ */ jsxs10(Box4, { sx: { mt: 0, display: "flex", alignItems: "center", gap: "2px", width: "100%" }, children: [
+        /* @__PURE__ */ jsx12(
+          "select",
+          {
+            value: operator,
+            onChange: (e) => handleFilterChange(e.target.value, val),
+            style: {
+              height: FILTER_ROW_HEIGHT - 5,
+              width: 22,
+              flexShrink: 0,
+              appearance: "none",
+              backgroundColor: "#CEF",
+              border: "none",
+              borderRadius: "4px",
+              fontSize: "0.8rem",
+              padding: 0,
+              textAlign: "center",
+              textAlignLast: "center",
+              cursor: "pointer"
+            },
+            children: filterOperators.map((op) => /* @__PURE__ */ jsx12("option", { value: op.value, children: op.label }, op.value))
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          TypedField,
+          {
+            fieldDef,
+            isFilterMode: true,
+            value: val,
+            onChange: (_name, newValue, _isValid) => handleFilterChange(operator, newValue)
+          }
+        )
+      ] })
+    );
   }
   return /* @__PURE__ */ jsx12(
     InputBase3,
@@ -2662,7 +2690,7 @@ var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
     const { filters, setFilters } = row;
     if (valorFijoDe(fixedFields, column.key)) return null;
     const fieldDef = esColumnaPropia(column) && column.customType === "default" ? column.fieldDef : void 0;
-    return /* @__PURE__ */ jsx13(Box5, { sx: { width: "100%", height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx13(Box5, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ jsx13(
       FilterInputRender_default,
       {
         columnKey: column.key,
@@ -2723,7 +2751,7 @@ var detailColumnCellSummaryRenderer = (_props) => null;
 
 // src/components/grid/renderers/cellRenderers.tsx
 import React11 from "react";
-import { Box as Box8, Button as Button4, Tooltip as Tooltip4, useTheme as useTheme2 } from "@mui/material";
+import { Box as Box8, IconButton as IconButton5, Tooltip as Tooltip4, useTheme as useTheme2 } from "@mui/material";
 import ViewHeadlineIcon from "@mui/icons-material/ViewHeadline";
 import DeleteIcon from "@mui/icons-material/Delete";
 import AddIcon2 from "@mui/icons-material/Add";
@@ -2889,14 +2917,12 @@ var allColumnsCellRenderer = (props) => {
         }
       ];
       return /* @__PURE__ */ jsx16(Box8, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ jsx16(
-        Button4,
+        IconButton5,
         {
-          variant: "outlined",
-          color: actionDef.color,
           size: "small",
           onClick: () => actionDef.handler(row),
           title: actionDef.title,
-          sx: { width: 22, minWidth: 22, height: 22, "& .MuiButton-startIcon": { m: 0 } },
+          sx: { width: 22, height: 22, p: 0, color: "grey.800", "&:hover": { color: `${actionDef.color}.main` } },
           children: /* @__PURE__ */ jsx16(actionDef.icon, { sx: { fontSize: 18 } })
         },
         actionDef.action
@@ -3306,20 +3332,36 @@ function campoDibujable(field) {
 
 // src/hooks/grid/useGridColumns.ts
 var estimateTextWidth = (text) => text.length * 8 + 16;
-var calcularAnchosDeColumnas = (tableDefinition, filas) => {
+var contextoDeMedida;
+var anchoDeTitulo = (texto) => {
+  if (contextoDeMedida === void 0) {
+    try {
+      contextoDeMedida = document.createElement("canvas").getContext("2d");
+    } catch {
+      contextoDeMedida = null;
+    }
+  }
+  if (!contextoDeMedida) return texto.length * 9;
+  contextoDeMedida.font = "bold 14.9px Roboto, Helvetica, Arial, sans-serif";
+  return Math.ceil(contextoDeMedida.measureText(texto).width);
+};
+var EXTRA_TITULO = 8 + 20 + 4;
+var calcularAnchosDeColumnas = (tableDefinition, filas, anchoDisponible = Infinity) => {
   const anchos = /* @__PURE__ */ new Map();
+  const anchosConTituloCompleto = /* @__PURE__ */ new Map();
   const muestra = filas.slice(0, 50);
   tableDefinition.fields.forEach((fieldDef) => {
     if (typeof fieldDef.width === "number" && fieldDef.width > 0) {
       anchos.set(fieldDef.name, fieldDef.width);
+      anchosConTituloCompleto.set(fieldDef.name, fieldDef.width);
       return;
     }
     const headerLabel = fieldDef.label || fieldDef.name;
     const type = fieldDef.typeName?.toLowerCase() || "";
-    let typeMinWidth = 60;
-    if (type.includes("boolean") || type.includes("checkbox")) typeMinWidth = 60;
-    else if (type.includes("date") || type.includes("timestamp")) typeMinWidth = 110;
-    else if (type.includes("integer") || type.includes("numeric")) typeMinWidth = 80;
+    let typeMinWidth = 80;
+    if (type.includes("boolean") || type.includes("checkbox")) typeMinWidth = 80;
+    else if (type.includes("date") || type.includes("timestamp")) typeMinWidth = 120;
+    else if (type.includes("integer") || type.includes("numeric")) typeMinWidth = 90;
     const headerWidth = estimateTextWidth(headerLabel) + 20;
     const typer = typerFrom(fieldDef);
     const maxDataWidth = muestra.reduce((maxW, row) => {
@@ -3333,9 +3375,12 @@ var calcularAnchosDeColumnas = (tableDefinition, filas) => {
       }
       return Math.max(maxW, estimateTextWidth(texto));
     }, 0);
-    anchos.set(fieldDef.name, Math.min(Math.max(headerWidth, maxDataWidth, typeMinWidth), 500));
+    const compacto = Math.min(Math.max(headerWidth, maxDataWidth, typeMinWidth), 500);
+    anchos.set(fieldDef.name, compacto);
+    anchosConTituloCompleto.set(fieldDef.name, Math.max(compacto, Math.min(anchoDeTitulo(cambiarGuionesBajosPorEspacios(headerLabel)) + EXTRA_TITULO, 500)));
   });
-  return anchos;
+  const sumaCompleta = [...anchos.keys()].reduce((total, nombre) => total + (anchosConTituloCompleto.get(nombre) ?? 0), 0);
+  return sumaCompleta <= anchoDisponible ? anchosConTituloCompleto : anchos;
 };
 var useGridColumns = ({
   tableDefinition,
@@ -3455,7 +3500,7 @@ import {
   DialogTitle as DialogTitle2,
   DialogContent as DialogContent2,
   DialogActions as DialogActions2,
-  Button as Button5,
+  Button as Button4,
   FormControlLabel,
   Checkbox,
   Box as Box9,
@@ -3579,9 +3624,9 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs14(DialogActions2, { sx: { px: 3, py: 2 }, children: [
-      /* @__PURE__ */ jsx19(Button5, { onClick: onClose, disabled: loading, children: "Cancelar" }),
+      /* @__PURE__ */ jsx19(Button4, { onClick: onClose, disabled: loading, children: "Cancelar" }),
       /* @__PURE__ */ jsx19(
-        Button5,
+        Button4,
         {
           onClick: handleConfirm,
           variant: "contained",
@@ -3601,7 +3646,7 @@ import {
   DialogTitle as DialogTitle3,
   DialogContent as DialogContent3,
   DialogActions as DialogActions3,
-  Button as Button6,
+  Button as Button5,
   FormControl as FormControl2,
   FormLabel,
   RadioGroup,
@@ -3809,14 +3854,14 @@ var ExportDialog = ({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs15(DialogActions3, { children: [
-      /* @__PURE__ */ jsx20(Button6, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
-      /* @__PURE__ */ jsx20(Button6, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
+      /* @__PURE__ */ jsx20(Button5, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
+      /* @__PURE__ */ jsx20(Button5, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
     ] })
   ] });
 };
 
 // src/components/grid/DialogoDeColumnas.tsx
-import { Box as Box11, Button as Button7, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, List as List3, ListItemButton as ListItemButton3, ListItemText as ListItemText2, Typography as Typography9 } from "@mui/material";
+import { Box as Box11, Button as Button6, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, List as List3, ListItemButton as ListItemButton3, ListItemText as ListItemText2, Typography as Typography9 } from "@mui/material";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var DialogoDeColumnas = ({ open, onClose, columnas, ocultas, alternarColumna }) => {
   const lista = (titulo, nombres, idDeLista) => /* @__PURE__ */ jsxs16(Box11, { sx: { flex: 1, minWidth: 0 }, children: [
@@ -3829,7 +3874,7 @@ var DialogoDeColumnas = ({ open, onClose, columnas, ocultas, alternarColumna })
       lista("Columnas mostradas", columnas.filter((nombre) => !ocultas.has(nombre)), "columnas-mostradas"),
       lista("Columnas ocultas", columnas.filter((nombre) => ocultas.has(nombre)), "columnas-ocultas")
     ] }) }),
-    /* @__PURE__ */ jsx21(DialogActions4, { children: /* @__PURE__ */ jsx21(Button7, { onClick: onClose, children: "Cerrar" }) })
+    /* @__PURE__ */ jsx21(DialogActions4, { children: /* @__PURE__ */ jsx21(Button6, { onClick: onClose, children: "Cerrar" }) })
   ] });
 };
 
@@ -3839,11 +3884,11 @@ import {
   DialogTitle as DialogTitle5,
   DialogContent as DialogContent5,
   DialogActions as DialogActions5,
-  Button as Button8,
+  Button as Button7,
   Alert,
   Box as Box12,
   CircularProgress as CircularProgress3,
-  IconButton as IconButton5,
+  IconButton as IconButton6,
   Typography as Typography10
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
@@ -3983,7 +4028,7 @@ var VerticalEditorPage = ({
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__PURE__ */ jsx22(IconButton5, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx22(CloseIcon, {}) })
+      /* @__PURE__ */ jsx22(IconButton6, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx22(CloseIcon, {}) })
     ] }),
     /* @__PURE__ */ jsxs17(DialogContent5, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
       globalError && /* @__PURE__ */ jsx22(Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
@@ -4009,7 +4054,7 @@ var VerticalEditorPage = ({
         isSaving && /* @__PURE__ */ jsx22(CircularProgress3, { size: 20, sx: { ml: 2 } }),
         /* @__PURE__ */ jsx22("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
       ] }),
-      /* @__PURE__ */ jsx22(Button8, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ jsx22(Button7, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
@@ -4097,6 +4142,7 @@ var ALTO_TITULO_ANIDADA = 26;
 var ALTO_MINIMO_CUERPO_ANIDADA = 120;
 var HOLGURA_ANIDADA = 24;
 var ANCHO_MINIMO_ANIDADA = 240;
+var ANCHO_RESERVADO_PANTALLA = 320;
 var SANGRIA_DETALLE = 28 + 8 + 3;
 var MARGEN_INFERIOR_PAGINA = 24;
 var PRIMERAS_FILAS_ANIDADA = 20;
@@ -4312,7 +4358,7 @@ var GenericDataGrid = ({
   const firstDisplayCount = tableDefinition?.firstDisplayCount ?? PRIMERAS_FILAS_ANIDADA;
   const firstDisplayOverLimit = tableDefinition?.firstDisplayOverLimit ?? LIMITE_PRIMERAS_FILAS_ANIDADA;
   const filasVisiblesMax = anidada ? filteredRows.length <= firstDisplayOverLimit ? filteredRows.length : firstDisplayCount : void 0;
-  const conPie = !anidada || !!tableDefinition?.fields.some((field) => field.aggregate);
+  const conPie = !!tableDefinition?.fields.some((field) => field.aggregate);
   const { gridHeight, bottomSummaryRow, summaryRows, filterHeight } = useGridLayout({
     filteredRows,
     isFilterRowVisible,
@@ -4406,7 +4452,7 @@ var GenericDataGrid = ({
         const definition = parametros.tableDef ? fusionar(definicionDelServidor, parametros.tableDef) : definicionDelServidor;
         setTableDefinition(definition);
         setSortColumns(getInitialSortColumns(definition));
-        setAnchosCalculados(calcularAnchosDeColumnas(definition, data));
+        setAnchosCalculados(calcularAnchosDeColumnas(definition, data, window.innerWidth - ANCHO_RESERVADO_PANTALLA));
         setColumnasOcultas(columnasOcultasIniciales(definition));
         setTableData(data);
         const filasDeFiltros = parametros.filterColumns ?? aFiltrosIniciales(definition.filterColumns);
@@ -4607,7 +4653,7 @@ var GenericDataGrid = ({
     [exitingRowIds, primaryKey]
   );
   const anchoContenido = useMemo10(() => {
-    if (!anidada || columns.length === 0) return void 0;
+    if (columns.length === 0) return void 0;
     const sumaColumnas = columns.reduce((total, col) => {
       const medido = columnWidths.get(col.key)?.width;
       return total + (typeof medido === "number" ? medido : typeof col.width === "number" ? col.width : 100);
@@ -4617,8 +4663,9 @@ var GenericDataGrid = ({
     return Math.max(ANCHO_MINIMO_ANIDADA, propio, anchoDetalleMax > 0 ? anchoDetalleMax + SANGRIA_DETALLE + (medidas?.barra ?? 0) + 2 : 0);
   }, [anidada, columns, columnWidths, medidas?.barra, detallesAbiertos, anchosDetalle]);
   useEffect6(() => {
-    if (anchoContenido !== void 0) onAnchoDeseado?.(anchoContenido);
-  }, [onAnchoDeseado, anchoContenido]);
+    if (anidada && anchoContenido !== void 0) onAnchoDeseado?.(anchoContenido);
+  }, [onAnchoDeseado, anidada, anchoContenido]);
+  const anchoExterior = anchoContenido === void 0 ? void 0 : anidada ? anchoContenido : anchoContenido - 2 + 32 + ancestors.length * 32;
   const estiloGrilla = useMemo10(() => ({ height: "100%", width: "100%", boxSizing: "border-box", ...gridStyles }), [gridStyles]);
   const bottomSummaryRows = useMemo10(() => conPie ? [bottomSummaryRow] : [], [conPie, bottomSummaryRow]);
   const vistaGrilla = useMemo10(() => ({ isFilterRowVisible }), [isFilterRowVisible]);
@@ -4644,7 +4691,7 @@ var GenericDataGrid = ({
   if (!tableDefinition) {
     return /* @__PURE__ */ jsx23(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx23(Alert2, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
   }
-  return /* @__PURE__ */ jsx23(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ jsxs18(Box13, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoContenido ?? void 0, maxWidth: "100%" }, children: [
+  return /* @__PURE__ */ jsx23(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ jsxs18(Box13, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoExterior, maxWidth: "100%" }, children: [
     !anidada && ancestors.length > 0 && /* @__PURE__ */ jsx23(Box13, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ jsx23(
       StaticAncestorGrid,
       {
@@ -4741,7 +4788,7 @@ var GenericDataGrid = ({
               sx: {
                 position: "absolute",
                 top: filterHeight + HEADER_ROW_HEIGHT + 1,
-                bottom: anidada ? (conPie ? SUMMARY_ROW_HEIGHT : 0) + 4 : 102,
+                bottom: anidada ? (conPie ? SUMMARY_ROW_HEIGHT : 0) + 4 : conPie ? 102 : 102 - SUMMARY_ROW_HEIGHT,
                 left: 18,
                 right: 0,
                 display: "flex",
@@ -4866,8 +4913,8 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-import React33, { useEffect as useEffect18, useMemo as useMemo16 } from "react";
-import { BrowserRouter, Routes, Route, useLocation as useLocation8, Navigate as Navigate4, Outlet as Outlet2 } from "react-router-dom";
+import React34, { useEffect as useEffect18, useMemo as useMemo17 } from "react";
+import { BrowserRouter, Routes, Route, useLocation as useLocation9, Navigate as Navigate4, Outlet as Outlet2 } from "react-router-dom";
 
 // src/components/MainLayout.tsx
 import { useEffect as useEffect9 } from "react";
@@ -4877,10 +4924,10 @@ import {
   AppBar,
   Toolbar,
   Typography as Typography13,
-  Button as Button9,
+  Button as Button8,
   Drawer,
   CssBaseline,
-  IconButton as IconButton6,
+  IconButton as IconButton8,
   useTheme as useTheme5,
   useMediaQuery
 } from "@mui/material";
@@ -4889,6 +4936,15 @@ import {
 import { createContext as createContext4, useContext as useContext5, useState as useState17, useEffect as useEffect7, useCallback as useCallback13, useMemo as useMemo11, useRef as useRef8 } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { useSelector as useSelector2, useDispatch as useDispatch2 } from "react-redux";
+
+// src/utils/cierreVoluntario.ts
+var cierreVoluntario = false;
+var marcarCierreVoluntario = (activo) => {
+  cierreVoluntario = activo;
+};
+var huboCierreVoluntario = () => cierreVoluntario;
+
+// src/contexts/AppContext.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var AuthContext = createContext4(void 0);
 var useApp = () => {
@@ -4905,9 +4961,10 @@ var AppProvider = ({ children, publicPaths = [] }) => {
   const [showSessionExpiredMessage, setShowSessionExpiredMessage] = useState17(false);
   const isRedirectingRef = useRef8(false);
   const huboSesionRef = useRef8(false);
+  const cierreVoluntarioRef = useRef8(false);
   const dispatch = useDispatch2();
   const clientContext = useSelector2((state) => state.clientContext);
-  if (clientContext.status === "succeeded") huboSesionRef.current = true;
+  if (clientContext.status === "succeeded" && !cierreVoluntarioRef.current) huboSesionRef.current = true;
   const navigate = useNavigate();
   const handleExpiredSessionRedirect = useCallback13(() => {
     isRedirectingRef.current = true;
@@ -4918,6 +4975,17 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       isRedirectingRef.current = false;
     }, 2e3);
   }, [navigate]);
+  const avisarCierreVoluntario = useCallback13((activo) => {
+    cierreVoluntarioRef.current = activo;
+    marcarCierreVoluntario(activo);
+    if (activo) huboSesionRef.current = false;
+  }, []);
+  const limpiarContextoPorSesionPerdida = useCallback13(() => {
+    if (clientContext.status === "succeeded" && clientContext.username !== "" && !cierreVoluntarioRef.current) {
+      dispatch(setRedirectUsername(clientContext.username));
+    }
+    dispatch(clearClientContext());
+  }, [dispatch, clientContext.status, clientContext.username]);
   const location = useLocation();
   const isCurrentPathPublic = useCallback13(() => {
     const current = location.pathname;
@@ -4943,8 +5011,8 @@ var AppProvider = ({ children, publicPaths = [] }) => {
         }
       } else {
         setIsLoggedIn(false);
-        dispatch(clearClientContext());
-        if (!showSessionExpiredMessage && !isCurrentPathPublic() && huboSesionRef.current) {
+        limpiarContextoPorSesionPerdida();
+        if (!showSessionExpiredMessage && !isCurrentPathPublic() && huboSesionRef.current && !cierreVoluntarioRef.current) {
           console.warn("Sesi\xF3n inv\xE1lida en ruta protegida. Mostrando modal.");
           setShowSessionExpiredMessage(true);
         } else {
@@ -4954,13 +5022,13 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     } catch (error) {
       console.error("Error checking session:", error);
       setIsLoggedIn(false);
-      dispatch(clearClientContext());
+      limpiarContextoPorSesionPerdida();
       const isPublic = publicPaths.some((p) => location.pathname === p || location.pathname.startsWith(p + "/"));
-      if (!showSessionExpiredMessage && !isCurrentPathPublic() && huboSesionRef.current) {
+      if (!showSessionExpiredMessage && !isCurrentPathPublic() && huboSesionRef.current && !cierreVoluntarioRef.current) {
         setShowSessionExpiredMessage(true);
       }
     }
-  }, [dispatch, clientContext.status, showSessionExpiredMessage, isCurrentPathPublic]);
+  }, [dispatch, clientContext.status, showSessionExpiredMessage, isCurrentPathPublic, limpiarContextoPorSesionPerdida]);
   useEffect7(() => {
     checkSession();
     const intervalId = setInterval(checkSession, 15 * 1e3);
@@ -4974,26 +5042,30 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   }), [
     isLoggedIn,
     setIsLoggedIn,
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   ]);
   return /* @__PURE__ */ jsx24(AuthContext.Provider, { value: authContextValue, children });
 };
 
 // src/components/MainLayout.tsx
+import { useNavigate as useNavigate4 } from "react-router-dom";
 import LogoutIcon from "@mui/icons-material/Logout";
+import VpnKeyIcon from "@mui/icons-material/VpnKey";
 import MenuIcon from "@mui/icons-material/Menu";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 
 // src/components/SideMenu.tsx
-import React19, { useEffect as useEffect8 } from "react";
-import { List as List4, ListItem, ListItemButton as ListItemButton4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText3, Divider as Divider2, Box as Box14, Typography as Typography12, Collapse } from "@mui/material";
+import React19, { useEffect as useEffect8, useMemo as useMemo12, useRef as useRef9, useState as useState18 } from "react";
+import { List as List4, ListItemButton as ListItemButton4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText3, Divider as Divider2, Box as Box14, Typography as Typography12, Collapse, TextField as TextField2, InputAdornment as InputAdornment2, IconButton as IconButton7 } from "@mui/material";
 import ExpandLess from "@mui/icons-material/ExpandLess";
 import ExpandMore from "@mui/icons-material/ExpandMore";
 import TableChartIcon from "@mui/icons-material/TableChart";
@@ -5001,10 +5073,17 @@ import FolderIcon from "@mui/icons-material/Folder";
 import DnsIcon from "@mui/icons-material/Dns";
 import WarningAmberIcon3 from "@mui/icons-material/WarningAmber";
 import DesktopWindowsIcon from "@mui/icons-material/DesktopWindows";
-import UnfoldMoreIcon from "@mui/icons-material/UnfoldMore";
-import UnfoldLessIcon from "@mui/icons-material/UnfoldLess";
+import SearchIcon3 from "@mui/icons-material/Search";
+import ClearIcon from "@mui/icons-material/Clear";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
-import { blue, orange, teal, red, grey } from "@mui/material/colors";
+import { blue, orange, teal, indigo, red } from "@mui/material/colors";
+
+// src/puente/habilitacion.ts
+var habilitado = false;
+var habilitarPuenteBP = () => {
+  habilitado = true;
+};
+var puenteBPHabilitado = () => habilitado;
 
 // src/utils/menuInicial.ts
 function rutaDeTablaDeMenu(camino) {
@@ -5056,16 +5135,93 @@ function itemInicial(menu) {
   return elegido.menuType === "menu" ? itemInicial(elegido.menuContent) : elegido;
 }
 
+// src/utils/busquedaDeMenu.ts
+function etiquetaDeItem(item) {
+  return item.label || item.name;
+}
+function claveDeMenu(camino) {
+  return camino.join("/");
+}
+function hojasDeMenu(menu, grupos = [], etiquetasDeGrupos = []) {
+  return menu.flatMap(
+    (item) => item.menuType === "menu" ? hojasDeMenu(item.menuContent, [...grupos, item.name], [...etiquetasDeGrupos, etiquetaDeItem(item)]) : [{ item, grupos, etiquetasDeGrupos, clave: claveDeMenu([...grupos, item.name]) }]
+  );
+}
+function normalizarParaBuscar(texto) {
+  return texto.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/_/g, " ").toLowerCase();
+}
+function buscarEnMenu(hojas, consulta) {
+  const palabras = normalizarParaBuscar(consulta).split(/\s+/).filter((palabra) => palabra !== "");
+  if (palabras.length === 0) return [];
+  const propias = [];
+  const porGrupo = [];
+  for (const hoja of hojas) {
+    const propia = normalizarParaBuscar(`${etiquetaDeItem(hoja.item)} ${hoja.item.name}`);
+    const completa = `${hoja.etiquetasDeGrupos.map(normalizarParaBuscar).join(" ")} ${propia}`;
+    if (!palabras.every((palabra) => completa.includes(palabra))) continue;
+    (palabras.every((palabra) => propia.includes(palabra)) ? propias : porGrupo).push(hoja);
+  }
+  return [...propias, ...porGrupo];
+}
+
 // src/components/SideMenu.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-var MenuListItem = ({ item, level, grupos = [], onMenuItemClick }) => {
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+var CLAVE_RECIENTES = "fpr.menu.recientes";
+var MAXIMO_RECIENTES = 4;
+var getIcon = (item, destacado = false) => {
+  switch (item.menuType) {
+    case "table":
+      return /* @__PURE__ */ jsx25(TableChartIcon, { sx: destacado ? { color: blue[700] } : void 0 });
+    case "proc":
+      return /* @__PURE__ */ jsx25(DnsIcon, { sx: destacado ? { color: teal[700] } : void 0 });
+    case "menu":
+      return /* @__PURE__ */ jsx25(FolderIcon, { sx: destacado ? { color: orange[800] } : void 0 });
+    default:
+      if (wScreens[item.menuType] !== void 0 || puenteBPHabilitado()) {
+        return /* @__PURE__ */ jsx25(DesktopWindowsIcon, { sx: destacado ? { color: indigo[500] } : void 0 });
+      }
+      return /* @__PURE__ */ jsx25(WarningAmberIcon3, { sx: destacado ? { color: red[500] } : void 0 });
+  }
+};
+var estaSeleccionado = (item, grupos, currentPath, hash = "") => {
+  const pathParts = currentPath.split("/");
+  const urlTableName = pathParts[1] === "table" ? pathParts[2] : null;
+  if (item.menuType === "table") {
+    return currentPath === rutaDeTablaDeMenu([...grupos, item.name]) || urlTableName === (item.table || item.name);
+  } else if (item.menuType === "proc") {
+    return currentPath === `/procedures/${item.name}`;
+  } else if (item.menuType !== "menu") {
+    return currentPath.startsWith(`/wScreens/${item.menuType}`) || currentPath.startsWith(`/wScreens-fallback/${item.menuType}`) || currentPath === "/bp/menu" && new URLSearchParams(hash.replace(/^[#?]/, "")).get("w") === item.menuType;
+  }
+  return false;
+};
+var leerRecientes = () => {
+  try {
+    const guardado = JSON.parse(localStorage.getItem(CLAVE_RECIENTES) ?? "[]");
+    return Array.isArray(guardado) ? guardado.filter((clave) => typeof clave === "string") : [];
+  } catch {
+    return [];
+  }
+};
+var guardarRecientes = (recientes) => {
+  try {
+    localStorage.setItem(CLAVE_RECIENTES, JSON.stringify(recientes));
+  } catch {
+  }
+};
+var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }) => {
   const navigate = useNavigate2();
   const location = useLocation2();
-  const open = useSubMenuOpenState(item.name);
+  const clave = claveDeMenu([...grupos, item.name]);
+  const open = useSubMenuOpenState(clave);
   const dispatch = useAppDispatch();
   const handleClick = () => {
     if (item.menuType === "menu") {
-      dispatch(toggleSubMenu(item.name));
+      if (open) {
+        dispatch(setSubMenuOpen({ menuName: clave, isOpen: false }));
+      } else {
+        dispatch(abrirGrupo({ clave, hermanos }));
+      }
     } else {
       navigate(rutaDeItemDeMenu(item, grupos));
       if (onMenuItemClick) {
@@ -5073,39 +5229,14 @@ var MenuListItem = ({ item, level, grupos = [], onMenuItemClick }) => {
       }
     }
   };
-  const getIcon = (item2) => {
-    switch (item2.menuType) {
-      case "table":
-        return /* @__PURE__ */ jsx25(TableChartIcon, { sx: { color: blue[700] } });
-      case "proc":
-        return /* @__PURE__ */ jsx25(DnsIcon, { sx: { color: teal[700] } });
-      case "menu":
-        return /* @__PURE__ */ jsx25(FolderIcon, { sx: { color: orange[800] } });
-      default:
-        const WScreenComponent = wScreens[item2.menuType];
-        if (WScreenComponent !== void 0) {
-          return /* @__PURE__ */ jsx25(DesktopWindowsIcon, { sx: { color: grey[700] } });
-        }
-        return /* @__PURE__ */ jsx25(WarningAmberIcon3, { sx: { color: red[500] } });
-    }
-  };
-  const currentPath = location.pathname;
-  let isSelected = false;
-  const pathParts = currentPath.split("/");
-  const urlTableName = pathParts[1] === "table" ? pathParts[2] : null;
-  if (item.menuType === "table") {
-    isSelected = currentPath === rutaDeTablaDeMenu([...grupos, item.name]) || urlTableName === (item.table || item.name);
-  } else if (item.menuType === "proc") {
-    isSelected = currentPath === `/procedures/${item.name}`;
-  } else if (item.menuType !== "menu") {
-    isSelected = currentPath.startsWith(`/wScreens/${item.menuType}`) || currentPath.startsWith(`/wScreens-fallback/${item.menuType}`);
-  }
+  const isSelected = estaSeleccionado(item, grupos, location.pathname, location.hash);
   const itemRef = React19.useRef(null);
   useEffect8(() => {
     if (isSelected && itemRef.current) {
       itemRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelected]);
+  const contenido = item.menuType === "menu" ? item.menuContent : [];
   return /* @__PURE__ */ jsxs19("div", { ref: itemRef, children: [
     /* @__PURE__ */ jsxs19(
       ListItemButton4,
@@ -5114,83 +5245,156 @@ var MenuListItem = ({ item, level, grupos = [], onMenuItemClick }) => {
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(item) }),
-          /* @__PURE__ */ jsx25(ListItemText3, { primary: item.label || item.name }),
+          /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(item, isSelected || open) }),
+          /* @__PURE__ */ jsx25(ListItemText3, { primary: etiquetaDeItem(item) }),
           item.menuType === "menu" ? open ? /* @__PURE__ */ jsx25(ExpandLess, {}) : /* @__PURE__ */ jsx25(ExpandMore, {}) : null
         ]
       }
     ),
-    item.menuType === "menu" && /* @__PURE__ */ jsx25(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx25(List4, { component: "div", disablePadding: true, children: item.menuContent.map((subItem) => /* @__PURE__ */ jsx25(
+    item.menuType === "menu" && /* @__PURE__ */ jsx25(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx25(List4, { component: "div", disablePadding: true, children: contenido.map((subItem) => /* @__PURE__ */ jsx25(
       MenuListItem,
       {
         item: subItem,
         level: level + 1,
         grupos: [...grupos, item.name],
+        hermanos: contenido.filter((otro) => otro !== subItem).map((otro) => claveDeMenu([...grupos, item.name, otro.name])),
         onMenuItemClick
       },
       subItem.name
     )) }) })
   ] });
 };
+var ItemPlano = ({ hoja, seleccionado, traerALaVista = false, onElegir }) => {
+  const boton = useRef9(null);
+  useEffect8(() => {
+    if (traerALaVista && seleccionado) boton.current?.scrollIntoView({ block: "nearest" });
+  }, [traerALaVista, seleccionado]);
+  return /* @__PURE__ */ jsxs19(ListItemButton4, { dense: true, selected: seleccionado, onClick: () => onElegir(hoja), ref: boton, children: [
+    /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(hoja.item, seleccionado) }),
+    /* @__PURE__ */ jsx25(
+      ListItemText3,
+      {
+        primary: etiquetaDeItem(hoja.item),
+        secondary: hoja.etiquetasDeGrupos.join(" \u203A ") || void 0,
+        secondaryTypographyProps: { noWrap: true }
+      }
+    )
+  ] });
+};
 var SideMenu = ({ onMenuItemClick }) => {
   const { clientContext } = useApp();
   const navigate = useNavigate2();
   const location = useLocation2();
   const dispatch = useAppDispatch();
-  const subMenuOpenStates = useAppSelector((state) => state.menuUi.subMenuOpenStates);
-  const allSubMenusKeys = Object.keys(subMenuOpenStates);
-  const openSubMenusCount = allSubMenusKeys.filter((key) => subMenuOpenStates[key]).length;
-  const isMostlyOpen = allSubMenusKeys.length > 0 && openSubMenusCount / allSubMenusKeys.length > 0.5;
-  const handleToggleAllSubMenus = () => {
-    dispatch(setAllSubMenusOpen(!isMostlyOpen));
-  };
-  if (!clientContext || !clientContext.menu) {
+  const [consulta, setConsulta] = useState18("");
+  const [indice, setIndice] = useState18(0);
+  const [recientes, setRecientes] = useState18(leerRecientes);
+  const campoDeBusqueda = useRef9(null);
+  const menu = clientContext?.menu;
+  const hojas = useMemo12(() => hojasDeMenu(menu ?? []), [menu]);
+  const resultados = useMemo12(() => buscarEnMenu(hojas, consulta), [hojas, consulta]);
+  useEffect8(() => {
+    const alApretar = (evento) => {
+      if ((evento.ctrlKey || evento.metaKey) && !evento.altKey && !evento.shiftKey && evento.key.toLowerCase() === "k") {
+        evento.preventDefault();
+        dispatch(setDrawerOpen(true));
+        setTimeout(() => {
+          campoDeBusqueda.current?.focus();
+          campoDeBusqueda.current?.select();
+        }, 50);
+      }
+    };
+    window.addEventListener("keydown", alApretar);
+    return () => window.removeEventListener("keydown", alApretar);
+  }, [dispatch]);
+  useEffect8(() => {
+    const actual = hojas.find((hoja) => estaSeleccionado(hoja.item, hoja.grupos, location.pathname, location.hash));
+    if (!actual) return;
+    dispatch(abrirCamino(actual.grupos.map((_, i) => claveDeMenu(actual.grupos.slice(0, i + 1)))));
+    setRecientes((anteriores) => {
+      if (anteriores.includes(actual.clave)) return anteriores;
+      const nuevos = [actual.clave, ...anteriores].slice(0, MAXIMO_RECIENTES);
+      guardarRecientes(nuevos);
+      return nuevos;
+    });
+  }, [location.pathname, location.hash, hojas, dispatch]);
+  if (!menu) {
     return /* @__PURE__ */ jsx25(Box14, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx25(Typography12, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
   }
-  useEffect8(() => {
-    if (!clientContext?.menu) return;
-    const expandParents = (items, targetPath, parentNames = []) => {
-      const pathParts = targetPath.split("/");
-      const urlTableName = pathParts[1] === "table" ? pathParts[2] : null;
-      for (const item of items) {
-        let matches = false;
-        if (item.menuType === "table") {
-          matches = targetPath === rutaDeTablaDeMenu([...parentNames, item.name]) || urlTableName === (item.table || item.name);
-        } else if (item.menuType === "proc") {
-          matches = targetPath === `/procedures/${item.name}`;
-        } else if (item.menuType !== "menu") {
-          matches = targetPath.startsWith(`/wScreens/${item.menuType}`) || targetPath.startsWith(`/wScreens-fallback/${item.menuType}`);
-        }
-        if (matches) {
-          parentNames.forEach((name) => {
-            dispatch(setSubMenuOpen({ menuName: name, isOpen: true }));
-          });
-          return true;
-        }
-        if (item.menuType === "menu") {
-          const found = expandParents(item.menuContent, targetPath, [...parentNames, item.name]);
-          if (found) return true;
+  const elegir = (hoja) => {
+    navigate(rutaDeItemDeMenu(hoja.item, hoja.grupos));
+    setConsulta("");
+    setIndice(0);
+    if (onMenuItemClick) {
+      onMenuItemClick();
+    }
+  };
+  const alApretarEnBusqueda = (evento) => {
+    if (evento.key === "ArrowDown" || evento.key === "ArrowUp") {
+      evento.preventDefault();
+      if (resultados.length === 0) return;
+      setIndice((actual) => (actual + (evento.key === "ArrowDown" ? 1 : -1) + resultados.length) % resultados.length);
+    } else if (evento.key === "Enter") {
+      evento.preventDefault();
+      const hoja = resultados[indice];
+      if (hoja) elegir(hoja);
+    } else if (evento.key === "Escape" && consulta !== "") {
+      evento.stopPropagation();
+      setConsulta("");
+    }
+  };
+  const hojasRecientes = recientes.map((clave) => hojas.find((hoja) => hoja.clave === clave)).filter((hoja) => hoja !== void 0);
+  return /* @__PURE__ */ jsxs19(Box14, { sx: { width: "100%", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx25(Box14, { sx: { px: 1.5, py: 1, flexShrink: 0 }, children: /* @__PURE__ */ jsx25(
+      TextField2,
+      {
+        inputRef: campoDeBusqueda,
+        value: consulta,
+        onChange: (evento) => {
+          setConsulta(evento.target.value);
+          setIndice(0);
+        },
+        onKeyDown: alApretarEnBusqueda,
+        placeholder: "Buscar (Ctrl+K)",
+        size: "small",
+        fullWidth: true,
+        autoComplete: "off",
+        sx: { "& .MuiInputBase-input": { fontSize: "0.8rem" } },
+        InputProps: {
+          startAdornment: /* @__PURE__ */ jsx25(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx25(SearchIcon3, { fontSize: "small" }) }),
+          endAdornment: consulta !== "" ? /* @__PURE__ */ jsx25(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx25(IconButton7, { size: "small", "aria-label": "borrar b\xFAsqueda", edge: "end", onClick: () => {
+            setConsulta("");
+            campoDeBusqueda.current?.focus();
+          }, children: /* @__PURE__ */ jsx25(ClearIcon, { fontSize: "small" }) }) }) : void 0
         }
       }
-      return false;
-    };
-    expandParents(clientContext.menu, location.pathname);
-  }, [location.pathname, clientContext, dispatch]);
-  return /* @__PURE__ */ jsxs19(Box14, { sx: { width: "100%", flexShrink: 0 }, children: [
-    clientContext.menu.some((item) => item.menuType === "menu") && /* @__PURE__ */ jsx25(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs19(ListItemButton4, { onClick: handleToggleAllSubMenus, children: [
-      /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: isMostlyOpen ? /* @__PURE__ */ jsx25(UnfoldLessIcon, {}) : /* @__PURE__ */ jsx25(UnfoldMoreIcon, {}) }),
-      /* @__PURE__ */ jsx25(ListItemText3, { primary: isMostlyOpen ? "colapsar " : "expandir" })
-    ] }) }),
+    ) }),
     /* @__PURE__ */ jsx25(Divider2, {}),
-    /* @__PURE__ */ jsx25(List4, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ jsx25(
-      MenuListItem,
-      {
-        item: menuItem,
-        level: 1,
-        onMenuItemClick
-      },
-      menuItem.name
-    )) })
+    /* @__PURE__ */ jsx25(Box14, { sx: { flex: 1, minHeight: 0, overflowY: "auto" }, children: consulta.trim() !== "" ? resultados.length === 0 ? /* @__PURE__ */ jsx25(Box14, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx25(Typography12, { variant: "body2", color: "text.secondary", children: "Sin resultados" }) }) : /* @__PURE__ */ jsx25(List4, { children: resultados.map((hoja, i) => /* @__PURE__ */ jsx25(ItemPlano, { hoja, seleccionado: i === indice, traerALaVista: true, onElegir: elegir }, hoja.clave)) }) : /* @__PURE__ */ jsxs19(Fragment5, { children: [
+      hojasRecientes.length > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
+        /* @__PURE__ */ jsx25(Typography12, { variant: "overline", color: "text.secondary", sx: { display: "block", px: 2, pt: 1, lineHeight: 2 }, children: "Recientes" }),
+        /* @__PURE__ */ jsx25(List4, { disablePadding: true, children: hojasRecientes.map((hoja) => /* @__PURE__ */ jsx25(
+          ItemPlano,
+          {
+            hoja,
+            seleccionado: estaSeleccionado(hoja.item, hoja.grupos, location.pathname, location.hash),
+            onElegir: elegir
+          },
+          hoja.clave
+        )) }),
+        /* @__PURE__ */ jsx25(Divider2, {})
+      ] }),
+      /* @__PURE__ */ jsx25(List4, { children: menu.map((menuItem) => /* @__PURE__ */ jsx25(
+        MenuListItem,
+        {
+          item: menuItem,
+          level: 1,
+          hermanos: menu.filter((otro) => otro !== menuItem).map((otro) => claveDeMenu([otro.name])),
+          onMenuItemClick
+        },
+        menuItem.name
+      )) })
+    ] }) })
   ] });
 };
 var SideMenu_default = SideMenu;
@@ -5200,10 +5404,11 @@ import { useCallback as useCallback14 } from "react";
 import { useNavigate as useNavigate3 } from "react-router-dom";
 import { useDispatch as useDispatch3 } from "react-redux";
 var useLogout = () => {
-  const { setIsLoggedIn } = useApp();
+  const { setIsLoggedIn, avisarCierreVoluntario } = useApp();
   const dispatch = useDispatch3();
   const navigate = useNavigate3();
   const logout = useCallback14(async () => {
+    avisarCierreVoluntario(true);
     try {
       const response = await fetchApi("/logout", { method: "GET" });
       if (response.status === 401 || response.ok) {
@@ -5216,9 +5421,10 @@ var useLogout = () => {
     } finally {
       setIsLoggedIn(false);
       dispatch(clearClientContext());
+      dispatch(setRedirectPath(null));
       navigate("/login", { replace: true });
     }
-  }, [setIsLoggedIn, dispatch, navigate]);
+  }, [setIsLoggedIn, avisarCierreVoluntario, dispatch, navigate]);
   return logout;
 };
 var useLogout_default = useLogout;
@@ -5229,6 +5435,7 @@ var drawerWidth = 240;
 var MainLayout = () => {
   const { clientContext } = useApp();
   const logout = useLogout_default();
+  const navigate = useNavigate4();
   const isDrawerOpen = useIsDrawerOpen();
   const dispatch = useAppDispatch();
   const theme = useTheme5();
@@ -5272,7 +5479,7 @@ var MainLayout = () => {
         },
         children: /* @__PURE__ */ jsxs20(Toolbar, { children: [
           /* @__PURE__ */ jsx26(
-            IconButton6,
+            IconButton8,
             {
               color: "inherit",
               "aria-label": "open drawer",
@@ -5294,8 +5501,9 @@ var MainLayout = () => {
           ),
           /* @__PURE__ */ jsx26(Typography13, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
           /* @__PURE__ */ jsx26(Typography13, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
+          /* @__PURE__ */ jsx26(IconButton8, { color: "inherit", title: "Cambiar contrase\xF1a", "aria-label": "cambiar contrase\xF1a", onClick: () => navigate("/chpass"), sx: { mr: 1 }, children: /* @__PURE__ */ jsx26(VpnKeyIcon, {}) }),
           /* @__PURE__ */ jsx26(
-            Button9,
+            Button8,
             {
               color: "inherit",
               onClick: logout,
@@ -5318,8 +5526,9 @@ var MainLayout = () => {
           "& .MuiDrawer-paper": {
             width: drawerWidth,
             boxSizing: "border-box",
-            overflowX: "hidden",
-            overflowY: "auto"
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column"
           }
         },
         children: [
@@ -5331,6 +5540,8 @@ var MainLayout = () => {
                 alignItems: "center",
                 justifyContent: "flex-start",
                 px: 1,
+                flexShrink: 0,
+                // el logo queda fijo: solo scrollea la lista del menú
                 fontSize: "1.3rem",
                 minHeight: theme.mixins.toolbar.minHeight,
                 gap: 1.5
@@ -5389,7 +5600,7 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-import { Box as Box16, Typography as Typography14, Button as Button10, Modal } from "@mui/material";
+import { Box as Box16, Typography as Typography14, Button as Button9, Modal } from "@mui/material";
 import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var style = {
   position: "absolute",
@@ -5432,7 +5643,7 @@ var SessionExpiredMessage = () => {
       children: /* @__PURE__ */ jsxs21(Box16, { sx: style, children: [
         /* @__PURE__ */ jsx27(Typography14, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
         /* @__PURE__ */ jsx27(Typography14, { id: "session-expired-modal-description", sx: { mt: 2, mb: 3 }, children: "Tu sesi\xF3n ha expirado por inactividad o por seguridad. Por favor, inicia sesi\xF3n de nuevo." }),
-        /* @__PURE__ */ jsx27(Button10, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
+        /* @__PURE__ */ jsx27(Button9, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -5473,13 +5684,24 @@ var LogoutPage = () => {
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
-import { useState as useState18 } from "react";
-import { Button as Button11, TextField as TextField2, Typography as Typography16, Alert as Alert3, AlertTitle, Box as Box18, CircularProgress as CircularProgress6 } from "@mui/material";
+import { useState as useState19 } from "react";
+import { Button as Button10, TextField as TextField3, Typography as Typography16, Alert as Alert3, AlertTitle, Box as Box18, CircularProgress as CircularProgress6, Link } from "@mui/material";
+import { useLocation as useLocation3 } from "react-router-dom";
+
+// src/pages/configuracionLogin.ts
+var RUTA_POR_OMISION = "/new-pass";
+var rutaDeRecuperarClave = null;
+var configurarRecuperarClave = (recuperarClave) => {
+  rutaDeRecuperarClave = recuperarClave === true ? RUTA_POR_OMISION : typeof recuperarClave === "string" && recuperarClave !== "" ? recuperarClave : null;
+};
+var rutaParaRecuperarClave = () => rutaDeRecuperarClave;
+
+// src/pages/LoginPage.tsx
 import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import { useDispatch as useDispatch4 } from "react-redux";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -5487,9 +5709,12 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const [loginError, setLoginError] = useState18(null);
-  const [isSubmitting, setIsSubmitting] = useState18(false);
-  const { setIsLoggedIn, checkSession } = useApp();
+  const [loginError, setLoginError] = useState19(null);
+  const [isSubmitting, setIsSubmitting] = useState19(false);
+  const estadoDeLaRuta = useLocation3().state;
+  const claveCambiada = typeof estadoDeLaRuta === "object" && estadoDeLaRuta !== null && "claveCambiada" in estadoDeLaRuta && estadoDeLaRuta.claveCambiada === true;
+  const rutaDeRecuperarClave2 = rutaParaRecuperarClave();
+  const { setIsLoggedIn, checkSession, avisarCierreVoluntario } = useApp();
   const dispatch = useDispatch4();
   const {
     control,
@@ -5521,6 +5746,7 @@ var LoginPage = () => {
         const errorText = "Credenciales incorrectas o error al iniciar sesi\xF3n";
         throw new Error(errorText);
       }
+      avisarCierreVoluntario(false);
       setIsLoggedIn(true);
       await dispatch(fetchClientContext()).unwrap();
       console.log("Login exitoso y clientContext cargado.");
@@ -5560,58 +5786,77 @@ var LoginPage = () => {
               }
             ) }),
             /* @__PURE__ */ jsx30(Typography16, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ jsxs23("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs23("div", { children: [
-                /* @__PURE__ */ jsx30("label", { htmlFor: "username", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
-                /* @__PURE__ */ jsx30(
-                  Controller,
-                  {
-                    name: "username",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ jsx30(
-                      TextField2,
+            /* @__PURE__ */ jsxs23(
+              "form",
+              {
+                onSubmit: handleSubmit(onSubmit),
+                className: "space-y-4",
+                onKeyDown: (evento) => {
+                  if (evento.key !== "Enter" || evento.shiftKey || evento.ctrlKey || evento.altKey || evento.metaKey) return;
+                  if (!(evento.target instanceof HTMLInputElement)) return;
+                  evento.preventDefault();
+                  if (!isSubmitting) void handleSubmit(onSubmit)();
+                },
+                children: [
+                  /* @__PURE__ */ jsxs23("div", { children: [
+                    /* @__PURE__ */ jsx30("label", { htmlFor: "username", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                    /* @__PURE__ */ jsx30(
+                      Controller,
                       {
-                        ...field,
-                        type: "text",
-                        placeholder: "Ingresa tu usuario",
-                        fullWidth: true,
-                        margin: "normal",
-                        error: !!errors.username,
-                        helperText: errors.username?.message,
-                        disabled: isSubmitting
+                        name: "username",
+                        control,
+                        render: ({ field }) => /* @__PURE__ */ jsx30(
+                          TextField3,
+                          {
+                            ...field,
+                            type: "text",
+                            id: "username",
+                            autoComplete: "username",
+                            placeholder: "Ingresa tu usuario",
+                            fullWidth: true,
+                            margin: "normal",
+                            error: !!errors.username,
+                            helperText: errors.username?.message,
+                            disabled: isSubmitting
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs23("div", { children: [
-                /* @__PURE__ */ jsx30("label", { htmlFor: "password", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
-                /* @__PURE__ */ jsx30(
-                  Controller,
-                  {
-                    name: "password",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ jsx30(
-                      TextField2,
+                  ] }),
+                  /* @__PURE__ */ jsxs23("div", { children: [
+                    /* @__PURE__ */ jsx30("label", { htmlFor: "password", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                    /* @__PURE__ */ jsx30(
+                      Controller,
                       {
-                        ...field,
-                        type: "password",
-                        placeholder: "Ingresa tu contrase\xF1a",
-                        fullWidth: true,
-                        margin: "normal",
-                        error: !!errors.password,
-                        helperText: errors.password?.message,
-                        disabled: isSubmitting
+                        name: "password",
+                        control,
+                        render: ({ field }) => /* @__PURE__ */ jsx30(
+                          TextField3,
+                          {
+                            ...field,
+                            type: "password",
+                            id: "password",
+                            autoComplete: "current-password",
+                            placeholder: "Ingresa tu contrase\xF1a",
+                            fullWidth: true,
+                            margin: "normal",
+                            error: !!errors.password,
+                            helperText: errors.password?.message,
+                            disabled: isSubmitting
+                          }
+                        )
                       }
                     )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx30(Button11, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
-                /* @__PURE__ */ jsx30(CircularProgress6, { size: 20, sx: { mr: 1 } }),
-                "Iniciando sesi\xF3n..."
-              ] }) : "Iniciar Sesi\xF3n" })
-            ] }),
+                  ] }),
+                  /* @__PURE__ */ jsx30(Button10, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs23(Fragment6, { children: [
+                    /* @__PURE__ */ jsx30(CircularProgress6, { size: 20, sx: { mr: 1 } }),
+                    "Iniciando sesi\xF3n..."
+                  ] }) : "Iniciar Sesi\xF3n" })
+                ]
+              }
+            ),
+            rutaDeRecuperarClave2 && /* @__PURE__ */ jsx30(Box18, { sx: { mt: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx30(Link, { href: `${envConfig.backendUrl}${rutaDeRecuperarClave2}`, variant: "body2", underline: "hover", children: "Me olvid\xE9 la clave / es mi primer ingreso" }) }),
+            claveCambiada && !loginError && /* @__PURE__ */ jsx30(Alert3, { severity: "success", sx: { mt: 2 }, children: "La contrase\xF1a se cambi\xF3. Ingres\xE1 con la clave nueva." }),
             loginError && /* @__PURE__ */ jsxs23(Alert3, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
               /* @__PURE__ */ jsx30(AlertTitle, { children: "Error" }),
@@ -5626,11 +5871,11 @@ var LoginPage = () => {
 var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
-import React23, { useState as useState19, useCallback as useCallback15, useMemo as useMemo12 } from "react";
+import React23, { useState as useState20, useCallback as useCallback15, useMemo as useMemo13 } from "react";
 import { useParams } from "react-router-dom";
 import {
-  TextField as TextField3,
-  Button as Button12,
+  TextField as TextField4,
+  Button as Button11,
   FormControl as FormControl3,
   InputLabel as InputLabel2,
   Select as Select2,
@@ -5673,17 +5918,17 @@ var ProcedureForm = () => {
   const { procedureName } = useParams();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
-  const [validationErrors, setValidationErrors] = useState19({});
-  const [successMessage, setSuccessMessage] = useState19(null);
-  const [executionLog, setExecutionLog] = useState19([]);
-  const [procedureResultData, setProcedureResultData] = useState19(null);
-  const procedure = useMemo12(() => {
+  const [validationErrors, setValidationErrors] = useState20({});
+  const [successMessage, setSuccessMessage] = useState20(null);
+  const [executionLog, setExecutionLog] = useState20([]);
+  const [procedureResultData, setProcedureResultData] = useState20(null);
+  const procedure = useMemo13(() => {
     if (procedureName && clientContext?.procedure) {
       return clientContext.procedure[procedureName];
     }
     return void 0;
   }, [procedureName, clientContext]);
-  const [formValues, setFormValues] = useState19(() => {
+  const [formValues, setFormValues] = useState20(() => {
     if (!procedure) return {};
     const initialValues = {};
     procedure.parameters.forEach((param) => {
@@ -5912,13 +6157,13 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ jsx32(TextField3, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx32(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ jsx32(TextField3, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx32(TextField4, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "integer":
       case "bigint":
-        return /* @__PURE__ */ jsx32(TextField3, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx32(TextField4, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "boolean":
         return /* @__PURE__ */ jsx32(
           FormControlLabel3,
@@ -5941,10 +6186,10 @@ var ProcedureForm = () => {
       case "date":
       case "timestamp":
       case "time":
-        return /* @__PURE__ */ jsx32(TextField3, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ jsx32(TextField4, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
       case "jsonb":
       case "jsona":
-        return /* @__PURE__ */ jsx32(TextField3, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ jsx32(TextField4, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
         return /* @__PURE__ */ jsxs25(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
           /* @__PURE__ */ jsx32(Typography18, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
@@ -5965,10 +6210,10 @@ var ProcedureForm = () => {
           (param.description || errorMessage) && /* @__PURE__ */ jsx32(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ jsx32(TextField3, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx32(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
-  const ResultDisplayContent = useMemo12(() => {
+  const ResultDisplayContent = useMemo13(() => {
     if (!procedureResultData || !procedure?.resultOk) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
@@ -6032,7 +6277,7 @@ var ProcedureForm = () => {
       /* @__PURE__ */ jsxs25("form", { onSubmit: handleSubmit, children: [
         procedure.parameters.map((param) => /* @__PURE__ */ jsx32("div", { children: renderInputField(param) }, param.name)),
         /* @__PURE__ */ jsx32(
-          Button12,
+          Button11,
           {
             type: "submit",
             variant: "contained",
@@ -6093,10 +6338,10 @@ import { PersistGate } from "redux-persist/integration/react";
 
 // src/components/PrivateRoute.tsx
 import { useEffect as useEffect11 } from "react";
-import { Navigate as Navigate2, useLocation as useLocation3 } from "react-router-dom";
-import { Fragment as Fragment6, jsx as jsx33 } from "react/jsx-runtime";
+import { Navigate as Navigate2, useLocation as useLocation4 } from "react-router-dom";
+import { Fragment as Fragment7, jsx as jsx33 } from "react/jsx-runtime";
 var PrivateRoute = ({ children }) => {
-  const location = useLocation3();
+  const location = useLocation4();
   const dispatch = useAppDispatch();
   const clientContextStatus = useClientContextStatus();
   const isAuthenticated = clientContextStatus === "succeeded";
@@ -6104,7 +6349,7 @@ var PrivateRoute = ({ children }) => {
   console.log(`[PrivateRoute] Render: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
   useEffect11(() => {
     console.log(`[PrivateRoute] Effect: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
-    if (!isAuthenticated && !isLoadingAuth && location.pathname !== "/login") {
+    if (!isAuthenticated && !isLoadingAuth && location.pathname !== "/login" && !huboCierreVoluntario()) {
       const path = location.pathname + location.search + location.hash;
       console.log(`[PrivateRoute] ACTION: Dispatching setRedirectPath(${path})`);
       dispatch(setRedirectPath(path));
@@ -6125,29 +6370,33 @@ var PrivateRoute = ({ children }) => {
     return /* @__PURE__ */ jsx33(Navigate2, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ jsx33(Fragment6, { children });
+  return /* @__PURE__ */ jsx33(Fragment7, { children });
 };
 var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
-import { useEffect as useEffect12, useRef as useRef9 } from "react";
-import { useLocation as useLocation4, useNavigate as useNavigate4 } from "react-router-dom";
+import { useEffect as useEffect12, useRef as useRef10 } from "react";
+import { useLocation as useLocation5, useNavigate as useNavigate5 } from "react-router-dom";
 var InitialRedirectHandler = () => {
-  const location = useLocation4();
-  const navigate = useNavigate4();
+  const location = useLocation5();
+  const navigate = useNavigate5();
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
+  const username = useAppSelector((state) => state.clientContext.username);
+  const redirectUsername = useAppSelector((state) => state.router.redirectUsername);
   useEffect12(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
-  const navegandoRef = useRef9(false);
+  const navegandoRef = useRef10(false);
   useEffect12(() => {
     navegandoRef.current = false;
   }, [location.pathname]);
   useEffect12(() => {
     if (clientContextStatus === "succeeded") {
-      if (redirectPath && redirectPath !== "/login") {
+      if (redirectPath && redirectPath !== "/login" && redirectUsername && redirectUsername !== username) {
+        dispatch(setRedirectPath(null));
+      } else if (redirectPath && redirectPath !== "/login") {
         console.log("Redirigiendo a la ruta guardada:", redirectPath);
         navegandoRef.current = true;
         navigate(redirectPath);
@@ -6157,15 +6406,15 @@ var InitialRedirectHandler = () => {
         navigate("/");
       }
     }
-  }, [clientContextStatus, redirectPath, location.pathname, navigate, dispatch]);
+  }, [clientContextStatus, redirectPath, redirectUsername, username, location.pathname, navigate, dispatch]);
   return null;
 };
 var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
-import React26, { useState as useState20, useCallback as useCallback16, useMemo as useMemo13 } from "react";
-import { useParams as useParams2, useLocation as useLocation5 } from "react-router-dom";
-import { Box as Box21, Alert as Alert5, Typography as Typography19, Tabs, Tab, IconButton as IconButton7 } from "@mui/material";
+import React26, { useState as useState21, useCallback as useCallback16, useMemo as useMemo14 } from "react";
+import { useParams as useParams2, useLocation as useLocation6 } from "react-router-dom";
+import { Box as Box21, Alert as Alert5, Typography as Typography19, Tabs, Tab, IconButton as IconButton9 } from "@mui/material";
 import CloseIcon2 from "@mui/icons-material/Close";
 import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var GenericDataGridPage = ({
@@ -6175,11 +6424,11 @@ var GenericDataGridPage = ({
 }) => {
   const { tableName: urlTableName } = useParams2();
   const effectiveTableName = initialTableName || urlTableName;
-  const [tabs, setTabs] = useState20([]);
-  const [activeTabIdx, setActiveTabIdx] = useState20(0);
+  const [tabs, setTabs] = useState21([]);
+  const [activeTabIdx, setActiveTabIdx] = useState21(0);
   const ffKey = JSON.stringify(initialFixedFields);
-  const location = useLocation5();
-  const parametros = useMemo13(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
+  const location = useLocation6();
+  const parametros = useMemo14(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
   const fixedFieldsIniciales = initialFixedFields.length > 0 ? initialFixedFields : parametros.fixedFields ?? [];
   const parametrosKey = JSON.stringify(parametros);
   React26.useEffect(() => {
@@ -6226,7 +6475,7 @@ var GenericDataGridPage = ({
       {
         label: /* @__PURE__ */ jsxs26(Box21, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
           /* @__PURE__ */ jsx34(Typography19, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ jsx34(IconButton7, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx34(CloseIcon2, { fontSize: "inherit" }) })
+          index !== 0 && /* @__PURE__ */ jsx34(IconButton9, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx34(CloseIcon2, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
@@ -6258,27 +6507,27 @@ var GenericDataGridPage = ({
 var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { useSearchParams } from "react-router-dom";
 import { Box as Box22 } from "@mui/material";
 import { jsx as jsx35 } from "react/jsx-runtime";
 var PantallaDeRuta = ({ screenName }) => {
   const [busqueda] = useSearchParams();
-  const params = useMemo14(() => Object.fromEntries(busqueda.entries()), [busqueda]);
+  const params = useMemo15(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
   return /* @__PURE__ */ jsx35(Box22, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx35(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx35(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
-import { useMemo as useMemo15 } from "react";
-import { useLocation as useLocation6, useParams as useParams3 } from "react-router-dom";
+import { useMemo as useMemo16 } from "react";
+import { useLocation as useLocation7, useParams as useParams3 } from "react-router-dom";
 import { Box as Box23, Alert as Alert6, Typography as Typography20 } from "@mui/material";
 import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 var MenuTablePage = () => {
   const { "*": menuName } = useParams3();
   const { clientContext } = useApp();
-  const { search } = useLocation6();
-  const { currentTableName, currentFixedFields, parametros } = useMemo15(() => {
+  const { search } = useLocation7();
+  const { currentTableName, currentFixedFields, parametros } = useMemo16(() => {
     let tableName = void 0;
     let fixedFields = [];
     let parametros2 = {};
@@ -6316,8 +6565,8 @@ var MenuTablePage = () => {
 var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
-import { useEffect as useEffect15, useRef as useRef10, useState as useState21 } from "react";
-import { Navigate as Navigate3, useLocation as useLocation7, useParams as useParams4 } from "react-router-dom";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState22 } from "react";
+import { Navigate as Navigate3, useLocation as useLocation8, useParams as useParams4 } from "react-router-dom";
 import { Alert as Alert7, Box as Box25, CircularProgress as CircularProgress8 } from "@mui/material";
 
 // src/puente/clienteBP.ts
@@ -6520,13 +6769,6 @@ function resolverPantallaBP(myOwn, nombre, contenedor) {
   return null;
 }
 
-// src/puente/habilitacion.ts
-var habilitado = false;
-var habilitarPuenteBP = () => {
-  habilitado = true;
-};
-var puenteBPHabilitado = () => habilitado;
-
 // src/puente/PantallaBP.tsx
 import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function buscarItemDeMenu(items, tipo) {
@@ -6541,10 +6783,10 @@ function buscarItemDeMenu(items, tipo) {
 }
 var PantallaBP = ({ nombre, direccion }) => {
   const { clientContext } = useApp();
-  const [cargando, setCargando] = useState21(true);
-  const [error, setError] = useState21(null);
-  const [noExiste, setNoExiste] = useState21(false);
-  const contenedor = useRef10(null);
+  const [cargando, setCargando] = useState22(true);
+  const [error, setError] = useState22(null);
+  const [noExiste, setNoExiste] = useState22(false);
+  const contenedor = useRef11(null);
   const menu = clientContext.menu;
   useEffect15(() => {
     const elemento = contenedor.current;
@@ -6590,14 +6832,14 @@ var PantallaBP = ({ nombre, direccion }) => {
 };
 var PantallaDeRespaldo = () => {
   const { screenName = "" } = useParams4();
-  const { search } = useLocation7();
+  const { search } = useLocation8();
   if (!puenteBPHabilitado()) {
     return /* @__PURE__ */ jsx38(Box25, { sx: { p: 3 }, children: /* @__PURE__ */ jsx38(FallbackWScreen, { screenName }) });
   }
   return /* @__PURE__ */ jsx38(Navigate3, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
-  const { hash, search } = useLocation7();
+  const { hash, search } = useLocation8();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
   if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx38(Navigate3, { to: "/", replace: true });
@@ -6610,14 +6852,14 @@ var PaginaBP = () => {
 };
 
 // src/puente/GrillaBP.tsx
-import { useEffect as useEffect16, useRef as useRef11, useState as useState22 } from "react";
+import { useEffect as useEffect16, useRef as useRef12, useState as useState23 } from "react";
 import { useParams as useParams5 } from "react-router-dom";
 import { Alert as Alert8, Box as Box26, CircularProgress as CircularProgress9 } from "@mui/material";
 import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
 var GrillaBP = ({ tabla, fixedFields }) => {
-  const contenedor = useRef11(null);
-  const [cargando, setCargando] = useState22(true);
-  const [error, setError] = useState22(null);
+  const contenedor = useRef12(null);
+  const [cargando, setCargando] = useState23(true);
+  const [error, setError] = useState23(null);
   const clave = JSON.stringify(fixedFields ?? []);
   useEffect16(() => {
     const elemento = contenedor.current;
@@ -6657,7 +6899,7 @@ var PaginaGrillaBP = () => {
 
 // src/puente/CapturaBP.tsx
 import { useEffect as useEffect17 } from "react";
-import { useNavigate as useNavigate5 } from "react-router-dom";
+import { useNavigate as useNavigate6 } from "react-router-dom";
 
 // src/puente/capturaDeNavegacion.ts
 function apiDeNavegacion() {
@@ -6702,16 +6944,128 @@ function capturarNavegacionBP(urlBackend, navegar) {
 
 // src/puente/CapturaBP.tsx
 var CapturaBP = () => {
-  const navigate = useNavigate5();
+  const navigate = useNavigate6();
   useEffect17(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
   return null;
 };
 
+// src/pages/CambiarClavePage.tsx
+import { useState as useState24 } from "react";
+import { Alert as Alert9, Box as Box27, Button as Button12, CircularProgress as CircularProgress10, TextField as TextField5, Typography as Typography21 } from "@mui/material";
+import { useNavigate as useNavigate7 } from "react-router-dom";
+import { useDispatch as useDispatch5 } from "react-redux";
+
+// src/utils/cambiarClave.ts
+var MENSAJE_POR_OMISION = "No se pudo cambiar la contrase\xF1a";
+function resultadoDeCambioDeClave(urlFinal, html) {
+  if (/\/login\/?(\?.*)?$/.test(urlFinal)) return { ok: true };
+  const mensajes = Array.from(new DOMParser().parseFromString(html, "text/html").querySelectorAll(".error-message")).map((elemento) => (elemento.textContent ?? "").trim()).filter((mensaje) => mensaje !== "");
+  return { ok: false, mensaje: mensajes.join("\n") || MENSAJE_POR_OMISION };
+}
+
+// src/pages/CambiarClavePage.tsx
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+var CambiarClavePage = () => {
+  const { clientContext, setIsLoggedIn, avisarCierreVoluntario } = useApp();
+  const dispatch = useDispatch5();
+  const navigate = useNavigate7();
+  const [claveActual, setClaveActual] = useState24("");
+  const [claveNueva, setClaveNueva] = useState24("");
+  const [claveRepetida, setClaveRepetida] = useState24("");
+  const [error, setError] = useState24(null);
+  const [enviando, setEnviando] = useState24(false);
+  const enviar = async (evento) => {
+    evento.preventDefault();
+    setError(null);
+    if (claveNueva !== claveRepetida) {
+      setError("La clave nueva y su repetici\xF3n no coinciden");
+      return;
+    }
+    setEnviando(true);
+    avisarCierreVoluntario(true);
+    try {
+      const respuesta = await fetchApi("/chpass", {
+        method: "POST",
+        body: new URLSearchParams({ oldPassword: claveActual, newPassword: claveNueva, repPassword: claveRepetida })
+      });
+      const resultado = resultadoDeCambioDeClave(respuesta.url, await respuesta.text());
+      if (!resultado.ok) {
+        avisarCierreVoluntario(false);
+        setError(resultado.mensaje);
+        return;
+      }
+      setIsLoggedIn(false);
+      dispatch(clearClientContext());
+      dispatch(setRedirectPath(null));
+      navigate("/login", { replace: true, state: { claveCambiada: true } });
+    } catch (err) {
+      avisarCierreVoluntario(false);
+      setError(mensajeDeError(err, "No se pudo cambiar la contrase\xF1a"));
+    } finally {
+      setEnviando(false);
+    }
+  };
+  return /* @__PURE__ */ jsx40(Box27, { sx: { p: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs30(Box27, { component: "form", onSubmit: enviar, sx: { width: "100%", maxWidth: 420 }, children: [
+    /* @__PURE__ */ jsx40(Typography21, { variant: "h5", gutterBottom: true, children: "Cambiar contrase\xF1a" }),
+    /* @__PURE__ */ jsx40(TextField5, { label: "Usuario", value: clientContext?.username ?? "", fullWidth: true, margin: "normal", disabled: true, autoComplete: "username" }),
+    /* @__PURE__ */ jsx40(
+      TextField5,
+      {
+        label: "Contrase\xF1a actual",
+        type: "password",
+        value: claveActual,
+        onChange: (e) => setClaveActual(e.target.value),
+        fullWidth: true,
+        margin: "normal",
+        autoFocus: true,
+        required: true,
+        autoComplete: "current-password",
+        disabled: enviando
+      }
+    ),
+    /* @__PURE__ */ jsx40(
+      TextField5,
+      {
+        label: "Contrase\xF1a nueva",
+        type: "password",
+        value: claveNueva,
+        onChange: (e) => setClaveNueva(e.target.value),
+        fullWidth: true,
+        margin: "normal",
+        required: true,
+        autoComplete: "new-password",
+        disabled: enviando
+      }
+    ),
+    /* @__PURE__ */ jsx40(
+      TextField5,
+      {
+        label: "Repetir contrase\xF1a nueva",
+        type: "password",
+        value: claveRepetida,
+        onChange: (e) => setClaveRepetida(e.target.value),
+        fullWidth: true,
+        margin: "normal",
+        required: true,
+        autoComplete: "new-password",
+        disabled: enviando
+      }
+    ),
+    error && /* @__PURE__ */ jsx40(Alert9, { severity: "error", sx: { mt: 1, whiteSpace: "pre-line" }, children: error }),
+    /* @__PURE__ */ jsxs30(Box27, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", mt: 2 }, children: [
+      /* @__PURE__ */ jsx40(Button12, { onClick: () => navigate(-1), disabled: enviando, children: "Cancelar" }),
+      /* @__PURE__ */ jsx40(Button12, { type: "submit", variant: "contained", disabled: enviando, children: enviando ? /* @__PURE__ */ jsx40(CircularProgress10, { size: 20 }) : "Cambiar contrase\xF1a" })
+    ] }),
+    /* @__PURE__ */ jsx40(Typography21, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 2 }, children: "Al cambiarla se cierra la sesi\xF3n: hay que ingresar de nuevo con la clave nueva." })
+  ] }) });
+};
+var CambiarClavePage_default = CambiarClavePage;
+
 // src/App.tsx
 import typeStore6 from "type-store";
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 var LocationTracker = () => {
-  const location = useLocation8();
+  const location = useLocation9();
   const dispatch = useAppDispatch();
   useEffect18(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
@@ -6719,45 +7073,46 @@ var LocationTracker = () => {
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ jsxs30(Fragment7, { children: [
-    /* @__PURE__ */ jsx40(InitialRedirectHandler_default, {}),
-    puenteBPHabilitado() && /* @__PURE__ */ jsx40(CapturaBP, {}),
-    /* @__PURE__ */ jsxs30(Routes, { children: [
-      /* @__PURE__ */ jsxs30(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx40(UnloggedLayout, {}) : /* @__PURE__ */ jsx40(Outlet2, {}), children: [
-        /* @__PURE__ */ jsx40(Route, { path: "/login", element: /* @__PURE__ */ jsx40(LoginPage_default, {}) }),
-        /* @__PURE__ */ jsx40(Route, { path: "/logout", element: /* @__PURE__ */ jsx40(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
+    /* @__PURE__ */ jsx41(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ jsx41(CapturaBP, {}),
+    /* @__PURE__ */ jsxs31(Routes, { children: [
+      /* @__PURE__ */ jsxs31(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx41(UnloggedLayout, {}) : /* @__PURE__ */ jsx41(Outlet2, {}), children: [
+        /* @__PURE__ */ jsx41(Route, { path: "/login", element: /* @__PURE__ */ jsx41(LoginPage_default, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/logout", element: /* @__PURE__ */ jsx41(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ jsxs30(Route, { element: /* @__PURE__ */ jsx40(PrivateRoute_default, { children: /* @__PURE__ */ jsx40(Layout, {}) }), children: [
-        /* @__PURE__ */ jsx40(Route, { path: "/", element: /* @__PURE__ */ jsx40(PantallaInicial_default, {}) }),
-        /* @__PURE__ */ jsx40(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx40(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ jsx40(Route, { path: "/menu/*", element: /* @__PURE__ */ jsx40(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ jsx40(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx40(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsxs31(Route, { element: /* @__PURE__ */ jsx41(PrivateRoute_default, { children: /* @__PURE__ */ jsx41(Layout, {}) }), children: [
+        /* @__PURE__ */ jsx41(Route, { path: "/", element: /* @__PURE__ */ jsx41(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx41(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/menu/*", element: /* @__PURE__ */ jsx41(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx41(ProcedureForm_default, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/chpass", element: /* @__PURE__ */ jsx41(CambiarClavePage_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx41(
           Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ jsx40(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ jsx41(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ jsx40(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx40(PantallaDeRespaldo, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx40(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx40(PaginaBP, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx40(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx40(PaginaGrillaBP, {}) }),
+        /* @__PURE__ */ jsx41(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx41(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx41(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx41(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx41(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx41(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ jsx40(Route, { path: "*", element: /* @__PURE__ */ jsx40("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ jsx41(Route, { path: "*", element: /* @__PURE__ */ jsx41("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ jsx40(Route, { path: "*", element: /* @__PURE__ */ jsx40(Navigate4, { to: "/", replace: true }) })
+      /* @__PURE__ */ jsx41(Route, { path: "*", element: /* @__PURE__ */ jsx41(Navigate4, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ jsx40(Provider, { store, children: /* @__PURE__ */ jsx40(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs30(BrowserRouter, { basename: rutaBase, children: [
-    /* @__PURE__ */ jsx40(LocationTracker, {}),
+  return /* @__PURE__ */ jsx41(Provider, { store, children: /* @__PURE__ */ jsx41(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs31(BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ jsx41(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ jsx40(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs30(SnackbarProvider, { children: [
+    /* @__PURE__ */ jsx41(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs31(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ jsx40(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ jsx41(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -6769,9 +7124,10 @@ var App = ({
   myClientSides,
   myResultsOk,
   myConditions,
-  puenteBP
+  puenteBP,
+  recuperarClave
 }) => {
-  useMemo16(() => {
+  useMemo17(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -6787,7 +7143,8 @@ var App = ({
     if (puenteBP) {
       habilitarPuenteBP();
     }
-  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
+    configurarRecuperarClave(recuperarClave);
+  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP, recuperarClave]);
   useEffect18(() => {
     typeStore6.messages = typeStore6.i18n.messages.es;
     typeStore6.locale = typeStore6.i18n.locale.es;
@@ -6797,11 +7154,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = React33.useMemo(() => {
+  const safePaths = React34.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ jsx40(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx41(
     FrontendPlusReactRoutes,
     {
       myRoutes,