frontend-plus-react 0.8.1 → 0.9.0

package/dist/index.cjs

@@ -59,7 +59,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/grid/GenericDataGrid.tsx
-var import_react26 = require("react");
+var import_react28 = require("react");
 var import_react_data_grid = require("react-data-grid");
 var import_styles = require("react-data-grid/lib/styles.css");
 
@@ -378,7 +378,7 @@ var useApiCallWithoutSnackbar = () => {
 };
 
 // src/components/grid/GenericDataGrid.tsx
-var import_material19 = require("@mui/material");
+var import_material21 = require("@mui/material");
 
 // src/store/index.ts
 var import_toolkit4 = require("@reduxjs/toolkit");
@@ -1628,6 +1628,112 @@ var textoParaVer = (valor) => {
   return String(valor);
 };
 
+// src/components/grid/ExampleClientSideComponent.tsx
+var import_material4 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ExampleClientSideComponent = ({ row, column, fieldDefinition }) => {
+  const value = row[column.key];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Box, { sx: {
+    padding: 0.5,
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: value === "Special" ? "lightblue" : "transparent"
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Typography, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
+};
+var ExampleClientSideComponent_default = ExampleClientSideComponent;
+
+// src/components/grid/FallbackClientSideRenderer.tsx
+var import_material5 = require("@mui/material");
+var import_WarningAmber2 = __toESM(require("@mui/icons-material/WarningAmber"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
+  const clientSideName = fieldDefinition?.clientSide || "Desconocido";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Tooltip, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_material5.Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        // Para espaciar el valor y el icono
+        gap: 1,
+        // Espacio entre elementos
+        width: "100%",
+        height: "100%",
+        paddingLeft: "8px",
+        backgroundColor: "rgba(255, 193, 7, 0.1)",
+        // Amarillo claro para advertencia
+        border: "1px dashed rgba(255, 193, 7, 0.5)",
+        boxSizing: "border-box",
+        overflow: "hidden"
+        // Evita que el contenido se desborde
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_WarningAmber2.default,
+          {
+            sx: {
+              fontSize: 18,
+              color: "warning.main",
+              marginRight: "4px"
+              // Pequeño margen a la derecha del icono
+            }
+          }
+        )
+      ]
+    }
+  ) });
+};
+var FallbackClientSideRenderer_default = FallbackClientSideRenderer;
+
+// src/components/grid/ClientSideDisplayUrl.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ClientSideDisplayUrl = ({ row, column }) => {
+  const valor = row[column.key];
+  if (valor === null || valor === void 0 || valor === "") return null;
+  const url = String(valor);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { className: "fpr-celda", href: url, target: "_blank", rel: "noopener noreferrer", children: url });
+};
+var ClientSideDisplayUrl_default = ClientSideDisplayUrl;
+
+// src/utils/columnasOcultas.ts
+function columnasOcultasIniciales(tableDefinition) {
+  return Array.from(new Set(tableDefinition.hiddenColumns ?? []));
+}
+function campoDibujable(field) {
+  return field.visible !== false;
+}
+
+// src/components/grid/clientSides.ts
+var clientSides = {
+  "ExampleClientSideComponent": ExampleClientSideComponent_default,
+  "FallbackClientSideRenderer": FallbackClientSideRenderer_default,
+  "displayUrl": ClientSideDisplayUrl_default
+};
+var guardadosPropios = {
+  // `newPass` de backend-plus: la clave nueva del usuario de la fila
+  newPass: async ({ fila, primaryKey, valor, callApi }) => {
+    const claveNueva = typeof valor === "string" ? valor.trim() : "";
+    if (!claveNueva) return;
+    await callApi("admin_chpass", { user: fila[primaryKey[primaryKey.length - 1]], newpass: claveNueva });
+  }
+};
+var campoEditableEnCelda = (campo) => campo?.editable !== false && (!campo?.clientSide || campo.clientSide in guardadosPropios);
+var clientSidesSinImplementar = (tableDefinition) => {
+  const deCampos = tableDefinition.fields.flatMap(
+    (campo) => campo.clientSide && campoDibujable(campo) && !clientSides[campo.clientSide] && !guardadosPropios[campo.clientSide] ? [campo.clientSide] : []
+  );
+  const deTabla = tableDefinition.clientSide ? [tableDefinition.clientSide] : [];
+  return [.../* @__PURE__ */ new Set([...deCampos, ...deTabla])];
+};
+var extendClientSides = (newRenderers) => {
+  clientSides = { ...clientSides, ...newRenderers };
+  console.log("clientSides extendidos:", clientSides);
+};
+
 // src/hooks/grid/useGridEvents.ts
 var VIGENCIA_TECLA_PENDIENTE = 400;
 var VIGENCIA_VALOR_PENDIENTE_F4 = 1e3;
@@ -1658,7 +1764,7 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
       const currentColumnIndex = currentColumns.findIndex((col) => col.key === columnKey);
       const editableColumns = currentColumns.filter((col) => {
         const fieldDefinition = tableDefinition2.fields.find((f) => f.name === col.key);
-        return col.key !== "actionsColumn" && !(esColumnaPropia(col) && col.customType === "detail") && (fieldDefinition?.editable !== false && !fieldDefinition?.clientSide);
+        return col.key !== "actionsColumn" && !(esColumnaPropia(col) && col.customType === "detail") && campoEditableEnCelda(fieldDefinition);
       });
       const { key, target } = event;
       const teclaAnterior = teclaAnteriorRef.current;
@@ -1789,7 +1895,7 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
     if (esFilaDetalle(args.row)) return;
     const fieldDefinition = tableDefinition?.fields.find((f) => f.name === args.column.key);
     const isFixedField = valorFijoDe(fixedFields, args.column.key) !== void 0;
-    const isEditable = fieldDefinition?.editable !== false && !isFixedField;
+    const isEditable = campoEditableEnCelda(fieldDefinition) && !isFixedField;
     if (isEditable) {
       args.selectCell(true);
     } else if (fieldDefinition && tipoDeExpander(fieldDefinition, false) !== null) {
@@ -1974,7 +2080,7 @@ var JSON4all2 = __toESM(require("json4all"), 1);
 var cambiarGuionesBajosPorEspacios = (texto) => texto.replace(/_/g, " ");
 
 // src/components/grid/renderers/headerCellRenderers.tsx
-var import_material4 = require("@mui/material");
+var import_material6 = require("@mui/material");
 var import_Search = __toESM(require("@mui/icons-material/Search"), 1);
 var import_SearchOff = __toESM(require("@mui/icons-material/SearchOff"), 1);
 var import_MoreVert = __toESM(require("@mui/icons-material/MoreVert"), 1);
@@ -2032,7 +2138,7 @@ var VistaGrillaContext = (0, import_react11.createContext)({ isFilterRowVisible:
 var useVistaGrilla = () => (0, import_react11.useContext)(VistaGrillaContext);
 
 // src/components/grid/renderers/headerCellRenderers.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
   const { column, sortDirection, priority } = props;
   const isPrimaryKey = fieldDef.isPk;
@@ -2045,8 +2151,8 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
     return "#AAAAAA";
   };
   const sortColor = sorted ? getSortColor(sortIndex) : "transparent";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    import_material4.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_material6.Box,
     {
       onClickCapture: (e) => {
         if (!e.altKey || !ocultarColumna) return;
@@ -2063,8 +2169,8 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_material4.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_material6.Typography,
           {
             variant: "body2",
             sx: {
@@ -2081,7 +2187,7 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
             children: column.name
           }
         ),
-        sorted && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Box, { sx: { color: sortColor, display: "flex", alignItems: "center", ml: 0.5, fontSize: "0.7rem" }, children: sortDirection === "ASC" ? "\u25B2" : "\u25BC" })
+        sorted && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Box, { sx: { color: sortColor, display: "flex", alignItems: "center", ml: 0.5, fontSize: "0.7rem" }, children: sortDirection === "ASC" ? "\u25B2" : "\u25BC" })
       ]
     }
   );
@@ -2093,48 +2199,48 @@ var ActionsColumnHeaderCell = ({
   allowInsert
 }) => {
   const { isFilterRowVisible } = useVistaGrilla();
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material4.Box, { sx: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 0.2 }, children: [
-    allowInsert && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_material4.IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material6.Box, { sx: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 0.2 }, children: [
+    allowInsert && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material6.IconButton,
       {
         onClick: () => handleAddRow(),
         size: "small",
         title: "A\xF1adir registro",
         sx: { p: 0.25, color: "grey.800", "&:hover": { color: "success.main" } },
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Add.default, { sx: { fontSize: 18 } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Add.default, { sx: { fontSize: 18 } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_material4.IconButton,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material6.IconButton,
       {
         onClick: toggleFilterVisibility,
         size: "small",
         title: isFilterRowVisible ? "Ocultar filtros" : "Mostrar filtros",
         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 } })
+        children: isFilterRowVisible ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_SearchOff.default, { sx: { fontSize: 18 } }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Search.default, { sx: { fontSize: 18 } })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_material4.IconButton,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material6.IconButton,
       {
         onClick: (event) => handleDataGridOptions(event),
         size: "small",
         title: "Opciones de esta tabla",
         sx: { p: 0.25, color: "grey.800" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_MoreVert.default, { sx: { fontSize: 20, variant: "filled", size: "small" } })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_MoreVert.default, { sx: { fontSize: 20, variant: "filled", size: "small" } })
       }
     )
   ] });
 };
-var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Tooltip, { title: detailTable.label, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Box, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Typography, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) }) });
+var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Tooltip, { title: detailTable.label, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Box, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Typography, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) }) });
 
 // src/components/grid/FilterInputRender.tsx
-var import_material9 = require("@mui/material");
+var import_material11 = require("@mui/material");
 var import_react18 = __toESM(require("react"), 1);
 
 // src/components/forms/TypedField.tsx
 var import_react16 = require("react");
-var import_material8 = require("@mui/material");
+var import_material10 = require("@mui/material");
 var import_type_store3 = __toESM(require("type-store"), 1);
 var import_react17 = require("react");
 
@@ -2147,8 +2253,8 @@ var import_Search2 = __toESM(require("@mui/icons-material/Search"), 1);
 
 // src/components/grid/MenuDeOpciones.tsx
 var import_react12 = require("react");
-var import_material5 = require("@mui/material");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_material7 = require("@mui/material");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar }) {
   const [busqueda, setBusqueda] = (0, import_react12.useState)(busquedaInicial);
   const [indice, setIndice] = (0, import_react12.useState)(0);
@@ -2172,8 +2278,8 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    import_material5.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_material7.Popover,
     {
       open: true,
       anchorEl: anclaje,
@@ -2182,8 +2288,8 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       slotProps: { paper: { sx: { minWidth: 300, maxWidth: 520 } } },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_material5.InputBase,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_material7.InputBase,
           {
             autoFocus: true,
             fullWidth: true,
@@ -2198,17 +2304,17 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
             inputProps: { "aria-label": "buscar" }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.List, { dense: true, disablePadding: true, sx: { maxHeight: 320, overflowY: "auto" }, role: "listbox", children: [
-          visibles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { variant: "body2", sx: { p: 1, color: "text.secondary" }, children: "sin coincidencias" }),
-          visibles.map((opcion, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            import_material5.ListItemButton,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.List, { dense: true, disablePadding: true, sx: { maxHeight: 320, overflowY: "auto" }, role: "listbox", children: [
+          visibles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { variant: "body2", sx: { p: 1, color: "text.secondary" }, children: "sin coincidencias" }),
+          visibles.map((opcion, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_material7.ListItemButton,
             {
               ref: i === indice ? elegida : null,
               selected: i === indice,
               role: "option",
               onClick: () => onElegir(opcion.valor),
               sx: { gap: 2, py: 0.25, fontSize: "0.8rem" },
-              children: opcion.etiquetas.map((etiqueta, j) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: j === 0 ? 600 : 400, minWidth: j === 0 ? 40 : void 0 }, children: etiqueta }, j))
+              children: opcion.etiquetas.map((etiqueta, j) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { style: { fontWeight: j === 0 ? 600 : 400, minWidth: j === 0 ? 40 : void 0 }, children: etiqueta }, j))
             },
             i
           ))
@@ -2220,8 +2326,8 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
 
 // src/components/grid/SelectorDeFecha.tsx
 var import_react13 = require("react");
-var import_material6 = require("@mui/material");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_material8 = require("@mui/material");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var MESES = ["enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre"];
 var DIAS = ["lu", "ma", "mi", "ju", "vi", "s\xE1", "do"];
 var mismaFecha = (a, b) => b !== null && a.anio === b.anio && a.mes === b.mes && a.dia === b.dia;
@@ -2254,22 +2360,22 @@ function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { tabIndex: 0, ref: (el) => el?.focus(), onKeyDown: alApretar, style: { padding: 8, outline: "none", width: 252 }, "aria-label": "calendario", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.IconButton, { size: "small", "aria-label": "mes anterior", onClick: () => mover(0, -1), children: "\u2039" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { tabIndex: 0, ref: (el) => el?.focus(), onKeyDown: alApretar, style: { padding: 8, outline: "none", width: 252 }, "aria-label": "calendario", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.IconButton, { size: "small", "aria-label": "mes anterior", onClick: () => mover(0, -1), children: "\u2039" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: [
         MESES[cursor.mes],
         " ",
         cursor.anio
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.IconButton, { size: "small", "aria-label": "mes siguiente", onClick: () => mover(0, 1), children: "\u203A" })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.IconButton, { size: "small", "aria-label": "mes siguiente", onClick: () => mover(0, 1), children: "\u203A" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { style: { borderCollapse: "collapse", width: "100%", textAlign: "center", fontSize: "0.8rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: DIAS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { style: { fontWeight: 400, color: "#777" }, children: d }, d)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tbody", { children: semanasDelMes(cursor.anio, cursor.mes).map((semana, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: semana.map((dia) => {
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { style: { borderCollapse: "collapse", width: "100%", textAlign: "center", fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: DIAS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { style: { fontWeight: 400, color: "#777" }, children: d }, d)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { children: semanasDelMes(cursor.anio, cursor.mes).map((semana, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: semana.map((dia) => {
         const elegido = mismaFecha(dia, fechaActual);
         const enCursor = mismaFecha(dia, cursor);
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { style: { padding: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { style: { padding: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "button",
           {
             type: "button",
@@ -2289,17 +2395,17 @@ function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar
         ) }, `${dia.mes}-${dia.dia}`);
       }) }, i)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 4 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Button, { size: "small", onClick: () => onElegir(fechaATexto(fechaDeHoy)), children: "hoy" }),
-      admiteNulo && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Button, { size: "small", onClick: () => onElegir(null), children: "vac\xEDo" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { size: "small", onClick: () => onElegir(fechaATexto(fechaDeHoy)), children: "hoy" }),
+      admiteNulo && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.Button, { size: "small", onClick: () => onElegir(null), children: "vac\xEDo" })
     ] })
   ] }) });
 }
 
 // src/components/grid/VentanaDeTexto.tsx
 var import_react14 = require("react");
-var import_material7 = require("@mui/material");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_material9 = require("@mui/material");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
   const [valor, setValor] = (0, import_react14.useState)(texto);
   const alApretar = (evento) => {
@@ -2313,9 +2419,9 @@ function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { padding: 8, minWidth: 320, maxWidth: 640 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      import_material7.InputBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { padding: 8, minWidth: 320, maxWidth: 640 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_material9.InputBase,
       {
         autoFocus: true,
         multiline: true,
@@ -2330,15 +2436,15 @@ function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
         inputProps: { "aria-label": "contenido de la celda" }
       }
     ),
-    editable && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Button, { size: "small", onClick: onCerrar, children: "cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Button, { size: "small", variant: "contained", onClick: () => onAceptar(valor), children: "aceptar" })
+    editable && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Button, { size: "small", onClick: onCerrar, children: "cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material9.Button, { size: "small", variant: "contained", onClick: () => onAceptar(valor), children: "aceptar" })
     ] })
   ] }) });
 }
 
 // src/hooks/grid/useExpander.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var useExpander = ({ campo, editable, fila, admiteNulo, tipos, anclaje, textoActual, valorActual, alElegirValor, alConfirmarTexto, alFallar }) => {
   const [expansion, setExpansion] = (0, import_react15.useState)(null);
   const abierto = import_react15.default.useRef(false);
