add embedded debug info (#317)

Author: nuwandavek

web/src/components/devtools/Settings.tsx

@@ -18,6 +18,7 @@ import { getApp } from '../../helpers/app';
 import { SupportButton } from '../common/Support'
 import { useGetUserStateQuery } from '../../app/api/userStateApi'
 import { BiBookBookmark } from 'react-icons/bi'
+import { getParsedIframeInfo } from '../../helpers/origin'
 
 export const TelemetryToggle = ({color}:{color: 'minusxBW.800' | 'minusxBW.50'}) => {
   const uploadLogs = useSelector((state: RootState) => state.settings.uploadLogs)
@@ -35,12 +36,16 @@ export const TelemetryToggle = ({color}:{color: 'minusxBW.800' | 'minusxBW.50'})
 const useAppStore = getApp().useStore()
 
 export const DevToolsToggle: React.FC<{size: 'micro' | 'mini'}> = ({size}) => {
+  const isEmbedded = getParsedIframeInfo().isEmbedded as unknown === 'true'
   const devTools = useSelector((state: RootState) => state.settings.isDevToolsOpen)
   const setshowDevTools = async (value: boolean) => {
     console.log('Show Devtools', value)
     dispatch(updateIsDevToolsOpen(value))
     if (value) {
       await setMinusxMode('open-sidepanel-devtools')
+      if (isEmbedded) {
+        dispatch(updateDevToolsTabName('Memory'))
+      }
     } else {
       await setMinusxMode('open-sidepanel')
     }

web/src/components/devtools/index.tsx

@@ -107,6 +107,9 @@ export const DevToolsBox: React.FC = () => {
         if (isInfoPageEnabled && Monitor.title == 'Debug Tools') {
           return true
         }
+        if (isInfoPageEnabled && Monitor.title == 'Context') {
+          return true
+        }
         return false    
     }