From 356acb1ca260ac18c68f62c16f848c7f12f01262 Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Sun, 15 Feb 2026 13:02:49 +0100
Subject: [PATCH] fix(teamsbot): use React Router navigation for session links
 instead of href (preserves context)

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/pages/views/teamsbot/TeamsbotDashboardView.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
index 01fbd9b..c231a7e 100644
--- a/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
+++ b/src/pages/views/teamsbot/TeamsbotDashboardView.tsx
@@ -1,4 +1,5 @@
 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';
@@ -9,8 +10,9 @@ import styles from './Teamsbot.module.css';
  * Allows starting new sessions and viewing active/past sessions.
  */
 export const TeamsbotDashboardView: React.FC = () => {
-  const { instance } = useCurrentInstance();
+  const { instance, mandateId, featureCode } = useCurrentInstance();
   const instanceId = instance?.id || '';
+  const navigate = useNavigate();
 
   const [sessions, setSessions] = useState<TeamsbotSession[]>([]);
   const [loading, setLoading] = useState(true);
@@ -182,7 +184,7 @@ export const TeamsbotDashboardView: React.FC = () => {
                   {session.startedAt && <span>Seit: {new Date(session.startedAt).toLocaleTimeString('de-CH')}</span>}
                 </div>
                 <div className={styles.sessionActions}>
-                  <a href={`sessions?sessionId=${session.id}`} className={styles.viewButton}>Live ansehen</a>
+                  <button className={styles.viewButton} onClick={() => navigate(`/mandates/${mandateId}/${featureCode}/${instanceId}/sessions?sessionId=${session.id}`)}>Live ansehen</button>
                   {session.status === 'active' && (
                     <button className={styles.stopButton} onClick={() => _handleStopSession(session.id)}>
                       Stoppen
@@ -224,7 +226,7 @@ export const TeamsbotDashboardView: React.FC = () => {
                 <div className={styles.sessionError}>{session.errorMessage}</div>
               )}
               <div className={styles.sessionActions}>
-                <a href={`sessions?sessionId=${session.id}`} className={styles.viewButton}>Details</a>
+                <button className={styles.viewButton} onClick={() => navigate(`/mandates/${mandateId}/${featureCode}/${instanceId}/sessions?sessionId=${session.id}`)}>Details</button>
                 <button className={styles.deleteButton} onClick={() => _handleDeleteSession(session.id)}>
                   Loeschen
                 </button>