@@ -2384,7 +2490,7 @@ var useExpander = ({ campo, editable, fila, admiteNulo, tipos, anclaje, textoAct
     return true;
   }, [tipo, abrir]);
   const titulo = tipo === "fecha" ? "elegir fecha (F9)" : tipo === "texto" ? "ver el contenido completo (F9)" : "elegir un valor (F9)";
-  const lupa = tipo === null ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const lupa = tipo === null ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_IconButton.default,
     {
       size: "small",
@@ -2397,18 +2503,18 @@ var useExpander = ({ campo, editable, fila, admiteNulo, tipos, anclaje, textoAct
         void abrir("");
       },
       sx: { p: 0, ml: 0.25, color: "primary.main", "&:hover": { backgroundColor: "action.hover" } },
-      children: tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CalendarMonth.default, { sx: { fontSize: 16 } }) : tipo === "texto" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Search2.default, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ArrowDropDown.default, { sx: { fontSize: 20 } })
+      children: tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_CalendarMonth.default, { sx: { fontSize: 16 } }) : tipo === "texto" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_Search2.default, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_ArrowDropDown.default, { sx: { fontSize: 20 } })
     }
   );
   const base = anclaje.current;
-  const ventana = !expansion || !base ? null : expansion.tipo === "opciones" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuDeOpciones, { anclaje: base, opciones: expansion.opciones, busquedaInicial: expansion.busqueda, onElegir: elegirValor, onCerrar: cerrar }) : expansion.tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectorDeFecha, { anclaje: base, fechaActual: fechaDeValor(valorActual), admiteNulo, onElegir: confirmarTexto, onCerrar: cerrar }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(VentanaDeTexto, { anclaje: base, texto: textoActual, editable: true, onAceptar: confirmarTexto, onCerrar: cerrar });
+  const ventana = !expansion || !base ? null : expansion.tipo === "opciones" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MenuDeOpciones, { anclaje: base, opciones: expansion.opciones, busquedaInicial: expansion.busqueda, onElegir: elegirValor, onCerrar: cerrar }) : expansion.tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SelectorDeFecha, { anclaje: base, fechaActual: fechaDeValor(valorActual), admiteNulo, onElegir: confirmarTexto, onCerrar: cerrar }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VentanaDeTexto, { anclaje: base, texto: textoActual, editable: true, onAceptar: confirmarTexto, onCerrar: cerrar });
   return { tipo, abierto, abrir, manejarTecla, lupa, ventana };
 };
 
 // src/components/forms/TypedField.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode = false, feedback, isMandatory = false }) => {
-  const theme = (0, import_material8.useTheme)();
+  const theme = (0, import_material10.useTheme)();
   const typer = (0, import_react16.useMemo)(() => import_type_store3.default.typerFrom(fieldDef), [fieldDef]);
   const isBoolean = fieldDef.typeName === "boolean" && !isFilterMode;
   const [localString, setLocalString] = (0, import_react16.useState)(() => {
@@ -2534,28 +2640,28 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
     }
     const cellBackgroundColor2 = feedback === "error" ? theme.palette.error.light : feedback === "success" ? theme.palette.success.light : defaultBgColor;
     const transitionStyle2 = "background-color 0.3s ease-in-out";
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
-      !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputLabel, { shrink: true, children: fieldDef.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-        import_material8.Select,
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_material10.FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
+      !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.InputLabel, { shrink: true, children: fieldDef.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        import_material10.Select,
         {
           value: boolVal,
           label: !isFilterMode ? fieldDef.name : void 0,
           onChange: handleBooleanChange,
-          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputAdornment, { position: "start", sx: { color: "text.secondary", ml: 0.5 }, children: "*" }) : void 0,
+          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.InputAdornment, { position: "start", sx: { color: "text.secondary", ml: 0.5 }, children: "*" }) : void 0,
           displayEmpty: true,
           sx: isFilterMode ? { height: 25, fontSize: "0.8rem", backgroundColor: "background.paper" } : {
             backgroundColor: cellBackgroundColor2,
             transition: transitionStyle2
           },
           children: [
-            fieldDef.nullable !== false && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("em", { children: "Nulo / Sin Especificar" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "false", children: "No (Falso)" })
+            fieldDef.nullable !== false && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.MenuItem, { value: "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("em", { children: "Nulo / Sin Especificar" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.MenuItem, { value: "false", children: "No (Falso)" })
           ]
         }
       ),
-      errorMsg && !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.FormHelperText, { children: errorMsg })
+      errorMsg && !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.FormHelperText, { children: errorMsg })
     ] });
   }
   let inputType = "text";
