From dffebc8d739cfa2c79f4859ed1fa8076b34ba6b3 Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Mon, 16 Feb 2026 00:07:52 +0100
Subject: [PATCH] feat(teamsbot): join mode selector, response channel setting,
 API types for chat and join modes

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/api/teamsbotApi.ts                         |  6 ++++++
 .../views/teamsbot/TeamsbotDashboardView.tsx   | 18 +++++++++++++++++-
 .../views/teamsbot/TeamsbotSettingsView.tsx    | 14 ++++++++++++++
 3 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/src/api/teamsbotApi.ts b/src/api/teamsbotApi.ts
index 2d8d8dc..ce92ffd 100644
--- a/src/api/teamsbotApi.ts
+++ b/src/api/teamsbotApi.ts
@@ -50,11 +50,15 @@ export interface TeamsbotBotResponse {
   timestamp?: string;
 }
 
+export type TeamsbotResponseChannel = 'voice' | 'chat' | 'both';
+export type TeamsbotJoinMode = 'systemBot' | 'anonymous' | 'userAccount';
+
 export interface TeamsbotConfig {
   botName: string;
   backgroundImageUrl?: string;
   aiSystemPrompt: string;
   responseMode: 'auto' | 'manual' | 'transcribeOnly';
+  responseChannel: TeamsbotResponseChannel;
   language: string;
   voiceId?: string;
   browserBotUrl?: string;
@@ -78,6 +82,7 @@ export interface StartSessionRequest {
   botName?: string;
   backgroundImageUrl?: string;
   connectionId?: string;
+  joinMode?: TeamsbotJoinMode;
 }
 
 export interface ConfigUpdateRequest {
@@ -85,6 +90,7 @@ export interface ConfigUpdateRequest {
   backgroundImageUrl?: string;
   aiSystemPrompt?: string;
   responseMode?: 'auto' | 'manual' | 'transcribeOnly';
+  responseChannel?: TeamsbotResponseChannel;
   language?: string;
   voiceId?: string;
   browserBotUrl?: string;
diff --git a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
index c231a7e..b607ed0 100644
--- a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
@@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
 import * as teamsbotApi from '../../../api/teamsbotApi';
-import type { TeamsbotSession, StartSessionRequest } from '../../../api/teamsbotApi';
+import type { TeamsbotSession, StartSessionRequest, TeamsbotJoinMode } from '../../../api/teamsbotApi';
 import styles from './Teamsbot.module.css';
 
 /**
@@ -21,6 +21,7 @@ export const TeamsbotDashboardView: React.FC = () => {
   // New session form
   const [meetingLink, setMeetingLink] = useState('');
   const [botName, setBotName] = useState('');
+  const [joinMode, setJoinMode] = useState<TeamsbotJoinMode>('anonymous');
   const [isStarting, setIsStarting] = useState(false);
 
   const _loadSessions = useCallback(async () => {
@@ -63,6 +64,7 @@ export const TeamsbotDashboardView: React.FC = () => {
       const request: StartSessionRequest = {
         meetingLink: meetingLink.trim(),
         botName: botName.trim() || undefined,
+        joinMode: joinMode,
       };
       
       await teamsbotApi.startSession(instanceId, request);
@@ -142,6 +144,20 @@ export const TeamsbotDashboardView: React.FC = () => {
           />
         </div>
 
+        <div className={styles.formGroup}>
+          <label className={styles.label}>Join-Modus</label>
+          <select
+            className={styles.select || styles.input}
+            value={joinMode}
+            onChange={(e) => setJoinMode(e.target.value as TeamsbotJoinMode)}
+            disabled={isStarting}
+          >
+            <option value="systemBot">System-Bot (authentifiziert)</option>
+            <option value="anonymous">Anonymer Gast</option>
+            <option value="userAccount">Mein Account</option>
+          </select>
+        </div>
+
         <div className={styles.formGroup}>
           <label className={styles.label}>Bot-Name (optional)</label>
           <input
diff --git a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
index 5604abb..fb18e07 100644
--- a/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotSettingsView.tsx
@@ -206,6 +206,20 @@ export const TeamsbotSettingsView: React.FC = () => {
               <option value="transcribeOnly">Nur Transkription - Keine AI-Antworten</option>
             </select>
           </div>
+
+          <div className={styles.formGroup}>
+            <label className={styles.label}>Antwort-Kanal</label>
+            <select
+              className={styles.select}
+              value={formData.responseChannel || 'voice'}
+              onChange={(e) => _updateField('responseChannel', e.target.value)}
+            >
+              <option value="voice">Nur Sprache - Bot antwortet per Audio</option>
+              <option value="chat">Nur Chat - Bot antwortet per Textnachricht</option>
+              <option value="both">Sprache + Chat - Bot antwortet per Audio und Text</option>
+            </select>
+            <span className={styles.hint}>Wie soll der Bot im Meeting antworten?</span>
+          </div>
         </div>
 
         {/* Voice Settings */}