@burtson-labs/bandit-engine 2.0.142 → 2.0.143

package/dist/index.js

@@ -38069,9 +38069,44 @@ var PreferencesTab = ({
         ] }),
         gatewayConfigured && gatewayHealthError && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.75, pl: { xs: 0, sm: 0.5 } }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", color: "error", children: gatewayHealthError.message }) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ViewportDiagnostics, {})
   ] }) });
 };
+var ViewportDiagnostics = () => {
+  const [metrics, setMetrics] = (0, import_react53.useState)({});
+  (0, import_react53.useEffect)(() => {
+    const read = () => {
+      const probe = document.createElement("div");
+      probe.style.cssText = "position:fixed;top:0;bottom:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none;";
+      document.body.appendChild(probe);
+      const cs = getComputedStyle(probe);
+      const standalone = window.matchMedia?.("(display-mode: standalone)").matches || window.navigator.standalone === true;
+      setMetrics({
+        mode: standalone ? "standalone" : "browser",
+        "screen.height": `${window.screen.height}`,
+        innerHeight: `${window.innerHeight}`,
+        "docElement.clientHeight": `${document.documentElement.clientHeight}`,
+        "visualViewport.height": `${Math.round(window.visualViewport?.height ?? -1)}`,
+        "probe fixed t0/b0 height": `${Math.round(probe.getBoundingClientRect().height)}`,
+        "safe-area-top": cs.paddingTop,
+        "safe-area-bottom": cs.paddingBottom
+      });
+      probe.remove();
+    };
+    read();
+    window.addEventListener("resize", read);
+    return () => window.removeEventListener("resize", read);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Paper, { variant: "outlined", sx: { p: 2, borderRadius: 2, opacity: 0.85 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_material44.Typography, { variant: "caption", sx: { fontWeight: 700, display: "block", mb: 0.5 }, children: "Viewport diagnostics" }),
+    Object.entries(metrics).map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_material44.Typography, { variant: "caption", sx: { display: "block", fontFamily: "monospace" }, children: [
+      k,
+      ": ",
+      v
+    ] }, k))
+  ] });
+};
 var PreferencesTab_default = PreferencesTab;
 
 // src/management/components/BrandingTab.tsx