From f2622f00322b40cd3f80ccea544fad2ba74836c8 Mon Sep 17 00:00:00 2001
From: "Timo K." <toger5@hotmail.de>
Date: Sat, 15 Aug 2026 22:30:17 +0200
Subject: [PATCH] Add vm to developer settings tab

---
 src/room/InCallView.tsx               | 1 +
 src/settings/DeveloperSettingsTab.tsx | 4 ++++
 src/settings/SettingsModal.tsx        | 5 +++++
 3 files changed, 10 insertions(+)

diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 322380eee..5aa9667ce 100644
--- a/src/room/InCallView.tsx
+++ b/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) => ({
diff --git a/src/settings/DeveloperSettingsTab.tsx b/src/settings/DeveloperSettingsTab.tsx
index 70db13db9..19af03373 100644
--- a/src/settings/DeveloperSettingsTab.tsx
+++ b/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);
diff --git a/src/settings/SettingsModal.tsx b/src/settings/SettingsModal.tsx
index 665eadf01..f47cfea4e 100644
--- a/src/settings/SettingsModal.tsx
+++ b/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}
       />
     ),
   };