frontend-plus-react 0.3.0 → 0.4.1

package/dist/index.js

@@ -3457,6 +3457,10 @@ var VerticalEditorPage = ({
   ] });
 };
 
+// src/rutaBase.ts
+var baseDelBundler = import.meta.env?.BASE_URL ?? "/";
+var rutaBase = baseDelBundler.replace(/\/+$/, "");
+
 // src/components/grid/GenericDataGrid.tsx
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var SUMMARY_ROW_HEIGHT = 35;
@@ -3846,7 +3850,7 @@ var GenericDataGrid = ({
   const abrirWScreenEnPestana = useCallback11((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 = useCallback11((row, rowId, detailTable, enOtraPestana) => {
     if (enOtraPestana && detailTable.wScreen) {
@@ -4189,8 +4193,8 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-import React25, { useEffect as useEffect13, useMemo as useMemo14 } from "react";
-import { BrowserRouter, Routes, Route, useLocation as useLocation6, Navigate as Navigate2, Outlet as Outlet2 } from "react-router-dom";
+import React28, { useEffect as useEffect16, useMemo as useMemo14 } from "react";
+import { BrowserRouter, Routes, Route, useLocation as useLocation7, Navigate as Navigate4, Outlet as Outlet2 } from "react-router-dom";
 
 // src/components/MainLayout.tsx
 import { useEffect as useEffect8 } from "react";
@@ -4322,13 +4326,33 @@ import ExpandMore from "@mui/icons-material/ExpandMore";
 import TableChartIcon from "@mui/icons-material/TableChart";
 import FolderIcon from "@mui/icons-material/Folder";
 import DnsIcon from "@mui/icons-material/Dns";
-import HomeIcon from "@mui/icons-material/Home";
 import WarningAmberIcon3 from "@mui/icons-material/WarningAmber";
 import DesktopWindowsIcon from "@mui/icons-material/DesktopWindows";
 import UnfoldMoreIcon from "@mui/icons-material/UnfoldMore";
 import UnfoldLessIcon from "@mui/icons-material/UnfoldLess";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
 import { blue, orange, teal, red, grey } from "@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
 import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var MenuListItem = ({ item, level, onMenuItemClick }) => {
   const navigate = useNavigate2();
@@ -4339,29 +4363,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();
       }
@@ -4434,19 +4436,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__ */ jsx20(Box13, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx20(Typography9, { variant: "body2", color: "text.secondary", children: "Cargando men\xFA..." }) });
   }
-  const isHomeSelected = location.pathname === "/home";
   useEffect7(() => {
     if (!clientContext?.menu) return;
     const expandParents = (items, targetPath, parentNames = []) => {
@@ -4482,22 +4477,15 @@ var SideMenu = ({ onMenuItemClick }) => {
       /* @__PURE__ */ jsx20(ListItemText2, { primary: isMostlyOpen ? "colapsar " : "expandir" })
     ] }) }),
     /* @__PURE__ */ jsx20(Divider2, {}),
-    /* @__PURE__ */ jsxs14(List2, { children: [
-      /* @__PURE__ */ jsx20(ListItem, { disablePadding: true, children: /* @__PURE__ */ jsxs14(ListItemButton2, { onClick: handleHomeClick, selected: isHomeSelected, children: [
-        /* @__PURE__ */ jsx20(ListItemIcon2, { sx: { minWidth: "38px" }, children: /* @__PURE__ */ jsx20(HomeIcon, {}) }),
-        /* @__PURE__ */ jsx20(ListItemText2, { primary: "Inicio" })
-      ] }) }),
-      /* @__PURE__ */ jsx20(Divider2, {}),
-      clientContext.menu.map((menuItem) => /* @__PURE__ */ jsx20(
-        MenuListItem,
-        {
-          item: menuItem,
-          level: 1,
-          onMenuItemClick
-        },
-        menuItem.name
-      ))
-    ] })
+    /* @__PURE__ */ jsx20(List2, { children: clientContext.menu.map((menuItem) => /* @__PURE__ */ jsx20(
+      MenuListItem,
+      {
+        item: menuItem,
+        level: 1,
+        onMenuItemClick
+      },
+      menuItem.name
+    )) })
   ] });
 };
 var SideMenu_default = SideMenu;
