Add vm to developer settings tab

src/room/InCallView.tsx

@@ -632,6 +632,7 @@ export const InCallView: FC<InCallViewProps> = ({
             onDismiss={(): void => setSettingsOpen(false)}
             tab={settingsTab}
             onTabChange={setSettingsTab}
+            vm={vm}
             livekitRooms={allConnections
               .getConnections()
               .map((connectionItem) => ({

src/settings/DeveloperSettingsTab.tsx

@@ -67,6 +67,7 @@ import styles from "./DeveloperSettingsTab.module.css";
 import settingsStyles from "./SettingsModal.module.css";
 import { Slider } from "../Slider";
 import { useUrlParams } from "../UrlParams";
+import { type CallViewModel } from "../state/CallViewModel/CallViewModel.ts";
 import { getSFUConfigWithOpenID } from "../livekit/openIDSFU";
 
 interface Props {
@@ -79,6 +80,8 @@ interface Props {
     livekitAlias?: string;
   }[];
   env: ImportMetaEnv;
+  /** Only available while in a call. */
+  vm?: CallViewModel;
 }
 
 export const DeveloperSettingsTab: FC<Props> = ({
@@ -86,6 +89,7 @@ export const DeveloperSettingsTab: FC<Props> = ({
   livekitRooms,
   roomId,
   env,
+  vm,
 }) => {
   const { t } = useTranslation();
   const [duplicateTiles, setDuplicateTiles] = useSetting(duplicateTilesSetting);

src/settings/SettingsModal.tsx

@@ -34,6 +34,7 @@ import { FieldRow, InputField } from "../input/Input";
 import { useSubmitRageshake } from "./submit-rageshake";
 import { useUrlParams } from "../UrlParams";
 import { useBehavior } from "../useBehavior";
+import { type CallViewModel } from "../state/CallViewModel/CallViewModel.ts";
 
 type SettingsTab =
   | "audio"
@@ -56,6 +57,8 @@ interface Props {
     url: string;
     isLocal?: boolean;
   }[];
+  /** Only available while in a call. Used by the developer tab. */
+  vm?: CallViewModel;
 }
 
 export const defaultSettingsTab: SettingsTab = "audio";
@@ -68,6 +71,7 @@ export const SettingsModal: FC<Props> = ({
   client,
   roomId,
   livekitRooms,
+  vm,
 }) => {
   const { t } = useTranslation();
 
@@ -220,6 +224,7 @@ export const SettingsModal: FC<Props> = ({
         client={client}
         livekitRooms={livekitRooms}
         roomId={roomId}
+        vm={vm}
       />
     ),
   };