PowerOn/frontend_nyla
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(teamsbot): session switcher in session view, fix navigation from dashboard details button

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
ValueOn AG 2026-02-16 09:02:44 +01:00
parent 7366da06ac
commit cf8f4ea3be
1 changed files with 39 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/pages/views/teamsbot/TeamsbotSessionView.tsx
View file

@ -15,6 +15,7 @@ export const TeamsbotSessionView: React.FC = () => {
const sessionId = searchParams.get('sessionId') || ''; const sessionId = searchParams.get('sessionId') || '';
const [session, setSession] = useState<TeamsbotSession | null>(null); const [session, setSession] = useState<TeamsbotSession | null>(null);
const [allSessions, setAllSessions] = useState<TeamsbotSession[]>([]);
const [transcripts, setTranscripts] = useState<TeamsbotTranscript[]>([]); const [transcripts, setTranscripts] = useState<TeamsbotTranscript[]>([]);
const [botResponses, setBotResponses] = useState<TeamsbotBotResponse[]>([]); const [botResponses, setBotResponses] = useState<TeamsbotBotResponse[]>([]);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
@ -32,19 +33,23 @@ export const TeamsbotSessionView: React.FC = () => {
setLoading(true); setLoading(true);
setNoSessions(false); setNoSessions(false);
// Always load the full session list for the switcher
const listResult = await teamsbotApi.listSessions(instanceId, true);
const sessions = listResult.sessions || [];
setAllSessions(sessions);
let targetSessionId = sessionId; let targetSessionId = sessionId;
// No sessionId in URL -> find the most recent session // No sessionId in URL -> find the most recent active or latest session
if (!targetSessionId) { if (!targetSessionId) {
const listResult = await teamsbotApi.listSessions(instanceId, true);
const sessions = listResult.sessions || [];
if (sessions.length === 0) { if (sessions.length === 0) {
setNoSessions(true); setNoSessions(true);
setLoading(false); setLoading(false);
return; return;
} }
// Pick the most recent (first in list, sorted by creation date desc) // Prefer active sessions, then most recent
targetSessionId = sessions[0].id; const activeSession = sessions.find(s => ['active', 'joining', 'pending'].includes(s.status));
targetSessionId = activeSession ? activeSession.id : sessions[0].id;
setSearchParams({ sessionId: targetSessionId }, { replace: true }); setSearchParams({ sessionId: targetSessionId }, { replace: true });
} }
@ -178,8 +183,37 @@ export const TeamsbotSessionView: React.FC = () => {
); );
if (!session) return <div className={styles.errorBanner}>Sitzung nicht gefunden</div>; if (!session) return <div className={styles.errorBanner}>Sitzung nicht gefunden</div>;
const _switchSession = (newSessionId: string) => {
setSearchParams({ sessionId: newSessionId });
};
return ( return (
<div className={styles.sessionContainer}> <div className={styles.sessionContainer}>
{/* Session Switcher (if multiple sessions exist) */}
{allSessions.length > 1 && (
<div style={{ display: 'flex', gap: '8px', marginBottom: '12px', flexWrap: 'wrap' }}>
{allSessions.map((s) => (
<button
key={s.id}
onClick={() => _switchSession(s.id)}
style={{
padding: '6px 12px',
borderRadius: '6px',
border: s.id === sessionId ? '2px solid #4A90D9' : '1px solid #ddd',
background: s.id === sessionId ? '#EBF3FC' : '#fff',
cursor: 'pointer',
fontSize: '13px',
fontWeight: s.id === sessionId ? 600 : 400,
}}
>
{s.botName}
{['active', 'joining', 'pending'].includes(s.status) && ' (aktiv)'}
{s.status === 'ended' && ' (beendet)'}
</button>
))}
</div>
)}
{/* Session Header */} {/* Session Header */}
<div className={styles.sessionViewHeader}> <div className={styles.sessionViewHeader}>
<div className={styles.sessionInfo}> <div className={styles.sessionInfo}>