frontend-plus-react 0.8.1 → 0.9.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/components/grid/GenericDataGrid.tsx
-import { useState as useState16, useEffect as useEffect6, useCallback as useCallback12, useContext as useContext4, useMemo as useMemo10, useRef as useRef7 } from "react";
+import { useState as useState17, useEffect as useEffect8, useCallback as useCallback12, useContext as useContext4, useMemo as useMemo10, useRef as useRef8 } from "react";
 import { DataGrid } from "react-data-grid";
 import "react-data-grid/lib/styles.css";
 
@@ -317,7 +317,7 @@ var useApiCallWithoutSnackbar = () => {
 };
 
 // src/components/grid/GenericDataGrid.tsx
-import { CircularProgress as CircularProgress4, Typography as Typography11, Box as Box13, Alert as Alert2, useTheme as useTheme4, Dialog as Dialog5 } from "@mui/material";
+import { CircularProgress as CircularProgress5, Typography as Typography11, Box as Box15, Alert as Alert3, useTheme as useTheme4, Dialog as Dialog5 } from "@mui/material";
 
 // src/store/index.ts
 import { configureStore, combineReducers } from "@reduxjs/toolkit";
@@ -1585,6 +1585,112 @@ var textoParaVer = (valor) => {
   return String(valor);
 };
 
