From 39ffce5a7d980564447f55e64b97e97a1960c50f Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Tue, 17 Feb 2026 00:33:06 +0100
Subject: [PATCH] feat(teamsbot): add email+password fields to auth test UI

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/api/teamsbotApi.ts                        |  7 ++--
 .../views/teamsbot/TeamsbotSettingsView.tsx   | 33 ++++++++++++++++++-
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/api/teamsbotApi.ts b/src/api/teamsbotApi.ts
index c99a38f..e9f4595 100644
--- a/src/api/teamsbotApi.ts
+++ b/src/api/teamsbotApi.ts
@@ -324,8 +324,11 @@ export async function fetchVoices(languageCode: string): Promise<VoiceOption[]>
  * receive the /v2/ (authenticated) vs light-meetings (anonymous) page.
  * Does NOT join the meeting.
  */
-export async function testAuth(instanceId: string, meetingUrl: string): Promise<AuthTestResults> {
-  const response = await api.post(`/api/teamsbot/${instanceId}/test-auth`, { meetingUrl }, {
+export async function testAuth(instanceId: string, meetingUrl: string, botEmail?: string, botPassword?: string): Promise<AuthTestResults> {
+  const payload: Record<string, string> = { meetingUrl };
+  if (botEmail) payload.botEmail = botEmail;
+  if (botPassword) payload.botPassword = botPassword;
+  const response = await api.post(`/api/teamsbot/${instanceId}/test-auth`, payload, {
     timeout: 300000, // 5 minutes — tests run sequentially
   });
   return response.data;
diff --git a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
index 390ef3c..b9be507 100644
--- a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
@@ -39,6 +39,8 @@ export const TeamsbotSettingsView: React.FC = () => {
 
   // Auth detection test state
   const [testMeetingUrl, setTestMeetingUrl] = useState('');
+  const [testBotEmail, setTestBotEmail] = useState('');
+  const [testBotPassword, setTestBotPassword] = useState('');
   const [testRunning, setTestRunning] = useState(false);
   const [testResults, setTestResults] = useState<AuthTestResults | null>(null);
   const [testError, setTestError] = useState<string | null>(null);
@@ -157,7 +159,12 @@ export const TeamsbotSettingsView: React.FC = () => {
     setTestError(null);
 
     try {
-      const results = await teamsbotApi.testAuth(instanceId, testMeetingUrl.trim());
+      const results = await teamsbotApi.testAuth(
+        instanceId,
+        testMeetingUrl.trim(),
+        testBotEmail.trim() || undefined,
+        testBotPassword || undefined,
+      );
       setTestResults(results);
     } catch (err: any) {
       setTestError(err.message || 'Auth-Test fehlgeschlagen');
@@ -253,6 +260,30 @@ export const TeamsbotSettingsView: React.FC = () => {
             </button>
           </div>
 
+          <div className={styles.testInputRow} style={{ marginTop: '0.5rem', gap: '0.5rem' }}>
+            <input
+              type="email"
+              className={styles.input}
+              value={testBotEmail}
+              onChange={(e) => setTestBotEmail(e.target.value)}
+              placeholder="Bot-Email (z.B. nyla.larsson@poweron.swiss)"
+              disabled={testRunning}
+              style={{ flex: 1 }}
+            />
+            <input
+              type="password"
+              className={styles.input}
+              value={testBotPassword}
+              onChange={(e) => setTestBotPassword(e.target.value)}
+              placeholder="Bot-Passwort"
+              disabled={testRunning}
+              style={{ flex: 1 }}
+            />
+          </div>
+          <span className={styles.hint}>
+            Optional: Bot-Credentials fuer Auth-Test. Werden beim ersten Test automatisch in der DB gespeichert.
+          </span>
+
           {testRunning && (
             <div className={styles.testProgress}>
               <FaSpinner className={styles.spinner} />