@@ -4556,7 +4544,6 @@ var MainLayout = () => {
   if (!clientContext) {
     return /* @__PURE__ */ jsx21(Box14, { sx: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx21(Typography10, { children: "Cargando dise\xF1o de la aplicaci\xF3n..." }) });
   }
-  const appBarOffset = theme.mixins.toolbar;
   return /* @__PURE__ */ jsxs15(Box14, { sx: { display: "flex", height: "100vh" }, children: [
     /* @__PURE__ */ jsx21(CssBaseline, {}),
     /* @__PURE__ */ jsx21(
@@ -4660,7 +4647,7 @@ var MainLayout = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsxs15(
       Box14,
       {
         component: "main",
@@ -4680,15 +4667,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__ */ jsx21(Outlet, {})
+        children: [
+          /* @__PURE__ */ jsx21(Toolbar, {}),
+          /* @__PURE__ */ jsx21(Box14, { sx: { flex: 1, minHeight: 0, overflowY: "auto", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsx21(Outlet, {}) })
+        ]
       }
     )
   ] });
@@ -4746,28 +4734,26 @@ var SessionExpiredMessage = () => {
 };
 var SessionExpiredMessage_default = SessionExpiredMessage;
 
-// src/pages/HomePage.tsx
-import { Box as Box16, Typography as Typography12 } from "@mui/material";
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-var HomePage = () => {
+// src/pages/PantallaInicial.tsx
+import { Navigate } from "react-router-dom";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var PantallaInicial = () => {
   const { clientContext } = useApp();
-  return /* @__PURE__ */ jsxs17(Box16, { sx: { p: 3 }, children: [
-    /* @__PURE__ */ jsx23(Typography12, { variant: "h4", component: "h1", gutterBottom: true, children: `Bienvenido/a ${clientContext?.username}` }),
-    /* @__PURE__ */ jsx23(Typography12, { 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__ */ jsx23(Navigate, { to: rutaDeItemDeMenu(item), replace: true }) : null;
 };
-var HomePage_default = HomePage;
+var PantallaInicial_default = PantallaInicial;
 
 // src/pages/LogoutPage.tsx
 import { useEffect as useEffect9 } from "react";
-import { Box as Box17, Typography as Typography13, CircularProgress as CircularProgress5 } from "@mui/material";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Box as Box16, Typography as Typography12, CircularProgress as CircularProgress5 } from "@mui/material";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var LogoutPage = () => {
   const logout = useLogout_default();
   useEffect9(() => {
     logout();
   }, [logout]);
-  return /* @__PURE__ */ jsxs18(Box17, { sx: {
+  return /* @__PURE__ */ jsxs17(Box16, { sx: {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -4776,20 +4762,20 @@ var LogoutPage = () => {
     textAlign: "center"
   }, children: [
     /* @__PURE__ */ jsx24(CircularProgress5, { size: 60 }),
-    /* @__PURE__ */ jsx24(Typography13, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
+    /* @__PURE__ */ jsx24(Typography12, { variant: "h6", sx: { mt: 2 }, children: "Cerrando sesi\xF3n..." })
   ] });
 };
 var LogoutPage_default = LogoutPage;
 
 // src/pages/LoginPage.tsx
 import { useState as useState14 } from "react";
-import { Button as Button8, TextField as TextField2, Typography as Typography14, Alert as Alert3, AlertTitle, Box as Box18, CircularProgress as CircularProgress6 } from "@mui/material";
+import { Button as Button8, TextField as TextField2, Typography as Typography13, Alert as Alert3, AlertTitle, Box as Box17, CircularProgress as CircularProgress6 } from "@mui/material";
 import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
 import { useNavigate as useNavigate4 } from "react-router-dom";
 import { useDispatch as useDispatch4 } from "react-redux";
-import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var loginSchema = z.object({
   username: z.string().min(1, "El usuario es requerido"),
   // Añadir validación básica
@@ -4835,7 +4821,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);
@@ -4846,15 +4832,15 @@ var LoginPage = () => {
     }
   };
   return /* @__PURE__ */ jsx25(
-    Box18,
+    Box17,
     {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
       minHeight: "100vh",
       bgcolor: "#f5f5f5",
-      children: /* @__PURE__ */ jsxs19(
-        Box18,
+      children: /* @__PURE__ */ jsxs18(
+        Box17,
         {
           width: "100%",
           maxWidth: "400px",
@@ -4863,7 +4849,7 @@ var LoginPage = () => {
           borderRadius: 8,
           boxShadow: 3,
           children: [
-            /* @__PURE__ */ jsx25(Box18, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx25(Box17, { sx: { display: "flex", justifyContent: "center", mb: 3 }, children: /* @__PURE__ */ jsx25(
               "img",
               {
                 src: `${envConfig.backendUrl}/img/login-logo-icon.png`,
@@ -4871,10 +4857,10 @@ var LoginPage = () => {
                 style: { height: "192px", maxWidth: "100%", objectFit: "contain" }
               }
             ) }),
-            /* @__PURE__ */ jsx25(Typography14, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
-            /* @__PURE__ */ jsxs19("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsx25("label", { htmlFor: "username", children: /* @__PURE__ */ jsx25(Typography14, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
+            /* @__PURE__ */ jsx25(Typography13, { variant: "h5", align: "center", gutterBottom: true, sx: { fontWeight: "bold", color: "primary.main" }, children: "Iniciar Sesi\xF3n" }),
+            /* @__PURE__ */ jsxs18("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+              /* @__PURE__ */ jsxs18("div", { children: [
+                /* @__PURE__ */ jsx25("label", { htmlFor: "username", children: /* @__PURE__ */ jsx25(Typography13, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Usuario" }) }),
                 /* @__PURE__ */ jsx25(
                   Controller,
                   {
@@ -4896,8 +4882,8 @@ var LoginPage = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs19("div", { children: [
-                /* @__PURE__ */ jsx25("label", { htmlFor: "password", children: /* @__PURE__ */ jsx25(Typography14, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
+              /* @__PURE__ */ jsxs18("div", { children: [
+                /* @__PURE__ */ jsx25("label", { htmlFor: "password", children: /* @__PURE__ */ jsx25(Typography13, { variant: "subtitle1", component: "div", sx: { fontWeight: "medium" }, children: "Contrase\xF1a" }) }),
                 /* @__PURE__ */ jsx25(
                   Controller,
                   {
@@ -4919,12 +4905,12 @@ var LoginPage = () => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx25(Button8, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs19(Fragment3, { children: [
+              /* @__PURE__ */ jsx25(Button8, { type: "submit", fullWidth: true, variant: "contained", color: "primary", disabled: isSubmitting, sx: { mt: 2 }, children: isSubmitting ? /* @__PURE__ */ jsxs18(Fragment3, { children: [
                 /* @__PURE__ */ jsx25(CircularProgress6, { size: 20, sx: { mr: 1 } }),
                 "Iniciando sesi\xF3n..."
               ] }) : "Iniciar Sesi\xF3n" })
             ] }),
-            loginError && /* @__PURE__ */ jsxs19(Alert3, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
+            loginError && /* @__PURE__ */ jsxs18(Alert3, { severity: "error", sx: { mt: 2, maxHeight: "200px" }, children: [
               " ",
               /* @__PURE__ */ jsx25(AlertTitle, { children: "Error" }),
               loginError
@@ -4950,8 +4936,8 @@ import {
   Checkbox as Checkbox3,
   FormControlLabel as FormControlLabel3,
   FormHelperText as FormHelperText2,
-  Typography as Typography16,
-  Box as Box20,
+  Typography as Typography15,
+  Box as Box19,
   CircularProgress as CircularProgress7,
   Alert as Alert4,
   Divider as Divider3,
@@ -4959,14 +4945,14 @@ import {
 } from "@mui/material";
 
 // src/pages/procedure-results/SuccessDisplay.tsx
-import { Box as Box19, Typography as Typography15, Paper as Paper3 } from "@mui/material";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box18, Typography as Typography14, Paper as Paper3 } from "@mui/material";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var SuccessDisplay = ({ data }) => {
-  return /* @__PURE__ */ jsxs20(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
-    /* @__PURE__ */ jsx26(Typography15, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
-    /* @__PURE__ */ jsx26(Typography15, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
-    /* @__PURE__ */ jsx26(Box19, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx26("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
-    /* @__PURE__ */ jsx26(Typography15, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
+  return /* @__PURE__ */ jsxs19(Paper3, { elevation: 2, sx: { p: 2, mt: 2, bgcolor: "success.light", color: "success.contrastText" }, children: [
+    /* @__PURE__ */ jsx26(Typography14, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: "\xA1Operaci\xF3n Exitosa!" }),
+    /* @__PURE__ */ jsx26(Typography14, { variant: "body2", sx: { fontSize: "0.85rem" }, children: "Detalles del resultado:" }),
+    /* @__PURE__ */ jsx26(Box18, { sx: { bgcolor: "success.dark", p: 1, borderRadius: 1, mt: 1, overflowX: "auto" }, children: /* @__PURE__ */ jsx26("pre", { style: { margin: 0, fontSize: "0.75rem", color: "white" }, children: JSON.stringify(data, null, 2) }) }),
+    /* @__PURE__ */ jsx26(Typography14, { variant: "body2", sx: { fontSize: "0.8rem", mt: 1 }, children: "Puedes revisar los detalles anteriores o cerrar este mensaje." })
   ] });
 };
 var SuccessDisplay_default = SuccessDisplay;
@@ -4980,7 +4966,7 @@ var extendResultsOk = (newComponents) => {
 };
 
 // src/components/ProcedureForm.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var ProcedureForm = () => {
   const { procedureName } = useParams();
   const { clientContext } = useApp();
@@ -5195,9 +5181,9 @@ var ProcedureForm = () => {
       sx: { fontSize: "0.8rem" }
     };
     if (param.options && param.options.length > 0) {
-      return /* @__PURE__ */ jsxs21(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
+      return /* @__PURE__ */ jsxs20(FormControl3, { fullWidth: true, margin: "dense", size: "small", error: hasError, required: commonProps.required, children: [
         /* @__PURE__ */ jsx27(InputLabel2, { id: `${param.name}-label`, sx: { fontSize: "0.8rem" }, children: param.label || param.name }),
-        /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsxs20(
           Select2,
           {
             labelId: `${param.name}-label`,
@@ -5208,7 +5194,7 @@ var ProcedureForm = () => {
             label: param.label || param.name,
             disabled: apiLoading,
             sx: { fontSize: "0.8rem" },
-            renderValue: (selected) => /* @__PURE__ */ jsx27(Typography16, { sx: { fontSize: "0.8rem" }, children: selected }),
+            renderValue: (selected) => /* @__PURE__ */ jsx27(Typography15, { sx: { fontSize: "0.8rem" }, children: selected }),
             children: [
               (!commonProps.required || formValues[param.name] === "") && /* @__PURE__ */ jsx27(MenuItem2, { value: "", sx: { fontSize: "0.8rem" }, children: /* @__PURE__ */ jsx27("em", { children: "Seleccione..." }) }),
               param.options.map((option) => /* @__PURE__ */ jsx27(MenuItem2, { value: option, sx: { fontSize: "0.8rem" }, children: option }, option))
@@ -5246,7 +5232,7 @@ var ProcedureForm = () => {
                 size: "small"
               }
             ),
-            label: /* @__PURE__ */ jsx27(Typography16, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
+            label: /* @__PURE__ */ jsx27(Typography15, { sx: { fontSize: "0.8rem", color: hasError ? "error.main" : "inherit" }, children: param.label || param.name }),
             sx: { mt: 1, mb: 0 }
           }
         );
@@ -5258,8 +5244,8 @@ var ProcedureForm = () => {
       case "jsona":
         return /* @__PURE__ */ jsx27(TextField3, { multiline: true, rows: 5, value: formValues[param.name] || "", ...commonProps, InputProps: { sx: { fontSize: "0.8rem" } } });
       case "bytea":
-        return /* @__PURE__ */ jsxs21(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
-          /* @__PURE__ */ jsx27(Typography16, { 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__ */ jsxs20(FormControl3, { fullWidth: true, margin: "dense", error: hasError, required: commonProps.required, children: [
+          /* @__PURE__ */ jsx27(Typography15, { 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__ */ jsx27(
             "input",
             {
@@ -5286,13 +5272,13 @@ var ProcedureForm = () => {
     if (ComponentToRender) {
       return /* @__PURE__ */ jsx27(ComponentToRender, { data: procedureResultData });
     } else {
-      return /* @__PURE__ */ jsxs21(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
-        /* @__PURE__ */ jsxs21(Typography16, { variant: "h6", sx: { fontSize: "1rem", mb: 1 }, children: [
+      return /* @__PURE__ */ jsxs20(Paper4, { elevation: 2, sx: { p: 2, mt: 0, bgcolor: "warning.light" }, children: [
+        /* @__PURE__ */ jsxs20(Typography15, { 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__ */ jsx27(Box20, { sx: {
+        /* @__PURE__ */ jsx27(Box19, { sx: {
           bgcolor: "warning.dark",
           p: 1,
           borderRadius: 1
@@ -5301,7 +5287,7 @@ var ProcedureForm = () => {
     }
   }, [procedureResultData, procedure]);
   if (!procedure) {
-    return /* @__PURE__ */ jsxs21(Box20, { sx: {
+    return /* @__PURE__ */ jsxs20(Box19, { sx: {
       p: 2,
       width: "100%",
       boxSizing: "border-box",
@@ -5312,12 +5298,12 @@ var ProcedureForm = () => {
       textAlign: "center"
     }, children: [
       /* @__PURE__ */ jsx27(CircularProgress7, { sx: { mb: 2 } }),
-      /* @__PURE__ */ jsx27(Typography16, { variant: "h6", color: "text.secondary", children: "Cargando procedimiento o no encontrado..." })
+      /* @__PURE__ */ jsx27(Typography15, { 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__ */ jsxs21(Box20, { sx: {
+    /* @__PURE__ */ jsxs20(Box19, { sx: {
       p: 2,
       ml: 1,
       mt: 2,
@@ -5334,14 +5320,14 @@ var ProcedureForm = () => {
       overflowX: "hidden"
       // Oculta el scroll horizontal si no es necesario para el contenedor principal
     }, children: [
-      /* @__PURE__ */ jsx27(Typography16, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
-      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs21(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
+      /* @__PURE__ */ jsx27(Typography15, { variant: "h5", component: "h2", gutterBottom: true, align: "left", children: cambiarGuionesBajosPorEspacios(procedure.proceedLabel || procedure.action) }),
+      Object.values(validationErrors).some((err) => err !== null) && /* @__PURE__ */ jsxs20(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: [
         "Por favor, corrige los errores en el formulario antes de enviar.",
         /* @__PURE__ */ jsx27("ul", { children: Object.values(validationErrors).map((err, idx) => err && /* @__PURE__ */ jsx27("li", { children: err }, idx)) })
       ] }),
       !Object.values(validationErrors).some((err) => err !== null) && apiError && /* @__PURE__ */ jsx27(Alert4, { severity: "error", sx: { mb: 2, fontSize: "0.8rem" }, children: apiError.message }),
       !Object.values(validationErrors).some((err) => err !== null) && !apiError && successMessage && /* @__PURE__ */ jsx27(Alert4, { severity: "success", sx: { mb: 2, fontSize: "0.8rem" }, children: successMessage }),
-      /* @__PURE__ */ jsxs21("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ jsxs20("form", { onSubmit: handleSubmit, children: [
         procedure.parameters.map((param) => /* @__PURE__ */ jsx27("div", { children: renderInputField(param) }, param.name)),
         /* @__PURE__ */ jsx27(
           Button9,
@@ -5357,15 +5343,15 @@ var ProcedureForm = () => {
           }
         )
       ] }),
-      ResultDisplayContent && /* @__PURE__ */ jsxs21(Box20, { sx: { mt: 2 }, children: [
+      ResultDisplayContent && /* @__PURE__ */ jsxs20(Box19, { sx: { mt: 2 }, children: [
         " ",
         ResultDisplayContent
       ] }),
-      executionLog.length > 0 && /* @__PURE__ */ jsxs21(Box20, { sx: { mt: 3 }, children: [
+      executionLog.length > 0 && /* @__PURE__ */ jsxs20(Box19, { sx: { mt: 3 }, children: [
         /* @__PURE__ */ jsx27(Divider3, { sx: { mb: 2 } }),
-        /* @__PURE__ */ jsx27(Typography16, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
+        /* @__PURE__ */ jsx27(Typography15, { variant: "h6", gutterBottom: true, sx: { fontSize: "0.9rem" }, children: "Registro de Ejecuci\xF3n" }),
         /* @__PURE__ */ jsx27(
-          Box20,
+          Box19,
           {
             sx: {
               bgcolor: "grey.100",
@@ -5379,7 +5365,7 @@ var ProcedureForm = () => {
               whiteSpace: "pre-wrap"
             },
             children: executionLog.map((log, index) => /* @__PURE__ */ jsx27(
-              Typography16,
+              Typography15,
               {
                 component: "pre",
                 sx: {
@@ -5405,7 +5391,7 @@ import { PersistGate } from "redux-persist/integration/react";
 
 // src/components/PrivateRoute.tsx
 import { useEffect as useEffect10 } from "react";
-import { Navigate, useLocation as useLocation3 } from "react-router-dom";
+import { Navigate as Navigate2, useLocation as useLocation3 } from "react-router-dom";
 import { Fragment as Fragment4, jsx as jsx28 } from "react/jsx-runtime";
 var PrivateRoute = ({ children }) => {
   const location = useLocation3();
@@ -5417,7 +5403,7 @@ var PrivateRoute = ({ children }) => {
   useEffect10(() => {
     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) {
@@ -5434,7 +5420,7 @@ var PrivateRoute = ({ children }) => {
   }
   if (!isAuthenticated) {
     console.log(`[PrivateRoute] User not authenticated, navigating to /login`);
-    return /* @__PURE__ */ jsx28(Navigate, { to: "/login", replace: true });
+    return /* @__PURE__ */ jsx28(Navigate2, { to: "/login", replace: true });
   }
   console.log(`[PrivateRoute] User authenticated, rendering children.`);
   return /* @__PURE__ */ jsx28(Fragment4, { children });
@@ -5464,9 +5450,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]);
@@ -5477,9 +5463,9 @@ var InitialRedirectHandler_default = InitialRedirectHandler;
 // src/pages/GenericDataGridPage.tsx
 import React22, { useState as useState16, useCallback as useCallback15 } from "react";
 import { useParams as useParams2, useLocation as useLocation5 } from "react-router-dom";
-import { Box as Box21, Alert as Alert5, Typography as Typography17, Tabs, Tab, IconButton as IconButton5 } from "@mui/material";
+import { Box as Box20, Alert as Alert5, Typography as Typography16, Tabs, Tab, IconButton as IconButton5 } from "@mui/material";
 import CloseIcon2 from "@mui/icons-material/Close";
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var GenericDataGridPage = ({
   initialTableName,
   initialFixedFields = []
@@ -5525,21 +5511,21 @@ var GenericDataGridPage = ({
     else if (activeTabIdx === index) setActiveTabIdx(index - 1);
   };
   if (!effectiveTableName) {
-    return /* @__PURE__ */ jsx29(Box21, { p: 3, children: /* @__PURE__ */ jsx29(Alert5, { severity: "error", children: "No se especific\xF3 una tabla." }) });
+    return /* @__PURE__ */ jsx29(Box20, { p: 3, children: /* @__PURE__ */ jsx29(Alert5, { severity: "error", children: "No se especific\xF3 una tabla." }) });
   }
-  return /* @__PURE__ */ jsxs22(Box21, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx29(Box21, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx29(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs21(Box20, { sx: { width: "100%", height: "calc(100vh - 64px)", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx29(Box20, { sx: { borderBottom: 1, borderColor: "divider", bgcolor: "background.paper" }, children: /* @__PURE__ */ jsx29(Tabs, { value: activeTabIdx, onChange: (_, v) => setActiveTabIdx(v), variant: "scrollable", children: tabs.map((tab, index) => /* @__PURE__ */ jsx29(
       Tab,
       {
-        label: /* @__PURE__ */ jsxs22(Box21, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ jsx29(Typography17, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
+        label: /* @__PURE__ */ jsxs21(Box20, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsx29(Typography16, { variant: "caption", sx: { fontWeight: "bold" }, children: tab.label }),
           index !== 0 && /* @__PURE__ */ jsx29(IconButton5, { size: "small", onClick: (e) => handleCloseTab(index, e), children: /* @__PURE__ */ jsx29(CloseIcon2, { fontSize: "inherit" }) })
         ] })
       },
       tab.id
     )) }) }),
     tabs.map((tab, index) => /* @__PURE__ */ jsx29(
-      Box21,
+      Box20,
       {
         role: "tabpanel",
         hidden: activeTabIdx !== index,
@@ -5563,20 +5549,20 @@ var GenericDataGridPage_default = GenericDataGridPage;
 // src/pages/PantallaDeRuta.tsx
 import { useMemo as useMemo12 } from "react";
 import { useSearchParams } from "react-router-dom";
-import { Box as Box22 } from "@mui/material";
+import { Box as Box21 } from "@mui/material";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var PantallaDeRuta = ({ screenName }) => {
   const [busqueda] = useSearchParams();
   const params = useMemo12(() => Object.fromEntries(busqueda.entries()), [busqueda]);
   const Pantalla = wScreens[screenName];
-  return /* @__PURE__ */ jsx30(Box22, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx30(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx30(FallbackWScreen, { screenName }) });
+  return /* @__PURE__ */ jsx30(Box21, { sx: { pt: 3, pl: 4 }, children: Pantalla ? /* @__PURE__ */ jsx30(Pantalla, { screenName, params }) : /* @__PURE__ */ jsx30(FallbackWScreen, { screenName }) });
 };
 
 // src/pages/MenuTablePage.tsx
 import { useMemo as useMemo13 } from "react";
 import { useParams as useParams3 } from "react-router-dom";
-import { Box as Box23, Alert as Alert6, Typography as Typography18 } from "@mui/material";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Box as Box22, Alert as Alert6, Typography as Typography17 } from "@mui/material";
+import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
 function fixedFieldsDeMenu(ff) {
   if (!ff) return [];
   if (Array.isArray(ff)) {
@@ -5617,9 +5603,9 @@ var MenuTablePage = () => {
     };
   }, [menuName, clientContext]);
   if (!currentTableName) {
-    return /* @__PURE__ */ jsx31(Box23, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs23(Alert6, { severity: "error", children: [
-      /* @__PURE__ */ jsx31(Typography18, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
-      /* @__PURE__ */ jsx31(Typography18, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
+    return /* @__PURE__ */ jsx31(Box22, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "200px", children: /* @__PURE__ */ jsxs22(Alert6, { severity: "error", children: [
+      /* @__PURE__ */ jsx31(Typography17, { variant: "h6", children: "Error: No se pudo cargar la informaci\xF3n de la tabla." }),
+      /* @__PURE__ */ jsx31(Typography17, { variant: "body1", children: "Verifique la configuraci\xF3n del men\xFA o el nombre de la tabla en la URL." })
     ] }) });
   }
   return /* @__PURE__ */ jsx31(
@@ -5632,62 +5618,424 @@ var MenuTablePage = () => {
 };
 var MenuTablePage_default = MenuTablePage;
 
+// src/puente/PantallaBP.tsx
+import { useEffect as useEffect14, useRef as useRef9, useState as useState17 } from "react";
+import { Navigate as Navigate3, useLocation as useLocation6, useNavigate as useNavigate6, useParams as useParams4 } from "react-router-dom";
+import { Alert as Alert7, Box as Box24, CircularProgress as CircularProgress8 } from "@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);
+  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
+import { useEffect as useEffect13 } from "react";
+import { Box as Box23 } from "@mui/material";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var MARGEN_DE_REPETIDO_MS = 1e3;
+function descartarRepetidos(consola, agregados, ahora) {
+  for (const nodo of agregados) {
+    if (!(nodo instanceof HTMLElement)) continue;
+    const repetido = Array.from(consola.children).find(
+      (otro) => otro instanceof HTMLElement && otro !== nodo && otro.className === nodo.className && otro.textContent === nodo.textContent && ahora - Number(otro.dataset.instante) < MARGEN_DE_REPETIDO_MS
+    );
+    if (repetido) nodo.remove();
+    else nodo.dataset.instante = String(ahora);
+  }
+}
+var ConsolaBP = () => {
+  useEffect13(() => {
+    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__ */ jsx32(
+    Box23,
+    {
+      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
+import { jsx as jsx33, jsxs as jsxs23 } from "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 = useNavigate6();
+  const { clientContext } = useApp();
+  const [cargando, setCargando] = useState17(true);
+  const [error, setError] = useState17(null);
+  const [noExiste, setNoExiste] = useState17(false);
+  const contenedor = useRef9(null);
+  const menu = clientContext.menu;
+  useEffect14(() => {
+    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__ */ jsx33(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__ */ jsxs23(Box24, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx33(CircularProgress8, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx33(Alert7, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx33("div", { id: "main_layout", ref: contenedor }),
+      /* @__PURE__ */ jsx33(ConsolaBP, {})
+    ] })
+  );
+};
+var PantallaDeRespaldo = () => {
+  const { screenName = "" } = useParams4();
+  const { search } = useLocation6();
+  if (!puenteBPHabilitado()) {
+    return /* @__PURE__ */ jsx33(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsx33(FallbackWScreen, { screenName }) });
+  }
+  return /* @__PURE__ */ jsx33(Navigate3, { to: rutaDePantallaBP(screenName, search), replace: true });
+};
+var PaginaBP = () => {
+  const { hash, search } = useLocation6();
+  const direccion = hash || search;
+  const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx33(Navigate3, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ jsx33(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs23(Alert7, { severity: "warning", children: [
+    "Falta la pantalla de backend-plus (",
+    /* @__PURE__ */ jsx33("code", { children: "#w=..." }),
+    ")."
+  ] }) });
+  return /* @__PURE__ */ jsx33(PantallaBP, { nombre, direccion }, nombre);
+};
+
+// src/puente/GrillaBP.tsx
+import { useEffect as useEffect15, useRef as useRef10, useState as useState18 } from "react";
+import { useParams as useParams5 } from "react-router-dom";
+import { Alert as Alert8, Box as Box25, CircularProgress as CircularProgress9 } from "@mui/material";
+import { jsx as jsx34, jsxs as jsxs24 } from "react/jsx-runtime";
+var GrillaBP = ({ tabla, fixedFields }) => {
+  const contenedor = useRef10(null);
+  const [cargando, setCargando] = useState18(true);
+  const [error, setError] = useState18(null);
+  const clave = JSON.stringify(fixedFields ?? []);
+  useEffect15(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setCargando(true);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      elemento.replaceChildren();
+      myOwn.tableGrid(tabla, elemento, { fixedFields: JSON.parse(clave) });
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      elemento.replaceChildren();
+    };
+  }, [tabla, clave]);
+  return (
+    // el indicador de carga flota: si ocupara lugar, el contenido de backend-plus empezaría más abajo mientras carga y subiría al terminar
+    /* @__PURE__ */ jsxs24(Box25, { sx: { position: "relative" }, children: [
+      cargando && /* @__PURE__ */ jsx34(CircularProgress9, { size: 24, sx: { position: "absolute", top: 16, left: 16 } }),
+      error && /* @__PURE__ */ jsx34(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
+      /* @__PURE__ */ jsx34("div", { ref: contenedor }),
+      /* @__PURE__ */ jsx34(ConsolaBP, {})
+    ] })
+  );
+};
+var PaginaGrillaBP = () => {
+  const { tableName = "" } = useParams5();
+  return /* @__PURE__ */ jsx34(GrillaBP, { tabla: tableName }, tableName);
+};
+
 // src/App.tsx
-import { Box as Box24 } from "@mui/material";
 import typeStore6 from "type-store";
-import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
 var LocationTracker = () => {
-  const location = useLocation6();
+  const location = useLocation7();
   const dispatch = useAppDispatch();
-  useEffect13(() => {
+  useEffect16(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ jsxs24(Fragment5, { children: [
-    /* @__PURE__ */ jsx32(InitialRedirectHandler_default, {}),
-    /* @__PURE__ */ jsxs24(Routes, { children: [
-      /* @__PURE__ */ jsxs24(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx32(UnloggedLayout, {}) : /* @__PURE__ */ jsx32(Outlet2, {}), children: [
-        /* @__PURE__ */ jsx32(Route, { path: "/login", element: /* @__PURE__ */ jsx32(LoginPage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/logout", element: /* @__PURE__ */ jsx32(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    /* @__PURE__ */ jsx35(InitialRedirectHandler_default, {}),
+    /* @__PURE__ */ jsxs25(Routes, { children: [
+      /* @__PURE__ */ jsxs25(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx35(UnloggedLayout, {}) : /* @__PURE__ */ jsx35(Outlet2, {}), children: [
+        /* @__PURE__ */ jsx35(Route, { path: "/login", element: /* @__PURE__ */ jsx35(LoginPage_default, {}) }),
+        /* @__PURE__ */ jsx35(Route, { path: "/logout", element: /* @__PURE__ */ jsx35(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ jsxs24(Route, { element: /* @__PURE__ */ jsx32(PrivateRoute_default, { children: /* @__PURE__ */ jsx32(Layout, {}) }), children: [
-        /* @__PURE__ */ jsx32(Route, { path: "/", element: /* @__PURE__ */ jsx32(HomePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/home", element: /* @__PURE__ */ jsx32(HomePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx32(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/menu/:menuName", element: /* @__PURE__ */ jsx32(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx32(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsxs25(Route, { element: /* @__PURE__ */ jsx35(PrivateRoute_default, { children: /* @__PURE__ */ jsx35(Layout, {}) }), children: [
+        /* @__PURE__ */ jsx35(Route, { path: "/", element: /* @__PURE__ */ jsx35(PantallaInicial_default, {}) }),
+        /* @__PURE__ */ jsx35(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx35(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ jsx35(Route, { path: "/menu/:menuName", element: /* @__PURE__ */ jsx35(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ jsx35(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx35(ProcedureForm_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx35(
           Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ jsx32(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ jsx35(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ jsx32(
-          Route,
-          {
-            path: "/wScreens-fallback/:screenName",
-            element: /* @__PURE__ */ jsx32(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsx32(FallbackWScreen, { screenName: ":screenName" }) })
-          }
-        ),
+        /* @__PURE__ */ jsx35(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx35(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx35(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx35(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx35(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx35(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ jsx32(Route, { path: "*", element: /* @__PURE__ */ jsx32("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ jsx35(Route, { path: "*", element: /* @__PURE__ */ jsx35("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ jsx32(Route, { path: "*", element: /* @__PURE__ */ jsx32(Navigate2, { to: "/", replace: true }) })
+      /* @__PURE__ */ jsx35(Route, { path: "*", element: /* @__PURE__ */ jsx35(Navigate4, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ jsx32(Provider, { store, children: /* @__PURE__ */ jsx32(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs24(BrowserRouter, { children: [
-    /* @__PURE__ */ jsx32(LocationTracker, {}),
+  return /* @__PURE__ */ jsx35(Provider, { store, children: /* @__PURE__ */ jsx35(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs25(BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ jsx35(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ jsx32(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs24(SnackbarProvider, { children: [
+    /* @__PURE__ */ jsx35(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs25(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ jsx32(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ jsx35(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -5698,7 +6046,8 @@ var App = ({
   myWScreens,
   myClientSides,
   myResultsOk,
-  myConditions
+  myConditions,
+  puenteBP
 }) => {
   useMemo14(() => {
     if (myClientSides) {
@@ -5713,8 +6062,11 @@ var App = ({
     if (myConditions) {
       extendConditions(myConditions);
     }
-  }, [myClientSides, myResultsOk, myWScreens, myConditions]);
-  useEffect13(() => {
+    if (puenteBP) {
+      habilitarPuenteBP();
+    }
+  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
+  useEffect16(() => {
     typeStore6.messages = typeStore6.i18n.messages.es;
     typeStore6.locale = typeStore6.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -5723,11 +6075,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = React25.useMemo(() => {
+  const safePaths = React28.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ jsx32(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx35(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx35(
     FrontendPlusReactRoutes,
     {
       myRoutes,
@@ -5745,6 +6097,7 @@ export {
   FrontendPlusProviders,
   FrontendPlusReactRoutes,
   GenericDataGrid_default as GenericDataGrid,
+  GrillaBP,
   MainLayout_default as MainLayout,
   SnackbarProvider,
   cambiarGuionesBajosPorEspacios,
@@ -5754,6 +6107,7 @@ export {
   extendResultsOk,
   extendWScreens,
   extractPathsFromRoutes,
+  habilitarPuenteBP,
   resultsOk as resultComponents,
   useApiCall,
   useApiCallWithoutSnackbar,