@@ -2569,9 +2675,9 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
   }
   const cellBackgroundColor = feedback === "error" ? theme.palette.error.light : feedback === "success" ? theme.palette.success.light : defaultTextBgColor;
   const transitionStyle = "background-color 0.3s ease-in-out";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_material8.TextField,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material10.TextField,
       {
         fullWidth: true,
         inputRef: entradaRef,
@@ -2590,7 +2696,7 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
           // la lupa solo al enfocar el filtro, como en backend-plus
           endAdornment: enfocado || expander.abierto.current ? expander.lupa : void 0
         } : isMandatory && isEmptyText ? {
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material10.InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
         } : {},
         inputProps: {
           style: {
@@ -2630,7 +2736,7 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
 };
 
 // src/components/grid/FilterInputRender.tsx
-var import_jsx_runtime12 = (
+var import_jsx_runtime15 = (
   // 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")
 );
@@ -2656,8 +2762,8 @@ 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: "2px", width: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { mt: 0, display: "flex", alignItems: "center", gap: "2px", width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "select",
         {
           value: operator,
@@ -2676,10 +2782,10 @@ function FilterInputRenderer({
             textAlignLast: "center",
             cursor: "pointer"
           },
-          children: filterOperators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: op.value, children: op.label }, op.value))
+          children: filterOperators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("option", { value: op.value, children: op.label }, op.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         TypedField,
         {
           fieldDef,
@@ -2690,8 +2796,8 @@ function FilterInputRenderer({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_material9.InputBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_material11.InputBase,
     {
       value: currentFilter || "",
       onChange: (e) => setFilters((prev) => ({
@@ -2716,15 +2822,15 @@ function FilterInputRenderer({
 var FilterInputRender_default = import_react18.default.memo(FilterInputRenderer);
 
 // src/components/grid/renderers/summaryCellRenderers.tsx
-var import_material10 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_material12 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
   const { column, row } = props;
   if (row.id === "filterRow") {
     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: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material12.Box, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FilterInputRender_default,
       {
         columnKey: column.key,
@@ -2766,7 +2872,7 @@ var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
       label = "Cant S\xED: ";
       break;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material10.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material12.Box, { sx: {
     px: 0,
     fontWeight: "bold",
     fontSize: "0.875rem",
@@ -2789,80 +2895,7 @@ var import_material13 = require("@mui/material");
 var import_ViewHeadline = __toESM(require("@mui/icons-material/ViewHeadline"), 1);
 var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
 var import_Add2 = __toESM(require("@mui/icons-material/Add"), 1);
-
-// src/components/grid/ExampleClientSideComponent.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var ExampleClientSideComponent = ({ row, column, fieldDefinition }) => {
-  const value = row[column.key];
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Box, { sx: {
-    padding: 0.5,
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    alignItems: "center",
-    backgroundColor: value === "Special" ? "lightblue" : "transparent"
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
-};
-var ExampleClientSideComponent_default = ExampleClientSideComponent;
-
-// src/components/grid/FallbackClientSideRenderer.tsx
-var import_material12 = require("@mui/material");
-var import_WarningAmber2 = __toESM(require("@mui/icons-material/WarningAmber"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
-  const clientSideName = fieldDefinition?.clientSide || "Desconocido";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Tooltip, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-    import_material12.Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        // Para espaciar el valor y el icono
-        gap: 1,
-        // Espacio entre elementos
-        width: "100%",
-        height: "100%",
-        paddingLeft: "8px",
-        backgroundColor: "rgba(255, 193, 7, 0.1)",
-        // Amarillo claro para advertencia
-        border: "1px dashed rgba(255, 193, 7, 0.5)",
-        boxSizing: "border-box",
-        overflow: "hidden"
-        // Evita que el contenido se desborde
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_WarningAmber2.default,
-          {
-            sx: {
-              fontSize: 18,
-              color: "warning.main",
-              marginRight: "4px"
-              // Pequeño margen a la derecha del icono
-            }
-          }
-        )
-      ]
-    }
-  ) });
-};
-var FallbackClientSideRenderer_default = FallbackClientSideRenderer;
-
-// src/components/grid/clientSides.ts
-var clientSides = {
-  "ExampleClientSideComponent": ExampleClientSideComponent_default,
-  "FallbackClientSideRenderer": FallbackClientSideRenderer_default
-};
-var extendClientSides = (newRenderers) => {
-  clientSides = { ...clientSides, ...newRenderers };
-  console.log("clientSides extendidos:", clientSides);
-};
-
-// src/components/grid/renderers/cellRenderers.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var CeldaDato = import_react19.default.memo(function CeldaDato2({ row, columnKey, defaultColumn }) {
   const theme = (0, import_material13.useTheme)();
   const { primaryKey, fixedFields, typer, isMandatory, isNumeric } = defaultColumn;
@@ -2884,7 +2917,7 @@ var CeldaDato = import_react19.default.memo(function CeldaDato2({ row, columnKey
     displayValue = "* " + displayValue;
   }
   const signal = displayValue === "--" ? "typed-controls-signal-no-data" : displayValue === "//" ? "typed-controls-signal-unknown-data" : "";
-  const celda = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const celda = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       className: `fpr-celda ${isNumeric ? "fpr-celda-numerica" : ""} ${signal} ${row[NEW_ROW_INDICATOR] ? "new-row-cell-animation" : ""}`,
@@ -2892,30 +2925,30 @@ var CeldaDato = import_react19.default.memo(function CeldaDato2({ row, columnKey
       children: displayValue
     }
   );
-  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Tooltip, { title: currentCellFeedback.message, children: celda }) : celda;
+  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material13.Tooltip, { title: currentCellFeedback.message, children: celda }) : celda;
 });
 var allColumnsCellRenderer = (props) => {
   const { row, column } = props;
   if (!esColumnaPropia(column)) return void 0;
   if (esFilaDetalle(row)) {
-    return column.customType === "action" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CeldaDetalle, { fila: row }) : null;
+    return column.customType === "action" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CeldaDetalle, { fila: row }) : null;
   }
   switch (column.customType) {
     case "default": {
       const defaultColumn = column;
       const { fieldDef, tableDefinition, primaryKey } = defaultColumn;
-      if (fieldDef?.clientSide) {
+      if (fieldDef?.clientSide && !(fieldDef.clientSide in guardadosPropios)) {
         const ClientSideComponent = clientSides[fieldDef.clientSide];
         if (ClientSideComponent) {
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
     }
     case "detail": {
       const { detailTable, primaryKey } = column;
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         BotonDetalle,
         {
           row,
@@ -2950,14 +2983,14 @@ var allColumnsCellRenderer = (props) => {
           color: "primary"
         }
       ];
-      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)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)(
         import_material13.IconButton,
         {
           size: "small",
           onClick: () => actionDef.handler(row),
           title: actionDef.title,
           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 } })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(actionDef.icon, { sx: { fontSize: 18 } })
         },
         actionDef.action
       ) : null) });
@@ -3023,7 +3056,7 @@ var useTableRecordSave = () => {
 var import_InputBase = __toESM(require("@mui/material/InputBase"), 1);
 var import_material14 = require("@mui/material");
 var import_type_store4 = __toESM(require("type-store"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function findChangedValues(oldRowData, newRowData, isNewRow) {
   let changes = [];
   for (const key in newRowData) {
@@ -3056,6 +3089,7 @@ function InputRenderer({
   const theme = (0, import_material14.useTheme)();
   const { showSuccess, showError } = useSnackbar();
   const { saveRecord } = useTableRecordSave();
+  const { callApi } = useApiCall();
   const rowId = getPrimaryKeyValues(row, primaryKey);
   const cellKey = `${rowId}-${column.key}`;
   const currentCellFeedback = useFeedbackCelda(cellKey);
@@ -3097,6 +3131,20 @@ function InputRenderer({
     const oldRowData = { ...row };
     const primaryKeyValuesForBackend = tableDefinition.primaryKey.map((key) => potentialUpdatedRow[key]);
     const currentRowIdBeforeUpdate = getPrimaryKeyValues(oldRowData, tableDefinition.primaryKey);
+    const guardadoPropio = fieldDefinition.clientSide ? guardadosPropios[fieldDefinition.clientSide] : void 0;
+    if (guardadoPropio && !isNewRow) {
+      onRowChange(row, true);
+      const claveDeLaCelda = `${currentRowIdBeforeUpdate}-${column.key}`;
+      try {
+        await guardadoPropio({ fila: row, primaryKey: tableDefinition.primaryKey, valor: processedNewValue, callApi });
+        setCellFeedbackMap((prev) => new Map(prev).set(claveDeLaCelda, { rowId: currentRowIdBeforeUpdate, columnKey: column.key, type: "success" }));
+      } catch (err) {
+        setCellFeedbackMap((prev) => new Map(prev).set(claveDeLaCelda, { rowId: currentRowIdBeforeUpdate, columnKey: column.key, type: "error", message: mensajeDeError(err) }));
+      } finally {
+        if (!closeEditor) isCommitInProgress.current = false;
+      }
+      return;
+    }
     onRowChange({ ...row, [column.key]: processedNewValue }, true);
     if (isNewRow) {
       const areAllMandatoryFieldsFilled = tableDefinition.fields.every((fieldDef) => {
@@ -3209,7 +3257,9 @@ function InputRenderer({
     setTableData,
     setLocalCellChanges,
     initialRowId,
-    typer
+    typer,
+    fieldDefinition,
+    callApi
   ]);
   const confirmarEnExpansion = (0, import_react21.useCallback)((nuevo) => {
     setEditingValue(nuevo);
@@ -3264,7 +3314,7 @@ function InputRenderer({
   }, [handleCommit, editingValue]);
   const isFieldEditable = fieldDefinition?.editable !== false;
   const isNumeric = isNumericType(fieldDefinition?.typeName);
-  const editor = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const editor = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_InputBase.default,
     {
       autoFocus: true,
@@ -3300,16 +3350,16 @@ function InputRenderer({
       endAdornment: expander.lupa
     }
   );
-  const conMenu = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+  const conMenu = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
     editor,
     expander.ventana
   ] });
-  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Tooltip, { title: currentCellFeedback.message, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { width: "100%" }, children: conMenu }) }) : conMenu;
+  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material14.Tooltip, { title: currentCellFeedback.message, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { width: "100%" }, children: conMenu }) }) : conMenu;
 }
 var InputRenderer_default = InputRenderer;
 
 // src/components/grid/renderers/editCellRenderers.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var allColumnsEditCellRenderer = (props, allColumns) => {
   const column = props.column;
   if (!esColumnaPropia(column)) return void 0;
@@ -3331,7 +3381,7 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
         if (!isFieldEditableByUI) {
           return void 0;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           InputRenderer_default,
           {
             ...props,
@@ -3356,14 +3406,6 @@ 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 contextoDeMedida;
@@ -3439,7 +3481,7 @@ var useGridColumns = ({
     });
     const defaultColumns = fieldsToShow.map((fieldDef) => {
       const isFixedField = valorFijoDe(fixedFields, fieldDef.name) !== void 0;
-      const isFieldEditable = fieldDef.editable !== false && !isFixedField;
+      const isFieldEditable = campoEditableEnCelda(fieldDef) && !isFixedField;
       const colWidth = anchosCalculados.get(fieldDef.name) ?? estimateTextWidth(fieldDef.label || fieldDef.name) + 20;
       const column = {
         key: fieldDef.name,
@@ -3531,7 +3573,7 @@ var useGridColumns = ({
 var import_react23 = require("react");
 var import_material15 = require("@mui/material");
 var import_FileUpload2 = __toESM(require("@mui/icons-material/FileUpload"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ImportDialog = ({ open, onClose, onImport, loading }) => {
   const [file, setFile] = (0, import_react23.useState)(null);
   const [options, setOptions] = (0, import_react23.useState)({
@@ -3553,15 +3595,15 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Dialog, { open, onClose: loading ? void 0 : onClose, maxWidth: "sm", fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FileUpload2.default, { color: "primary" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.Dialog, { open, onClose: loading ? void 0 : onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_FileUpload2.default, { color: "primary" }),
       "Importar datos desde archivo"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Stack, { spacing: 3, sx: { mt: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.Stack, { spacing: 3, sx: { mt: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           import_material15.Box,
           {
             sx: {
@@ -3574,7 +3616,7 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "input",
                 {
                   type: "file",
@@ -3591,19 +3633,19 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Stack, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.Stack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 import_material15.Checkbox,
                 {
                   checked: options.skipUnknownFieldsAtImport,
@@ -3611,13 +3653,13 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Omitir campos desconocidos al importar" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "body2", children: "Omitir campos desconocidos al importar" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 import_material15.Checkbox,
                 {
                   checked: options.simplificateSpaces,
@@ -3625,13 +3667,13 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Simplificar espacios" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "body2", children: "Simplificar espacios" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 import_material15.Checkbox,
                 {
                   checked: options.replaceNewLineWithSpace,
@@ -3639,21 +3681,21 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Typography, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.DialogActions, { sx: { px: 3, py: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Button, { onClick: onClose, disabled: loading, children: "Cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material15.DialogActions, { sx: { px: 3, py: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material15.Button, { onClick: onClose, disabled: loading, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         import_material15.Button,
         {
           onClick: handleConfirm,
           variant: "contained",
           disabled: !file || loading,
-          startIcon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FileUpload2.default, {}),
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_FileUpload2.default, {}),
           children: loading ? "Procesando..." : "Confirmar Importaci\xF3n"
         }
       )
@@ -3666,7 +3708,7 @@ var import_react24 = require("react");
 var import_material16 = require("@mui/material");
 var XLSX = __toESM(require("xlsx"), 1);
 var import_type_store5 = __toESM(require("type-store"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var ExportDialog = ({
   open,
   onClose,
@@ -3811,76 +3853,76 @@ var ExportDialog = ({
       URL.revokeObjectURL(url);
     }, 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.DialogTitle, { children: "Exportar Datos" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.DialogContent, { children: isPreparing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { mt: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.FormControl, { component: "fieldset", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormLabel, { component: "legend", children: "Formato" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.DialogTitle, { children: "Exportar Datos" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.DialogContent, { children: isPreparing ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.Box, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Typography, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.Box, { sx: { mt: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.FormControl, { component: "fieldset", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.FormLabel, { component: "legend", children: "Formato" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           import_material16.RadioGroup,
           {
             value: format,
             onChange: (e) => setFormat(e.target.value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "xlsx", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "Excel (.xlsx)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "tab", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "Tabulado (.tab | )" }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "csv", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "CSV (.csv , )" })
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.FormControlLabel, { value: "xlsx", control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Radio, {}), label: "Excel (.xlsx)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.FormControlLabel, { value: "tab", control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Radio, {}), label: "Tabulado (.tab | )" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.FormControlLabel, { value: "csv", control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Radio, {}), label: "CSV (.csv , )" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.FormGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.Box, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Typography, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.FormGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Checkbox, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
               label: "Desde otras tablas"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Checkbox, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
               label: "Solo lectura"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Checkbox, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
               label: "Ocultos"
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.DialogActions, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Button, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Button, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material16.DialogActions, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Button, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material16.Button, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
     ] })
   ] });
 };
 
 // src/components/grid/DialogoDeColumnas.tsx
 var import_material17 = require("@mui/material");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = 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)) })
+  const lista = (titulo, nombres, idDeLista) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material17.Typography, { variant: "subtitle2", sx: { mb: 1 }, children: titulo }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.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_runtime22.jsx)(import_material17.ListItemButton, { onClick: () => alternarColumna(nombre), children: /* @__PURE__ */ (0, import_jsx_runtime22.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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material17.Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material17.DialogTitle, { children: "Ocultar o mostrar columnas" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material17.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime22.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" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material17.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material17.Button, { onClick: onClose, children: "Cerrar" }) })
   ] });
 };
 
@@ -3888,7 +3930,7 @@ var DialogoDeColumnas = ({ open, onClose, columnas, ocultas, alternarColumna })
 var import_react25 = require("react");
 var import_material18 = require("@mui/material");
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var SIN_OCULTAS = /* @__PURE__ */ new Set();
 var VerticalEditorPage = ({
   tableName,
@@ -4017,21 +4059,21 @@ var VerticalEditorPage = ({
     tableDefinition,
     onSaveSuccess
   ]);
-  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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material18.Box, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material18.DialogTitle, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material18.Typography, { component: "div", variant: "h6", children: [
         isNewRow ? "Nuevo Registro" : "Editar Registro",
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__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_runtime23.jsx)(import_material18.IconButton, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_Close.default, {}) })
     ] }),
-    /* @__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) => {
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material18.DialogContent, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
+      globalError && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material18.Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.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_runtime22.jsx)(import_material18.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material18.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           TypedField,
           {
             fieldDef: field,
@@ -4045,12 +4087,12 @@ var VerticalEditorPage = ({
         ) }, field.name);
       }) })
     ] }),
-    /* @__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_runtime23.jsxs)(import_material18.DialogActions, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material18.Box, { children: [
+        isSaving && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material18.CircularProgress, { size: 20, sx: { ml: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material18.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
@@ -4122,47 +4164,383 @@ function fusionar(base, cambios) {
   return resultado;
 }
 
-// src/rutaBase.ts
-var import_meta2 = {};
-var baseDelBundler = import_meta2.env?.BASE_URL ?? "/";
-var rutaBase = baseDelBundler.replace(/\/+$/, "");
+// src/puente/habilitacion.ts
+var habilitado = false;
+var habilitarPuenteBP = () => {
+  habilitado = true;
+};
+var puenteBPHabilitado = () => habilitado;
 
-// src/components/grid/GenericDataGrid.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var SUMMARY_ROW_HEIGHT = 35;
-var FILTER_ROW_HEIGHT = 35;
-var HEADER_ROW_HEIGHT = 30;
-var ROW_HEIGHT = 30;
-var MIN_BODY_HEIGHT = 260;
-var DURACION_FEEDBACK_EXITO = 3e3;
-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;
-var LIMITE_PRIMERAS_FILAS_ANIDADA = 30;
-var esColumnaPropia = (columna) => "customType" in columna;
-var SIN_ANCESTROS = [];
-var cargasEnCurso = /* @__PURE__ */ new Map();
-var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
-  const theme = (0, import_material19.useTheme)();
-  const { tableDefinition, row } = ancestor;
-  const columns = (0, import_react26.useMemo)(() => {
-    const filteredFields = tableDefinition.fields.filter(
-      (field) => !fieldsToHide?.some((ff) => ff.fieldName === field.name)
-    );
-    return filteredFields.map((field) => {
-      const isPrimaryKey = tableDefinition.primaryKey.includes(field.name);
-      return {
-        key: field.name,
-        name: field.label || cambiarGuionesBajosPorEspacios(field.name),
+// src/puente/GrillaBP.tsx
+var import_react27 = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_material20 = require("@mui/material");
+
+// src/puente/estilosBP.ts
+var CLASE_CONTENEDOR_BP = "fpr-bp";
+var cierreDeBloque = (css, abre) => {
+  let profundidad = 0;
+  let comilla = "";
+  for (let i = abre; i < css.length; i++) {
+    const c = css[i];
+    if (comilla) {
+      if (c === "\\") i++;
+      else if (c === comilla) comilla = "";
+    } else if (c === '"' || c === "'") comilla = c;
+    else if (c === "{") profundidad++;
+    else if (c === "}" && --profundidad === 0) return i;
+  }
+  return css.length - 1;
+};
+var partirPor = (lista, separador) => {
+  const partes = [];
+  let profundidad = 0;
+  let comilla = "";
+  let inicio = 0;
+  for (let i = 0; i < lista.length; i++) {
+    const c = lista[i];
+    if (comilla) {
+      if (c === "\\") i++;
+      else if (c === comilla) comilla = "";
+    } else if (c === '"' || c === "'") comilla = c;
+    else if (c === "(" || c === "[") profundidad++;
+    else if (c === ")" || c === "]") profundidad--;
+    else if (c === separador && profundidad === 0) {
+      partes.push(lista.slice(inicio, i));
+      inicio = i + 1;
+    }
+  }
+  partes.push(lista.slice(inicio));
+  return partes;
+};
+var RAIZ = /^(html|body|:root)(?![\w-])/;
+var ATRIBUTO_DE_RAIZ = /^\[my-skin[^\]]*\]/;
+var MEDIDAS_DE_DOCUMENTO = /^(overflow(-[xy])?|(min-|max-)?height|position)$/i;
+var DE_DIALOGO = /^(div)?\.dialog-|^\[key-selected\]/;
+var acotarSelector = (selector) => {
+  const limpio = selector.trim();
+  const contenedor = `.${CLASE_CONTENEDOR_BP}`;
+  if (DE_DIALOGO.test(limpio)) return { selector: limpio, deRaiz: false };
+  const atributo = ATRIBUTO_DE_RAIZ.exec(limpio);
+  if (atributo) {
+    const resto = limpio.slice(atributo[0].length).trim();
+    const raiz2 = RAIZ.exec(resto);
+    if (!resto) return { selector: contenedor + atributo[0], deRaiz: true };
+    if (raiz2) return { selector: contenedor + atributo[0] + resto.slice(raiz2[0].length), deRaiz: true };
+    return { selector: `${contenedor}${atributo[0]} ${resto}`, deRaiz: false };
+  }
+  const raiz = RAIZ.exec(limpio);
+  if (raiz) {
+    return { selector: contenedor + limpio.slice(raiz[0].length).replace(/^\s*>?\s*body(?![\w-])/, ""), deRaiz: true };
+  }
+  return { selector: `${contenedor} ${limpio}`, deRaiz: false };
+};
+var sinMedidasDeDocumento = (bloque) => `{${partirPor(bloque.slice(1, -1), ";").filter((declaracion) => !MEDIDAS_DE_DOCUMENTO.test(declaracion.split(":")[0].trim())).join(";")}}`;
+var acotarRegla = (preludio, bloque) => {
+  const selectores = partirPor(preludio, ",").filter((selector) => selector.trim()).map(acotarSelector);
+  const deRaiz = selectores.filter((s) => s.deRaiz).map((s) => s.selector);
+  const otros = selectores.filter((s) => !s.deRaiz).map((s) => s.selector);
+  return [
+    deRaiz.length ? `${deRaiz.join(", ")} ${sinMedidasDeDocumento(bloque)}` : "",
+    otros.length ? `${otros.join(", ")} ${bloque}` : ""
+  ].filter(Boolean).join(" ");
+};
+var urlsAbsolutas = (css, urlHoja) => css.replace(
+  /url\(\s*(['"]?)([^'")]+)\1\s*\)/g,
+  (completo, comilla, ruta) => /^(data:|#)/.test(ruta) ? completo : `url(${comilla}${new URL(ruta, urlHoja).href}${comilla})`
+);
+var ARROBAS_CON_REGLAS = /^@(media|supports|layer|container|document)\b/i;
+var acotarReglas = (css) => {
+  let salida = "";
+  let i = 0;
+  while (i < css.length) {
+    const llave = css.indexOf("{", i);
+    const puntoYComa = css.indexOf(";", i);
+    if (llave === -1 && puntoYComa === -1) {
+      salida += css.slice(i);
+      break;
+    }
+    if (puntoYComa !== -1 && (llave === -1 || puntoYComa < llave) && css.slice(i).trimStart().startsWith("@")) {
+      salida += css.slice(i, puntoYComa + 1);
+      i = puntoYComa + 1;
+      continue;
+    }
+    if (llave === -1) {
+      salida += css.slice(i);
+      break;
+    }
+    const preludio = css.slice(i, llave);
+    const cierre = cierreDeBloque(css, llave);
+    const bloque = css.slice(llave, cierre + 1);
+    const encabezado = preludio.trim();
+    if (encabezado.startsWith("@")) {
+      salida += ARROBAS_CON_REGLAS.test(encabezado) ? `${preludio}{${acotarReglas(bloque.slice(1, -1))}}` : preludio + bloque;
+    } else {
+      salida += acotarRegla(preludio, bloque);
+    }
+    i = cierre + 1;
+  }
+  return salida;
+};
+var acotarEstilos = (css, urlHoja) => acotarReglas(urlsAbsolutas(css.replace(/\/\*[\s\S]*?\*\//g, ""), urlHoja));
+var copiarSkinAlContenedor = (dentro) => {
+  const skin = document.body.getAttribute("my-skin");
+  const contenedor = dentro.closest(`.${CLASE_CONTENEDOR_BP}`);
+  if (skin && contenedor) contenedor.setAttribute("my-skin", skin);
+};
+
+// src/puente/clienteBP.ts
+function extraerRecursos(html) {
+  const documento = new DOMParser().parseFromString(html, "text/html");
+  const referencias2 = (selector, atributo) => Array.from(documento.querySelectorAll(selector)).map((elemento) => elemento.getAttribute(atributo)).filter((ruta) => !!ruta);
+  return {
+    hojasDeEstilo: referencias2("link[rel=stylesheet]", "href"),
+    scripts: referencias2("script[src]", "src")
+  };
+}
+function fijarBase(urlBackend) {
+  const href = new URL(urlBackend.replace(/\/*$/, "/"), window.location.href).href;
+  let base = document.querySelector("base");
+  if (!base) {
+    base = document.createElement("base");
+    document.head.prepend(base);
+  }
+  base.href = href;
+}
+function cargarScript(ruta) {
+  return new Promise((resolver, rechazar) => {
+    const script = document.createElement("script");
+    script.async = false;
+    script.src = ruta;
+    script.onload = () => resolver();
+    script.onerror = () => rechazar(new Error(`No se pudo cargar ${ruta}`));
+    document.head.appendChild(script);
+  });
+}
+function esperarCargaDeVentana() {
+  if (document.readyState === "complete") return Promise.resolve();
+  return new Promise((resolver) => window.addEventListener("load", () => resolver(), { once: true }));
+}
+async function sinEscuchasDeVentana(tipos, inyectar) {
+  const original = window.addEventListener;
+  const filtrada = function(tipo, escucha, opciones) {
+    if (tipos.includes(tipo)) return;
+    original.call(this, tipo, escucha, opciones);
+  };
+  window.addEventListener = filtrada;
+  try {
+    return await inyectar();
+  } finally {
+    if (window.addEventListener === filtrada) window.addEventListener = original;
+  }
+}
+async function cargarScripts(rutas) {
+  for (const ruta of rutas) {
+    await cargarScript(ruta);
+  }
+}
+var carga = null;
+function cargarClienteBP(urlBackend) {
+  if (!carga) {
+    carga = cargarSinMemoria(urlBackend).catch((error) => {
+      carga = null;
+      throw error;
+    });
+  }
+  return carga;
+}
+async function cargarSinMemoria(urlBackend) {
+  const destino = new URL(urlBackend, window.location.href);
+  if (destino.origin !== window.location.origin) {
+    throw new Error(`El cliente de backend-plus solo se puede usar desde el mismo origen que el backend (${destino.origin} no es ${window.location.origin}).`);
+  }
+  fijarBase(urlBackend);
+  const respuesta = await fetch(`${destino.pathname.replace(/\/*$/, "")}/menu`, { credentials: "include" });
+  if (!respuesta.ok || /\/login\/?$/.test(new URL(respuesta.url).pathname)) {
+    throw new Error("No hay una sesi\xF3n iniciada en el backend.");
+  }
+  const recursos = extraerRecursos(await respuesta.text());
+  await Promise.all(recursos.hojasDeEstilo.map(async (ruta) => {
+    const url = new URL(ruta, document.baseURI).href;
+    try {
+      const hoja = await fetch(url, { credentials: "include" });
+      if (!hoja.ok) throw new Error(`${hoja.status}`);
+      const estilo = document.createElement("style");
+      estilo.textContent = acotarEstilos(await hoja.text(), url);
+      document.head.appendChild(estilo);
+    } catch (err) {
+      console.warn(`No se pudo cargar la hoja de estilo ${url}:`, err);
+    }
+  }));
+  await esperarCargaDeVentana();
+  await sinEscuchasDeVentana(["popstate"], () => cargarScripts(recursos.scripts));
+  const myOwn = window.myOwn;
+  if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
+  window.my = myOwn;
+  await myOwn.autoSetup();
+  return myOwn;
+}
+
+// src/puente/ConsolaBP.tsx
+var import_react26 = require("react");
+var import_material19 = require("@mui/material");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var MARGEN_DE_REPETIDO_MS = 1e3;
+function descartarRepetidos(consola, agregados, ahora) {
+  for (const nodo of agregados) {
+    if (!(nodo instanceof HTMLElement)) continue;
+    const repetido = Array.from(consola.children).find(
+      (otro) => otro instanceof HTMLElement && otro !== nodo && otro.className === nodo.className && otro.textContent === nodo.textContent && ahora - Number(otro.dataset.instante) < MARGEN_DE_REPETIDO_MS
+    );
+    if (repetido) nodo.remove();
+    else nodo.dataset.instante = String(ahora);
+  }
+}
+var ConsolaBP = () => {
+  (0, import_react26.useEffect)(() => {
+    const consola = document.getElementById("mini-console");
+    if (!consola) return;
+    const observador = new MutationObserver(
+      (registros) => descartarRepetidos(consola, registros.flatMap((registro) => Array.from(registro.addedNodes)), Date.now())
+    );
+    observador.observe(consola, { childList: true });
+    return () => observador.disconnect();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_material19.Box,
+    {
+      id: "mini-console",
+      sx: (tema) => ({
+        "&#mini-console": {
+          position: "fixed",
+          top: { xs: 64, sm: 72 },
+          left: "auto",
+          right: 16,
+          bottom: "auto",
+          float: "none",
+          zIndex: tema.zIndex.snackbar,
+          width: "auto",
+          minWidth: 0,
+          maxWidth: "min(480px, calc(100vw - 32px))",
+          minHeight: 0,
+          maxHeight: "none",
+          overflow: "visible",
+          padding: 0,
+          border: "none",
+          borderRadius: 0,
+          boxShadow: "none",
+          backgroundColor: "transparent",
+          fontSize: "inherit",
+          display: "flex",
+          flexDirection: "column",
+          gap: 1
+        },
+        "&#mini-console:not(:empty)": { display: "flex" },
+        "&#mini-console:empty": { display: "none" },
+        "& > div": {
+          p: "6px 12px",
+          borderRadius: 1,
+          boxShadow: tema.shadows[3],
+          fontSize: "0.875rem",
+          whiteSpace: "pre-wrap",
+          overflowWrap: "anywhere",
+          backgroundColor: tema.palette.grey[800],
+          color: tema.palette.common.white
+        },
+        "& > .status-error": {
+          backgroundColor: tema.palette.error.main,
+          color: tema.palette.error.contrastText
+        }
+      })
+    }
+  );
+};
+
+// src/puente/GrillaBP.tsx
+var import_jsx_runtime25 = (
+  // 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")
+);
+var GrillaBP = ({ tabla, fixedFields }) => {
+  const contenedor = (0, import_react27.useRef)(null);
+  const [cargando, setCargando] = (0, import_react27.useState)(true);
+  const [error, setError] = (0, import_react27.useState)(null);
+  const clave = JSON.stringify(fixedFields ?? []);
+  (0, import_react27.useEffect)(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setCargando(true);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      copiarSkinAlContenedor(elemento);
+      elemento.replaceChildren();
+      myOwn.tableGrid(tabla, elemento, { fixedFields: JSON.parse(clave) });
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      elemento.replaceChildren();
+    };
+  }, [tabla, clave]);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Box, { className: CLASE_CONTENEDOR_BP, sx: { position: "relative" }, children: [
+    cargando && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref: contenedor }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ConsolaBP, {})
+  ] });
+};
+var PaginaGrillaBP = () => {
+  const { tableName = "" } = (0, import_react_router_dom.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GrillaBP, { tabla: tableName }, tableName);
+};
+
+// src/rutaBase.ts
+var import_meta2 = {};
+var baseDelBundler = import_meta2.env?.BASE_URL ?? "/";
+var rutaBase = baseDelBundler.replace(/\/+$/, "");
+
+// src/components/grid/GenericDataGrid.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var SUMMARY_ROW_HEIGHT = 35;
+var FILTER_ROW_HEIGHT = 35;
+var HEADER_ROW_HEIGHT = 30;
+var ROW_HEIGHT = 30;
+var MIN_BODY_HEIGHT = 260;
+var DURACION_FEEDBACK_EXITO = 3e3;
+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;
+var LIMITE_PRIMERAS_FILAS_ANIDADA = 30;
+var esColumnaPropia = (columna) => "customType" in columna;
+var SIN_ANCESTROS = [];
+var cargasEnCurso = /* @__PURE__ */ new Map();
+var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
+  const theme = (0, import_material21.useTheme)();
+  const { tableDefinition, row } = ancestor;
+  const columns = (0, import_react28.useMemo)(() => {
+    const filteredFields = tableDefinition.fields.filter(
+      (field) => !fieldsToHide?.some((ff) => ff.fieldName === field.name)
+    );
+    return filteredFields.map((field) => {
+      const isPrimaryKey = tableDefinition.primaryKey.includes(field.name);
+      return {
+        key: field.name,
+        name: field.label || cambiarGuionesBajosPorEspacios(field.name),
         width: 150,
         editable: false,
-        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,
+        renderHeaderCell: () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_material21.Typography,
           {
             variant: "caption",
             sx: {
@@ -4173,11 +4551,11 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
             children: field.label || cambiarGuionesBajosPorEspacios(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] ?? "") }) })
+        renderCell: (props) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
       };
     });
   }, [tableDefinition, fieldsToHide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: {
     mb: 1.5,
     ml: index * 4,
     // El primer ancestro (index 0) no tiene margen, los siguientes sí
@@ -4188,7 +4566,7 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
     boxShadow: theme.shadows[1],
     bgcolor: "background.paper"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: {
       bgcolor: "primary.main",
       color: "primary.contrastText",
       px: 1.5,
@@ -4199,8 +4577,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
       alignItems: "center",
       fontWeight: "bold",
       gap: 1
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_react_data_grid.DataGrid,
       {
         className: "rdg-light",
@@ -4233,48 +4611,48 @@ var GenericDataGrid = ({
   altoMaximoDetalle
 }) => {
   const claveFixedFields = JSON.stringify(fixedFieldsRecibidos ?? null);
-  const fixedFields = (0, import_react26.useMemo)(() => fixedFieldsRecibidos, [claveFixedFields]);
+  const fixedFields = (0, import_react28.useMemo)(() => fixedFieldsRecibidos, [claveFixedFields]);
   const claveParametros = JSON.stringify([filterColumnsRecibidos ?? null, tableDefRecibido ?? null, parameterFunctionsRecibido ?? null, pickRecibido ?? null]);
-  const parametros = (0, import_react26.useMemo)(
+  const parametros = (0, import_react28.useMemo)(
     () => ({ filterColumns: filterColumnsRecibidos, tableDef: tableDefRecibido, parameterFunctions: parameterFunctionsRecibido, pick: pickRecibido }),
     [claveParametros]
     // eslint-disable-line react-hooks/exhaustive-deps
   );
-  const cacheHeredado = (0, import_react26.useContext)(CacheGrillasContext);
-  const [cachePropio] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
+  const cacheHeredado = (0, import_react28.useContext)(CacheGrillasContext);
+  const [cachePropio] = (0, import_react28.useState)(() => /* @__PURE__ */ new Map());
   const cache = cacheHeredado ?? cachePropio;
-  const [guardada] = (0, import_react26.useState)(() => claveCache ? cache.get(claveCache) : void 0);
-  const claveCargadaRef = (0, import_react26.useRef)(guardada ? `${tableName}|${claveFixedFields}|${claveParametros}` : null);
-  const [tableDefinition, setTableDefinition] = (0, import_react26.useState)(guardada?.tableDefinition ?? null);
-  const [tableData, setTableData] = (0, import_react26.useState)(guardada?.tableData ?? []);
-  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_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());
+  const [guardada] = (0, import_react28.useState)(() => claveCache ? cache.get(claveCache) : void 0);
+  const claveCargadaRef = (0, import_react28.useRef)(guardada ? `${tableName}|${claveFixedFields}|${claveParametros}` : null);
+  const [tableDefinition, setTableDefinition] = (0, import_react28.useState)(guardada?.tableDefinition ?? null);
+  const [tableData, setTableData] = (0, import_react28.useState)(guardada?.tableData ?? []);
+  const [cargandoInicial, setCargandoInicial] = (0, import_react28.useState)(!guardada);
+  const [errorDeCarga, setErrorDeCarga] = (0, import_react28.useState)(null);
+  const [anchosCalculados, setAnchosCalculados] = (0, import_react28.useState)(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
+  const [columnasOcultas, setColumnasOcultas] = (0, import_react28.useState)(() => guardada?.columnasOcultas ?? []);
+  const [openDialogoDeColumnas, setOpenDialogoDeColumnas] = (0, import_react28.useState)(false);
+  const conjuntoDeOcultas = (0, import_react28.useMemo)(() => new Set(columnasOcultas), [columnasOcultas]);
+  const ocultarColumna = (0, import_react28.useCallback)((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores : [...anteriores, columna]), []);
+  const alternarColumna = (0, import_react28.useCallback)((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores.filter((oculta) => oculta !== columna) : [...anteriores, columna]), []);
+  const abrirDialogoDeColumnas = (0, import_react28.useCallback)(() => setOpenDialogoDeColumnas(true), []);
+  const [detallesAbiertos, setDetallesAbiertos] = (0, import_react28.useState)(guardada?.detallesAbiertos ?? []);
+  const [altosDetalle, setAltosDetalle] = (0, import_react28.useState)(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
+  const [anchosDetalle, setAnchosDetalle] = (0, import_react28.useState)(() => /* @__PURE__ */ new Map());
+  const [selectedRows, setSelectedRows] = (0, import_react28.useState)(() => /* @__PURE__ */ new Set());
+  const [, setSelectedCell] = (0, import_react28.useState)(void 0);
+  const [estadoGrilla] = (0, import_react28.useState)(crearEstadoGrilla);
+  const theme = (0, import_material21.useTheme)();
+  const [openDataGridOptions, setOpenDataGridOptions] = (0, import_react28.useState)(false);
+  const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = (0, import_react28.useState)(null);
+  const [exitingRowIds, setExitingRowIds] = (0, import_react28.useState)(/* @__PURE__ */ new Set());
   const { showError } = useSnackbar();
   const { username: usuario } = useClientContext();
-  const dataGridRef = (0, import_react26.useRef)(null);
-  const rowAtEditStartRef = (0, import_react26.useRef)(null);
-  const [openImportDialog, setOpenImportDialog] = (0, import_react26.useState)(false);
-  const [openExportDialog, setOpenExportDialog] = (0, import_react26.useState)(false);
-  const [columnWidths, setColumnWidths] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
+  const dataGridRef = (0, import_react28.useRef)(null);
+  const rowAtEditStartRef = (0, import_react28.useRef)(null);
+  const [openImportDialog, setOpenImportDialog] = (0, import_react28.useState)(false);
+  const [openExportDialog, setOpenExportDialog] = (0, import_react28.useState)(false);
+  const [columnWidths, setColumnWidths] = (0, import_react28.useState)(() => /* @__PURE__ */ new Map());
   const { callApi, callApiUpload, loading } = useApiCall();
-  const primaryKey = (0, import_react26.useMemo)(() => {
+  const primaryKey = (0, import_react28.useMemo)(() => {
     if (!tableDefinition) return ["id"];
     return tableDefinition.primaryKey && tableDefinition.primaryKey.length > 0 ? tableDefinition.primaryKey : ["id"];
   }, [tableDefinition]);
@@ -4293,9 +4671,9 @@ var GenericDataGrid = ({
     summaryData,
     resetView
   } = useGridDataView({ tableData, tableDefinition });
-  const abiertos = (0, import_react26.useMemo)(() => new Set(detallesAbiertos), [detallesAbiertos]);
-  const filasDetalleRef = (0, import_react26.useRef)(/* @__PURE__ */ new Map());
-  const filasMostradas = (0, import_react26.useMemo)(() => {
+  const abiertos = (0, import_react28.useMemo)(() => new Set(detallesAbiertos), [detallesAbiertos]);
+  const filasDetalleRef = (0, import_react28.useRef)(/* @__PURE__ */ new Map());
+  const filasMostradas = (0, import_react28.useMemo)(() => {
     const detailTables = tableDefinition?.detailTables ?? [];
     if (abiertos.size === 0 || detailTables.length === 0) return filteredRows;
     const anteriores = filasDetalleRef.current;
@@ -4322,8 +4700,8 @@ var GenericDataGrid = ({
     filasDetalleRef.current = nuevas;
     return filas;
   }, [filteredRows, abiertos, tableDefinition, primaryKey]);
-  const altoDeDetalle = (0, import_react26.useCallback)((clave) => altosDetalle.get(clave) ?? ALTO_INICIAL_DETALLE, [altosDetalle]);
-  const altoDetalles = (0, import_react26.useMemo)(
+  const altoDeDetalle = (0, import_react28.useCallback)((clave) => altosDetalle.get(clave) ?? ALTO_INICIAL_DETALLE, [altosDetalle]);
+  const altoDetalles = (0, import_react28.useMemo)(
     () => filasMostradas.reduce((total, row) => esFilaDetalle(row) ? total + altoDeDetalle(row.clave) : total, 0),
     [filasMostradas, altoDeDetalle]
   );
@@ -4369,9 +4747,9 @@ var GenericDataGrid = ({
     filasVisiblesMax,
     conPie
   });
-  const [contenidoDeCelda, setContenidoDeCelda] = (0, import_react26.useState)(null);
-  const verContenido = (0, import_react26.useCallback)((anclaje, texto) => setContenidoDeCelda({ anclaje, texto }), []);
-  const cerrarContenidoDeCelda = (0, import_react26.useCallback)(() => {
+  const [contenidoDeCelda, setContenidoDeCelda] = (0, import_react28.useState)(null);
+  const verContenido = (0, import_react28.useCallback)((anclaje, texto) => setContenidoDeCelda({ anclaje, texto }), []);
+  const cerrarContenidoDeCelda = (0, import_react28.useCallback)(() => {
     const anclaje = contenidoDeCelda?.anclaje;
     setContenidoDeCelda(null);
     setTimeout(() => anclaje?.focus(), 0);
@@ -4387,8 +4765,8 @@ var GenericDataGrid = ({
     setSortColumns,
     verContenido
   });
-  const tableNameAnteriorRef = (0, import_react26.useRef)(tableName);
-  (0, import_react26.useEffect)(() => {
+  const tableNameAnteriorRef = (0, import_react28.useRef)(tableName);
+  (0, import_react28.useEffect)(() => {
     if (tableNameAnteriorRef.current === tableName) return;
     tableNameAnteriorRef.current = tableName;
     setDetallesAbiertos([]);
@@ -4402,7 +4780,7 @@ var GenericDataGrid = ({
     setExitingRowIds(/* @__PURE__ */ new Set());
     setColumnWidths(/* @__PURE__ */ new Map());
   }, [tableName, estadoGrilla, resetView]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const claveCarga = `${tableName}|${claveFixedFields}|${claveParametros}`;
     if (claveCargadaRef.current === claveCarga) {
       if (guardada) setSortColumns(guardada.sortColumns);
@@ -4471,11 +4849,11 @@ var GenericDataGrid = ({
       vigente = false;
     };
   }, [tableName, claveFixedFields, fixedFields, claveParametros, parametros, showError, callApi, getInitialSortColumns, setSortColumns, aplicarFiltrosIniciales, guardada]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!claveCache || !tableDefinition || cargandoInicial) return;
     cache.set(claveCache, { tableDefinition, tableData, anchosCalculados, columnasOcultas, sortColumns, detallesAbiertos, altosDetalle });
   }, [cache, claveCache, tableDefinition, tableData, anchosCalculados, columnasOcultas, sortColumns, detallesAbiertos, altosDetalle, cargandoInicial]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     let timer = null;
     const desuscribir = estadoGrilla.suscribir(() => {
       const hayExitos = Array.from(estadoGrilla.obtenerFeedback().values()).some((f) => f.type === "success");
@@ -4500,11 +4878,11 @@ var GenericDataGrid = ({
       if (timer) clearTimeout(timer);
     };
   }, [estadoGrilla]);
-  const resetSortingDeLaTabla = (0, import_react26.useCallback)(() => {
+  const resetSortingDeLaTabla = (0, import_react28.useCallback)(() => {
     if (tableDefinition) resetSorting(tableDefinition);
   }, [tableDefinition, resetSorting]);
-  const abrirImportacion = (0, import_react26.useCallback)(() => setOpenImportDialog(true), []);
-  const abrirExportacion = (0, import_react26.useCallback)(() => setOpenExportDialog(true), []);
+  const abrirImportacion = (0, import_react28.useCallback)(() => setOpenImportDialog(true), []);
+  const abrirExportacion = (0, import_react28.useCallback)(() => setOpenExportDialog(true), []);
   const { menuOptions } = useGridMenu({
     tableDefinition,
     tableName,
@@ -4516,11 +4894,11 @@ var GenericDataGrid = ({
     triggerExport: abrirExportacion,
     abrirColumnas: abrirDialogoDeColumnas
   });
-  const abrirOpcionesDeGrilla = (0, import_react26.useCallback)((anchorEl) => {
+  const abrirOpcionesDeGrilla = (0, import_react28.useCallback)((anchorEl) => {
     setDataGridOptionsAnchorEl(anchorEl);
     setOpenDataGridOptions(true);
   }, []);
-  const editarEnFicha = (0, import_react26.useCallback)((row) => {
+  const editarEnFicha = (0, import_react28.useCallback)((row) => {
     rowAtEditStartRef.current = { ...row };
     handleVerticalEditRow(row);
   }, [handleVerticalEditRow]);
@@ -4540,7 +4918,7 @@ var GenericDataGrid = ({
     toggleFilterVisibility,
     abrirOpcionesDeGrilla
   });
-  const abrirDetalleEnPestana = (0, import_react26.useCallback)((row, detailTable) => {
+  const abrirDetalleEnPestana = (0, import_react28.useCallback)((row, detailTable) => {
     if (!onOpenDetail || !tableDefinition || !detailTable.table) return;
     const porCampo = /* @__PURE__ */ new Map();
     [...fixedFields ?? [], ...calcularFixedFieldsDetalle(detailTable, row)].forEach((ff) => porCampo.set(ff.fieldName, ff));
@@ -4550,12 +4928,12 @@ var GenericDataGrid = ({
     const newAncestors = [...ancestors, { tableName: tableDefinition.name, row, tableDefinition, fixedFields: allFixedFields }];
     onOpenDetail(detailTable.table, allFixedFields, label, newAncestors);
   }, [onOpenDetail, tableDefinition, fixedFields, ancestors]);
-  const abrirWScreenEnPestana = (0, import_react26.useCallback)((row, detailTable) => {
+  const abrirWScreenEnPestana = (0, import_react28.useCallback)((row, detailTable) => {
     const parametros2 = new URLSearchParams();
     calcularFixedFieldsDetalle(detailTable, row).forEach((ff) => parametros2.set(ff.fieldName, String(ff.value)));
     window.open(`${window.location.origin}${rutaBase}/wScreens/${detailTable.wScreen}?${parametros2}`, "_blank");
   }, []);
-  const alternarDetalle = (0, import_react26.useCallback)((row, rowId, detailTable, enOtraPestana) => {
+  const alternarDetalle = (0, import_react28.useCallback)((row, rowId, detailTable, enOtraPestana) => {
     if (enOtraPestana && detailTable.wScreen) {
       abrirWScreenEnPestana(row, detailTable);
       return;
@@ -4567,8 +4945,8 @@ var GenericDataGrid = ({
     const clave = claveDetalle(rowId, detailTable);
     setDetallesAbiertos((anteriores) => anteriores.includes(clave) ? anteriores.filter((c) => c !== clave) : [...anteriores, clave]);
   }, [onOpenDetail, abrirDetalleEnPestana, abrirWScreenEnPestana]);
-  const [medidas, setMedidas] = (0, import_react26.useState)(null);
-  (0, import_react26.useEffect)(() => {
+  const [medidas, setMedidas] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
     const medir = () => setMedidas((anteriores) => {
@@ -4581,8 +4959,8 @@ var GenericDataGrid = ({
     return () => observador.disconnect();
   }, [tableDefinition, cargandoInicial]);
   const anchoVisible = medidas?.ancho ?? null;
-  const [altoDeVentana, setAltoDeVentana] = (0, import_react26.useState)(null);
-  (0, import_react26.useEffect)(() => {
+  const [altoDeVentana, setAltoDeVentana] = (0, import_react28.useState)(null);
+  (0, import_react28.useEffect)(() => {
     if (anidada) return;
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
@@ -4591,25 +4969,25 @@ var GenericDataGrid = ({
     window.addEventListener("resize", calcular);
     return () => window.removeEventListener("resize", calcular);
   }, [anidada, tableDefinition, cargandoInicial]);
-  const altoDeContexto = (0, import_react26.useContext)(AltoDisponibleContext);
+  const altoDeContexto = (0, import_react28.useContext)(AltoDisponibleContext);
   const altoDeEstaGrilla = anidada ? altoDisponible ?? (altoDeContexto === void 0 ? void 0 : altoDeContexto - ALTO_TITULO_ANIDADA) : altoDeVentana ?? void 0;
   const altoMaximoDetalleEfectivo = altoMaximoDetalle ?? (altoDeEstaGrilla !== void 0 ? Math.max(ALTO_MINIMO_DETALLE, altoDeEstaGrilla - HEADER_ROW_HEIGHT - (conPie ? SUMMARY_ROW_HEIGHT : 0) - ROW_HEIGHT - (isFilterRowVisible ? FILTER_ROW_HEIGHT : 0)) : void 0);
-  const cambiarAnchoDetalle = (0, import_react26.useCallback)((clave, ancho) => {
+  const cambiarAnchoDetalle = (0, import_react28.useCallback)((clave, ancho) => {
     setAnchosDetalle((anteriores) => anteriores.get(clave) === ancho ? anteriores : new Map(anteriores).set(clave, ancho));
   }, []);
-  const cambiarAltoDetalle = (0, import_react26.useCallback)((clave, altoDeseado2) => {
+  const cambiarAltoDetalle = (0, import_react28.useCallback)((clave, altoDeseado2) => {
     const alto = Math.min(Math.max(Math.round(altoDeseado2), ALTO_MINIMO_DETALLE), altoMaximoDetalleEfectivo ?? Infinity);
     setAltosDetalle((anteriores) => anteriores.get(clave) === alto ? anteriores : new Map(anteriores).set(clave, alto));
   }, [altoMaximoDetalleEfectivo]);
-  const renderDetalle = (0, import_react26.useCallback)((fila) => {
+  const renderDetalle = (0, import_react28.useCallback)((fila) => {
     const { detailTable } = fila;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       "div",
       {
         className: "fpr-detalle",
         style: { maxWidth: anchoVisible ? anchoVisible - 2 : void 0 },
         onKeyDown: (e) => e.stopPropagation(),
-        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           GenericDataGrid,
           {
             tableName: detailTable.table,
@@ -4622,7 +5000,7 @@ var GenericDataGrid = ({
             onOpenDetail,
             ancestors: tableDefinition ? [...ancestors, { tableName: tableDefinition.name, row: fila.filaPadre, tableDefinition, fixedFields: fila.fixedFields }] : ancestors
           }
-        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           DetalleWScreen,
           {
             fila,
@@ -4630,7 +5008,7 @@ var GenericDataGrid = ({
             onAlto: (alto) => cambiarAltoDetalle(fila.clave, alto),
             onAncho: (ancho) => cambiarAnchoDetalle(fila.clave, ancho)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Alert, { severity: "warning", children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Alert, { severity: "warning", children: [
           "El detalle '",
           detailTable.abr,
           "' no tiene ni tabla ni wScreen."
@@ -4638,18 +5016,18 @@ var GenericDataGrid = ({
       }
     );
   }, [anchoVisible, claveCache, tableName, cambiarAltoDetalle, cambiarAnchoDetalle, altoMaximoDetalleEfectivo, onOpenDetail, tableDefinition, ancestors]);
-  const detallesGrilla = (0, import_react26.useMemo)(() => ({ abiertos, alternarDetalle, renderDetalle }), [abiertos, alternarDetalle, renderDetalle]);
+  const detallesGrilla = (0, import_react28.useMemo)(() => ({ abiertos, alternarDetalle, renderDetalle }), [abiertos, alternarDetalle, renderDetalle]);
   const altoDeseado = cargandoInicial ? ALTO_INICIAL_DETALLE : gridHeight + ALTO_TITULO_ANIDADA + 8;
-  (0, import_react26.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     onAltoDeseado?.(altoDeseado);
   }, [onAltoDeseado, altoDeseado]);
-  const rowKeyGetter = (0, import_react26.useCallback)((row) => esFilaDetalle(row) ? `detalle:${row.clave}` : getPrimaryKeyValues(row, primaryKey), [primaryKey]);
-  const rowHeight = (0, import_react26.useCallback)((row) => esFilaDetalle(row) ? altoDeDetalle(row.clave) : ROW_HEIGHT, [altoDeDetalle]);
-  const rowClass = (0, import_react26.useCallback)(
+  const rowKeyGetter = (0, import_react28.useCallback)((row) => esFilaDetalle(row) ? `detalle:${row.clave}` : getPrimaryKeyValues(row, primaryKey), [primaryKey]);
+  const rowHeight = (0, import_react28.useCallback)((row) => esFilaDetalle(row) ? altoDeDetalle(row.clave) : ROW_HEIGHT, [altoDeDetalle]);
+  const rowClass = (0, import_react28.useCallback)(
     (row) => esFilaDetalle(row) ? "fpr-fila-detalle" : exitingRowIds.has(getPrimaryKeyValues(row, primaryKey)) ? "fpr-fila-saliendo" : void 0,
     [exitingRowIds, primaryKey]
   );
-  const anchoContenido = (0, import_react26.useMemo)(() => {
+  const anchoContenido = (0, import_react28.useMemo)(() => {
     if (columns.length === 0) return void 0;
     const sumaColumnas = columns.reduce((total, col) => {
       const medido = columnWidths.get(col.key)?.width;
@@ -4659,13 +5037,13 @@ var GenericDataGrid = ({
     const anchoDetalleMax = detallesAbiertos.reduce((max, clave) => Math.max(max, anchosDetalle.get(clave) ?? 0), 0);
     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)(() => {
+  (0, import_react28.useEffect)(() => {
     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]);
+  const estiloGrilla = (0, import_react28.useMemo)(() => ({ height: "100%", width: "100%", boxSizing: "border-box", ...gridStyles }), [gridStyles]);
+  const bottomSummaryRows = (0, import_react28.useMemo)(() => conPie ? [bottomSummaryRow] : [], [conPie, bottomSummaryRow]);
+  const vistaGrilla = (0, import_react28.useMemo)(() => ({ isFilterRowVisible }), [isFilterRowVisible]);
   const getFallBackMessage = () => {
     if (tableData.length === 0) {
       return "No hay filas para mostrar";
@@ -4677,19 +5055,22 @@ var GenericDataGrid = ({
   };
   const fallBackMessage = getFallBackMessage();
   if (cargandoInicial) {
-    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..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
     ] });
   }
   if (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 }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Alert, { severity: "error", children: errorDeCarga }) });
   }
   if (!tableDefinition) {
-    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_runtime26.jsx)(import_material21.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Alert, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
+  }
+  if (puenteBPHabilitado() && clientSidesSinImplementar(tableDefinition).length > 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { height: anidada ? void 0 : "100%", minHeight: 0, overflow: anidada ? void 0 : "auto", boxSizing: "border-box", p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(GrillaBP, { tabla: tableName, fixedFields }) });
   }
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.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_runtime26.jsx)(import_material21.Box, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       StaticAncestorGrid,
       {
         ancestor,
@@ -4698,8 +5079,8 @@ var GenericDataGrid = ({
       },
       index
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-      import_material19.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      import_material21.Box,
       {
         sx: {
           backgroundColor: theme.palette.primary.main,
@@ -4721,17 +5102,17 @@ var GenericDataGrid = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Typography, { variant: "subtitle2", component: "div", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.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_runtime23.jsx)(import_material19.CircularProgress, { size: 14, color: "inherit" })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.CircularProgress, { size: 14, color: "inherit" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-      import_material19.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      import_material21.Box,
       {
         sx: {
           // Una grilla anidada se acota con px (el alto que le dio la de arriba, o el de una wScreen): una wScreen
@@ -4749,7 +5130,7 @@ var GenericDataGrid = ({
           pb: anidada ? 0 : 3
         },
         children: [
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_react_data_grid.DataGrid,
             {
               className: "rdg-light",
@@ -4779,8 +5160,8 @@ var GenericDataGrid = ({
               onCellKeyDown: handleCellKeyDown
             }
           ) }) }) }),
-          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            import_material19.Box,
+          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_material21.Box,
             {
               sx: {
                 position: "absolute",
@@ -4796,13 +5177,13 @@ var GenericDataGrid = ({
                 zIndex: tableData.length === 0 ? 10 : 1
                 // Mantenemos el zIndex superior para el estado vacío total
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       ExportDialog,
       {
         open: openExportDialog,
@@ -4814,7 +5195,7 @@ var GenericDataGrid = ({
         username: usuario || "anonymous"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       DialogoDeColumnas,
       {
         open: openDialogoDeColumnas,
@@ -4824,7 +5205,7 @@ var GenericDataGrid = ({
         alternarColumna
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       ConfirmDialog,
       {
         open: openConfirmDialog,
@@ -4833,7 +5214,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_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       DataGridOptionsDialog,
       {
         open: openDataGridOptions,
@@ -4842,7 +5223,7 @@ var GenericDataGrid = ({
         anchorEl: dataGridOptionsAnchorEl
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       ImportDialog,
       {
         open: openImportDialog,
@@ -4851,14 +5232,14 @@ var GenericDataGrid = ({
         loading
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_material19.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_material21.Dialog,
       {
         open: openVerticalEditDialog,
         onClose: () => setOpenVerticalEditDialog(false),
         maxWidth: "sm",
         fullWidth: true,
-        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           VerticalEditorPage,
           {
             tableName,
@@ -4904,7 +5285,7 @@ var GenericDataGrid = ({
         )
       }
     ),
-    contenidoDeCelda && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
+    contenidoDeCelda && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
   ] }) });
 };
 var GenericDataGrid_default = GenericDataGrid;
@@ -4914,13 +5295,13 @@ 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_material21 = require("@mui/material");
+var import_react32 = require("react");
+var import_react_router_dom5 = require("react-router-dom");
+var import_material23 = require("@mui/material");
 
 // src/contexts/AppContext.tsx
-var import_react27 = require("react");
-var import_react_router_dom = require("react-router-dom");
+var import_react29 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
 var import_react_redux2 = require("react-redux");
 
 // src/utils/cierreVoluntario.ts
@@ -4931,10 +5312,10 @@ var marcarCierreVoluntario = (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 import_jsx_runtime27 = require("react/jsx-runtime");
+var AuthContext = (0, import_react29.createContext)(void 0);
 var useApp = () => {
-  const context = (0, import_react27.useContext)(AuthContext);
+  const context = (0, import_react29.useContext)(AuthContext);
   if (!context) {
     throw new Error("useApp must be used within an AppProvider");
   }
@@ -4943,16 +5324,16 @@ var useApp = () => {
 };
 var AppProvider = ({ children, publicPaths = [] }) => {
   console.log("AppProvider rendered/re-rendered");
-  const [isLoggedIn, setIsLoggedIn] = (0, import_react27.useState)(false);
-  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 [isLoggedIn, setIsLoggedIn] = (0, import_react29.useState)(false);
+  const [showSessionExpiredMessage, setShowSessionExpiredMessage] = (0, import_react29.useState)(false);
+  const isRedirectingRef = (0, import_react29.useRef)(false);
+  const huboSesionRef = (0, import_react29.useRef)(false);
+  const cierreVoluntarioRef = (0, import_react29.useRef)(false);
   const dispatch = (0, import_react_redux2.useDispatch)();
   const clientContext = (0, import_react_redux2.useSelector)((state) => state.clientContext);
   if (clientContext.status === "succeeded" && !cierreVoluntarioRef.current) huboSesionRef.current = true;
-  const navigate = (0, import_react_router_dom.useNavigate)();
-  const handleExpiredSessionRedirect = (0, import_react27.useCallback)(() => {
+  const navigate = (0, import_react_router_dom2.useNavigate)();
+  const handleExpiredSessionRedirect = (0, import_react29.useCallback)(() => {
     isRedirectingRef.current = true;
     setShowSessionExpiredMessage(false);
     setIsLoggedIn(false);
@@ -4961,23 +5342,23 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       isRedirectingRef.current = false;
     }, 2e3);
   }, [navigate]);
-  const avisarCierreVoluntario = (0, import_react27.useCallback)((activo) => {
+  const avisarCierreVoluntario = (0, import_react29.useCallback)((activo) => {
     cierreVoluntarioRef.current = activo;
     marcarCierreVoluntario(activo);
     if (activo) huboSesionRef.current = false;
   }, []);
-  const limpiarContextoPorSesionPerdida = (0, import_react27.useCallback)(() => {
+  const limpiarContextoPorSesionPerdida = (0, import_react29.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 location = (0, import_react_router_dom2.useLocation)();
+  const isCurrentPathPublic = (0, import_react29.useCallback)(() => {
     const current = location.pathname;
     return publicPaths.some((path) => current === path || current.startsWith(`${path}/`));
   }, [location.pathname, publicPaths]);
-  const checkSession = (0, import_react27.useCallback)(async () => {
+  const checkSession = (0, import_react29.useCallback)(async () => {
     if (isRedirectingRef.current) return;
     try {
       const response = await fetchApi("/keep-alive.json", { method: "GET" });
@@ -5015,14 +5396,14 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       }
     }
   }, [dispatch, clientContext.status, showSessionExpiredMessage, isCurrentPathPublic, limpiarContextoPorSesionPerdida]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     checkSession();
     const intervalId = setInterval(checkSession, 15 * 1e3);
     return () => {
       clearInterval(intervalId);
     };
   }, [checkSession]);
-  const authContextValue = (0, import_react27.useMemo)(() => ({
+  const authContextValue = (0, import_react29.useMemo)(() => ({
     isLoggedIn,
     setIsLoggedIn,
     checkSession,
@@ -5039,19 +5420,19 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     handleExpiredSessionRedirect,
     avisarCierreVoluntario
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AuthContext.Provider, { value: authContextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(AuthContext.Provider, { value: authContextValue, children });
 };
 
 // src/components/MainLayout.tsx
-var import_react_router_dom5 = require("react-router-dom");
+var import_react_router_dom6 = 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_material20 = require("@mui/material");
+var import_react30 = __toESM(require("react"), 1);
+var import_material22 = 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);
@@ -5061,16 +5442,9 @@ var import_WarningAmber3 = __toESM(require("@mui/icons-material/WarningAmber"),
 var import_DesktopWindows = __toESM(require("@mui/icons-material/DesktopWindows"), 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_react_router_dom3 = 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 rutaDeTablaDeMenu(camino) {
   return `/menu/${camino.map(encodeURIComponent).join("/")}`;
@@ -5151,22 +5525,22 @@ function buscarEnMenu(hojas, consulta) {
 }
 
 // src/components/SideMenu.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime28 = 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 });
+      return /* @__PURE__ */ (0, import_jsx_runtime28.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 });
+      return /* @__PURE__ */ (0, import_jsx_runtime28.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 });
+      return /* @__PURE__ */ (0, import_jsx_runtime28.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_runtime28.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 });
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_WarningAmber3.default, { sx: destacado ? { color: import_colors.red[500] } : void 0 });
   }
 };
 var estaSeleccionado = (item, grupos, currentPath, hash = "") => {
@@ -5196,8 +5570,8 @@ var guardarRecientes = (recientes) => {
   }
 };
 var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }) => {
-  const navigate = (0, import_react_router_dom2.useNavigate)();
-  const location = (0, import_react_router_dom2.useLocation)();
+  const navigate = (0, import_react_router_dom3.useNavigate)();
+  const location = (0, import_react_router_dom3.useLocation)();
   const clave = claveDeMenu([...grupos, item.name]);
   const open = useSubMenuOpenState(clave);
   const dispatch = useAppDispatch();
@@ -5216,28 +5590,28 @@ var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }
     }
   };
   const isSelected = estaSeleccionado(item, grupos, location.pathname, location.hash);
-  const itemRef = import_react28.default.useRef(null);
-  (0, import_react28.useEffect)(() => {
+  const itemRef = import_react30.default.useRef(null);
+  (0, import_react30.useEffect)(() => {
     if (isSelected && itemRef.current) {
       itemRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelected]);
   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,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { ref: itemRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      import_material22.ListItemButton,
       {
         onClick: handleClick,
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__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
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(item, isSelected || open) }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.ListItemText, { primary: etiquetaDeItem(item) }),
+          item.menuType === "menu" ? open ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_ExpandLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_ExpandMore.default, {}) : null
         ]
       }
     ),
-    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)(
+    item.menuType === "menu" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.List, { component: "div", disablePadding: true, children: contenido.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       MenuListItem,
       {
         item: subItem,
@@ -5251,14 +5625,14 @@ var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }
   ] });
 };
 var ItemPlano = ({ hoja, seleccionado, traerALaVista = false, onElegir }) => {
-  const boton = (0, import_react28.useRef)(null);
-  (0, import_react28.useEffect)(() => {
+  const boton = (0, import_react30.useRef)(null);
+  (0, import_react30.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,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material22.ListItemButton, { dense: true, selected: seleccionado, onClick: () => onElegir(hoja), ref: boton, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(hoja.item, seleccionado) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      import_material22.ListItemText,
       {
         primary: etiquetaDeItem(hoja.item),
         secondary: hoja.etiquetasDeGrupos.join(" \u203A ") || void 0,
@@ -5269,17 +5643,17 @@ var ItemPlano = ({ hoja, seleccionado, traerALaVista = false, onElegir }) => {
 };
 var SideMenu = ({ onMenuItemClick }) => {
   const { clientContext } = useApp();
-  const navigate = (0, import_react_router_dom2.useNavigate)();
-  const location = (0, import_react_router_dom2.useLocation)();
+  const navigate = (0, import_react_router_dom3.useNavigate)();
+  const location = (0, import_react_router_dom3.useLocation)();
   const dispatch = useAppDispatch();
-  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 [consulta, setConsulta] = (0, import_react30.useState)("");
+  const [indice, setIndice] = (0, import_react30.useState)(0);
+  const [recientes, setRecientes] = (0, import_react30.useState)(leerRecientes);
+  const campoDeBusqueda = (0, import_react30.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)(() => {
+  const hojas = (0, import_react30.useMemo)(() => hojasDeMenu(menu ?? []), [menu]);
+  const resultados = (0, import_react30.useMemo)(() => buscarEnMenu(hojas, consulta), [hojas, consulta]);
+  (0, import_react30.useEffect)(() => {
     const alApretar = (evento) => {
       if ((evento.ctrlKey || evento.metaKey) && !evento.altKey && !evento.shiftKey && evento.key.toLowerCase() === "k") {
         evento.preventDefault();
@@ -5293,7 +5667,7 @@ var SideMenu = ({ onMenuItemClick }) => {
     window.addEventListener("keydown", alApretar);
     return () => window.removeEventListener("keydown", alApretar);
   }, [dispatch]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react30.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)))));
@@ -5305,7 +5679,7 @@ var SideMenu = ({ onMenuItemClick }) => {
     });
   }, [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..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Typography, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
   }
   const elegir = (hoja) => {
     navigate(rutaDeItemDeMenu(hoja.item, hoja.grupos));
@@ -5330,9 +5704,9 @@ var SideMenu = ({ onMenuItemClick }) => {
     }
   };
   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,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material22.Box, { sx: { width: "100%", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Box, { sx: { px: 1.5, py: 1, flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      import_material22.TextField,
       {
         inputRef: campoDeBusqueda,
         value: consulta,
@@ -5347,19 +5721,19 @@ var SideMenu = ({ onMenuItemClick }) => {
         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: () => {
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_Search3.default, { fontSize: "small" }) }),
+          endAdornment: consulta !== "" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.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
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime28.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)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto" }, children: consulta.trim() !== "" ? resultados.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Typography, { variant: "body2", color: "text.secondary", children: "Sin resultados" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.List, { children: resultados.map((hoja, i) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ItemPlano, { hoja, seleccionado: i === indice, traerALaVista: true, onElegir: elegir }, hoja.clave)) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      hojasRecientes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Typography, { variant: "overline", color: "text.secondary", sx: { display: "block", px: 2, pt: 1, lineHeight: 2 }, children: "Recientes" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.List, { disablePadding: true, children: hojasRecientes.map((hoja) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           ItemPlano,
           {
             hoja,
@@ -5368,9 +5742,9 @@ var SideMenu = ({ onMenuItemClick }) => {
           },
           hoja.clave
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Divider, {})
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Divider, {})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.List, { children: menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.List, { children: menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         MenuListItem,
         {
           item: menuItem,
@@ -5386,14 +5760,14 @@ var SideMenu = ({ onMenuItemClick }) => {
 var SideMenu_default = SideMenu;
 
 // src/hooks/useLogout.tsx
-var import_react29 = require("react");
-var import_react_router_dom3 = require("react-router-dom");
+var import_react31 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
 var import_react_redux3 = require("react-redux");
 var useLogout = () => {
   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 () => {
+  const navigate = (0, import_react_router_dom4.useNavigate)();
+  const logout = (0, import_react31.useCallback)(async () => {
     avisarCierreVoluntario(true);
     try {
       const response = await fetchApi("/logout", { method: "GET" });
@@ -5416,17 +5790,17 @@ var useLogout = () => {
 var useLogout_default = useLogout;
 
 // src/components/MainLayout.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime29 = 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 navigate = (0, import_react_router_dom6.useNavigate)();
   const isDrawerOpen = useIsDrawerOpen();
   const dispatch = useAppDispatch();
-  const theme = (0, import_material21.useTheme)();
-  const isMobile = (0, import_material21.useMediaQuery)(theme.breakpoints.down("sm"));
-  (0, import_react30.useEffect)(() => {
+  const theme = (0, import_material23.useTheme)();
+  const isMobile = (0, import_material23.useMediaQuery)(theme.breakpoints.down("sm"));
+  (0, import_react32.useEffect)(() => {
     if (isMobile && isDrawerOpen) {
       dispatch(setDrawerOpen(false));
     }
@@ -5440,12 +5814,12 @@ var MainLayout = () => {
     }
   };
   if (!clientContext) {
-    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_runtime29.jsx)(import_material23.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  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,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Box, { sx: { display: "flex", height: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      import_material23.AppBar,
       {
         position: "fixed",
         sx: {
@@ -5463,9 +5837,9 @@ var MainLayout = () => {
             })
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Toolbar, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-            import_material21.IconButton,
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Toolbar, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            import_material23.IconButton,
             {
               color: "inherit",
               "aria-label": "open drawer",
@@ -5474,10 +5848,10 @@ var MainLayout = () => {
               sx: {
                 marginRight: 2
               },
-              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Menu.default, {})
+              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_Menu.default, {})
             }
           ),
-          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "img",
             {
               src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5485,23 +5859,23 @@ var MainLayout = () => {
               style: { height: "32px", marginRight: "12px", objectFit: "contain" }
             }
           ),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.IconButton, { color: "inherit", title: "Cambiar contrase\xF1a", "aria-label": "cambiar contrase\xF1a", onClick: () => navigate("/chpass"), sx: { mr: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_VpnKey.default, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            import_material23.Button,
             {
               color: "inherit",
               onClick: logout,
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_Logout.default, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_Logout.default, {}),
               children: "Salir"
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-      import_material21.Drawer,
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      import_material23.Drawer,
       {
         variant: "persistent",
         anchor: "left",
@@ -5518,8 +5892,8 @@ var MainLayout = () => {
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-            import_material21.Toolbar,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+            import_material23.Toolbar,
             {
               sx: {
                 display: "flex",
@@ -5533,7 +5907,7 @@ var MainLayout = () => {
                 gap: 1.5
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   "img",
                   {
                     src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5541,16 +5915,16 @@ var MainLayout = () => {
                     style: { height: "32px", objectFit: "contain" }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-      import_material21.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      import_material23.Box,
       {
         component: "main",
         sx: {
@@ -5576,8 +5950,8 @@ var MainLayout = () => {
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
         children: [
-          /* @__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, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Toolbar, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_router_dom5.Outlet, {}) })
         ]
       }
     )
@@ -5586,8 +5960,8 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-var import_material22 = require("@mui/material");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_material24 = require("@mui/material");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var style = {
   position: "absolute",
   top: "50%",
@@ -5606,8 +5980,8 @@ var SessionExpiredMessage = () => {
   const handleClose = () => {
     handleExpiredSessionRedirect();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_material22.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_material24.Modal,
     {
       open: showSessionExpiredMessage,
       onClose: () => {
@@ -5626,10 +6000,10 @@ var SessionExpiredMessage = () => {
           }
         }
       },
-      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" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material24.Box, { sx: style, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.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_runtime30.jsx)(import_material24.Button, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -5637,25 +6011,25 @@ var SessionExpiredMessage = () => {
 var SessionExpiredMessage_default = SessionExpiredMessage;
 
 // src/pages/PantallaInicial.tsx
-var import_react_router_dom6 = require("react-router-dom");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react_router_dom7 = require("react-router-dom");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var PantallaInicial = () => {
   const { clientContext } = useApp();
   const item = clientContext.menu ? itemInicial(clientContext.menu) : void 0;
-  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;
+  return item && clientContext.menu ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_router_dom7.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_material23 = require("@mui/material");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_react33 = require("react");
+var import_material25 = require("@mui/material");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var LogoutPage = () => {
   const logout = useLogout_default();
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material25.Box, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -5663,16 +6037,16 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__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..." })
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material25.CircularProgress, { size: 60 }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material25.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_material24 = require("@mui/material");
-var import_react_router_dom7 = require("react-router-dom");
+var import_react34 = require("react");
+var import_material26 = require("@mui/material");
+var import_react_router_dom8 = require("react-router-dom");
 
 // src/pages/configuracionLogin.ts
 var RUTA_POR_OMISION = "/new-pass";
@@ -5687,7 +6061,7 @@ 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_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -5695,9 +6069,9 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const [loginError, setLoginError] = (0, import_react32.useState)(null);
-  const [isSubmitting, setIsSubmitting] = (0, import_react32.useState)(false);
-  const estadoDeLaRuta = (0, import_react_router_dom7.useLocation)().state;
+  const [loginError, setLoginError] = (0, import_react34.useState)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react34.useState)(false);
+  const estadoDeLaRuta = (0, import_react_router_dom8.useLocation)().state;
   const claveCambiada = typeof estadoDeLaRuta === "object" && estadoDeLaRuta !== null && "claveCambiada" in estadoDeLaRuta && estadoDeLaRuta.claveCambiada === true;
   const rutaDeRecuperarClave2 = rutaParaRecuperarClave();
   const { setIsLoggedIn, checkSession, avisarCierreVoluntario } = useApp();
@@ -5745,16 +6119,16 @@ var LoginPage = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_material24.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_material26.Box,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
-        import_material24.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        import_material26.Box,
         {
           width: "100%",
           maxWidth: "400px",
@@ -5763,7 +6137,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -5771,8 +6145,8 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
               "form",
               {
                 onSubmit: handleSubmit(onSubmit),
@@ -5784,15 +6158,15 @@ var LoginPage = () => {
                   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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       import_react_hook_form.Controller,
                       {
                         name: "username",
                         control,
-                        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                          import_material24.TextField,
+                        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                          import_material26.TextField,
                           {
                             ...field,
                             type: "text",
@@ -5809,15 +6183,15 @@ var LoginPage = () => {
                       }
                     )
                   ] }),
-                  /* @__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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { htmlFor: "password", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                       import_react_hook_form.Controller,
                       {
                         name: "password",
                         control,
-                        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                          import_material24.TextField,
+                        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                          import_material26.TextField,
                           {
                             ...field,
                             type: "password",
@@ -5834,18 +6208,18 @@ var LoginPage = () => {
                       }
                     )
                   ] }),
-                  /* @__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 } }),
+                  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.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: [
+            rutaDeRecuperarClave2 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { sx: { mt: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.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_runtime33.jsx)(import_material26.Alert, { severity: "success", sx: { mt: 2 }, children: "La contrase\xF1a se cambi\xF3. Ingres\xE1 con la clave nueva." }),
+            loginError && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material26.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -5857,19 +6231,19 @@ var LoginPage = () => {
 var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
-var import_react33 = __toESM(require("react"), 1);
-var import_react_router_dom8 = require("react-router-dom");
-var import_material26 = require("@mui/material");
+var import_react35 = __toESM(require("react"), 1);
+var import_react_router_dom9 = require("react-router-dom");
+var import_material28 = require("@mui/material");
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-var import_material25 = require("@mui/material");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_material27 = require("@mui/material");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var SuccessDisplay = ({ data }) => {
-  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." })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material27.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Box, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -5883,22 +6257,22 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var ProcedureForm = () => {
-  const { procedureName } = (0, import_react_router_dom8.useParams)();
+  const { procedureName } = (0, import_react_router_dom9.useParams)();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
-  const [validationErrors, setValidationErrors] = (0, import_react33.useState)({});
-  const [successMessage, setSuccessMessage] = (0, import_react33.useState)(null);
-  const [executionLog, setExecutionLog] = (0, import_react33.useState)([]);
-  const [procedureResultData, setProcedureResultData] = (0, import_react33.useState)(null);
-  const procedure = (0, import_react33.useMemo)(() => {
+  const [validationErrors, setValidationErrors] = (0, import_react35.useState)({});
+  const [successMessage, setSuccessMessage] = (0, import_react35.useState)(null);
+  const [executionLog, setExecutionLog] = (0, import_react35.useState)([]);
+  const [procedureResultData, setProcedureResultData] = (0, import_react35.useState)(null);
+  const procedure = (0, import_react35.useMemo)(() => {
     if (procedureName && clientContext?.procedure) {
       return clientContext.procedure[procedureName];
     }
     return void 0;
   }, [procedureName, clientContext]);
-  const [formValues, setFormValues] = (0, import_react33.useState)(() => {
+  const [formValues, setFormValues] = (0, import_react35.useState)(() => {
     if (!procedure) return {};
     const initialValues = {};
     procedure.parameters.forEach((param) => {
@@ -5923,7 +6297,7 @@ var ProcedureForm = () => {
     });
     return initialValues;
   });
-  import_react33.default.useEffect(() => {
+  import_react35.default.useEffect(() => {
     if (procedure) {
       setValidationErrors({});
       setSuccessMessage(null);
@@ -5953,11 +6327,11 @@ var ProcedureForm = () => {
       setExecutionLog([]);
     }
   }, [procedure]);
-  const addLogMessage = (0, import_react33.useCallback)((message, isError = false) => {
+  const addLogMessage = (0, import_react35.useCallback)((message, isError = false) => {
     const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString("es-AR");
     setExecutionLog((prev) => [...prev, `[${timestamp}] ${isError ? "ERROR: " : ""}${message}`]);
   }, []);
-  const handleChange = (0, import_react33.useCallback)((e, child) => {
+  const handleChange = (0, import_react35.useCallback)((e, child) => {
     const { name, value } = e.target;
     let newValue = value;
     if (e.target.type === "checkbox") {
@@ -6079,7 +6453,7 @@ var ProcedureForm = () => {
       addLogMessage("Ejecuci\xF3n finalizada.");
     }
   };
-  const renderInputField = (0, import_react33.useCallback)((param) => {
+  const renderInputField = (0, import_react35.useCallback)((param) => {
     const hasError = !!validationErrors[param.name];
     const errorMessage = validationErrors[param.name];
     const commonProps = {
@@ -6098,10 +6472,10 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      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,
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+          import_material28.Select,
           {
             labelId: `${param.name}-label`,
             value: formValues[param.name] === void 0 ? "" : formValues[param.name],
@@ -6111,14 +6485,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!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))
+              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.MenuItem, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("em", { children: "Seleccione..." }) }),
+              param.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -6127,19 +6501,19 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "integer":
       case "bigint":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "boolean":
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_material26.FormControlLabel,
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_material28.FormControlLabel,
           {
-            control: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-              import_material26.Checkbox,
+            control: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              import_material28.Checkbox,
               {
                 checked: !!formValues[param.name],
                 onChange: handleChange,
@@ -6149,21 +6523,21 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.Typography, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_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" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_runtime32.jsx)(import_material26.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
-        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)(
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_runtime35.jsx)(
             "input",
             {
               type: "file",
@@ -6177,34 +6551,34 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
-  const ResultDisplayContent = (0, import_react33.useMemo)(() => {
+  const ResultDisplayContent = (0, import_react35.useMemo)(() => {
     if (!procedureResultData || !procedure?.resultOk) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ComponentToRender, { data: procedureResultData });
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ComponentToRender, { data: procedureResultData });
     } else {
-      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: [
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.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_runtime32.jsx)(import_material26.Box, { sx: {
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Box, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime32.jsxs)(import_material26.Box, { sx: {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Box, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -6214,13 +6588,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__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..." })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.CircularProgress, { sx: { mb: 2 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_runtime32.jsxs)(import_material26.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Box, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -6237,17 +6611,17 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, 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: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_runtime35.jsxs)(import_material28.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_runtime32.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: err }, idx)) })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { children: err }, idx)) })
       ] }),
-      !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,
+      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.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_runtime35.jsx)(import_material28.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("form", { onSubmit: handleSubmit, children: [
+        procedure.parameters.map((param) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { children: renderInputField(param) }, param.name)),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_material28.Button,
           {
             type: "submit",
             variant: "contained",
@@ -6255,20 +6629,20 @@ var ProcedureForm = () => {
             disabled: apiLoading || Object.values(validationErrors).some((err) => err !== null),
             sx: { mt: 2 },
             size: "medium",
-            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material26.CircularProgress, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.CircularProgress, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_material26.Box, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Box, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      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,
+      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Box, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Divider, { sx: { mb: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_material28.Box,
           {
             sx: {
               bgcolor: "grey.100",
@@ -6281,8 +6655,8 @@ var ProcedureForm = () => {
               fontSize: "0.75rem",
               whiteSpace: "pre-wrap"
             },
-            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-              import_material26.Typography,
+            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              import_material28.Typography,
               {
                 component: "pre",
                 sx: {
@@ -6307,17 +6681,17 @@ 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_dom9 = require("react-router-dom");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_react36 = require("react");
+var import_react_router_dom10 = require("react-router-dom");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var PrivateRoute = ({ children }) => {
-  const location = (0, import_react_router_dom9.useLocation)();
+  const location = (0, import_react_router_dom10.useLocation)();
   const dispatch = useAppDispatch();
   const clientContextStatus = useClientContextStatus();
   const isAuthenticated = clientContextStatus === "succeeded";
   const isLoadingAuth = clientContextStatus === "loading";
   console.log(`[PrivateRoute] Render: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     console.log(`[PrivateRoute] Effect: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
     if (!isAuthenticated && !isLoadingAuth && location.pathname !== "/login" && !huboCierreVoluntario()) {
       const path = location.pathname + location.search + location.hash;
@@ -6333,36 +6707,36 @@ var PrivateRoute = ({ children }) => {
   }, [isAuthenticated, isLoadingAuth, location, dispatch, clientContextStatus]);
   if (isLoadingAuth) {
     console.log(`[PrivateRoute] Returning loading state...`);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom9.Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_router_dom10.Navigate, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_jsx_runtime36.Fragment, { children });
 };
 var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
-var import_react35 = require("react");
-var import_react_router_dom10 = require("react-router-dom");
+var import_react37 = require("react");
+var import_react_router_dom11 = require("react-router-dom");
 var InitialRedirectHandler = () => {
-  const location = (0, import_react_router_dom10.useLocation)();
-  const navigate = (0, import_react_router_dom10.useNavigate)();
+  const location = (0, import_react_router_dom11.useLocation)();
+  const navigate = (0, import_react_router_dom11.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)(() => {
+  (0, import_react37.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
-  const navegandoRef = (0, import_react35.useRef)(false);
-  (0, import_react35.useEffect)(() => {
+  const navegandoRef = (0, import_react37.useRef)(false);
+  (0, import_react37.useEffect)(() => {
     navegandoRef.current = false;
   }, [location.pathname]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (clientContextStatus === "succeeded") {
       if (redirectPath && redirectPath !== "/login" && redirectUsername && redirectUsername !== username) {
         dispatch(setRedirectPath(null));
@@ -6382,26 +6756,26 @@ var InitialRedirectHandler = () => {
 var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
-var import_react36 = __toESM(require("react"), 1);
-var import_react_router_dom11 = require("react-router-dom");
-var import_material27 = require("@mui/material");
+var import_react38 = __toESM(require("react"), 1);
+var import_react_router_dom12 = require("react-router-dom");
+var import_material29 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = [],
   parametros: parametrosRecibidos
 }) => {
-  const { tableName: urlTableName } = (0, import_react_router_dom11.useParams)();
+  const { tableName: urlTableName } = (0, import_react_router_dom12.useParams)();
   const effectiveTableName = initialTableName || urlTableName;
-  const [tabs, setTabs] = (0, import_react36.useState)([]);
-  const [activeTabIdx, setActiveTabIdx] = (0, import_react36.useState)(0);
+  const [tabs, setTabs] = (0, import_react38.useState)([]);
+  const [activeTabIdx, setActiveTabIdx] = (0, import_react38.useState)(0);
   const ffKey = JSON.stringify(initialFixedFields);
-  const location = (0, import_react_router_dom11.useLocation)();
-  const parametros = (0, import_react36.useMemo)(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
+  const location = (0, import_react_router_dom12.useLocation)();
+  const parametros = (0, import_react38.useMemo)(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
   const fixedFieldsIniciales = initialFixedFields.length > 0 ? initialFixedFields : parametros.fixedFields ?? [];
   const parametrosKey = JSON.stringify(parametros);
-  import_react36.default.useEffect(() => {
+  import_react38.default.useEffect(() => {
     if (effectiveTableName) {
       setTabs([{
         id: `main-${effectiveTableName}-${ffKey}-${parametrosKey}`,
@@ -6415,7 +6789,7 @@ var GenericDataGridPage = ({
       setActiveTabIdx(0);
     }
   }, [effectiveTableName, ffKey, parametrosKey, location.key]);
-  const handleOpenDetail = (0, import_react36.useCallback)((tableName, fixedFields, label, ancestors) => {
+  const handleOpenDetail = (0, import_react38.useCallback)((tableName, fixedFields, label, ancestors) => {
     const tabId = `${tableName}-${JSON.stringify(fixedFields)}`;
     setTabs((prevTabs) => {
       const existingTabIdx = prevTabs.findIndex((t) => t.id === tabId);
@@ -6437,26 +6811,26 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    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_runtime37.jsx)(import_material29.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material29.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  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,
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material29.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material29.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material29.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_material29.Tab,
       {
-        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" }) })
+        label: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material29.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material29.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
+          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material29.IconButton, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_Close2.default, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
-    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_material27.Box,
+    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      import_material29.Box,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
         sx: { flexGrow: 1, display: activeTabIdx === index ? "flex" : "none", flexDirection: "column", overflow: "hidden" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           GenericDataGrid_default,
           {
             tableName: tab.tableName,
@@ -6477,27 +6851,27 @@ var GenericDataGridPage = ({
 var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
-var import_react37 = require("react");
-var import_react_router_dom12 = require("react-router-dom");
-var import_material28 = require("@mui/material");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_react_router_dom13 = require("react-router-dom");
+var import_material30 = require("@mui/material");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var PantallaDeRuta = ({ screenName }) => {
-  const [busqueda] = (0, import_react_router_dom12.useSearchParams)();
-  const params = (0, import_react37.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
+  const [busqueda] = (0, import_react_router_dom13.useSearchParams)();
+  const params = (0, import_react39.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material30.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
-var import_react38 = require("react");
-var import_react_router_dom13 = require("react-router-dom");
-var import_material29 = require("@mui/material");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_react_router_dom14 = require("react-router-dom");
+var import_material31 = require("@mui/material");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var MenuTablePage = () => {
-  const { "*": menuName } = (0, import_react_router_dom13.useParams)();
+  const { "*": menuName } = (0, import_react_router_dom14.useParams)();
   const { clientContext } = useApp();
-  const { search } = (0, import_react_router_dom13.useLocation)();
-  const { currentTableName, currentFixedFields, parametros } = (0, import_react38.useMemo)(() => {
+  const { search } = (0, import_react_router_dom14.useLocation)();
+  const { currentTableName, currentFixedFields, parametros } = (0, import_react40.useMemo)(() => {
     let tableName = void 0;
     let fixedFields = [];
     let parametros2 = {};
@@ -6518,12 +6892,12 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext, search]);
   if (!currentTableName) {
-    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_runtime39.jsx)(import_material31.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_material31.Alert, { severity: "error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material31.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material31.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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     GenericDataGridPage_default,
     {
       initialTableName: currentTableName,
@@ -6535,170 +6909,9 @@ var MenuTablePage = () => {
 var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
-var import_react40 = require("react");
-var import_react_router_dom14 = require("react-router-dom");
-var import_material31 = require("@mui/material");
-
-// src/puente/clienteBP.ts
-function extraerRecursos(html) {
-  const documento = new DOMParser().parseFromString(html, "text/html");
-  const referencias2 = (selector, atributo) => Array.from(documento.querySelectorAll(selector)).map((elemento) => elemento.getAttribute(atributo)).filter((ruta) => !!ruta);
-  return {
-    hojasDeEstilo: referencias2("link[rel=stylesheet]", "href"),
-    scripts: referencias2("script[src]", "src")
-  };
-}
-function fijarBase(urlBackend) {
-  const href = new URL(urlBackend.replace(/\/*$/, "/"), window.location.href).href;
-  let base = document.querySelector("base");
-  if (!base) {
-    base = document.createElement("base");
-    document.head.prepend(base);
-  }
-  base.href = href;
-}
-function cargarScript(ruta) {
-  return new Promise((resolver, rechazar) => {
-    const script = document.createElement("script");
-    script.async = false;
-    script.src = ruta;
-    script.onload = () => resolver();
-    script.onerror = () => rechazar(new Error(`No se pudo cargar ${ruta}`));
-    document.head.appendChild(script);
-  });
-}
-function esperarCargaDeVentana() {
-  if (document.readyState === "complete") return Promise.resolve();
-  return new Promise((resolver) => window.addEventListener("load", () => resolver(), { once: true }));
-}
-async function sinEscuchasDeVentana(tipos, inyectar) {
-  const original = window.addEventListener;
-  const filtrada = function(tipo, escucha, opciones) {
-    if (tipos.includes(tipo)) return;
-    original.call(this, tipo, escucha, opciones);
-  };
-  window.addEventListener = filtrada;
-  try {
-    return await inyectar();
-  } finally {
-    if (window.addEventListener === filtrada) window.addEventListener = original;
-  }
-}
-async function cargarScripts(rutas) {
-  for (const ruta of rutas) {
-    await cargarScript(ruta);
-  }
-}
-var carga = null;
-function cargarClienteBP(urlBackend) {
-  if (!carga) {
-    carga = cargarSinMemoria(urlBackend).catch((error) => {
-      carga = null;
-      throw error;
-    });
-  }
-  return carga;
-}
-async function cargarSinMemoria(urlBackend) {
-  const destino = new URL(urlBackend, window.location.href);
-  if (destino.origin !== window.location.origin) {
-    throw new Error(`El cliente de backend-plus solo se puede usar desde el mismo origen que el backend (${destino.origin} no es ${window.location.origin}).`);
-  }
-  fijarBase(urlBackend);
-  const respuesta = await fetch(`${destino.pathname.replace(/\/*$/, "")}/menu`, { credentials: "include" });
-  if (!respuesta.ok || /\/login\/?$/.test(new URL(respuesta.url).pathname)) {
-    throw new Error("No hay una sesi\xF3n iniciada en el backend.");
-  }
-  const recursos = extraerRecursos(await respuesta.text());
-  recursos.hojasDeEstilo.forEach((ruta) => {
-    const enlace = document.createElement("link");
-    enlace.rel = "stylesheet";
-    enlace.href = ruta;
-    document.head.appendChild(enlace);
-  });
-  await esperarCargaDeVentana();
-  await sinEscuchasDeVentana(["popstate"], () => cargarScripts(recursos.scripts));
-  const myOwn = window.myOwn;
-  if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
-  window.my = myOwn;
-  await myOwn.autoSetup();
-  return myOwn;
-}
-
-// src/puente/ConsolaBP.tsx
-var import_react39 = require("react");
-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) {
-    if (!(nodo instanceof HTMLElement)) continue;
-    const repetido = Array.from(consola.children).find(
-      (otro) => otro instanceof HTMLElement && otro !== nodo && otro.className === nodo.className && otro.textContent === nodo.textContent && ahora - Number(otro.dataset.instante) < MARGEN_DE_REPETIDO_MS
-    );
-    if (repetido) nodo.remove();
-    else nodo.dataset.instante = String(ahora);
-  }
-}
-var ConsolaBP = () => {
-  (0, import_react39.useEffect)(() => {
-    const consola = document.getElementById("mini-console");
-    if (!consola) return;
-    const observador = new MutationObserver(
-      (registros) => descartarRepetidos(consola, registros.flatMap((registro) => Array.from(registro.addedNodes)), Date.now())
-    );
-    observador.observe(consola, { childList: true });
-    return () => observador.disconnect();
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_material30.Box,
-    {
-      id: "mini-console",
-      sx: (tema) => ({
-        "&#mini-console": {
-          position: "fixed",
-          top: { xs: 64, sm: 72 },
-          left: "auto",
-          right: 16,
-          bottom: "auto",
-          float: "none",
-          zIndex: tema.zIndex.snackbar,
-          width: "auto",
-          minWidth: 0,
-          maxWidth: "min(480px, calc(100vw - 32px))",
-          minHeight: 0,
-          maxHeight: "none",
-          overflow: "visible",
-          padding: 0,
-          border: "none",
-          borderRadius: 0,
-          boxShadow: "none",
-          backgroundColor: "transparent",
-          fontSize: "inherit",
-          display: "flex",
-          flexDirection: "column",
-          gap: 1
-        },
-        "&#mini-console:not(:empty)": { display: "flex" },
-        "&#mini-console:empty": { display: "none" },
-        "& > div": {
-          p: "6px 12px",
-          borderRadius: 1,
-          boxShadow: tema.shadows[3],
-          fontSize: "0.875rem",
-          whiteSpace: "pre-wrap",
-          overflowWrap: "anywhere",
-          backgroundColor: tema.palette.grey[800],
-          color: tema.palette.common.white
-        },
-        "& > .status-error": {
-          backgroundColor: tema.palette.error.main,
-          color: tema.palette.error.contrastText
-        }
-      })
-    }
-  );
-};
+var import_react41 = require("react");
+var import_react_router_dom15 = require("react-router-dom");
+var import_material32 = require("@mui/material");
 
 // src/puente/pantallaDeBP.ts
 var RUTA_PANTALLA_BP = "/bp/menu";
@@ -6718,6 +6931,12 @@ function rutaDeEnlaceBP(href, baseDelDocumento, urlBackend) {
   const nombre = new URLSearchParams(texto).get("w");
   return nombre ? rutaDePantallaBP(nombre, texto) : null;
 }
+function rutaDeHashDeBP(href, baseDelDocumento) {
+  const enlace = new URL(href, baseDelDocumento);
+  if (enlace.origin !== new URL(baseDelDocumento).origin) return null;
+  const nombre = new URLSearchParams(enlace.hash.slice(1)).get("w");
+  return nombre ? rutaDePantallaBP(nombre, enlace.hash) : null;
+}
 function resolverPantallaBP(myOwn, nombre, contenedor) {
   const registrada = myOwn.wScreens[nombre];
   if (!registrada) return null;
@@ -6740,7 +6959,7 @@ function resolverPantallaBP(myOwn, nombre, contenedor) {
 }
 
 // src/puente/PantallaBP.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function buscarItemDeMenu(items, tipo) {
   for (const item of items) {
     if (item.menuType === tipo) return item;
@@ -6753,12 +6972,12 @@ function buscarItemDeMenu(items, tipo) {
 }
 var PantallaBP = ({ nombre, direccion }) => {
   const { clientContext } = useApp();
-  const [cargando, setCargando] = (0, import_react40.useState)(true);
-  const [error, setError] = (0, import_react40.useState)(null);
-  const [noExiste, setNoExiste] = (0, import_react40.useState)(false);
-  const contenedor = (0, import_react40.useRef)(null);
+  const [cargando, setCargando] = (0, import_react41.useState)(true);
+  const [error, setError] = (0, import_react41.useState)(null);
+  const [noExiste, setNoExiste] = (0, import_react41.useState)(false);
+  const contenedor = (0, import_react41.useRef)(null);
   const menu = clientContext.menu;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const elemento = contenedor.current;
     if (!elemento) return;
     let vigente = true;
@@ -6768,6 +6987,7 @@ var PantallaBP = ({ nombre, direccion }) => {
     cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
       if (!vigente) return;
       setCargando(false);
+      copiarSkinAlContenedor(elemento);
       const pantalla = resolverPantallaBP(myOwn, nombre, elemento);
       if (!pantalla) {
         setNoExiste(true);
@@ -6789,82 +7009,36 @@ var PantallaBP = ({ nombre, direccion }) => {
       elemento.replaceChildren();
     };
   }, [nombre, direccion, menu]);
-  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(FallbackWScreen, { screenName: nombre });
+  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime40.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_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, {})
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material32.Box, { className: CLASE_CONTENEDOR_BP, sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material32.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material32.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ConsolaBP, {})
     ] })
   );
 };
 var PantallaDeRespaldo = () => {
-  const { screenName = "" } = (0, import_react_router_dom14.useParams)();
-  const { search } = (0, import_react_router_dom14.useLocation)();
+  const { screenName = "" } = (0, import_react_router_dom15.useParams)();
+  const { search } = (0, import_react_router_dom15.useLocation)();
   if (!puenteBPHabilitado()) {
-    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_runtime40.jsx)(import_material32.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_router_dom14.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_router_dom15.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
-  const { hash, search } = (0, import_react_router_dom14.useLocation)();
+  const { hash, search } = (0, import_react_router_dom15.useLocation)();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
-  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: [
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_router_dom15.Navigate, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material32.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material32.Alert, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { children: "#w=..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("code", { children: "#w=..." }),
     ")."
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PantallaBP, { nombre, direccion }, nombre);
-};
-
-// src/puente/GrillaBP.tsx
-var import_react41 = require("react");
-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")
-);
-var GrillaBP = ({ tabla, fixedFields }) => {
-  const contenedor = (0, import_react41.useRef)(null);
-  const [cargando, setCargando] = (0, import_react41.useState)(true);
-  const [error, setError] = (0, import_react41.useState)(null);
-  const clave = JSON.stringify(fixedFields ?? []);
-  (0, import_react41.useEffect)(() => {
-    const elemento = contenedor.current;
-    if (!elemento) return;
-    let vigente = true;
-    setError(null);
-    setCargando(true);
-    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
-      if (!vigente) return;
-      setCargando(false);
-      elemento.replaceChildren();
-      myOwn.tableGrid(tabla, elemento, { fixedFields: JSON.parse(clave) });
-    }).catch((err) => {
-      if (!vigente) return;
-      setCargando(false);
-      setError(mensajeDeError(err));
-    });
-    return () => {
-      vigente = false;
-      elemento.replaceChildren();
-    };
-  }, [tabla, clave]);
-  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_dom15.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GrillaBP, { tabla: tableName }, tableName);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PantallaBP, { nombre, direccion }, nombre);
 };
 
 // src/puente/CapturaBP.tsx
@@ -6905,8 +7079,16 @@ function capturarNavegacionBP(urlBackend, navegar) {
     reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
   };
   history.replaceState = reemplazar;
+  const abrirOriginal = window.open;
+  const abrir = (url, destino, caracteristicas) => {
+    const direccion = url === void 0 || url === null ? null : String(url);
+    const ruta = direccion === null ? null : rutaDeEnlaceBP(direccion, document.baseURI, urlBackend) ?? rutaDeHashDeBP(direccion, document.baseURI);
+    return abrirOriginal.call(window, ruta === null ? url : window.location.origin + rutaBase + ruta, destino, caracteristicas);
+  };
+  window.open = abrir;
   return () => {
     if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
+    if (window.open === abrir) window.open = abrirOriginal;
     document.removeEventListener("click", alHacerClick, true);
     navegacion?.removeEventListener("navigate", alNavegar);
   };
@@ -6934,7 +7116,7 @@ function resultadoDeCambioDeClave(urlFinal, html) {
 }
 
 // src/pages/CambiarClavePage.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var CambiarClavePage = () => {
   const { clientContext, setIsLoggedIn, avisarCierreVoluntario } = useApp();
   const dispatch = (0, import_react_redux5.useDispatch)();
@@ -6975,10 +7157,10 @@ var CambiarClavePage = () => {
       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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.Box, { sx: { p: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material33.Box, { component: "form", onSubmit: enviar, sx: { width: "100%", maxWidth: 420 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.Typography, { variant: "h5", gutterBottom: true, children: "Cambiar contrase\xF1a" }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.TextField, { label: "Usuario", value: clientContext?.username ?? "", fullWidth: true, margin: "normal", disabled: true, autoComplete: "username" }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       import_material33.TextField,
       {
         label: "Contrase\xF1a actual",
@@ -6993,7 +7175,7 @@ var CambiarClavePage = () => {
         disabled: enviando
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       import_material33.TextField,
       {
         label: "Contrase\xF1a nueva",
@@ -7007,7 +7189,7 @@ var CambiarClavePage = () => {
         disabled: enviando
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       import_material33.TextField,
       {
         label: "Repetir contrase\xF1a nueva",
@@ -7021,19 +7203,19 @@ var CambiarClavePage = () => {
         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" })
+    error && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.Alert, { severity: "error", sx: { mt: 1, whiteSpace: "pre-line" }, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_material33.Box, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", mt: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.Button, { onClick: () => navigate(-1), disabled: enviando, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_material33.Button, { type: "submit", variant: "contained", disabled: enviando, children: enviando ? /* @__PURE__ */ (0, import_jsx_runtime41.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." })
+    /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var LocationTracker = () => {
   const location = (0, import_react_router_dom18.useLocation)();
   const dispatch = useAppDispatch();
@@ -7043,46 +7225,46 @@ var LocationTracker = () => {
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  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, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CapturaBP, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_router_dom18.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_router_dom18.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Outlet, {}), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LoginPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_router_dom18.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Layout, {}) }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/menu/*", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ProcedureForm_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/chpass", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CambiarClavePage_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           import_react_router_dom18.Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__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, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/bp/menu", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__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_runtime42.jsx)(import_react_router_dom18.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime42.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)(import_react_router_dom18.Navigate, { to: "/", replace: true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_router_dom18.Navigate, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  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, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_redux6.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react45.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react_router_dom18.BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SnackbarProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -7128,7 +7310,7 @@ var App = ({
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     FrontendPlusReactRoutes,
     {
       myRoutes,