improve rtcBackendIdentity debugging

src/tile/GridTile.tsx

@@ -51,6 +51,7 @@ import { type GridTileViewModel } from "../state/TileViewModel";
 import { useMergedRefs } from "../useMergedRefs";
 import { useReactionsSender } from "../reactions/useReactionsSender";
 import { useBehavior } from "../useBehavior";
+import { showConnectionStats } from "../settings/settings";
 
 interface TileProps {
   ref?: Ref<HTMLDivElement>;

src/tile/MediaView.tsx

@@ -18,7 +18,11 @@ import styles from "./MediaView.module.css";
 import { Avatar } from "../Avatar";
 import { type EncryptionStatus } from "../state/MediaViewModel";
 import { RaisedHandIndicator } from "../reactions/RaisedHandIndicator";
-import { showHandRaisedTimer, useSetting } from "../settings/settings";
+import {
+  showConnectionStats,
+  showHandRaisedTimer,
+  useSetting,
+} from "../settings/settings";
 import { type ReactionOption } from "../reactions";
 import { ReactionIndicator } from "../reactions/ReactionIndicator";
 import { RTCConnectionStats } from "../RTCConnectionStats";
@@ -81,6 +85,7 @@ export const MediaView: FC<Props> = ({
 }) => {
   const { t } = useTranslation();
   const [handRaiseTimerVisible] = useSetting(showHandRaisedTimer);
+  const [showConnectioStats] = useSetting(showConnectionStats);
 
   const avatarSize = Math.round(Math.min(targetWidth, targetHeight) / 2);
 
@@ -133,7 +138,9 @@ export const MediaView: FC<Props> = ({
         </div>
         {waitingForMedia && (
           <div className={styles.status}>
-            {t("video_tile.waiting_for_media")}
+            {t("video_tile.waiting_for_media") + showConnectioStats
+              ? " " + rtcBackendIdentity
+              : ""}
           </div>
         )}
         {(audioStreamStats || videoStreamStats) && (