From dfdad45963225d9d34f508fbc2b22141bd97b33f Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Sun, 10 Mar 2024 16:21:04 -0700
Subject: [PATCH] Beam: improve Debug info

---
 src/apps/beam/AppBeam.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/apps/beam/AppBeam.tsx b/src/apps/beam/AppBeam.tsx
index 7b1790ddc..10224c494 100644
--- a/src/apps/beam/AppBeam.tsx
+++ b/src/apps/beam/AppBeam.tsx
@@ -45,18 +45,20 @@ export function AppBeam() {
   ), [showDebug]), null, 'AppBeam');
 
   return (
-    <Box sx={{ flexGrow: 1, overflowY: 'auto' }}>
-      {showDebug ? (
-        <Typography level='body-xs' sx={{ whiteSpace: 'pre' }}>
+    <Box sx={{ flexGrow: 1, overflowY: 'auto', position: 'relative' }}>
+
+      <BeamView beamStore={beamStoreApi} isMobile={isMobile} sx={{
+        // backgroundColor: 'background.level3',
+        height: '100%',
+      }} />
+
+      {showDebug && (
+        <Typography level='body-xs' sx={{ whiteSpace: 'pre', position: 'absolute', inset: 0, zIndex: 1, backdropFilter: 'blur(8px)', padding: '1rem' }}>
           {JSON.stringify({ conversationId: conversation.id }, null, 2) + '\n'}
           {JSON.stringify(beamStoreApi.getState(), null, 2)}
         </Typography>
-      ) : (
-        <BeamView beamStore={beamStoreApi} isMobile={isMobile} sx={{
-          // backgroundColor: 'background.level3',
-          height: '100%',
-        }} />
       )}
+
     </Box>
   );
 }
\ No newline at end of file