frontend-plus-react 0.6.0 → 0.8.0

package/dist/index.js

@@ -317,7 +317,7 @@ var useApiCallWithoutSnackbar = () => {
 };
 
 // src/components/grid/GenericDataGrid.tsx
-import { CircularProgress as CircularProgress4, Typography as Typography10, Box as Box12, Alert as Alert2, useTheme as useTheme4, Dialog as Dialog4 } from "@mui/material";
+import { CircularProgress as CircularProgress4, Typography as Typography11, Box as Box13, Alert as Alert2, useTheme as useTheme4, Dialog as Dialog5 } from "@mui/material";
 
 // src/store/index.ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
@@ -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;
@@ -1377,7 +1393,7 @@ function BotonDetalle({ row, rowId, detailTable, deshabilitado }) {
   const { abiertos, alternarDetalle } = useDetallesGrilla();
   if (!cumpleCondicion(detailTable.condition, row)) return /* @__PURE__ */ jsx5("div", { className: "fpr-boton-detalle" });
   const abierto = abiertos.has(claveDetalle(rowId, detailTable));
-  const titulo = deshabilitado ? "Grab\xE1 la fila para ver sus detalles" : `${detailTable.label || detailTable.abr}${abierto ? " (replegar)" : ""} \u2014 Ctrl+click: en otra pesta\xF1a`;
+  const titulo = deshabilitado ? "Grab\xE1 la fila para ver sus detalles" : "";
   return /* @__PURE__ */ jsx5(Tooltip, { title: titulo, children: /* @__PURE__ */ jsx5("span", { className: "fpr-boton-detalle", children: /* @__PURE__ */ jsx5(
     IconButton,
     {
@@ -1813,7 +1829,8 @@ var useGridMenu = ({
   callApi,
   resetSorting,
   triggerImport,
-  triggerExport
+  triggerExport,
+  abrirColumnas
 }) => {
   const { showSuccess, showError, showWarning } = useSnackbar();
   const menuOptions = useMemo4(() => {
@@ -1849,7 +1866,7 @@ var useGridMenu = ({
       label: "ocultar o mostrar columnas",
       icon: React4.createElement(VisibilityOffIcon),
       handler: async () => {
-        console.log("Ocultar/mostrar columnas");
+        abrirColumnas?.();
       },
       visible: true
     });
@@ -1898,7 +1915,7 @@ var useGridMenu = ({
       visible: true
     });
     return options;
-  }, [tableDefinition, tableName, fixedFields, setTableData, callApi, resetSorting, triggerImport, triggerExport, showSuccess, showError, showWarning]);
+  }, [tableDefinition, tableName, fixedFields, setTableData, callApi, resetSorting, triggerImport, triggerExport, abrirColumnas, showSuccess, showError, showWarning]);
   return { menuOptions };
 };
 
@@ -1969,7 +1986,7 @@ var useVistaGrilla = () => useContext3(VistaGrillaContext);
 
 // src/components/grid/renderers/headerCellRenderers.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var defaultColumnHeaderCellRenderer = (props, fieldDef) => {
+var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
   const { column, sortDirection, priority } = props;
   const isPrimaryKey = fieldDef.isPk;
   const sorted = sortDirection !== void 0;
@@ -1984,6 +2001,11 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef) => {
   return /* @__PURE__ */ jsxs5(
     Box3,
     {
+      onClickCapture: (e) => {
+        if (!e.altKey || !ocultarColumna) return;
+        e.stopPropagation();
+        ocultarColumna(fieldDef.name);
+      },
       sx: {
         display: "flex",
         alignItems: "center",
@@ -1999,9 +2021,10 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef) => {
           {
             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",
@@ -2027,22 +2050,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 } })
       }
     ),
@@ -2052,7 +2073,7 @@ 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" } })
       }
     )
@@ -2542,9 +2563,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": {
@@ -2591,36 +2615,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,
@@ -2656,7 +2686,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,
@@ -2717,7 +2747,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";
@@ -2883,14 +2913,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
@@ -3290,22 +3318,46 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
   }
 };
 
+// src/utils/columnasOcultas.ts
+function columnasOcultasIniciales(tableDefinition) {
+  return Array.from(new Set(tableDefinition.hiddenColumns ?? []));
+}
+function campoDibujable(field) {
+  return field.visible !== false;
+}
+
 // 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) => {
@@ -3319,14 +3371,19 @@ 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,
   anchosCalculados,
   fixedFields,
+  columnasOcultas,
+  ocultarColumna,
   primaryKey,
   setTableData,
   handleKeyPressInEditor,
