frontend-plus-react 0.3.0 → 0.4.1

package/dist/index.cjs

@@ -37,6 +37,7 @@ __export(src_exports, {
   FrontendPlusProviders: () => FrontendPlusProviders,
   FrontendPlusReactRoutes: () => FrontendPlusReactRoutes,
   GenericDataGrid: () => GenericDataGrid_default,
+  GrillaBP: () => GrillaBP,
   MainLayout: () => MainLayout_default,
   SnackbarProvider: () => SnackbarProvider,
   cambiarGuionesBajosPorEspacios: () => cambiarGuionesBajosPorEspacios,
@@ -46,6 +47,7 @@ __export(src_exports, {
   extendResultsOk: () => extendResultsOk,
   extendWScreens: () => extendWScreens,
   extractPathsFromRoutes: () => extractPathsFromRoutes,
+  habilitarPuenteBP: () => habilitarPuenteBP,
   resultComponents: () => resultsOk,
   useApiCall: () => useApiCall,
   useApiCallWithoutSnackbar: () => useApiCallWithoutSnackbar,
@@ -3451,6 +3453,11 @@ var VerticalEditorPage = ({
   ] });
 };
 
+// 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 SUMMARY_ROW_HEIGHT = 35;
@@ -3840,7 +3847,7 @@ var GenericDataGrid = ({
   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}/wScreens/${detailTable.wScreen}?${parametros}`, "_blank");
+    window.open(`${window.location.origin}${rutaBase}/wScreens/${detailTable.wScreen}?${parametros}`, "_blank");
   }, []);
   const alternarDetalle = (0, import_react22.useCallback)((row, rowId, detailTable, enOtraPestana) => {
     if (enOtraPestana && detailTable.wScreen) {
@@ -4183,8 +4190,8 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-var import_react35 = __toESM(require("react"), 1);
-var import_react_router_dom12 = require("react-router-dom");
+var import_react38 = __toESM(require("react"), 1);
+var import_react_router_dom15 = require("react-router-dom");
 
 // src/components/MainLayout.tsx
 var import_react26 = require("react");
@@ -4305,13 +4312,33 @@ var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
 var import_TableChart = __toESM(require("@mui/icons-material/TableChart"), 1);
 var import_Folder = __toESM(require("@mui/icons-material/Folder"), 1);
 var import_Dns = __toESM(require("@mui/icons-material/Dns"), 1);
-var import_Home = __toESM(require("@mui/icons-material/Home"), 1);
 var import_WarningAmber3 = __toESM(require("@mui/icons-material/WarningAmber"), 1);
 var import_DesktopWindows = __toESM(require("@mui/icons-material/DesktopWindows"), 1);
 var import_UnfoldMore = __toESM(require("@mui/icons-material/UnfoldMore"), 1);
 var import_UnfoldLess = __toESM(require("@mui/icons-material/UnfoldLess"), 1);
 var import_react_router_dom2 = require("react-router-dom");
 var import_colors = require("@mui/material/colors");
+
+// src/utils/menuInicial.ts
+function rutaDeItemDeMenu(item) {
+  if (item.menuType === "table") {
+    const consulta = new URLSearchParams();
+    if (item.td) consulta.append("td", JSON.stringify(item.td));
+    if (item.fc) consulta.append("fc", JSON.stringify(item.fc));
+    return `/menu/${item.name}${consulta.size ? `?${consulta.toString()}` : ""}`;
+  }
+  if (item.menuType === "proc") return `/procedures/${item.name}`;
+  if (wScreens[item.menuType] !== void 0) return `/wScreens/${item.menuType}`;
+  console.warn(`Menu type '${item.menuType}' no reconocido o WScreen no mapeada.`);
+  return `/wScreens-fallback/${item.menuType}`;
+}
+function itemInicial(menu) {
+  const elegido = menu.find((item) => item.selectedByDefault);
+  if (!elegido) return void 0;
+  return elegido.menuType === "menu" ? itemInicial(elegido.menuContent) : elegido;
+}
+
+// src/components/SideMenu.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var MenuListItem = ({ item, level, onMenuItemClick }) => {
   const navigate = (0, import_react_router_dom2.useNavigate)();
@@ -4322,29 +4349,7 @@ var MenuListItem = ({ item, level, onMenuItemClick }) => {
     if (item.menuType === "menu") {
       dispatch(toggleSubMenu(item.name));
     } else {
-      let path = "";
-      const queryParams = new URLSearchParams();
-      if (item.menuType === "table") {
-        path = `/menu/${item.name}`;
-        if (item.td) queryParams.append("td", JSON.stringify(item.td));
-        if (item.fc) queryParams.append("fc", JSON.stringify(item.fc));
-        if (queryParams.toString()) {
-          path = `${path}?${queryParams.toString()}`;
-        }
-      } else if (item.menuType === "proc") {
-        path = `/procedures/${item.name}`;
-      } else {
-        const WScreenComponent = wScreens[item.menuType];
-        if (WScreenComponent !== void 0) {
-          path = `/wScreens/${item.menuType}`;
-        } else {
-          path = `/wScreens-fallback/${item.menuType}`;
-          console.warn(`Menu type '${item.menuType}' no reconocido o WScreen no mapeada.`);
-        }
-      }
-      if (path) {
-        navigate(path);
-      }
+      navigate(rutaDeItemDeMenu(item));
       if (onMenuItemClick) {
         onMenuItemClick();
       }
@@ -4417,19 +4422,12 @@ var SideMenu = ({ onMenuItemClick }) => {
   const allSubMenusKeys = Object.keys(subMenuOpenStates);
   const openSubMenusCount = allSubMenusKeys.filter((key) => subMenuOpenStates[key]).length;
   const isMostlyOpen = allSubMenusKeys.length > 0 && openSubMenusCount / allSubMenusKeys.length > 0.5;
-  const handleHomeClick = () => {
-    navigate("/home");
-    if (onMenuItemClick) {
-      onMenuItemClick();
-    }
-  };
   const handleToggleAllSubMenus = () => {
     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..." }) });
   }
-  const isHomeSelected = location.pathname === "/home";
   (0, import_react24.useEffect)(() => {
     if (!clientContext?.menu) return;
     const expandParents = (items, targetPath, parentNames = []) => {
@@ -4465,22 +4463,15 @@ var SideMenu = ({ onMenuItemClick }) => {
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemText, { primary: isMostlyOpen ? "colapsar " : "expandir" })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Divider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.List, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_material16.ListItemButton, { onClick: handleHomeClick, selected: isHomeSelected, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemIcon, { sx: { minWidth: "38px" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_Home.default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.ListItemText, { primary: "Inicio" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Divider, {}),
-      clientContext.menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        MenuListItem,
-        {
-          item: menuItem,
-          level: 1,
-          onMenuItemClick
-        },
-        menuItem.name
-      ))
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.List, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      MenuListItem,
+      {
+        item: menuItem,
+        level: 1,
+        onMenuItemClick
+      },
+      menuItem.name
+    )) })
   ] });
 };
 var SideMenu_default = SideMenu;
@@ -4539,7 +4530,6 @@ 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..." }) });
   }
-  const appBarOffset = theme.mixins.toolbar;
   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)(
@@ -4643,7 +4633,7 @@ var MainLayout = () => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       import_material17.Box,
       {
         component: "main",
@@ -4663,15 +4653,16 @@ var MainLayout = () => {
           },
           minWidth: 0,
           flexShrink: 0,
-          // Asegúrate de que el paddingTop sea suficiente para la AppBar
-          paddingTop: `${appBarOffset.minHeight}px`,
           height: "100%",
           boxSizing: "border-box",
           display: "flex",
           flexDirection: "column",
           width: isDrawerOpen ? `calc(100% - ${drawerWidth}px)` : "100%"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_router_dom4.Outlet, {})
+        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, {}) })
+        ]
       }
     )
   ] });
@@ -4729,28 +4720,26 @@ var SessionExpiredMessage = () => {
 };
 var SessionExpiredMessage_default = SessionExpiredMessage;
 
-// src/pages/HomePage.tsx
-var import_material19 = require("@mui/material");
+// src/pages/PantallaInicial.tsx
+var import_react_router_dom5 = require("react-router-dom");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var HomePage = () => {
+var PantallaInicial = () => {
   const { clientContext } = useApp();
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { p: 3 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "h4", component: "h1", gutterBottom: true, children: `Bienvenido/a ${clientContext?.username}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { variant: "body1", children: "Usa el men\xFA lateral para navegar por las diferentes secciones." })
-  ] });
+  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;
 };