+// src/components/grid/ExampleClientSideComponent.tsx
+import { Box as Box3, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ExampleClientSideComponent = ({ row, column, fieldDefinition }) => {
+  const value = row[column.key];
+  return /* @__PURE__ */ jsx6(Box3, { sx: {
+    padding: 0.5,
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: value === "Special" ? "lightblue" : "transparent"
+  }, children: /* @__PURE__ */ jsx6(Typography2, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
+};
+var ExampleClientSideComponent_default = ExampleClientSideComponent;
+
+// src/components/grid/FallbackClientSideRenderer.tsx
+import { Box as Box4, Typography as Typography3, Tooltip as Tooltip2 } from "@mui/material";
+import WarningAmberIcon2 from "@mui/icons-material/WarningAmber";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
+  const clientSideName = fieldDefinition?.clientSide || "Desconocido";
+  return /* @__PURE__ */ jsx7(Tooltip2, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ jsxs5(
+    Box4,
+    {
+      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__ */ jsx7(Typography3, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
+        /* @__PURE__ */ jsx7(
+          WarningAmberIcon2,
+          {
+            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
+import { jsx as jsx8 } from "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__ */ jsx8("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;
@@ -1615,7 +1721,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;
@@ -1746,7 +1852,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) {
@@ -1931,7 +2037,7 @@ import * as JSON4all2 from "json4all";
 var cambiarGuionesBajosPorEspacios = (texto) => texto.replace(/_/g, " ");
 
 // src/components/grid/renderers/headerCellRenderers.tsx
-import { Box as Box3, IconButton as IconButton2, Tooltip as Tooltip2, Typography as Typography2 } from "@mui/material";
+import { Box as Box5, IconButton as IconButton2, Tooltip as Tooltip3, Typography as Typography4 } from "@mui/material";
 import SearchIcon from "@mui/icons-material/Search";
 import SearchOffIcon from "@mui/icons-material/SearchOff";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
@@ -1989,7 +2095,7 @@ var VistaGrillaContext = createContext3({ isFilterRowVisible: false });
 var useVistaGrilla = () => useContext3(VistaGrillaContext);
 
 // src/components/grid/renderers/headerCellRenderers.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
   const { column, sortDirection, priority } = props;
   const isPrimaryKey = fieldDef.isPk;
@@ -2002,8 +2108,8 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
     return "#AAAAAA";
   };
   const sortColor = sorted ? getSortColor(sortIndex) : "transparent";
-  return /* @__PURE__ */ jsxs5(
-    Box3,
+  return /* @__PURE__ */ jsxs6(
+    Box5,
     {
       onClickCapture: (e) => {
         if (!e.altKey || !ocultarColumna) return;
@@ -2020,8 +2126,8 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
         width: "100%"
       },
       children: [
-        /* @__PURE__ */ jsx6(
-          Typography2,
+        /* @__PURE__ */ jsx9(
+          Typography4,
           {
             variant: "body2",
             sx: {
@@ -2038,7 +2144,7 @@ var defaultColumnHeaderCellRenderer = (props, fieldDef, ocultarColumna) => {
             children: column.name
           }
         ),
-        sorted && /* @__PURE__ */ jsx6(Box3, { sx: { color: sortColor, display: "flex", alignItems: "center", ml: 0.5, fontSize: "0.7rem" }, children: sortDirection === "ASC" ? "\u25B2" : "\u25BC" })
+        sorted && /* @__PURE__ */ jsx9(Box5, { sx: { color: sortColor, display: "flex", alignItems: "center", ml: 0.5, fontSize: "0.7rem" }, children: sortDirection === "ASC" ? "\u25B2" : "\u25BC" })
       ]
     }
   );
@@ -2050,43 +2156,43 @@ var ActionsColumnHeaderCell = ({
   allowInsert
 }) => {
   const { isFilterRowVisible } = useVistaGrilla();
-  return /* @__PURE__ */ jsxs5(Box3, { sx: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 0.2 }, children: [
-    allowInsert && /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6(Box5, { sx: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 0.2 }, children: [
+    allowInsert && /* @__PURE__ */ jsx9(
       IconButton2,
       {
         onClick: () => handleAddRow(),
         size: "small",
         title: "A\xF1adir registro",
         sx: { p: 0.25, color: "grey.800", "&:hover": { color: "success.main" } },
-        children: /* @__PURE__ */ jsx6(AddIcon, { sx: { fontSize: 18 } })
+        children: /* @__PURE__ */ jsx9(AddIcon, { sx: { fontSize: 18 } })
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx9(
       IconButton2,
       {
         onClick: toggleFilterVisibility,
         size: "small",
         title: isFilterRowVisible ? "Ocultar filtros" : "Mostrar filtros",
         sx: { p: 0.25, color: "grey.800" },
-        children: isFilterRowVisible ? /* @__PURE__ */ jsx6(SearchOffIcon, { sx: { fontSize: 18 } }) : /* @__PURE__ */ jsx6(SearchIcon, { sx: { fontSize: 18 } })
+        children: isFilterRowVisible ? /* @__PURE__ */ jsx9(SearchOffIcon, { sx: { fontSize: 18 } }) : /* @__PURE__ */ jsx9(SearchIcon, { sx: { fontSize: 18 } })
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx9(
       IconButton2,
       {
         onClick: (event) => handleDataGridOptions(event),
         size: "small",
         title: "Opciones de esta tabla",
         sx: { p: 0.25, color: "grey.800" },
-        children: /* @__PURE__ */ jsx6(MoreVertIcon, { sx: { fontSize: 20, variant: "filled", size: "small" } })
+        children: /* @__PURE__ */ jsx9(MoreVertIcon, { sx: { fontSize: 20, variant: "filled", size: "small" } })
       }
     )
   ] });
 };
-var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ jsx6(Tooltip2, { title: detailTable.label, children: /* @__PURE__ */ jsx6(Box3, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx6(Typography2, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) }) });
+var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ jsx9(Tooltip3, { title: detailTable.label, children: /* @__PURE__ */ jsx9(Box5, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx9(Typography4, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) }) });
 
 // src/components/grid/FilterInputRender.tsx
-import { InputBase as InputBase3, Box as Box4 } from "@mui/material";
+import { InputBase as InputBase3, Box as Box6 } from "@mui/material";
 import React10 from "react";
 
 // src/components/forms/TypedField.tsx
@@ -2113,8 +2219,8 @@ import SearchIcon2 from "@mui/icons-material/Search";
 
 // src/components/grid/MenuDeOpciones.tsx
 import { useEffect as useEffect3, useMemo as useMemo5, useRef as useRef4, useState as useState7 } from "react";
-import { InputBase, List as List2, ListItemButton as ListItemButton2, Popover as Popover2, Typography as Typography3 } from "@mui/material";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { InputBase, List as List2, ListItemButton as ListItemButton2, Popover as Popover2, Typography as Typography5 } from "@mui/material";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar }) {
   const [busqueda, setBusqueda] = useState7(busquedaInicial);
   const [indice, setIndice] = useState7(0);
@@ -2138,7 +2244,7 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     Popover2,
     {
       open: true,
@@ -2148,7 +2254,7 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
       slotProps: { paper: { sx: { minWidth: 300, maxWidth: 520 } } },
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx10(
           InputBase,
           {
             autoFocus: true,
@@ -2164,9 +2270,9 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
             inputProps: { "aria-label": "buscar" }
           }
         ),
-        /* @__PURE__ */ jsxs6(List2, { dense: true, disablePadding: true, sx: { maxHeight: 320, overflowY: "auto" }, role: "listbox", children: [
-          visibles.length === 0 && /* @__PURE__ */ jsx7(Typography3, { variant: "body2", sx: { p: 1, color: "text.secondary" }, children: "sin coincidencias" }),
-          visibles.map((opcion, i) => /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs7(List2, { dense: true, disablePadding: true, sx: { maxHeight: 320, overflowY: "auto" }, role: "listbox", children: [
+          visibles.length === 0 && /* @__PURE__ */ jsx10(Typography5, { variant: "body2", sx: { p: 1, color: "text.secondary" }, children: "sin coincidencias" }),
+          visibles.map((opcion, i) => /* @__PURE__ */ jsx10(
             ListItemButton2,
             {
               ref: i === indice ? elegida : null,
@@ -2174,7 +2280,7 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
               role: "option",
               onClick: () => onElegir(opcion.valor),
               sx: { gap: 2, py: 0.25, fontSize: "0.8rem" },
-              children: opcion.etiquetas.map((etiqueta, j) => /* @__PURE__ */ jsx7("span", { style: { fontWeight: j === 0 ? 600 : 400, minWidth: j === 0 ? 40 : void 0 }, children: etiqueta }, j))
+              children: opcion.etiquetas.map((etiqueta, j) => /* @__PURE__ */ jsx10("span", { style: { fontWeight: j === 0 ? 600 : 400, minWidth: j === 0 ? 40 : void 0 }, children: etiqueta }, j))
             },
             i
           ))
@@ -2186,8 +2292,8 @@ function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar
 
 // src/components/grid/SelectorDeFecha.tsx
 import { useState as useState8 } from "react";
-import { Button as Button2, IconButton as IconButton3, Popover as Popover3, Typography as Typography4 } from "@mui/material";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Button as Button2, IconButton as IconButton3, Popover as Popover3, Typography as Typography6 } from "@mui/material";
+import { jsx as jsx11, jsxs as jsxs8 } from "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;
@@ -2220,22 +2326,22 @@ function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ jsx8(Popover3, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs7("div", { tabIndex: 0, ref: (el) => el?.focus(), onKeyDown: alApretar, style: { padding: 8, outline: "none", width: 252 }, "aria-label": "calendario", children: [
-    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx8(IconButton3, { size: "small", "aria-label": "mes anterior", onClick: () => mover(0, -1), children: "\u2039" }),
-      /* @__PURE__ */ jsxs7(Typography4, { variant: "body2", sx: { fontWeight: 600 }, children: [
+  return /* @__PURE__ */ jsx11(Popover3, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs8("div", { tabIndex: 0, ref: (el) => el?.focus(), onKeyDown: alApretar, style: { padding: 8, outline: "none", width: 252 }, "aria-label": "calendario", children: [
+    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx11(IconButton3, { size: "small", "aria-label": "mes anterior", onClick: () => mover(0, -1), children: "\u2039" }),
+      /* @__PURE__ */ jsxs8(Typography6, { variant: "body2", sx: { fontWeight: 600 }, children: [
         MESES[cursor.mes],
         " ",
         cursor.anio
       ] }),
-      /* @__PURE__ */ jsx8(IconButton3, { size: "small", "aria-label": "mes siguiente", onClick: () => mover(0, 1), children: "\u203A" })
+      /* @__PURE__ */ jsx11(IconButton3, { size: "small", "aria-label": "mes siguiente", onClick: () => mover(0, 1), children: "\u203A" })
     ] }),
-    /* @__PURE__ */ jsxs7("table", { style: { borderCollapse: "collapse", width: "100%", textAlign: "center", fontSize: "0.8rem" }, children: [
-      /* @__PURE__ */ jsx8("thead", { children: /* @__PURE__ */ jsx8("tr", { children: DIAS.map((d) => /* @__PURE__ */ jsx8("th", { style: { fontWeight: 400, color: "#777" }, children: d }, d)) }) }),
-      /* @__PURE__ */ jsx8("tbody", { children: semanasDelMes(cursor.anio, cursor.mes).map((semana, i) => /* @__PURE__ */ jsx8("tr", { children: semana.map((dia) => {
+    /* @__PURE__ */ jsxs8("table", { style: { borderCollapse: "collapse", width: "100%", textAlign: "center", fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsx11("tr", { children: DIAS.map((d) => /* @__PURE__ */ jsx11("th", { style: { fontWeight: 400, color: "#777" }, children: d }, d)) }) }),
+      /* @__PURE__ */ jsx11("tbody", { children: semanasDelMes(cursor.anio, cursor.mes).map((semana, i) => /* @__PURE__ */ jsx11("tr", { children: semana.map((dia) => {
         const elegido = mismaFecha(dia, fechaActual);
         const enCursor = mismaFecha(dia, cursor);
-        return /* @__PURE__ */ jsx8("td", { style: { padding: 1 }, children: /* @__PURE__ */ jsx8(
+        return /* @__PURE__ */ jsx11("td", { style: { padding: 1 }, children: /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -2255,9 +2361,9 @@ function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar
         ) }, `${dia.mes}-${dia.dia}`);
       }) }, i)) })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 4 }, children: [
-      /* @__PURE__ */ jsx8(Button2, { size: "small", onClick: () => onElegir(fechaATexto(fechaDeHoy)), children: "hoy" }),
-      admiteNulo && /* @__PURE__ */ jsx8(Button2, { size: "small", onClick: () => onElegir(null), children: "vac\xEDo" })
+    /* @__PURE__ */ jsxs8("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 4 }, children: [
+      /* @__PURE__ */ jsx11(Button2, { size: "small", onClick: () => onElegir(fechaATexto(fechaDeHoy)), children: "hoy" }),
+      admiteNulo && /* @__PURE__ */ jsx11(Button2, { size: "small", onClick: () => onElegir(null), children: "vac\xEDo" })
     ] })
   ] }) });
 }
@@ -2265,7 +2371,7 @@ function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar
 // src/components/grid/VentanaDeTexto.tsx
 import { useState as useState9 } from "react";
 import { Button as Button3, InputBase as InputBase2, Popover as Popover4 } from "@mui/material";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
   const [valor, setValor] = useState9(texto);
   const alApretar = (evento) => {
@@ -2279,8 +2385,8 @@ function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
     evento.preventDefault();
     evento.stopPropagation();
   };
-  return /* @__PURE__ */ jsx9(Popover4, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs8("div", { style: { padding: 8, minWidth: 320, maxWidth: 640 }, children: [
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(Popover4, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ jsxs9("div", { style: { padding: 8, minWidth: 320, maxWidth: 640 }, children: [
+    /* @__PURE__ */ jsx12(
       InputBase2,
       {
         autoFocus: true,
@@ -2296,15 +2402,15 @@ function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
         inputProps: { "aria-label": "contenido de la celda" }
       }
     ),
-    editable && /* @__PURE__ */ jsxs8("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
-      /* @__PURE__ */ jsx9(Button3, { size: "small", onClick: onCerrar, children: "cancelar" }),
-      /* @__PURE__ */ jsx9(Button3, { size: "small", variant: "contained", onClick: () => onAceptar(valor), children: "aceptar" })
+    editable && /* @__PURE__ */ jsxs9("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
+      /* @__PURE__ */ jsx12(Button3, { size: "small", onClick: onCerrar, children: "cancelar" }),
+      /* @__PURE__ */ jsx12(Button3, { size: "small", variant: "contained", onClick: () => onAceptar(valor), children: "aceptar" })
     ] })
   ] }) });
 }
 
 // src/hooks/grid/useExpander.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var useExpander = ({ campo, editable, fila, admiteNulo, tipos, anclaje, textoActual, valorActual, alElegirValor, alConfirmarTexto, alFallar }) => {
   const [expansion, setExpansion] = useState10(null);
   const abierto = React8.useRef(false);
@@ -2350,7 +2456,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__ */ jsx10(
+  const lupa = tipo === null ? null : /* @__PURE__ */ jsx13(
     IconButton4,
     {
       size: "small",
@@ -2363,16 +2469,16 @@ 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__ */ jsx10(CalendarMonthIcon, { sx: { fontSize: 16 } }) : tipo === "texto" ? /* @__PURE__ */ jsx10(SearchIcon2, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx10(ArrowDropDownIcon, { sx: { fontSize: 20 } })
+      children: tipo === "fecha" ? /* @__PURE__ */ jsx13(CalendarMonthIcon, { sx: { fontSize: 16 } }) : tipo === "texto" ? /* @__PURE__ */ jsx13(SearchIcon2, { sx: { fontSize: 16 } }) : /* @__PURE__ */ jsx13(ArrowDropDownIcon, { sx: { fontSize: 20 } })
     }
   );
   const base = anclaje.current;
-  const ventana = !expansion || !base ? null : expansion.tipo === "opciones" ? /* @__PURE__ */ jsx10(MenuDeOpciones, { anclaje: base, opciones: expansion.opciones, busquedaInicial: expansion.busqueda, onElegir: elegirValor, onCerrar: cerrar }) : expansion.tipo === "fecha" ? /* @__PURE__ */ jsx10(SelectorDeFecha, { anclaje: base, fechaActual: fechaDeValor(valorActual), admiteNulo, onElegir: confirmarTexto, onCerrar: cerrar }) : /* @__PURE__ */ jsx10(VentanaDeTexto, { anclaje: base, texto: textoActual, editable: true, onAceptar: confirmarTexto, onCerrar: cerrar });
+  const ventana = !expansion || !base ? null : expansion.tipo === "opciones" ? /* @__PURE__ */ jsx13(MenuDeOpciones, { anclaje: base, opciones: expansion.opciones, busquedaInicial: expansion.busqueda, onElegir: elegirValor, onCerrar: cerrar }) : expansion.tipo === "fecha" ? /* @__PURE__ */ jsx13(SelectorDeFecha, { anclaje: base, fechaActual: fechaDeValor(valorActual), admiteNulo, onElegir: confirmarTexto, onCerrar: cerrar }) : /* @__PURE__ */ jsx13(VentanaDeTexto, { anclaje: base, texto: textoActual, editable: true, onAceptar: confirmarTexto, onCerrar: cerrar });
   return { tipo, abierto, abrir, manejarTecla, lupa, ventana };
 };
 
 // src/components/forms/TypedField.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode = false, feedback, isMandatory = false }) => {
   const theme = useTheme();
   const typer = useMemo6(() => typeStore3.typerFrom(fieldDef), [fieldDef]);
@@ -2500,28 +2606,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__ */ jsxs9(FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
-      !isFilterMode && /* @__PURE__ */ jsx11(InputLabel, { shrink: true, children: fieldDef.name }),
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
+      !isFilterMode && /* @__PURE__ */ jsx14(InputLabel, { shrink: true, children: fieldDef.name }),
+      /* @__PURE__ */ jsxs10(
         Select,
         {
           value: boolVal,
           label: !isFilterMode ? fieldDef.name : void 0,
           onChange: handleBooleanChange,
-          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ jsx11(InputAdornment, { position: "start", sx: { color: "text.secondary", ml: 0.5 }, children: "*" }) : void 0,
+          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ jsx14(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__ */ jsx11(MenuItem, { value: "", children: /* @__PURE__ */ jsx11("em", { children: "Nulo / Sin Especificar" }) }),
-            /* @__PURE__ */ jsx11(MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
-            /* @__PURE__ */ jsx11(MenuItem, { value: "false", children: "No (Falso)" })
+            fieldDef.nullable !== false && /* @__PURE__ */ jsx14(MenuItem, { value: "", children: /* @__PURE__ */ jsx14("em", { children: "Nulo / Sin Especificar" }) }),
+            /* @__PURE__ */ jsx14(MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
+            /* @__PURE__ */ jsx14(MenuItem, { value: "false", children: "No (Falso)" })
           ]
         }
       ),
-      errorMsg && !isFilterMode && /* @__PURE__ */ jsx11(FormHelperText, { children: errorMsg })
+      errorMsg && !isFilterMode && /* @__PURE__ */ jsx14(FormHelperText, { children: errorMsg })
     ] });
   }
   let inputType = "text";
@@ -2535,8 +2641,8 @@ 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__ */ jsxs9(Fragment3, { children: [
-    /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    /* @__PURE__ */ jsx14(
       TextField,
       {
         fullWidth: true,
@@ -2556,7 +2662,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__ */ jsx11(InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
+          startAdornment: /* @__PURE__ */ jsx14(InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
         } : {},
         inputProps: {
           style: {
@@ -2596,7 +2702,7 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
 };
 
 // src/components/grid/FilterInputRender.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function FilterInputRenderer({
   columnKey,
   currentFilter,
@@ -2621,8 +2727,8 @@ function FilterInputRenderer({
     };
     return (
       // como en backend-plus, el operador es un símbolo chico y el campo se queda con el resto del ancho
-      /* @__PURE__ */ jsxs10(Box4, { sx: { mt: 0, display: "flex", alignItems: "center", gap: "2px", width: "100%" }, children: [
-        /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs11(Box6, { sx: { mt: 0, display: "flex", alignItems: "center", gap: "2px", width: "100%" }, children: [
+        /* @__PURE__ */ jsx15(
           "select",
           {
             value: operator,
@@ -2641,10 +2747,10 @@ function FilterInputRenderer({
               textAlignLast: "center",
               cursor: "pointer"
             },
-            children: filterOperators.map((op) => /* @__PURE__ */ jsx12("option", { value: op.value, children: op.label }, op.value))
+            children: filterOperators.map((op) => /* @__PURE__ */ jsx15("option", { value: op.value, children: op.label }, op.value))
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx15(
           TypedField,
           {
             fieldDef,
@@ -2656,7 +2762,7 @@ function FilterInputRenderer({
       ] })
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx15(
     InputBase3,
     {
       value: currentFilter || "",
@@ -2682,15 +2788,15 @@ function FilterInputRenderer({
 var FilterInputRender_default = React10.memo(FilterInputRenderer);
 
 // src/components/grid/renderers/summaryCellRenderers.tsx
-import { Box as Box5 } from "@mui/material";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box7 } from "@mui/material";
+import { jsx as jsx16, jsxs as jsxs12 } from "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__ */ jsx13(Box5, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx16(Box7, { sx: { position: "absolute", inset: 0, display: "flex", alignItems: "center", px: "2px" }, children: /* @__PURE__ */ jsx16(
       FilterInputRender_default,
       {
         columnKey: column.key,
@@ -2732,7 +2838,7 @@ var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
       label = "Cant S\xED: ";
       break;
   }
-  return /* @__PURE__ */ jsxs11(Box5, { sx: {
+  return /* @__PURE__ */ jsxs12(Box7, { sx: {
     px: 0,
     fontWeight: "bold",
     fontSize: "0.875rem",
@@ -2755,80 +2861,7 @@ import { Box as Box8, IconButton as IconButton5, Tooltip as Tooltip4, useTheme a
 import ViewHeadlineIcon from "@mui/icons-material/ViewHeadline";
 import DeleteIcon from "@mui/icons-material/Delete";
 import AddIcon2 from "@mui/icons-material/Add";
-
-// src/components/grid/ExampleClientSideComponent.tsx
-import { Box as Box6, Typography as Typography5 } from "@mui/material";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var ExampleClientSideComponent = ({ row, column, fieldDefinition }) => {
-  const value = row[column.key];
-  return /* @__PURE__ */ jsx14(Box6, { sx: {
-    padding: 0.5,
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    alignItems: "center",
-    backgroundColor: value === "Special" ? "lightblue" : "transparent"
-  }, children: /* @__PURE__ */ jsx14(Typography5, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
-};
-var ExampleClientSideComponent_default = ExampleClientSideComponent;
-
-// src/components/grid/FallbackClientSideRenderer.tsx
-import { Box as Box7, Typography as Typography6, Tooltip as Tooltip3 } from "@mui/material";
-import WarningAmberIcon2 from "@mui/icons-material/WarningAmber";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
-  const clientSideName = fieldDefinition?.clientSide || "Desconocido";
-  return /* @__PURE__ */ jsx15(Tooltip3, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ jsxs12(
-    Box7,
-    {
-      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__ */ jsx15(Typography6, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
-        /* @__PURE__ */ jsx15(
-          WarningAmberIcon2,
-          {
-            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
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var CeldaDato = React11.memo(function CeldaDato2({ row, columnKey, defaultColumn }) {
   const theme = useTheme2();
   const { primaryKey, fixedFields, typer, isMandatory, isNumeric } = defaultColumn;
@@ -2850,7 +2883,7 @@ var CeldaDato = React11.memo(function CeldaDato2({ row, columnKey, defaultColumn
     displayValue = "* " + displayValue;
   }
   const signal = displayValue === "--" ? "typed-controls-signal-no-data" : displayValue === "//" ? "typed-controls-signal-unknown-data" : "";
-  const celda = /* @__PURE__ */ jsx16(
+  const celda = /* @__PURE__ */ jsx17(
     "div",
     {
       className: `fpr-celda ${isNumeric ? "fpr-celda-numerica" : ""} ${signal} ${row[NEW_ROW_INDICATOR] ? "new-row-cell-animation" : ""}`,
@@ -2858,30 +2891,30 @@ var CeldaDato = React11.memo(function CeldaDato2({ row, columnKey, defaultColumn
       children: displayValue
     }
   );
-  return currentCellFeedback?.message ? /* @__PURE__ */ jsx16(Tooltip4, { title: currentCellFeedback.message, children: celda }) : celda;
+  return currentCellFeedback?.message ? /* @__PURE__ */ jsx17(Tooltip4, { 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__ */ jsx16(CeldaDetalle, { fila: row }) : null;
+    return column.customType === "action" ? /* @__PURE__ */ jsx17(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__ */ jsx16(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+          return /* @__PURE__ */ jsx17(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
         }
-        return /* @__PURE__ */ jsx16(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+        return /* @__PURE__ */ jsx17(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
       }
-      return /* @__PURE__ */ jsx16(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
+      return /* @__PURE__ */ jsx17(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
     }
     case "detail": {
       const { detailTable, primaryKey } = column;
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         BotonDetalle,
         {
           row,
@@ -2916,14 +2949,14 @@ var allColumnsCellRenderer = (props) => {
           color: "primary"
         }
       ];
-      return /* @__PURE__ */ jsx16(Box8, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(Box8, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ jsx17(
         IconButton5,
         {
           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__ */ jsx16(actionDef.icon, { sx: { fontSize: 18 } })
+          children: /* @__PURE__ */ jsx17(actionDef.icon, { sx: { fontSize: 18 } })
         },
         actionDef.action
       ) : null) });
@@ -2989,7 +3022,7 @@ var useTableRecordSave = () => {
 import InputBase4 from "@mui/material/InputBase";
 import { Tooltip as Tooltip5, useTheme as useTheme3 } from "@mui/material";
 import typeStore4 from "type-store";
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function findChangedValues(oldRowData, newRowData, isNewRow) {
   let changes = [];
   for (const key in newRowData) {
@@ -3022,6 +3055,7 @@ function InputRenderer({
   const theme = useTheme3();
   const { showSuccess, showError } = useSnackbar();
   const { saveRecord } = useTableRecordSave();
+  const { callApi } = useApiCall();
   const rowId = getPrimaryKeyValues(row, primaryKey);
   const cellKey = `${rowId}-${column.key}`;
   const currentCellFeedback = useFeedbackCelda(cellKey);
@@ -3063,6 +3097,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) => {
@@ -3175,7 +3223,9 @@ function InputRenderer({
     setTableData,
     setLocalCellChanges,
     initialRowId,
-    typer
+    typer,
+    fieldDefinition,
+    callApi
   ]);
   const confirmarEnExpansion = useCallback10((nuevo) => {
     setEditingValue(nuevo);
@@ -3230,7 +3280,7 @@ function InputRenderer({
   }, [handleCommit, editingValue]);
   const isFieldEditable = fieldDefinition?.editable !== false;
   const isNumeric = isNumericType(fieldDefinition?.typeName);
-  const editor = /* @__PURE__ */ jsx17(
+  const editor = /* @__PURE__ */ jsx18(
     InputBase4,
     {
       autoFocus: true,
@@ -3270,12 +3320,12 @@ function InputRenderer({
     editor,
     expander.ventana
   ] });
-  return currentCellFeedback?.message ? /* @__PURE__ */ jsx17(Tooltip5, { title: currentCellFeedback.message, children: /* @__PURE__ */ jsx17("div", { style: { width: "100%" }, children: conMenu }) }) : conMenu;
+  return currentCellFeedback?.message ? /* @__PURE__ */ jsx18(Tooltip5, { title: currentCellFeedback.message, children: /* @__PURE__ */ jsx18("div", { style: { width: "100%" }, children: conMenu }) }) : conMenu;
 }
 var InputRenderer_default = InputRenderer;
 
 // src/components/grid/renderers/editCellRenderers.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var allColumnsEditCellRenderer = (props, allColumns) => {
   const column = props.column;
   if (!esColumnaPropia(column)) return void 0;
@@ -3297,7 +3347,7 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
         if (!isFieldEditableByUI) {
           return void 0;
         }
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           InputRenderer_default,
           {
             ...props,
@@ -3322,14 +3372,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;
@@ -3405,7 +3447,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,
@@ -3509,7 +3551,7 @@ import {
   Divider
 } from "@mui/material";
 import FileUploadIcon2 from "@mui/icons-material/FileUpload";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var ImportDialog = ({ open, onClose, onImport, loading }) => {
   const [file, setFile] = useState13(null);
   const [options, setOptions] = useState13({
@@ -3533,12 +3575,12 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
   };
   return /* @__PURE__ */ jsxs14(Dialog2, { open, onClose: loading ? void 0 : onClose, maxWidth: "sm", fullWidth: true, children: [
     /* @__PURE__ */ jsxs14(DialogTitle2, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ jsx19(FileUploadIcon2, { color: "primary" }),
+      /* @__PURE__ */ jsx20(FileUploadIcon2, { color: "primary" }),
       "Importar datos desde archivo"
     ] }),
-    /* @__PURE__ */ jsx19(DialogContent2, { dividers: true, children: /* @__PURE__ */ jsxs14(Stack, { spacing: 3, sx: { mt: 1 }, children: [
+    /* @__PURE__ */ jsx20(DialogContent2, { dividers: true, children: /* @__PURE__ */ jsxs14(Stack, { spacing: 3, sx: { mt: 1 }, children: [
       /* @__PURE__ */ jsxs14(Box9, { children: [
-        /* @__PURE__ */ jsx19(Typography7, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
+        /* @__PURE__ */ jsx20(Typography7, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
         /* @__PURE__ */ jsxs14(
           Box9,
           {
@@ -3552,7 +3594,7 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "input",
                 {
                   type: "file",
@@ -3569,19 +3611,19 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ jsx19(Typography7, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
+              /* @__PURE__ */ jsx20(Typography7, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx19(Divider, {}),
+      /* @__PURE__ */ jsx20(Divider, {}),
       /* @__PURE__ */ jsxs14(Box9, { children: [
-        /* @__PURE__ */ jsx19(Typography7, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
+        /* @__PURE__ */ jsx20(Typography7, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
         /* @__PURE__ */ jsxs14(Stack, { children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             FormControlLabel,
             {
-              control: /* @__PURE__ */ jsx19(
+              control: /* @__PURE__ */ jsx20(
                 Checkbox,
                 {
                   checked: options.skipUnknownFieldsAtImport,
@@ -3589,13 +3631,13 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ jsx19(Typography7, { variant: "body2", children: "Omitir campos desconocidos al importar" })
+              label: /* @__PURE__ */ jsx20(Typography7, { variant: "body2", children: "Omitir campos desconocidos al importar" })
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             FormControlLabel,
             {
-              control: /* @__PURE__ */ jsx19(
+              control: /* @__PURE__ */ jsx20(
                 Checkbox,
                 {
                   checked: options.simplificateSpaces,
@@ -3603,13 +3645,13 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ jsx19(Typography7, { variant: "body2", children: "Simplificar espacios" })
+              label: /* @__PURE__ */ jsx20(Typography7, { variant: "body2", children: "Simplificar espacios" })
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             FormControlLabel,
             {
-              control: /* @__PURE__ */ jsx19(
+              control: /* @__PURE__ */ jsx20(
                 Checkbox,
                 {
                   checked: options.replaceNewLineWithSpace,
@@ -3617,21 +3659,21 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ jsx19(Typography7, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
+              label: /* @__PURE__ */ jsx20(Typography7, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
             }
           )
         ] })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs14(DialogActions2, { sx: { px: 3, py: 2 }, children: [
-      /* @__PURE__ */ jsx19(Button4, { onClick: onClose, disabled: loading, children: "Cancelar" }),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(Button4, { onClick: onClose, disabled: loading, children: "Cancelar" }),
+      /* @__PURE__ */ jsx20(
         Button4,
         {
           onClick: handleConfirm,
           variant: "contained",
           disabled: !file || loading,
-          startIcon: /* @__PURE__ */ jsx19(FileUploadIcon2, {}),
+          startIcon: /* @__PURE__ */ jsx20(FileUploadIcon2, {}),
           children: loading ? "Procesando..." : "Confirmar Importaci\xF3n"
         }
       )
@@ -3660,7 +3702,7 @@ import {
 } from "@mui/material";
 import * as XLSX from "xlsx";
 import typeStore5 from "type-store";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var ExportDialog = ({
   open,
   onClose,
@@ -3806,47 +3848,47 @@ var ExportDialog = ({
     }, 0);
   };
   return /* @__PURE__ */ jsxs15(Dialog3, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
-    /* @__PURE__ */ jsx20(DialogTitle3, { children: "Exportar Datos" }),
-    /* @__PURE__ */ jsx20(DialogContent3, { children: isPreparing ? /* @__PURE__ */ jsxs15(Box10, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
-      /* @__PURE__ */ jsx20(CircularProgress2, {}),
-      /* @__PURE__ */ jsx20(Typography8, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
+    /* @__PURE__ */ jsx21(DialogTitle3, { children: "Exportar Datos" }),
+    /* @__PURE__ */ jsx21(DialogContent3, { children: isPreparing ? /* @__PURE__ */ jsxs15(Box10, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
+      /* @__PURE__ */ jsx21(CircularProgress2, {}),
+      /* @__PURE__ */ jsx21(Typography8, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
     ] }) : /* @__PURE__ */ jsxs15(Box10, { sx: { mt: 1 }, children: [
       /* @__PURE__ */ jsxs15(FormControl2, { component: "fieldset", children: [
-        /* @__PURE__ */ jsx20(FormLabel, { component: "legend", children: "Formato" }),
+        /* @__PURE__ */ jsx21(FormLabel, { component: "legend", children: "Formato" }),
         /* @__PURE__ */ jsxs15(
           RadioGroup,
           {
             value: format,
             onChange: (e) => setFormat(e.target.value),
             children: [
-              /* @__PURE__ */ jsx20(FormControlLabel2, { value: "xlsx", control: /* @__PURE__ */ jsx20(Radio, {}), label: "Excel (.xlsx)" }),
-              /* @__PURE__ */ jsx20(FormControlLabel2, { value: "tab", control: /* @__PURE__ */ jsx20(Radio, {}), label: "Tabulado (.tab | )" }),
-              /* @__PURE__ */ jsx20(FormControlLabel2, { value: "csv", control: /* @__PURE__ */ jsx20(Radio, {}), label: "CSV (.csv , )" })
+              /* @__PURE__ */ jsx21(FormControlLabel2, { value: "xlsx", control: /* @__PURE__ */ jsx21(Radio, {}), label: "Excel (.xlsx)" }),
+              /* @__PURE__ */ jsx21(FormControlLabel2, { value: "tab", control: /* @__PURE__ */ jsx21(Radio, {}), label: "Tabulado (.tab | )" }),
+              /* @__PURE__ */ jsx21(FormControlLabel2, { value: "csv", control: /* @__PURE__ */ jsx21(Radio, {}), label: "CSV (.csv , )" })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ jsxs15(Box10, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ jsx20(Typography8, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
+        /* @__PURE__ */ jsx21(Typography8, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
         /* @__PURE__ */ jsxs15(FormGroup, { children: [
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             FormControlLabel2,
             {
-              control: /* @__PURE__ */ jsx20(Checkbox2, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
+              control: /* @__PURE__ */ jsx21(Checkbox2, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
               label: "Desde otras tablas"
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             FormControlLabel2,
             {
-              control: /* @__PURE__ */ jsx20(Checkbox2, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
+              control: /* @__PURE__ */ jsx21(Checkbox2, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
               label: "Solo lectura"
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21(
             FormControlLabel2,
             {
-              control: /* @__PURE__ */ jsx20(Checkbox2, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
+              control: /* @__PURE__ */ jsx21(Checkbox2, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
               label: "Ocultos"
             }
           )
@@ -3854,27 +3896,27 @@ var ExportDialog = ({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs15(DialogActions3, { children: [
-      /* @__PURE__ */ jsx20(Button5, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
-      /* @__PURE__ */ jsx20(Button5, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
+      /* @__PURE__ */ jsx21(Button5, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
+      /* @__PURE__ */ jsx21(Button5, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
     ] })
   ] });
 };
 
 // src/components/grid/DialogoDeColumnas.tsx
 import { Box as Box11, Button as Button6, Dialog as Dialog4, DialogActions as DialogActions4, DialogContent as DialogContent4, DialogTitle as DialogTitle4, List as List3, ListItemButton as ListItemButton3, ListItemText as ListItemText2, Typography as Typography9 } from "@mui/material";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var DialogoDeColumnas = ({ open, onClose, columnas, ocultas, alternarColumna }) => {
   const lista = (titulo, nombres, idDeLista) => /* @__PURE__ */ jsxs16(Box11, { sx: { flex: 1, minWidth: 0 }, children: [
-    /* @__PURE__ */ jsx21(Typography9, { variant: "subtitle2", sx: { mb: 1 }, children: titulo }),
-    /* @__PURE__ */ jsx21(List3, { dense: true, "data-testid": idDeLista, sx: { maxHeight: 360, overflow: "auto", border: 1, borderColor: "divider", borderRadius: 1 }, children: nombres.map((nombre) => /* @__PURE__ */ jsx21(ListItemButton3, { onClick: () => alternarColumna(nombre), children: /* @__PURE__ */ jsx21(ListItemText2, { primary: nombre }) }, nombre)) })
+    /* @__PURE__ */ jsx22(Typography9, { variant: "subtitle2", sx: { mb: 1 }, children: titulo }),
+    /* @__PURE__ */ jsx22(List3, { dense: true, "data-testid": idDeLista, sx: { maxHeight: 360, overflow: "auto", border: 1, borderColor: "divider", borderRadius: 1 }, children: nombres.map((nombre) => /* @__PURE__ */ jsx22(ListItemButton3, { onClick: () => alternarColumna(nombre), children: /* @__PURE__ */ jsx22(ListItemText2, { primary: nombre }) }, nombre)) })
   ] });
   return /* @__PURE__ */ jsxs16(Dialog4, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
-    /* @__PURE__ */ jsx21(DialogTitle4, { children: "Ocultar o mostrar columnas" }),
-    /* @__PURE__ */ jsx21(DialogContent4, { children: /* @__PURE__ */ jsxs16(Box11, { sx: { display: "flex", gap: 2, pt: 1 }, children: [
+    /* @__PURE__ */ jsx22(DialogTitle4, { children: "Ocultar o mostrar columnas" }),
+    /* @__PURE__ */ jsx22(DialogContent4, { children: /* @__PURE__ */ jsxs16(Box11, { sx: { display: "flex", gap: 2, pt: 1 }, children: [
       lista("Columnas mostradas", columnas.filter((nombre) => !ocultas.has(nombre)), "columnas-mostradas"),
       lista("Columnas ocultas", columnas.filter((nombre) => ocultas.has(nombre)), "columnas-ocultas")
     ] }) }),
-    /* @__PURE__ */ jsx21(DialogActions4, { children: /* @__PURE__ */ jsx21(Button6, { onClick: onClose, children: "Cerrar" }) })
+    /* @__PURE__ */ jsx22(DialogActions4, { children: /* @__PURE__ */ jsx22(Button6, { onClick: onClose, children: "Cerrar" }) })
   ] });
 };
 
@@ -3892,7 +3934,7 @@ import {
   Typography as Typography10
 } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var SIN_OCULTAS = /* @__PURE__ */ new Set();
 var VerticalEditorPage = ({
   tableName,
@@ -4028,14 +4070,14 @@ var VerticalEditorPage = ({
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__PURE__ */ jsx22(IconButton6, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx22(CloseIcon, {}) })
+      /* @__PURE__ */ jsx23(IconButton6, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ jsx23(CloseIcon, {}) })
     ] }),
     /* @__PURE__ */ jsxs17(DialogContent5, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
-      globalError && /* @__PURE__ */ jsx22(Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
-      /* @__PURE__ */ jsx22(Box12, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.filter((field) => campoDibujable(field) && !columnasOcultas.has(field.name)).map((field) => {
+      globalError && /* @__PURE__ */ jsx23(Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
+      /* @__PURE__ */ jsx23(Box12, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.filter((field) => campoDibujable(field) && !columnasOcultas.has(field.name)).map((field) => {
         const isFixed = fixedFields?.some((ff) => ff.fieldName === field.name);
         const isMandatory = field.nullable === false || tableDefinition.primaryKey.includes(field.name);
-        return /* @__PURE__ */ jsx22(Box12, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsx22(
+        return /* @__PURE__ */ jsx23(Box12, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ jsx23(
           TypedField,
           {
             fieldDef: field,
@@ -4051,10 +4093,10 @@ var VerticalEditorPage = ({
     ] }),
     /* @__PURE__ */ jsxs17(DialogActions5, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsxs17(Box12, { children: [
-        isSaving && /* @__PURE__ */ jsx22(CircularProgress3, { size: 20, sx: { ml: 2 } }),
-        /* @__PURE__ */ jsx22("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
+        isSaving && /* @__PURE__ */ jsx23(CircularProgress3, { size: 20, sx: { ml: 2 } }),
+        /* @__PURE__ */ jsx23("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
       ] }),
-      /* @__PURE__ */ jsx22(Button7, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ jsx23(Button7, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
@@ -4126,99 +4168,435 @@ function fusionar(base, cambios) {
   return resultado;
 }
 
-// src/rutaBase.ts
-var baseDelBundler = import.meta.env?.BASE_URL ?? "/";
-var rutaBase = baseDelBundler.replace(/\/+$/, "");
-
-// src/components/grid/GenericDataGrid.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
-var SUMMARY_ROW_HEIGHT = 35;
-var FILTER_ROW_HEIGHT = 35;
-var HEADER_ROW_HEIGHT = 30;
-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 = useTheme4();
-  const { tableDefinition, row } = ancestor;
-  const columns = useMemo10(() => {
-    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__ */ jsx23(Box13, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx23(
-          Typography11,
-          {
-            variant: "caption",
-            sx: {
-              fontWeight: "bold",
-              textDecoration: isPrimaryKey ? "underline" : "none",
-              fontSize: "0.930rem"
-            },
-            children: field.label || cambiarGuionesBajosPorEspacios(field.name)
-          }
-        ) }),
-        renderCell: (props) => /* @__PURE__ */ jsx23(Box13, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx23(Typography11, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
-      };
-    });
-  }, [tableDefinition, fieldsToHide]);
-  return /* @__PURE__ */ jsxs18(Box13, { sx: {
-    mb: 1.5,
-    ml: index * 4,
-    // El primer ancestro (index 0) no tiene margen, los siguientes sí
-    border: "1px solid",
-    borderColor: "divider",
-    borderRadius: 1,
-    overflow: "hidden",
-    boxShadow: theme.shadows[1],
-    bgcolor: "background.paper"
-  }, children: [
-    /* @__PURE__ */ jsx23(Box13, { sx: {
-      bgcolor: "primary.main",
-      color: "primary.contrastText",
-      px: 1.5,
-      py: 0.5,
-      borderBottom: "1px solid",
-      borderColor: "divider",
-      display: "flex",
-      alignItems: "center",
-      fontWeight: "bold",
-      gap: 1
-    }, children: /* @__PURE__ */ jsx23(Typography11, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
-    /* @__PURE__ */ jsx23(
-      DataGrid,
-      {
-        className: "rdg-light",
-        columns,
-        rows: [row],
-        headerRowHeight: HEADER_ROW_HEIGHT,
-        rowHeight: ROW_HEIGHT,
-        rowKeyGetter: () => "single-row",
-        style: { height: 78 }
-      }
-    )
-  ] });
+// src/puente/habilitacion.ts
+var habilitado = false;
+var habilitarPuenteBP = () => {
+  habilitado = true;
 };
-var GenericDataGrid = ({
-  tableName,
+var puenteBPHabilitado = () => habilitado;
+
+// src/puente/GrillaBP.tsx
+import { useEffect as useEffect7, useRef as useRef7, useState as useState16 } from "react";
+import { useParams } from "react-router-dom";
+import { Alert as Alert2, Box as Box14, CircularProgress as CircularProgress4 } from "@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
+import { useEffect as useEffect6 } from "react";
+import { Box as Box13 } from "@mui/material";
+import { jsx as jsx24 } from "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 = () => {
+  useEffect6(() => {
+    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__ */ jsx24(
+    Box13,
+    {
+      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
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+var GrillaBP = ({ tabla, fixedFields }) => {
+  const contenedor = useRef7(null);
+  const [cargando, setCargando] = useState16(true);
+  const [error, setError] = useState16(null);
+  const clave = JSON.stringify(fixedFields ?? []);
+  useEffect7(() => {
+    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 (
+    // 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__ */ jsxs18(Box14, { className: CLASE_CONTENEDOR_BP, sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx25(CircularProgress4, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx25(Alert2, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx25("div", { ref: contenedor }),
+      /* @__PURE__ */ jsx25(ConsolaBP, {})
+    ] })
+  );
+};
+var PaginaGrillaBP = () => {
+  const { tableName = "" } = useParams();
+  return /* @__PURE__ */ jsx25(GrillaBP, { tabla: tableName }, tableName);
+};
+
+// src/rutaBase.ts
+var baseDelBundler = import.meta.env?.BASE_URL ?? "/";
+var rutaBase = baseDelBundler.replace(/\/+$/, "");
+
+// src/components/grid/GenericDataGrid.tsx
+import { jsx as jsx26, jsxs as jsxs19 } from "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 = useTheme4();
+  const { tableDefinition, row } = ancestor;
+  const columns = useMemo10(() => {
+    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__ */ jsx26(Box15, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx26(
+          Typography11,
+          {
+            variant: "caption",
+            sx: {
+              fontWeight: "bold",
+              textDecoration: isPrimaryKey ? "underline" : "none",
+              fontSize: "0.930rem"
+            },
+            children: field.label || cambiarGuionesBajosPorEspacios(field.name)
+          }
+        ) }),
+        renderCell: (props) => /* @__PURE__ */ jsx26(Box15, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx26(Typography11, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
+      };
+    });
+  }, [tableDefinition, fieldsToHide]);
+  return /* @__PURE__ */ jsxs19(Box15, { sx: {
+    mb: 1.5,
+    ml: index * 4,
+    // El primer ancestro (index 0) no tiene margen, los siguientes sí
+    border: "1px solid",
+    borderColor: "divider",
+    borderRadius: 1,
+    overflow: "hidden",
+    boxShadow: theme.shadows[1],
+    bgcolor: "background.paper"
+  }, children: [
+    /* @__PURE__ */ jsx26(Box15, { sx: {
+      bgcolor: "primary.main",
+      color: "primary.contrastText",
+      px: 1.5,
+      py: 0.5,
+      borderBottom: "1px solid",
+      borderColor: "divider",
+      display: "flex",
+      alignItems: "center",
+      fontWeight: "bold",
+      gap: 1
+    }, children: /* @__PURE__ */ jsx26(Typography11, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
+    /* @__PURE__ */ jsx26(
+      DataGrid,
+      {
+        className: "rdg-light",
+        columns,
+        rows: [row],
+        headerRowHeight: HEADER_ROW_HEIGHT,
+        rowHeight: ROW_HEIGHT,
+        rowKeyGetter: () => "single-row",
+        style: { height: 78 }
+      }
+    )
+  ] });
+};
+var GenericDataGrid = ({
+  tableName,
   fixedFields: fixedFieldsRecibidos,
   filterColumns: filterColumnsRecibidos,
   tableDef: tableDefRecibido,
@@ -4244,38 +4622,38 @@ var GenericDataGrid = ({
     // eslint-disable-line react-hooks/exhaustive-deps
   );
   const cacheHeredado = useContext4(CacheGrillasContext);
-  const [cachePropio] = useState16(() => /* @__PURE__ */ new Map());
+  const [cachePropio] = useState17(() => /* @__PURE__ */ new Map());
   const cache = cacheHeredado ?? cachePropio;
-  const [guardada] = useState16(() => claveCache ? cache.get(claveCache) : void 0);
-  const claveCargadaRef = useRef7(guardada ? `${tableName}|${claveFixedFields}|${claveParametros}` : null);
-  const [tableDefinition, setTableDefinition] = useState16(guardada?.tableDefinition ?? null);
-  const [tableData, setTableData] = useState16(guardada?.tableData ?? []);
-  const [cargandoInicial, setCargandoInicial] = useState16(!guardada);
-  const [errorDeCarga, setErrorDeCarga] = useState16(null);
-  const [anchosCalculados, setAnchosCalculados] = useState16(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
-  const [columnasOcultas, setColumnasOcultas] = useState16(() => guardada?.columnasOcultas ?? []);
-  const [openDialogoDeColumnas, setOpenDialogoDeColumnas] = useState16(false);
+  const [guardada] = useState17(() => claveCache ? cache.get(claveCache) : void 0);
+  const claveCargadaRef = useRef8(guardada ? `${tableName}|${claveFixedFields}|${claveParametros}` : null);
+  const [tableDefinition, setTableDefinition] = useState17(guardada?.tableDefinition ?? null);
+  const [tableData, setTableData] = useState17(guardada?.tableData ?? []);
+  const [cargandoInicial, setCargandoInicial] = useState17(!guardada);
+  const [errorDeCarga, setErrorDeCarga] = useState17(null);
+  const [anchosCalculados, setAnchosCalculados] = useState17(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
+  const [columnasOcultas, setColumnasOcultas] = useState17(() => guardada?.columnasOcultas ?? []);
+  const [openDialogoDeColumnas, setOpenDialogoDeColumnas] = useState17(false);
   const conjuntoDeOcultas = useMemo10(() => new Set(columnasOcultas), [columnasOcultas]);
   const ocultarColumna = useCallback12((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores : [...anteriores, columna]), []);
   const alternarColumna = useCallback12((columna) => setColumnasOcultas((anteriores) => anteriores.includes(columna) ? anteriores.filter((oculta) => oculta !== columna) : [...anteriores, columna]), []);
   const abrirDialogoDeColumnas = useCallback12(() => setOpenDialogoDeColumnas(true), []);
-  const [detallesAbiertos, setDetallesAbiertos] = useState16(guardada?.detallesAbiertos ?? []);
-  const [altosDetalle, setAltosDetalle] = useState16(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
-  const [anchosDetalle, setAnchosDetalle] = useState16(() => /* @__PURE__ */ new Map());
-  const [selectedRows, setSelectedRows] = useState16(() => /* @__PURE__ */ new Set());
-  const [, setSelectedCell] = useState16(void 0);
-  const [estadoGrilla] = useState16(crearEstadoGrilla);
+  const [detallesAbiertos, setDetallesAbiertos] = useState17(guardada?.detallesAbiertos ?? []);
+  const [altosDetalle, setAltosDetalle] = useState17(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
+  const [anchosDetalle, setAnchosDetalle] = useState17(() => /* @__PURE__ */ new Map());
+  const [selectedRows, setSelectedRows] = useState17(() => /* @__PURE__ */ new Set());
+  const [, setSelectedCell] = useState17(void 0);
+  const [estadoGrilla] = useState17(crearEstadoGrilla);
   const theme = useTheme4();
-  const [openDataGridOptions, setOpenDataGridOptions] = useState16(false);
-  const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = useState16(null);
-  const [exitingRowIds, setExitingRowIds] = useState16(/* @__PURE__ */ new Set());
+  const [openDataGridOptions, setOpenDataGridOptions] = useState17(false);
+  const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = useState17(null);
+  const [exitingRowIds, setExitingRowIds] = useState17(/* @__PURE__ */ new Set());
   const { showError } = useSnackbar();
   const { username: usuario } = useClientContext();
-  const dataGridRef = useRef7(null);
-  const rowAtEditStartRef = useRef7(null);
-  const [openImportDialog, setOpenImportDialog] = useState16(false);
-  const [openExportDialog, setOpenExportDialog] = useState16(false);
-  const [columnWidths, setColumnWidths] = useState16(() => /* @__PURE__ */ new Map());
+  const dataGridRef = useRef8(null);
+  const rowAtEditStartRef = useRef8(null);
+  const [openImportDialog, setOpenImportDialog] = useState17(false);
+  const [openExportDialog, setOpenExportDialog] = useState17(false);
+  const [columnWidths, setColumnWidths] = useState17(() => /* @__PURE__ */ new Map());
   const { callApi, callApiUpload, loading } = useApiCall();
   const primaryKey = useMemo10(() => {
     if (!tableDefinition) return ["id"];
@@ -4297,7 +4675,7 @@ var GenericDataGrid = ({
     resetView
   } = useGridDataView({ tableData, tableDefinition });
   const abiertos = useMemo10(() => new Set(detallesAbiertos), [detallesAbiertos]);
-  const filasDetalleRef = useRef7(/* @__PURE__ */ new Map());
+  const filasDetalleRef = useRef8(/* @__PURE__ */ new Map());
   const filasMostradas = useMemo10(() => {
     const detailTables = tableDefinition?.detailTables ?? [];
     if (abiertos.size === 0 || detailTables.length === 0) return filteredRows;
@@ -4372,7 +4750,7 @@ var GenericDataGrid = ({
     filasVisiblesMax,
     conPie
   });
-  const [contenidoDeCelda, setContenidoDeCelda] = useState16(null);
+  const [contenidoDeCelda, setContenidoDeCelda] = useState17(null);
   const verContenido = useCallback12((anclaje, texto) => setContenidoDeCelda({ anclaje, texto }), []);
   const cerrarContenidoDeCelda = useCallback12(() => {
     const anclaje = contenidoDeCelda?.anclaje;
@@ -4390,8 +4768,8 @@ var GenericDataGrid = ({
     setSortColumns,
     verContenido
   });
-  const tableNameAnteriorRef = useRef7(tableName);
-  useEffect6(() => {
+  const tableNameAnteriorRef = useRef8(tableName);
+  useEffect8(() => {
     if (tableNameAnteriorRef.current === tableName) return;
     tableNameAnteriorRef.current = tableName;
     setDetallesAbiertos([]);
@@ -4405,7 +4783,7 @@ var GenericDataGrid = ({
     setExitingRowIds(/* @__PURE__ */ new Set());
     setColumnWidths(/* @__PURE__ */ new Map());
   }, [tableName, estadoGrilla, resetView]);
-  useEffect6(() => {
+  useEffect8(() => {
     const claveCarga = `${tableName}|${claveFixedFields}|${claveParametros}`;
     if (claveCargadaRef.current === claveCarga) {
       if (guardada) setSortColumns(guardada.sortColumns);
@@ -4474,11 +4852,11 @@ var GenericDataGrid = ({
       vigente = false;
     };
   }, [tableName, claveFixedFields, fixedFields, claveParametros, parametros, showError, callApi, getInitialSortColumns, setSortColumns, aplicarFiltrosIniciales, guardada]);
-  useEffect6(() => {
+  useEffect8(() => {
     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]);
-  useEffect6(() => {
+  useEffect8(() => {
     let timer = null;
     const desuscribir = estadoGrilla.suscribir(() => {
       const hayExitos = Array.from(estadoGrilla.obtenerFeedback().values()).some((f) => f.type === "success");
@@ -4570,8 +4948,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] = useState16(null);
-  useEffect6(() => {
+  const [medidas, setMedidas] = useState17(null);
+  useEffect8(() => {
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
     const medir = () => setMedidas((anteriores) => {
@@ -4584,8 +4962,8 @@ var GenericDataGrid = ({
     return () => observador.disconnect();
   }, [tableDefinition, cargandoInicial]);
   const anchoVisible = medidas?.ancho ?? null;
-  const [altoDeVentana, setAltoDeVentana] = useState16(null);
-  useEffect6(() => {
+  const [altoDeVentana, setAltoDeVentana] = useState17(null);
+  useEffect8(() => {
     if (anidada) return;
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
@@ -4606,13 +4984,13 @@ var GenericDataGrid = ({
   }, [altoMaximoDetalleEfectivo]);
   const renderDetalle = useCallback12((fila) => {
     const { detailTable } = fila;
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx26(
       "div",
       {
         className: "fpr-detalle",
         style: { maxWidth: anchoVisible ? anchoVisible - 2 : void 0 },
         onKeyDown: (e) => e.stopPropagation(),
-        children: detailTable.table ? /* @__PURE__ */ jsx23(
+        children: detailTable.table ? /* @__PURE__ */ jsx26(
           GenericDataGrid,
           {
             tableName: detailTable.table,
@@ -4625,7 +5003,7 @@ var GenericDataGrid = ({
             onOpenDetail,
             ancestors: tableDefinition ? [...ancestors, { tableName: tableDefinition.name, row: fila.filaPadre, tableDefinition, fixedFields: fila.fixedFields }] : ancestors
           }
-        ) : detailTable.wScreen ? /* @__PURE__ */ jsx23(
+        ) : detailTable.wScreen ? /* @__PURE__ */ jsx26(
           DetalleWScreen,
           {
             fila,
@@ -4633,7 +5011,7 @@ var GenericDataGrid = ({
             onAlto: (alto) => cambiarAltoDetalle(fila.clave, alto),
             onAncho: (ancho) => cambiarAnchoDetalle(fila.clave, ancho)
           }
-        ) : /* @__PURE__ */ jsxs18(Alert2, { severity: "warning", children: [
+        ) : /* @__PURE__ */ jsxs19(Alert3, { severity: "warning", children: [
           "El detalle '",
           detailTable.abr,
           "' no tiene ni tabla ni wScreen."
@@ -4643,7 +5021,7 @@ var GenericDataGrid = ({
   }, [anchoVisible, claveCache, tableName, cambiarAltoDetalle, cambiarAnchoDetalle, altoMaximoDetalleEfectivo, onOpenDetail, tableDefinition, ancestors]);
   const detallesGrilla = useMemo10(() => ({ abiertos, alternarDetalle, renderDetalle }), [abiertos, alternarDetalle, renderDetalle]);
   const altoDeseado = cargandoInicial ? ALTO_INICIAL_DETALLE : gridHeight + ALTO_TITULO_ANIDADA + 8;
-  useEffect6(() => {
+  useEffect8(() => {
     onAltoDeseado?.(altoDeseado);
   }, [onAltoDeseado, altoDeseado]);
   const rowKeyGetter = useCallback12((row) => esFilaDetalle(row) ? `detalle:${row.clave}` : getPrimaryKeyValues(row, primaryKey), [primaryKey]);
@@ -4662,7 +5040,7 @@ 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]);
-  useEffect6(() => {
+  useEffect8(() => {
     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;
@@ -4680,19 +5058,22 @@ var GenericDataGrid = ({
   };
   const fallBackMessage = getFallBackMessage();
   if (cargandoInicial) {
-    return /* @__PURE__ */ jsxs18(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
-      /* @__PURE__ */ jsx23(CircularProgress4, {}),
-      /* @__PURE__ */ jsx23(Typography11, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
+    return /* @__PURE__ */ jsxs19(Box15, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ jsx26(CircularProgress5, {}),
+      /* @__PURE__ */ jsx26(Typography11, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
     ] });
   }
   if (errorDeCarga) {
-    return /* @__PURE__ */ jsx23(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx23(Alert2, { severity: "error", children: errorDeCarga }) });
+    return /* @__PURE__ */ jsx26(Box15, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx26(Alert3, { severity: "error", children: errorDeCarga }) });
   }
   if (!tableDefinition) {
-    return /* @__PURE__ */ jsx23(Box13, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx23(Alert2, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
+    return /* @__PURE__ */ jsx26(Box15, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsx26(Alert3, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
   }
-  return /* @__PURE__ */ jsx23(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ jsxs18(Box13, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoExterior, maxWidth: "100%" }, children: [
-    !anidada && ancestors.length > 0 && /* @__PURE__ */ jsx23(Box13, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ jsx23(
+  if (puenteBPHabilitado() && clientSidesSinImplementar(tableDefinition).length > 0) {
+    return /* @__PURE__ */ jsx26(Box15, { sx: { height: anidada ? void 0 : "100%", minHeight: 0, overflow: anidada ? void 0 : "auto", boxSizing: "border-box", p: 1 }, children: /* @__PURE__ */ jsx26(GrillaBP, { tabla: tableName, fixedFields }) });
+  }
+  return /* @__PURE__ */ jsx26(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ jsxs19(Box15, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoExterior, maxWidth: "100%" }, children: [
+    !anidada && ancestors.length > 0 && /* @__PURE__ */ jsx26(Box15, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ jsx26(
       StaticAncestorGrid,
       {
         ancestor,
@@ -4701,8 +5082,8 @@ var GenericDataGrid = ({
       },
       index
     )) }),
-    /* @__PURE__ */ jsxs18(
-      Box13,
+    /* @__PURE__ */ jsxs19(
+      Box15,
       {
         sx: {
           backgroundColor: theme.palette.primary.main,
@@ -4724,17 +5105,17 @@ var GenericDataGrid = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ jsxs18(Typography11, { variant: "subtitle2", component: "div", children: [
+          /* @__PURE__ */ jsxs19(Typography11, { variant: "subtitle2", component: "div", children: [
             titulo ?? cambiarGuionesBajosPorEspacios(tableDefinition.title || tableDefinition.name),
             " - ",
             filteredRows.length === tableData.length ? `${tableData.length} registros` : `${filteredRows.length} (F)`
           ] }),
-          loading && /* @__PURE__ */ jsx23(CircularProgress4, { size: 14, color: "inherit" })
+          loading && /* @__PURE__ */ jsx26(CircularProgress5, { size: 14, color: "inherit" })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs18(
-      Box13,
+    /* @__PURE__ */ jsxs19(
+      Box15,
       {
         sx: {
           // Una grilla anidada se acota con px (el alto que le dio la de arriba, o el de una wScreen): una wScreen
@@ -4752,7 +5133,7 @@ var GenericDataGrid = ({
           pb: anidada ? 0 : 3
         },
         children: [
-          /* @__PURE__ */ jsx23(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ jsx23(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ jsx23(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx26(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ jsx26(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ jsx26(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ jsx26(
             DataGrid,
             {
               className: "rdg-light",
@@ -4782,8 +5163,8 @@ var GenericDataGrid = ({
               onCellKeyDown: handleCellKeyDown
             }
           ) }) }) }),
-          fallBackMessage && /* @__PURE__ */ jsx23(
-            Box13,
+          fallBackMessage && /* @__PURE__ */ jsx26(
+            Box15,
             {
               sx: {
                 position: "absolute",
@@ -4799,13 +5180,13 @@ var GenericDataGrid = ({
                 zIndex: tableData.length === 0 ? 10 : 1
                 // Mantenemos el zIndex superior para el estado vacío total
               },
-              children: /* @__PURE__ */ jsx23(Typography11, { variant: "body2", color: "textSecondary", children: fallBackMessage })
+              children: /* @__PURE__ */ jsx26(Typography11, { variant: "body2", color: "textSecondary", children: fallBackMessage })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       ExportDialog,
       {
         open: openExportDialog,
@@ -4817,7 +5198,7 @@ var GenericDataGrid = ({
         username: usuario || "anonymous"
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       DialogoDeColumnas,
       {
         open: openDialogoDeColumnas,
@@ -4827,7 +5208,7 @@ var GenericDataGrid = ({
         alternarColumna
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       ConfirmDialog,
       {
         open: openConfirmDialog,
@@ -4836,7 +5217,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__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       DataGridOptionsDialog,
       {
         open: openDataGridOptions,
@@ -4845,7 +5226,7 @@ var GenericDataGrid = ({
         anchorEl: dataGridOptionsAnchorEl
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       ImportDialog,
       {
         open: openImportDialog,
@@ -4854,14 +5235,14 @@ var GenericDataGrid = ({
         loading
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx26(
       Dialog5,
       {
         open: openVerticalEditDialog,
         onClose: () => setOpenVerticalEditDialog(false),
         maxWidth: "sm",
         fullWidth: true,
-        children: rowToEditVertical && /* @__PURE__ */ jsx23(
+        children: rowToEditVertical && /* @__PURE__ */ jsx26(
           VerticalEditorPage,
           {
             tableName,
@@ -4907,7 +5288,7 @@ var GenericDataGrid = ({
         )
       }
     ),
-    contenidoDeCelda && /* @__PURE__ */ jsx23(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
+    contenidoDeCelda && /* @__PURE__ */ jsx26(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
   ] }) });
 };
 var GenericDataGrid_default = GenericDataGrid;
@@ -4917,10 +5298,10 @@ import React34, { useEffect as useEffect18, useMemo as useMemo17 } from "react";
 import { BrowserRouter, Routes, Route, useLocation as useLocation9, Navigate as Navigate4, Outlet as Outlet2 } from "react-router-dom";
 
 // src/components/MainLayout.tsx
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect11 } from "react";
 import { Outlet } from "react-router-dom";
 import {
-  Box as Box15,
+  Box as Box17,
   AppBar,
   Toolbar,
   Typography as Typography13,
@@ -4933,7 +5314,7 @@ import {
 } from "@mui/material";
 
 // src/contexts/AppContext.tsx
-import { createContext as createContext4, useContext as useContext5, useState as useState17, useEffect as useEffect7, useCallback as useCallback13, useMemo as useMemo11, useRef as useRef8 } from "react";
+import { createContext as createContext4, useContext as useContext5, useState as useState18, useEffect as useEffect9, useCallback as useCallback13, useMemo as useMemo11, useRef as useRef9 } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import { useSelector as useSelector2, useDispatch as useDispatch2 } from "react-redux";
 
@@ -4945,7 +5326,7 @@ var marcarCierreVoluntario = (activo) => {
 var huboCierreVoluntario = () => cierreVoluntario;
 
 // src/contexts/AppContext.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var AuthContext = createContext4(void 0);
 var useApp = () => {
   const context = useContext5(AuthContext);
@@ -4957,11 +5338,11 @@ var useApp = () => {
 };
 var AppProvider = ({ children, publicPaths = [] }) => {
   console.log("AppProvider rendered/re-rendered");
-  const [isLoggedIn, setIsLoggedIn] = useState17(false);
-  const [showSessionExpiredMessage, setShowSessionExpiredMessage] = useState17(false);
-  const isRedirectingRef = useRef8(false);
-  const huboSesionRef = useRef8(false);
-  const cierreVoluntarioRef = useRef8(false);
+  const [isLoggedIn, setIsLoggedIn] = useState18(false);
+  const [showSessionExpiredMessage, setShowSessionExpiredMessage] = useState18(false);
+  const isRedirectingRef = useRef9(false);
+  const huboSesionRef = useRef9(false);
+  const cierreVoluntarioRef = useRef9(false);
   const dispatch = useDispatch2();
   const clientContext = useSelector2((state) => state.clientContext);
   if (clientContext.status === "succeeded" && !cierreVoluntarioRef.current) huboSesionRef.current = true;
@@ -5029,7 +5410,7 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       }
     }
   }, [dispatch, clientContext.status, showSessionExpiredMessage, isCurrentPathPublic, limpiarContextoPorSesionPerdida]);
-  useEffect7(() => {
+  useEffect9(() => {
     checkSession();
     const intervalId = setInterval(checkSession, 15 * 1e3);
     return () => {
@@ -5053,7 +5434,7 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     handleExpiredSessionRedirect,
     avisarCierreVoluntario
   ]);
-  return /* @__PURE__ */ jsx24(AuthContext.Provider, { value: authContextValue, children });
+  return /* @__PURE__ */ jsx27(AuthContext.Provider, { value: authContextValue, children });
 };
 
 // src/components/MainLayout.tsx
@@ -5064,8 +5445,8 @@ import MenuIcon from "@mui/icons-material/Menu";
 import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 
 // src/components/SideMenu.tsx
-import React19, { useEffect as useEffect8, useMemo as useMemo12, useRef as useRef9, useState as useState18 } from "react";
-import { List as List4, ListItemButton as ListItemButton4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText3, Divider as Divider2, Box as Box14, Typography as Typography12, Collapse, TextField as TextField2, InputAdornment as InputAdornment2, IconButton as IconButton7 } from "@mui/material";
+import React21, { useEffect as useEffect10, useMemo as useMemo12, useRef as useRef10, useState as useState19 } from "react";
+import { List as List4, ListItemButton as ListItemButton4, ListItemIcon as ListItemIcon2, ListItemText as ListItemText3, Divider as Divider2, Box as Box16, Typography as Typography12, Collapse, TextField as TextField2, InputAdornment as InputAdornment2, IconButton as IconButton7 } from "@mui/material";
 import ExpandLess from "@mui/icons-material/ExpandLess";
 import ExpandMore from "@mui/icons-material/ExpandMore";
 import TableChartIcon from "@mui/icons-material/TableChart";
@@ -5078,13 +5459,6 @@ import ClearIcon from "@mui/icons-material/Clear";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
 import { blue, orange, teal, indigo, red } from "@mui/material/colors";
 
-// src/puente/habilitacion.ts
-var habilitado = false;
-var habilitarPuenteBP = () => {
-  habilitado = true;
-};
-var puenteBPHabilitado = () => habilitado;
-
 // src/utils/menuInicial.ts
 function rutaDeTablaDeMenu(camino) {
   return `/menu/${camino.map(encodeURIComponent).join("/")}`;
@@ -5165,22 +5539,22 @@ function buscarEnMenu(hojas, consulta) {
 }
 
 // src/components/SideMenu.tsx
-import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var CLAVE_RECIENTES = "fpr.menu.recientes";
 var MAXIMO_RECIENTES = 4;
 var getIcon = (item, destacado = false) => {
   switch (item.menuType) {
     case "table":
-      return /* @__PURE__ */ jsx25(TableChartIcon, { sx: destacado ? { color: blue[700] } : void 0 });
+      return /* @__PURE__ */ jsx28(TableChartIcon, { sx: destacado ? { color: blue[700] } : void 0 });
     case "proc":
-      return /* @__PURE__ */ jsx25(DnsIcon, { sx: destacado ? { color: teal[700] } : void 0 });
+      return /* @__PURE__ */ jsx28(DnsIcon, { sx: destacado ? { color: teal[700] } : void 0 });
     case "menu":
-      return /* @__PURE__ */ jsx25(FolderIcon, { sx: destacado ? { color: orange[800] } : void 0 });
+      return /* @__PURE__ */ jsx28(FolderIcon, { sx: destacado ? { color: orange[800] } : void 0 });
     default:
       if (wScreens[item.menuType] !== void 0 || puenteBPHabilitado()) {
-        return /* @__PURE__ */ jsx25(DesktopWindowsIcon, { sx: destacado ? { color: indigo[500] } : void 0 });
+        return /* @__PURE__ */ jsx28(DesktopWindowsIcon, { sx: destacado ? { color: indigo[500] } : void 0 });
       }
-      return /* @__PURE__ */ jsx25(WarningAmberIcon3, { sx: destacado ? { color: red[500] } : void 0 });
+      return /* @__PURE__ */ jsx28(WarningAmberIcon3, { sx: destacado ? { color: red[500] } : void 0 });
   }
 };
 var estaSeleccionado = (item, grupos, currentPath, hash = "") => {
@@ -5230,28 +5604,28 @@ var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }
     }
   };
   const isSelected = estaSeleccionado(item, grupos, location.pathname, location.hash);
-  const itemRef = React19.useRef(null);
-  useEffect8(() => {
+  const itemRef = React21.useRef(null);
+  useEffect10(() => {
     if (isSelected && itemRef.current) {
       itemRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelected]);
   const contenido = item.menuType === "menu" ? item.menuContent : [];
-  return /* @__PURE__ */ jsxs19("div", { ref: itemRef, children: [
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20("div", { ref: itemRef, children: [
+    /* @__PURE__ */ jsxs20(
       ListItemButton4,
       {
         onClick: handleClick,
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(item, isSelected || open) }),
-          /* @__PURE__ */ jsx25(ListItemText3, { primary: etiquetaDeItem(item) }),
-          item.menuType === "menu" ? open ? /* @__PURE__ */ jsx25(ExpandLess, {}) : /* @__PURE__ */ jsx25(ExpandMore, {}) : null
+          /* @__PURE__ */ jsx28(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(item, isSelected || open) }),
+          /* @__PURE__ */ jsx28(ListItemText3, { primary: etiquetaDeItem(item) }),
+          item.menuType === "menu" ? open ? /* @__PURE__ */ jsx28(ExpandLess, {}) : /* @__PURE__ */ jsx28(ExpandMore, {}) : null
         ]
       }
     ),
-    item.menuType === "menu" && /* @__PURE__ */ jsx25(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx25(List4, { component: "div", disablePadding: true, children: contenido.map((subItem) => /* @__PURE__ */ jsx25(
+    item.menuType === "menu" && /* @__PURE__ */ jsx28(Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ jsx28(List4, { component: "div", disablePadding: true, children: contenido.map((subItem) => /* @__PURE__ */ jsx28(
       MenuListItem,
       {
         item: subItem,
@@ -5265,13 +5639,13 @@ var MenuListItem = ({ item, level, grupos = [], hermanos = [], onMenuItemClick }
   ] });
 };
 var ItemPlano = ({ hoja, seleccionado, traerALaVista = false, onElegir }) => {
-  const boton = useRef9(null);
-  useEffect8(() => {
+  const boton = useRef10(null);
+  useEffect10(() => {
     if (traerALaVista && seleccionado) boton.current?.scrollIntoView({ block: "nearest" });
   }, [traerALaVista, seleccionado]);
-  return /* @__PURE__ */ jsxs19(ListItemButton4, { dense: true, selected: seleccionado, onClick: () => onElegir(hoja), ref: boton, children: [
-    /* @__PURE__ */ jsx25(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(hoja.item, seleccionado) }),
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs20(ListItemButton4, { dense: true, selected: seleccionado, onClick: () => onElegir(hoja), ref: boton, children: [
+    /* @__PURE__ */ jsx28(ListItemIcon2, { sx: { minWidth: "38px" }, children: getIcon(hoja.item, seleccionado) }),
+    /* @__PURE__ */ jsx28(
       ListItemText3,
       {
         primary: etiquetaDeItem(hoja.item),
@@ -5286,14 +5660,14 @@ var SideMenu = ({ onMenuItemClick }) => {
   const navigate = useNavigate2();
   const location = useLocation2();
   const dispatch = useAppDispatch();
-  const [consulta, setConsulta] = useState18("");
-  const [indice, setIndice] = useState18(0);
-  const [recientes, setRecientes] = useState18(leerRecientes);
-  const campoDeBusqueda = useRef9(null);
+  const [consulta, setConsulta] = useState19("");
+  const [indice, setIndice] = useState19(0);
+  const [recientes, setRecientes] = useState19(leerRecientes);
+  const campoDeBusqueda = useRef10(null);
   const menu = clientContext?.menu;
   const hojas = useMemo12(() => hojasDeMenu(menu ?? []), [menu]);
   const resultados = useMemo12(() => buscarEnMenu(hojas, consulta), [hojas, consulta]);
-  useEffect8(() => {
+  useEffect10(() => {
     const alApretar = (evento) => {
       if ((evento.ctrlKey || evento.metaKey) && !evento.altKey && !evento.shiftKey && evento.key.toLowerCase() === "k") {
         evento.preventDefault();
@@ -5307,7 +5681,7 @@ var SideMenu = ({ onMenuItemClick }) => {
     window.addEventListener("keydown", alApretar);
     return () => window.removeEventListener("keydown", alApretar);
   }, [dispatch]);
-  useEffect8(() => {
+  useEffect10(() => {
     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)))));
@@ -5319,7 +5693,7 @@ var SideMenu = ({ onMenuItemClick }) => {
     });
   }, [location.pathname, location.hash, hojas, dispatch]);
   if (!menu) {
-    return /* @__PURE__ */ jsx25(Box14, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx25(Typography12, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
+    return /* @__PURE__ */ jsx28(Box16, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx28(Typography12, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
   }
   const elegir = (hoja) => {
     navigate(rutaDeItemDeMenu(hoja.item, hoja.grupos));
@@ -5344,8 +5718,8 @@ var SideMenu = ({ onMenuItemClick }) => {
     }
   };
   const hojasRecientes = recientes.map((clave) => hojas.find((hoja) => hoja.clave === clave)).filter((hoja) => hoja !== void 0);
-  return /* @__PURE__ */ jsxs19(Box14, { sx: { width: "100%", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx25(Box14, { sx: { px: 1.5, py: 1, flexShrink: 0 }, children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs20(Box16, { sx: { width: "100%", flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx28(Box16, { sx: { px: 1.5, py: 1, flexShrink: 0 }, children: /* @__PURE__ */ jsx28(
       TextField2,
       {
         inputRef: campoDeBusqueda,
@@ -5361,19 +5735,19 @@ var SideMenu = ({ onMenuItemClick }) => {
         autoComplete: "off",
         sx: { "& .MuiInputBase-input": { fontSize: "0.8rem" } },
         InputProps: {
-          startAdornment: /* @__PURE__ */ jsx25(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx25(SearchIcon3, { fontSize: "small" }) }),
-          endAdornment: consulta !== "" ? /* @__PURE__ */ jsx25(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx25(IconButton7, { size: "small", "aria-label": "borrar b\xFAsqueda", edge: "end", onClick: () => {
+          startAdornment: /* @__PURE__ */ jsx28(InputAdornment2, { position: "start", children: /* @__PURE__ */ jsx28(SearchIcon3, { fontSize: "small" }) }),
+          endAdornment: consulta !== "" ? /* @__PURE__ */ jsx28(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx28(IconButton7, { size: "small", "aria-label": "borrar b\xFAsqueda", edge: "end", onClick: () => {
             setConsulta("");
             campoDeBusqueda.current?.focus();
-          }, children: /* @__PURE__ */ jsx25(ClearIcon, { fontSize: "small" }) }) }) : void 0
+          }, children: /* @__PURE__ */ jsx28(ClearIcon, { fontSize: "small" }) }) }) : void 0
         }
       }
     ) }),
-    /* @__PURE__ */ jsx25(Divider2, {}),
-    /* @__PURE__ */ jsx25(Box14, { sx: { flex: 1, minHeight: 0, overflowY: "auto" }, children: consulta.trim() !== "" ? resultados.length === 0 ? /* @__PURE__ */ jsx25(Box14, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx25(Typography12, { variant: "body2", color: "text.secondary", children: "Sin resultados" }) }) : /* @__PURE__ */ jsx25(List4, { children: resultados.map((hoja, i) => /* @__PURE__ */ jsx25(ItemPlano, { hoja, seleccionado: i === indice, traerALaVista: true, onElegir: elegir }, hoja.clave)) }) : /* @__PURE__ */ jsxs19(Fragment5, { children: [
-      hojasRecientes.length > 0 && /* @__PURE__ */ jsxs19(Fragment5, { children: [
-        /* @__PURE__ */ jsx25(Typography12, { variant: "overline", color: "text.secondary", sx: { display: "block", px: 2, pt: 1, lineHeight: 2 }, children: "Recientes" }),
-        /* @__PURE__ */ jsx25(List4, { disablePadding: true, children: hojasRecientes.map((hoja) => /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx28(Divider2, {}),
+    /* @__PURE__ */ jsx28(Box16, { sx: { flex: 1, minHeight: 0, overflowY: "auto" }, children: consulta.trim() !== "" ? resultados.length === 0 ? /* @__PURE__ */ jsx28(Box16, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx28(Typography12, { variant: "body2", color: "text.secondary", children: "Sin resultados" }) }) : /* @__PURE__ */ jsx28(List4, { children: resultados.map((hoja, i) => /* @__PURE__ */ jsx28(ItemPlano, { hoja, seleccionado: i === indice, traerALaVista: true, onElegir: elegir }, hoja.clave)) }) : /* @__PURE__ */ jsxs20(Fragment5, { children: [
+      hojasRecientes.length > 0 && /* @__PURE__ */ jsxs20(Fragment5, { children: [
+        /* @__PURE__ */ jsx28(Typography12, { variant: "overline", color: "text.secondary", sx: { display: "block", px: 2, pt: 1, lineHeight: 2 }, children: "Recientes" }),
+        /* @__PURE__ */ jsx28(List4, { disablePadding: true, children: hojasRecientes.map((hoja) => /* @__PURE__ */ jsx28(
           ItemPlano,
           {
             hoja,
@@ -5382,9 +5756,9 @@ var SideMenu = ({ onMenuItemClick }) => {
           },
           hoja.clave
         )) }),
-        /* @__PURE__ */ jsx25(Divider2, {})
+        /* @__PURE__ */ jsx28(Divider2, {})
       ] }),
-      /* @__PURE__ */ jsx25(List4, { children: menu.map((menuItem) => /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx28(List4, { children: menu.map((menuItem) => /* @__PURE__ */ jsx28(
         MenuListItem,
         {
           item: menuItem,
@@ -5430,7 +5804,7 @@ var useLogout = () => {
 var useLogout_default = useLogout;
 
 // src/components/MainLayout.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var drawerWidth = 240;
 var MainLayout = () => {
   const { clientContext } = useApp();
@@ -5440,7 +5814,7 @@ var MainLayout = () => {
   const dispatch = useAppDispatch();
   const theme = useTheme5();
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-  useEffect9(() => {
+  useEffect11(() => {
     if (isMobile && isDrawerOpen) {
       dispatch(setDrawerOpen(false));
     }
@@ -5454,11 +5828,11 @@ var MainLayout = () => {
     }
   };
   if (!clientContext) {
-    return /* @__PURE__ */ jsx26(Box15, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx26(Typography13, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
+    return /* @__PURE__ */ jsx29(Box17, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx29(Typography13, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  return /* @__PURE__ */ jsxs20(Box15, { sx: { display: "flex", height: "100vh" }, children: [
-    /* @__PURE__ */ jsx26(CssBaseline, {}),
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs21(Box17, { sx: { display: "flex", height: "100vh" }, children: [
+    /* @__PURE__ */ jsx29(CssBaseline, {}),
+    /* @__PURE__ */ jsx29(
       AppBar,
       {
         position: "fixed",
@@ -5477,8 +5851,8 @@ var MainLayout = () => {
             })
           }
         },
-        children: /* @__PURE__ */ jsxs20(Toolbar, { children: [
-          /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsxs21(Toolbar, { children: [
+          /* @__PURE__ */ jsx29(
             IconButton8,
             {
               color: "inherit",
@@ -5488,10 +5862,10 @@ var MainLayout = () => {
               sx: {
                 marginRight: 2
               },
-              children: isDrawerOpen ? /* @__PURE__ */ jsx26(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx26(MenuIcon, {})
+              children: isDrawerOpen ? /* @__PURE__ */ jsx29(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx29(MenuIcon, {})
             }
           ),
-          !isDrawerOpen && /* @__PURE__ */ jsx26(
+          !isDrawerOpen && /* @__PURE__ */ jsx29(
             "img",
             {
               src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5499,22 +5873,22 @@ var MainLayout = () => {
               style: { height: "32px", marginRight: "12px", objectFit: "contain" }
             }
           ),
-          /* @__PURE__ */ jsx26(Typography13, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
-          /* @__PURE__ */ jsx26(Typography13, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
-          /* @__PURE__ */ jsx26(IconButton8, { color: "inherit", title: "Cambiar contrase\xF1a", "aria-label": "cambiar contrase\xF1a", onClick: () => navigate("/chpass"), sx: { mr: 1 }, children: /* @__PURE__ */ jsx26(VpnKeyIcon, {}) }),
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx29(Typography13, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
+          /* @__PURE__ */ jsx29(Typography13, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
+          /* @__PURE__ */ jsx29(IconButton8, { color: "inherit", title: "Cambiar contrase\xF1a", "aria-label": "cambiar contrase\xF1a", onClick: () => navigate("/chpass"), sx: { mr: 1 }, children: /* @__PURE__ */ jsx29(VpnKeyIcon, {}) }),
+          /* @__PURE__ */ jsx29(
             Button8,
             {
               color: "inherit",
               onClick: logout,
-              startIcon: /* @__PURE__ */ jsx26(LogoutIcon, {}),
+              startIcon: /* @__PURE__ */ jsx29(LogoutIcon, {}),
               children: "Salir"
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs21(
       Drawer,
       {
         variant: "persistent",
@@ -5532,7 +5906,7 @@ var MainLayout = () => {
           }
         },
         children: [
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21(
             Toolbar,
             {
               sx: {
@@ -5547,7 +5921,7 @@ var MainLayout = () => {
                 gap: 1.5
               },
               children: [
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx29(
                   "img",
                   {
                     src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -5555,16 +5929,16 @@ var MainLayout = () => {
                     style: { height: "32px", objectFit: "contain" }
                   }
                 ),
-                /* @__PURE__ */ jsx26(Typography13, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
+                /* @__PURE__ */ jsx29(Typography13, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
               ]
             }
           ),
-          /* @__PURE__ */ jsx26(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
+          /* @__PURE__ */ jsx29(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs20(
-      Box15,
+    /* @__PURE__ */ jsxs21(
+      Box17,
       {
         component: "main",
         sx: {
@@ -5590,8 +5964,8 @@ var MainLayout = () => {
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
         children: [
-          /* @__PURE__ */ jsx26(Toolbar, {}),
-          /* @__PURE__ */ jsx26(Box15, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx26(Outlet, {}) })
+          /* @__PURE__ */ jsx29(Toolbar, {}),
+          /* @__PURE__ */ jsx29(Box17, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx29(Outlet, {}) })
         ]
       }
     )
@@ -5600,8 +5974,8 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-import { Box as Box16, Typography as Typography14, Button as Button9, Modal } from "@mui/material";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box18, Typography as Typography14, Button as Button9, Modal } from "@mui/material";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var style = {
   position: "absolute",
   top: "50%",
@@ -5620,7 +5994,7 @@ var SessionExpiredMessage = () => {
   const handleClose = () => {
     handleExpiredSessionRedirect();
   };
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx30(
     Modal,
     {
       open: showSessionExpiredMessage,
@@ -5640,10 +6014,10 @@ var SessionExpiredMessage = () => {
           }
         }
       },
-      children: /* @__PURE__ */ jsxs21(Box16, { sx: style, children: [
-        /* @__PURE__ */ jsx27(Typography14, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
-        /* @__PURE__ */ jsx27(Typography14, { id: "session-expired-modal-description", sx: { mt: 2, mb: 3 }, children: "Tu sesi\xF3n ha expirado por inactividad o por seguridad. Por favor, inicia sesi\xF3n de nuevo." }),
-        /* @__PURE__ */ jsx27(Button9, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
+      children: /* @__PURE__ */ jsxs22(Box18, { sx: style, children: [
+        /* @__PURE__ */ jsx30(Typography14, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
+        /* @__PURE__ */ jsx30(Typography14, { id: "session-expired-modal-description", sx: { mt: 2, mb: 3 }, children: "Tu sesi\xF3n ha expirado por inactividad o por seguridad. Por favor, inicia sesi\xF3n de nuevo." }),
+        /* @__PURE__ */ jsx30(Button9, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -5652,24 +6026,24 @@ var SessionExpiredMessage_default = SessionExpiredMessage;
 
 // src/pages/PantallaInicial.tsx
 import { Navigate } from "react-router-dom";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var PantallaInicial = () => {
   const { clientContext } = useApp();
   const item = clientContext.menu ? itemInicial(clientContext.menu) : void 0;
-  return item && clientContext.menu ? /* @__PURE__ */ jsx28(Navigate, { to: rutaDeItemDeMenu(item, gruposDeItem(clientContext.menu, item)), replace: true }) : null;
+  return item && clientContext.menu ? /* @__PURE__ */ jsx31(Navigate, { to: rutaDeItemDeMenu(item, gruposDeItem(clientContext.menu, item)), replace: true }) : null;
 };
 var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
-import { useEffect as useEffect10 } from "react";
-import { Box as Box17, Typography as Typography15, CircularProgress as CircularProgress5 } from "@mui/material";
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useEffect as useEffect12 } from "react";
+import { Box as Box19, Typography as Typography15, CircularProgress as CircularProgress6 } from "@mui/material";
+import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
 var LogoutPage = () => {
   const logout = useLogout_default();
-  useEffect10(() => {
+  useEffect12(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ jsxs22(Box17, { sx: {
+  return /* @__PURE__ */ jsxs23(Box19, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -5677,15 +6051,15 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__PURE__ */ jsx29(CircularProgress5, { size: 60 }),
-    /* @__PURE__ */ jsx29(Typography15, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__PURE__ */ jsx32(CircularProgress6, { size: 60 }),
+    /* @__PURE__ */ jsx32(Typography15, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
-import { useState as useState19 } from "react";
-import { Button as Button10, TextField as TextField3, Typography as Typography16, Alert as Alert3, AlertTitle, Box as Box18, CircularProgress as CircularProgress6, Link } from "@mui/material";
+import { useState as useState20 } from "react";
+import { Button as Button10, TextField as TextField3, Typography as Typography16, Alert as Alert4, AlertTitle, Box as Box20, CircularProgress as CircularProgress7, Link } from "@mui/material";
 import { useLocation as useLocation3 } from "react-router-dom";
 
 // src/pages/configuracionLogin.ts
@@ -5701,7 +6075,7 @@ import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import { useDispatch as useDispatch4 } from "react-redux";
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -5709,8 +6083,8 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const [loginError, setLoginError] = useState19(null);
-  const [isSubmitting, setIsSubmitting] = useState19(false);
+  const [loginError, setLoginError] = useState20(null);
+  const [isSubmitting, setIsSubmitting] = useState20(false);
   const estadoDeLaRuta = useLocation3().state;
   const claveCambiada = typeof estadoDeLaRuta === "object" && estadoDeLaRuta !== null && "claveCambiada" in estadoDeLaRuta && estadoDeLaRuta.claveCambiada === true;
   const rutaDeRecuperarClave2 = rutaParaRecuperarClave();
@@ -5759,16 +6133,16 @@ var LoginPage = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsx30(
-    Box18,
+  return /* @__PURE__ */ jsx33(
+    Box20,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ jsxs23(
-        Box18,
+      children: /* @__PURE__ */ jsxs24(
+        Box20,
         {
           width: "100%",
           maxWidth: "400px",
@@ -5777,7 +6151,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ jsx30(Box18, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx30(
+            /* @__PURE__ */ jsx33(Box20, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx33(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -5785,8 +6159,8 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ jsx30(Typography16, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsx33(Typography16, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__PURE__ */ jsxs24(
               "form",
               {
                 onSubmit: handleSubmit(onSubmit),
@@ -5798,14 +6172,14 @@ var LoginPage = () => {
                   if (!isSubmitting) void handleSubmit(onSubmit)();
                 },
                 children: [
-                  /* @__PURE__ */ jsxs23("div", { children: [
-                    /* @__PURE__ */ jsx30("label", { htmlFor: "username", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
-                    /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsxs24("div", { children: [
+                    /* @__PURE__ */ jsx33("label", { htmlFor: "username", children: /* @__PURE__ */ jsx33(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                    /* @__PURE__ */ jsx33(
                       Controller,
                       {
                         name: "username",
                         control,
-                        render: ({ field }) => /* @__PURE__ */ jsx30(
+                        render: ({ field }) => /* @__PURE__ */ jsx33(
                           TextField3,
                           {
                             ...field,
@@ -5823,14 +6197,14 @@ var LoginPage = () => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsxs23("div", { children: [
-                    /* @__PURE__ */ jsx30("label", { htmlFor: "password", children: /* @__PURE__ */ jsx30(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
-                    /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsxs24("div", { children: [
+                    /* @__PURE__ */ jsx33("label", { htmlFor: "password", children: /* @__PURE__ */ jsx33(Typography16, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                    /* @__PURE__ */ jsx33(
                       Controller,
                       {
                         name: "password",
                         control,
-                        render: ({ field }) => /* @__PURE__ */ jsx30(
+                        render: ({ field }) => /* @__PURE__ */ jsx33(
                           TextField3,
                           {
                             ...field,
@@ -5848,18 +6222,18 @@ var LoginPage = () => {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx30(Button10, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs23(Fragment6, { children: [
-                    /* @__PURE__ */ jsx30(CircularProgress6, { size: 20, sx: { mr: 1 } }),
+                  /* @__PURE__ */ jsx33(Button10, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
+                    /* @__PURE__ */ jsx33(CircularProgress7, { size: 20, sx: { mr: 1 } }),
                     "Iniciando sesi\xF3n..."
                   ] }) : "Iniciar Sesi\xF3n" })
                 ]
               }
             ),
-            rutaDeRecuperarClave2 && /* @__PURE__ */ jsx30(Box18, { sx: { mt: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx30(Link, { href: `${envConfig.backendUrl}${rutaDeRecuperarClave2}`, variant: "body2", underline: "hover", children: "Me olvid\xE9 la clave / es mi primer ingreso" }) }),
-            claveCambiada && !loginError && /* @__PURE__ */ jsx30(Alert3, { severity: "success", sx: { mt: 2 }, children: "La contrase\xF1a se cambi\xF3. Ingres\xE1 con la clave nueva." }),
-            loginError && /* @__PURE__ */ jsxs23(Alert3, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+            rutaDeRecuperarClave2 && /* @__PURE__ */ jsx33(Box20, { sx: { mt: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx33(Link, { href: `${envConfig.backendUrl}${rutaDeRecuperarClave2}`, variant: "body2", underline: "hover", children: "Me olvid\xE9 la clave / es mi primer ingreso" }) }),
+            claveCambiada && !loginError && /* @__PURE__ */ jsx33(Alert4, { severity: "success", sx: { mt: 2 }, children: "La contrase\xF1a se cambi\xF3. Ingres\xE1 con la clave nueva." }),
+            loginError && /* @__PURE__ */ jsxs24(Alert4, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
-              /* @__PURE__ */ jsx30(AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ jsx33(AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -5871,8 +6245,8 @@ var LoginPage = () => {
 var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
-import React23, { useState as useState20, useCallback as useCallback15, useMemo as useMemo13 } from "react";
-import { useParams } from "react-router-dom";
+import React25, { useState as useState21, useCallback as useCallback15, useMemo as useMemo13 } from "react";
+import { useParams as useParams2 } from "react-router-dom";
 import {
   TextField as TextField4,
   Button as Button11,
@@ -5884,22 +6258,22 @@ import {
   FormControlLabel as FormControlLabel3,
   FormHelperText as FormHelperText2,
   Typography as Typography18,
-  Box as Box20,
-  CircularProgress as CircularProgress7,
-  Alert as Alert4,
+  Box as Box22,
+  CircularProgress as CircularProgress8,
+  Alert as Alert5,
   Divider as Divider3,
   Paper as Paper4
 } from "@mui/material";
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-import { Box as Box19, Typography as Typography17, Paper as Paper3 } from "@mui/material";
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Box as Box21, Typography as Typography17, Paper as Paper3 } from "@mui/material";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ jsxs24(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ jsx31(Typography17, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ jsx31(Typography17, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ jsx31(Box19, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx31("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
-    /* @__PURE__ */ jsx31(Typography17, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  return /* @__PURE__ */ jsxs25(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ jsx34(Typography17, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ jsx34(Typography17, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ jsx34(Box21, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx34("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ jsx34(Typography17, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -5913,22 +6287,22 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var ProcedureForm = () => {
-  const { procedureName } = useParams();
+  const { procedureName } = useParams2();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
-  const [validationErrors, setValidationErrors] = useState20({});
-  const [successMessage, setSuccessMessage] = useState20(null);
-  const [executionLog, setExecutionLog] = useState20([]);
-  const [procedureResultData, setProcedureResultData] = useState20(null);
+  const [validationErrors, setValidationErrors] = useState21({});
+  const [successMessage, setSuccessMessage] = useState21(null);
+  const [executionLog, setExecutionLog] = useState21([]);
+  const [procedureResultData, setProcedureResultData] = useState21(null);
   const procedure = useMemo13(() => {
     if (procedureName && clientContext?.procedure) {
       return clientContext.procedure[procedureName];
     }
     return void 0;
   }, [procedureName, clientContext]);
-  const [formValues, setFormValues] = useState20(() => {
+  const [formValues, setFormValues] = useState21(() => {
     if (!procedure) return {};
     const initialValues = {};
     procedure.parameters.forEach((param) => {
@@ -5953,7 +6327,7 @@ var ProcedureForm = () => {
     });
     return initialValues;
   });
-  React23.useEffect(() => {
+  React25.useEffect(() => {
     if (procedure) {
       setValidationErrors({});
       setSuccessMessage(null);
@@ -6128,9 +6502,9 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ jsxs25(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
-        /* @__PURE__ */ jsx32(InputLabel2, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
-        /* @__PURE__ */ jsxs25(
+      return /* @__PURE__ */ jsxs26(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+        /* @__PURE__ */ jsx35(InputLabel2, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+        /* @__PURE__ */ jsxs26(
           Select2,
           {
             labelId: `${param.name}-label`,
@@ -6141,14 +6515,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ jsx32(Typography18, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ jsx35(Typography18, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ jsx32(MenuItem2, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ jsx32("em", { children: "Seleccione..." }) }),
-              param.options.map((option) => /* @__PURE__ */ jsx32(MenuItem2, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
+              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ jsx35(MenuItem2, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ jsx35("em", { children: "Seleccione..." }) }),
+              param.options.map((option) => /* @__PURE__ */ jsx35(MenuItem2, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ jsx32(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ jsx35(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -6157,18 +6531,18 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ jsx32(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx35(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ jsx32(TextField4, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx35(TextField4, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "integer":
       case "bigint":
-        return /* @__PURE__ */ jsx32(TextField4, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx35(TextField4, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "boolean":
-        return /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsx35(
           FormControlLabel3,
           {
-            control: /* @__PURE__ */ jsx32(
+            control: /* @__PURE__ */ jsx35(
               Checkbox3,
               {
                 checked: !!formValues[param.name],
@@ -6179,21 +6553,21 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ jsx32(Typography18, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ jsx35(Typography18, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
             sx: { mt: 1, mb: 0 }
           }
         );
       case "date":
       case "timestamp":
       case "time":
-        return /* @__PURE__ */ jsx32(TextField4, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ jsx35(TextField4, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
       case "jsonb":
       case "jsona":
-        return /* @__PURE__ */ jsx32(TextField4, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ jsx35(TextField4, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
-        return /* @__PURE__ */ jsxs25(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ jsx32(Typography18, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
-          /* @__PURE__ */ jsx32(
+        return /* @__PURE__ */ jsxs26(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
+          /* @__PURE__ */ jsx35(Typography18, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
+          /* @__PURE__ */ jsx35(
             "input",
             {
               type: "file",
@@ -6207,34 +6581,34 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ jsx32(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ jsx35(FormHelperText2, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ jsx32(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ jsx35(TextField4, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
   const ResultDisplayContent = useMemo13(() => {
     if (!procedureResultData || !procedure?.resultOk) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
-      return /* @__PURE__ */ jsx32(ComponentToRender, { data: procedureResultData });
+      return /* @__PURE__ */ jsx35(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ jsxs25(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ jsxs25(Typography18, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      return /* @__PURE__ */ jsxs26(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ jsxs26(Typography18, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
           "el componente para resolver el resultOk: '",
           procedure.resultOk,
           "' definido en el procedure no existe o no est\xE1 mapeado."
         ] }),
-        /* @__PURE__ */ jsx32(Box20, { sx: {
+        /* @__PURE__ */ jsx35(Box22, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
-        }, children: /* @__PURE__ */ jsx32("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
+        }, children: /* @__PURE__ */ jsx35("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
       ] });
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ jsxs25(Box20, { sx: {
+    return /* @__PURE__ */ jsxs26(Box22, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -6244,13 +6618,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ jsx32(CircularProgress7, { sx: { mb: 2 } }),
-      /* @__PURE__ */ jsx32(Typography18, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__PURE__ */ jsx35(CircularProgress8, { sx: { mb: 2 } }),
+      /* @__PURE__ */ jsx35(Typography18, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
     ] });
   }
   return (
     // Esta es la Box más externa que ahora controlará el scroll
-    /* @__PURE__ */ jsxs25(Box20, { sx: {
+    /* @__PURE__ */ jsxs26(Box22, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -6267,16 +6641,16 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, children: [
-      /* @__PURE__ */ jsx32(Typography18, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
-      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs25(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ jsx35(Typography18, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
+      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs26(Alert5, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
         "Por favor, corrige los errores en el formulario antes de enviar.",
-        /* @__PURE__ */ jsx32("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ jsx32("li", { children: err }, idx)) })
+        /* @__PURE__ */ jsx35("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ jsx35("li", { children: err }, idx)) })
       ] }),
-      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ jsx32(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
-      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ jsx32(Alert4, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
-      /* @__PURE__ */ jsxs25("form", { onSubmit: handleSubmit, children: [
-        procedure.parameters.map((param) => /* @__PURE__ */ jsx32("div", { children: renderInputField(param) }, param.name)),
-        /* @__PURE__ */ jsx32(
+      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ jsx35(Alert5, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
+      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ jsx35(Alert5, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      /* @__PURE__ */ jsxs26("form", { onSubmit: handleSubmit, children: [
+        procedure.parameters.map((param) => /* @__PURE__ */ jsx35("div", { children: renderInputField(param) }, param.name)),
+        /* @__PURE__ */ jsx35(
           Button11,
           {
             type: "submit",
@@ -6285,20 +6659,20 @@ var ProcedureForm = () => {
             disabled: apiLoading || Object.values(validationErrors).some((err) => err !== null),
             sx: { mt: 2 },
             size: "medium",
-            startIcon: apiLoading ? /* @__PURE__ */ jsx32(CircularProgress7, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ jsx35(CircularProgress8, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ jsxs25(Box20, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ jsxs26(Box22, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ jsxs25(Box20, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ jsx32(Divider3, { sx: { mb: 2 } }),
-        /* @__PURE__ */ jsx32(Typography18, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
-        /* @__PURE__ */ jsx32(
-          Box20,
+      executionLog.length > 0 && /* @__PURE__ */ jsxs26(Box22, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ jsx35(Divider3, { sx: { mb: 2 } }),
+        /* @__PURE__ */ jsx35(Typography18, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ jsx35(
+          Box22,
           {
             sx: {
               bgcolor: "grey.100",
@@ -6311,7 +6685,7 @@ var ProcedureForm = () => {
               fontSize: "0.75rem",
               whiteSpace: "pre-wrap"
             },
-            children: executionLog.map((log, index) => /* @__PURE__ */ jsx32(
+            children: executionLog.map((log, index) => /* @__PURE__ */ jsx35(
               Typography18,
               {
                 component: "pre",
@@ -6337,9 +6711,9 @@ import { Provider } from "react-redux";
 import { PersistGate } from "redux-persist/integration/react";
 
 // src/components/PrivateRoute.tsx
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { Navigate as Navigate2, useLocation as useLocation4 } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx33 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36 } from "react/jsx-runtime";
 var PrivateRoute = ({ children }) => {
   const location = useLocation4();
   const dispatch = useAppDispatch();
@@ -6347,7 +6721,7 @@ var PrivateRoute = ({ children }) => {
   const isAuthenticated = clientContextStatus === "succeeded";
   const isLoadingAuth = clientContextStatus === "loading";
   console.log(`[PrivateRoute] Render: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
-  useEffect11(() => {
+  useEffect13(() => {
     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;
@@ -6363,19 +6737,19 @@ var PrivateRoute = ({ children }) => {
   }, [isAuthenticated, isLoadingAuth, location, dispatch, clientContextStatus]);
   if (isLoadingAuth) {
     console.log(`[PrivateRoute] Returning loading state...`);
-    return /* @__PURE__ */ jsx33("p", { children: "Verificando autenticaci\xF3n..." });
+    return /* @__PURE__ */ jsx36("p", { children: "Verificando autenticaci\xF3n..." });
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ jsx33(Navigate2, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx36(Navigate2, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ jsx33(Fragment7, { children });
+  return /* @__PURE__ */ jsx36(Fragment7, { children });
 };
 var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
-import { useEffect as useEffect12, useRef as useRef10 } from "react";
+import { useEffect as useEffect14, useRef as useRef11 } from "react";
 import { useLocation as useLocation5, useNavigate as useNavigate5 } from "react-router-dom";
 var InitialRedirectHandler = () => {
   const location = useLocation5();
@@ -6385,14 +6759,14 @@ var InitialRedirectHandler = () => {
   const clientContextStatus = useClientContextStatus();
   const username = useAppSelector((state) => state.clientContext.username);
   const redirectUsername = useAppSelector((state) => state.router.redirectUsername);
-  useEffect12(() => {
+  useEffect14(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
-  const navegandoRef = useRef10(false);
-  useEffect12(() => {
+  const navegandoRef = useRef11(false);
+  useEffect14(() => {
     navegandoRef.current = false;
   }, [location.pathname]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (clientContextStatus === "succeeded") {
       if (redirectPath && redirectPath !== "/login" && redirectUsername && redirectUsername !== username) {
         dispatch(setRedirectPath(null));
@@ -6412,26 +6786,26 @@ var InitialRedirectHandler = () => {
 var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
-import React26, { useState as useState21, useCallback as useCallback16, useMemo as useMemo14 } from "react";
-import { useParams as useParams2, useLocation as useLocation6 } from "react-router-dom";
-import { Box as Box21, Alert as Alert5, Typography as Typography19, Tabs, Tab, IconButton as IconButton9 } from "@mui/material";
+import React28, { useState as useState22, useCallback as useCallback16, useMemo as useMemo14 } from "react";
+import { useParams as useParams3, useLocation as useLocation6 } from "react-router-dom";
+import { Box as Box23, Alert as Alert6, Typography as Typography19, Tabs, Tab, IconButton as IconButton9 } from "@mui/material";
 import CloseIcon2 from "@mui/icons-material/Close";
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = [],
   parametros: parametrosRecibidos
 }) => {
-  const { tableName: urlTableName } = useParams2();
+  const { tableName: urlTableName } = useParams3();
   const effectiveTableName = initialTableName || urlTableName;
-  const [tabs, setTabs] = useState21([]);
-  const [activeTabIdx, setActiveTabIdx] = useState21(0);
+  const [tabs, setTabs] = useState22([]);
+  const [activeTabIdx, setActiveTabIdx] = useState22(0);
   const ffKey = JSON.stringify(initialFixedFields);
   const location = useLocation6();
   const parametros = useMemo14(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
   const fixedFieldsIniciales = initialFixedFields.length > 0 ? initialFixedFields : parametros.fixedFields ?? [];
   const parametrosKey = JSON.stringify(parametros);
-  React26.useEffect(() => {
+  React28.useEffect(() => {
     if (effectiveTableName) {
       setTabs([{
         id: `main-${effectiveTableName}-${ffKey}-${parametrosKey}`,
@@ -6467,26 +6841,26 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ jsx34(Box21, { p: 3, children: /* @__PURE__ */ jsx34(Alert5, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    return /* @__PURE__ */ jsx37(Box23, { p: 3, children: /* @__PURE__ */ jsx37(Alert6, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  return /* @__PURE__ */ jsxs26(Box21, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx34(Box21, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx34(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsxs27(Box23, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx37(Box23, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx37(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx37(
       Tab,
       {
-        label: /* @__PURE__ */ jsxs26(Box21, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ jsx34(Typography19, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ jsx34(IconButton9, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx34(CloseIcon2, { fontSize: "inherit" }) })
+        label: /* @__PURE__ */ jsxs27(Box23, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsx37(Typography19, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
+          index !== 0 && /* @__PURE__ */ jsx37(IconButton9, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx37(CloseIcon2, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
-    tabs.map((tab, index) => /* @__PURE__ */ jsx34(
-      Box21,
+    tabs.map((tab, index) => /* @__PURE__ */ jsx37(
+      Box23,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
         sx: { flexGrow: 1, display: activeTabIdx === index ? "flex" : "none", flexDirection: "column", overflow: "hidden" },
-        children: /* @__PURE__ */ jsx34(
+        children: /* @__PURE__ */ jsx37(
           GenericDataGrid_default,
           {
             tableName: tab.tableName,
@@ -6509,22 +6883,22 @@ var GenericDataGridPage_default = GenericDataGridPage;
 // src/pages/PantallaDeRuta.tsx
 import { useMemo as useMemo15 } from "react";
 import { useSearchParams } from "react-router-dom";
-import { Box as Box22 } from "@mui/material";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { Box as Box24 } from "@mui/material";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var PantallaDeRuta = ({ screenName }) => {
   const [busqueda] = useSearchParams();
   const params = useMemo15(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
-  return /* @__PURE__ */ jsx35(Box22, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx35(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx35(FallbackWScreen, { screenName }) });
+  return /* @__PURE__ */ jsx38(Box24, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx38(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx38(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
 import { useMemo as useMemo16 } from "react";
-import { useLocation as useLocation7, useParams as useParams3 } from "react-router-dom";
-import { Box as Box23, Alert as Alert6, Typography as Typography20 } from "@mui/material";
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useLocation as useLocation7, useParams as useParams4 } from "react-router-dom";
+import { Box as Box25, Alert as Alert7, Typography as Typography20 } from "@mui/material";
+import { jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var MenuTablePage = () => {
-  const { "*": menuName } = useParams3();
+  const { "*": menuName } = useParams4();
   const { clientContext } = useApp();
   const { search } = useLocation7();
   const { currentTableName, currentFixedFields, parametros } = useMemo16(() => {
@@ -6548,12 +6922,12 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext, search]);
   if (!currentTableName) {
-    return /* @__PURE__ */ jsx36(Box23, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs27(Alert6, { severity: "error", children: [
-      /* @__PURE__ */ jsx36(Typography20, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ jsx36(Typography20, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
+    return /* @__PURE__ */ jsx39(Box25, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs28(Alert7, { severity: "error", children: [
+      /* @__PURE__ */ jsx39(Typography20, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ jsx39(Typography20, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     GenericDataGridPage_default,
     {
       initialTableName: currentTableName,
@@ -6565,170 +6939,9 @@ var MenuTablePage = () => {
 var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
-import { useEffect as useEffect15, useRef as useRef11, useState as useState22 } from "react";
-import { Navigate as Navigate3, useLocation as useLocation8, useParams as useParams4 } from "react-router-dom";
-import { Alert as Alert7, Box as Box25, CircularProgress as CircularProgress8 } from "@mui/material";
-
-// src/puente/clienteBP.ts
-function extraerRecursos(html) {
-  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
-import { useEffect as useEffect14 } from "react";
-import { Box as Box24 } from "@mui/material";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var MARGEN_DE_REPETIDO_MS = 1e3;
-function descartarRepetidos(consola, agregados, ahora) {
-  for (const nodo of agregados) {
-    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 = () => {
-  useEffect14(() => {
-    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__ */ jsx37(
-    Box24,
-    {
-      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
-        }
-      })
-    }
-  );
-};
+import { useEffect as useEffect16, useRef as useRef12, useState as useState23 } from "react";
+import { Navigate as Navigate3, useLocation as useLocation8, useParams as useParams5 } from "react-router-dom";
+import { Alert as Alert8, Box as Box26, CircularProgress as CircularProgress9 } from "@mui/material";
 
 // src/puente/pantallaDeBP.ts
 var RUTA_PANTALLA_BP = "/bp/menu";
@@ -6748,6 +6961,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;
@@ -6770,7 +6989,7 @@ function resolverPantallaBP(myOwn, nombre, contenedor) {
 }
 
 // src/puente/PantallaBP.tsx
-import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function buscarItemDeMenu(items, tipo) {
   for (const item of items) {
     if (item.menuType === tipo) return item;
@@ -6783,12 +7002,12 @@ function buscarItemDeMenu(items, tipo) {
 }
 var PantallaBP = ({ nombre, direccion }) => {
   const { clientContext } = useApp();
-  const [cargando, setCargando] = useState22(true);
-  const [error, setError] = useState22(null);
-  const [noExiste, setNoExiste] = useState22(false);
-  const contenedor = useRef11(null);
+  const [cargando, setCargando] = useState23(true);
+  const [error, setError] = useState23(null);
+  const [noExiste, setNoExiste] = useState23(false);
+  const contenedor = useRef12(null);
   const menu = clientContext.menu;
-  useEffect15(() => {
+  useEffect16(() => {
     const elemento = contenedor.current;
     if (!elemento) return;
     let vigente = true;
@@ -6798,6 +7017,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);
@@ -6819,82 +7039,36 @@ var PantallaBP = ({ nombre, direccion }) => {
       elemento.replaceChildren();
     };
   }, [nombre, direccion, menu]);
-  if (noExiste) return /* @__PURE__ */ jsx38(FallbackWScreen, { screenName: nombre });
+  if (noExiste) return /* @__PURE__ */ jsx40(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__ */ jsxs28(Box25, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ jsx38(CircularProgress8, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ jsx38(Alert7, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ jsx38("div", { id: "main_layout", ref: contenedor }),
-      /* @__PURE__ */ jsx38(ConsolaBP, {})
+    /* @__PURE__ */ jsxs29(Box26, { className: CLASE_CONTENEDOR_BP, sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx40(CircularProgress9, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx40(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx40("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ jsx40(ConsolaBP, {})
     ] })
   );
 };
 var PantallaDeRespaldo = () => {
-  const { screenName = "" } = useParams4();
+  const { screenName = "" } = useParams5();
   const { search } = useLocation8();
   if (!puenteBPHabilitado()) {
-    return /* @__PURE__ */ jsx38(Box25, { sx: { p: 3 }, children: /* @__PURE__ */ jsx38(FallbackWScreen, { screenName }) });
+    return /* @__PURE__ */ jsx40(Box26, { sx: { p: 3 }, children: /* @__PURE__ */ jsx40(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ jsx38(Navigate3, { to: rutaDePantallaBP(screenName, search), replace: true });
+  return /* @__PURE__ */ jsx40(Navigate3, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
   const { hash, search } = useLocation8();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
-  if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx38(Navigate3, { to: "/", replace: true });
-  if (!nombre) return /* @__PURE__ */ jsx38(Box25, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs28(Alert7, { severity: "warning", children: [
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx40(Navigate3, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ jsx40(Box26, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs29(Alert8, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
-    /* @__PURE__ */ jsx38("code", { children: "#w=..." }),
+    /* @__PURE__ */ jsx40("code", { children: "#w=..." }),
     ")."
   ] }) });
-  return /* @__PURE__ */ jsx38(PantallaBP, { nombre, direccion }, nombre);
-};
-
-// src/puente/GrillaBP.tsx
-import { useEffect as useEffect16, useRef as useRef12, useState as useState23 } from "react";
-import { useParams as useParams5 } from "react-router-dom";
-import { Alert as Alert8, Box as Box26, CircularProgress as CircularProgress9 } from "@mui/material";
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
-var GrillaBP = ({ tabla, fixedFields }) => {
-  const contenedor = useRef12(null);
-  const [cargando, setCargando] = useState23(true);
-  const [error, setError] = useState23(null);
-  const clave = JSON.stringify(fixedFields ?? []);
-  useEffect16(() => {
-    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 (
-    // 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__ */ jsxs29(Box26, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ jsx39(CircularProgress9, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ jsx39(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ jsx39("div", { ref: contenedor }),
-      /* @__PURE__ */ jsx39(ConsolaBP, {})
-    ] })
-  );
-};
-var PaginaGrillaBP = () => {
-  const { tableName = "" } = useParams5();
-  return /* @__PURE__ */ jsx39(GrillaBP, { tabla: tableName }, tableName);
+  return /* @__PURE__ */ jsx40(PantallaBP, { nombre, direccion }, nombre);
 };
 
 // src/puente/CapturaBP.tsx
@@ -6935,8 +7109,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);
   };
@@ -6964,7 +7146,7 @@ function resultadoDeCambioDeClave(urlFinal, html) {
 }
 
 // src/pages/CambiarClavePage.tsx
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 var CambiarClavePage = () => {
   const { clientContext, setIsLoggedIn, avisarCierreVoluntario } = useApp();
   const dispatch = useDispatch5();
@@ -7005,10 +7187,10 @@ var CambiarClavePage = () => {
       setEnviando(false);
     }
   };
-  return /* @__PURE__ */ jsx40(Box27, { sx: { p: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs30(Box27, { component: "form", onSubmit: enviar, sx: { width: "100%", maxWidth: 420 }, children: [
-    /* @__PURE__ */ jsx40(Typography21, { variant: "h5", gutterBottom: true, children: "Cambiar contrase\xF1a" }),
-    /* @__PURE__ */ jsx40(TextField5, { label: "Usuario", value: clientContext?.username ?? "", fullWidth: true, margin: "normal", disabled: true, autoComplete: "username" }),
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(Box27, { sx: { p: 3, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsxs30(Box27, { component: "form", onSubmit: enviar, sx: { width: "100%", maxWidth: 420 }, children: [
+    /* @__PURE__ */ jsx41(Typography21, { variant: "h5", gutterBottom: true, children: "Cambiar contrase\xF1a" }),
+    /* @__PURE__ */ jsx41(TextField5, { label: "Usuario", value: clientContext?.username ?? "", fullWidth: true, margin: "normal", disabled: true, autoComplete: "username" }),
+    /* @__PURE__ */ jsx41(
       TextField5,
       {
         label: "Contrase\xF1a actual",
@@ -7023,7 +7205,7 @@ var CambiarClavePage = () => {
         disabled: enviando
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       TextField5,
       {
         label: "Contrase\xF1a nueva",
@@ -7037,7 +7219,7 @@ var CambiarClavePage = () => {
         disabled: enviando
       }
     ),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       TextField5,
       {
         label: "Repetir contrase\xF1a nueva",
@@ -7051,19 +7233,19 @@ var CambiarClavePage = () => {
         disabled: enviando
       }
     ),
-    error && /* @__PURE__ */ jsx40(Alert9, { severity: "error", sx: { mt: 1, whiteSpace: "pre-line" }, children: error }),
+    error && /* @__PURE__ */ jsx41(Alert9, { severity: "error", sx: { mt: 1, whiteSpace: "pre-line" }, children: error }),
     /* @__PURE__ */ jsxs30(Box27, { sx: { display: "flex", gap: 1, justifyContent: "flex-end", mt: 2 }, children: [
-      /* @__PURE__ */ jsx40(Button12, { onClick: () => navigate(-1), disabled: enviando, children: "Cancelar" }),
-      /* @__PURE__ */ jsx40(Button12, { type: "submit", variant: "contained", disabled: enviando, children: enviando ? /* @__PURE__ */ jsx40(CircularProgress10, { size: 20 }) : "Cambiar contrase\xF1a" })
+      /* @__PURE__ */ jsx41(Button12, { onClick: () => navigate(-1), disabled: enviando, children: "Cancelar" }),
+      /* @__PURE__ */ jsx41(Button12, { type: "submit", variant: "contained", disabled: enviando, children: enviando ? /* @__PURE__ */ jsx41(CircularProgress10, { size: 20 }) : "Cambiar contrase\xF1a" })
     ] }),
-    /* @__PURE__ */ jsx40(Typography21, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 2 }, children: "Al cambiarla se cierra la sesi\xF3n: hay que ingresar de nuevo con la clave nueva." })
+    /* @__PURE__ */ jsx41(Typography21, { variant: "caption", color: "text.secondary", sx: { display: "block", mt: 2 }, children: "Al cambiarla se cierra la sesi\xF3n: hay que ingresar de nuevo con la clave nueva." })
   ] }) });
 };
 var CambiarClavePage_default = CambiarClavePage;
 
 // src/App.tsx
 import typeStore6 from "type-store";
-import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 var LocationTracker = () => {
   const location = useLocation9();
   const dispatch = useAppDispatch();
@@ -7074,45 +7256,45 @@ var LocationTracker = () => {
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
   return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    /* @__PURE__ */ jsx41(InitialRedirectHandler_default, {}),
-    puenteBPHabilitado() && /* @__PURE__ */ jsx41(CapturaBP, {}),
+    /* @__PURE__ */ jsx42(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ jsx42(CapturaBP, {}),
     /* @__PURE__ */ jsxs31(Routes, { children: [
-      /* @__PURE__ */ jsxs31(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx41(UnloggedLayout, {}) : /* @__PURE__ */ jsx41(Outlet2, {}), children: [
-        /* @__PURE__ */ jsx41(Route, { path: "/login", element: /* @__PURE__ */ jsx41(LoginPage_default, {}) }),
-        /* @__PURE__ */ jsx41(Route, { path: "/logout", element: /* @__PURE__ */ jsx41(LogoutPage_default, {}) }),
+      /* @__PURE__ */ jsxs31(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx42(UnloggedLayout, {}) : /* @__PURE__ */ jsx42(Outlet2, {}), children: [
+        /* @__PURE__ */ jsx42(Route, { path: "/login", element: /* @__PURE__ */ jsx42(LoginPage_default, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/logout", element: /* @__PURE__ */ jsx42(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ jsxs31(Route, { element: /* @__PURE__ */ jsx41(PrivateRoute_default, { children: /* @__PURE__ */ jsx41(Layout, {}) }), children: [
-        /* @__PURE__ */ jsx41(Route, { path: "/", element: /* @__PURE__ */ jsx41(PantallaInicial_default, {}) }),
-        /* @__PURE__ */ jsx41(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx41(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ jsx41(Route, { path: "/menu/*", element: /* @__PURE__ */ jsx41(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ jsx41(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx41(ProcedureForm_default, {}) }),
-        /* @__PURE__ */ jsx41(Route, { path: "/chpass", element: /* @__PURE__ */ jsx41(CambiarClavePage_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx41(
+      /* @__PURE__ */ jsxs31(Route, { element: /* @__PURE__ */ jsx42(PrivateRoute_default, { children: /* @__PURE__ */ jsx42(Layout, {}) }), children: [
+        /* @__PURE__ */ jsx42(Route, { path: "/", element: /* @__PURE__ */ jsx42(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx42(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/menu/*", element: /* @__PURE__ */ jsx42(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx42(ProcedureForm_default, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/chpass", element: /* @__PURE__ */ jsx42(CambiarClavePage_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx42(
           Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ jsx41(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ jsx42(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ jsx41(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx41(PantallaDeRespaldo, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx41(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx41(PaginaBP, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ jsx41(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx41(PaginaGrillaBP, {}) }),
+        /* @__PURE__ */ jsx42(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx42(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx42(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx42(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx42(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx42(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ jsx41(Route, { path: "*", element: /* @__PURE__ */ jsx41("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ jsx42(Route, { path: "*", element: /* @__PURE__ */ jsx42("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ jsx41(Route, { path: "*", element: /* @__PURE__ */ jsx41(Navigate4, { to: "/", replace: true }) })
+      /* @__PURE__ */ jsx42(Route, { path: "*", element: /* @__PURE__ */ jsx42(Navigate4, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ jsx41(Provider, { store, children: /* @__PURE__ */ jsx41(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs31(BrowserRouter, { basename: rutaBase, children: [
-    /* @__PURE__ */ jsx41(LocationTracker, {}),
+  return /* @__PURE__ */ jsx42(Provider, { store, children: /* @__PURE__ */ jsx42(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs31(BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ jsx42(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ jsx41(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs31(SnackbarProvider, { children: [
+    /* @__PURE__ */ jsx42(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs31(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ jsx41(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ jsx42(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -7158,7 +7340,7 @@ var App = ({
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ jsx41(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx42(
     FrontendPlusReactRoutes,
     {
       myRoutes,