@@ -3340,7 +3397,7 @@ var useGridColumns = ({
   const columns = useMemo8(() => {
     if (!tableDefinition) return [];
     const fieldsToShow = tableDefinition.fields.filter((field) => {
-      return !columnaOcultaPorFixedField(fixedFields, field.name) && field.visible !== false;
+      return campoDibujable(field) && !columnaOcultaPorFixedField(fixedFields, field.name) && !columnasOcultas.has(field.name);
     });
     const defaultColumns = fieldsToShow.map((fieldDef) => {
       const isFixedField = valorFijoDe(fixedFields, fieldDef.name) !== void 0;
@@ -3365,7 +3422,7 @@ var useGridColumns = ({
         registrarEditor,
         width: colWidth,
         minWidth: 40,
-        renderHeaderCell: (props) => defaultColumnHeaderCellRenderer(props, fieldDef),
+        renderHeaderCell: (props) => defaultColumnHeaderCellRenderer(props, fieldDef, ocultarColumna),
         renderSummaryCell: (props) => defaultColumnSummaryCellRenderer(props, fixedFields)
       };
       return column;
@@ -3428,7 +3485,7 @@ var useGridColumns = ({
       renderEditCell: (props) => allColumnsEditCellRenderer(props, allColumns),
       renderCell: (props) => allColumnsCellRenderer(props)
     }));
-  }, [tableDefinition, anchosCalculados, fixedFields, primaryKey, setTableData, handleKeyPressInEditor, registrarEditor, handleDeleteRow, handleAddRow, handleVerticalEditRow, toggleFilterVisibility, abrirOpcionesDeGrilla]);
+  }, [tableDefinition, anchosCalculados, fixedFields, columnasOcultas, ocultarColumna, primaryKey, setTableData, handleKeyPressInEditor, registrarEditor, handleDeleteRow, handleAddRow, handleVerticalEditRow, toggleFilterVisibility, abrirOpcionesDeGrilla]);
   return { columns };
 };
 
@@ -3439,7 +3496,7 @@ import {
   DialogTitle as DialogTitle2,
   DialogContent as DialogContent2,
   DialogActions as DialogActions2,
-  Button as Button5,
+  Button as Button4,
   FormControlLabel,
   Checkbox,
   Box as Box9,
@@ -3563,9 +3620,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",
@@ -3585,7 +3642,7 @@ import {
   DialogTitle as DialogTitle3,
   DialogContent as DialogContent3,
   DialogActions as DialogActions3,
-  Button as Button6,
+  Button as Button5,
   FormControl as FormControl2,
   FormLabel,
   RadioGroup,
@@ -3604,6 +3661,7 @@ var ExportDialog = ({
   open,
   onClose,
   tableDefinition,
+  columnasOcultas,
   tableData,
   filteredRows,
   username = "anonymous"
@@ -3634,8 +3692,7 @@ var ExportDialog = ({
   };
   const executeExport = async () => {
     const fieldsDef2Export = tableDefinition.fields.filter((fieldDef) => {
-      const isVisible = fieldDef.visible !== false;
-      return (fieldDef.inTable !== false || options.fromOtherTables) && isVisible && (fieldDef.editable !== false || options.readOnly || tableDefinition.primaryKey?.includes(fieldDef.name)) && (isVisible || options.hiddens);
+      return (fieldDef.inTable !== false || options.fromOtherTables) && campoDibujable(fieldDef) && (fieldDef.editable !== false || options.readOnly || tableDefinition.primaryKey?.includes(fieldDef.name)) && (!columnasOcultas.has(fieldDef.name) || options.hiddens);
     });
     if (format === "xlsx") {
       await excelExport(fieldsDef2Export);
@@ -3793,32 +3850,52 @@ 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 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: [
+    /* @__PURE__ */ jsx21(Typography9, { variant: "subtitle2", sx: { mb: 1 }, children: titulo }),
+    /* @__PURE__ */ jsx21(List3, { dense: true, "data-testid": idDeLista, sx: { maxHeight: 360, overflow: "auto", border: 1, borderColor: "divider", borderRadius: 1 }, children: nombres.map((nombre) => /* @__PURE__ */ jsx21(ListItemButton3, { onClick: () => alternarColumna(nombre), children: /* @__PURE__ */ jsx21(ListItemText2, { primary: nombre }) }, nombre)) })
+  ] });
+  return /* @__PURE__ */ jsxs16(Dialog4, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ jsx21(DialogTitle4, { children: "Ocultar o mostrar columnas" }),
+    /* @__PURE__ */ jsx21(DialogContent4, { children: /* @__PURE__ */ jsxs16(Box11, { sx: { display: "flex", gap: 2, pt: 1 }, children: [
+      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(Button6, { onClick: onClose, children: "Cerrar" }) })
+  ] });
+};
+
 // src/pages/VerticalEditorPage.tsx
 import { useState as useState15, useCallback as useCallback11, useMemo as useMemo9, useRef as useRef6 } from "react";
 import {
-  DialogTitle as DialogTitle4,
-  DialogContent as DialogContent4,
-  DialogActions as DialogActions4,
+  DialogTitle as DialogTitle5,
+  DialogContent as DialogContent5,
+  DialogActions as DialogActions5,
   Button as Button7,
   Alert,
-  Box as Box11,
+  Box as Box12,
   CircularProgress as CircularProgress3,
-  IconButton as IconButton5,
-  Typography as Typography9
+  IconButton as IconButton6,
+  Typography as Typography10
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+var SIN_OCULTAS = /* @__PURE__ */ new Set();
 var VerticalEditorPage = ({
   tableName,
   tableDefinition,
   initialData,
   fixedFields,
+  columnasOcultas = SIN_OCULTAS,
   isNewRow = false,
   onSaveSuccess,
   onClose
@@ -3940,21 +4017,21 @@ var VerticalEditorPage = ({
     tableDefinition,
     onSaveSuccess
   ]);
-  return /* @__PURE__ */ jsxs16(Box11, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ jsxs16(DialogTitle4, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsxs16(Typography9, { component: "div", variant: "h6", children: [
+  return /* @__PURE__ */ jsxs17(Box12, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ jsxs17(DialogTitle5, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs17(Typography10, { component: "div", variant: "h6", children: [
         isNewRow ? "Nuevo Registro" : "Editar Registro",
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__PURE__ */ jsx21(IconButton5, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx21(CloseIcon, {}) })
+      /* @__PURE__ */ jsx22(IconButton6, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx22(CloseIcon, {}) })
     ] }),
-    /* @__PURE__ */ jsxs16(DialogContent4, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
-      globalError && /* @__PURE__ */ jsx21(Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
-      /* @__PURE__ */ jsx21(Box11, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.map((field) => {
+    /* @__PURE__ */ jsxs17(DialogContent5, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
+      globalError && /* @__PURE__ */ jsx22(Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
+      /* @__PURE__ */ jsx22(Box12, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.filter((field) => campoDibujable(field) && !columnasOcultas.has(field.name)).map((field) => {
         const isFixed = fixedFields?.some((ff) => ff.fieldName === field.name);
         const isMandatory = field.nullable === false || tableDefinition.primaryKey.includes(field.name);
-        return /* @__PURE__ */ jsx21(Box11, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx22(Box12, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsx22(
           TypedField,
           {
             fieldDef: field,
@@ -3968,12 +4045,12 @@ var VerticalEditorPage = ({
         ) }, field.name);
       }) })
     ] }),
-    /* @__PURE__ */ jsxs16(DialogActions4, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsxs16(Box11, { children: [
-        isSaving && /* @__PURE__ */ jsx21(CircularProgress3, { size: 20, sx: { ml: 2 } }),
-        /* @__PURE__ */ jsx21("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
+    /* @__PURE__ */ jsxs17(DialogActions5, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs17(Box12, { children: [
+        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__ */ jsx21(Button7, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ jsx22(Button7, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
@@ -4050,7 +4127,7 @@ var baseDelBundler = import.meta.env?.BASE_URL ?? "/";
 var rutaBase = baseDelBundler.replace(/\/+$/, "");
 
 // src/components/grid/GenericDataGrid.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var SUMMARY_ROW_HEIGHT = 35;
 var FILTER_ROW_HEIGHT = 35;
 var HEADER_ROW_HEIGHT = 30;
@@ -4061,6 +4138,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;
@@ -4082,8 +4160,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
         name: field.label || cambiarGuionesBajosPorEspacios(field.name),
         width: 150,
         editable: false,
-        renderHeaderCell: () => /* @__PURE__ */ jsx22(Box12, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx22(
-          Typography10,
+        renderHeaderCell: () => /* @__PURE__ */ jsx23(Box13, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx23(
+          Typography11,
           {
             variant: "caption",
             sx: {
@@ -4094,11 +4172,11 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
             children: field.label || cambiarGuionesBajosPorEspacios(field.name)
           }
         ) }),
-        renderCell: (props) => /* @__PURE__ */ jsx22(Box12, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx22(Typography10, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
+        renderCell: (props) => /* @__PURE__ */ jsx23(Box13, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx23(Typography11, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
       };
     });
   }, [tableDefinition, fieldsToHide]);
-  return /* @__PURE__ */ jsxs17(Box12, { sx: {
+  return /* @__PURE__ */ jsxs18(Box13, { sx: {
     mb: 1.5,
     ml: index * 4,
     // El primer ancestro (index 0) no tiene margen, los siguientes sí
@@ -4109,7 +4187,7 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
     boxShadow: theme.shadows[1],
     bgcolor: "background.paper"
   }, children: [
-    /* @__PURE__ */ jsx22(Box12, { sx: {
+    /* @__PURE__ */ jsx23(Box13, { sx: {
       bgcolor: "primary.main",
       color: "primary.contrastText",
       px: 1.5,
@@ -4120,8 +4198,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
       alignItems: "center",
       fontWeight: "bold",
       gap: 1
-    }, children: /* @__PURE__ */ jsx22(Typography10, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
-    /* @__PURE__ */ jsx22(
+    }, children: /* @__PURE__ */ jsx23(Typography11, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
+    /* @__PURE__ */ jsx23(
       DataGrid,
       {
         className: "rdg-light",
@@ -4171,6 +4249,12 @@ var GenericDataGrid = ({
   const [cargandoInicial, setCargandoInicial] = useState16(!guardada);
   const [errorDeCarga, setErrorDeCarga] = useState16(null);
   const [anchosCalculados, setAnchosCalculados] = useState16(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
+  const [columnasOcultas, setColumnasOcultas] = useState16(() => guardada?.columnasOcultas ?? []);
+  const [openDialogoDeColumnas, setOpenDialogoDeColumnas] = useState16(false);
+  const conjuntoDeOcultas = useMemo10(() => new Set(columnasOcultas), [columnasOcultas]);
+  const ocultarColumna = useCallback12((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores : [...anteriores, columna]), []);
+  const alternarColumna = useCallback12((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores.filter((oculta) => oculta !== columna) : [...anteriores, columna]), []);
+  const abrirDialogoDeColumnas = useCallback12(() => setOpenDialogoDeColumnas(true), []);
   const [detallesAbiertos, setDetallesAbiertos] = useState16(guardada?.detallesAbiertos ?? []);
   const [altosDetalle, setAltosDetalle] = useState16(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
   const [anchosDetalle, setAnchosDetalle] = useState16(() => /* @__PURE__ */ new Map());
@@ -4270,7 +4354,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,
@@ -4364,7 +4448,8 @@ 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);
         if (filasDeFiltros.length > 1) console.warn(`'${tableName}': varias filas de filtros (alternativas) todav\xEDa no est\xE1n soportadas; se aplica la primera`);
@@ -4387,8 +4472,8 @@ var GenericDataGrid = ({
   }, [tableName, claveFixedFields, fixedFields, claveParametros, parametros, showError, callApi, getInitialSortColumns, setSortColumns, aplicarFiltrosIniciales, guardada]);
   useEffect6(() => {
     if (!claveCache || !tableDefinition || cargandoInicial) return;
-    cache.set(claveCache, { tableDefinition, tableData, anchosCalculados, sortColumns, detallesAbiertos, altosDetalle });
-  }, [cache, claveCache, tableDefinition, tableData, anchosCalculados, sortColumns, detallesAbiertos, altosDetalle, cargandoInicial]);
+    cache.set(claveCache, { tableDefinition, tableData, anchosCalculados, columnasOcultas, sortColumns, detallesAbiertos, altosDetalle });
+  }, [cache, claveCache, tableDefinition, tableData, anchosCalculados, columnasOcultas, sortColumns, detallesAbiertos, altosDetalle, cargandoInicial]);
   useEffect6(() => {
     let timer = null;
     const desuscribir = estadoGrilla.suscribir(() => {
@@ -4427,7 +4512,8 @@ var GenericDataGrid = ({
     callApi,
     resetSorting: tableDefinition ? resetSortingDeLaTabla : void 0,
     triggerImport: abrirImportacion,
-    triggerExport: abrirExportacion
+    triggerExport: abrirExportacion,
+    abrirColumnas: abrirDialogoDeColumnas
   });
   const abrirOpcionesDeGrilla = useCallback12((anchorEl) => {
     setDataGridOptionsAnchorEl(anchorEl);
@@ -4441,6 +4527,8 @@ var GenericDataGrid = ({
     tableDefinition,
     anchosCalculados,
     fixedFields,
+    columnasOcultas: conjuntoDeOcultas,
+    ocultarColumna,
     primaryKey,
     setTableData,
     handleKeyPressInEditor,
@@ -4514,13 +4602,13 @@ var GenericDataGrid = ({
   }, [altoMaximoDetalleEfectivo]);
   const renderDetalle = useCallback12((fila) => {
     const { detailTable } = fila;
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         className: "fpr-detalle",
         style: { maxWidth: anchoVisible ? anchoVisible - 2 : void 0 },
         onKeyDown: (e) => e.stopPropagation(),
-        children: detailTable.table ? /* @__PURE__ */ jsx22(
+        children: detailTable.table ? /* @__PURE__ */ jsx23(
           GenericDataGrid,
           {
             tableName: detailTable.table,
@@ -4533,7 +4621,7 @@ var GenericDataGrid = ({
             onOpenDetail,
             ancestors: tableDefinition ? [...ancestors, { tableName: tableDefinition.name, row: fila.filaPadre, tableDefinition, fixedFields: fila.fixedFields }] : ancestors
           }
-        ) : detailTable.wScreen ? /* @__PURE__ */ jsx22(
+        ) : detailTable.wScreen ? /* @__PURE__ */ jsx23(
           DetalleWScreen,
           {
             fila,
@@ -4541,7 +4629,7 @@ var GenericDataGrid = ({
             onAlto: (alto) => cambiarAltoDetalle(fila.clave, alto),
             onAncho: (ancho) => cambiarAnchoDetalle(fila.clave, ancho)
           }
-        ) : /* @__PURE__ */ jsxs17(Alert2, { severity: "warning", children: [
+        ) : /* @__PURE__ */ jsxs18(Alert2, { severity: "warning", children: [
           "El detalle '",
           detailTable.abr,
           "' no tiene ni tabla ni wScreen."
@@ -4561,7 +4649,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);
@@ -4571,8 +4659,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]);
@@ -4587,19 +4676,19 @@ var GenericDataGrid = ({
   };
   const fallBackMessage = getFallBackMessage();
   if (cargandoInicial) {
-    return /* @__PURE__ */ jsxs17(Box12, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
-      /* @__PURE__ */ jsx22(CircularProgress4, {}),
-      /* @__PURE__ */ jsx22(Typography10, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
+    return /* @__PURE__ */ jsxs18(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ jsx23(CircularProgress4, {}),
+      /* @__PURE__ */ jsx23(Typography11, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
     ] });
   }
   if (errorDeCarga) {
-    return /* @__PURE__ */ jsx22(Box12, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx22(Alert2, { severity: "error", children: errorDeCarga }) });
+    return /* @__PURE__ */ jsx23(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx23(Alert2, { severity: "error", children: errorDeCarga }) });
   }
   if (!tableDefinition) {
-    return /* @__PURE__ */ jsx22(Box12, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx22(Alert2, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
+    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__ */ jsx22(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ jsxs17(Box12, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoContenido ?? void 0, maxWidth: "100%" }, children: [
-    !anidada && ancestors.length > 0 && /* @__PURE__ */ jsx22(Box12, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ jsx22(
+  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,
       {
         ancestor,
@@ -4608,8 +4697,8 @@ var GenericDataGrid = ({
       },
       index
     )) }),
-    /* @__PURE__ */ jsxs17(
-      Box12,
+    /* @__PURE__ */ jsxs18(
+      Box13,
       {
         sx: {
           backgroundColor: theme.palette.primary.main,
@@ -4631,17 +4720,17 @@ var GenericDataGrid = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ jsxs17(Typography10, { variant: "subtitle2", component: "div", children: [
+          /* @__PURE__ */ jsxs18(Typography11, { variant: "subtitle2", component: "div", children: [
             titulo ?? cambiarGuionesBajosPorEspacios(tableDefinition.title || tableDefinition.name),
             " - ",
             filteredRows.length === tableData.length ? `${tableData.length} registros` : `${filteredRows.length} (F)`
           ] }),
-          loading && /* @__PURE__ */ jsx22(CircularProgress4, { size: 14, color: "inherit" })
+          loading && /* @__PURE__ */ jsx23(CircularProgress4, { size: 14, color: "inherit" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs17(
-      Box12,
+    /* @__PURE__ */ jsxs18(
+      Box13,
       {
         sx: {
           // Una grilla anidada se acota con px (el alto que le dio la de arriba, o el de una wScreen): una wScreen
@@ -4659,7 +4748,7 @@ var GenericDataGrid = ({
           pb: anidada ? 0 : 3
         },
         children: [
-          /* @__PURE__ */ jsx22(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ jsx22(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ jsx22(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ jsx23(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ jsx23(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ jsx23(
             DataGrid,
             {
               className: "rdg-light",
@@ -4689,13 +4778,13 @@ var GenericDataGrid = ({
               onCellKeyDown: handleCellKeyDown
             }
           ) }) }) }),
-          fallBackMessage && /* @__PURE__ */ jsx22(
-            Box12,
+          fallBackMessage && /* @__PURE__ */ jsx23(
+            Box13,
             {
               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",
@@ -4706,24 +4795,35 @@ var GenericDataGrid = ({
                 zIndex: tableData.length === 0 ? 10 : 1
                 // Mantenemos el zIndex superior para el estado vacío total
               },
-              children: /* @__PURE__ */ jsx22(Typography10, { variant: "body2", color: "textSecondary", children: fallBackMessage })
+              children: /* @__PURE__ */ jsx23(Typography11, { variant: "body2", color: "textSecondary", children: fallBackMessage })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       ExportDialog,
       {
         open: openExportDialog,
         onClose: () => setOpenExportDialog(false),
         tableDefinition,
+        columnasOcultas: conjuntoDeOcultas,
         tableData,
         filteredRows,
         username: usuario || "anonymous"
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
+      DialogoDeColumnas,
+      {
+        open: openDialogoDeColumnas,
+        onClose: () => setOpenDialogoDeColumnas(false),
+        columnas: (tableDefinition?.fields ?? []).filter(campoDibujable).map((field) => field.name).filter((nombre) => !columnaOcultaPorFixedField(fixedFields, nombre)),
+        ocultas: conjuntoDeOcultas,
+        alternarColumna
+      }
+    ),
+    /* @__PURE__ */ jsx23(
       ConfirmDialog,
       {
         open: openConfirmDialog,
@@ -4732,7 +4832,7 @@ var GenericDataGrid = ({
         message: rowToDelete && rowToDelete[NEW_ROW_INDICATOR] ? `\xBFEst\xE1s seguro de que quieres eliminar esta nueva fila (ID: ${getPrimaryKeyValues(rowToDelete, primaryKey)}) localmente?` : rowToDelete ? `\xBFEst\xE1s seguro de que quieres eliminar la fila con ID: ${getPrimaryKeyValues(rowToDelete, primaryKey)} de la base de datos? Esta acci\xF3n es irreversible.` : "\xBFEst\xE1s seguro de que quieres eliminar este registro? Esta acci\xF3n es irreversible."
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       DataGridOptionsDialog,
       {
         open: openDataGridOptions,
@@ -4741,7 +4841,7 @@ var GenericDataGrid = ({
         anchorEl: dataGridOptionsAnchorEl
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       ImportDialog,
       {
         open: openImportDialog,
@@ -4750,20 +4850,21 @@ var GenericDataGrid = ({
         loading
       }
     ),
-    /* @__PURE__ */ jsx22(
-      Dialog4,
+    /* @__PURE__ */ jsx23(
+      Dialog5,
       {
         open: openVerticalEditDialog,
         onClose: () => setOpenVerticalEditDialog(false),
         maxWidth: "sm",
         fullWidth: true,
-        children: rowToEditVertical && /* @__PURE__ */ jsx22(
+        children: rowToEditVertical && /* @__PURE__ */ jsx23(
           VerticalEditorPage,
           {
             tableName,
             tableDefinition,
             initialData: rowToEditVertical,
             fixedFields,
+            columnasOcultas: conjuntoDeOcultas,
             isNewRow: !!rowToEditVertical[NEW_ROW_INDICATOR],
             onSaveSuccess: (savedRow, isNewItem) => {
               setRowToEditVertical(savedRow);
@@ -4802,27 +4903,27 @@ var GenericDataGrid = ({
         )
       }
     ),
-    contenidoDeCelda && /* @__PURE__ */ jsx22(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
+    contenidoDeCelda && /* @__PURE__ */ jsx23(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
   ] }) });
 };
 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";
 import { Outlet } from "react-router-dom";
 import {
-  Box as Box14,
+  Box as Box15,
   AppBar,
   Toolbar,
-  Typography as Typography12,
+  Typography as Typography13,
   Button as Button8,
   Drawer,
   CssBaseline,
-  IconButton as IconButton6,
+  IconButton as IconButton8,
   useTheme as useTheme5,
   useMediaQuery
 } from "@mui/material";
@@ -4831,7 +4932,16 @@ 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";
-import { jsx as jsx23 } from "react/jsx-runtime";
+
+// 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 = () => {
   const context = useContext5(AuthContext);
@@ -4847,9 +4957,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;
@@ -4860,6 +4971,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;
@@ -4885,8 +5007,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 {
@@ -4896,13 +5018,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);
@@ -4916,26 +5038,30 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   }), [
     isLoggedIn,
     setIsLoggedIn,
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   ]);
-  return /* @__PURE__ */ jsx23(AuthContext.Provider, { value: authContextValue, children });
+  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 List3, ListItem, ListItemButton as ListItemButton3, ListItemIcon as ListItemIcon2, ListItemText as ListItemText2, Divider as Divider2, Box as Box13, Typography as Typography11, 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";
@@ -4943,18 +5069,56 @@ 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 rutaDeItemDeMenu(item) {
+function rutaDeTablaDeMenu(camino) {
+  return `/menu/${camino.map(encodeURIComponent).join("/")}`;
+}
+function gruposDeItem(menu, item) {
+  for (const candidato of menu) {
+    if (candidato === item) return [];
+    if (candidato.menuType === "menu") {
+      const grupos = gruposDeItem(candidato.menuContent, item);
+      if (grupos) return [candidato.name, ...grupos];
+    }
+  }
+  return void 0;
+}
+function itemDeCamino(menu, camino) {
+  const [nombre, ...resto] = camino;
+  const item = menu.find((candidato) => candidato.name === nombre && candidato.menuType === (resto.length ? "menu" : "table"));
+  return item && resto.length ? itemDeCamino(item.menuContent, resto) : item;
+}
+function primeraTablaConNombre(menu, nombre) {
+  for (const item of menu) {
+    if (item.menuType === "table" && item.name === nombre) return item;
+    const encontrado = item.menuType === "menu" ? primeraTablaConNombre(item.menuContent, nombre) : void 0;
+    if (encontrado) return encontrado;
+  }
+  return void 0;
+}
+function itemDeRuta(menu, camino) {
+  if (camino.length === 0) return void 0;
+  const item = itemDeCamino(menu, camino) ?? primeraTablaConNombre(menu, camino[camino.length - 1]);
+  return item;
+}
+function rutaDeItemDeMenu(item, grupos = []) {
   if (item.menuType === "table") {
     const consulta = new URLSearchParams();
     if (item.td) consulta.append("td", JSON.stringify(item.td));
     if (item.fc) consulta.append("fc", JSON.stringify(item.fc));
-    return `/menu/${item.name}${consulta.size ? `?${consulta.toString()}` : ""}`;
+    return `${rutaDeTablaDeMenu([...grupos, item.name])}${consulta.size ? `?${consulta.toString()}` : ""}`;
   }
   if (item.menuType === "proc") return `/procedures/${item.name}`;
   if (wScreens[item.menuType] !== void 0) return `/wScreens/${item.menuType}`;
@@ -4967,140 +5131,266 @@ 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 jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-var MenuListItem = ({ item, level, 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));
+      navigate(rutaDeItemDeMenu(item, grupos));
       if (onMenuItemClick) {
         onMenuItemClick();
       }
     }
   };
-  const getIcon = (item2) => {
-    switch (item2.menuType) {
-      case "table":
-        return /* @__PURE__ */ jsx24(TableChartIcon, { sx: { color: blue[700] } });
-      case "proc":
-        return /* @__PURE__ */ jsx24(DnsIcon, { sx: { color: teal[700] } });
-      case "menu":
-        return /* @__PURE__ */ jsx24(FolderIcon, { sx: { color: orange[800] } });
-      default:
-        const WScreenComponent = wScreens[item2.menuType];
-        if (WScreenComponent !== void 0) {
-          return /* @__PURE__ */ jsx24(DesktopWindowsIcon, { sx: { color: grey[700] } });
-        }
-        return /* @__PURE__ */ jsx24(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 === `/menu/${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]);
-  return /* @__PURE__ */ jsxs18("div", { ref: itemRef, children: [
-    /* @__PURE__ */ jsxs18(
-      ListItemButton3,
+  const contenido = item.menuType === "menu" ? item.menuContent : [];
+  return /* @__PURE__ */ jsxs19("div", { ref: itemRef, children: [
+    /* @__PURE__ */ jsxs19(
+      ListItemButton4,
       {
         onClick: handleClick,
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__PURE__ */ jsx24(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(item) }),
-          /* @__PURE__ */ jsx24(ListItemText2, { primary: item.label || item.name }),
-          item.menuType === "menu" ? open ? /* @__PURE__ */ jsx24(ExpandLess, {}) : /* @__PURE__ */ jsx24(ExpandMore, {}) : null
+          /* @__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__ */ jsx24(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx24(List3, { component: "div", disablePadding: true, children: item.menuContent.map((subItem) => /* @__PURE__ */ jsx24(
+    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) {
-    return /* @__PURE__ */ jsx24(Box13, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx24(Typography11, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
-  }
+  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(() => {
-    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 === `/menu/${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 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);
       }
-      return false;
     };
-    expandParents(clientContext.menu, location.pathname);
-  }, [location.pathname, clientContext, dispatch]);
-  return /* @__PURE__ */ jsxs18(Box13, { sx: { width: "100%", flexShrink: 0 }, children: [
-    clientContext.menu.some((item) => item.menuType === "menu") && /* @__PURE__ */ jsx24(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs18(ListItemButton3, { onClick: handleToggleAllSubMenus, children: [
-      /* @__PURE__ */ jsx24(ListItemIcon2, { sx: { minWidth: "38px" }, children: isMostlyOpen ? /* @__PURE__ */ jsx24(UnfoldLessIcon, {}) : /* @__PURE__ */ jsx24(UnfoldMoreIcon, {}) }),
-      /* @__PURE__ */ jsx24(ListItemText2, { primary: isMostlyOpen ? "colapsar " : "expandir" })
-    ] }) }),
-    /* @__PURE__ */ jsx24(Divider2, {}),
-    /* @__PURE__ */ jsx24(List3, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ jsx24(
-      MenuListItem,
+    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..." }) });
+  }
+  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,
       {
-        item: menuItem,
-        level: 1,
-        onMenuItemClick
-      },
-      menuItem.name
-    )) })
+        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
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx25(Divider2, {}),
+    /* @__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;
@@ -5110,10 +5400,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) {
@@ -5126,19 +5417,21 @@ 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;
 
 // src/components/MainLayout.tsx
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var drawerWidth = 240;
 var MainLayout = () => {
   const { clientContext } = useApp();
   const logout = useLogout_default();
+  const navigate = useNavigate4();
   const isDrawerOpen = useIsDrawerOpen();
   const dispatch = useAppDispatch();
   const theme = useTheme5();
@@ -5157,11 +5450,11 @@ var MainLayout = () => {
     }
   };
   if (!clientContext) {
-    return /* @__PURE__ */ jsx25(Box14, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx25(Typography12, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
+    return /* @__PURE__ */ jsx26(Box15, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx26(Typography13, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  return /* @__PURE__ */ jsxs19(Box14, { sx: { display: "flex", height: "100vh" }, children: [
-    /* @__PURE__ */ jsx25(CssBaseline, {}),
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs20(Box15, { sx: { display: "flex", height: "100vh" }, children: [
+    /* @__PURE__ */ jsx26(CssBaseline, {}),
+    /* @__PURE__ */ jsx26(
       AppBar,
       {
         position: "fixed",
@@ -5180,9 +5473,9 @@ var MainLayout = () => {
             })
           }
         },
-        children: /* @__PURE__ */ jsxs19(Toolbar, { children: [
-          /* @__PURE__ */ jsx25(
-            IconButton6,
+        children: /* @__PURE__ */ jsxs20(Toolbar, { children: [
+          /* @__PURE__ */ jsx26(
+            IconButton8,
             {
               color: "inherit",
               "aria-label": "open drawer",
@@ -5191,10 +5484,10 @@ var MainLayout = () => {
               sx: {
                 marginRight: 2
               },
-              children: isDrawerOpen ? /* @__PURE__ */ jsx25(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx25(MenuIcon, {})
+              children: isDrawerOpen ? /* @__PURE__ */ jsx26(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx26(MenuIcon, {})
             }
           ),
-          !isDrawerOpen && /* @__PURE__ */ jsx25(
+          !isDrawerOpen && /* @__PURE__ */ jsx26(
             "img",
             {
               src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5202,21 +5495,22 @@ var MainLayout = () => {
               style: { height: "32px", marginRight: "12px", objectFit: "contain" }
             }
           ),
-          /* @__PURE__ */ jsx25(Typography12, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
-          /* @__PURE__ */ jsx25(Typography12, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
-          /* @__PURE__ */ jsx25(
+          /* @__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(
             Button8,
             {
               color: "inherit",
               onClick: logout,
-              startIcon: /* @__PURE__ */ jsx25(LogoutIcon, {}),
+              startIcon: /* @__PURE__ */ jsx26(LogoutIcon, {}),
               children: "Salir"
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsxs20(
       Drawer,
       {
         variant: "persistent",
@@ -5228,12 +5522,13 @@ var MainLayout = () => {
           "& .MuiDrawer-paper": {
             width: drawerWidth,
             boxSizing: "border-box",
-            overflowX: "hidden",
-            overflowY: "auto"
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column"
           }
         },
         children: [
-          /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsxs20(
             Toolbar,
             {
               sx: {
@@ -5241,12 +5536,14 @@ 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
               },
               children: [
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   "img",
                   {
                     src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5254,16 +5551,16 @@ var MainLayout = () => {
                     style: { height: "32px", objectFit: "contain" }
                   }
                 ),
-                /* @__PURE__ */ jsx25(Typography12, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
+                /* @__PURE__ */ jsx26(Typography13, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
               ]
             }
           ),
-          /* @__PURE__ */ jsx25(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
+          /* @__PURE__ */ jsx26(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs19(
-      Box14,
+    /* @__PURE__ */ jsxs20(
+      Box15,
       {
         component: "main",
         sx: {
@@ -5289,8 +5586,8 @@ var MainLayout = () => {
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
         children: [
-          /* @__PURE__ */ jsx25(Toolbar, {}),
-          /* @__PURE__ */ jsx25(Box14, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx25(Outlet, {}) })
+          /* @__PURE__ */ jsx26(Toolbar, {}),
+          /* @__PURE__ */ jsx26(Box15, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx26(Outlet, {}) })
         ]
       }
     )
@@ -5299,8 +5596,8 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-import { Box as Box15, Typography as Typography13, Button as Button9, Modal } from "@mui/material";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+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",
   top: "50%",
@@ -5319,7 +5616,7 @@ var SessionExpiredMessage = () => {
   const handleClose = () => {
     handleExpiredSessionRedirect();
   };
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     Modal,
     {
       open: showSessionExpiredMessage,
@@ -5339,10 +5636,10 @@ var SessionExpiredMessage = () => {
           }
         }
       },
-      children: /* @__PURE__ */ jsxs20(Box15, { sx: style, children: [
-        /* @__PURE__ */ jsx26(Typography13, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
-        /* @__PURE__ */ jsx26(Typography13, { 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__ */ jsx26(Button9, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
+      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(Button9, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -5351,24 +5648,24 @@ var SessionExpiredMessage_default = SessionExpiredMessage;
 
 // src/pages/PantallaInicial.tsx
 import { Navigate } from "react-router-dom";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var PantallaInicial = () => {
   const { clientContext } = useApp();
   const item = clientContext.menu ? itemInicial(clientContext.menu) : void 0;
-  return item ? /* @__PURE__ */ jsx27(Navigate, { to: rutaDeItemDeMenu(item), replace: true }) : null;
+  return item && clientContext.menu ? /* @__PURE__ */ jsx28(Navigate, { to: rutaDeItemDeMenu(item, gruposDeItem(clientContext.menu, item)), replace: true }) : null;
 };
 var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
 import { useEffect as useEffect10 } from "react";
-import { Box as Box16, Typography as Typography14, CircularProgress as CircularProgress5 } from "@mui/material";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box17, Typography as Typography15, CircularProgress as CircularProgress5 } from "@mui/material";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var LogoutPage = () => {
   const logout = useLogout_default();
   useEffect10(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ jsxs21(Box16, { sx: {
+  return /* @__PURE__ */ jsxs22(Box17, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -5376,20 +5673,31 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__PURE__ */ jsx28(CircularProgress5, { size: 60 }),
-    /* @__PURE__ */ jsx28(Typography14, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__PURE__ */ jsx29(CircularProgress5, { size: 60 }),
+    /* @__PURE__ */ jsx29(Typography15, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
-import { useState as useState18 } from "react";
-import { Button as Button10, TextField as TextField2, Typography as Typography15, Alert as Alert3, AlertTitle, Box as Box17, 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 jsx29, jsxs as jsxs22 } 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
@@ -5397,9 +5705,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,
@@ -5431,6 +5742,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.");
@@ -5443,16 +5755,16 @@ var LoginPage = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx29(
-    Box17,
+  return /* @__PURE__ */ jsx30(
+    Box18,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ jsxs22(
-        Box17,
+      children: /* @__PURE__ */ jsxs23(
+        Box18,
         {
           width: "100%",
           maxWidth: "400px",
@@ -5461,7 +5773,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ jsx29(Box17, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx29(
+            /* @__PURE__ */ jsx30(Box18, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx30(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -5469,62 +5781,81 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ jsx29(Typography15, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ jsxs22("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs22("div", { children: [
-                /* @__PURE__ */ jsx29("label", { htmlFor: "username", children: /* @__PURE__ */ jsx29(Typography15, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
-                /* @__PURE__ */ jsx29(
-                  Controller,
-                  {
-                    name: "username",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ jsx29(
-                      TextField2,
+            /* @__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",
+                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__ */ jsxs22("div", { children: [
-                /* @__PURE__ */ jsx29("label", { htmlFor: "password", children: /* @__PURE__ */ jsx29(Typography15, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
-                /* @__PURE__ */ jsx29(
-                  Controller,
-                  {
-                    name: "password",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ jsx29(
-                      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__ */ jsx29(Button10, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs22(Fragment5, { children: [
-                /* @__PURE__ */ jsx29(CircularProgress6, { size: 20, sx: { mr: 1 } }),
-                "Iniciando sesi\xF3n..."
-              ] }) : "Iniciar Sesi\xF3n" })
-            ] }),
-            loginError && /* @__PURE__ */ jsxs22(Alert3, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+                  ] }),
+                  /* @__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__ */ jsx29(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx30(AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -5536,10 +5867,10 @@ 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,
+  TextField as TextField4,
   Button as Button11,
   FormControl as FormControl3,
   InputLabel as InputLabel2,
@@ -5548,8 +5879,8 @@ import {
   Checkbox as Checkbox3,
   FormControlLabel as FormControlLabel3,
   FormHelperText as FormHelperText2,
-  Typography as Typography17,
-  Box as Box19,
+  Typography as Typography18,
+  Box as Box20,
   CircularProgress as CircularProgress7,
   Alert as Alert4,
   Divider as Divider3,
@@ -5557,14 +5888,14 @@ import {
 } from "@mui/material";
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-import { Box as Box18, Typography as Typography16, Paper as Paper3 } from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box19, Typography as Typography17, Paper as Paper3 } from "@mui/material";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ jsxs23(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ jsx30(Typography16, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ jsx30(Typography16, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ jsx30(Box18, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx30("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
-    /* @__PURE__ */ jsx30(Typography16, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  return /* @__PURE__ */ jsxs24(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ jsx31(Typography17, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ jsx31(Typography17, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ jsx31(Box19, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx31("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ jsx31(Typography17, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -5578,22 +5909,22 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 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) => {
@@ -5793,9 +6124,9 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ jsxs24(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
-        /* @__PURE__ */ jsx31(InputLabel2, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
-        /* @__PURE__ */ jsxs24(
+      return /* @__PURE__ */ jsxs25(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+        /* @__PURE__ */ jsx32(InputLabel2, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+        /* @__PURE__ */ jsxs25(
           Select2,
           {
             labelId: `${param.name}-label`,
@@ -5806,14 +6137,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ jsx31(Typography17, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ jsx32(Typography18, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ jsx31(MenuItem2, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ jsx31("em", { children: "Seleccione..." }) }),
-              param.options.map((option) => /* @__PURE__ */ jsx31(MenuItem2, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
+              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ jsx32(MenuItem2, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ jsx32("em", { children: "Seleccione..." }) }),
+              param.options.map((option) => /* @__PURE__ */ jsx32(MenuItem2, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ jsx31(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ jsx32(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -5822,18 +6153,18 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ jsx31(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__ */ jsx31(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__ */ jsx31(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__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           FormControlLabel3,
           {
-            control: /* @__PURE__ */ jsx31(
+            control: /* @__PURE__ */ jsx32(
               Checkbox3,
               {
                 checked: !!formValues[param.name],
@@ -5844,21 +6175,21 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ jsx31(Typography17, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ jsx32(Typography18, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
             sx: { mt: 1, mb: 0 }
           }
         );
       case "date":
       case "timestamp":
       case "time":
-        return /* @__PURE__ */ jsx31(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__ */ jsx31(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__ */ jsxs24(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ jsx31(Typography17, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
-          /* @__PURE__ */ jsx31(
+        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 }),
+          /* @__PURE__ */ jsx32(
             "input",
             {
               type: "file",
@@ -5872,34 +6203,34 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ jsx31(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ jsx32(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ jsx31(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) {
-      return /* @__PURE__ */ jsx31(ComponentToRender, { data: procedureResultData });
+      return /* @__PURE__ */ jsx32(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ jsxs24(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ jsxs24(Typography17, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      return /* @__PURE__ */ jsxs25(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ jsxs25(Typography18, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
           "el componente para resolver el resultOk: '",
           procedure.resultOk,
           "' definido en el procedure no existe o no est\xE1 mapeado."
         ] }),
-        /* @__PURE__ */ jsx31(Box19, { sx: {
+        /* @__PURE__ */ jsx32(Box20, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
-        }, children: /* @__PURE__ */ jsx31("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
+        }, children: /* @__PURE__ */ jsx32("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
       ] });
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ jsxs24(Box19, { sx: {
+    return /* @__PURE__ */ jsxs25(Box20, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -5909,13 +6240,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ jsx31(CircularProgress7, { sx: { mb: 2 } }),
-      /* @__PURE__ */ jsx31(Typography17, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__PURE__ */ jsx32(CircularProgress7, { sx: { mb: 2 } }),
+      /* @__PURE__ */ jsx32(Typography18, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
     ] });
   }
   return (
     // Esta es la Box más externa que ahora controlará el scroll
-    /* @__PURE__ */ jsxs24(Box19, { sx: {
+    /* @__PURE__ */ jsxs25(Box20, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -5932,16 +6263,16 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, children: [
-      /* @__PURE__ */ jsx31(Typography17, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
-      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs24(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ jsx32(Typography18, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
+      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs25(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
         "Por favor, corrige los errores en el formulario antes de enviar.",
-        /* @__PURE__ */ jsx31("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ jsx31("li", { children: err }, idx)) })
+        /* @__PURE__ */ jsx32("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ jsx32("li", { children: err }, idx)) })
       ] }),
-      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ jsx31(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
-      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ jsx31(Alert4, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
-      /* @__PURE__ */ jsxs24("form", { onSubmit: handleSubmit, children: [
-        procedure.parameters.map((param) => /* @__PURE__ */ jsx31("div", { children: renderInputField(param) }, param.name)),
-        /* @__PURE__ */ jsx31(
+      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ jsx32(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
+      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ jsx32(Alert4, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      /* @__PURE__ */ jsxs25("form", { onSubmit: handleSubmit, children: [
+        procedure.parameters.map((param) => /* @__PURE__ */ jsx32("div", { children: renderInputField(param) }, param.name)),
+        /* @__PURE__ */ jsx32(
           Button11,
           {
             type: "submit",
@@ -5950,20 +6281,20 @@ var ProcedureForm = () => {
             disabled: apiLoading || Object.values(validationErrors).some((err) => err !== null),
             sx: { mt: 2 },
             size: "medium",
-            startIcon: apiLoading ? /* @__PURE__ */ jsx31(CircularProgress7, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ jsx32(CircularProgress7, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ jsxs24(Box19, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ jsxs25(Box20, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ jsxs24(Box19, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ jsx31(Divider3, { sx: { mb: 2 } }),
-        /* @__PURE__ */ jsx31(Typography17, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
-        /* @__PURE__ */ jsx31(
-          Box19,
+      executionLog.length > 0 && /* @__PURE__ */ jsxs25(Box20, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ jsx32(Divider3, { sx: { mb: 2 } }),
+        /* @__PURE__ */ jsx32(Typography18, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ jsx32(
+          Box20,
           {
             sx: {
               bgcolor: "grey.100",
@@ -5976,8 +6307,8 @@ var ProcedureForm = () => {
               fontSize: "0.75rem",
               whiteSpace: "pre-wrap"
             },
-            children: executionLog.map((log, index) => /* @__PURE__ */ jsx31(
-              Typography17,
+            children: executionLog.map((log, index) => /* @__PURE__ */ jsx32(
+              Typography18,
               {
                 component: "pre",
                 sx: {
@@ -6003,10 +6334,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 jsx32 } 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";
@@ -6014,7 +6345,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));
@@ -6028,36 +6359,40 @@ var PrivateRoute = ({ children }) => {
   }, [isAuthenticated, isLoadingAuth, location, dispatch, clientContextStatus]);
   if (isLoadingAuth) {
     console.log(`[PrivateRoute] Returning loading state...`);
-    return /* @__PURE__ */ jsx32("p", { children: "Verificando autenticaci\xF3n..." });
+    return /* @__PURE__ */ jsx33("p", { children: "Verificando autenticaci\xF3n..." });
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ jsx32(Navigate2, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx33(Navigate2, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ jsx32(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);
@@ -6067,17 +6402,17 @@ 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 Box20, Alert as Alert5, Typography as Typography18, 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 jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = [],
@@ -6085,11 +6420,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(() => {
@@ -6128,26 +6463,26 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ jsx33(Box20, { p: 3, children: /* @__PURE__ */ jsx33(Alert5, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    return /* @__PURE__ */ jsx34(Box21, { p: 3, children: /* @__PURE__ */ jsx34(Alert5, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  return /* @__PURE__ */ jsxs25(Box20, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx33(Box20, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx33(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs26(Box21, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx34(Box21, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx34(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx34(
       Tab,
       {
-        label: /* @__PURE__ */ jsxs25(Box20, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ jsx33(Typography18, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ jsx33(IconButton7, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx33(CloseIcon2, { fontSize: "inherit" }) })
+        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(IconButton9, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx34(CloseIcon2, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
-    tabs.map((tab, index) => /* @__PURE__ */ jsx33(
-      Box20,
+    tabs.map((tab, index) => /* @__PURE__ */ jsx34(
+      Box21,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
         sx: { flexGrow: 1, display: activeTabIdx === index ? "flex" : "none", flexDirection: "column", overflow: "hidden" },
-        children: /* @__PURE__ */ jsx33(
+        children: /* @__PURE__ */ jsx34(
           GenericDataGrid_default,
           {
             tableName: tab.tableName,
@@ -6168,44 +6503,32 @@ 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 Box21 } from "@mui/material";
-import { jsx as jsx34 } from "react/jsx-runtime";
+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__ */ jsx34(Box21, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx34(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx34(FallbackWScreen, { 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 { Box as Box22, Alert as Alert6, Typography as Typography19 } from "@mui/material";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+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 { "*": menuName } = useParams3();
   const { clientContext } = useApp();
-  const { search } = useLocation6();
-  const findMenuItem = (items, nameToFind) => {
-    for (const item of items) {
-      if (item.name === nameToFind && item.menuType === "table") {
-        return item;
-      }
-      if (item.menuType === "menu" && item.menuContent) {
-        const found = findMenuItem(item.menuContent, nameToFind);
-        if (found) return found;
-      }
-    }
-    return void 0;
-  };
-  const { currentTableName, currentFixedFields, parametros } = useMemo15(() => {
+  const { search } = useLocation7();
+  const { currentTableName, currentFixedFields, parametros } = useMemo16(() => {
     let tableName = void 0;
     let fixedFields = [];
     let parametros2 = {};
     if (menuName && clientContext && clientContext.menu) {
-      const menuItem = findMenuItem(clientContext.menu, menuName);
+      const menuItem = itemDeRuta(clientContext.menu, menuName.split("/").filter((tramo) => tramo !== ""));
       if (menuItem) {
         tableName = menuItem.table || menuItem.name;
         parametros2 = parametrosDeTabla(menuItem, search);
@@ -6221,12 +6544,12 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext, search]);
   if (!currentTableName) {
-    return /* @__PURE__ */ jsx35(Box22, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs26(Alert6, { severity: "error", children: [
-      /* @__PURE__ */ jsx35(Typography19, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ jsx35(Typography19, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
+    return /* @__PURE__ */ jsx36(Box23, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs27(Alert6, { severity: "error", children: [
+      /* @__PURE__ */ jsx36(Typography20, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ jsx36(Typography20, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     GenericDataGridPage_default,
     {
       initialTableName: currentTableName,
@@ -6238,9 +6561,9 @@ 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 { Alert as Alert7, Box as Box24, CircularProgress as CircularProgress8 } from "@mui/material";
+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
 function extraerRecursos(html) {
@@ -6330,8 +6653,8 @@ async function cargarSinMemoria(urlBackend) {
 
 // src/puente/ConsolaBP.tsx
 import { useEffect as useEffect14 } from "react";
-import { Box as Box23 } from "@mui/material";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { Box as Box24 } from "@mui/material";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var MARGEN_DE_REPETIDO_MS = 1e3;
 function descartarRepetidos(consola, agregados, ahora) {
   for (const nodo of agregados) {
@@ -6353,8 +6676,8 @@ var ConsolaBP = () => {
     observador.observe(consola, { childList: true });
     return () => observador.disconnect();
   }, []);
-  return /* @__PURE__ */ jsx36(
-    Box23,
+  return /* @__PURE__ */ jsx37(
+    Box24,
     {
       id: "mini-console",
       sx: (tema) => ({
@@ -6442,15 +6765,8 @@ 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 jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function buscarItemDeMenu(items, tipo) {
   for (const item of items) {
     if (item.menuType === tipo) return item;
@@ -6463,10 +6779,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;
@@ -6499,47 +6815,47 @@ var PantallaBP = ({ nombre, direccion }) => {
       elemento.replaceChildren();
     };
   }, [nombre, direccion, menu]);
-  if (noExiste) return /* @__PURE__ */ jsx37(FallbackWScreen, { screenName: nombre });
+  if (noExiste) return /* @__PURE__ */ jsx38(FallbackWScreen, { screenName: nombre });
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
-    /* @__PURE__ */ jsxs27(Box24, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ jsx37(CircularProgress8, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ jsx37(Alert7, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ jsx37("div", { id: "main_layout", ref: contenedor }),
-      /* @__PURE__ */ jsx37(ConsolaBP, {})
+    /* @__PURE__ */ jsxs28(Box25, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx38(CircularProgress8, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx38(Alert7, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx38("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ jsx38(ConsolaBP, {})
     ] })
   );
 };
 var PantallaDeRespaldo = () => {
   const { screenName = "" } = useParams4();
-  const { search } = useLocation7();
+  const { search } = useLocation8();
   if (!puenteBPHabilitado()) {
-    return /* @__PURE__ */ jsx37(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsx37(FallbackWScreen, { screenName }) });
+    return /* @__PURE__ */ jsx38(Box25, { sx: { p: 3 }, children: /* @__PURE__ */ jsx38(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ jsx37(Navigate3, { to: rutaDePantallaBP(screenName, search), replace: true });
+  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__ */ jsx37(Navigate3, { to: "/", replace: true });
-  if (!nombre) return /* @__PURE__ */ jsx37(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs27(Alert7, { severity: "warning", children: [
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx38(Navigate3, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ jsx38(Box25, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs28(Alert7, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
-    /* @__PURE__ */ jsx37("code", { children: "#w=..." }),
+    /* @__PURE__ */ jsx38("code", { children: "#w=..." }),
     ")."
   ] }) });
-  return /* @__PURE__ */ jsx37(PantallaBP, { nombre, direccion }, nombre);
+  return /* @__PURE__ */ jsx38(PantallaBP, { nombre, direccion }, nombre);
 };
 
 // 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 Box25, CircularProgress as CircularProgress9 } from "@mui/material";
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+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;
@@ -6564,22 +6880,22 @@ var GrillaBP = ({ tabla, fixedFields }) => {
   }, [tabla, clave]);
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
-    /* @__PURE__ */ jsxs28(Box25, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ jsx38(CircularProgress9, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ jsx38(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ jsx38("div", { ref: contenedor }),
-      /* @__PURE__ */ jsx38(ConsolaBP, {})
+    /* @__PURE__ */ jsxs29(Box26, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx39(CircularProgress9, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx39(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx39("div", { ref: contenedor }),
+      /* @__PURE__ */ jsx39(ConsolaBP, {})
     ] })
   );
 };
 var PaginaGrillaBP = () => {
   const { tableName = "" } = useParams5();
-  return /* @__PURE__ */ jsx38(GrillaBP, { tabla: tableName }, tableName);
+  return /* @__PURE__ */ jsx39(GrillaBP, { tabla: tableName }, tableName);
 };
 
 // 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() {
@@ -6624,16 +6940,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 jsx39, jsxs as jsxs29 } 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));
@@ -6641,45 +7069,46 @@ var LocationTracker = () => {
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ jsxs29(Fragment7, { children: [
-    /* @__PURE__ */ jsx39(InitialRedirectHandler_default, {}),
-    puenteBPHabilitado() && /* @__PURE__ */ jsx39(CapturaBP, {}),
-    /* @__PURE__ */ jsxs29(Routes, { children: [
-      /* @__PURE__ */ jsxs29(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx39(UnloggedLayout, {}) : /* @__PURE__ */ jsx39(Outlet2, {}), children: [
-        /* @__PURE__ */ jsx39(Route, { path: "/login", element: /* @__PURE__ */ jsx39(LoginPage_default, {}) }),
-        /* @__PURE__ */ jsx39(Route, { path: "/logout", element: /* @__PURE__ */ jsx39(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__ */ jsxs29(Route, { element: /* @__PURE__ */ jsx39(PrivateRoute_default, { children: /* @__PURE__ */ jsx39(Layout, {}) }), children: [
-        /* @__PURE__ */ jsx39(Route, { path: "/", element: /* @__PURE__ */ jsx39(PantallaInicial_default, {}) }),
-        /* @__PURE__ */ jsx39(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx39(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ jsx39(Route, { path: "/menu/:menuName", element: /* @__PURE__ */ jsx39(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ jsx39(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx39(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx39(
+      /* @__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__ */ jsx39(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ jsx41(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ jsx39(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx39(PantallaDeRespaldo, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx39(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx39(PaginaBP, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx39(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx39(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__ */ jsx39(Route, { path: "*", element: /* @__PURE__ */ jsx39("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__ */ jsx39(Route, { path: "*", element: /* @__PURE__ */ jsx39(Navigate4, { to: "/", replace: true }) })
+      /* @__PURE__ */ jsx41(Route, { path: "*", element: /* @__PURE__ */ jsx41(Navigate4, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ jsx39(Provider, { store, children: /* @__PURE__ */ jsx39(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs29(BrowserRouter, { basename: rutaBase, children: [
-    /* @__PURE__ */ jsx39(LocationTracker, {}),
+  return /* @__PURE__ */ jsx41(Provider, { store, children: /* @__PURE__ */ jsx41(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs31(BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ jsx41(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ jsx39(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs29(SnackbarProvider, { children: [
+    /* @__PURE__ */ jsx41(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs31(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ jsx39(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ jsx41(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -6691,9 +7120,10 @@ var App = ({
   myClientSides,
   myResultsOk,
   myConditions,
-  puenteBP
+  puenteBP,
+  recuperarClave
 }) => {
-  useMemo16(() => {
+  useMemo17(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -6709,7 +7139,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;
@@ -6719,11 +7150,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__ */ jsx39(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx41(
     FrontendPlusReactRoutes,
     {
       myRoutes,