frontend-plus-react 0.4.2 → 0.6.0

package/dist/index.cjs

@@ -59,7 +59,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/grid/GenericDataGrid.tsx
-var import_react22 = require("react");
+var import_react26 = require("react");
 var import_react_data_grid = require("react-data-grid");
 var import_styles = require("react-data-grid/lib/styles.css");
 
@@ -378,7 +378,7 @@ var useApiCallWithoutSnackbar = () => {
 };
 
 // src/components/grid/GenericDataGrid.tsx
-var import_material15 = require("@mui/material");
+var import_material18 = require("@mui/material");
 
 // src/store/index.ts
 var import_toolkit4 = require("@reduxjs/toolkit");
@@ -1089,6 +1089,16 @@ var getBestTypedValue = (valor, typer) => {
   }
   return BestControls.text.getTypedValue(value, typer);
 };
+var tiparEntrada = (valor, typer) => {
+  const entrada = typeof valor === "string" && valor.trim() === "" && typer.typeName !== "text" ? "" : valor;
+  const tipado = getBestTypedValue(entrada, typer);
+  if (tipado === null && typeof entrada === "string" && entrada !== "") {
+    throw new Error(`\xAB${valor}\xBB no es un valor v\xE1lido para este campo (${typer.typeName})`);
+  }
+  return tipado;
+};
+var caracterRechazado = (caracter, typer) => caracter.length === 1 && typer.rejectedChar(caracter);
+var textoPegadoRechazado = (texto, typer) => Array.from(texto).some((caracter) => typer.rejectedChar(caracter));
 
 // src/hooks/grid/useGridDataView.ts
 var MAXIMO_FILAS_EDICION_PUNTUAL = 3;
@@ -1130,6 +1140,22 @@ var useGridDataView = ({ tableData, tableDefinition }) => {
       return !prev;
     });
   }, []);
+  const aplicarFiltrosIniciales = (0, import_react6.useCallback)((condiciones2, definicion) => {
+    const iniciales = {};
+    condiciones2.forEach(({ column, operator, value }) => {
+      const fieldDef = definicion.fields.find((f) => f.name === column);
+      let texto = value === null || value === void 0 ? "" : String(value);
+      if (fieldDef && value !== null && value !== void 0) {
+        try {
+          texto = import_type_store2.default.typerFrom(fieldDef).toLocalString(value);
+        } catch (e) {
+        }
+      }
+      iniciales[column] = { operator, value: texto };
+    });
+    setFilters(iniciales);
+    setIsFilterRowVisible(true);
+  }, []);
   const vistaAnteriorRef = (0, import_react6.useRef)(null);
   const filteredRows = (0, import_react6.useMemo)(() => {
     const anterior = vistaAnteriorRef.current;
@@ -1287,6 +1313,7 @@ var useGridDataView = ({ tableData, tableDefinition }) => {
     setFilters,
     isFilterRowVisible,
     toggleFilterVisibility,
+    aplicarFiltrosIniciales,
     // Data
     filteredRows,
     summaryData,
@@ -1436,10 +1463,155 @@ function CeldaDetalle({ fila }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: renderDetalle(fila) });
 }
 
+// src/hooks/grid/teclasDeCelda.ts
+function direccionDeSalida(tecla, cursor, teclaAnterior) {
+  if (tecla.ctrlKey || tecla.altKey || tecla.metaKey) return null;
+  const conShift = !!tecla.shiftKey;
+  switch (tecla.key) {
+    case "Enter":
+      return conShift ? null : "siguiente";
+    case "Tab":
+      return conShift ? "anterior" : "siguiente";
+    case "ArrowUp":
+      return conShift ? null : "arriba";
+    case "ArrowDown":
+      return conShift ? null : "abajo";
+    case "ArrowLeft":
+      return !conShift && (cursor.vacio || cursor.alPrincipio) ? "izquierda" : null;
+    case "ArrowRight":
+      return !conShift && (cursor.vacio || teclaAnterior === "ArrowRight" && cursor.alFinal) ? "derecha" : null;
+    default:
+      return null;
+  }
+}
+function posicionDelCursor(elemento) {
+  if (elemento instanceof HTMLInputElement || elemento instanceof HTMLTextAreaElement) {
+    const fin = elemento.selectionEnd ?? elemento.value.length;
+    return { vacio: elemento.value === "", alPrincipio: fin === 0, alFinal: fin === elemento.value.length };
+  }
+  return { vacio: true, alPrincipio: true, alFinal: true };
+}
+
+// src/utils/fixedFields.ts
+function fijaElValor(fixedField) {
+  return !fixedField.range && fixedField.until === void 0;
+}
+function valorFijoDe(fixedFields, columna) {
+  return fixedFields?.find((f) => f.fieldName === columna && fijaElValor(f));
+}
+function columnaOcultaPorFixedField(fixedFields, columna) {
+  const fijo = valorFijoDe(fixedFields, columna);
+  return fijo !== void 0 && !fijo.show;
+}
+
+// src/utils/referencias.ts
+var esParDeCampos = (par) => typeof par === "object" && par !== null && "source" in par && "target" in par && typeof par.source === "string" && typeof par.target === "string";
+var esCampoConReferencia = (campo) => typeof campo.references === "string" && campo.references !== "" && (!("referencesFields" in campo) || campo.referencesFields === void 0 || Array.isArray(campo.referencesFields) && campo.referencesFields.every(esParDeCampos)) && !("skipReferenceLookup" in campo && campo.skipReferenceLookup);
+var camposDeNombre = (definicion) => {
+  const comoTextos = (campos) => Array.isArray(campos) ? campos.filter((c) => typeof c === "string") : [];
+  if (definicion.lookupFields && definicion.lookupFields.length > 0) return definicion.lookupFields;
+  return "nameFields" in definicion ? comoTextos(definicion.nameFields) : [];
+};
+var campoDeActivo = (definicion) => "activeRecords" in definicion && typeof definicion.activeRecords === "object" && definicion.activeRecords !== null && "fieldName" in definicion.activeRecords && typeof definicion.activeRecords.fieldName === "string" ? definicion.activeRecords.fieldName : null;
+var comoTexto = (valor) => valor === null || valor === void 0 ? "" : String(valor);
+var opcionesDeReferencia = (campo, definicionReferenciada, filasReferenciadas, filaActual, admiteNulo) => {
+  const pares = campo.referencesFields ?? [];
+  const columnaDelValor = pares.length > 0 ? pares[pares.length - 1].target : definicionReferenciada.primaryKey[definicionReferenciada.primaryKey.length - 1];
+  const anteriores = pares.slice(0, -1);
+  const activo = campoDeActivo(definicionReferenciada);
+  const nombres = camposDeNombre(definicionReferenciada);
+  const columnasDeEtiqueta = nombres.length > 0 ? [...definicionReferenciada.primaryKey, ...nombres] : definicionReferenciada.primaryKey;
+  const opciones = filasReferenciadas.filter((fila) => (activo === null || !!fila[activo]) && (filaActual === null || anteriores.every((par) => comoTexto(fila[par.target]) === comoTexto(filaActual[par.source])))).map((fila) => {
+    const etiquetas = columnasDeEtiqueta.map((columna) => comoTexto(fila[columna]));
+    return { valor: fila[columnaDelValor], etiquetas, texto: `${etiquetas.join(", ")}; ${definicionReferenciada.primaryKey.join(", ")}` };
+  });
+  const ordenar = new Intl.Collator("es", { numeric: true, sensitivity: "base" });
+  opciones.sort((a, b) => ordenar.compare(a.texto, b.texto));
+  if (admiteNulo) opciones.push({ valor: null, etiquetas: ["", "(vac\xEDo)"], texto: "" });
+  return opciones;
+};
+var filtrarOpciones = (opciones, busqueda) => {
+  const simplificar = (texto) => texto.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+  const palabras = simplificar(busqueda).split(/\s+/).filter((p) => p !== "");
+  if (palabras.length === 0) return opciones;
+  return opciones.filter((opcion) => opcion.valor === null || palabras.every((p) => simplificar(opcion.etiquetas.join(" ")).includes(p)));
+};
+var VIGENCIA_DE_REFERENCIA_MS = 2 * 60 * 1e3;
+var referencias = /* @__PURE__ */ new Map();
+var cargarReferencia = (tabla) => {
+  const guardada = referencias.get(tabla);
+  if (guardada && Date.now() - guardada.cuando < VIGENCIA_DE_REFERENCIA_MS) return guardada.cargada;
+  const cargada = (async () => {
+    const [definicion, filas] = await Promise.all([
+      executeBackendProcedure("table_structure", { table: tabla }),
+      executeBackendProcedure("table_data", { table: tabla, fixedFields: [] })
+    ]);
+    return { definicion: requerido(definicion, `la estructura de '${tabla}'`), filas: requerido(filas, `los datos de '${tabla}'`) };
+  })();
+  referencias.set(tabla, { cargada, cuando: Date.now() });
+  cargada.catch(() => {
+    if (referencias.get(tabla)?.cargada === cargada) referencias.delete(tabla);
+  });
+  return cargada;
+};
+
+// src/utils/expanders.ts
+var tipoDeExpander = (campo, editable) => {
+  if (campo.typeName === "jsonb" && !editable) return "json";
+  if (editable) {
+    if (esCampoConReferencia(campo)) return "referencia";
+    if (campo.typeName === "boolean") return "booleano";
+    if (campo.options && campo.options.length > 0) return "opciones";
+    if (campo.typeName === "date") return "fecha";
+  }
+  return campo.clientSide ? null : "texto";
+};
+var SI_NO_VACIO = { si: "S\xED", no: "No", vacio: "(vac\xEDo)" };
+var opcionesDeBooleano = (admiteNulo) => {
+  const opciones = [
+    { valor: true, etiquetas: [SI_NO_VACIO.si], texto: SI_NO_VACIO.si },
+    { valor: false, etiquetas: [SI_NO_VACIO.no], texto: SI_NO_VACIO.no }
+  ];
+  if (admiteNulo) opciones.push({ valor: null, etiquetas: ["", SI_NO_VACIO.vacio], texto: "" });
+  return opciones;
+};
+var opcionesDeEnumerado = (opciones, admiteNulo) => {
+  const resultado = opciones.map((opcion) => typeof opcion === "string" ? { valor: opcion, etiquetas: [opcion], texto: opcion } : { valor: opcion.option, etiquetas: [String(opcion.option), opcion.label], texto: `${opcion.option} ${opcion.label}` });
+  if (admiteNulo) resultado.push({ valor: null, etiquetas: ["", SI_NO_VACIO.vacio], texto: "" });
+  return resultado;
+};
+var fechaDeValor = (valor) => {
+  if (valor instanceof Date && !isNaN(valor.getTime())) return { anio: valor.getFullYear(), mes: valor.getMonth(), dia: valor.getDate() };
+  if (typeof valor === "string") {
+    const partes = /^(\d{4})-(\d{2})-(\d{2})/.exec(valor);
+    if (partes) return { anio: Number(partes[1]), mes: Number(partes[2]) - 1, dia: Number(partes[3]) };
+  }
+  return null;
+};
+var fechaATexto = ({ anio, mes, dia }) => `${String(anio).padStart(4, "0")}-${String(mes + 1).padStart(2, "0")}-${String(dia).padStart(2, "0")}`;
+var semanasDelMes = (anio, mes) => {
+  const primero = new Date(anio, mes, 1);
+  const desfase = (primero.getDay() + 6) % 7;
+  const diasDelMes = new Date(anio, mes + 1, 0).getDate();
+  const semanas = [];
+  for (let celda = 0; celda < Math.ceil((desfase + diasDelMes) / 7) * 7; celda++) {
+    const fecha = new Date(anio, mes, 1 - desfase + celda);
+    const dia = { anio: fecha.getFullYear(), mes: fecha.getMonth(), dia: fecha.getDate(), delMesMostrado: fecha.getMonth() === mes };
+    if (celda % 7 === 0) semanas.push([]);
+    semanas[semanas.length - 1].push(dia);
+  }
+  return semanas;
+};
+var textoParaVer = (valor) => {
+  if (valor === null || valor === void 0) return "";
+  if (typeof valor === "object" && !(valor instanceof Date)) return JSON.stringify(valor, null, 2);
+  return String(valor);
+};
+
 // src/hooks/grid/useGridEvents.ts
 var VIGENCIA_TECLA_PENDIENTE = 400;
 var VIGENCIA_VALOR_PENDIENTE_F4 = 1e3;
-var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fixedFields, setSelectedCell, setTableData, setSortColumns }) => {
+var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fixedFields, setSelectedCell, setTableData, setSortColumns, verContenido }) => {
   const filteredRowsRef = (0, import_react8.useRef)(filteredRows);
   filteredRowsRef.current = filteredRows;
   const tableDefinitionRef = (0, import_react8.useRef)(tableDefinition);
@@ -1447,6 +1619,7 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
   const valoresF4Pendientes = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
   const teclasPendientes = (0, import_react8.useRef)([]);
   const editorActivo = (0, import_react8.useRef)(null);
+  const teclaAnteriorRef = (0, import_react8.useRef)(null);
   const registrarEditor = (0, import_react8.useCallback)((procesar) => {
     editorActivo.current = procesar;
     const cola = teclasPendientes.current;
@@ -1457,7 +1630,8 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
       if (editorActivo.current === procesar) editorActivo.current = null;
     };
   }, []);
