Skip to content

Fix web app speaker diarization and language handling #4285

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
smian1 merged 3 commits into from
Jan 18, 2026
+12 −3
Merged

Fix web app speaker diarization and language handling #4285

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b2c2534
Fix web app speaker diarization and language handling
claude Jan 18, 2026
c0f603c
Merge pull request #3 from smian1/claude/fix-diarization-language-dCbSp
smian1 Jan 18, 2026
fd079d2
Update web/app/src/hooks/useRecording.ts
smian1 Jan 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 10 additions & 1 deletion web/app/src/hooks/useRecording.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import {
isAudioCaptureSupported,
} from '@/lib/audioCapture';
import { createTranscriptionSocket } from '@/lib/transcriptionSocket';
import { processInProgressConversation } from '@/lib/api';
import { processInProgressConversation, getTranscriptionPreferences } from '@/lib/api';

/**
* Hook to manage recording lifecycle.
Expand Down Expand Up @@ -66,8 +66,17 @@ export function useRecording() {
pausedDurationRef.current = 0;

try {
// Fetch user's language preference (fallback to 'multi' if not available)
let language = 'multi';
try {
language = await getUserLanguage();
} catch (langErr) {
console.warn('Failed to fetch user language, using multi:', langErr);
}
Comment thread
smian1 marked this conversation as resolved.

// Create transcription socket
const socket = createTranscriptionSocket({
language,
onSegment: (segment: TranscriptSegment) => {
if (!isMountedRef.current) return;
setSegments((prev) => {
Expand Down
4 changes: 2 additions & 2 deletions web/app/src/lib/transcriptionSocket.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -241,7 +241,7 @@ export class TranscriptionSocket {
const segment: TranscriptSegment = {
id: segmentData.id || `seg-${Date.now()}-${Math.random()}`,
text: segmentData.text || '',
speaker: parseSpeakerId(segmentData.speakerId ?? segmentData.speaker),
speaker: parseSpeakerId(segmentData.speakerId ?? segmentData.speaker_id ?? segmentData.speaker),
isUser: segmentData.isUser ?? segmentData.is_user ?? false,
timestamp: Date.now(),
};
Expand All @@ -256,7 +256,7 @@ export class TranscriptionSocket {
const segment: TranscriptSegment = {
id: data.id || `seg-${Date.now()}-${Math.random()}`,
text: data.text,
speaker: parseSpeakerId(data.speakerId ?? data.speaker),
speaker: parseSpeakerId(data.speakerId ?? data.speaker_id ?? data.speaker),
isUser: data.isUser ?? data.is_user ?? false,
timestamp: Date.now(),
};
Expand Down