frontend-plus-react 0.6.0 → 0.8.0

package/dist/index.cjs

@@ -378,7 +378,7 @@ var useApiCallWithoutSnackbar = () => {
 };
 
 // src/components/grid/GenericDataGrid.tsx
-var import_material18 = require("@mui/material");
+var import_material19 = require("@mui/material");
 
 // src/store/index.ts
 var import_toolkit4 = require("@reduxjs/toolkit");
@@ -456,8 +456,9 @@ var import_toolkit2 = require("@reduxjs/toolkit");
 var initialState2 = {
   currentPath: "/",
   previousPath: null,
-  redirectPath: null
+  redirectPath: null,
   // <--- Inicializamos en null
+  redirectUsername: null
 };
 var routerSlice = (0, import_toolkit2.createSlice)({
   name: "router",
@@ -469,15 +470,20 @@ var routerSlice = (0, import_toolkit2.createSlice)({
     },
     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
@@ -502,13 +508,23 @@ var menuUiSlice = (0, import_toolkit3.createSlice)({
     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);
@@ -520,8 +536,8 @@ var {
   toggleDrawer,
   setSubMenuOpen,
   toggleSubMenu,
-  setAllSubMenusOpen,
-  // ¡Exportamos la nueva acción!
+  abrirGrupo,
+  abrirCamino,
   resetMenuUiState
 } = menuUiSlice.actions;
 var menuUiSlice_default = menuUiSlice.reducer;
@@ -1420,7 +1436,7 @@ function BotonDetalle({ row, rowId, detailTable, deshabilitado }) {
   const { abiertos, alternarDetalle } = useDetallesGrilla();
   if (!cumpleCondicion(detailTable.condition, row)) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)(import_material3.Tooltip, { title: titulo, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "fpr-boton-detalle", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     import_material3.IconButton,
     {
@@ -1856,7 +1872,8 @@ var useGridMenu = ({
   callApi,
   resetSorting,
   triggerImport,
-  triggerExport
+  triggerExport,
+  abrirColumnas
 }) => {
   const { showSuccess, showError, showWarning } = useSnackbar();
   const menuOptions = (0, import_react10.useMemo)(() => {
@@ -1892,7 +1909,7 @@ var useGridMenu = ({
       label: "ocultar o mostrar columnas",
       icon: import_react10.default.createElement(import_VisibilityOff.default),
       handler: async () => {
-        console.log("Ocultar/mostrar columnas");
+        abrirColumnas?.();
       },
       visible: true
     });
@@ -1941,7 +1958,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 };
 };
 
@@ -2012,7 +2029,7 @@ var useVistaGrilla = () => (0, import_react11.useContext)(VistaGrillaContext);
 
 // src/components/grid/renderers/headerCellRenderers.tsx
 var import_jsx_runtime6 = require("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;
@@ -2027,6 +2044,11 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef) => {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     import_material4.Box,
     {
+      onClickCapture: (e) => {
+        if (!e.altKey || !ocultarColumna) return;
+        e.stopPropagation();
+        ocultarColumna(fieldDef.name);
+      },
       sx: {
         display: "flex",
         alignItems: "center",
@@ -2042,9 +2064,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",
@@ -2070,22 +2093,20 @@ var ActionsColumnHeaderCell = ({
     allowInsert && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_material4.IconButton,
       {
-        color: "inherit",
         onClick: () => handleAddRow(),
         size: "small",
         title: "A\xF1adir registro",
-        sx: { p: 0.25 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Add.default, { sx: { fontSize: 18, color: "success.main" } })
+        sx: { p: 0.25, color: "grey.800", "&:hover": { color: "success.main" } },
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Add.default, { sx: { fontSize: 18 } })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_material4.IconButton,
       {
-        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__ */ (0, import_jsx_runtime6.jsx)(import_SearchOff.default, { sx: { fontSize: 18 } }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Search.default, { sx: { fontSize: 18 } })
       }
     ),
@@ -2095,7 +2116,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__ */ (0, import_jsx_runtime6.jsx)(import_MoreVert.default, { sx: { fontSize: 20, variant: "filled", size: "small" } })
       }
     )
@@ -2576,9 +2597,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": {
@@ -2602,7 +2626,10 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
 };
 
 // src/components/grid/FilterInputRender.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime12 = (
+  // como en backend-plus, el operador es un símbolo chico y el campo se queda con el resto del ancho
+  require("react/jsx-runtime")
+);
 function FilterInputRenderer({
   columnKey,
   currentFilter,
@@ -2625,7 +2652,7 @@ function FilterInputRenderer({
         [columnKey]: { operator: newOp, value: formattedVal }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.Box, { sx: { mt: 0, display: "flex", alignItems: "center", gap: 0.5, pr: 1 }, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.Box, { sx: { mt: 0, display: "flex", alignItems: "center", gap: "2px", width: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "select",
         {
@@ -2633,13 +2660,16 @@ function FilterInputRenderer({
           onChange: (e) => handleFilterChange(e.target.value, val),
           style: {
             height: FILTER_ROW_HEIGHT - 5,
-            minWidth: 40,
-            backgroundColor: "white",
-            border: "1px solid #ccc",
+            width: 22,
+            flexShrink: 0,
+            appearance: "none",
+            backgroundColor: "#CEF",
+            border: "none",
             borderRadius: "4px",
             fontSize: "0.8rem",
-            padding: "0 2px",
+            padding: 0,
             textAlign: "center",
+            textAlignLast: "center",
             cursor: "pointer"
           },
           children: filterOperators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: op.value, children: op.label }, op.value))
@@ -2690,7 +2720,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__ */ (0, import_jsx_runtime13.jsx)(import_material10.Box, { sx: { width: "100%", height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Box, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       FilterInputRender_default,
       {
         columnKey: column.key,
@@ -2917,14 +2947,12 @@ var allColumnsCellRenderer = (props) => {
         }
       ];
       return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_material13.Button,
+        import_material13.IconButton,
         {
-          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__ */ (0, import_jsx_runtime16.jsx)(actionDef.icon, { sx: { fontSize: 18 } })
         },
         actionDef.action
@@ -3324,22 +3352,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) => {
@@ -3353,14 +3405,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,
@@ -3374,7 +3431,7 @@ var useGridColumns = ({
   const columns = (0, import_react22.useMemo)(() => {
     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;
@@ -3399,7 +3456,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;
@@ -3462,7 +3519,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 };
 };
 
@@ -3610,6 +3667,7 @@ var ExportDialog = ({
   open,
   onClose,
   tableDefinition,
+  columnasOcultas,
   tableData,
   filteredRows,
   username = "anonymous"
@@ -3640,8 +3698,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);
@@ -3805,16 +3862,36 @@ var ExportDialog = ({
   ] });
 };
 
+// src/components/grid/DialogoDeColumnas.tsx
+var import_material17 = require("@mui/material");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var DialogoDeColumnas = ({ open, onClose, columnas, ocultas, alternarColumna }) => {
+  const lista = (titulo, nombres, idDeLista) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: titulo }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.List, { dense: true, "data-testid": idDeLista, sx: { maxHeight: 360, overflow: "auto", border: 1, borderColor: "divider", borderRadius: 1 }, children: nombres.map((nombre) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.ListItemButton, { onClick: () => alternarColumna(nombre), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.ListItemText, { primary: nombre }) }, nombre)) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogTitle, { children: "Ocultar o mostrar columnas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { 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__ */ (0, import_jsx_runtime21.jsx)(import_material17.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Button, { onClick: onClose, children: "Cerrar" }) })
+  ] });
+};
+
 // src/pages/VerticalEditorPage.tsx
 var import_react25 = require("react");
-var import_material17 = require("@mui/material");
+var import_material18 = require("@mui/material");
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var SIN_OCULTAS = /* @__PURE__ */ new Set();
 var VerticalEditorPage = ({
   tableName,
   tableDefinition,
   initialData,
   fixedFields,
+  columnasOcultas = SIN_OCULTAS,
   isNewRow = false,
   onSaveSuccess,
   onClose
@@ -3936,21 +4013,21 @@ var VerticalEditorPage = ({
     tableDefinition,
     onSaveSuccess
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogTitle, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { component: "div", variant: "h6", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.DialogTitle, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { component: "div", variant: "h6", children: [
         isNewRow ? "Nuevo Registro" : "Editar Registro",
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.IconButton, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Close.default, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.IconButton, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_Close.default, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogContent, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
-      globalError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.map((field) => {
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.DialogContent, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
+      globalError && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { 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__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           TypedField,
           {
             fieldDef: field,
@@ -3964,12 +4041,12 @@ var VerticalEditorPage = ({
         ) }, field.name);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogActions, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { children: [
-        isSaving && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 20, sx: { ml: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.DialogActions, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { children: [
+        isSaving && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 20, sx: { ml: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
@@ -4047,7 +4124,7 @@ var baseDelBundler = import_meta2.env?.BASE_URL ?? "/";
 var rutaBase = baseDelBundler.replace(/\/+$/, "");
 
 // src/components/grid/GenericDataGrid.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var SUMMARY_ROW_HEIGHT = 35;
 var FILTER_ROW_HEIGHT = 35;
 var HEADER_ROW_HEIGHT = 30;
@@ -4058,6 +4135,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;
@@ -4066,7 +4144,7 @@ var esColumnaPropia = (columna) => "customType" in columna;
 var SIN_ANCESTROS = [];
 var cargasEnCurso = /* @__PURE__ */ new Map();
 var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
-  const theme = (0, import_material18.useTheme)();
+  const theme = (0, import_material19.useTheme)();
   const { tableDefinition, row } = ancestor;
   const columns = (0, import_react26.useMemo)(() => {
     const filteredFields = tableDefinition.fields.filter(
@@ -4079,8 +4157,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
         name: field.label || cambiarGuionesBajosPorEspacios(field.name),
         width: 150,
         editable: false,
-        renderHeaderCell: () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_material18.Typography,
+        renderHeaderCell: () => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_material19.Typography,
           {
             variant: "caption",
             sx: {
@@ -4091,11 +4169,11 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
             children: field.label || cambiarGuionesBajosPorEspacios(field.name)
           }
         ) }),
-        renderCell: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
+        renderCell: (props) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
       };
     });
   }, [tableDefinition, fieldsToHide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: {
     mb: 1.5,
     ml: index * 4,
     // El primer ancestro (index 0) no tiene margen, los siguientes sí
@@ -4106,7 +4184,7 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
     boxShadow: theme.shadows[1],
     bgcolor: "background.paper"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: {
       bgcolor: "primary.main",
       color: "primary.contrastText",
       px: 1.5,
@@ -4117,8 +4195,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
       alignItems: "center",
       fontWeight: "bold",
       gap: 1
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       import_react_data_grid.DataGrid,
       {
         className: "rdg-light",
@@ -4168,13 +4246,19 @@ var GenericDataGrid = ({
   const [cargandoInicial, setCargandoInicial] = (0, import_react26.useState)(!guardada);
   const [errorDeCarga, setErrorDeCarga] = (0, import_react26.useState)(null);
   const [anchosCalculados, setAnchosCalculados] = (0, import_react26.useState)(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
+  const [columnasOcultas, setColumnasOcultas] = (0, import_react26.useState)(() => guardada?.columnasOcultas ?? []);
+  const [openDialogoDeColumnas, setOpenDialogoDeColumnas] = (0, import_react26.useState)(false);
+  const conjuntoDeOcultas = (0, import_react26.useMemo)(() => new Set(columnasOcultas), [columnasOcultas]);
+  const ocultarColumna = (0, import_react26.useCallback)((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores : [...anteriores, columna]), []);
+  const alternarColumna = (0, import_react26.useCallback)((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores.filter((oculta) => oculta !== columna) : [...anteriores, columna]), []);
+  const abrirDialogoDeColumnas = (0, import_react26.useCallback)(() => setOpenDialogoDeColumnas(true), []);
   const [detallesAbiertos, setDetallesAbiertos] = (0, import_react26.useState)(guardada?.detallesAbiertos ?? []);
   const [altosDetalle, setAltosDetalle] = (0, import_react26.useState)(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
   const [anchosDetalle, setAnchosDetalle] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
   const [selectedRows, setSelectedRows] = (0, import_react26.useState)(() => /* @__PURE__ */ new Set());
   const [, setSelectedCell] = (0, import_react26.useState)(void 0);
   const [estadoGrilla] = (0, import_react26.useState)(crearEstadoGrilla);
-  const theme = (0, import_material18.useTheme)();
+  const theme = (0, import_material19.useTheme)();
   const [openDataGridOptions, setOpenDataGridOptions] = (0, import_react26.useState)(false);
   const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = (0, import_react26.useState)(null);
   const [exitingRowIds, setExitingRowIds] = (0, import_react26.useState)(/* @__PURE__ */ new Set());
@@ -4267,7 +4351,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,
@@ -4361,7 +4445,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`);
@@ -4384,8 +4469,8 @@ var GenericDataGrid = ({
   }, [tableName, claveFixedFields, fixedFields, claveParametros, parametros, showError, callApi, getInitialSortColumns, setSortColumns, aplicarFiltrosIniciales, guardada]);
   (0, import_react26.useEffect)(() => {
     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]);
   (0, import_react26.useEffect)(() => {
     let timer = null;
     const desuscribir = estadoGrilla.suscribir(() => {
@@ -4424,7 +4509,8 @@ var GenericDataGrid = ({
     callApi,
     resetSorting: tableDefinition ? resetSortingDeLaTabla : void 0,
     triggerImport: abrirImportacion,
-    triggerExport: abrirExportacion
+    triggerExport: abrirExportacion,
+    abrirColumnas: abrirDialogoDeColumnas
   });
   const abrirOpcionesDeGrilla = (0, import_react26.useCallback)((anchorEl) => {
     setDataGridOptionsAnchorEl(anchorEl);
@@ -4438,6 +4524,8 @@ var GenericDataGrid = ({
     tableDefinition,
     anchosCalculados,
     fixedFields,
+    columnasOcultas: conjuntoDeOcultas,
+    ocultarColumna,
     primaryKey,
     setTableData,
     handleKeyPressInEditor,
@@ -4511,13 +4599,13 @@ var GenericDataGrid = ({
   }, [altoMaximoDetalleEfectivo]);
   const renderDetalle = (0, import_react26.useCallback)((fila) => {
     const { detailTable } = fila;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         className: "fpr-detalle",
         style: { maxWidth: anchoVisible ? anchoVisible - 2 : void 0 },
         onKeyDown: (e) => e.stopPropagation(),
-        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           GenericDataGrid,
           {
             tableName: detailTable.table,
@@ -4530,7 +4618,7 @@ var GenericDataGrid = ({
             onOpenDetail,
             ancestors: tableDefinition ? [...ancestors, { tableName: tableDefinition.name, row: fila.filaPadre, tableDefinition, fixedFields: fila.fixedFields }] : ancestors
           }
-        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           DetalleWScreen,
           {
             fila,
@@ -4538,7 +4626,7 @@ var GenericDataGrid = ({
             onAlto: (alto) => cambiarAltoDetalle(fila.clave, alto),
             onAncho: (ancho) => cambiarAnchoDetalle(fila.clave, ancho)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Alert, { severity: "warning", children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Alert, { severity: "warning", children: [
           "El detalle '",
           detailTable.abr,
           "' no tiene ni tabla ni wScreen."
@@ -4558,7 +4646,7 @@ var GenericDataGrid = ({
     [exitingRowIds, primaryKey]
   );
   const anchoContenido = (0, import_react26.useMemo)(() => {
-    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);
@@ -4568,8 +4656,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]);
   (0, import_react26.useEffect)(() => {
-    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 = (0, import_react26.useMemo)(() => ({ height: "100%", width: "100%", boxSizing: "border-box", ...gridStyles }), [gridStyles]);
   const bottomSummaryRows = (0, import_react26.useMemo)(() => conPie ? [bottomSummaryRow] : [], [conPie, bottomSummaryRow]);
   const vistaGrilla = (0, import_react26.useMemo)(() => ({ isFilterRowVisible }), [isFilterRowVisible]);
@@ -4584,19 +4673,19 @@ var GenericDataGrid = ({
   };
   const fallBackMessage = getFallBackMessage();
   if (cargandoInicial) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
     ] });
   }
   if (errorDeCarga) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Alert, { severity: "error", children: errorDeCarga }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Alert, { severity: "error", children: errorDeCarga }) });
   }
   if (!tableDefinition) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Alert, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Alert, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { 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__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoExterior, maxWidth: "100%" }, children: [
+    !anidada && ancestors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       StaticAncestorGrid,
       {
         ancestor,
@@ -4605,8 +4694,8 @@ var GenericDataGrid = ({
       },
       index
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-      import_material18.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      import_material19.Box,
       {
         sx: {
           backgroundColor: theme.palette.primary.main,
@@ -4628,17 +4717,17 @@ var GenericDataGrid = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { variant: "subtitle2", component: "div", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Typography, { variant: "subtitle2", component: "div", children: [
             titulo ?? cambiarGuionesBajosPorEspacios(tableDefinition.title || tableDefinition.name),
             " - ",
             filteredRows.length === tableData.length ? `${tableData.length} registros` : `${filteredRows.length} (F)`
           ] }),
-          loading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 14, color: "inherit" })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.CircularProgress, { size: 14, color: "inherit" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-      import_material18.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      import_material19.Box,
       {
         sx: {
           // Una grilla anidada se acota con px (el alto que le dio la de arriba, o el de una wScreen): una wScreen
@@ -4656,7 +4745,7 @@ var GenericDataGrid = ({
           pb: anidada ? 0 : 3
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             import_react_data_grid.DataGrid,
             {
               className: "rdg-light",
@@ -4686,13 +4775,13 @@ var GenericDataGrid = ({
               onCellKeyDown: handleCellKeyDown
             }
           ) }) }) }),
-          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.Box,
+          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_material19.Box,
             {
               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",
@@ -4703,24 +4792,35 @@ var GenericDataGrid = ({
                 zIndex: tableData.length === 0 ? 10 : 1
                 // Mantenemos el zIndex superior para el estado vacío total
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ExportDialog,
       {
         open: openExportDialog,
         onClose: () => setOpenExportDialog(false),
         tableDefinition,
+        columnasOcultas: conjuntoDeOcultas,
         tableData,
         filteredRows,
         username: usuario || "anonymous"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      DialogoDeColumnas,
+      {
+        open: openDialogoDeColumnas,
+        onClose: () => setOpenDialogoDeColumnas(false),
+        columnas: (tableDefinition?.fields ?? []).filter(campoDibujable).map((field) => field.name).filter((nombre) => !columnaOcultaPorFixedField(fixedFields, nombre)),
+        ocultas: conjuntoDeOcultas,
+        alternarColumna
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ConfirmDialog,
       {
         open: openConfirmDialog,
@@ -4729,7 +4829,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__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       DataGridOptionsDialog,
       {
         open: openDataGridOptions,
@@ -4738,7 +4838,7 @@ var GenericDataGrid = ({
         anchorEl: dataGridOptionsAnchorEl
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ImportDialog,
       {
         open: openImportDialog,
@@ -4747,20 +4847,21 @@ var GenericDataGrid = ({
         loading
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_material18.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      import_material19.Dialog,
       {
         open: openVerticalEditDialog,
         onClose: () => setOpenVerticalEditDialog(false),
         maxWidth: "sm",
         fullWidth: true,
-        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           VerticalEditorPage,
           {
             tableName,
             tableDefinition,
             initialData: rowToEditVertical,
             fixedFields,
+            columnasOcultas: conjuntoDeOcultas,
             isNewRow: !!rowToEditVertical[NEW_ROW_INDICATOR],
             onSaveSuccess: (savedRow, isNewItem) => {
               setRowToEditVertical(savedRow);
@@ -4799,25 +4900,34 @@ var GenericDataGrid = ({
         )
       }
     ),
-    contenidoDeCelda && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
+    contenidoDeCelda && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
   ] }) });
 };
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-var import_react43 = __toESM(require("react"), 1);
-var import_react_router_dom15 = require("react-router-dom");
+var import_react44 = __toESM(require("react"), 1);
+var import_react_router_dom18 = require("react-router-dom");
 
 // src/components/MainLayout.tsx
 var import_react30 = require("react");
 var import_react_router_dom4 = require("react-router-dom");
-var import_material20 = require("@mui/material");
+var import_material21 = require("@mui/material");
 
 // src/contexts/AppContext.tsx
 var import_react27 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_react_redux2 = require("react-redux");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// src/utils/cierreVoluntario.ts
+var cierreVoluntario = false;
+var marcarCierreVoluntario = (activo) => {
+  cierreVoluntario = activo;
+};
+var huboCierreVoluntario = () => cierreVoluntario;
+
+// src/contexts/AppContext.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var AuthContext = (0, import_react27.createContext)(void 0);
 var useApp = () => {
   const context = (0, import_react27.useContext)(AuthContext);
@@ -4833,9 +4943,10 @@ var AppProvider = ({ children, publicPaths = [] }) => {
   const [showSessionExpiredMessage, setShowSessionExpiredMessage] = (0, import_react27.useState)(false);
   const isRedirectingRef = (0, import_react27.useRef)(false);
   const huboSesionRef = (0, import_react27.useRef)(false);
+  const cierreVoluntarioRef = (0, import_react27.useRef)(false);
   const dispatch = (0, import_react_redux2.useDispatch)();
   const clientContext = (0, import_react_redux2.useSelector)((state) => state.clientContext);
-  if (clientContext.status === "succeeded") huboSesionRef.current = true;
+  if (clientContext.status === "succeeded" && !cierreVoluntarioRef.current) huboSesionRef.current = true;
   const navigate = (0, import_react_router_dom.useNavigate)();
   const handleExpiredSessionRedirect = (0, import_react27.useCallback)(() => {
     isRedirectingRef.current = true;
@@ -4846,6 +4957,17 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       isRedirectingRef.current = false;
     }, 2e3);
   }, [navigate]);
+  const avisarCierreVoluntario = (0, import_react27.useCallback)((activo) => {
+    cierreVoluntarioRef.current = activo;
+    marcarCierreVoluntario(activo);
+    if (activo) huboSesionRef.current = false;
+  }, []);
+  const limpiarContextoPorSesionPerdida = (0, import_react27.useCallback)(() => {
+    if (clientContext.status === "succeeded" && clientContext.username !== "" && !cierreVoluntarioRef.current) {
+      dispatch(setRedirectUsername(clientContext.username));
+    }
+    dispatch(clearClientContext());
+  }, [dispatch, clientContext.status, clientContext.username]);
   const location = (0, import_react_router_dom.useLocation)();
   const isCurrentPathPublic = (0, import_react27.useCallback)(() => {
     const current = location.pathname;
@@ -4871,8 +4993,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 {
@@ -4882,13 +5004,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]);
   (0, import_react27.useEffect)(() => {
     checkSession();
     const intervalId = setInterval(checkSession, 15 * 1e3);
@@ -4902,26 +5024,30 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   }), [
     isLoggedIn,
     setIsLoggedIn,
     checkSession,
     showSessionExpiredMessage,
     setShowSessionExpiredMessage,
-    handleExpiredSessionRedirect
+    handleExpiredSessionRedirect,
+    avisarCierreVoluntario
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AuthContext.Provider, { value: authContextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AuthContext.Provider, { value: authContextValue, children });
 };
 
 // src/components/MainLayout.tsx
+var import_react_router_dom5 = require("react-router-dom");
 var import_Logout = __toESM(require("@mui/icons-material/Logout"), 1);
+var import_VpnKey = __toESM(require("@mui/icons-material/VpnKey"), 1);
 var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
 var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
 
 // src/components/SideMenu.tsx
 var import_react28 = __toESM(require("react"), 1);
-var import_material19 = require("@mui/material");
+var import_material20 = require("@mui/material");
 var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
 var import_TableChart = __toESM(require("@mui/icons-material/TableChart"), 1);
@@ -4929,18 +5055,56 @@ var import_Folder = __toESM(require("@mui/icons-material/Folder"), 1);
 var import_Dns = __toESM(require("@mui/icons-material/Dns"), 1);
 var import_WarningAmber3 = __toESM(require("@mui/icons-material/WarningAmber"), 1);
 var import_DesktopWindows = __toESM(require("@mui/icons-material/DesktopWindows"), 1);
-var import_UnfoldMore = __toESM(require("@mui/icons-material/UnfoldMore"), 1);
-var import_UnfoldLess = __toESM(require("@mui/icons-material/UnfoldLess"), 1);
+var import_Search3 = __toESM(require("@mui/icons-material/Search"), 1);
+var import_Clear = __toESM(require("@mui/icons-material/Clear"), 1);
 var import_react_router_dom2 = require("react-router-dom");
 var import_colors = require("@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}`;
@@ -4953,140 +5117,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
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var MenuListItem = ({ item, level, onMenuItemClick }) => {
+var import_jsx_runtime25 = require("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__ */ (0, import_jsx_runtime25.jsx)(import_TableChart.default, { sx: destacado ? { color: import_colors.blue[700] } : void 0 });
+    case "proc":
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Dns.default, { sx: destacado ? { color: import_colors.teal[700] } : void 0 });
+    case "menu":
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Folder.default, { sx: destacado ? { color: import_colors.orange[800] } : void 0 });
+    default:
+      if (wScreens[item.menuType] !== void 0 || puenteBPHabilitado()) {
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_DesktopWindows.default, { sx: destacado ? { color: import_colors.indigo[500] } : void 0 });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_WarningAmber3.default, { sx: destacado ? { color: import_colors.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 = (0, import_react_router_dom2.useNavigate)();
   const location = (0, import_react_router_dom2.useLocation)();
-  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__ */ (0, import_jsx_runtime24.jsx)(import_TableChart.default, { sx: { color: import_colors.blue[700] } });
-      case "proc":
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Dns.default, { sx: { color: import_colors.teal[700] } });
-      case "menu":
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Folder.default, { sx: { color: import_colors.orange[800] } });
-      default:
-        const WScreenComponent = wScreens[item2.menuType];
-        if (WScreenComponent !== void 0) {
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_DesktopWindows.default, { sx: { color: import_colors.grey[700] } });
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_WarningAmber3.default, { sx: { color: import_colors.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 = import_react28.default.useRef(null);
   (0, import_react28.useEffect)(() => {
     if (isSelected && itemRef.current) {
       itemRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { ref: itemRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      import_material19.ListItemButton,
+  const contenido = item.menuType === "menu" ? item.menuContent : [];
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ref: itemRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_material20.ListItemButton,
       {
         onClick: handleClick,
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(item) }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemText, { primary: item.label || item.name }),
-          item.menuType === "menu" ? open ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ExpandLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ExpandMore.default, {}) : null
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(item, isSelected || open) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.ListItemText, { primary: etiquetaDeItem(item) }),
+          item.menuType === "menu" ? open ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ExpandLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ExpandMore.default, {}) : null
         ]
       }
     ),
-    item.menuType === "menu" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.List, { component: "div", disablePadding: true, children: item.menuContent.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    item.menuType === "menu" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.List, { component: "div", disablePadding: true, children: contenido.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       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 = (0, import_react28.useRef)(null);
+  (0, import_react28.useEffect)(() => {
+    if (traerALaVista && seleccionado) boton.current?.scrollIntoView({ block: "nearest" });
+  }, [traerALaVista, seleccionado]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.ListItemButton, { dense: true, selected: seleccionado, onClick: () => onElegir(hoja), ref: boton, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(hoja.item, seleccionado) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_material20.ListItemText,
+      {
+        primary: etiquetaDeItem(hoja.item),
+        secondary: hoja.etiquetasDeGrupos.join(" \u203A ") || void 0,
+        secondaryTypographyProps: { noWrap: true }
+      }
+    )
+  ] });
+};
 var SideMenu = ({ onMenuItemClick }) => {
   const { clientContext } = useApp();
   const navigate = (0, import_react_router_dom2.useNavigate)();
   const location = (0, import_react_router_dom2.useLocation)();
   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__ */ (0, import_jsx_runtime24.jsx)(import_material19.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Typography, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
-  }
+  const [consulta, setConsulta] = (0, import_react28.useState)("");
+  const [indice, setIndice] = (0, import_react28.useState)(0);
+  const [recientes, setRecientes] = (0, import_react28.useState)(leerRecientes);
+  const campoDeBusqueda = (0, import_react28.useRef)(null);
+  const menu = clientContext?.menu;
+  const hojas = (0, import_react28.useMemo)(() => hojasDeMenu(menu ?? []), [menu]);
+  const resultados = (0, import_react28.useMemo)(() => buscarEnMenu(hojas, consulta), [hojas, consulta]);
   (0, import_react28.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime24.jsxs)(import_material19.Box, { sx: { width: "100%", flexShrink: 0 }, children: [
-    clientContext.menu.some((item) => item.menuType === "menu") && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material19.ListItemButton, { onClick: handleToggleAllSubMenus, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemIcon, { sx: { minWidth: "38px" }, children: isMostlyOpen ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_UnfoldLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_UnfoldMore.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemText, { primary: isMostlyOpen ? "colapsar " : "expandir" })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.List, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      MenuListItem,
+    window.addEventListener("keydown", alApretar);
+    return () => window.removeEventListener("keydown", alApretar);
+  }, [dispatch]);
+  (0, import_react28.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { 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__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Box, { sx: { width: "100%", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { px: 1.5, py: 1, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_material20.TextField,
       {
-        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__ */ (0, import_jsx_runtime25.jsx)(import_material20.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Search3.default, { fontSize: "small" }) }),
+          endAdornment: consulta !== "" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.IconButton, { size: "small", "aria-label": "borrar b\xFAsqueda", edge: "end", onClick: () => {
+            setConsulta("");
+            campoDeBusqueda.current?.focus();
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Clear.default, { fontSize: "small" }) }) }) : void 0
+        }
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto" }, children: consulta.trim() !== "" ? resultados.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "body2", color: "text.secondary", children: "Sin resultados" }) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.List, { children: resultados.map((hoja, i) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ItemPlano, { hoja, seleccionado: i === indice, traerALaVista: true, onElegir: elegir }, hoja.clave)) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+      hojasRecientes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "overline", color: "text.secondary", sx: { display: "block", px: 2, pt: 1, lineHeight: 2 }, children: "Recientes" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.List, { disablePadding: true, children: hojasRecientes.map((hoja) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          ItemPlano,
+          {
+            hoja,
+            seleccionado: estaSeleccionado(hoja.item, hoja.grupos, location.pathname, location.hash),
+            onElegir: elegir
+          },
+          hoja.clave
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Divider, {})
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.List, { children: menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        MenuListItem,
+        {
+          item: menuItem,
+          level: 1,
+          hermanos: menu.filter((otro) => otro !== menuItem).map((otro) => claveDeMenu([otro.name])),
+          onMenuItemClick
+        },
+        menuItem.name
+      )) })
+    ] }) })
   ] });
 };
 var SideMenu_default = SideMenu;
@@ -5096,10 +5386,11 @@ var import_react29 = require("react");
 var import_react_router_dom3 = require("react-router-dom");
 var import_react_redux3 = require("react-redux");
 var useLogout = () => {
-  const { setIsLoggedIn } = useApp();
+  const { setIsLoggedIn, avisarCierreVoluntario } = useApp();
   const dispatch = (0, import_react_redux3.useDispatch)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const logout = (0, import_react29.useCallback)(async () => {
+    avisarCierreVoluntario(true);
     try {
       const response = await fetchApi("/logout", { method: "GET" });
       if (response.status === 401 || response.ok) {
@@ -5112,23 +5403,25 @@ 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
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var drawerWidth = 240;
 var MainLayout = () => {
   const { clientContext } = useApp();
   const logout = useLogout_default();
+  const navigate = (0, import_react_router_dom5.useNavigate)();
   const isDrawerOpen = useIsDrawerOpen();
   const dispatch = useAppDispatch();
-  const theme = (0, import_material20.useTheme)();
-  const isMobile = (0, import_material20.useMediaQuery)(theme.breakpoints.down("sm"));
+  const theme = (0, import_material21.useTheme)();
+  const isMobile = (0, import_material21.useMediaQuery)(theme.breakpoints.down("sm"));
   (0, import_react30.useEffect)(() => {
     if (isMobile && isDrawerOpen) {
       dispatch(setDrawerOpen(false));
@@ -5143,12 +5436,12 @@ var MainLayout = () => {
     }
   };
   if (!clientContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Box, { sx: { display: "flex", height: "100vh" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_material20.AppBar,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: { display: "flex", height: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_material21.AppBar,
       {
         position: "fixed",
         sx: {
@@ -5166,9 +5459,9 @@ var MainLayout = () => {
             })
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Toolbar, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_material20.IconButton,
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Toolbar, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_material21.IconButton,
             {
               color: "inherit",
               "aria-label": "open drawer",
@@ -5177,10 +5470,10 @@ var MainLayout = () => {
               sx: {
                 marginRight: 2
               },
-              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Menu.default, {})
+              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Menu.default, {})
             }
           ),
-          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             "img",
             {
               src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5188,22 +5481,23 @@ var MainLayout = () => {
               style: { height: "32px", marginRight: "12px", objectFit: "contain" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            import_material20.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.IconButton, { color: "inherit", title: "Cambiar contrase\xF1a", "aria-label": "cambiar contrase\xF1a", onClick: () => navigate("/chpass"), sx: { mr: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_VpnKey.default, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_material21.Button,
             {
               color: "inherit",
               onClick: logout,
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Logout.default, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, {}),
               children: "Salir"
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-      import_material20.Drawer,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      import_material21.Drawer,
       {
         variant: "persistent",
         anchor: "left",
@@ -5214,25 +5508,28 @@ var MainLayout = () => {
           "& .MuiDrawer-paper": {
             width: drawerWidth,
             boxSizing: "border-box",
-            overflowX: "hidden",
-            overflowY: "auto"
+            overflow: "hidden",
+            display: "flex",
+            flexDirection: "column"
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-            import_material20.Toolbar,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+            import_material21.Toolbar,
             {
               sx: {
                 display: "flex",
                 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__ */ (0, import_jsx_runtime25.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                   "img",
                   {
                     src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5240,16 +5537,16 @@ var MainLayout = () => {
                     style: { height: "32px", objectFit: "contain" }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-      import_material20.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      import_material21.Box,
       {
         component: "main",
         sx: {
@@ -5275,8 +5572,8 @@ var MainLayout = () => {
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Toolbar, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_router_dom4.Outlet, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Toolbar, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_router_dom4.Outlet, {}) })
         ]
       }
     )
@@ -5285,8 +5582,8 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-var import_material21 = require("@mui/material");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_material22 = require("@mui/material");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var style = {
   position: "absolute",
   top: "50%",
@@ -5305,8 +5602,8 @@ var SessionExpiredMessage = () => {
   const handleClose = () => {
     handleExpiredSessionRedirect();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_material21.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_material22.Modal,
     {
       open: showSessionExpiredMessage,
       onClose: () => {
@@ -5325,10 +5622,10 @@ var SessionExpiredMessage = () => {
           }
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: style, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { 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__ */ (0, import_jsx_runtime26.jsx)(import_material21.Button, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: style, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { 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__ */ (0, import_jsx_runtime27.jsx)(import_material22.Button, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -5336,25 +5633,25 @@ var SessionExpiredMessage = () => {
 var SessionExpiredMessage_default = SessionExpiredMessage;
 
 // src/pages/PantallaInicial.tsx
-var import_react_router_dom5 = require("react-router-dom");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_react_router_dom6 = require("react-router-dom");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var PantallaInicial = () => {
   const { clientContext } = useApp();
   const item = clientContext.menu ? itemInicial(clientContext.menu) : void 0;
-  return item ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_router_dom5.Navigate, { to: rutaDeItemDeMenu(item), replace: true }) : null;
+  return item && clientContext.menu ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom6.Navigate, { to: rutaDeItemDeMenu(item, gruposDeItem(clientContext.menu, item)), replace: true }) : null;
 };
 var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
 var import_react31 = require("react");
-var import_material22 = require("@mui/material");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_material23 = require("@mui/material");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var LogoutPage = () => {
   const logout = useLogout_default();
   (0, import_react31.useEffect)(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material22.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Box, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -5362,20 +5659,31 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.CircularProgress, { size: 60 }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Typography, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.CircularProgress, { size: 60 }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
 var import_react32 = require("react");
-var import_material23 = require("@mui/material");
+var import_material24 = require("@mui/material");
+var import_react_router_dom7 = require("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
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"), 1);
 var import_react_redux4 = require("react-redux");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -5385,7 +5693,10 @@ var loginSchema = z.object({
 var LoginPage = () => {
   const [loginError, setLoginError] = (0, import_react32.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react32.useState)(false);
-  const { setIsLoggedIn, checkSession } = useApp();
+  const estadoDeLaRuta = (0, import_react_router_dom7.useLocation)().state;
+  const claveCambiada = typeof estadoDeLaRuta === "object" && estadoDeLaRuta !== null && "claveCambiada" in estadoDeLaRuta && estadoDeLaRuta.claveCambiada === true;
+  const rutaDeRecuperarClave2 = rutaParaRecuperarClave();
+  const { setIsLoggedIn, checkSession, avisarCierreVoluntario } = useApp();
   const dispatch = (0, import_react_redux4.useDispatch)();
   const {
     control,
@@ -5417,6 +5728,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.");
@@ -5429,16 +5741,16 @@ var LoginPage = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_material23.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_material24.Box,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-        import_material23.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        import_material24.Box,
         {
           width: "100%",
           maxWidth: "400px",
@@ -5447,7 +5759,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -5455,62 +5767,81 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                  import_react_hook_form.Controller,
-                  {
-                    name: "username",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                      import_material23.TextField,
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              "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__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      import_react_hook_form.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__ */ (0, import_jsx_runtime30.jsx)(
+                          import_material24.TextField,
+                          {
+                            ...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__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "password", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                  import_react_hook_form.Controller,
-                  {
-                    name: "password",
-                    control,
-                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-                      import_material23.TextField,
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("label", { htmlFor: "password", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      import_react_hook_form.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__ */ (0, import_jsx_runtime30.jsx)(
+                          import_material24.TextField,
+                          {
+                            ...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__ */ (0, import_jsx_runtime29.jsx)(import_material23.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.CircularProgress, { size: 20, sx: { mr: 1 } }),
-                "Iniciando sesi\xF3n..."
-              ] }) : "Iniciar Sesi\xF3n" })
-            ] }),
-            loginError && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.CircularProgress, { size: 20, sx: { mr: 1 } }),
+                    "Iniciando sesi\xF3n..."
+                  ] }) : "Iniciar Sesi\xF3n" })
+                ]
+              }
+            ),
+            rutaDeRecuperarClave2 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { mt: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Link, { href: `${envConfig.backendUrl}${rutaDeRecuperarClave2}`, variant: "body2", underline: "hover", children: "Me olvid\xE9 la clave / es mi primer ingreso" }) }),
+            claveCambiada && !loginError && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Alert, { severity: "success", sx: { mt: 2 }, children: "La contrase\xF1a se cambi\xF3. Ingres\xE1 con la clave nueva." }),
+            loginError && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material24.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -5523,18 +5854,18 @@ var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
 var import_react33 = __toESM(require("react"), 1);
-var import_react_router_dom6 = require("react-router-dom");
-var import_material25 = require("@mui/material");
+var import_react_router_dom8 = require("react-router-dom");
+var import_material26 = require("@mui/material");
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-var import_material24 = require("@mui/material");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_material25 = require("@mui/material");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material24.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Box, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -5548,9 +5879,9 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var ProcedureForm = () => {
-  const { procedureName } = (0, import_react_router_dom6.useParams)();
+  const { procedureName } = (0, import_react_router_dom8.useParams)();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
   const [validationErrors, setValidationErrors] = (0, import_react33.useState)({});
@@ -5763,10 +6094,10 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-          import_material25.Select,
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          import_material26.Select,
           {
             labelId: `${param.name}-label`,
             value: formValues[param.name] === void 0 ? "" : formValues[param.name],
@@ -5776,14 +6107,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.MenuItem, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("em", { children: "Seleccione..." }) }),
-              param.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
+              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.MenuItem, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("em", { children: "Seleccione..." }) }),
+              param.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -5792,19 +6123,19 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "integer":
       case "bigint":
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "boolean":
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_material25.FormControlLabel,
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_material26.FormControlLabel,
           {
-            control: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-              import_material25.Checkbox,
+            control: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              import_material26.Checkbox,
               {
                 checked: !!formValues[param.name],
                 onChange: handleChange,
@@ -5814,21 +6145,21 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { 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__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { 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__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { 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__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { 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__ */ (0, import_jsx_runtime31.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { 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__ */ (0, import_jsx_runtime32.jsx)(
             "input",
             {
               type: "file",
@@ -5842,34 +6173,34 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
   const ResultDisplayContent = (0, import_react33.useMemo)(() => {
     if (!procedureResultData || !procedure?.resultOk) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ComponentToRender, { data: procedureResultData });
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Typography, { 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__ */ (0, import_jsx_runtime31.jsx)(import_material25.Box, { sx: {
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Box, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
       ] });
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Box, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -5879,13 +6210,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.CircularProgress, { sx: { mb: 2 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.CircularProgress, { sx: { mb: 2 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { 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__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Box, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -5902,17 +6233,17 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
-      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
+      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
         "Por favor, corrige los errores en el formulario antes de enviar.",
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { children: err }, idx)) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: err }, idx)) })
       ] }),
-      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
-      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("form", { onSubmit: handleSubmit, children: [
-        procedure.parameters.map((param) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: renderInputField(param) }, param.name)),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_material25.Button,
+      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
+      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("form", { onSubmit: handleSubmit, children: [
+        procedure.parameters.map((param) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: renderInputField(param) }, param.name)),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_material26.Button,
           {
             type: "submit",
             variant: "contained",
@@ -5920,20 +6251,20 @@ var ProcedureForm = () => {
             disabled: apiLoading || Object.values(validationErrors).some((err) => err !== null),
             sx: { mt: 2 },
             size: "medium",
-            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.CircularProgress, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.CircularProgress, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Box, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Divider, { sx: { mb: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_material25.Box,
+      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Box, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Divider, { sx: { mb: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          import_material26.Box,
           {
             sx: {
               bgcolor: "grey.100",
@@ -5946,8 +6277,8 @@ var ProcedureForm = () => {
               fontSize: "0.75rem",
               whiteSpace: "pre-wrap"
             },
-            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-              import_material25.Typography,
+            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              import_material26.Typography,
               {
                 component: "pre",
                 sx: {
@@ -5968,15 +6299,15 @@ var ProcedureForm = () => {
 var ProcedureForm_default = ProcedureForm;
 
 // src/App.tsx
-var import_react_redux5 = require("react-redux");
-var import_react44 = require("redux-persist/integration/react");
+var import_react_redux6 = require("react-redux");
+var import_react45 = require("redux-persist/integration/react");
 
 // src/components/PrivateRoute.tsx
 var import_react34 = require("react");
-var import_react_router_dom7 = require("react-router-dom");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react_router_dom9 = require("react-router-dom");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var PrivateRoute = ({ children }) => {
-  const location = (0, import_react_router_dom7.useLocation)();
+  const location = (0, import_react_router_dom9.useLocation)();
   const dispatch = useAppDispatch();
   const clientContextStatus = useClientContextStatus();
   const isAuthenticated = clientContextStatus === "succeeded";
@@ -5984,7 +6315,7 @@ var PrivateRoute = ({ children }) => {
   console.log(`[PrivateRoute] Render: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
   (0, import_react34.useEffect)(() => {
     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));
@@ -5998,26 +6329,28 @@ var PrivateRoute = ({ children }) => {
   }, [isAuthenticated, isLoadingAuth, location, dispatch, clientContextStatus]);
   if (isLoadingAuth) {
     console.log(`[PrivateRoute] Returning loading state...`);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom7.Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom9.Navigate, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children });
 };
 var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
 var import_react35 = require("react");
-var import_react_router_dom8 = require("react-router-dom");
+var import_react_router_dom10 = require("react-router-dom");
 var InitialRedirectHandler = () => {
-  const location = (0, import_react_router_dom8.useLocation)();
-  const navigate = (0, import_react_router_dom8.useNavigate)();
+  const location = (0, import_react_router_dom10.useLocation)();
+  const navigate = (0, import_react_router_dom10.useNavigate)();
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
+  const username = useAppSelector((state) => state.clientContext.username);
+  const redirectUsername = useAppSelector((state) => state.router.redirectUsername);
   (0, import_react35.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
@@ -6027,7 +6360,9 @@ var InitialRedirectHandler = () => {
   }, [location.pathname]);
   (0, import_react35.useEffect)(() => {
     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);
@@ -6037,28 +6372,28 @@ 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
 var import_react36 = __toESM(require("react"), 1);
-var import_react_router_dom9 = require("react-router-dom");
-var import_material26 = require("@mui/material");
+var import_react_router_dom11 = require("react-router-dom");
+var import_material27 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = [],
   parametros: parametrosRecibidos
 }) => {
-  const { tableName: urlTableName } = (0, import_react_router_dom9.useParams)();
+  const { tableName: urlTableName } = (0, import_react_router_dom11.useParams)();
   const effectiveTableName = initialTableName || urlTableName;
   const [tabs, setTabs] = (0, import_react36.useState)([]);
   const [activeTabIdx, setActiveTabIdx] = (0, import_react36.useState)(0);
   const ffKey = JSON.stringify(initialFixedFields);
-  const location = (0, import_react_router_dom9.useLocation)();
+  const location = (0, import_react_router_dom11.useLocation)();
   const parametros = (0, import_react36.useMemo)(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
   const fixedFieldsIniciales = initialFixedFields.length > 0 ? initialFixedFields : parametros.fixedFields ?? [];
   const parametrosKey = JSON.stringify(parametros);
@@ -6098,26 +6433,26 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material26.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      import_material26.Tab,
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material27.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_material27.Tab,
       {
-        label: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.IconButton, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_Close2.default, { fontSize: "inherit" }) })
+        label: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material27.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
+          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.IconButton, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_Close2.default, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
-    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      import_material26.Box,
+    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_material27.Box,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
         sx: { flexGrow: 1, display: activeTabIdx === index ? "flex" : "none", flexDirection: "column", overflow: "hidden" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           GenericDataGrid_default,
           {
             tableName: tab.tableName,
@@ -6139,43 +6474,31 @@ var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
 var import_react37 = require("react");
-var import_react_router_dom10 = require("react-router-dom");
-var import_material27 = require("@mui/material");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_react_router_dom12 = require("react-router-dom");
+var import_material28 = require("@mui/material");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var PantallaDeRuta = ({ screenName }) => {
-  const [busqueda] = (0, import_react_router_dom10.useSearchParams)();
+  const [busqueda] = (0, import_react_router_dom12.useSearchParams)();
   const params = (0, import_react37.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FallbackWScreen, { screenName }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
 var import_react38 = require("react");
-var import_react_router_dom11 = require("react-router-dom");
-var import_material28 = require("@mui/material");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react_router_dom13 = require("react-router-dom");
+var import_material29 = require("@mui/material");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var MenuTablePage = () => {
-  const { menuName } = (0, import_react_router_dom11.useParams)();
+  const { "*": menuName } = (0, import_react_router_dom13.useParams)();
   const { clientContext } = useApp();
-  const { search } = (0, import_react_router_dom11.useLocation)();
-  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 { search } = (0, import_react_router_dom13.useLocation)();
   const { currentTableName, currentFixedFields, parametros } = (0, import_react38.useMemo)(() => {
     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);
@@ -6191,12 +6514,12 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext, search]);
   if (!currentTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Alert, { severity: "error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material29.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_material29.Alert, { severity: "error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material29.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_material29.Typography, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     GenericDataGridPage_default,
     {
       initialTableName: currentTableName,
@@ -6209,8 +6532,8 @@ var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
 var import_react40 = require("react");
-var import_react_router_dom12 = require("react-router-dom");
-var import_material30 = require("@mui/material");
+var import_react_router_dom14 = require("react-router-dom");
+var import_material31 = require("@mui/material");
 
 // src/puente/clienteBP.ts
 function extraerRecursos(html) {
@@ -6300,8 +6623,8 @@ async function cargarSinMemoria(urlBackend) {
 
 // src/puente/ConsolaBP.tsx
 var import_react39 = require("react");
-var import_material29 = require("@mui/material");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_material30 = require("@mui/material");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var MARGEN_DE_REPETIDO_MS = 1e3;
 function descartarRepetidos(consola, agregados, ahora) {
   for (const nodo of agregados) {
@@ -6323,8 +6646,8 @@ var ConsolaBP = () => {
     observador.observe(consola, { childList: true });
     return () => observador.disconnect();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    import_material29.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_material30.Box,
     {
       id: "mini-console",
       sx: (tema) => ({
@@ -6412,15 +6735,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
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function buscarItemDeMenu(items, tipo) {
   for (const item of items) {
     if (item.menuType === tipo) return item;
@@ -6469,43 +6785,43 @@ var PantallaBP = ({ nombre, direccion }) => {
       elemento.replaceChildren();
     };
   }, [nombre, direccion, menu]);
-  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FallbackWScreen, { screenName: nombre });
+  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FallbackWScreen, { screenName: nombre });
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material30.Box, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Alert, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { id: "main_layout", ref: contenedor }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ConsolaBP, {})
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material31.Box, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ConsolaBP, {})
     ] })
   );
 };
 var PantallaDeRespaldo = () => {
-  const { screenName = "" } = (0, import_react_router_dom12.useParams)();
-  const { search } = (0, import_react_router_dom12.useLocation)();
+  const { screenName = "" } = (0, import_react_router_dom14.useParams)();
+  const { search } = (0, import_react_router_dom14.useLocation)();
   if (!puenteBPHabilitado()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FallbackWScreen, { screenName }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom12.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom14.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
-  const { hash, search } = (0, import_react_router_dom12.useLocation)();
+  const { hash, search } = (0, import_react_router_dom14.useLocation)();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
-  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom12.Navigate, { to: "/", replace: true });
-  if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material30.Alert, { severity: "warning", children: [
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom14.Navigate, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material31.Alert, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("code", { children: "#w=..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { children: "#w=..." }),
     ")."
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PantallaBP, { nombre, direccion }, nombre);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PantallaBP, { nombre, direccion }, nombre);
 };
 
 // src/puente/GrillaBP.tsx
 var import_react41 = require("react");
-var import_react_router_dom13 = require("react-router-dom");
-var import_material31 = require("@mui/material");
-var import_jsx_runtime38 = (
+var import_react_router_dom15 = require("react-router-dom");
+var import_material32 = require("@mui/material");
+var import_jsx_runtime39 = (
   // 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
   require("react/jsx-runtime")
 );
@@ -6535,21 +6851,21 @@ var GrillaBP = ({ tabla, fixedFields }) => {
       elemento.replaceChildren();
     };
   }, [tabla, clave]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material31.Box, { sx: { position: "relative" }, children: [
-    cargando && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.Alert, { severity: "error", sx: { m: 2 }, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: contenedor }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ConsolaBP, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_material32.Box, { sx: { position: "relative" }, children: [
+    cargando && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material32.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material32.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { ref: contenedor }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ConsolaBP, {})
   ] });
 };
 var PaginaGrillaBP = () => {
-  const { tableName = "" } = (0, import_react_router_dom13.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(GrillaBP, { tabla: tableName }, tableName);
+  const { tableName = "" } = (0, import_react_router_dom15.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GrillaBP, { tabla: tableName }, tableName);
 };
 
 // src/puente/CapturaBP.tsx
 var import_react42 = require("react");
-var import_react_router_dom14 = require("react-router-dom");
+var import_react_router_dom16 = require("react-router-dom");
 
 // src/puente/capturaDeNavegacion.ts
 function apiDeNavegacion() {
@@ -6594,62 +6910,175 @@ function capturarNavegacionBP(urlBackend, navegar) {
 
 // src/puente/CapturaBP.tsx
 var CapturaBP = () => {
-  const navigate = (0, import_react_router_dom14.useNavigate)();
+  const navigate = (0, import_react_router_dom16.useNavigate)();
   (0, import_react42.useEffect)(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
   return null;
 };
 
+// src/pages/CambiarClavePage.tsx
+var import_react43 = require("react");
+var import_material33 = require("@mui/material");
+var import_react_router_dom17 = require("react-router-dom");
+var import_react_redux5 = require("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
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var CambiarClavePage = () => {
+  const { clientContext, setIsLoggedIn, avisarCierreVoluntario } = useApp();
+  const dispatch = (0, import_react_redux5.useDispatch)();
+  const navigate = (0, import_react_router_dom17.useNavigate)();
+  const [claveActual, setClaveActual] = (0, import_react43.useState)("");
+  const [claveNueva, setClaveNueva] = (0, import_react43.useState)("");
+  const [claveRepetida, setClaveRepetida] = (0, import_react43.useState)("");
+  const [error, setError] = (0, import_react43.useState)(null);
+  const [enviando, setEnviando] = (0, import_react43.useState)(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__ */ (0, import_jsx_runtime40.jsx)(import_material33.Box, { sx: { p: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material33.Box, { component: "form", onSubmit: enviar, sx: { width: "100%", maxWidth: 420 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.Typography, { variant: "h5", gutterBottom: true, children: "Cambiar contrase\xF1a" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.TextField, { label: "Usuario", value: clientContext?.username ?? "", fullWidth: true, margin: "normal", disabled: true, autoComplete: "username" }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      import_material33.TextField,
+      {
+        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__ */ (0, import_jsx_runtime40.jsx)(
+      import_material33.TextField,
+      {
+        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__ */ (0, import_jsx_runtime40.jsx)(
+      import_material33.TextField,
+      {
+        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__ */ (0, import_jsx_runtime40.jsx)(import_material33.Alert, { severity: "error", sx: { mt: 1, whiteSpace: "pre-line" }, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material33.Box, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", mt: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.Button, { onClick: () => navigate(-1), disabled: enviando, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.Button, { type: "submit", variant: "contained", disabled: enviando, children: enviando ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.CircularProgress, { size: 20 }) : "Cambiar contrase\xF1a" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material33.Typography, { 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
 var import_type_store6 = __toESM(require("type-store"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var LocationTracker = () => {
-  const location = (0, import_react_router_dom15.useLocation)();
+  const location = (0, import_react_router_dom18.useLocation)();
   const dispatch = useAppDispatch();
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InitialRedirectHandler_default, {}),
-    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CapturaBP, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Outlet, {}), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoginPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CapturaBP, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_router_dom18.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_router_dom18.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Outlet, {}), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LoginPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Layout, {}) }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaInicial_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/menu/:menuName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          import_react_router_dom15.Route,
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_router_dom18.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Layout, {}) }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/menu/*", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ProcedureForm_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/chpass", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CambiarClavePage_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          import_react_router_dom18.Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaDeRespaldo, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/bp/menu", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginaBP, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginaGrillaBP, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/bp/menu", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Navigate, { to: "/", replace: true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_router_dom18.Navigate, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react44.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.BrowserRouter, { basename: rutaBase, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LocationTracker, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_redux6.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react45.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react_router_dom18.BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SnackbarProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -6661,9 +7090,10 @@ var App = ({
   myClientSides,
   myResultsOk,
   myConditions,
-  puenteBP
+  puenteBP,
+  recuperarClave
 }) => {
-  (0, import_react43.useMemo)(() => {
+  (0, import_react44.useMemo)(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -6679,8 +7109,9 @@ var App = ({
     if (puenteBP) {
       habilitarPuenteBP();
     }
-  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
-  (0, import_react43.useEffect)(() => {
+    configurarRecuperarClave(recuperarClave);
+  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP, recuperarClave]);
+  (0, import_react44.useEffect)(() => {
     import_type_store6.default.messages = import_type_store6.default.i18n.messages.es;
     import_type_store6.default.locale = import_type_store6.default.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -6689,11 +7120,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = import_react43.default.useMemo(() => {
+  const safePaths = import_react44.default.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     FrontendPlusReactRoutes,
     {
       myRoutes,