-  const handleKeyPressInEditor = (0, import_react8.useCallback)((rowIndex, columnKey, event, currentColumns, handleCommit) => {
+  const handleKeyPressInEditor = (0, import_react8.useCallback)((rowIndex, columnKey, event, currentColumns, handleCommit, valorActual) => {
+    let resuelta = false;
     const tableDefinition2 = tableDefinitionRef.current;
     const filteredRows2 = filteredRowsRef.current;
     if (dataGridRef.current && tableDefinition2) {
@@ -1467,7 +1641,9 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
         return col.key !== "actionsColumn" && !(esColumnaPropia(col) && col.customType === "detail") && (fieldDefinition?.editable !== false && !fieldDefinition?.clientSide);
       });
       const { key, target } = event;
-      const input = target;
+      const teclaAnterior = teclaAnteriorRef.current;
+      teclaAnteriorRef.current = key;
+      const direccion = direccionDeSalida(event, posicionDelCursor(target), teclaAnterior);
       if (currentColumnIndex !== -1 && editableColumns.length > 0) {
         const editableColumnKeys = editableColumns.map((col) => col.key);
         let currentEditableColumnIndex = editableColumnKeys.indexOf(columnKey);
@@ -1491,57 +1667,42 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
           const nextColumnIndex = currentColumns.findIndex((col) => col.key === nextColumnKey);
           return { rowIdx: nextRowIndex, idx: nextColumnIndex };
         };
-        const calcularColumnaAnterior = () => {
-          let nextEditableColumnIndex = currentEditableColumnIndex - 1;
-          let nextRowIndex = rowIndex;
-          if (nextEditableColumnIndex <= 0) {
-            nextEditableColumnIndex = 0;
-          }
-          const nextColumnKey = editableColumnKeys[nextEditableColumnIndex];
-          const nextColumnIndex = currentColumns.findIndex((col) => col.key === nextColumnKey);
-          return { rowIdx: nextRowIndex, idx: nextColumnIndex };
+        const indiceDeColumna = (indiceEditable) => currentColumns.findIndex((col) => col.key === editableColumnKeys[indiceEditable]);
+        const calcularColumnaAnteriorConSalto = () => {
+          if (currentEditableColumnIndex > 0) return { rowIdx: rowIndex, idx: indiceDeColumna(currentEditableColumnIndex - 1) };
+          const filaAnterior = filaDeDatos(rowIndex, -1);
+          return filaAnterior === -1 ? null : { rowIdx: filaAnterior, idx: indiceDeColumna(editableColumnKeys.length - 1) };
+        };
+        const calcularColumnaVecina = (paso) => {
+          const vecina = currentEditableColumnIndex + paso;
+          return vecina < 0 || vecina >= editableColumnKeys.length ? null : { rowIdx: rowIndex, idx: indiceDeColumna(vecina) };
+        };
+        const calcularFilaVecina = (paso) => {
+          const vecina = filaDeDatos(rowIndex, paso);
+          return vecina === -1 ? null : { rowIdx: vecina, idx: currentColumnIndex };
         };
         const calcularFilaSiguiente = () => {
           const nextRowIndex = filaDeDatos(rowIndex, 1);
           return { rowIdx: nextRowIndex === -1 ? rowIndex : nextRowIndex, idx: currentColumnIndex };
         };
-        const calcularFilaAnterior = () => {
-          const nextRowIndex = filaDeDatos(rowIndex, -1);
-          return { rowIdx: nextRowIndex === -1 ? rowIndex : nextRowIndex, idx: currentColumnIndex };
-        };
         if (currentEditableColumnIndex !== -1) {
           switch (true) {
-            case ["Enter", "Tab"].includes(key): {
-              hacerFoco(calcularColumnaSiguiente());
-              break;
-            }
-            case key === "ArrowRight": {
-              if (input && typeof input.selectionStart === "number") {
-                const cursorPosition = input.selectionStart;
-                const inputValueLength = input.value?.length || 0;
-                if (cursorPosition === inputValueLength) {
-                  hacerFoco(calcularColumnaSiguiente());
-                }
-              }
-              break;
-            }
-            case key === "ArrowLeft": {
-              if (input && typeof input.selectionStart === "number") {
-                const cursorPosition = input.selectionStart;
-                if (cursorPosition === 0) {
-                  hacerFoco(calcularColumnaAnterior());
-                }
+            case direccion !== null: {
+              resuelta = true;
+              const destino = {
+                siguiente: calcularColumnaSiguiente,
+                anterior: calcularColumnaAnteriorConSalto,
+                izquierda: () => calcularColumnaVecina(-1),
+                derecha: () => calcularColumnaVecina(1),
+                arriba: () => calcularFilaVecina(-1),
+                abajo: () => calcularFilaVecina(1)
+              }[direccion]();
+              if (destino) {
+                void handleCommit(valorActual, true, true);
+                hacerFoco(destino);
               }
               break;
             }
-            case key === "ArrowUp": {
-              hacerFoco(calcularFilaAnterior());
-              break;
-            }
-            case key === "ArrowDown": {
-              hacerFoco(calcularFilaSiguiente());
-              break;
-            }
             case key === "F4": {
               const { rowIdx, idx } = calcularFilaSiguiente();
               const indiceAnterior = filaDeDatos(rowIndex, -1);
@@ -1562,8 +1723,26 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
         }
       }
     }
+    return resuelta;
   }, [dataGridRef]);
   const handleCellKeyDown = (0, import_react8.useCallback)((args, event) => {
+    const esExpander = event.key === "F9" && !event.shiftKey && !event.ctrlKey && !event.altKey || event.key === "ArrowDown" && event.altKey && !event.shiftKey && !event.ctrlKey;
+    if (esExpander && !(event.target instanceof HTMLInputElement) && !esFilaDetalle(args.row)) {
+      const campo = tableDefinitionRef.current?.fields.find((f) => f.name === args.column.key);
+      const editable = typeof args.column.editable === "function" ? args.column.editable(args.row) : args.column.editable === true;
+      const tipo = campo ? tipoDeExpander(campo, editable) : null;
+      if (campo && editable && tipo !== null) {
+        teclasPendientes.current.push({ key: "F9", cuando: Date.now() });
+        dataGridRef.current?.selectCell({ rowIdx: args.rowIdx, idx: args.column.idx }, { enableEditor: true, shouldFocusCell: true });
+        event.preventGridDefault();
+        return;
+      }
+      if (campo && !editable && (tipo === "json" || tipo === "texto") && verContenido && event.target instanceof HTMLElement) {
+        verContenido(event.target, textoParaVer(args.row[campo.name]));
+        event.preventGridDefault();
+        return;
+      }
+    }
     if (event.key === "F4" && !(event.target instanceof HTMLInputElement) && !esFilaDetalle(args.row)) {
       const fieldDefinition = tableDefinitionRef.current?.fields.find((f) => f.name === args.column.key);
       if (fieldDefinition && fieldDefinition.editable !== false && !fieldDefinition.clientSide) {
@@ -1576,7 +1755,7 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
     if (["Enter", "Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"].includes(event.key)) {
       event.preventGridDefault();
     }
-  }, []);
+  }, [dataGridRef, verContenido]);
   const handleCellMouseDown = (0, import_react8.useCallback)((_args, event) => {
     event.preventGridDefault();
   }, []);
@@ -1589,10 +1768,12 @@ var useGridEvents = ({ dataGridRef, tableDefinition, filteredRows, tableData, fi
   const handleCellClick = (0, import_react8.useCallback)((args, _event) => {
     if (esFilaDetalle(args.row)) return;
     const fieldDefinition = tableDefinition?.fields.find((f) => f.name === args.column.key);
-    const isFixedField = fixedFields?.some((f) => f.fieldName === args.column.key);
+    const isFixedField = valorFijoDe(fixedFields, args.column.key) !== void 0;
     const isEditable = fieldDefinition?.editable !== false && !isFixedField;
     if (isEditable) {
       args.selectCell(true);
+    } else if (fieldDefinition && tipoDeExpander(fieldDefinition, false) !== null) {
+      args.selectCell(false);
     }
   }, [tableDefinition, fixedFields]);
   const handleRowsChange = (0, import_react8.useCallback)((updatedRows, data) => {
@@ -1765,7 +1946,7 @@ var useGridMenu = ({
 };
 
 // src/hooks/grid/useGridColumns.ts
-var import_react18 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 
 // src/utils/functions.tsx
 var JSON4all2 = __toESM(require("json4all"), 1);
@@ -1923,20 +2104,289 @@ var ActionsColumnHeaderCell = ({
 var detailColumnCellHeaderRenderer = (props, detailTable) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Tooltip, { title: detailTable.label, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material4.Typography, { variant: "caption", sx: { fontSize: "0.75rem", fontWeight: "bold" }, children: detailTable.abr.toUpperCase() }) });
 
 // src/components/grid/FilterInputRender.tsx
-var import_material6 = require("@mui/material");
-var import_react14 = __toESM(require("react"), 1);
+var import_material9 = require("@mui/material");
+var import_react18 = __toESM(require("react"), 1);
 
 // src/components/forms/TypedField.tsx
+var import_react16 = require("react");
+var import_material8 = require("@mui/material");
+var import_type_store3 = __toESM(require("type-store"), 1);
+var import_react17 = require("react");
+
+// src/hooks/grid/useExpander.tsx
+var import_react15 = __toESM(require("react"), 1);
+var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
+var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"), 1);
+var import_CalendarMonth = __toESM(require("@mui/icons-material/CalendarMonth"), 1);
+var import_Search2 = __toESM(require("@mui/icons-material/Search"), 1);
+
+// src/components/grid/MenuDeOpciones.tsx
 var import_react12 = require("react");
 var import_material5 = require("@mui/material");
-var import_type_store3 = __toESM(require("type-store"), 1);
-var import_react13 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+function MenuDeOpciones({ anclaje, opciones, busquedaInicial, onElegir, onCerrar }) {
+  const [busqueda, setBusqueda] = (0, import_react12.useState)(busquedaInicial);
+  const [indice, setIndice] = (0, import_react12.useState)(0);
+  const visibles = (0, import_react12.useMemo)(() => filtrarOpciones(opciones, busqueda), [opciones, busqueda]);
+  const elegida = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
+    elegida.current?.scrollIntoView({ block: "nearest" });
+  }, [indice, visibles]);
+  const alApretar = (evento) => {
+    if (evento.key === "ArrowDown") {
+      setIndice((i) => Math.min(i + 1, visibles.length - 1));
+    } else if (evento.key === "ArrowUp") {
+      setIndice((i) => Math.max(i - 1, 0));
+    } else if (evento.key === "Enter") {
+      if (visibles[indice]) onElegir(visibles[indice].valor);
+    } else if (evento.key === "F9" || evento.key === "Escape") {
+      onCerrar();
+    } else {
+      return;
+    }
+    evento.preventDefault();
+    evento.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    import_material5.Popover,
+    {
+      open: true,
+      anchorEl: anclaje,
+      onClose: onCerrar,
+      disableRestoreFocus: true,
+      anchorOrigin: { vertical: "bottom", horizontal: "left" },
+      slotProps: { paper: { sx: { minWidth: 300, maxWidth: 520 } } },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_material5.InputBase,
+          {
+            autoFocus: true,
+            fullWidth: true,
+            value: busqueda,
+            onChange: (e) => {
+              setBusqueda(e.target.value);
+              setIndice(0);
+            },
+            onKeyDown: alApretar,
+            placeholder: "buscar",
+            sx: { px: 1, py: 0.5, fontSize: "0.8rem", borderBottom: "1px solid #ccc" },
+            inputProps: { "aria-label": "buscar" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.List, { dense: true, disablePadding: true, sx: { maxHeight: 320, overflowY: "auto" }, role: "listbox", children: [
+          visibles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { variant: "body2", sx: { p: 1, color: "text.secondary" }, children: "sin coincidencias" }),
+          visibles.map((opcion, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            import_material5.ListItemButton,
+            {
+              ref: i === indice ? elegida : null,
+              selected: i === indice,
+              role: "option",
+              onClick: () => onElegir(opcion.valor),
+              sx: { gap: 2, py: 0.25, fontSize: "0.8rem" },
+              children: opcion.etiquetas.map((etiqueta, j) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { fontWeight: j === 0 ? 600 : 400, minWidth: j === 0 ? 40 : void 0 }, children: etiqueta }, j))
+            },
+            i
+          ))
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/grid/SelectorDeFecha.tsx
+var import_react13 = require("react");
+var import_material6 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var 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;
+var MOVIMIENTOS = {
+  ArrowLeft: [-1, 0],
+  ArrowRight: [1, 0],
+  ArrowUp: [-7, 0],
+  ArrowDown: [7, 0],
+  PageUp: [0, -1],
+  PageDown: [0, 1]
+};
+function SelectorDeFecha({ anclaje, fechaActual, admiteNulo, onElegir, onCerrar }) {
+  const hoy = /* @__PURE__ */ new Date();
+  const fechaDeHoy = { anio: hoy.getFullYear(), mes: hoy.getMonth(), dia: hoy.getDate() };
+  const [cursor, setCursor] = (0, import_react13.useState)(fechaActual ?? fechaDeHoy);
+  const mover = (dias, meses) => {
+    const nueva = new Date(cursor.anio, cursor.mes + meses, cursor.dia + dias);
+    setCursor({ anio: nueva.getFullYear(), mes: nueva.getMonth(), dia: nueva.getDate() });
+  };
+  const alApretar = (evento) => {
+    if (evento.key in MOVIMIENTOS) {
+      mover(...MOVIMIENTOS[evento.key]);
+    } else if (evento.key === "Enter") {
+      onElegir(fechaATexto(cursor));
+    } else if (evento.key === "F9" || evento.key === "Escape") {
+      onCerrar();
+    } else {
+      return;
+    }
+    evento.preventDefault();
+    evento.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { tabIndex: 0, ref: (el) => el?.focus(), onKeyDown: alApretar, style: { padding: 8, outline: "none", width: 252 }, "aria-label": "calendario", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.IconButton, { size: "small", "aria-label": "mes anterior", onClick: () => mover(0, -1), children: "\u2039" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Typography, { variant: "body2", sx: { fontWeight: 600 }, children: [
+        MESES[cursor.mes],
+        " ",
+        cursor.anio
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.IconButton, { size: "small", "aria-label": "mes siguiente", onClick: () => mover(0, 1), children: "\u203A" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", { style: { borderCollapse: "collapse", width: "100%", textAlign: "center", fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: DIAS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("th", { style: { fontWeight: 400, color: "#777" }, children: d }, d)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tbody", { children: semanasDelMes(cursor.anio, cursor.mes).map((semana, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("tr", { children: semana.map((dia) => {
+        const elegido = mismaFecha(dia, fechaActual);
+        const enCursor = mismaFecha(dia, cursor);
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("td", { style: { padding: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            type: "button",
+            tabIndex: -1,
+            onClick: () => onElegir(fechaATexto(dia)),
+            style: {
+              width: 32,
+              height: 26,
+              border: enCursor ? "1px solid #1976d2" : "1px solid transparent",
+              borderRadius: 4,
+              cursor: "pointer",
+              background: elegido ? "#1976d2" : "transparent",
+              color: elegido ? "#fff" : dia.delMesMostrado ? "#000" : "#aaa"
+            },
+            children: dia.dia
+          }
+        ) }, `${dia.mes}-${dia.dia}`);
+      }) }, i)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", marginTop: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Button, { size: "small", onClick: () => onElegir(fechaATexto(fechaDeHoy)), children: "hoy" }),
+      admiteNulo && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material6.Button, { size: "small", onClick: () => onElegir(null), children: "vac\xEDo" })
+    ] })
+  ] }) });
+}
+
+// src/components/grid/VentanaDeTexto.tsx
+var import_react14 = require("react");
+var import_material7 = require("@mui/material");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function VentanaDeTexto({ anclaje, texto, editable, onAceptar, onCerrar }) {
+  const [valor, setValor] = (0, import_react14.useState)(texto);
+  const alApretar = (evento) => {
+    if (evento.key === "Escape" || evento.key === "F9") {
+      onCerrar();
+    } else if (evento.key === "Enter" && evento.ctrlKey && editable) {
+      onAceptar(valor);
+    } else {
+      return;
+    }
+    evento.preventDefault();
+    evento.stopPropagation();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Popover, { open: true, anchorEl: anclaje, onClose: onCerrar, disableRestoreFocus: true, anchorOrigin: { vertical: "bottom", horizontal: "left" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { padding: 8, minWidth: 320, maxWidth: 640 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material7.InputBase,
+      {
+        autoFocus: true,
+        multiline: true,
+        fullWidth: true,
+        readOnly: !editable,
+        value: valor,
+        onChange: (e) => setValor(e.target.value),
+        onKeyDown: alApretar,
+        minRows: 2,
+        maxRows: 16,
+        sx: { fontFamily: "monospace", fontSize: "0.8rem", border: "1px solid #ccc", borderRadius: "4px", p: 0.5 },
+        inputProps: { "aria-label": "contenido de la celda" }
+      }
+    ),
+    editable && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Button, { size: "small", onClick: onCerrar, children: "cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Button, { size: "small", variant: "contained", onClick: () => onAceptar(valor), children: "aceptar" })
+    ] })
+  ] }) });
+}
+
+// src/hooks/grid/useExpander.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var useExpander = ({ campo, editable, fila, admiteNulo, tipos, anclaje, textoActual, valorActual, alElegirValor, alConfirmarTexto, alFallar }) => {
+  const [expansion, setExpansion] = (0, import_react15.useState)(null);
+  const abierto = import_react15.default.useRef(false);
+  const tipoDelCampo = tipoDeExpander(campo, editable);
+  const tipo = tipoDelCampo === null || tipoDelCampo === "json" || tipos && !tipos.includes(tipoDelCampo) ? null : tipoDelCampo;
+  const abrir = (0, import_react15.useCallback)(async (busqueda) => {
+    if (tipo === null || abierto.current) return;
+    abierto.current = true;
+    try {
+      if (tipo === "referencia" && esCampoConReferencia(campo)) {
+        const { definicion, filas } = await cargarReferencia(campo.references);
+        setExpansion({ tipo: "opciones", opciones: opcionesDeReferencia(campo, definicion, filas, fila, admiteNulo), busqueda });
+      } else if (tipo === "booleano") {
+        setExpansion({ tipo: "opciones", opciones: opcionesDeBooleano(admiteNulo), busqueda });
+      } else if (tipo === "opciones") {
+        setExpansion({ tipo: "opciones", opciones: opcionesDeEnumerado(campo.options ?? [], admiteNulo), busqueda });
+      } else {
+        setExpansion({ tipo: tipo === "fecha" ? "fecha" : "texto" });
+      }
+    } catch (err) {
+      abierto.current = false;
+      alFallar(mensajeDeError(err));
+    }
+  }, [tipo, campo, fila, admiteNulo, alFallar]);
+  const cerrar = (0, import_react15.useCallback)(() => {
+    abierto.current = false;
+    setExpansion(null);
+    setTimeout(() => anclaje.current?.focus(), 0);
+  }, [anclaje]);
+  const elegirValor = (0, import_react15.useCallback)((valor) => {
+    cerrar();
+    alElegirValor(valor);
+  }, [cerrar, alElegirValor]);
+  const confirmarTexto = (0, import_react15.useCallback)((texto) => {
+    cerrar();
+    alConfirmarTexto(texto);
+  }, [cerrar, alConfirmarTexto]);
+  const manejarTecla = (0, import_react15.useCallback)((event) => {
+    const esExpander = event.key === "F9" && !event.shiftKey && !event.ctrlKey && !event.altKey || event.key === "ArrowDown" && event.altKey && !event.shiftKey && !event.ctrlKey;
+    if (tipo === null || !esExpander) return false;
+    event.preventDefault();
+    void abrir("");
+    return true;
+  }, [tipo, abrir]);
+  const titulo = tipo === "fecha" ? "elegir fecha (F9)" : tipo === "texto" ? "ver el contenido completo (F9)" : "elegir un valor (F9)";
+  const lupa = tipo === null ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_IconButton.default,
+    {
+      size: "small",
+      tabIndex: -1,
+      "aria-label": titulo.replace(" (F9)", ""),
+      title: titulo,
+      onMouseDown: (e) => e.preventDefault(),
+      onClick: (e) => {
+        e.stopPropagation();
+        void abrir("");
+      },
+      sx: { p: 0, ml: 0.25, color: "primary.main", "&:hover": { backgroundColor: "action.hover" } },
+      children: tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_CalendarMonth.default, { sx: { fontSize: 16 } }) : tipo === "texto" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Search2.default, { sx: { fontSize: 16 } }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ArrowDropDown.default, { sx: { fontSize: 20 } })
+    }
+  );
+  const base = anclaje.current;
+  const ventana = !expansion || !base ? null : expansion.tipo === "opciones" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuDeOpciones, { anclaje: base, opciones: expansion.opciones, busquedaInicial: expansion.busqueda, onElegir: elegirValor, onCerrar: cerrar }) : expansion.tipo === "fecha" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectorDeFecha, { anclaje: base, fechaActual: fechaDeValor(valorActual), admiteNulo, onElegir: confirmarTexto, onCerrar: cerrar }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(VentanaDeTexto, { anclaje: base, texto: textoActual, editable: true, onAceptar: confirmarTexto, onCerrar: cerrar });
+  return { tipo, abierto, abrir, manejarTecla, lupa, ventana };
+};
+
+// src/components/forms/TypedField.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode = false, feedback, isMandatory = false }) => {
-  const theme = (0, import_material5.useTheme)();
-  const typer = (0, import_react12.useMemo)(() => import_type_store3.default.typerFrom(fieldDef), [fieldDef]);
-  const isBoolean = fieldDef.typeName === "boolean";
-  const [localString, setLocalString] = (0, import_react12.useState)(() => {
+  const theme = (0, import_material8.useTheme)();
+  const typer = (0, import_react16.useMemo)(() => import_type_store3.default.typerFrom(fieldDef), [fieldDef]);
+  const isBoolean = fieldDef.typeName === "boolean" && !isFilterMode;
+  const [localString, setLocalString] = (0, import_react16.useState)(() => {
     if (isBoolean) return "";
     if (isFilterMode) return value !== null && value !== void 0 ? String(value) : "";
     try {
@@ -1945,10 +2395,10 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
       return value === null || value === void 0 ? "" : String(value);
     }
   });
-  const [errorMsg, setErrorMsg] = (0, import_react12.useState)(null);
-  const lastValueRef = (0, import_react13.useRef)(value);
-  const lastCommittedStringRef = (0, import_react13.useRef)(localString);
-  (0, import_react12.useEffect)(() => {
+  const [errorMsg, setErrorMsg] = (0, import_react16.useState)(null);
+  const lastValueRef = (0, import_react17.useRef)(value);
+  const lastCommittedStringRef = (0, import_react17.useRef)(localString);
+  (0, import_react16.useEffect)(() => {
     if (!isBoolean) {
       if (value !== lastValueRef.current) {
         lastValueRef.current = value;
@@ -1965,7 +2415,27 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
       }
     }
   }, [value, typer, isBoolean, isFilterMode]);
-  const handleTextChange = (0, import_react12.useCallback)((e) => {
+  const entradaRef = (0, import_react17.useRef)(null);
+  const [enfocado, setEnfocado] = (0, import_react16.useState)(false);
+  const escribirEnFiltro = (0, import_react16.useCallback)((texto) => {
+    setLocalString(texto);
+    lastValueRef.current = texto;
+    onChange(fieldDef.name, texto, true);
+  }, [onChange, fieldDef.name]);
+  const expander = useExpander({
+    campo: fieldDef,
+    editable: true,
+    fila: null,
+    admiteNulo: false,
+    tipos: isFilterMode ? ["referencia", "booleano", "opciones", "fecha"] : [],
+    anclaje: entradaRef,
+    textoActual: localString,
+    valorActual: localString,
+    alElegirValor: (valor) => escribirEnFiltro(valor === null || valor === void 0 ? "" : typeof valor === "boolean" ? typer.toLocalString(valor) : String(valor)),
+    alConfirmarTexto: (texto) => escribirEnFiltro(texto ?? ""),
+    alFallar: (mensaje) => setErrorMsg(mensaje)
+  });
+  const handleTextChange = (0, import_react16.useCallback)((e) => {
     const newValueString = e.target.value;
     setLocalString(newValueString);
     let parsedValue = null;
@@ -1986,7 +2456,7 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
     lastValueRef.current = parsedValue;
     onChange(fieldDef.name, parsedValue, isValid);
   }, [typer, onChange, fieldDef.name, isFilterMode]);
-  const handleTextCommit = (0, import_react12.useCallback)(() => {
+  const handleTextCommit = (0, import_react16.useCallback)(() => {
     if (!onCommit) return;
     if (localString === lastCommittedStringRef.current) return;
     lastCommittedStringRef.current = localString;
@@ -2004,13 +2474,14 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
     }
     onCommit(fieldDef.name, parsedValue, isValid);
   }, [onCommit, fieldDef.name, localString, isFilterMode, typer]);
-  const handleTextKeyDown = (0, import_react12.useCallback)((e) => {
+  const handleTextKeyDown = (0, import_react16.useCallback)((e) => {
+    if (expander.manejarTecla(e)) return;
     if (e.key === "Enter") {
       e.preventDefault();
       handleTextCommit();
     }
-  }, [handleTextCommit]);
-  const handleBooleanChange = (0, import_react12.useCallback)((e) => {
+  }, [handleTextCommit, expander]);
+  const handleBooleanChange = (0, import_react16.useCallback)((e) => {
     const val = e.target.value;
     let finalValue = null;
     if (val === "true") finalValue = true;
@@ -2038,28 +2509,28 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
     }
     const cellBackgroundColor2 = feedback === "error" ? theme.palette.error.light : feedback === "success" ? theme.palette.success.light : defaultBgColor;
     const transitionStyle2 = "background-color 0.3s ease-in-out";
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
-      !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.InputLabel, { shrink: true, children: fieldDef.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-        import_material5.Select,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.FormControl, { fullWidth: true, error: !!errorMsg && !isFilterMode, disabled: isDisabled, size: "small", margin: "dense", children: [
+      !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputLabel, { shrink: true, children: fieldDef.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+        import_material8.Select,
         {
           value: boolVal,
           label: !isFilterMode ? fieldDef.name : void 0,
           onChange: handleBooleanChange,
-          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.InputAdornment, { position: "start", sx: { color: "text.secondary", ml: 0.5 }, children: "*" }) : void 0,
+          startAdornment: isMandatory && isEmpty && !isFilterMode ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputAdornment, { position: "start", sx: { color: "text.secondary", ml: 0.5 }, children: "*" }) : void 0,
           displayEmpty: true,
           sx: isFilterMode ? { height: 25, fontSize: "0.8rem", backgroundColor: "background.paper" } : {
             backgroundColor: cellBackgroundColor2,
             transition: transitionStyle2
           },
           children: [
-            fieldDef.nullable !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.MenuItem, { value: "", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("em", { children: "Nulo / Sin Especificar" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.MenuItem, { value: "false", children: "No (Falso)" })
+            fieldDef.nullable !== false && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("em", { children: "Nulo / Sin Especificar" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "true", children: "S\xED (Verdadero)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.MenuItem, { value: "false", children: "No (Falso)" })
           ]
         }
       ),
-      errorMsg && !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.FormHelperText, { children: errorMsg })
+      errorMsg && !isFilterMode && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.FormHelperText, { children: errorMsg })
     ] });
   }
   let inputType = "text";
@@ -2073,54 +2544,65 @@ var TypedField = ({ fieldDef, value, onChange, onCommit, disabled, isFilterMode
   }
   const cellBackgroundColor = feedback === "error" ? theme.palette.error.light : feedback === "success" ? theme.palette.success.light : defaultTextBgColor;
   const transitionStyle = "background-color 0.3s ease-in-out";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_material5.TextField,
-    {
-      fullWidth: true,
-      type: inputType,
-      label: isFilterMode ? void 0 : fieldDef.name,
-      variant: "outlined",
-      size: "small",
-      margin: isFilterMode ? "none" : "dense",
-      value: localString,
-      onChange: handleTextChange,
-      disabled: isDisabled,
-      error: !!errorMsg && !isFilterMode,
-      helperText: !isFilterMode ? errorMsg || (isMandatory ? "Obligatorio" : "") : void 0,
-      InputLabelProps: !isFilterMode ? { shrink: true } : void 0,
-      InputProps: !isFilterMode && isMandatory && isEmptyText ? {
-        startAdornment: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
-      } : {},
-      inputProps: {
-        style: {
-          textAlign: isNumericType(fieldDef.typeName) ? "right" : "left"
-        }
-      },
-      sx: isFilterMode ? {
-        "& .MuiOutlinedInput-root": {
-          backgroundColor: "background.paper",
-          height: FILTER_ROW_HEIGHT - 5,
-          minWidth: 50,
-          fontSize: "0.8rem",
-          padding: "0px"
-        }
-      } : {
-        "& .MuiOutlinedInput-root": {
-          backgroundColor: cellBackgroundColor,
-          transition: transitionStyle
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_material8.TextField,
+      {
+        fullWidth: true,
+        inputRef: entradaRef,
+        type: inputType,
+        label: isFilterMode ? void 0 : fieldDef.name,
+        variant: "outlined",
+        size: "small",
+        margin: isFilterMode ? "none" : "dense",
+        value: localString,
+        onChange: handleTextChange,
+        disabled: isDisabled,
+        error: !!errorMsg && !isFilterMode,
+        helperText: !isFilterMode ? errorMsg || (isMandatory ? "Obligatorio" : "") : void 0,
+        InputLabelProps: !isFilterMode ? { shrink: true } : void 0,
+        InputProps: isFilterMode ? {
+          // la lupa solo al enfocar el filtro, como en backend-plus
+          endAdornment: enfocado || expander.abierto.current ? expander.lupa : void 0
+        } : isMandatory && isEmptyText ? {
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material8.InputAdornment, { position: "start", sx: { color: "text.secondary", mr: 0.5 }, children: "*" })
+        } : {},
+        inputProps: {
+          style: {
+            textAlign: isNumericType(fieldDef.typeName) ? "right" : "left"
+          }
         },
-        "& .MuiOutlinedInput-input": {
-          padding: "6px 12px"
-        }
-      },
-      onBlur: handleTextCommit,
-      onKeyDown: handleTextKeyDown
-    }
-  );
+        sx: isFilterMode ? {
+          "& .MuiOutlinedInput-root": {
+            backgroundColor: "background.paper",
+            height: FILTER_ROW_HEIGHT - 5,
+            minWidth: 50,
+            fontSize: "0.8rem",
+            padding: "0px"
+          }
+        } : {
+          "& .MuiOutlinedInput-root": {
+            backgroundColor: cellBackgroundColor,
+            transition: transitionStyle
+          },
+          "& .MuiOutlinedInput-input": {
+            padding: "6px 12px"
+          }
+        },
+        onFocus: () => setEnfocado(true),
+        onBlur: () => {
+          setEnfocado(false);
+          handleTextCommit();
+        },
+        onKeyDown: handleTextKeyDown
+      }
+    ),
+    expander.ventana
+  ] });
 };
 
 // src/components/grid/FilterInputRender.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function FilterInputRenderer({
   columnKey,
   currentFilter,
@@ -2143,8 +2625,8 @@ function FilterInputRenderer({
         [columnKey]: { operator: newOp, value: formattedVal }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Box, { sx: { mt: 0, display: "flex", alignItems: "center", gap: 0.5, pr: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.Box, { sx: { mt: 0, display: "flex", alignItems: "center", gap: 0.5, pr: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "select",
         {
           value: operator,
@@ -2160,10 +2642,10 @@ function FilterInputRenderer({
             textAlign: "center",
             cursor: "pointer"
           },
-          children: filterOperators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: op.value, children: op.label }, op.value))
+          children: filterOperators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: op.value, children: op.label }, op.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         TypedField,
         {
           fieldDef,
@@ -2174,8 +2656,8 @@ function FilterInputRenderer({
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_material6.InputBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_material9.InputBase,
     {
       value: currentFilter || "",
       onChange: (e) => setFilters((prev) => ({
@@ -2197,19 +2679,18 @@ function FilterInputRenderer({
     }
   );
 }
-var FilterInputRender_default = import_react14.default.memo(FilterInputRenderer);
+var FilterInputRender_default = import_react18.default.memo(FilterInputRenderer);
 
 // src/components/grid/renderers/summaryCellRenderers.tsx
-var import_material7 = require("@mui/material");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_material10 = require("@mui/material");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
   const { column, row } = props;
   if (row.id === "filterRow") {
     const { filters, setFilters } = row;
-    const fixedFieldEntry = fixedFields?.find((f) => f.fieldName === column.key);
-    if (fixedFieldEntry && fixedFieldEntry.until === void 0) return null;
+    if (valorFijoDe(fixedFields, column.key)) return null;
     const fieldDef = esColumnaPropia(column) && column.customType === "default" ? column.fieldDef : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material7.Box, { sx: { width: "100%", height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material10.Box, { sx: { width: "100%", height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       FilterInputRender_default,
       {
         columnKey: column.key,
@@ -2251,7 +2732,7 @@ var defaultColumnSummaryCellRenderer = (props, fixedFields) => {
       label = "Cant S\xED: ";
       break;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material7.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material10.Box, { sx: {
     px: 0,
     fontWeight: "bold",
     fontSize: "0.875rem",
@@ -2269,36 +2750,36 @@ var actionsColumnSummaryCellRenderer = (_props) => null;
 var detailColumnCellSummaryRenderer = (_props) => null;
 
 // src/components/grid/renderers/cellRenderers.tsx
-var import_react15 = __toESM(require("react"), 1);
-var import_material10 = require("@mui/material");
+var import_react19 = __toESM(require("react"), 1);
+var import_material13 = require("@mui/material");
 var import_ViewHeadline = __toESM(require("@mui/icons-material/ViewHeadline"), 1);
 var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
 var import_Add2 = __toESM(require("@mui/icons-material/Add"), 1);
 
 // src/components/grid/ExampleClientSideComponent.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var ExampleClientSideComponent = ({ row, column, fieldDefinition }) => {
   const value = row[column.key];
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material8.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Box, { sx: {
     padding: 0.5,
     width: "100%",
     height: "100%",
     display: "flex",
     alignItems: "center",
     backgroundColor: value === "Special" ? "lightblue" : "transparent"
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material8.Typography, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material11.Typography, { variant: "body2", sx: { fontWeight: "bold" }, children: value ? `CS: ${value}` : "N/A" }) });
 };
 var ExampleClientSideComponent_default = ExampleClientSideComponent;
 
 // src/components/grid/FallbackClientSideRenderer.tsx
-var import_material9 = require("@mui/material");
+var import_material12 = require("@mui/material");
 var import_WarningAmber2 = __toESM(require("@mui/icons-material/WarningAmber"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
   const clientSideName = fieldDefinition?.clientSide || "Desconocido";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Tooltip, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    import_material9.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Tooltip, { title: `Componente clientSide '${clientSideName}' no implementado. Mostrando valor por defecto.`, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_material12.Box,
     {
       sx: {
         display: "flex",
@@ -2318,8 +2799,8 @@ var FallbackClientSideRenderer = ({ column, row, fieldDefinition }) => {
         // Evita que el contenido se desborde
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Typography, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", noWrap: true, sx: { flexGrow: 1 }, children: clientSideName + " not found" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           import_WarningAmber2.default,
           {
             sx: {
@@ -2347,9 +2828,9 @@ var extendClientSides = (newRenderers) => {
 };
 
 // src/components/grid/renderers/cellRenderers.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CeldaDato = import_react15.default.memo(function CeldaDato2({ row, columnKey, defaultColumn }) {
-  const theme = (0, import_material10.useTheme)();
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CeldaDato = import_react19.default.memo(function CeldaDato2({ row, columnKey, defaultColumn }) {
+  const theme = (0, import_material13.useTheme)();
   const { primaryKey, fixedFields, typer, isMandatory, isNumeric } = defaultColumn;
   const rowId = getPrimaryKeyValues(row, primaryKey);
   const currentCellFeedback = useFeedbackCelda(`${rowId}-${columnKey}`);
@@ -2359,7 +2840,7 @@ var CeldaDato = import_react15.default.memo(function CeldaDato2({ row, columnKey
   let cellBackgroundColor = "transparent";
   if (currentCellFeedback) {
     cellBackgroundColor = currentCellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
-  } else if (fixedFields?.some((f) => f.fieldName === columnKey)) {
+  } else if (valorFijoDe(fixedFields, columnKey)) {
     cellBackgroundColor = theme.palette.action.selected;
   } else if (isMandatory && !hasValue || pendiente) {
     cellBackgroundColor = "#e3f2fd";
@@ -2369,7 +2850,7 @@ var CeldaDato = import_react15.default.memo(function CeldaDato2({ row, columnKey
     displayValue = "* " + displayValue;
   }
   const signal = displayValue === "--" ? "typed-controls-signal-no-data" : displayValue === "//" ? "typed-controls-signal-unknown-data" : "";
-  const celda = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const celda = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       className: `fpr-celda ${isNumeric ? "fpr-celda-numerica" : ""} ${signal} ${row[NEW_ROW_INDICATOR] ? "new-row-cell-animation" : ""}`,
@@ -2377,13 +2858,13 @@ var CeldaDato = import_react15.default.memo(function CeldaDato2({ row, columnKey
       children: displayValue
     }
   );
-  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Tooltip, { title: currentCellFeedback.message, children: celda }) : celda;
+  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Tooltip, { title: currentCellFeedback.message, children: celda }) : celda;
 });
 var allColumnsCellRenderer = (props) => {
   const { row, column } = props;
   if (!esColumnaPropia(column)) return void 0;
   if (esFilaDetalle(row)) {
-    return column.customType === "action" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CeldaDetalle, { fila: row }) : null;
+    return column.customType === "action" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CeldaDetalle, { fila: row }) : null;
   }
   switch (column.customType) {
     case "default": {
@@ -2392,15 +2873,15 @@ var allColumnsCellRenderer = (props) => {
       if (fieldDef?.clientSide) {
         const ClientSideComponent = clientSides[fieldDef.clientSide];
         if (ClientSideComponent) {
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ClientSideComponent, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FallbackClientSideRenderer_default, { ...props, fieldDefinition: fieldDef, tableDefinition, primaryKey });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CeldaDato, { row, columnKey: props.column.key, defaultColumn });
     }
     case "detail": {
       const { detailTable, primaryKey } = column;
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         BotonDetalle,
         {
           row,
@@ -2435,8 +2916,8 @@ var allColumnsCellRenderer = (props) => {
           color: "primary"
         }
       ];
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_material10.Button,
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", gap: 0.5 }, children: gridActionButtons.map((actionDef) => tableDefinition.allow[actionDef.action] ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_material13.Button,
         {
           variant: "outlined",
           color: actionDef.color,
@@ -2444,7 +2925,7 @@ var allColumnsCellRenderer = (props) => {
           onClick: () => actionDef.handler(row),
           title: actionDef.title,
           sx: { width: 22, minWidth: 22, height: 22, "& .MuiButton-startIcon": { m: 0 } },
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(actionDef.icon, { sx: { fontSize: 18 } })
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(actionDef.icon, { sx: { fontSize: 18 } })
         },
         actionDef.action
       ) : null) });
@@ -2455,14 +2936,13 @@ var allColumnsCellRenderer = (props) => {
 };
 
 // src/components/grid/InputRenderer.tsx
-var import_react17 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 
 // src/hooks/useTableRecordSave.ts
-var import_react16 = require("react");
+var import_react20 = require("react");
 var useTableRecordSave = () => {
   const { callApi, loading, error } = useApiCall();
-  const saveRecord = (0, import_react16.useCallback)(async ({
-    tableName,
+  const saveRecord = (0, import_react20.useCallback)(async ({
     tableDefinition,
     isNewRow,
     formData,
@@ -2491,13 +2971,12 @@ var useTableRecordSave = () => {
           }
         });
       }
-      tableDefinition.primaryKey.forEach((pkField) => {
-        rowToSend[pkField] = formData[pkField];
-      });
     }
     const primaryKeyValuesForBackend = isNewRow ? [] : tableDefinition.primaryKey.map((key) => initialData[key]);
     const response = await callApi("table_record_save", {
-      table: tableName,
+      // como backend-plus (`depot.def.name`): el servidor busca la definición por este nombre. Una definición que guarda en
+      // otra tabla (`tableName`, con campos de `table`) no existe con el nombre de la física: ahí faltarían sus campos
+      table: tableDefinition.name,
       primaryKeyValues: primaryKeyValuesForBackend,
       newRow: rowToSend,
       oldRow: isNewRow ? {} : initialData,
@@ -2510,9 +2989,9 @@ var useTableRecordSave = () => {
 
 // src/components/grid/InputRenderer.tsx
 var import_InputBase = __toESM(require("@mui/material/InputBase"), 1);
-var import_material11 = require("@mui/material");
+var import_material14 = require("@mui/material");
 var import_type_store4 = __toESM(require("type-store"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function findChangedValues(oldRowData, newRowData, isNewRow) {
   let changes = [];
   for (const key in newRowData) {
@@ -2538,13 +3017,13 @@ function InputRenderer({
   const setCellFeedbackMap = estadoGrilla.setFeedback;
   const setLocalCellChanges = estadoGrilla.setCambiosLocales;
   const fieldDefinition = requerido(tableDefinition.fields.find((f) => f.name === column.key), `el campo '${column.key}'`);
-  const typer = (0, import_react17.useMemo)(() => import_type_store4.default.typerFrom(fieldDefinition), [fieldDefinition]);
-  const [editingValue, setEditingValue] = (0, import_react17.useState)(() => row[column.key] !== null ? isNumericType(fieldDefinition?.typeName) ? row[column.key] : typer.toLocalString(row[column.key]) : null);
-  const isCommitInProgress = import_react17.default.useRef(false);
-  const theme = (0, import_material11.useTheme)();
+  const typer = (0, import_react21.useMemo)(() => import_type_store4.default.typerFrom(fieldDefinition), [fieldDefinition]);
+  const [editingValue, setEditingValue] = (0, import_react21.useState)(() => row[column.key] !== null ? isNumericType(fieldDefinition?.typeName) ? row[column.key] : typer.toLocalString(row[column.key]) : null);
+  const isCommitInProgress = import_react21.default.useRef(false);
+  const entradaRef = import_react21.default.useRef(null);
+  const theme = (0, import_material14.useTheme)();
   const { showSuccess, showError } = useSnackbar();
   const { saveRecord } = useTableRecordSave();
-  const tableName = tableDefinition.tableName;
   const rowId = getPrimaryKeyValues(row, primaryKey);
   const cellKey = `${rowId}-${column.key}`;
   const currentCellFeedback = useFeedbackCelda(cellKey);
@@ -2556,16 +3035,18 @@ function InputRenderer({
     cellBackgroundColor = currentCellFeedback.type === "error" ? theme.palette.error.light : theme.palette.success.light;
     cellBorderColor = currentCellFeedback.type === "error" ? theme.palette.error.main : theme.palette.success.main;
   }
-  const initialRowId = (0, import_react17.useMemo)(() => getPrimaryKeyValues(row, primaryKey), [row, primaryKey]);
-  const handleCommit = (0, import_react17.useCallback)(async (currentValue, closeEditor, focusNextCell) => {
+  const initialRowId = (0, import_react21.useMemo)(() => getPrimaryKeyValues(row, primaryKey), [row, primaryKey]);
+  const handleCommit = (0, import_react21.useCallback)(async (currentValue, closeEditor, focusNextCell) => {
     if (isCommitInProgress.current) return;
     isCommitInProgress.current = true;
     let processedNewValue;
     try {
-      processedNewValue = getBestTypedValue(currentValue, typer);
+      processedNewValue = tiparEntrada(currentValue, typer);
       typer.validateTypedData(processedNewValue);
     } catch (err) {
       showError(mensajeDeError(err));
+      const claveDeLaCelda = `${getPrimaryKeyValues(row, tableDefinition.primaryKey)}-${column.key}`;
+      setCellFeedbackMap((prev) => new Map(prev).set(claveDeLaCelda, { rowId: getPrimaryKeyValues(row, tableDefinition.primaryKey), columnKey: column.key, type: "error", message: mensajeDeError(err) }));
       isCommitInProgress.current = false;
       return;
     }
@@ -2622,7 +3103,6 @@ function InputRenderer({
     }
     try {
       const response = await saveRecord({
-        tableName,
         tableDefinition,
         isNewRow,
         formData: potentialUpdatedRow,
@@ -2688,7 +3168,6 @@ function InputRenderer({
     column,
     row,
     onRowChange,
-    tableName,
     tableDefinition.primaryKey,
     tableDefinition.fields,
     showSuccess,
@@ -2700,42 +3179,75 @@ function InputRenderer({
     initialRowId,
     typer
   ]);
-  const handleKeyDown = (0, import_react17.useCallback)(async (event) => {
+  const confirmarEnExpansion = (0, import_react21.useCallback)((nuevo) => {
+    setEditingValue(nuevo);
+    void handleCommit(nuevo, true, false);
+  }, [handleCommit]);
+  const elegirOpcion = (0, import_react21.useCallback)((valor) => {
+    confirmarEnExpansion(valor === null || valor === void 0 ? null : typeof valor === "boolean" || isNumericType(fieldDefinition.typeName) ? valor : typer.toLocalString(valor));
+  }, [fieldDefinition.typeName, typer, confirmarEnExpansion]);
+  const expander = useExpander({
+    campo: fieldDefinition,
+    editable: fieldDefinition.editable !== false,
+    fila: row,
+    admiteNulo: fieldDefinition.nullable !== false,
+    anclaje: entradaRef,
+    textoActual: editingValue === null || editingValue === void 0 ? "" : String(editingValue),
+    valorActual: row[column.key],
+    alElegirValor: elegirOpcion,
+    alConfirmarTexto: confirmarEnExpansion,
+    alFallar: showError
+  });
+  const handleKeyDown = (0, import_react21.useCallback)(async (event) => {
+    if (expander.manejarTecla(event)) return;
+    if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey && caracterRechazado(event.key, typer)) {
+      event.preventDefault();
+      if (expander.tipo === "referencia") void expander.abrir(event.key);
+      return;
+    }
     if (event.key === "F4") {
       event.preventDefault();
       if (onKeyPress) {
-        onKeyPress(rowIdx, column.key, event, handleCommit);
+        onKeyPress(rowIdx, column.key, event, handleCommit, editingValue);
       }
       return;
     }
-    if (["Enter", "Tab", "ArrowDown", "ArrowUp", "ArrowRight", "ArrowLeft"].includes(event.key)) {
-      void handleCommit(editingValue, true, true);
-      if (onKeyPress) {
-        onKeyPress(rowIdx, column.key, event, handleCommit);
-      }
+    if (onKeyPress?.(rowIdx, column.key, event, handleCommit, editingValue)) {
+      event.preventDefault();
     }
-  }, [handleCommit, editingValue, column.key, rowIdx, onKeyPress]);
-  const procesarTecla = import_react17.default.useRef(() => {
+  }, [handleCommit, editingValue, column.key, rowIdx, onKeyPress, expander, typer]);
+  const procesarTecla = import_react21.default.useRef(() => {
   });
   procesarTecla.current = (key) => {
-    if (key === "F4" && onKeyPress) {
-      onKeyPress(rowIdx, column.key, { key, target: document.activeElement ?? document.body }, handleCommit);
+    if (key === "F9") {
+      void expander.abrir("");
+    } else if (key === "F4" && onKeyPress) {
+      onKeyPress(rowIdx, column.key, { key, target: document.activeElement ?? document.body }, handleCommit, editingValue);
     }
   };
-  (0, import_react17.useEffect)(() => registrarEditor?.((key) => procesarTecla.current(key)), []);
-  const handleBlur = (0, import_react17.useCallback)(() => {
+  (0, import_react21.useEffect)(() => registrarEditor?.((key) => procesarTecla.current(key)), []);
+  const handleBlur = (0, import_react21.useCallback)(() => {
+    if (expander.abierto.current) return;
     handleCommit(editingValue, true, false);
   }, [handleCommit, editingValue]);
   const isFieldEditable = fieldDefinition?.editable !== false;
   const isNumeric = isNumericType(fieldDefinition?.typeName);
-  const editor = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const editor = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_InputBase.default,
     {
       autoFocus: true,
       value: editingValue,
       onChange: (e) => setEditingValue(e.target.value),
       onKeyDown: handleKeyDown,
+      onPaste: (e) => {
+        const pegado = e.clipboardData.getData("text");
+        if (textoPegadoRechazado(pegado, typer)) {
+          e.preventDefault();
+          showError(`\xAB${pegado}\xBB no es un valor v\xE1lido para este campo (${typer.typeName})`);
+        }
+      },
       onBlur: handleBlur,
+      inputRef: entradaRef,
       placeholder: isMandatory ? "*" : "",
       className: editingValue === "--" ? "typed-controls-signal-no-data" : editingValue === "//" ? "typed-controls-signal-unknown-data" : "",
       sx: {
@@ -2752,15 +3264,20 @@ function InputRenderer({
         }
       },
       onClick: (e) => e.stopPropagation(),
-      disabled: !isFieldEditable
+      disabled: !isFieldEditable,
+      endAdornment: expander.lupa
     }
   );
-  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material11.Tooltip, { title: currentCellFeedback.message, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { width: "100%" }, children: editor }) }) : editor;
+  const conMenu = /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    editor,
+    expander.ventana
+  ] });
+  return currentCellFeedback?.message ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Tooltip, { title: currentCellFeedback.message, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { width: "100%" }, children: conMenu }) }) : conMenu;
 }
 var InputRenderer_default = InputRenderer;
 
 // src/components/grid/renderers/editCellRenderers.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var allColumnsEditCellRenderer = (props, allColumns) => {
   const column = props.column;
   if (!esColumnaPropia(column)) return void 0;
@@ -2777,17 +3294,17 @@ var allColumnsEditCellRenderer = (props, allColumns) => {
       } = defaultColumn;
       if (column.editable) {
         const fieldDefinition = tableDefinition.fields.find((f) => f.name === column.key);
-        const isFixedField = fixedFields?.some((f) => f.fieldName === column.key);
+        const isFixedField = valorFijoDe(fixedFields, column.key) !== void 0;
         const isFieldEditableByUI = fieldDefinition?.editable !== false && !isFixedField;
         if (!isFieldEditableByUI) {
           return void 0;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           InputRenderer_default,
           {
             ...props,
             tableDefinition,
-            onKeyPress: (rowIndex, columnKey, event, handleCommit) => handleKeyPressInEditor(rowIndex, columnKey, event, allColumns, handleCommit),
+            onKeyPress: (rowIndex, columnKey, event, handleCommit, valorActual) => handleKeyPressInEditor(rowIndex, columnKey, event, allColumns, handleCommit, valorActual),
             registrarEditor,
             setTableData,
             primaryKey
@@ -2813,6 +3330,10 @@ var calcularAnchosDeColumnas = (tableDefinition, filas) => {
   const anchos = /* @__PURE__ */ new Map();
   const muestra = filas.slice(0, 50);
   tableDefinition.fields.forEach((fieldDef) => {
+    if (typeof fieldDef.width === "number" && fieldDef.width > 0) {
+      anchos.set(fieldDef.name, fieldDef.width);
+      return;
+    }
     const headerLabel = fieldDef.label || fieldDef.name;
     const type = fieldDef.typeName?.toLowerCase() || "";
     let typeMinWidth = 60;
@@ -2850,14 +3371,13 @@ var useGridColumns = ({
   toggleFilterVisibility,
   abrirOpcionesDeGrilla
 }) => {
-  const columns = (0, import_react18.useMemo)(() => {
+  const columns = (0, import_react22.useMemo)(() => {
     if (!tableDefinition) return [];
     const fieldsToShow = tableDefinition.fields.filter((field) => {
-      const isFixedField = fixedFields?.some((f) => f.fieldName === field.name);
-      return !isFixedField && field.visible !== false;
+      return !columnaOcultaPorFixedField(fixedFields, field.name) && field.visible !== false;
     });
     const defaultColumns = fieldsToShow.map((fieldDef) => {
-      const isFixedField = fixedFields?.some((f) => f.fieldName === fieldDef.name);
+      const isFixedField = valorFijoDe(fixedFields, fieldDef.name) !== void 0;
       const isFieldEditable = fieldDef.editable !== false && !isFixedField;
       const colWidth = anchosCalculados.get(fieldDef.name) ?? estimateTextWidth(fieldDef.label || fieldDef.name) + 20;
       const column = {
@@ -2902,7 +3422,7 @@ var useGridColumns = ({
       editable: false,
       resizable: false,
       sortable: false,
-      renderHeaderCell: () => import_react18.default.createElement(ActionsColumnHeaderCell, {
+      renderHeaderCell: () => import_react22.default.createElement(ActionsColumnHeaderCell, {
         toggleFilterVisibility,
         handleDataGridOptions: (e) => abrirOpcionesDeGrilla(e.currentTarget),
         handleAddRow,
@@ -2936,7 +3456,9 @@ var useGridColumns = ({
     return allColumns.map((col) => ({
       ...col,
       colSpan: col.customType === "action" ? colSpanDetalle : col.colSpan,
-      editorOptions: { closeOnExternalRowChange: false },
+      // el editor guarda por su cuenta (Enter, Tab, flechas y, al perder el foco, el clic afuera): con commitOnOutsideClick react-data-grid
+      // lo cierra sin guardar y los menús (F9), que son un modal, cuentan como «afuera»
+      editorOptions: { closeOnExternalRowChange: false, commitOnOutsideClick: false },
       renderEditCell: (props) => allColumnsEditCellRenderer(props, allColumns),
       renderCell: (props) => allColumnsCellRenderer(props)
     }));
@@ -2945,13 +3467,13 @@ var useGridColumns = ({
 };
 
 // src/components/grid/ImportDialog.tsx
-var import_react19 = require("react");
-var import_material12 = require("@mui/material");
+var import_react23 = require("react");
+var import_material15 = require("@mui/material");
 var import_FileUpload2 = __toESM(require("@mui/icons-material/FileUpload"), 1);
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ImportDialog = ({ open, onClose, onImport, loading }) => {
-  const [file, setFile] = (0, import_react19.useState)(null);
-  const [options, setOptions] = (0, import_react19.useState)({
+  const [file, setFile] = (0, import_react23.useState)(null);
+  const [options, setOptions] = (0, import_react23.useState)({
     skipUnknownFieldsAtImport: false,
     simplificateSpaces: true,
     replaceNewLineWithSpace: true
@@ -2970,16 +3492,16 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.Dialog, { open, onClose: loading ? void 0 : onClose, maxWidth: "sm", fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_FileUpload2.default, { color: "primary" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Dialog, { open, onClose: loading ? void 0 : onClose, maxWidth: "sm", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FileUpload2.default, { color: "primary" }),
       "Importar datos desde archivo"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.Stack, { spacing: 3, sx: { mt: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          import_material12.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.DialogContent, { dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Stack, { spacing: 3, sx: { mt: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Seleccionar archivo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          import_material15.Box,
           {
             sx: {
               border: "1px dashed",
@@ -2991,7 +3513,7 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
               position: "relative"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "input",
                 {
                   type: "file",
@@ -3008,69 +3530,69 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", color: file ? "textPrimary" : "textSecondary", children: file ? file.name : "Haz clic aqu\xED para seleccionar un archivo" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.Box, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.Stack, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_material12.FormControlLabel,
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Box, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "subtitle2", gutterBottom: true, fontWeight: "bold", children: "Opciones de importaci\xF3n" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.Stack, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_material12.Checkbox,
+              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_material15.Checkbox,
                 {
                   checked: options.skipUnknownFieldsAtImport,
                   onChange: handleOptionChange("skipUnknownFieldsAtImport"),
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", children: "Omitir campos desconocidos al importar" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Omitir campos desconocidos al importar" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_material12.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_material12.Checkbox,
+              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_material15.Checkbox,
                 {
                   checked: options.simplificateSpaces,
                   onChange: handleOptionChange("simplificateSpaces"),
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", children: "Simplificar espacios" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Simplificar espacios" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_material12.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_material15.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                import_material12.Checkbox,
+              control: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_material15.Checkbox,
                 {
                   checked: options.replaceNewLineWithSpace,
                   onChange: handleOptionChange("replaceNewLineWithSpace"),
                   size: "small"
                 }
               ),
-              label: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Typography, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
+              label: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Typography, { variant: "body2", children: "Reemplazar saltos de l\xEDnea con espacios" })
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material12.DialogActions, { sx: { px: 3, py: 2 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material12.Button, { onClick: onClose, disabled: loading, children: "Cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        import_material12.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material15.DialogActions, { sx: { px: 3, py: 2 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material15.Button, { onClick: onClose, disabled: loading, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_material15.Button,
         {
           onClick: handleConfirm,
           variant: "contained",
           disabled: !file || loading,
-          startIcon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_FileUpload2.default, {}),
+          startIcon: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_FileUpload2.default, {}),
           children: loading ? "Procesando..." : "Confirmar Importaci\xF3n"
         }
       )
@@ -3079,11 +3601,11 @@ var ImportDialog = ({ open, onClose, onImport, loading }) => {
 };
 
 // src/components/grid/ExportDialog.tsx
-var import_react20 = require("react");
-var import_material13 = require("@mui/material");
+var import_react24 = require("react");
+var import_material16 = require("@mui/material");
 var XLSX = __toESM(require("xlsx"), 1);
 var import_type_store5 = __toESM(require("type-store"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ExportDialog = ({
   open,
   onClose,
@@ -3092,13 +3614,13 @@ var ExportDialog = ({
   filteredRows,
   username = "anonymous"
 }) => {
-  const [format, setFormat] = (0, import_react20.useState)("xlsx");
-  const [options, setOptions] = (0, import_react20.useState)({
+  const [format, setFormat] = (0, import_react24.useState)("xlsx");
+  const [options, setOptions] = (0, import_react24.useState)({
     fromOtherTables: true,
     readOnly: true,
     hiddens: false
   });
-  const [isPreparing, setIsPreparing] = (0, import_react20.useState)(false);
+  const [isPreparing, setIsPreparing] = (0, import_react24.useState)(false);
   const handleOptionChange = (event) => {
     setOptions({
       ...options,
@@ -3228,66 +3750,66 @@ var ExportDialog = ({
       URL.revokeObjectURL(url);
     }, 0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.DialogTitle, { children: "Exportar Datos" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.DialogContent, { children: isPreparing ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.Box, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Typography, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.Box, { sx: { mt: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.FormControl, { component: "fieldset", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.FormLabel, { component: "legend", children: "Formato" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-          import_material13.RadioGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Dialog, { open, onClose, maxWidth: "xs", fullWidth: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.DialogTitle, { children: "Exportar Datos" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.DialogContent, { children: isPreparing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { display: "flex", flexDirection: "column", alignItems: "center", py: 4, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { sx: { mt: 2 }, children: "Preparando exportaci\xF3n..." })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { mt: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.FormControl, { component: "fieldset", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormLabel, { component: "legend", children: "Formato" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          import_material16.RadioGroup,
           {
             value: format,
             onChange: (e) => setFormat(e.target.value),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.FormControlLabel, { value: "xlsx", control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Radio, {}), label: "Excel (.xlsx)" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.FormControlLabel, { value: "tab", control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Radio, {}), label: "Tabulado (.tab | )" }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.FormControlLabel, { value: "csv", control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Radio, {}), label: "CSV (.csv , )" })
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "xlsx", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "Excel (.xlsx)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "tab", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "Tabulado (.tab | )" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.FormControlLabel, { value: "csv", control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Radio, {}), label: "CSV (.csv , )" })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.Box, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Typography, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.FormGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_material13.FormControlLabel,
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "subtitle2", gutterBottom: true, children: "Opciones de campos:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.FormGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Checkbox, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.fromOtherTables, onChange: handleOptionChange, name: "fromOtherTables" }),
               label: "Desde otras tablas"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_material13.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Checkbox, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.readOnly, onChange: handleOptionChange, name: "readOnly" }),
               label: "Solo lectura"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_material13.FormControlLabel,
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_material16.FormControlLabel,
             {
-              control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Checkbox, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
+              control: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Checkbox, { checked: options.hiddens, onChange: handleOptionChange, name: "hiddens" }),
               label: "Ocultos"
             }
           )
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_material13.DialogActions, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Button, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material13.Button, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.DialogActions, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Button, { onClick: onClose, disabled: isPreparing, children: "Cancelar" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Button, { onClick: handlePrepareExport, variant: "contained", disabled: isPreparing, children: "Descargar" })
     ] })
   ] });
 };
 
 // src/pages/VerticalEditorPage.tsx
-var import_react21 = require("react");
-var import_material14 = require("@mui/material");
+var import_react25 = require("react");
+var import_material17 = require("@mui/material");
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var VerticalEditorPage = ({
   tableName,
   tableDefinition,
@@ -3298,20 +3820,20 @@ var VerticalEditorPage = ({
   onClose
 }) => {
   const { saveRecord } = useTableRecordSave();
-  const [internalIsNewRow, setInternalIsNewRow] = (0, import_react21.useState)(isNewRow);
-  const [formData, setFormData] = (0, import_react21.useState)(initialData);
-  const [lastSavedData, setLastSavedData] = (0, import_react21.useState)(initialData);
-  const [validityMap, setValidityMap] = (0, import_react21.useState)({});
-  const [globalError, setGlobalError] = (0, import_react21.useState)(null);
-  const [isSaving, setIsSaving] = (0, import_react21.useState)(false);
-  const [fieldFeedback, setFieldFeedback] = (0, import_react21.useState)({});
-  const feedbackTimersRef = (0, import_react21.useRef)({});
-  const handleFieldChange = (0, import_react21.useCallback)((fieldName, newValue, isValid) => {
+  const [internalIsNewRow, setInternalIsNewRow] = (0, import_react25.useState)(isNewRow);
+  const [formData, setFormData] = (0, import_react25.useState)(initialData);
+  const [lastSavedData, setLastSavedData] = (0, import_react25.useState)(initialData);
+  const [validityMap, setValidityMap] = (0, import_react25.useState)({});
+  const [globalError, setGlobalError] = (0, import_react25.useState)(null);
+  const [isSaving, setIsSaving] = (0, import_react25.useState)(false);
+  const [fieldFeedback, setFieldFeedback] = (0, import_react25.useState)({});
+  const feedbackTimersRef = (0, import_react25.useRef)({});
+  const handleFieldChange = (0, import_react25.useCallback)((fieldName, newValue, isValid) => {
     setFormData((prev) => ({ ...prev, [fieldName]: newValue }));
     setValidityMap((prev) => ({ ...prev, [fieldName]: isValid }));
     setGlobalError(null);
   }, []);
-  const isFormValid = (0, import_react21.useMemo)(() => {
+  const isFormValid = (0, import_react25.useMemo)(() => {
     for (const key in validityMap) {
       if (validityMap[key] === false) return false;
     }
@@ -3324,7 +3846,7 @@ var VerticalEditorPage = ({
     }
     return true;
   }, [formData, validityMap, tableDefinition.fields]);
-  const handleCommit = (0, import_react21.useCallback)(async (fieldName, newValue, isValid) => {
+  const handleCommit = (0, import_react25.useCallback)(async (fieldName, newValue, isValid) => {
     if (!isValid) return;
     if (sameValue(newValue, lastSavedData[fieldName])) {
       return;
@@ -3346,7 +3868,6 @@ var VerticalEditorPage = ({
     setGlobalError(null);
     try {
       const response = await saveRecord({
-        tableName,
         tableDefinition,
         isNewRow: internalIsNewRow,
         formData: potentialUpdatedRow,
@@ -3415,21 +3936,21 @@ var VerticalEditorPage = ({
     tableDefinition,
     onSaveSuccess
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.Box, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.DialogTitle, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.Typography, { component: "div", variant: "h6", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { p: 2, display: "flex", flexDirection: "column", height: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogTitle, { sx: { px: 0, pt: 0, display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Typography, { component: "div", variant: "h6", children: [
         isNewRow ? "Nuevo Registro" : "Editar Registro",
         " - ",
         tableDefinition.title || tableName
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.IconButton, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Close.default, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.IconButton, { onClick: onClose, size: "small", edge: "end", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Close.default, {}) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.DialogContent, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
-      globalError && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.map((field) => {
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogContent, { dividers: true, sx: { px: 2, flexGrow: 1, py: 1 }, children: [
+      globalError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Alert, { severity: "error", sx: { mb: 2 }, children: globalError }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: tableDefinition.fields.map((field) => {
         const isFixed = fixedFields?.some((ff) => ff.fieldName === field.name);
         const isMandatory = field.nullable === false || tableDefinition.primaryKey.includes(field.name);
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { width: "100%", maxWidth: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           TypedField,
           {
             fieldDef: field,
@@ -3443,23 +3964,90 @@ var VerticalEditorPage = ({
         ) }, field.name);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.DialogActions, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material14.Box, { children: [
-        isSaving && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.CircularProgress, { size: 20, sx: { ml: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.DialogActions, { sx: { px: 0, pb: 0, pt: 2, justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { children: [
+        isSaving && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CircularProgress, { size: 20, sx: { ml: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { marginLeft: 10, fontSize: "0.8rem", color: "#666" }, children: isSaving ? "Guardando..." : "Cambios auto-guardados" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material14.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Button, { variant: "outlined", onClick: onClose, children: "Cerrar" })
     ] })
   ] });
 };
 
+// src/utils/parametrosDeTabla.ts
+var import_json4all2 = __toESM(require("json4all"), 1);
+function esRegistro(valor) {
+  return typeof valor === "object" && valor !== null && !Array.isArray(valor) && !(valor instanceof Date);
+}
+var CODIFICADOS = ["ff", "fc", "td", "pf"];
+function parametrosDeDireccion(direccion) {
+  const resultado = {};
+  direccion.split("&").forEach((par) => {
+    const sinMarca = par.replace(/^[#?]/, "");
+    const igual = sinMarca.indexOf("=");
+    if (igual === -1) return;
+    const nombre = sinMarca.slice(0, igual);
+    try {
+      const texto = decodeURIComponent(sinMarca.slice(igual + 1));
+      resultado[nombre] = CODIFICADOS.includes(nombre) ? import_json4all2.default.parse(texto) : texto;
+    } catch (err) {
+      console.warn(`No se pudo interpretar el par\xE1metro '${nombre}' de la direcci\xF3n:`, err);
+    }
+  });
+  return resultado;
+}
+function aFixedFields(valor) {
+  if (Array.isArray(valor)) {
+    return valor.flatMap((par) => {
+      if (!esRegistro(par) || typeof par.fieldName !== "string") return [];
+      const fixedField = { fieldName: par.fieldName, value: par.value };
+      if (par.until !== void 0) fixedField.until = par.until;
+      if (typeof par.range === "boolean") fixedField.range = par.range;
+      if (typeof par.show === "boolean") fixedField.show = par.show;
+      return [fixedField];
+    });
+  }
+  if (esRegistro(valor)) return Object.entries(valor).map(([fieldName, value]) => ({ fieldName, value }));
+  return [];
+}
+function aFiltrosIniciales(valor) {
+  if (!Array.isArray(valor) || valor.length === 0) return [];
+  const filas = Array.isArray(valor[0]) ? valor : [valor];
+  return filas.map((fila) => Array.isArray(fila) ? fila.flatMap((condicion) => {
+    if (!esRegistro(condicion) || typeof condicion.operator !== "string") return [];
+    const columna = condicion.column ?? condicion.fieldName;
+    return typeof columna === "string" ? [{ column: columna, operator: condicion.operator, value: condicion.value }] : [];
+  }) : []).filter((fila) => fila.length > 0);
+}
+function parametrosDeTabla(item, direccion) {
+  const origen = { ...item, ...parametrosDeDireccion(direccion) };
+  const parametros = {};
+  const fixedFields = aFixedFields(origen.ff ?? origen.fixedFields);
+  if (fixedFields.length > 0) parametros.fixedFields = fixedFields;
+  const filterColumns = aFiltrosIniciales(origen.fc);
+  if (filterColumns.length > 0) parametros.filterColumns = filterColumns;
+  if (esRegistro(origen.td)) parametros.tableDef = origen.td;
+  if (esRegistro(origen.pf)) parametros.parameterFunctions = origen.pf;
+  if (typeof origen.pick === "string") parametros.pick = origen.pick;
+  if (typeof origen.label === "string") parametros.label = origen.label;
+  return parametros;
+}
+function fusionar(base, cambios) {
+  const resultado = { ...base };
+  for (const [clave, valor] of Object.entries(cambios)) {
+    const actual = Reflect.get(resultado, clave);
+    Reflect.set(resultado, clave, esRegistro(actual) && esRegistro(valor) ? fusionar(actual, valor) : valor);
+  }
+  return resultado;
+}
+
 // src/rutaBase.ts
 var import_meta2 = {};
 var baseDelBundler = import_meta2.env?.BASE_URL ?? "/";
 var rutaBase = baseDelBundler.replace(/\/+$/, "");
 
 // src/components/grid/GenericDataGrid.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var SUMMARY_ROW_HEIGHT = 35;
 var FILTER_ROW_HEIGHT = 35;
 var HEADER_ROW_HEIGHT = 30;
@@ -3478,9 +4066,9 @@ var esColumnaPropia = (columna) => "customType" in columna;
 var SIN_ANCESTROS = [];
 var cargasEnCurso = /* @__PURE__ */ new Map();
 var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
-  const theme = (0, import_material15.useTheme)();
+  const theme = (0, import_material18.useTheme)();
   const { tableDefinition, row } = ancestor;
-  const columns = (0, import_react22.useMemo)(() => {
+  const columns = (0, import_react26.useMemo)(() => {
     const filteredFields = tableDefinition.fields.filter(
       (field) => !fieldsToHide?.some((ff) => ff.fieldName === field.name)
     );
@@ -3491,8 +4079,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
         name: field.label || cambiarGuionesBajosPorEspacios(field.name),
         width: 150,
         editable: false,
-        renderHeaderCell: () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          import_material15.Typography,
+        renderHeaderCell: () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { p: 0.5, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_material18.Typography,
           {
             variant: "caption",
             sx: {
@@ -3503,11 +4091,11 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
             children: field.label || cambiarGuionesBajosPorEspacios(field.name)
           }
         ) }),
-        renderCell: (props) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Typography, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
+        renderCell: (props) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 1, height: "100%", display: "flex", alignItems: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "body2", sx: { fontSize: "0.875rem" }, noWrap: true, children: String(props.row[field.name] ?? "") }) })
       };
     });
   }, [tableDefinition, fieldsToHide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: {
     mb: 1.5,
     ml: index * 4,
     // El primer ancestro (index 0) no tiene margen, los siguientes sí
@@ -3518,7 +4106,7 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
     boxShadow: theme.shadows[1],
     bgcolor: "background.paper"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: {
       bgcolor: "primary.main",
       color: "primary.contrastText",
       px: 1.5,
@@ -3529,8 +4117,8 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
       alignItems: "center",
       fontWeight: "bold",
       gap: 1
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "subtitle2", component: "div", children: cambiarGuionesBajosPorEspacios(ancestor.tableName) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       import_react_data_grid.DataGrid,
       {
         className: "rdg-light",
@@ -3547,6 +4135,10 @@ var StaticAncestorGrid = ({ ancestor, index, fieldsToHide }) => {
 var GenericDataGrid = ({
   tableName,
   fixedFields: fixedFieldsRecibidos,
+  filterColumns: filterColumnsRecibidos,
+  tableDef: tableDefRecibido,
+  parameterFunctions: parameterFunctionsRecibido,
+  pick: pickRecibido,
   gridStyles,
   onOpenDetail,
   ancestors = SIN_ANCESTROS,
@@ -3559,36 +4151,42 @@ var GenericDataGrid = ({
   altoMaximoDetalle
 }) => {
   const claveFixedFields = JSON.stringify(fixedFieldsRecibidos ?? null);
-  const fixedFields = (0, import_react22.useMemo)(() => fixedFieldsRecibidos, [claveFixedFields]);
-  const cacheHeredado = (0, import_react22.useContext)(CacheGrillasContext);
-  const [cachePropio] = (0, import_react22.useState)(() => /* @__PURE__ */ new Map());
+  const fixedFields = (0, import_react26.useMemo)(() => fixedFieldsRecibidos, [claveFixedFields]);
+  const claveParametros = JSON.stringify([filterColumnsRecibidos ?? null, tableDefRecibido ?? null, parameterFunctionsRecibido ?? null, pickRecibido ?? null]);
+  const parametros = (0, import_react26.useMemo)(
+    () => ({ filterColumns: filterColumnsRecibidos, tableDef: tableDefRecibido, parameterFunctions: parameterFunctionsRecibido, pick: pickRecibido }),
+    [claveParametros]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const cacheHeredado = (0, import_react26.useContext)(CacheGrillasContext);
+  const [cachePropio] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
   const cache = cacheHeredado ?? cachePropio;
-  const [guardada] = (0, import_react22.useState)(() => claveCache ? cache.get(claveCache) : void 0);
-  const claveCargadaRef = (0, import_react22.useRef)(guardada ? `${tableName}|${claveFixedFields}` : null);
-  const [tableDefinition, setTableDefinition] = (0, import_react22.useState)(guardada?.tableDefinition ?? null);
-  const [tableData, setTableData] = (0, import_react22.useState)(guardada?.tableData ?? []);
-  const [cargandoInicial, setCargandoInicial] = (0, import_react22.useState)(!guardada);
-  const [errorDeCarga, setErrorDeCarga] = (0, import_react22.useState)(null);
-  const [anchosCalculados, setAnchosCalculados] = (0, import_react22.useState)(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
-  const [detallesAbiertos, setDetallesAbiertos] = (0, import_react22.useState)(guardada?.detallesAbiertos ?? []);
-  const [altosDetalle, setAltosDetalle] = (0, import_react22.useState)(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
-  const [anchosDetalle, setAnchosDetalle] = (0, import_react22.useState)(() => /* @__PURE__ */ new Map());
-  const [selectedRows, setSelectedRows] = (0, import_react22.useState)(() => /* @__PURE__ */ new Set());
-  const [, setSelectedCell] = (0, import_react22.useState)(void 0);
-  const [estadoGrilla] = (0, import_react22.useState)(crearEstadoGrilla);
-  const theme = (0, import_material15.useTheme)();
-  const [openDataGridOptions, setOpenDataGridOptions] = (0, import_react22.useState)(false);
-  const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = (0, import_react22.useState)(null);
-  const [exitingRowIds, setExitingRowIds] = (0, import_react22.useState)(/* @__PURE__ */ new Set());
+  const [guardada] = (0, import_react26.useState)(() => claveCache ? cache.get(claveCache) : void 0);
+  const claveCargadaRef = (0, import_react26.useRef)(guardada ? `${tableName}|${claveFixedFields}|${claveParametros}` : null);
+  const [tableDefinition, setTableDefinition] = (0, import_react26.useState)(guardada?.tableDefinition ?? null);
+  const [tableData, setTableData] = (0, import_react26.useState)(guardada?.tableData ?? []);
+  const [cargandoInicial, setCargandoInicial] = (0, import_react26.useState)(!guardada);
+  const [errorDeCarga, setErrorDeCarga] = (0, import_react26.useState)(null);
+  const [anchosCalculados, setAnchosCalculados] = (0, import_react26.useState)(() => guardada?.anchosCalculados ?? /* @__PURE__ */ new Map());
+  const [detallesAbiertos, setDetallesAbiertos] = (0, import_react26.useState)(guardada?.detallesAbiertos ?? []);
+  const [altosDetalle, setAltosDetalle] = (0, import_react26.useState)(() => guardada?.altosDetalle ?? /* @__PURE__ */ new Map());
+  const [anchosDetalle, setAnchosDetalle] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
+  const [selectedRows, setSelectedRows] = (0, import_react26.useState)(() => /* @__PURE__ */ new Set());
+  const [, setSelectedCell] = (0, import_react26.useState)(void 0);
+  const [estadoGrilla] = (0, import_react26.useState)(crearEstadoGrilla);
+  const theme = (0, import_material18.useTheme)();
+  const [openDataGridOptions, setOpenDataGridOptions] = (0, import_react26.useState)(false);
+  const [dataGridOptionsAnchorEl, setDataGridOptionsAnchorEl] = (0, import_react26.useState)(null);
+  const [exitingRowIds, setExitingRowIds] = (0, import_react26.useState)(/* @__PURE__ */ new Set());
   const { showError } = useSnackbar();
   const { username: usuario } = useClientContext();
-  const dataGridRef = (0, import_react22.useRef)(null);
-  const rowAtEditStartRef = (0, import_react22.useRef)(null);
-  const [openImportDialog, setOpenImportDialog] = (0, import_react22.useState)(false);
-  const [openExportDialog, setOpenExportDialog] = (0, import_react22.useState)(false);
-  const [columnWidths, setColumnWidths] = (0, import_react22.useState)(() => /* @__PURE__ */ new Map());
+  const dataGridRef = (0, import_react26.useRef)(null);
+  const rowAtEditStartRef = (0, import_react26.useRef)(null);
+  const [openImportDialog, setOpenImportDialog] = (0, import_react26.useState)(false);
+  const [openExportDialog, setOpenExportDialog] = (0, import_react26.useState)(false);
+  const [columnWidths, setColumnWidths] = (0, import_react26.useState)(() => /* @__PURE__ */ new Map());
   const { callApi, callApiUpload, loading } = useApiCall();
-  const primaryKey = (0, import_react22.useMemo)(() => {
+  const primaryKey = (0, import_react26.useMemo)(() => {
     if (!tableDefinition) return ["id"];
     return tableDefinition.primaryKey && tableDefinition.primaryKey.length > 0 ? tableDefinition.primaryKey : ["id"];
   }, [tableDefinition]);
@@ -3602,13 +4200,14 @@ var GenericDataGrid = ({
     setFilters,
     isFilterRowVisible,
     toggleFilterVisibility,
+    aplicarFiltrosIniciales,
     filteredRows,
     summaryData,
     resetView
   } = useGridDataView({ tableData, tableDefinition });
-  const abiertos = (0, import_react22.useMemo)(() => new Set(detallesAbiertos), [detallesAbiertos]);
-  const filasDetalleRef = (0, import_react22.useRef)(/* @__PURE__ */ new Map());
-  const filasMostradas = (0, import_react22.useMemo)(() => {
+  const abiertos = (0, import_react26.useMemo)(() => new Set(detallesAbiertos), [detallesAbiertos]);
+  const filasDetalleRef = (0, import_react26.useRef)(/* @__PURE__ */ new Map());
+  const filasMostradas = (0, import_react26.useMemo)(() => {
     const detailTables = tableDefinition?.detailTables ?? [];
     if (abiertos.size === 0 || detailTables.length === 0) return filteredRows;
     const anteriores = filasDetalleRef.current;
@@ -3635,8 +4234,8 @@ var GenericDataGrid = ({
     filasDetalleRef.current = nuevas;
     return filas;
   }, [filteredRows, abiertos, tableDefinition, primaryKey]);
-  const altoDeDetalle = (0, import_react22.useCallback)((clave) => altosDetalle.get(clave) ?? ALTO_INICIAL_DETALLE, [altosDetalle]);
-  const altoDetalles = (0, import_react22.useMemo)(
+  const altoDeDetalle = (0, import_react26.useCallback)((clave) => altosDetalle.get(clave) ?? ALTO_INICIAL_DETALLE, [altosDetalle]);
+  const altoDetalles = (0, import_react26.useMemo)(
     () => filasMostradas.reduce((total, row) => esFilaDetalle(row) ? total + altoDeDetalle(row.clave) : total, 0),
     [filasMostradas, altoDeDetalle]
   );
@@ -3682,6 +4281,13 @@ var GenericDataGrid = ({
     filasVisiblesMax,
     conPie
   });
+  const [contenidoDeCelda, setContenidoDeCelda] = (0, import_react26.useState)(null);
+  const verContenido = (0, import_react26.useCallback)((anclaje, texto) => setContenidoDeCelda({ anclaje, texto }), []);
+  const cerrarContenidoDeCelda = (0, import_react26.useCallback)(() => {
+    const anclaje = contenidoDeCelda?.anclaje;
+    setContenidoDeCelda(null);
+    setTimeout(() => anclaje?.focus(), 0);
+  }, [contenidoDeCelda]);
   const { handleCellDoubleClick, handleCellClick, handleCellKeyDown, handleCellMouseDown, handleKeyPressInEditor, registrarEditor, handleSelectedCellChange, handleRowsChange } = useGridEvents({
     dataGridRef,
     filteredRows: filasMostradas,
@@ -3690,10 +4296,11 @@ var GenericDataGrid = ({
     tableDefinition,
     setSelectedCell,
     setTableData,
-    setSortColumns
+    setSortColumns,
+    verContenido
   });
-  const tableNameAnteriorRef = (0, import_react22.useRef)(tableName);
-  (0, import_react22.useEffect)(() => {
+  const tableNameAnteriorRef = (0, import_react26.useRef)(tableName);
+  (0, import_react26.useEffect)(() => {
     if (tableNameAnteriorRef.current === tableName) return;
     tableNameAnteriorRef.current = tableName;
     setDetallesAbiertos([]);
@@ -3707,8 +4314,8 @@ var GenericDataGrid = ({
     setExitingRowIds(/* @__PURE__ */ new Set());
     setColumnWidths(/* @__PURE__ */ new Map());
   }, [tableName, estadoGrilla, resetView]);
-  (0, import_react22.useEffect)(() => {
-    const claveCarga = `${tableName}|${claveFixedFields}`;
+  (0, import_react26.useEffect)(() => {
+    const claveCarga = `${tableName}|${claveFixedFields}|${claveParametros}`;
     if (claveCargadaRef.current === claveCarga) {
       if (guardada) setSortColumns(guardada.sortColumns);
       return;
@@ -3718,7 +4325,7 @@ var GenericDataGrid = ({
       setCargandoInicial(true);
       setErrorDeCarga(null);
       try {
-        const clavePedido = `${tableName}|${claveFixedFields}`;
+        const clavePedido = `${tableName}|${claveFixedFields}|${JSON.stringify([parametros.parameterFunctions ?? null, parametros.pick ?? null])}`;
         let pedido = cargasEnCurso.get(clavePedido);
         if (!pedido) {
           const nuevo = (async () => {
@@ -3732,7 +4339,10 @@ var GenericDataGrid = ({
             const data2 = requerido(
               await callApi("table_data", {
                 table: tableName,
-                fixedFields: validFixedFields ?? []
+                fixedFields: validFixedFields ?? [],
+                // como backend-plus (TableConnector.getData); solo si vienen, para no cambiarle el pedido a quien no los usa
+                ...parametros.parameterFunctions ? { paramfun: parametros.parameterFunctions } : {},
+                ...parametros.pick !== void 0 ? { pick: parametros.pick } : {}
               }, { isCritical: true }),
               `los datos de '${tableName}'`
             );
@@ -3745,13 +4355,17 @@ var GenericDataGrid = ({
           nuevo.then(sacar, sacar);
           pedido = nuevo;
         }
-        const { definition, data } = await pedido;
+        const { definition: definicionDelServidor, data } = await pedido;
         if (!vigente) return;
         claveCargadaRef.current = claveCarga;
+        const definition = parametros.tableDef ? fusionar(definicionDelServidor, parametros.tableDef) : definicionDelServidor;
         setTableDefinition(definition);
         setSortColumns(getInitialSortColumns(definition));
         setAnchosCalculados(calcularAnchosDeColumnas(definition, data));
         setTableData(data);
+        const filasDeFiltros = parametros.filterColumns ?? aFiltrosIniciales(definition.filterColumns);
+        if (filasDeFiltros.length > 1) console.warn(`'${tableName}': varias filas de filtros (alternativas) todav\xEDa no est\xE1n soportadas; se aplica la primera`);
+        if (filasDeFiltros.length > 0) aplicarFiltrosIniciales(filasDeFiltros[0], definition);
       } catch (err) {
         if (!vigente) return;
         setTableDefinition(null);
@@ -3767,12 +4381,12 @@ var GenericDataGrid = ({
     return () => {
       vigente = false;
     };
-  }, [tableName, claveFixedFields, fixedFields, showError, callApi, getInitialSortColumns, setSortColumns, guardada]);
-  (0, import_react22.useEffect)(() => {
+  }, [tableName, claveFixedFields, fixedFields, claveParametros, parametros, showError, callApi, getInitialSortColumns, setSortColumns, aplicarFiltrosIniciales, guardada]);
+  (0, import_react26.useEffect)(() => {
     if (!claveCache || !tableDefinition || cargandoInicial) return;
     cache.set(claveCache, { tableDefinition, tableData, anchosCalculados, sortColumns, detallesAbiertos, altosDetalle });
   }, [cache, claveCache, tableDefinition, tableData, anchosCalculados, sortColumns, detallesAbiertos, altosDetalle, cargandoInicial]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     let timer = null;
     const desuscribir = estadoGrilla.suscribir(() => {
       const hayExitos = Array.from(estadoGrilla.obtenerFeedback().values()).some((f) => f.type === "success");
@@ -3797,11 +4411,11 @@ var GenericDataGrid = ({
       if (timer) clearTimeout(timer);
     };
   }, [estadoGrilla]);
-  const resetSortingDeLaTabla = (0, import_react22.useCallback)(() => {
+  const resetSortingDeLaTabla = (0, import_react26.useCallback)(() => {
     if (tableDefinition) resetSorting(tableDefinition);
   }, [tableDefinition, resetSorting]);
-  const abrirImportacion = (0, import_react22.useCallback)(() => setOpenImportDialog(true), []);
-  const abrirExportacion = (0, import_react22.useCallback)(() => setOpenExportDialog(true), []);
+  const abrirImportacion = (0, import_react26.useCallback)(() => setOpenImportDialog(true), []);
+  const abrirExportacion = (0, import_react26.useCallback)(() => setOpenExportDialog(true), []);
   const { menuOptions } = useGridMenu({
     tableDefinition,
     tableName,
@@ -3812,11 +4426,11 @@ var GenericDataGrid = ({
     triggerImport: abrirImportacion,
     triggerExport: abrirExportacion
   });
-  const abrirOpcionesDeGrilla = (0, import_react22.useCallback)((anchorEl) => {
+  const abrirOpcionesDeGrilla = (0, import_react26.useCallback)((anchorEl) => {
     setDataGridOptionsAnchorEl(anchorEl);
     setOpenDataGridOptions(true);
   }, []);
-  const editarEnFicha = (0, import_react22.useCallback)((row) => {
+  const editarEnFicha = (0, import_react26.useCallback)((row) => {
     rowAtEditStartRef.current = { ...row };
     handleVerticalEditRow(row);
   }, [handleVerticalEditRow]);
@@ -3834,7 +4448,7 @@ var GenericDataGrid = ({
     toggleFilterVisibility,
     abrirOpcionesDeGrilla
   });
-  const abrirDetalleEnPestana = (0, import_react22.useCallback)((row, detailTable) => {
+  const abrirDetalleEnPestana = (0, import_react26.useCallback)((row, detailTable) => {
     if (!onOpenDetail || !tableDefinition || !detailTable.table) return;
     const porCampo = /* @__PURE__ */ new Map();
     [...fixedFields ?? [], ...calcularFixedFieldsDetalle(detailTable, row)].forEach((ff) => porCampo.set(ff.fieldName, ff));
@@ -3844,12 +4458,12 @@ var GenericDataGrid = ({
     const newAncestors = [...ancestors, { tableName: tableDefinition.name, row, tableDefinition, fixedFields: allFixedFields }];
     onOpenDetail(detailTable.table, allFixedFields, label, newAncestors);
   }, [onOpenDetail, tableDefinition, fixedFields, ancestors]);
-  const abrirWScreenEnPestana = (0, import_react22.useCallback)((row, detailTable) => {
-    const parametros = new URLSearchParams();
-    calcularFixedFieldsDetalle(detailTable, row).forEach((ff) => parametros.set(ff.fieldName, String(ff.value)));
-    window.open(`${window.location.origin}${rutaBase}/wScreens/${detailTable.wScreen}?${parametros}`, "_blank");
+  const abrirWScreenEnPestana = (0, import_react26.useCallback)((row, detailTable) => {
+    const parametros2 = new URLSearchParams();
+    calcularFixedFieldsDetalle(detailTable, row).forEach((ff) => parametros2.set(ff.fieldName, String(ff.value)));
+    window.open(`${window.location.origin}${rutaBase}/wScreens/${detailTable.wScreen}?${parametros2}`, "_blank");
   }, []);
-  const alternarDetalle = (0, import_react22.useCallback)((row, rowId, detailTable, enOtraPestana) => {
+  const alternarDetalle = (0, import_react26.useCallback)((row, rowId, detailTable, enOtraPestana) => {
     if (enOtraPestana && detailTable.wScreen) {
       abrirWScreenEnPestana(row, detailTable);
       return;
@@ -3861,8 +4475,8 @@ var GenericDataGrid = ({
     const clave = claveDetalle(rowId, detailTable);
     setDetallesAbiertos((anteriores) => anteriores.includes(clave) ? anteriores.filter((c) => c !== clave) : [...anteriores, clave]);
   }, [onOpenDetail, abrirDetalleEnPestana, abrirWScreenEnPestana]);
-  const [medidas, setMedidas] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const [medidas, setMedidas] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
     const medir = () => setMedidas((anteriores) => {
@@ -3875,8 +4489,8 @@ var GenericDataGrid = ({
     return () => observador.disconnect();
   }, [tableDefinition, cargandoInicial]);
   const anchoVisible = medidas?.ancho ?? null;
-  const [altoDeVentana, setAltoDeVentana] = (0, import_react22.useState)(null);
-  (0, import_react22.useEffect)(() => {
+  const [altoDeVentana, setAltoDeVentana] = (0, import_react26.useState)(null);
+  (0, import_react26.useEffect)(() => {
     if (anidada) return;
     const elemento = dataGridRef.current?.element;
     if (!elemento) return;
@@ -3885,25 +4499,25 @@ var GenericDataGrid = ({
     window.addEventListener("resize", calcular);
     return () => window.removeEventListener("resize", calcular);
   }, [anidada, tableDefinition, cargandoInicial]);
-  const altoDeContexto = (0, import_react22.useContext)(AltoDisponibleContext);
+  const altoDeContexto = (0, import_react26.useContext)(AltoDisponibleContext);
   const altoDeEstaGrilla = anidada ? altoDisponible ?? (altoDeContexto === void 0 ? void 0 : altoDeContexto - ALTO_TITULO_ANIDADA) : altoDeVentana ?? void 0;
   const altoMaximoDetalleEfectivo = altoMaximoDetalle ?? (altoDeEstaGrilla !== void 0 ? Math.max(ALTO_MINIMO_DETALLE, altoDeEstaGrilla - HEADER_ROW_HEIGHT - (conPie ? SUMMARY_ROW_HEIGHT : 0) - ROW_HEIGHT - (isFilterRowVisible ? FILTER_ROW_HEIGHT : 0)) : void 0);
-  const cambiarAnchoDetalle = (0, import_react22.useCallback)((clave, ancho) => {
+  const cambiarAnchoDetalle = (0, import_react26.useCallback)((clave, ancho) => {
     setAnchosDetalle((anteriores) => anteriores.get(clave) === ancho ? anteriores : new Map(anteriores).set(clave, ancho));
   }, []);
-  const cambiarAltoDetalle = (0, import_react22.useCallback)((clave, altoDeseado2) => {
+  const cambiarAltoDetalle = (0, import_react26.useCallback)((clave, altoDeseado2) => {
     const alto = Math.min(Math.max(Math.round(altoDeseado2), ALTO_MINIMO_DETALLE), altoMaximoDetalleEfectivo ?? Infinity);
     setAltosDetalle((anteriores) => anteriores.get(clave) === alto ? anteriores : new Map(anteriores).set(clave, alto));
   }, [altoMaximoDetalleEfectivo]);
-  const renderDetalle = (0, import_react22.useCallback)((fila) => {
+  const renderDetalle = (0, import_react26.useCallback)((fila) => {
     const { detailTable } = fila;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "div",
       {
         className: "fpr-detalle",
         style: { maxWidth: anchoVisible ? anchoVisible - 2 : void 0 },
         onKeyDown: (e) => e.stopPropagation(),
-        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        children: detailTable.table ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           GenericDataGrid,
           {
             tableName: detailTable.table,
@@ -3916,7 +4530,7 @@ var GenericDataGrid = ({
             onOpenDetail,
             ancestors: tableDefinition ? [...ancestors, { tableName: tableDefinition.name, row: fila.filaPadre, tableDefinition, fixedFields: fila.fixedFields }] : ancestors
           }
-        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        ) : detailTable.wScreen ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           DetalleWScreen,
           {
             fila,
@@ -3924,7 +4538,7 @@ var GenericDataGrid = ({
             onAlto: (alto) => cambiarAltoDetalle(fila.clave, alto),
             onAncho: (ancho) => cambiarAnchoDetalle(fila.clave, ancho)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Alert, { severity: "warning", children: [
+        ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Alert, { severity: "warning", children: [
           "El detalle '",
           detailTable.abr,
           "' no tiene ni tabla ni wScreen."
@@ -3932,18 +4546,18 @@ var GenericDataGrid = ({
       }
     );
   }, [anchoVisible, claveCache, tableName, cambiarAltoDetalle, cambiarAnchoDetalle, altoMaximoDetalleEfectivo, onOpenDetail, tableDefinition, ancestors]);
-  const detallesGrilla = (0, import_react22.useMemo)(() => ({ abiertos, alternarDetalle, renderDetalle }), [abiertos, alternarDetalle, renderDetalle]);
+  const detallesGrilla = (0, import_react26.useMemo)(() => ({ abiertos, alternarDetalle, renderDetalle }), [abiertos, alternarDetalle, renderDetalle]);
   const altoDeseado = cargandoInicial ? ALTO_INICIAL_DETALLE : gridHeight + ALTO_TITULO_ANIDADA + 8;
-  (0, import_react22.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     onAltoDeseado?.(altoDeseado);
   }, [onAltoDeseado, altoDeseado]);
-  const rowKeyGetter = (0, import_react22.useCallback)((row) => esFilaDetalle(row) ? `detalle:${row.clave}` : getPrimaryKeyValues(row, primaryKey), [primaryKey]);
-  const rowHeight = (0, import_react22.useCallback)((row) => esFilaDetalle(row) ? altoDeDetalle(row.clave) : ROW_HEIGHT, [altoDeDetalle]);
-  const rowClass = (0, import_react22.useCallback)(
+  const rowKeyGetter = (0, import_react26.useCallback)((row) => esFilaDetalle(row) ? `detalle:${row.clave}` : getPrimaryKeyValues(row, primaryKey), [primaryKey]);
+  const rowHeight = (0, import_react26.useCallback)((row) => esFilaDetalle(row) ? altoDeDetalle(row.clave) : ROW_HEIGHT, [altoDeDetalle]);
+  const rowClass = (0, import_react26.useCallback)(
     (row) => esFilaDetalle(row) ? "fpr-fila-detalle" : exitingRowIds.has(getPrimaryKeyValues(row, primaryKey)) ? "fpr-fila-saliendo" : void 0,
     [exitingRowIds, primaryKey]
   );
-  const anchoContenido = (0, import_react22.useMemo)(() => {
+  const anchoContenido = (0, import_react26.useMemo)(() => {
     if (!anidada || columns.length === 0) return void 0;
     const sumaColumnas = columns.reduce((total, col) => {
       const medido = columnWidths.get(col.key)?.width;
@@ -3953,12 +4567,12 @@ var GenericDataGrid = ({
     const anchoDetalleMax = detallesAbiertos.reduce((max, clave) => Math.max(max, anchosDetalle.get(clave) ?? 0), 0);
     return Math.max(ANCHO_MINIMO_ANIDADA, propio, anchoDetalleMax > 0 ? anchoDetalleMax + SANGRIA_DETALLE + (medidas?.barra ?? 0) + 2 : 0);
   }, [anidada, columns, columnWidths, medidas?.barra, detallesAbiertos, anchosDetalle]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (anchoContenido !== void 0) onAnchoDeseado?.(anchoContenido);
   }, [onAnchoDeseado, anchoContenido]);
-  const estiloGrilla = (0, import_react22.useMemo)(() => ({ height: "100%", width: "100%", boxSizing: "border-box", ...gridStyles }), [gridStyles]);
-  const bottomSummaryRows = (0, import_react22.useMemo)(() => conPie ? [bottomSummaryRow] : [], [conPie, bottomSummaryRow]);
-  const vistaGrilla = (0, import_react22.useMemo)(() => ({ isFilterRowVisible }), [isFilterRowVisible]);
+  const estiloGrilla = (0, import_react26.useMemo)(() => ({ height: "100%", width: "100%", boxSizing: "border-box", ...gridStyles }), [gridStyles]);
+  const bottomSummaryRows = (0, import_react26.useMemo)(() => conPie ? [bottomSummaryRow] : [], [conPie, bottomSummaryRow]);
+  const vistaGrilla = (0, import_react26.useMemo)(() => ({ isFilterRowVisible }), [isFilterRowVisible]);
   const getFallBackMessage = () => {
     if (tableData.length === 0) {
       return "No hay filas para mostrar";
@@ -3970,19 +4584,19 @@ var GenericDataGrid = ({
   };
   const fallBackMessage = getFallBackMessage();
   if (cargandoInicial) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.CircularProgress, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Typography, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "h6", sx: { ml: 2 }, children: "Cargando tabla..." })
     ] });
   }
   if (errorDeCarga) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Alert, { severity: "error", children: errorDeCarga }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Alert, { severity: "error", children: errorDeCarga }) });
   }
   if (!tableDefinition) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Alert, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Alert, { severity: "warning", children: "No se pudo cargar la definici\xF3n de la tabla." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Box, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoContenido ?? void 0, maxWidth: "100%" }, children: [
-    !anidada && ancestors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Box, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CacheGrillasContext.Provider, { value: cache, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { pt: anidada ? 0 : 2, display: "flex", flexDirection: "column", height: "100%", boxSizing: "border-box", width: anchoContenido ?? void 0, maxWidth: "100%" }, children: [
+    !anidada && ancestors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 2, pt: 0, pb: 1, display: "flex", flexDirection: "column" }, children: ancestors.map((ancestor, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       StaticAncestorGrid,
       {
         ancestor,
@@ -3991,8 +4605,8 @@ var GenericDataGrid = ({
       },
       index
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      import_material15.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      import_material18.Box,
       {
         sx: {
           backgroundColor: theme.palette.primary.main,
@@ -4014,17 +4628,17 @@ var GenericDataGrid = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material15.Typography, { variant: "subtitle2", component: "div", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { variant: "subtitle2", component: "div", children: [
             titulo ?? cambiarGuionesBajosPorEspacios(tableDefinition.title || tableDefinition.name),
             " - ",
             filteredRows.length === tableData.length ? `${tableData.length} registros` : `${filteredRows.length} (F)`
           ] }),
-          loading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.CircularProgress, { size: 14, color: "inherit" })
+          loading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 14, color: "inherit" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      import_material15.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      import_material18.Box,
       {
         sx: {
           // Una grilla anidada se acota con px (el alto que le dio la de arriba, o el de una wScreen): una wScreen
@@ -4042,7 +4656,7 @@ var GenericDataGrid = ({
           pb: anidada ? 0 : 3
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EstadoGrillaContext.Provider, { value: estadoGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VistaGrillaContext.Provider, { value: vistaGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DetallesGrillaContext.Provider, { value: detallesGrilla, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             import_react_data_grid.DataGrid,
             {
               className: "rdg-light",
@@ -4072,8 +4686,8 @@ var GenericDataGrid = ({
               onCellKeyDown: handleCellKeyDown
             }
           ) }) }) }),
-          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_material15.Box,
+          fallBackMessage && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            import_material18.Box,
             {
               sx: {
                 position: "absolute",
@@ -4089,13 +4703,13 @@ var GenericDataGrid = ({
                 zIndex: tableData.length === 0 ? 10 : 1
                 // Mantenemos el zIndex superior para el estado vacío total
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material15.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
+              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { variant: "body2", color: "textSecondary", children: fallBackMessage })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ExportDialog,
       {
         open: openExportDialog,
@@ -4106,7 +4720,7 @@ var GenericDataGrid = ({
         username: usuario || "anonymous"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ConfirmDialog,
       {
         open: openConfirmDialog,
@@ -4115,7 +4729,7 @@ var GenericDataGrid = ({
         message: rowToDelete && rowToDelete[NEW_ROW_INDICATOR] ? `\xBFEst\xE1s seguro de que quieres eliminar esta nueva fila (ID: ${getPrimaryKeyValues(rowToDelete, primaryKey)}) localmente?` : rowToDelete ? `\xBFEst\xE1s seguro de que quieres eliminar la fila con ID: ${getPrimaryKeyValues(rowToDelete, primaryKey)} de la base de datos? Esta acci\xF3n es irreversible.` : "\xBFEst\xE1s seguro de que quieres eliminar este registro? Esta acci\xF3n es irreversible."
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       DataGridOptionsDialog,
       {
         open: openDataGridOptions,
@@ -4124,7 +4738,7 @@ var GenericDataGrid = ({
         anchorEl: dataGridOptionsAnchorEl
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ImportDialog,
       {
         open: openImportDialog,
@@ -4133,14 +4747,14 @@ var GenericDataGrid = ({
         loading
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_material15.Dialog,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_material18.Dialog,
       {
         open: openVerticalEditDialog,
         onClose: () => setOpenVerticalEditDialog(false),
         maxWidth: "sm",
         fullWidth: true,
-        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        children: rowToEditVertical && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           VerticalEditorPage,
           {
             tableName,
@@ -4184,28 +4798,29 @@ var GenericDataGrid = ({
           }
         )
       }
-    )
+    ),
+    contenidoDeCelda && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VentanaDeTexto, { anclaje: contenidoDeCelda.anclaje, texto: contenidoDeCelda.texto, editable: false, onAceptar: cerrarContenidoDeCelda, onCerrar: cerrarContenidoDeCelda })
   ] }) });
 };
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-var import_react39 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 var import_react_router_dom15 = require("react-router-dom");
 
 // src/components/MainLayout.tsx
-var import_react26 = require("react");
+var import_react30 = require("react");
 var import_react_router_dom4 = require("react-router-dom");
-var import_material17 = require("@mui/material");
+var import_material20 = require("@mui/material");
 
 // src/contexts/AppContext.tsx
-var import_react23 = require("react");
+var import_react27 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_react_redux2 = require("react-redux");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var AuthContext = (0, import_react23.createContext)(void 0);
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var AuthContext = (0, import_react27.createContext)(void 0);
 var useApp = () => {
-  const context = (0, import_react23.useContext)(AuthContext);
+  const context = (0, import_react27.useContext)(AuthContext);
   if (!context) {
     throw new Error("useApp must be used within an AppProvider");
   }
@@ -4214,15 +4829,15 @@ var useApp = () => {
 };
 var AppProvider = ({ children, publicPaths = [] }) => {
   console.log("AppProvider rendered/re-rendered");
-  const [isLoggedIn, setIsLoggedIn] = (0, import_react23.useState)(false);
-  const [showSessionExpiredMessage, setShowSessionExpiredMessage] = (0, import_react23.useState)(false);
-  const isRedirectingRef = (0, import_react23.useRef)(false);
-  const huboSesionRef = (0, import_react23.useRef)(false);
+  const [isLoggedIn, setIsLoggedIn] = (0, import_react27.useState)(false);
+  const [showSessionExpiredMessage, setShowSessionExpiredMessage] = (0, import_react27.useState)(false);
+  const isRedirectingRef = (0, import_react27.useRef)(false);
+  const huboSesionRef = (0, import_react27.useRef)(false);
   const dispatch = (0, import_react_redux2.useDispatch)();
   const clientContext = (0, import_react_redux2.useSelector)((state) => state.clientContext);
   if (clientContext.status === "succeeded") huboSesionRef.current = true;
   const navigate = (0, import_react_router_dom.useNavigate)();
-  const handleExpiredSessionRedirect = (0, import_react23.useCallback)(() => {
+  const handleExpiredSessionRedirect = (0, import_react27.useCallback)(() => {
     isRedirectingRef.current = true;
     setShowSessionExpiredMessage(false);
     setIsLoggedIn(false);
@@ -4232,11 +4847,11 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     }, 2e3);
   }, [navigate]);
   const location = (0, import_react_router_dom.useLocation)();
-  const isCurrentPathPublic = (0, import_react23.useCallback)(() => {
+  const isCurrentPathPublic = (0, import_react27.useCallback)(() => {
     const current = location.pathname;
     return publicPaths.some((path) => current === path || current.startsWith(`${path}/`));
   }, [location.pathname, publicPaths]);
-  const checkSession = (0, import_react23.useCallback)(async () => {
+  const checkSession = (0, import_react27.useCallback)(async () => {
     if (isRedirectingRef.current) return;
     try {
       const response = await fetchApi("/keep-alive.json", { method: "GET" });
@@ -4274,14 +4889,14 @@ var AppProvider = ({ children, publicPaths = [] }) => {
       }
     }
   }, [dispatch, clientContext.status, showSessionExpiredMessage, isCurrentPathPublic]);
-  (0, import_react23.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     checkSession();
     const intervalId = setInterval(checkSession, 15 * 1e3);
     return () => {
       clearInterval(intervalId);
     };
   }, [checkSession]);
-  const authContextValue = (0, import_react23.useMemo)(() => ({
+  const authContextValue = (0, import_react27.useMemo)(() => ({
     isLoggedIn,
     setIsLoggedIn,
     checkSession,
@@ -4296,7 +4911,7 @@ var AppProvider = ({ children, publicPaths = [] }) => {
     setShowSessionExpiredMessage,
     handleExpiredSessionRedirect
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthContext.Provider, { value: authContextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AuthContext.Provider, { value: authContextValue, children });
 };
 
 // src/components/MainLayout.tsx
@@ -4305,8 +4920,8 @@ var import_Menu = __toESM(require("@mui/icons-material/Menu"), 1);
 var import_ChevronLeft = __toESM(require("@mui/icons-material/ChevronLeft"), 1);
 
 // src/components/SideMenu.tsx
-var import_react24 = __toESM(require("react"), 1);
-var import_material16 = require("@mui/material");
+var import_react28 = __toESM(require("react"), 1);
+var import_material19 = require("@mui/material");
 var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
 var import_TableChart = __toESM(require("@mui/icons-material/TableChart"), 1);
@@ -4339,7 +4954,7 @@ function itemInicial(menu) {
 }
 
 // src/components/SideMenu.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var MenuListItem = ({ item, level, onMenuItemClick }) => {
   const navigate = (0, import_react_router_dom2.useNavigate)();
   const location = (0, import_react_router_dom2.useLocation)();
@@ -4358,17 +4973,17 @@ var MenuListItem = ({ item, level, onMenuItemClick }) => {
   const getIcon = (item2) => {
     switch (item2.menuType) {
       case "table":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_TableChart.default, { sx: { color: import_colors.blue[700] } });
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_TableChart.default, { sx: { color: import_colors.blue[700] } });
       case "proc":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Dns.default, { sx: { color: import_colors.teal[700] } });
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Dns.default, { sx: { color: import_colors.teal[700] } });
       case "menu":
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Folder.default, { sx: { color: import_colors.orange[800] } });
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_Folder.default, { sx: { color: import_colors.orange[800] } });
       default:
         const WScreenComponent = wScreens[item2.menuType];
         if (WScreenComponent !== void 0) {
-          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_DesktopWindows.default, { sx: { color: import_colors.grey[700] } });
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_DesktopWindows.default, { sx: { color: import_colors.grey[700] } });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_WarningAmber3.default, { sx: { color: import_colors.red[500] } });
+        return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_WarningAmber3.default, { sx: { color: import_colors.red[500] } });
     }
   };
   const currentPath = location.pathname;
@@ -4382,27 +4997,27 @@ var MenuListItem = ({ item, level, onMenuItemClick }) => {
   } else if (item.menuType !== "menu") {
     isSelected = currentPath.startsWith(`/wScreens/${item.menuType}`) || currentPath.startsWith(`/wScreens-fallback/${item.menuType}`);
   }
-  const itemRef = import_react24.default.useRef(null);
-  (0, import_react24.useEffect)(() => {
+  const itemRef = import_react28.default.useRef(null);
+  (0, import_react28.useEffect)(() => {
     if (isSelected && itemRef.current) {
       itemRef.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isSelected]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { ref: itemRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      import_material16.ListItemButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { ref: itemRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      import_material19.ListItemButton,
       {
         onClick: handleClick,
         sx: { pl: level * 2 },
         selected: isSelected,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(item) }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemText, { primary: item.label || item.name }),
-          item.menuType === "menu" ? open ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ExpandLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ExpandMore.default, {}) : null
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemIcon, { sx: { minWidth: "38px" }, children: getIcon(item) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemText, { primary: item.label || item.name }),
+          item.menuType === "menu" ? open ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ExpandLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ExpandMore.default, {}) : null
         ]
       }
     ),
-    item.menuType === "menu" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.List, { component: "div", disablePadding: true, children: item.menuContent.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    item.menuType === "menu" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Collapse, { in: open, timeout: "auto", unmountOnExit: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.List, { component: "div", disablePadding: true, children: item.menuContent.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       MenuListItem,
       {
         item: subItem,
@@ -4426,9 +5041,9 @@ var SideMenu = ({ onMenuItemClick }) => {
     dispatch(setAllSubMenusOpen(!isMostlyOpen));
   };
   if (!clientContext || !clientContext.menu) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Typography, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Typography, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
   }
-  (0, import_react24.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (!clientContext?.menu) return;
     const expandParents = (items, targetPath, parentNames = []) => {
       const pathParts = targetPath.split("/");
@@ -4457,13 +5072,13 @@ var SideMenu = ({ onMenuItemClick }) => {
     };
     expandParents(clientContext.menu, location.pathname);
   }, [location.pathname, clientContext, dispatch]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.Box, { sx: { width: "100%", flexShrink: 0 }, children: [
-    clientContext.menu.some((item) => item.menuType === "menu") && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.ListItemButton, { onClick: handleToggleAllSubMenus, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemIcon, { sx: { minWidth: "38px" }, children: isMostlyOpen ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_UnfoldLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_UnfoldMore.default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemText, { primary: isMostlyOpen ? "colapsar " : "expandir" })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material19.Box, { sx: { width: "100%", flexShrink: 0 }, children: [
+    clientContext.menu.some((item) => item.menuType === "menu") && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material19.ListItemButton, { onClick: handleToggleAllSubMenus, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemIcon, { sx: { minWidth: "38px" }, children: isMostlyOpen ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_UnfoldLess.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_UnfoldMore.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.ListItemText, { primary: isMostlyOpen ? "colapsar " : "expandir" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.List, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Divider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.List, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       MenuListItem,
       {
         item: menuItem,
@@ -4477,14 +5092,14 @@ var SideMenu = ({ onMenuItemClick }) => {
 var SideMenu_default = SideMenu;
 
 // src/hooks/useLogout.tsx
-var import_react25 = require("react");
+var import_react29 = require("react");
 var import_react_router_dom3 = require("react-router-dom");
 var import_react_redux3 = require("react-redux");
 var useLogout = () => {
   const { setIsLoggedIn } = useApp();
   const dispatch = (0, import_react_redux3.useDispatch)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
-  const logout = (0, import_react25.useCallback)(async () => {
+  const logout = (0, import_react29.useCallback)(async () => {
     try {
       const response = await fetchApi("/logout", { method: "GET" });
       if (response.status === 401 || response.ok) {
@@ -4505,16 +5120,16 @@ var useLogout = () => {
 var useLogout_default = useLogout;
 
 // src/components/MainLayout.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var drawerWidth = 240;
 var MainLayout = () => {
   const { clientContext } = useApp();
   const logout = useLogout_default();
   const isDrawerOpen = useIsDrawerOpen();
   const dispatch = useAppDispatch();
-  const theme = (0, import_material17.useTheme)();
-  const isMobile = (0, import_material17.useMediaQuery)(theme.breakpoints.down("sm"));
-  (0, import_react26.useEffect)(() => {
+  const theme = (0, import_material20.useTheme)();
+  const isMobile = (0, import_material20.useMediaQuery)(theme.breakpoints.down("sm"));
+  (0, import_react30.useEffect)(() => {
     if (isMobile && isDrawerOpen) {
       dispatch(setDrawerOpen(false));
     }
@@ -4528,12 +5143,12 @@ var MainLayout = () => {
     }
   };
   if (!clientContext) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", height: "100vh" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.CssBaseline, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_material17.AppBar,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Box, { sx: { display: "flex", height: "100vh" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.CssBaseline, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_material20.AppBar,
       {
         position: "fixed",
         sx: {
@@ -4551,9 +5166,9 @@ var MainLayout = () => {
             })
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Toolbar, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.IconButton,
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Toolbar, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material20.IconButton,
             {
               color: "inherit",
               "aria-label": "open drawer",
@@ -4562,10 +5177,10 @@ var MainLayout = () => {
               sx: {
                 marginRight: 2
               },
-              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Menu.default, {})
+              children: isDrawerOpen ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ChevronLeft.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Menu.default, {})
             }
           ),
-          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          !isDrawerOpen && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             "img",
             {
               src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -4573,22 +5188,22 @@ var MainLayout = () => {
               style: { height: "32px", marginRight: "12px", objectFit: "contain" }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-            import_material17.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "h6", noWrap: true, component: "div", sx: { flexGrow: 1 }, children: isDrawerOpen ? "" : clientContext.config.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "subtitle1", component: "div", sx: { mr: 2 }, children: clientContext.username }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_material20.Button,
             {
               color: "inherit",
               onClick: logout,
-              startIcon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_Logout.default, {}),
+              startIcon: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_Logout.default, {}),
               children: "Salir"
             }
           )
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      import_material17.Drawer,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_material20.Drawer,
       {
         variant: "persistent",
         anchor: "left",
@@ -4604,8 +5219,8 @@ var MainLayout = () => {
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-            import_material17.Toolbar,
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            import_material20.Toolbar,
             {
               sx: {
                 display: "flex",
@@ -4617,7 +5232,7 @@ var MainLayout = () => {
                 gap: 1.5
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   "img",
                   {
                     src: `${envConfig.backendUrl}/img/logo-128.png`,
@@ -4625,16 +5240,16 @@ var MainLayout = () => {
                     style: { height: "32px", objectFit: "contain" }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: clientContext.config.title })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SideMenu_default, { onMenuItemClick: handleDrawerCloseMobile })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      import_material17.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      import_material20.Box,
       {
         component: "main",
         sx: {
@@ -4660,8 +5275,8 @@ var MainLayout = () => {
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Toolbar, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_router_dom4.Outlet, {}) })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Toolbar, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_router_dom4.Outlet, {}) })
         ]
       }
     )
@@ -4670,8 +5285,8 @@ var MainLayout = () => {
 var MainLayout_default = MainLayout;
 
 // src/components/SessionExpiredMessage.tsx
-var import_material18 = require("@mui/material");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_material21 = require("@mui/material");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var style = {
   position: "absolute",
   top: "50%",
@@ -4690,8 +5305,8 @@ var SessionExpiredMessage = () => {
   const handleClose = () => {
     handleExpiredSessionRedirect();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_material18.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_material21.Modal,
     {
       open: showSessionExpiredMessage,
       onClose: () => {
@@ -4710,10 +5325,10 @@ var SessionExpiredMessage = () => {
           }
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: style, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { id: "session-expired-modal-description", sx: { mt: 2, mb: 3 }, children: "Tu sesi\xF3n ha expirado por inactividad o por seguridad. Por favor, inicia sesi\xF3n de nuevo." }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Box, { sx: style, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { id: "session-expired-modal-title", variant: "h6", component: "h2", gutterBottom: true, children: "\xA1Sesi\xF3n Expirada!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { id: "session-expired-modal-description", sx: { mt: 2, mb: 3 }, children: "Tu sesi\xF3n ha expirado por inactividad o por seguridad. Por favor, inicia sesi\xF3n de nuevo." }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Button, { variant: "contained", color: "primary", onClick: handleClose, children: "Ir al Login" })
       ] })
     }
   );
@@ -4722,24 +5337,24 @@ var SessionExpiredMessage_default = SessionExpiredMessage;
 
 // src/pages/PantallaInicial.tsx
 var import_react_router_dom5 = require("react-router-dom");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var PantallaInicial = () => {
   const { clientContext } = useApp();
   const item = clientContext.menu ? itemInicial(clientContext.menu) : void 0;
-  return item ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom5.Navigate, { to: rutaDeItemDeMenu(item), replace: true }) : null;
+  return item ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_router_dom5.Navigate, { to: rutaDeItemDeMenu(item), replace: true }) : null;
 };
 var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
-var import_react27 = require("react");
-var import_material19 = require("@mui/material");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react31 = require("react");
+var import_material22 = require("@mui/material");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var LogoutPage = () => {
   const logout = useLogout_default();
-  (0, import_react27.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material19.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_material22.Box, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -4747,20 +5362,20 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.CircularProgress, { size: 60 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material19.Typography, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.CircularProgress, { size: 60 }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_material22.Typography, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
-var import_react28 = require("react");
-var import_material20 = require("@mui/material");
+var import_react32 = require("react");
+var import_material23 = require("@mui/material");
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"), 1);
 var import_react_redux4 = require("react-redux");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -4768,8 +5383,8 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const [loginError, setLoginError] = (0, import_react28.useState)(null);
-  const [isSubmitting, setIsSubmitting] = (0, import_react28.useState)(false);
+  const [loginError, setLoginError] = (0, import_react32.useState)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react32.useState)(false);
   const { setIsLoggedIn, checkSession } = useApp();
   const dispatch = (0, import_react_redux4.useDispatch)();
   const {
@@ -4814,16 +5429,16 @@ var LoginPage = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_material20.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_material23.Box,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-        import_material20.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        import_material23.Box,
         {
           width: "100%",
           maxWidth: "400px",
@@ -4832,7 +5447,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -4840,17 +5455,17 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   import_react_hook_form.Controller,
                   {
                     name: "username",
                     control,
-                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      import_material20.TextField,
+                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      import_material23.TextField,
                       {
                         ...field,
                         type: "text",
@@ -4865,15 +5480,15 @@ var LoginPage = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { htmlFor: "password", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { htmlFor: "password", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   import_react_hook_form.Controller,
                   {
                     name: "password",
                     control,
-                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      import_material20.TextField,
+                    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      import_material23.TextField,
                       {
                         ...field,
                         type: "password",
@@ -4888,14 +5503,14 @@ var LoginPage = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.CircularProgress, { size: 20, sx: { mr: 1 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.CircularProgress, { size: 20, sx: { mr: 1 } }),
                 "Iniciando sesi\xF3n..."
               ] }) : "Iniciar Sesi\xF3n" })
             ] }),
-            loginError && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+            loginError && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -4907,19 +5522,19 @@ var LoginPage = () => {
 var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 var import_react_router_dom6 = require("react-router-dom");
-var import_material22 = require("@mui/material");
+var import_material25 = require("@mui/material");
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-var import_material21 = require("@mui/material");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_material24 = require("@mui/material");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material21.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Box, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material21.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material24.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -4933,22 +5548,22 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var ProcedureForm = () => {
   const { procedureName } = (0, import_react_router_dom6.useParams)();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
-  const [validationErrors, setValidationErrors] = (0, import_react29.useState)({});
-  const [successMessage, setSuccessMessage] = (0, import_react29.useState)(null);
-  const [executionLog, setExecutionLog] = (0, import_react29.useState)([]);
-  const [procedureResultData, setProcedureResultData] = (0, import_react29.useState)(null);
-  const procedure = (0, import_react29.useMemo)(() => {
+  const [validationErrors, setValidationErrors] = (0, import_react33.useState)({});
+  const [successMessage, setSuccessMessage] = (0, import_react33.useState)(null);
+  const [executionLog, setExecutionLog] = (0, import_react33.useState)([]);
+  const [procedureResultData, setProcedureResultData] = (0, import_react33.useState)(null);
+  const procedure = (0, import_react33.useMemo)(() => {
     if (procedureName && clientContext?.procedure) {
       return clientContext.procedure[procedureName];
     }
     return void 0;
   }, [procedureName, clientContext]);
-  const [formValues, setFormValues] = (0, import_react29.useState)(() => {
+  const [formValues, setFormValues] = (0, import_react33.useState)(() => {
     if (!procedure) return {};
     const initialValues = {};
     procedure.parameters.forEach((param) => {
@@ -4973,7 +5588,7 @@ var ProcedureForm = () => {
     });
     return initialValues;
   });
-  import_react29.default.useEffect(() => {
+  import_react33.default.useEffect(() => {
     if (procedure) {
       setValidationErrors({});
       setSuccessMessage(null);
@@ -5003,11 +5618,11 @@ var ProcedureForm = () => {
       setExecutionLog([]);
     }
   }, [procedure]);
-  const addLogMessage = (0, import_react29.useCallback)((message, isError = false) => {
+  const addLogMessage = (0, import_react33.useCallback)((message, isError = false) => {
     const timestamp = (/* @__PURE__ */ new Date()).toLocaleTimeString("es-AR");
     setExecutionLog((prev) => [...prev, `[${timestamp}] ${isError ? "ERROR: " : ""}${message}`]);
   }, []);
-  const handleChange = (0, import_react29.useCallback)((e, child) => {
+  const handleChange = (0, import_react33.useCallback)((e, child) => {
     const { name, value } = e.target;
     let newValue = value;
     if (e.target.type === "checkbox") {
@@ -5129,7 +5744,7 @@ var ProcedureForm = () => {
       addLogMessage("Ejecuci\xF3n finalizada.");
     }
   };
-  const renderInputField = (0, import_react29.useCallback)((param) => {
+  const renderInputField = (0, import_react33.useCallback)((param) => {
     const hasError = !!validationErrors[param.name];
     const errorMessage = validationErrors[param.name];
     const commonProps = {
@@ -5148,10 +5763,10 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-          import_material22.Select,
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+          import_material25.Select,
           {
             labelId: `${param.name}-label`,
             value: formValues[param.name] === void 0 ? "" : formValues[param.name],
@@ -5161,14 +5776,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.MenuItem, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("em", { children: "Seleccione..." }) }),
-              param.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
+              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.MenuItem, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("em", { children: "Seleccione..." }) }),
+              param.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -5177,19 +5792,19 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "integer":
       case "bigint":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
       case "boolean":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_material22.FormControlLabel,
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_material25.FormControlLabel,
           {
-            control: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material22.Checkbox,
+            control: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              import_material25.Checkbox,
               {
                 checked: !!formValues[param.name],
                 onChange: handleChange,
@@ -5199,21 +5814,21 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
             sx: { mt: 1, mb: 0 }
           }
         );
       case "date":
       case "timestamp":
       case "time":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: param.typeName === "date" ? "date" : param.typeName === "timestamp" ? "datetime-local" : "time", value: formValues[param.name] || "", ...commonProps, InputLabelProps: { shrink: true, sx: { fontSize: "0.8rem" } } });
       case "jsonb":
       case "jsona":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "body2", color: "textSecondary", component: "label", htmlFor: param.name, sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "text.secondary" }, children: param.label || param.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "input",
             {
               type: "file",
@@ -5227,34 +5842,34 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
-  const ResultDisplayContent = (0, import_react29.useMemo)(() => {
+  const ResultDisplayContent = (0, import_react33.useMemo)(() => {
     if (!procedureResultData || !procedure?.resultOk) return null;
     const ComponentToRender = resultsOk[procedure.resultOk];
     if (ComponentToRender) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ComponentToRender, { data: procedureResultData });
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
           "el componente para resolver el resultOk: '",
           procedure.resultOk,
           "' definido en el procedure no existe o no est\xE1 mapeado."
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Box, { sx: {
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Box, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
-        }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(procedureResultData, null, 2) }) })
       ] });
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -5264,13 +5879,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.CircularProgress, { sx: { mb: 2 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.CircularProgress, { sx: { mb: 2 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
     ] });
   }
   return (
     // Esta es la Box más externa que ahora controlará el scroll
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -5287,17 +5902,17 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
-      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
+      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
         "Por favor, corrige los errores en el formulario antes de enviar.",
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: err }, idx)) })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { children: err }, idx)) })
       ] }),
-      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
-      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("form", { onSubmit: handleSubmit, children: [
-        procedure.parameters.map((param) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: renderInputField(param) }, param.name)),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_material22.Button,
+      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
+      !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("form", { onSubmit: handleSubmit, children: [
+        procedure.parameters.map((param) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: renderInputField(param) }, param.name)),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_material25.Button,
           {
             type: "submit",
             variant: "contained",
@@ -5305,20 +5920,20 @@ var ProcedureForm = () => {
             disabled: apiLoading || Object.values(validationErrors).some((err) => err !== null),
             sx: { mt: 2 },
             size: "medium",
-            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.CircularProgress, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.CircularProgress, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Divider, { sx: { mb: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_material22.Box,
+      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Box, { sx: { mt: 3 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Divider, { sx: { mb: 2 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_material25.Box,
           {
             sx: {
               bgcolor: "grey.100",
@@ -5331,8 +5946,8 @@ var ProcedureForm = () => {
               fontSize: "0.75rem",
               whiteSpace: "pre-wrap"
             },
-            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material22.Typography,
+            children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              import_material25.Typography,
               {
                 component: "pre",
                 sx: {
@@ -5354,12 +5969,12 @@ var ProcedureForm_default = ProcedureForm;
 
 // src/App.tsx
 var import_react_redux5 = require("react-redux");
-var import_react40 = require("redux-persist/integration/react");
+var import_react44 = require("redux-persist/integration/react");
 
 // src/components/PrivateRoute.tsx
-var import_react30 = require("react");
+var import_react34 = require("react");
 var import_react_router_dom7 = require("react-router-dom");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var PrivateRoute = ({ children }) => {
   const location = (0, import_react_router_dom7.useLocation)();
   const dispatch = useAppDispatch();
@@ -5367,7 +5982,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}`);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     console.log(`[PrivateRoute] Effect: Path=${location.pathname}, AuthStatus=${clientContextStatus}, IsAuthenticated=${isAuthenticated}, IsLoadingAuth=${isLoadingAuth}`);
     if (!isAuthenticated && !isLoadingAuth && location.pathname !== "/login") {
       const path = location.pathname + location.search + location.hash;
@@ -5383,19 +5998,19 @@ var PrivateRoute = ({ children }) => {
   }, [isAuthenticated, isLoadingAuth, location, dispatch, clientContextStatus]);
   if (isLoadingAuth) {
     console.log(`[PrivateRoute] Returning loading state...`);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { children: "Verificando autenticaci\xF3n..." });
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_router_dom7.Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom7.Navigate, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children });
 };
 var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
-var import_react31 = require("react");
+var import_react35 = require("react");
 var import_react_router_dom8 = require("react-router-dom");
 var InitialRedirectHandler = () => {
   const location = (0, import_react_router_dom8.useLocation)();
@@ -5403,14 +6018,14 @@ var InitialRedirectHandler = () => {
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
-  (0, import_react31.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
-  const navegandoRef = (0, import_react31.useRef)(false);
-  (0, import_react31.useEffect)(() => {
+  const navegandoRef = (0, import_react35.useRef)(false);
+  (0, import_react35.useEffect)(() => {
     navegandoRef.current = false;
   }, [location.pathname]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (clientContextStatus === "succeeded") {
       if (redirectPath && redirectPath !== "/login") {
         console.log("Redirigiendo a la ruta guardada:", redirectPath);
@@ -5428,35 +6043,40 @@ var InitialRedirectHandler = () => {
 var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
-var import_react32 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 var import_react_router_dom9 = require("react-router-dom");
-var import_material23 = require("@mui/material");
+var import_material26 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var GenericDataGridPage = ({
   initialTableName,
-  initialFixedFields = []
+  initialFixedFields = [],
+  parametros: parametrosRecibidos
 }) => {
   const { tableName: urlTableName } = (0, import_react_router_dom9.useParams)();
   const effectiveTableName = initialTableName || urlTableName;
-  const [tabs, setTabs] = (0, import_react32.useState)([]);
-  const [activeTabIdx, setActiveTabIdx] = (0, import_react32.useState)(0);
+  const [tabs, setTabs] = (0, import_react36.useState)([]);
+  const [activeTabIdx, setActiveTabIdx] = (0, import_react36.useState)(0);
   const ffKey = JSON.stringify(initialFixedFields);
   const location = (0, import_react_router_dom9.useLocation)();
-  import_react32.default.useEffect(() => {
+  const parametros = (0, import_react36.useMemo)(() => parametrosRecibidos ?? parametrosDeTabla(void 0, location.search), [parametrosRecibidos, location.search]);
+  const fixedFieldsIniciales = initialFixedFields.length > 0 ? initialFixedFields : parametros.fixedFields ?? [];
+  const parametrosKey = JSON.stringify(parametros);
+  import_react36.default.useEffect(() => {
     if (effectiveTableName) {
       setTabs([{
-        id: `main-${effectiveTableName}-${ffKey}`,
+        id: `main-${effectiveTableName}-${ffKey}-${parametrosKey}`,
         // ID único que incluye filtros
-        label: effectiveTableName.replace(/_/g, " ").toUpperCase(),
+        label: parametros.label ?? effectiveTableName.replace(/_/g, " ").toUpperCase(),
         tableName: effectiveTableName,
-        fixedFields: initialFixedFields,
+        fixedFields: fixedFieldsIniciales,
+        parametros,
         ancestors: []
       }]);
       setActiveTabIdx(0);
     }
-  }, [effectiveTableName, ffKey, location.key]);
-  const handleOpenDetail = (0, import_react32.useCallback)((tableName, fixedFields, label, ancestors) => {
+  }, [effectiveTableName, ffKey, parametrosKey, location.key]);
+  const handleOpenDetail = (0, import_react36.useCallback)((tableName, fixedFields, label, ancestors) => {
     const tabId = `${tableName}-${JSON.stringify(fixedFields)}`;
     setTabs((prevTabs) => {
       const existingTabIdx = prevTabs.findIndex((t) => t.id === tabId);
@@ -5478,30 +6098,34 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material23.Tab,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material26.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      import_material26.Tab,
       {
-        label: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material23.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material23.IconButton, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_Close2.default, { fontSize: "inherit" }) })
+        label: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
+          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material26.IconButton, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_Close2.default, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
-    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material23.Box,
+    tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      import_material26.Box,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
         sx: { flexGrow: 1, display: activeTabIdx === index ? "flex" : "none", flexDirection: "column", overflow: "hidden" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           GenericDataGrid_default,
           {
             tableName: tab.tableName,
             fixedFields: tab.fixedFields,
+            filterColumns: tab.parametros?.filterColumns,
+            tableDef: tab.parametros?.tableDef,
+            parameterFunctions: tab.parametros?.parameterFunctions,
+            pick: tab.parametros?.pick,
             onOpenDetail: handleOpenDetail,
             ancestors: tab.ancestors
           }
@@ -5514,32 +6138,26 @@ var GenericDataGridPage = ({
 var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
-var import_react33 = require("react");
+var import_react37 = require("react");
 var import_react_router_dom10 = require("react-router-dom");
-var import_material24 = require("@mui/material");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_material27 = require("@mui/material");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var PantallaDeRuta = ({ screenName }) => {
   const [busqueda] = (0, import_react_router_dom10.useSearchParams)();
-  const params = (0, import_react33.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
+  const params = (0, import_react37.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material24.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FallbackWScreen, { screenName }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material27.Box, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Pantalla, { screenName, params }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
-var import_react34 = require("react");
+var import_react38 = require("react");
 var import_react_router_dom11 = require("react-router-dom");
-var import_material25 = require("@mui/material");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-function fixedFieldsDeMenu(ff) {
-  if (!ff) return [];
-  if (Array.isArray(ff)) {
-    return ff.map(({ fieldName, value }) => ({ fieldName, value }));
-  }
-  return Object.entries(ff).map(([fieldName, value]) => ({ fieldName, value }));
-}
+var import_material28 = require("@mui/material");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var MenuTablePage = () => {
   const { menuName } = (0, import_react_router_dom11.useParams)();
   const { clientContext } = useApp();
+  const { search } = (0, import_react_router_dom11.useLocation)();
   const findMenuItem = (items, nameToFind) => {
     for (const item of items) {
       if (item.name === nameToFind && item.menuType === "table") {
@@ -5552,51 +6170,55 @@ var MenuTablePage = () => {
     }
     return void 0;
   };
-  const { currentTableName, currentFixedFields } = (0, import_react34.useMemo)(() => {
+  const { currentTableName, currentFixedFields, parametros } = (0, import_react38.useMemo)(() => {
     let tableName = void 0;
     let fixedFields = [];
+    let parametros2 = {};
     if (menuName && clientContext && clientContext.menu) {
       const menuItem = findMenuItem(clientContext.menu, menuName);
       if (menuItem) {
         tableName = menuItem.table || menuItem.name;
-        fixedFields = fixedFieldsDeMenu(menuItem.ff);
+        parametros2 = parametrosDeTabla(menuItem, search);
+        fixedFields = parametros2.fixedFields ?? [];
       } else {
         console.warn(`[${menuName}] \xCDtem de men\xFA '${menuName}' no encontrado o no es de tipo 'table' en clientContext.menu.`);
       }
     }
     return {
       currentTableName: tableName,
-      currentFixedFields: fixedFields
+      currentFixedFields: fixedFields,
+      parametros: parametros2
     };
-  }, [menuName, clientContext]);
+  }, [menuName, clientContext, search]);
   if (!currentTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material25.Alert, { severity: "error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material25.Typography, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_material28.Alert, { severity: "error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_material28.Typography, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     GenericDataGridPage_default,
     {
       initialTableName: currentTableName,
-      initialFixedFields: currentFixedFields
+      initialFixedFields: currentFixedFields,
+      parametros
     }
   );
 };
 var MenuTablePage_default = MenuTablePage;
 
 // src/puente/PantallaBP.tsx
-var import_react36 = require("react");
+var import_react40 = require("react");
 var import_react_router_dom12 = require("react-router-dom");
-var import_material27 = require("@mui/material");
+var import_material30 = require("@mui/material");
 
 // src/puente/clienteBP.ts
 function extraerRecursos(html) {
   const documento = new DOMParser().parseFromString(html, "text/html");
-  const referencias = (selector, atributo) => Array.from(documento.querySelectorAll(selector)).map((elemento) => elemento.getAttribute(atributo)).filter((ruta) => !!ruta);
+  const referencias2 = (selector, atributo) => Array.from(documento.querySelectorAll(selector)).map((elemento) => elemento.getAttribute(atributo)).filter((ruta) => !!ruta);
   return {
-    hojasDeEstilo: referencias("link[rel=stylesheet]", "href"),
-    scripts: referencias("script[src]", "src")
+    hojasDeEstilo: referencias2("link[rel=stylesheet]", "href"),
+    scripts: referencias2("script[src]", "src")
   };
 }
 function fijarBase(urlBackend) {
@@ -5677,9 +6299,9 @@ async function cargarSinMemoria(urlBackend) {
 }
 
 // src/puente/ConsolaBP.tsx
-var import_react35 = require("react");
-var import_material26 = require("@mui/material");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_material29 = require("@mui/material");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var MARGEN_DE_REPETIDO_MS = 1e3;
 function descartarRepetidos(consola, agregados, ahora) {
   for (const nodo of agregados) {
@@ -5692,7 +6314,7 @@ function descartarRepetidos(consola, agregados, ahora) {
   }
 }
 var ConsolaBP = () => {
-  (0, import_react35.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const consola = document.getElementById("mini-console");
     if (!consola) return;
     const observador = new MutationObserver(
@@ -5701,8 +6323,8 @@ var ConsolaBP = () => {
     observador.observe(consola, { childList: true });
     return () => observador.disconnect();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    import_material26.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    import_material29.Box,
     {
       id: "mini-console",
       sx: (tema) => ({
@@ -5798,7 +6420,7 @@ var habilitarPuenteBP = () => {
 var puenteBPHabilitado = () => habilitado;
 
 // src/puente/PantallaBP.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function buscarItemDeMenu(items, tipo) {
   for (const item of items) {
     if (item.menuType === tipo) return item;
@@ -5811,12 +6433,12 @@ function buscarItemDeMenu(items, tipo) {
 }
 var PantallaBP = ({ nombre, direccion }) => {
   const { clientContext } = useApp();
-  const [cargando, setCargando] = (0, import_react36.useState)(true);
-  const [error, setError] = (0, import_react36.useState)(null);
-  const [noExiste, setNoExiste] = (0, import_react36.useState)(false);
-  const contenedor = (0, import_react36.useRef)(null);
+  const [cargando, setCargando] = (0, import_react40.useState)(true);
+  const [error, setError] = (0, import_react40.useState)(null);
+  const [noExiste, setNoExiste] = (0, import_react40.useState)(false);
+  const contenedor = (0, import_react40.useRef)(null);
   const menu = clientContext.menu;
-  (0, import_react36.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const elemento = contenedor.current;
     if (!elemento) return;
     let vigente = true;
@@ -5847,14 +6469,14 @@ var PantallaBP = ({ nombre, direccion }) => {
       elemento.replaceChildren();
     };
   }, [nombre, direccion, menu]);
-  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackWScreen, { screenName: nombre });
+  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FallbackWScreen, { screenName: nombre });
   return (
     // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material27.Box, { sx: { position: "relative" }, children: [
-      cargando && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.Alert, { severity: "error", sx: { m: 2 }, children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { id: "main_layout", ref: contenedor }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ConsolaBP, {})
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material30.Box, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ConsolaBP, {})
     ] })
   );
 };
@@ -5862,37 +6484,37 @@ var PantallaDeRespaldo = () => {
   const { screenName = "" } = (0, import_react_router_dom12.useParams)();
   const { search } = (0, import_react_router_dom12.useLocation)();
   if (!puenteBPHabilitado()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(FallbackWScreen, { screenName }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FallbackWScreen, { screenName }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom12.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom12.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
 };
 var PaginaBP = () => {
   const { hash, search } = (0, import_react_router_dom12.useLocation)();
   const direccion = hash || search;
   const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
-  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_router_dom12.Navigate, { to: "/", replace: true });
-  if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_material27.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_material27.Alert, { severity: "warning", children: [
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router_dom12.Navigate, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_material30.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_material30.Alert, { severity: "warning", children: [
     "Falta la pantalla de backend-plus (",
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("code", { children: "#w=..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("code", { children: "#w=..." }),
     ")."
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PantallaBP, { nombre, direccion }, nombre);
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PantallaBP, { nombre, direccion }, nombre);
 };
 
 // src/puente/GrillaBP.tsx
-var import_react37 = require("react");
+var import_react41 = require("react");
 var import_react_router_dom13 = require("react-router-dom");
-var import_material28 = require("@mui/material");
-var import_jsx_runtime34 = (
+var import_material31 = require("@mui/material");
+var import_jsx_runtime38 = (
   // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
   require("react/jsx-runtime")
 );
 var GrillaBP = ({ tabla, fixedFields }) => {
-  const contenedor = (0, import_react37.useRef)(null);
-  const [cargando, setCargando] = (0, import_react37.useState)(true);
-  const [error, setError] = (0, import_react37.useState)(null);
+  const contenedor = (0, import_react41.useRef)(null);
+  const [cargando, setCargando] = (0, import_react41.useState)(true);
+  const [error, setError] = (0, import_react41.useState)(null);
   const clave = JSON.stringify(fixedFields ?? []);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     const elemento = contenedor.current;
     if (!elemento) return;
     let vigente = true;
@@ -5913,20 +6535,20 @@ var GrillaBP = ({ tabla, fixedFields }) => {
       elemento.replaceChildren();
     };
   }, [tabla, clave]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_material28.Box, { sx: { position: "relative" }, children: [
-    cargando && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material28.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_material28.Alert, { severity: "error", sx: { m: 2 }, children: error }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref: contenedor }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ConsolaBP, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_material31.Box, { sx: { position: "relative" }, children: [
+    cargando && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.CircularProgress, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_material31.Alert, { severity: "error", sx: { m: 2 }, children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: contenedor }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ConsolaBP, {})
   ] });
 };
 var PaginaGrillaBP = () => {
   const { tableName = "" } = (0, import_react_router_dom13.useParams)();
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GrillaBP, { tabla: tableName }, tableName);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(GrillaBP, { tabla: tableName }, tableName);
 };
 
 // src/puente/CapturaBP.tsx
-var import_react38 = require("react");
+var import_react42 = require("react");
 var import_react_router_dom14 = require("react-router-dom");
 
 // src/puente/capturaDeNavegacion.ts
@@ -5973,61 +6595,61 @@ function capturarNavegacionBP(urlBackend, navegar) {
 // src/puente/CapturaBP.tsx
 var CapturaBP = () => {
   const navigate = (0, import_react_router_dom14.useNavigate)();
-  (0, import_react38.useEffect)(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
+  (0, import_react42.useEffect)(() => capturarNavegacionBP(envConfig.backendUrl, navigate), [navigate]);
   return null;
 };
 
 // src/App.tsx
 var import_type_store6 = __toESM(require("type-store"), 1);
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var LocationTracker = () => {
   const location = (0, import_react_router_dom15.useLocation)();
   const dispatch = useAppDispatch();
-  (0, import_react39.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InitialRedirectHandler_default, {}),
-    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CapturaBP, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Outlet, {}), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(InitialRedirectHandler_default, {}),
+    puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CapturaBP, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Outlet, {}), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LoginPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Layout, {}) }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PantallaInicial_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/menu/:menuName", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Layout, {}) }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/menu/:menuName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ProcedureForm_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           import_react_router_dom15.Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PantallaDeRespaldo, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/bp/menu", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PaginaBP, {}) }),
-        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PaginaGrillaBP, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/bp/menu", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_router_dom15.Navigate, { to: "/", replace: true }) })
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router_dom15.Navigate, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react40.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react_router_dom15.BrowserRouter, { basename: rutaBase, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LocationTracker, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react44.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react_router_dom15.BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SnackbarProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -6041,7 +6663,7 @@ var App = ({
   myConditions,
   puenteBP
 }) => {
-  (0, import_react39.useMemo)(() => {
+  (0, import_react43.useMemo)(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -6058,7 +6680,7 @@ var App = ({
       habilitarPuenteBP();
     }
   }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     import_type_store6.default.messages = import_type_store6.default.i18n.messages.es;
     import_type_store6.default.locale = import_type_store6.default.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -6067,11 +6689,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = import_react39.default.useMemo(() => {
+  const safePaths = import_react43.default.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     FrontendPlusReactRoutes,
     {
       myRoutes,