-var HomePage_default = HomePage;
+var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
 var import_react27 = require("react");
-var import_material20 = require("@mui/material");
+var import_material19 = require("@mui/material");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var LogoutPage = () => {
   const logout = useLogout_default();
   (0, import_react27.useEffect)(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material19.Box, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -4758,19 +4747,19 @@ var LogoutPage = () => {
     height: "100vh",
     textAlign: "center"
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.CircularProgress, { size: 60 }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__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..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
 var import_react28 = require("react");
-var import_material21 = require("@mui/material");
+var import_material20 = 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_router_dom5 = require("react-router-dom");
+var import_react_router_dom6 = require("react-router-dom");
 var import_react_redux4 = require("react-redux");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var loginSchema = z.object({
@@ -4780,7 +4769,7 @@ var loginSchema = z.object({
   // Añadir validación básica
 });
 var LoginPage = () => {
-  const navigate = (0, import_react_router_dom5.useNavigate)();
+  const navigate = (0, import_react_router_dom6.useNavigate)();
   const [loginError, setLoginError] = (0, import_react28.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react28.useState)(false);
   const { setIsLoggedIn, checkSession } = useApp();
@@ -4818,7 +4807,7 @@ var LoginPage = () => {
       setIsLoggedIn(true);
       await dispatch(fetchClientContext()).unwrap();
       console.log("Login exitoso y clientContext cargado.");
-      navigate("/home");
+      navigate("/");
       reset();
     } catch (error) {
       console.error("Error al iniciar sesi\xF3n:", error);
@@ -4829,7 +4818,7 @@ var LoginPage = () => {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_material21.Box,
+    import_material20.Box,
     {
       display: "flex",
       alignItems: "center",
@@ -4837,7 +4826,7 @@ var LoginPage = () => {
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
       children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-        import_material21.Box,
+        import_material20.Box,
         {
           width: "100%",
           maxWidth: "400px",
@@ -4846,7 +4835,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -4854,17 +4843,17 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__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_material21.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+                /* @__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)(
                   import_react_hook_form.Controller,
                   {
                     name: "username",
                     control,
                     render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      import_material21.TextField,
+                      import_material20.TextField,
                       {
                         ...field,
                         type: "text",
@@ -4880,14 +4869,14 @@ 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_material21.Typography, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+                /* @__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)(
                   import_react_hook_form.Controller,
                   {
                     name: "password",
                     control,
                     render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      import_material21.TextField,
+                      import_material20.TextField,
                       {
                         ...field,
                         type: "password",
@@ -4902,14 +4891,14 @@ var LoginPage = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.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_material21.CircularProgress, { size: 20, sx: { mr: 1 } }),
+              /* @__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 } }),
                 "Iniciando sesi\xF3n..."
               ] }) : "Iniciar Sesi\xF3n" })
             ] }),
-            loginError && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+            loginError && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material20.Alert, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.AlertTitle, { children: "Error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material20.AlertTitle, { children: "Error" }),
               loginError
             ] })
           ]
@@ -4922,18 +4911,18 @@ var LoginPage_default = LoginPage;
 
 // src/components/ProcedureForm.tsx
 var import_react29 = __toESM(require("react"), 1);
-var import_react_router_dom6 = require("react-router-dom");
-var import_material23 = require("@mui/material");
+var import_react_router_dom7 = require("react-router-dom");
+var import_material22 = require("@mui/material");
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-var import_material22 = require("@mui/material");
+var import_material21 = require("@mui/material");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Paper, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material22.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material22.Typography, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material22.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_material22.Typography, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  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." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -4949,7 +4938,7 @@ var extendResultsOk = (newComponents) => {
 // src/components/ProcedureForm.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var ProcedureForm = () => {
-  const { procedureName } = (0, import_react_router_dom6.useParams)();
+  const { procedureName } = (0, import_react_router_dom7.useParams)();
   const { clientContext } = useApp();
   const { callApi, loading: apiLoading, error: apiError } = useApiCall();
   const [validationErrors, setValidationErrors] = (0, import_react29.useState)({});
@@ -5162,10 +5151,10 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.FormControl, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.InputLabel, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
+      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_material23.Select,
+          import_material22.Select,
           {
             labelId: `${param.name}-label`,
             value: formValues[param.name] === void 0 ? "" : formValues[param.name],
@@ -5175,14 +5164,14 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Typography, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
-              (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.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_material23.MenuItem, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
+              (!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))
             ]
           }
         ),
-        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+        (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
       ] });
     }
     switch (param.typeName) {
@@ -5191,19 +5180,19 @@ var ProcedureForm = () => {
       case "tsrange":
       case "time_range":
       case "daterange":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
       case "decimal":
       case "double":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.TextField, { type: "number", inputProps: { step: "any", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.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_material23.TextField, { type: "number", inputProps: { step: "1", style: { fontSize: "0.8rem" } }, value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.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_material23.FormControlLabel,
+          import_material22.FormControlLabel,
           {
             control: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material23.Checkbox,
+              import_material22.Checkbox,
               {
                 checked: !!formValues[param.name],
                 onChange: handleChange,
@@ -5213,20 +5202,20 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Typography, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.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_material23.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_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" } } });
       case "jsonb":
       case "jsona":
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.TextField, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.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_material23.FormControl, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.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 }),
+        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)(
             "input",
             {
@@ -5241,10 +5230,10 @@ var ProcedureForm = () => {
               style: { padding: "6px 0", fontSize: "0.8rem" }
             }
           ),
-          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
+          (param.description || errorMessage) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.FormHelperText, { sx: { fontSize: "0.7rem" }, children: errorMessage || param.description })
         ] });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.TextField, { type: "text", value: formValues[param.name] || "", ...commonProps });
     }
   }, [formValues, handleChange, apiLoading, validationErrors]);
   const ResultDisplayContent = (0, import_react29.useMemo)(() => {
@@ -5253,13 +5242,13 @@ var ProcedureForm = () => {
     if (ComponentToRender) {
       return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Paper, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Typography, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      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: [
           "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_material23.Box, { sx: {
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.Box, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
@@ -5268,7 +5257,7 @@ var ProcedureForm = () => {
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Box, { sx: {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -5278,13 +5267,13 @@ var ProcedureForm = () => {
       boxShadow: 3,
       textAlign: "center"
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.CircularProgress, { sx: { mb: 2 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Typography, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__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..." })
     ] });
   }
   return (
     // Esta es la Box más externa que ahora controlará el scroll
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Box, { sx: {
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -5301,17 +5290,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_material23.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_material23.Alert, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, 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: [
         "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)) })
       ] }),
-      !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.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_material23.Alert, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
+      !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_material23.Button,
+          import_material22.Button,
           {
             type: "submit",
             variant: "contained",
@@ -5319,20 +5308,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_material23.CircularProgress, { size: 20, color: "inherit" }) : null,
+            startIcon: apiLoading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material22.CircularProgress, { size: 20, color: "inherit" }) : null,
             children: apiLoading ? "Ejecutando..." : procedure.proceedLabel || "Ejecutar"
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Box, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material22.Box, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material23.Box, { sx: { mt: 3 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Divider, { sx: { mb: 2 } }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Typography, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+      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_material23.Box,
+          import_material22.Box,
           {
             sx: {
               bgcolor: "grey.100",
@@ -5346,7 +5335,7 @@ var ProcedureForm = () => {
               whiteSpace: "pre-wrap"
             },
             children: executionLog.map((log, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material23.Typography,
+              import_material22.Typography,
               {
                 component: "pre",
                 sx: {
@@ -5368,14 +5357,14 @@ var ProcedureForm_default = ProcedureForm;
 
 // src/App.tsx
 var import_react_redux5 = require("react-redux");
-var import_react36 = require("redux-persist/integration/react");
+var import_react39 = require("redux-persist/integration/react");
 
 // src/components/PrivateRoute.tsx
 var import_react30 = require("react");
-var import_react_router_dom7 = require("react-router-dom");
+var import_react_router_dom8 = require("react-router-dom");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var PrivateRoute = ({ children }) => {
-  const location = (0, import_react_router_dom7.useLocation)();
+  const location = (0, import_react_router_dom8.useLocation)();
   const dispatch = useAppDispatch();
   const clientContextStatus = useClientContextStatus();
   const isAuthenticated = clientContextStatus === "succeeded";
@@ -5384,7 +5373,7 @@ var PrivateRoute = ({ children }) => {
   (0, import_react30.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;
+      const path = location.pathname + location.search + location.hash;
       console.log(`[PrivateRoute] ACTION: Dispatching setRedirectPath(${path})`);
       dispatch(setRedirectPath(path));
     } else if (isAuthenticated) {
@@ -5401,7 +5390,7 @@ var PrivateRoute = ({ children }) => {
   }
   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_runtime28.jsx)(import_react_router_dom8.Navigate, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children });
@@ -5410,10 +5399,10 @@ var PrivateRoute_default = PrivateRoute;
 
 // src/components/InitialRedirectHandler.tsx
 var import_react31 = require("react");
-var import_react_router_dom8 = require("react-router-dom");
+var import_react_router_dom9 = require("react-router-dom");
 var InitialRedirectHandler = () => {
-  const location = (0, import_react_router_dom8.useLocation)();
-  const navigate = (0, import_react_router_dom8.useNavigate)();
+  const location = (0, import_react_router_dom9.useLocation)();
+  const navigate = (0, import_react_router_dom9.useNavigate)();
   const dispatch = useAppDispatch();
   const redirectPath = useRedirectPath();
   const clientContextStatus = useClientContextStatus();
@@ -5431,9 +5420,9 @@ var InitialRedirectHandler = () => {
         navegandoRef.current = true;
         navigate(redirectPath);
         dispatch(setRedirectPath(null));
-      } else if (!navegandoRef.current && (location.pathname === "/login" || location.pathname === "/")) {
-        console.log("Usuario autenticado, redirigiendo a /home por defecto.");
-        navigate("/home");
+      } else if (!navegandoRef.current && location.pathname === "/login") {
+        console.log("Usuario autenticado, redirigiendo a la pantalla de inicio.");
+        navigate("/");
       }
     }
   }, [clientContextStatus, redirectPath, location.pathname, navigate, dispatch]);
@@ -5443,20 +5432,20 @@ var InitialRedirectHandler_default = InitialRedirectHandler;
 
 // src/pages/GenericDataGridPage.tsx
 var import_react32 = __toESM(require("react"), 1);
-var import_react_router_dom9 = require("react-router-dom");
-var import_material24 = require("@mui/material");
+var import_react_router_dom10 = require("react-router-dom");
+var import_material23 = require("@mui/material");
 var import_Close2 = __toESM(require("@mui/icons-material/Close"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = []
 }) => {
-  const { tableName: urlTableName } = (0, import_react_router_dom9.useParams)();
+  const { tableName: urlTableName } = (0, import_react_router_dom10.useParams)();
   const effectiveTableName = initialTableName || urlTableName;
   const [tabs, setTabs] = (0, import_react32.useState)([]);
   const [activeTabIdx, setActiveTabIdx] = (0, import_react32.useState)(0);
   const ffKey = JSON.stringify(initialFixedFields);
-  const location = (0, import_react_router_dom9.useLocation)();
+  const location = (0, import_react_router_dom10.useLocation)();
   import_react32.default.useEffect(() => {
     if (effectiveTableName) {
       setTabs([{
@@ -5492,21 +5481,21 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.Box, { p: 3, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.Alert, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    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_runtime29.jsxs)(import_material24.Box, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.Box, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material24.Tab,
+  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,
       {
-        label: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_material24.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.Typography, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
-          index !== 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_material24.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_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" }) })
         ] })
       },
       tab.id
     )) }) }),
     tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material24.Box,
+      import_material23.Box,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
@@ -5529,20 +5518,20 @@ var GenericDataGridPage_default = GenericDataGridPage;
 
 // src/pages/PantallaDeRuta.tsx
 var import_react33 = require("react");
-var import_react_router_dom10 = require("react-router-dom");
-var import_material25 = require("@mui/material");
+var import_react_router_dom11 = require("react-router-dom");
+var import_material24 = require("@mui/material");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var PantallaDeRuta = ({ screenName }) => {
-  const [busqueda] = (0, import_react_router_dom10.useSearchParams)();
+  const [busqueda] = (0, import_react_router_dom11.useSearchParams)();
   const params = (0, import_react33.useMemo)(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material25.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_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 }) });
 };
 
 // src/pages/MenuTablePage.tsx
 var import_react34 = require("react");
-var import_react_router_dom11 = require("react-router-dom");
-var import_material26 = require("@mui/material");
+var import_react_router_dom12 = require("react-router-dom");
+var import_material25 = require("@mui/material");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function fixedFieldsDeMenu(ff) {
   if (!ff) return [];
@@ -5552,7 +5541,7 @@ function fixedFieldsDeMenu(ff) {
   return Object.entries(ff).map(([fieldName, value]) => ({ fieldName, value }));
 }
 var MenuTablePage = () => {
-  const { menuName } = (0, import_react_router_dom11.useParams)();
+  const { menuName } = (0, import_react_router_dom12.useParams)();
   const { clientContext } = useApp();
   const findMenuItem = (items, nameToFind) => {
     for (const item of items) {
@@ -5584,9 +5573,9 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext]);
   if (!currentTableName) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_material26.Alert, { severity: "error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.Typography, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_material26.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)(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_runtime31.jsx)(
@@ -5599,62 +5588,424 @@ var MenuTablePage = () => {
 };
 var MenuTablePage_default = MenuTablePage;
 
-// src/App.tsx
+// src/puente/PantallaBP.tsx
+var import_react36 = require("react");
+var import_react_router_dom13 = require("react-router-dom");
 var import_material27 = require("@mui/material");
-var import_type_store6 = __toESM(require("type-store"), 1);
+
+// 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);
+  return {
+    hojasDeEstilo: referencias("link[rel=stylesheet]", "href"),
+    scripts: referencias("script[src]", "src")
+  };
+}
+function fijarBase(urlBackend) {
+  const href = new URL(urlBackend.replace(/\/*$/, "/"), window.location.href).href;
+  let base = document.querySelector("base");
+  if (!base) {
+    base = document.createElement("base");
+    document.head.prepend(base);
+  }
+  base.href = href;
+}
+function cargarScript(ruta) {
+  return new Promise((resolver, rechazar) => {
+    const script = document.createElement("script");
+    script.async = false;
+    script.src = ruta;
+    script.onload = () => resolver();
+    script.onerror = () => rechazar(new Error(`No se pudo cargar ${ruta}`));
+    document.head.appendChild(script);
+  });
+}
+function esperarCargaDeVentana() {
+  if (document.readyState === "complete") return Promise.resolve();
+  return new Promise((resolver) => window.addEventListener("load", () => resolver(), { once: true }));
+}
+var carga = null;
+function cargarClienteBP(urlBackend) {
+  if (!carga) {
+    carga = cargarSinMemoria(urlBackend).catch((error) => {
+      carga = null;
+      throw error;
+    });
+  }
+  return carga;
+}
+async function cargarSinMemoria(urlBackend) {
+  const destino = new URL(urlBackend, window.location.href);
+  if (destino.origin !== window.location.origin) {
+    throw new Error(`El cliente de backend-plus solo se puede usar desde el mismo origen que el backend (${destino.origin} no es ${window.location.origin}).`);
+  }
+  fijarBase(urlBackend);
+  const respuesta = await fetch(`${destino.pathname.replace(/\/*$/, "")}/menu`, { credentials: "include" });
+  if (!respuesta.ok || /\/login\/?$/.test(new URL(respuesta.url).pathname)) {
+    throw new Error("No hay una sesi\xF3n iniciada en el backend.");
+  }
+  const recursos = extraerRecursos(await respuesta.text());
+  recursos.hojasDeEstilo.forEach((ruta) => {
+    const enlace = document.createElement("link");
+    enlace.rel = "stylesheet";
+    enlace.href = ruta;
+    document.head.appendChild(enlace);
+  });
+  await esperarCargaDeVentana();
+  for (const ruta of recursos.scripts) {
+    await cargarScript(ruta);
+  }
+  const myOwn = window.myOwn;
+  if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
+  window.my = myOwn;
+  await myOwn.autoSetup();
+  return myOwn;
+}
+
+// src/puente/ConsolaBP.tsx
+var import_react35 = require("react");
+var import_material26 = require("@mui/material");
 var import_jsx_runtime32 = require("react/jsx-runtime");
+var MARGEN_DE_REPETIDO_MS = 1e3;
+function descartarRepetidos(consola, agregados, ahora) {
+  for (const nodo of agregados) {
+    if (!(nodo instanceof HTMLElement)) continue;
+    const repetido = Array.from(consola.children).find(
+      (otro) => otro instanceof HTMLElement && otro !== nodo && otro.className === nodo.className && otro.textContent === nodo.textContent && ahora - Number(otro.dataset.instante) < MARGEN_DE_REPETIDO_MS
+    );
+    if (repetido) nodo.remove();
+    else nodo.dataset.instante = String(ahora);
+  }
+}
+var ConsolaBP = () => {
+  (0, import_react35.useEffect)(() => {
+    const consola = document.getElementById("mini-console");
+    if (!consola) return;
+    const observador = new MutationObserver(
+      (registros) => descartarRepetidos(consola, registros.flatMap((registro) => Array.from(registro.addedNodes)), Date.now())
+    );
+    observador.observe(consola, { childList: true });
+    return () => observador.disconnect();
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_material26.Box,
+    {
+      id: "mini-console",
+      sx: (tema) => ({
+        "&#mini-console": {
+          position: "fixed",
+          top: { xs: 64, sm: 72 },
+          left: "auto",
+          right: 16,
+          bottom: "auto",
+          float: "none",
+          zIndex: tema.zIndex.snackbar,
+          width: "auto",
+          minWidth: 0,
+          maxWidth: "min(480px, calc(100vw - 32px))",
+          minHeight: 0,
+          maxHeight: "none",
+          overflow: "visible",
+          padding: 0,
+          border: "none",
+          borderRadius: 0,
+          boxShadow: "none",
+          backgroundColor: "transparent",
+          fontSize: "inherit",
+          display: "flex",
+          flexDirection: "column",
+          gap: 1
+        },
+        "&#mini-console:not(:empty)": { display: "flex" },
+        "&#mini-console:empty": { display: "none" },
+        "& > div": {
+          p: "6px 12px",
+          borderRadius: 1,
+          boxShadow: tema.shadows[3],
+          fontSize: "0.875rem",
+          whiteSpace: "pre-wrap",
+          overflowWrap: "anywhere",
+          backgroundColor: tema.palette.grey[800],
+          color: tema.palette.common.white
+        },
+        "& > .status-error": {
+          backgroundColor: tema.palette.error.main,
+          color: tema.palette.error.contrastText
+        }
+      })
+    }
+  );
+};
+
+// src/puente/pantallaDeBP.ts
+var RUTA_PANTALLA_BP = "/bp/menu";
+function rutaDePantallaBP(nombre, parametros = "") {
+  const resto = parametros.replace(/^[#?]/, "").replace(/(^|&)w=[^&]*/, "").replace(/^&/, "");
+  return `${RUTA_PANTALLA_BP}#w=${encodeURIComponent(nombre)}${resto ? `&${resto}` : ""}`;
+}
+function rutaDeEnlaceBP(href, baseDelDocumento, urlBackend) {
+  const enlace = new URL(href, baseDelDocumento);
+  const base = `${urlBackend.replace(/\/*$/, "/")}`;
+  const pagina = (nombre2) => new URL(`${base}${nombre2}`, baseDelDocumento);
+  if (enlace.origin !== pagina("menu").origin) return null;
+  if (enlace.pathname === pagina("login").pathname) return "/login";
+  if (enlace.pathname === pagina("logout").pathname) return "/logout";
+  if (enlace.pathname !== pagina("menu").pathname) return null;
+  const texto = (enlace.hash || enlace.search).slice(1);
+  const nombre = new URLSearchParams(texto).get("w");
+  return nombre ? rutaDePantallaBP(nombre, texto) : null;
+}
+function resolverPantallaBP(myOwn, nombre, contenedor) {
+  const registrada = myOwn.wScreens[nombre];
+  if (!registrada) return null;
+  if (typeof registrada === "function") {
+    return { definicion: { mainFunction: registrada }, ejecutar: registrada };
+  }
+  if (registrada.mainFunction) {
+    return { definicion: registrada, ejecutar: registrada.mainFunction };
+  }
+  const { parameters, mainAction, resultClass, proceedLabel } = registrada;
+  const procAux = myOwn.wScreens.procAux;
+  const mostrarParametros = typeof procAux === "object" ? procAux.showParams : void 0;
+  if (parameters && mostrarParametros) {
+    return {
+      definicion: registrada,
+      ejecutar: (parametros) => mostrarParametros({ parameters, resultClass, proceedLabel }, contenedor, parametros, mainAction)
+    };
+  }
+  return null;
+}
+
+// src/puente/capturaDeNavegacion.ts
+function apiDeNavegacion() {
+  const api = Reflect.get(window, "navigation");
+  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
+}
+function capturarNavegacionBP(urlBackend, navegar) {
+  const alHacerClick = (evento) => {
+    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
+    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
+    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
+    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      evento.stopPropagation();
+      navegar(ruta);
+    }
+  };
+  document.addEventListener("click", alHacerClick, true);
+  const navegacion = apiDeNavegacion();
+  const alNavegar = (evento) => {
+    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
+    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      navegar(ruta);
+    }
+  };
+  navegacion?.addEventListener("navigate", alNavegar);
+  const reemplazarOriginal = history.replaceState;
+  const reemplazar = (estado, titulo, url) => {
+    const ruta = url === void 0 || url === null ? null : rutaDeEnlaceBP(String(url), document.baseURI, urlBackend);
+    reemplazarOriginal.call(history, estado, titulo, ruta === null ? url : rutaBase + ruta);
+  };
+  history.replaceState = reemplazar;
+  return () => {
+    if (history.replaceState === reemplazar) history.replaceState = reemplazarOriginal;
+    document.removeEventListener("click", alHacerClick, true);
+    navegacion?.removeEventListener("navigate", alNavegar);
+  };
+}
+
+// src/puente/habilitacion.ts
+var habilitado = false;
+var habilitarPuenteBP = () => {
+  habilitado = true;
+};
+var puenteBPHabilitado = () => habilitado;
+
+// src/puente/PantallaBP.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function buscarItemDeMenu(items, tipo) {
+  for (const item of items) {
+    if (item.menuType === tipo) return item;
+    if (item.menuType === "menu") {
+      const encontrado = buscarItemDeMenu(item.menuContent, tipo);
+      if (encontrado) return encontrado;
+    }
+  }
+  return void 0;
+}
+var PantallaBP = ({ nombre, direccion }) => {
+  const navigate = (0, import_react_router_dom13.useNavigate)();
+  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 menu = clientContext.menu;
+  (0, import_react36.useEffect)(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setNoExiste(false);
+    setCargando(true);
+    const dejarDeCapturar = capturarNavegacionBP(envConfig.backendUrl, navigate);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      const pantalla = resolverPantallaBP(myOwn, nombre, elemento);
+      if (!pantalla) {
+        setNoExiste(true);
+        return;
+      }
+      elemento.replaceChildren();
+      const item = menu ? buscarItemDeMenu(menu, nombre) : void 0;
+      const desdeLaDireccion = myOwn.UriSearchToObject?.(direccion) ?? Object.fromEntries(new URLSearchParams(direccion.replace(/^[#?]/, "")).entries());
+      const parametros = { ...item, ...desdeLaDireccion };
+      myOwn.preDisplayPage?.(parametros, pantalla.definicion, nombre);
+      pantalla.ejecutar.call(myOwn, parametros);
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      dejarDeCapturar();
+      elemento.replaceChildren();
+    };
+  }, [nombre, direccion, menu, navigate]);
+  if (noExiste) return /* @__PURE__ */ (0, import_jsx_runtime33.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, {})
+    ] })
+  );
+};
+var PantallaDeRespaldo = () => {
+  const { screenName = "" } = (0, import_react_router_dom13.useParams)();
+  const { search } = (0, import_react_router_dom13.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_runtime33.jsx)(import_react_router_dom13.Navigate, { to: rutaDePantallaBP(screenName, search), replace: true });
+};
+var PaginaBP = () => {
+  const { hash, search } = (0, import_react_router_dom13.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_dom13.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: [
+    "Falta la pantalla de backend-plus (",
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("code", { children: "#w=..." }),
+    ")."
+  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PantallaBP, { nombre, direccion }, nombre);
+};
+
+// src/puente/GrillaBP.tsx
+var import_react37 = require("react");
+var import_react_router_dom14 = require("react-router-dom");
+var import_material28 = require("@mui/material");
+var import_jsx_runtime34 = (
+  // 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 clave = JSON.stringify(fixedFields ?? []);
+  (0, import_react37.useEffect)(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setCargando(true);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      elemento.replaceChildren();
+      myOwn.tableGrid(tabla, elemento, { fixedFields: JSON.parse(clave) });
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      elemento.replaceChildren();
+    };
+  }, [tabla, clave]);
+  return /* @__PURE__ */ (0, import_jsx_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, {})
+  ] });
+};
+var PaginaGrillaBP = () => {
+  const { tableName = "" } = (0, import_react_router_dom14.useParams)();
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GrillaBP, { tabla: tableName }, tableName);
+};
+
+// src/App.tsx
+var import_type_store6 = __toESM(require("type-store"), 1);
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var LocationTracker = () => {
-  const location = (0, import_react_router_dom12.useLocation)();
+  const location = (0, import_react_router_dom15.useLocation)();
   const dispatch = useAppDispatch();
-  (0, import_react35.useEffect)(() => {
+  (0, import_react38.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_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(InitialRedirectHandler_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_router_dom12.Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_router_dom12.Route, { element: UnloggedLayout ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(UnloggedLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Outlet, {}), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/login", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LoginPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/logout", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InitialRedirectHandler_default, {}),
+    /* @__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, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_router_dom12.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PrivateRoute_default, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Layout, {}) }), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(HomePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/home", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(HomePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/table/:tableName", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/menu/:menuName", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_react_router_dom12.Route,
+      /* @__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)(
+          import_react_router_dom15.Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_react_router_dom12.Route,
-          {
-            path: "/wScreens-fallback/:screenName",
-            element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_material27.Box, { sx: { p: 3 }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FallbackWScreen, { 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, {}) }),
         myRoutes,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime32.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)("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_router_dom12.Navigate, { to: "/", replace: true }) })
+      /* @__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 }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react36.PersistGate, { loading: null, persistor, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react_router_dom12.BrowserRouter, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LocationTracker, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_redux5.Provider, { store, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react39.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, {}),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(SnackbarProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AppProvider, { publicPaths, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -5665,9 +6016,10 @@ var App = ({
   myWScreens,
   myClientSides,
   myResultsOk,
-  myConditions
+  myConditions,
+  puenteBP
 }) => {
-  (0, import_react35.useMemo)(() => {
+  (0, import_react38.useMemo)(() => {
     if (myClientSides) {
       extendClientSides(myClientSides);
     }
@@ -5680,8 +6032,11 @@ var App = ({
     if (myConditions) {
       extendConditions(myConditions);
     }
-  }, [myClientSides, myResultsOk, myWScreens, myConditions]);
-  (0, import_react35.useEffect)(() => {
+    if (puenteBP) {
+      habilitarPuenteBP();
+    }
+  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
+  (0, import_react38.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");
@@ -5690,11 +6045,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = import_react35.default.useMemo(() => {
+  const safePaths = import_react38.default.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     FrontendPlusReactRoutes,
     {
       myRoutes,
@@ -5713,6 +6068,7 @@ var App_default = App;
   FrontendPlusProviders,
   FrontendPlusReactRoutes,
   GenericDataGrid,
+  GrillaBP,
   MainLayout,
   SnackbarProvider,
   cambiarGuionesBajosPorEspacios,
@@ -5722,6 +6078,7 @@ var App_default = App;
   extendResultsOk,
   extendWScreens,
   extractPathsFromRoutes,
+  habilitarPuenteBP,
   resultComponents,
   useApiCall,
   useApiCallWithoutSnackbar,