@burtson-labs/bandit-engine 2.0.142 → 2.0.143

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   useGatewayHealth,
   useGatewayMemory,
   useGatewayModels
-} from "./chunk-CH5MEX6Q.mjs";
+} from "./chunk-KBRI54SC.mjs";
 import "./chunk-P5IJLX6I.mjs";
 import "./chunk-F7JXIW6T.mjs";
 import "./chunk-K2JGFKEB.mjs";

package/dist/management/management.js

@@ -37132,9 +37132,44 @@ var PreferencesTab = ({
         ] }),
         gatewayConfigured && gatewayHealthError && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material20.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.75, pl: { xs: 0, sm: 0.5 } }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material20.Typography, { variant: "caption", color: "error", children: gatewayHealthError.message }) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ViewportDiagnostics, {})
   ] }) });
 };
+var ViewportDiagnostics = () => {
+  const [metrics, setMetrics] = (0, import_react27.useState)({});
+  (0, import_react27.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_runtime19.jsxs)(import_material20.Paper, { variant: "outlined", sx: { p: 2, borderRadius: 2, opacity: 0.85 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material20.Typography, { variant: "caption", sx: { fontWeight: 700, display: "block", mb: 0.5 }, children: "Viewport diagnostics" }),
+    Object.entries(metrics).map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material20.Typography, { variant: "caption", sx: { display: "block", fontFamily: "monospace" }, children: [
+      k,
+      ": ",
+      v
+    ] }, k))
+  ] });
+};
 var PreferencesTab_default = PreferencesTab;
 
 // src/management/components/BrandingTab.tsx