@medc-com-br/ngx-jaimes-scribe 0.1.8 → 0.1.11

package/fesm2022/medc-com-br-ngx-jaimes-scribe.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, NgZone, ElementRef, input, output, signal, computed, effect, HostListener, Component } from '@angular/core';
+import { Injectable, InjectionToken, inject, NgZone, signal, ElementRef, input, output, computed, effect, HostListener, Component } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { CommonModule } from '@angular/common';
+import { ROLE_LABELS } from '@medc-com-br/jaimes-shared';
 
 const DEFAULT_CONFIG$2 = {
     speechThreshold: 8,
@@ -431,6 +432,158 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+const MIN_CHARS_FOR_IDENTIFICATION = 100;
+const MAX_SAMPLE_SIZE = 20;
+const LOW_CONFIDENCE_THRESHOLD = 0.7;
+const IDENTIFICATION_DEBOUNCE_MS = 2000;
+const DEFAULT_SPEAKER_LABELS = {
+    0: 'Pessoa 1',
+    1: 'Pessoa 2',
+    2: 'Pessoa 3',
+    3: 'Pessoa 4',
+};
+class SpeakerIdentificationService {
+    speakerMapping = signal({});
+    identifiedSpeakers = signal(new Set());
+    isIdentifying = signal(false);
+    editingSpeaker = signal(null);
+    debounceTimer = null;
+    hasLowConfidence(speaker) {
+        const mapping = this.speakerMapping()[speaker.toString()];
+        return (mapping?.confidence ?? 1) < LOW_CONFIDENCE_THRESHOLD;
+    }
+    getLabel(speaker, customLabels, doctorName, patientName, companionName) {
+        if (customLabels[speaker]) {
+            return customLabels[speaker];
+        }
+        const mapping = this.speakerMapping()[speaker.toString()];
+        if (mapping) {
+            switch (mapping.role) {
+                case 'doctor':
+                    return doctorName || ROLE_LABELS.doctor;
+                case 'patient':
+                    return patientName || ROLE_LABELS.patient;
+                case 'companion':
+                    return companionName || ROLE_LABELS.companion;
+                default:
+                    return ROLE_LABELS[mapping.role] || `Pessoa ${speaker + 1}`;
+            }
+        }
+        return DEFAULT_SPEAKER_LABELS[speaker] || `Pessoa ${speaker + 1}`;
+    }
+    getSpeakerStats(entries) {
+        const charCount = {};
+        const speakers = new Set();
+        for (const entry of entries) {
+            if (entry.speaker !== undefined && entry.isFinal) {
+                speakers.add(entry.speaker);
+                charCount[entry.speaker] = (charCount[entry.speaker] || 0) + entry.text.length;
+            }
+        }
+        return {
+            speakers: Array.from(speakers),
+            uniqueSpeakers: speakers.size,
+            charCount,
+        };
+    }
+    shouldIdentify(entries) {
+        if (this.isIdentifying())
+            return false;
+        const stats = this.getSpeakerStats(entries);
+        const identifiedSet = this.identifiedSpeakers();
+        const hasNewSpeaker = stats.speakers.some((s) => !identifiedSet.has(s) && stats.charCount[s] >= MIN_CHARS_FOR_IDENTIFICATION);
+        const allSpeakersHaveEnoughContext = stats.speakers.every((s) => stats.charCount[s] >= MIN_CHARS_FOR_IDENTIFICATION);
+        return (stats.uniqueSpeakers >= 2 &&
+            allSpeakersHaveEnoughContext &&
+            (identifiedSet.size === 0 || hasNewSpeaker));
+    }
+    scheduleIdentification(callback) {
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+        this.debounceTimer = setTimeout(() => {
+            callback();
+        }, IDENTIFICATION_DEBOUNCE_MS);
+    }
+    async identify(entries, apiUrl, token, sessionId, premium) {
+        if (entries.length < 3 || !apiUrl)
+            return;
+        this.isIdentifying.set(true);
+        try {
+            const sample = entries
+                .filter((e) => e.isFinal && e.speaker !== undefined)
+                .slice(0, MAX_SAMPLE_SIZE)
+                .map((e) => ({ speaker: e.speaker, text: e.text }));
+            if (sample.length < 2)
+                return;
+            const headers = { 'Content-Type': 'application/json' };
+            if (token) {
+                headers['Authorization'] = `Bearer ${token}`;
+            }
+            const response = await fetch(`${apiUrl}/identify-speakers`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({
+                    segments: sample,
+                    context: { sessionId, premium },
+                }),
+            });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const data = await response.json();
+            this.speakerMapping.set(data.speakerMapping);
+            const newIdentified = new Set(this.identifiedSpeakers());
+            for (const speakerId of Object.keys(data.speakerMapping)) {
+                newIdentified.add(parseInt(speakerId, 10));
+            }
+            this.identifiedSpeakers.set(newIdentified);
+        }
+        catch (err) {
+            console.error('Failed to identify speakers:', err);
+        }
+        finally {
+            this.isIdentifying.set(false);
+        }
+    }
+    setRole(speaker, role) {
+        const current = this.speakerMapping();
+        const updated = {
+            ...current,
+            [speaker.toString()]: {
+                role,
+                confidence: 1,
+                isManualOverride: true,
+            },
+        };
+        this.speakerMapping.set(updated);
+        this.editingSpeaker.set(null);
+        return updated;
+    }
+    toggleMenu(speaker) {
+        const current = this.editingSpeaker();
+        this.editingSpeaker.set(current === speaker ? null : speaker);
+    }
+    closeMenu() {
+        this.editingSpeaker.set(null);
+    }
+    reset() {
+        this.speakerMapping.set({});
+        this.identifiedSpeakers.set(new Set());
+        this.isIdentifying.set(false);
+        this.editingSpeaker.set(null);
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+            this.debounceTimer = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpeakerIdentificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpeakerIdentificationService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpeakerIdentificationService, decorators: [{
+            type: Injectable
+        }] });
+
 const SAMPLE_RATE = 16000;
 const NUM_CHANNELS = 1;
 const BITS_PER_SAMPLE = 16;
@@ -478,26 +631,207 @@ function formatTime(seconds) {
     return `${mins}:${secs.toString().padStart(2, '0')}`;
 }
 
-const SPEAKER_LABELS = {
-    0: 'Pessoa 1',
-    1: 'Pessoa 2',
-    2: 'Pessoa 3',
-    3: 'Pessoa 4',
-};
+class PlaybackService {
+    isPlaying = signal(false);
+    isLoading = signal(false);
+    currentTime = signal(0);
+    duration = signal(0);
+    playbackRate = signal(1);
+    sessionData = signal(null);
+    activeSegmentId = signal(null);
+    activeWordIndex = signal(null);
+    audioElement = null;
+    audioBlobUrl = null;
+    elementRef = null;
+    eventHandlers = {};
+    setElementRef(ref) {
+        this.elementRef = ref;
+    }
+    get segments() {
+        return this.sessionData()?.transcription.segments ?? [];
+    }
+    async loadSession(apiUrl, sessionId, token) {
+        this.isLoading.set(true);
+        try {
+            const headers = {};
+            if (token) {
+                headers['Authorization'] = `Bearer ${token}`;
+            }
+            const response = await fetch(`${apiUrl}/session/${sessionId}`, { headers });
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}`);
+            }
+            const data = await response.json();
+            this.sessionData.set(data);
+            await this.loadAudio(data.audioUrl);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    async loadAudio(pcmUrl) {
+        this.cleanup();
+        const response = await fetch(pcmUrl);
+        if (!response.ok) {
+            throw new Error(`Failed to load audio: HTTP ${response.status}`);
+        }
+        const pcmData = await response.arrayBuffer();
+        const wavData = pcmToWav(pcmData);
+        this.audioBlobUrl = createAudioBlobUrl(wavData);
+        this.audioElement = new Audio(this.audioBlobUrl);
+        this.eventHandlers.loadedmetadata = () => {
+            if (this.audioElement) {
+                this.duration.set(this.audioElement.duration);
+            }
+        };
+        this.eventHandlers.timeupdate = () => {
+            if (this.audioElement) {
+                this.currentTime.set(this.audioElement.currentTime);
+                this.updateActiveSegment();
+            }
+        };
+        this.eventHandlers.ended = () => {
+            this.isPlaying.set(false);
+        };
+        this.audioElement.addEventListener('loadedmetadata', this.eventHandlers.loadedmetadata);
+        this.audioElement.addEventListener('timeupdate', this.eventHandlers.timeupdate);
+        this.audioElement.addEventListener('ended', this.eventHandlers.ended);
+    }
+    togglePlayback() {
+        if (!this.audioElement)
+            return;
+        if (this.isPlaying()) {
+            this.audioElement.pause();
+            this.isPlaying.set(false);
+        }
+        else {
+            this.audioElement.play();
+            this.isPlaying.set(true);
+        }
+    }
+    seekTo(time) {
+        if (this.audioElement && !isNaN(time)) {
+            this.audioElement.currentTime = time;
+            this.currentTime.set(time);
+        }
+    }
+    seekToSegment(segment) {
+        if (this.audioElement) {
+            this.audioElement.currentTime = segment.startTime;
+            this.currentTime.set(segment.startTime);
+            if (!this.isPlaying()) {
+                this.togglePlayback();
+            }
+        }
+    }
+    seekToWord(word) {
+        if (this.audioElement) {
+            this.audioElement.currentTime = word.start;
+            this.currentTime.set(word.start);
+            if (!this.isPlaying()) {
+                this.togglePlayback();
+            }
+        }
+    }
+    setRate(rate) {
+        if (isNaN(rate))
+            return;
+        this.playbackRate.set(rate);
+        if (this.audioElement) {
+            this.audioElement.playbackRate = rate;
+        }
+    }
+    formatTime(seconds) {
+        return formatTime(seconds);
+    }
+    updateActiveSegment() {
+        const time = this.currentTime();
+        const segs = this.segments;
+        const seg = segs.find((s) => time >= s.startTime && time <= s.endTime);
+        this.activeSegmentId.set(seg?.id ?? null);
+        if (seg?.words) {
+            const wordIdx = seg.words.findIndex((w) => time >= w.start && time <= w.end);
+            this.activeWordIndex.set(wordIdx >= 0 ? wordIdx : null);
+        }
+        else {
+            this.activeWordIndex.set(null);
+        }
+        this.scrollToActiveSegment();
+    }
+    scrollToActiveSegment() {
+        const activeId = this.activeSegmentId();
+        if (!activeId || !this.elementRef)
+            return;
+        const container = this.elementRef.nativeElement.querySelector('.scribe-transcript-playback');
+        const activeEl = container?.querySelector(`[data-segment-id="${activeId}"]`);
+        if (activeEl && container) {
+            const containerRect = container.getBoundingClientRect();
+            const activeRect = activeEl.getBoundingClientRect();
+            if (activeRect.top < containerRect.top || activeRect.bottom > containerRect.bottom) {
+                activeEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }
+        }
+    }
+    cleanup() {
+        if (this.audioElement) {
+            this.audioElement.pause();
+            if (this.eventHandlers.loadedmetadata) {
+                this.audioElement.removeEventListener('loadedmetadata', this.eventHandlers.loadedmetadata);
+            }
+            if (this.eventHandlers.timeupdate) {
+                this.audioElement.removeEventListener('timeupdate', this.eventHandlers.timeupdate);
+            }
+            if (this.eventHandlers.ended) {
+                this.audioElement.removeEventListener('ended', this.eventHandlers.ended);
+            }
+            this.eventHandlers = {};
+            this.audioElement = null;
+        }
+        if (this.audioBlobUrl) {
+            URL.revokeObjectURL(this.audioBlobUrl);
+            this.audioBlobUrl = null;
+        }
+    }
+    reset() {
+        this.cleanup();
+        this.isPlaying.set(false);
+        this.isLoading.set(false);
+        this.currentTime.set(0);
+        this.duration.set(0);
+        this.playbackRate.set(1);
+        this.sessionData.set(null);
+        this.activeSegmentId.set(null);
+        this.activeWordIndex.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PlaybackService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PlaybackService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PlaybackService, decorators: [{
+            type: Injectable
+        }] });
+
 class RecorderComponent {
     audioCapture = inject(AudioCaptureService);
     socket = inject(ScribeSocketService);
     elementRef = inject(ElementRef);
+    speakerService = inject(SpeakerIdentificationService);
+    playback = inject(PlaybackService);
     subscriptions = [];
     entryIdCounter = 0;
     generateAbortController = null;
     onDocumentClick(event) {
-        if (!this.showTemplateMenu())
-            return;
         const target = event.target;
-        if (!this.elementRef.nativeElement.contains(target)) {
+        const isInside = this.elementRef.nativeElement.contains(target);
+        if (this.showTemplateMenu() && !isInside) {
             this.showTemplateMenu.set(false);
         }
+        if (this.speakerService.editingSpeaker() !== null) {
+            const isDropdownClick = target.closest('.scribe-speaker-dropdown') ||
+                target.closest('.scribe-speaker-label--editable');
+            if (!isDropdownClick) {
+                this.speakerService.closeMenu();
+            }
+        }
     }
     wsUrl = input('');
     token = input('');
@@ -508,6 +842,9 @@ class RecorderComponent {
     sessionId = input();
     apiUrl = input('');
     resumeSessionId = input();
+    doctorName = input('');
+    patientName = input('');
+    companionName = input('');
     sessionStarted = output();
     sessionFinished = output();
     error = output();
@@ -523,21 +860,9 @@ class RecorderComponent {
     showTemplateMenu = signal(false);
     isGenerating = signal(false);
     lastSessionId = signal(null);
-    isPlaying = signal(false);
     isLoadingSession = signal(false);
-    audioCurrentTime = signal(0);
-    audioDuration = signal(0);
-    playbackRate = signal(1);
-    sessionData = signal(null);
-    activeSegmentId = signal(null);
-    activeWordIndex = signal(null);
-    audioElement = null;
-    audioBlobUrl = null;
     mode = computed(() => this.sessionId() ? 'playback' : 'recording');
-    segments = computed(() => this.sessionData()?.transcription.segments ?? []);
-    hasFinishedSession = computed(() => this.lastSessionId() !== null &&
-        !this.isRecording() &&
-        !this.isPaused());
+    hasFinishedSession = computed(() => this.lastSessionId() !== null && !this.isRecording() && !this.isPaused());
     speakerGroups = computed(() => {
         const allEntries = this.entries();
         if (allEntries.length === 0)
@@ -554,24 +879,15 @@ class RecorderComponent {
         return groups;
     });
     constructor() {
-        this.subscriptions.push(this.audioCapture.audioLevel$.subscribe((level) => {
-            this.audioLevel.set(level);
-        }), this.socket.connectionState$.subscribe((state) => {
-            this.connectionState.set(state);
-        }), this.socket.transcription$.subscribe((event) => {
-            this.handleTranscription(event);
-        }), this.socket.error$.subscribe((err) => {
-            this.error.emit(err);
-        }), this.audioCapture.error$.subscribe((err) => {
-            this.error.emit(err);
-        }), this.audioCapture.audioChunk$.subscribe(({ data, isSilence }) => {
+        this.playback.setElementRef(this.elementRef);
+        this.subscriptions.push(this.audioCapture.audioLevel$.subscribe((level) => this.audioLevel.set(level)), this.socket.connectionState$.subscribe((state) => this.connectionState.set(state)), this.socket.transcription$.subscribe((event) => this.handleTranscription(event)), this.socket.error$.subscribe((err) => this.error.emit(err)), this.audioCapture.error$.subscribe((err) => this.error.emit(err)), this.audioCapture.audioChunk$.subscribe(({ data, isSilence }) => {
             this.socket.sendAudioChunk(data, isSilence);
         }));
         effect(() => {
             const sid = this.sessionId();
             const api = this.apiUrl();
             if (sid && api && this.mode() === 'playback') {
-                this.loadSession();
+                this.loadPlaybackSession();
             }
         });
         effect(() => {
@@ -581,56 +897,36 @@ class RecorderComponent {
                 this.resumeSession(resumeId);
             }
         });
+        effect(() => {
+            if (this.mode() !== 'recording')
+                return;
+            const allEntries = this.entries();
+            if (this.speakerService.shouldIdentify(allEntries)) {
+                this.speakerService.scheduleIdentification(() => this.triggerIdentification());
+            }
+        });
     }
     ngOnDestroy() {
         this.subscriptions.forEach((sub) => sub.unsubscribe());
         this.generateAbortController?.abort();
         this.cleanup();
-        this.cleanupPlayback();
-    }
-    audioEventHandlers = {};
-    cleanupPlayback() {
-        if (this.audioElement) {
-            this.audioElement.pause();
-            if (this.audioEventHandlers.loadedmetadata) {
-                this.audioElement.removeEventListener('loadedmetadata', this.audioEventHandlers.loadedmetadata);
-            }
-            if (this.audioEventHandlers.timeupdate) {
-                this.audioElement.removeEventListener('timeupdate', this.audioEventHandlers.timeupdate);
-            }
-            if (this.audioEventHandlers.ended) {
-                this.audioElement.removeEventListener('ended', this.audioEventHandlers.ended);
-            }
-            this.audioEventHandlers = {};
-            this.audioElement = null;
-        }
-        if (this.audioBlobUrl) {
-            URL.revokeObjectURL(this.audioBlobUrl);
-            this.audioBlobUrl = null;
-        }
+        this.playback.cleanup();
+        this.speakerService.reset();
     }
     getSpeakerLabel(speaker) {
-        const customLabels = this.speakerLabels();
-        if (customLabels[speaker]) {
-            return customLabels[speaker];
-        }
-        return SPEAKER_LABELS[speaker] || `Pessoa ${speaker + 1}`;
+        return this.speakerService.getLabel(speaker, this.speakerLabels(), this.doctorName(), this.patientName(), this.companionName());
     }
     shouldShowSpeakerLabel(segmentIndex) {
-        const segs = this.segments();
+        const segs = this.playback.segments;
         if (segmentIndex === 0)
             return true;
-        const currentSpeaker = segs[segmentIndex]?.speaker;
-        const previousSpeaker = segs[segmentIndex - 1]?.speaker;
-        return currentSpeaker !== previousSpeaker;
+        return segs[segmentIndex]?.speaker !== segs[segmentIndex - 1]?.speaker;
     }
     getMicButtonLabel() {
-        if (this.isPaused()) {
+        if (this.isPaused())
             return 'Retomar gravação';
-        }
-        if (this.isRecording()) {
+        if (this.isRecording())
             return 'Pausar gravação';
-        }
         return 'Iniciar gravação';
     }
     async toggleRecording() {
@@ -698,10 +994,7 @@ class RecorderComponent {
                 method: 'POST',
                 headers,
                 signal: this.generateAbortController.signal,
-                body: JSON.stringify({
-                    sessionId,
-                    outputSchema: template.content,
-                }),
+                body: JSON.stringify({ sessionId, outputSchema: template.content }),
             });
             if (!response.ok) {
                 const errorData = await response.json().catch(() => ({}));
@@ -724,32 +1017,51 @@ class RecorderComponent {
             this.isGenerating.set(false);
         }
     }
-    async loadSession() {
+    onSeek(event) {
+        const input = event.target;
+        if (input) {
+            this.playback.seekTo(parseFloat(input.value));
+        }
+    }
+    onPlaybackRateChange(event) {
+        const select = event.target;
+        if (select) {
+            this.playback.setRate(parseFloat(select.value));
+        }
+    }
+    onWordClick(word, event) {
+        event.stopPropagation();
+        this.playback.seekToWord(word);
+    }
+    onSpeakerLabelClick(event, speaker) {
+        event.stopPropagation();
+        this.speakerService.toggleMenu(speaker);
+    }
+    setSpeakerRole(speaker, role) {
+        this.speakerService.setRole(speaker, role);
+    }
+    getSpeakerColor(speaker) {
+        if (speaker === undefined)
+            return 'var(--scribe-border-color)';
+        const colors = [
+            'var(--scribe-speaker-0)',
+            'var(--scribe-speaker-1)',
+            'var(--scribe-speaker-2)',
+            'var(--scribe-speaker-3)',
+        ];
+        return colors[speaker % colors.length];
+    }
+    async loadPlaybackSession() {
         const sid = this.sessionId();
         const api = this.apiUrl();
         if (!sid || !api)
             return;
-        this.isLoadingSession.set(true);
         try {
-            const headers = {};
-            const token = this.token();
-            if (token) {
-                headers['Authorization'] = `Bearer ${token}`;
-            }
-            const response = await fetch(`${api}/session/${sid}`, { headers });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}`);
-            }
-            const data = await response.json();
-            this.sessionData.set(data);
-            await this.loadAudio(data.audioUrl);
+            await this.playback.loadSession(api, sid, this.token());
         }
         catch (err) {
             this.error.emit(err instanceof Error ? err : new Error(String(err)));
         }
-        finally {
-            this.isLoadingSession.set(false);
-        }
     }
     async resumeSession(sessionId) {
         const api = this.apiUrl();
@@ -786,125 +1098,6 @@ class RecorderComponent {
             this.isLoadingSession.set(false);
         }
     }
-    async loadAudio(pcmUrl) {
-        this.cleanupPlayback();
-        const response = await fetch(pcmUrl);
-        if (!response.ok) {
-            throw new Error(`Failed to load audio: HTTP ${response.status}`);
-        }
-        const pcmData = await response.arrayBuffer();
-        const wavData = pcmToWav(pcmData);
-        this.audioBlobUrl = createAudioBlobUrl(wavData);
-        this.audioElement = new Audio(this.audioBlobUrl);
-        this.audioEventHandlers.loadedmetadata = () => {
-            this.audioDuration.set(this.audioElement.duration);
-        };
-        this.audioEventHandlers.timeupdate = () => {
-            this.audioCurrentTime.set(this.audioElement.currentTime);
-            this.updateActiveSegment();
-        };
-        this.audioEventHandlers.ended = () => {
-            this.isPlaying.set(false);
-        };
-        this.audioElement.addEventListener('loadedmetadata', this.audioEventHandlers.loadedmetadata);
-        this.audioElement.addEventListener('timeupdate', this.audioEventHandlers.timeupdate);
-        this.audioElement.addEventListener('ended', this.audioEventHandlers.ended);
-    }
-    togglePlayback() {
-        if (!this.audioElement)
-            return;
-        if (this.isPlaying()) {
-            this.audioElement.pause();
-            this.isPlaying.set(false);
-        }
-        else {
-            this.audioElement.play();
-            this.isPlaying.set(true);
-        }
-    }
-    seekTo(event) {
-        const input = event.target;
-        if (!input)
-            return;
-        const time = parseFloat(input.value);
-        if (this.audioElement && !isNaN(time)) {
-            this.audioElement.currentTime = time;
-            this.audioCurrentTime.set(time);
-        }
-    }
-    setPlaybackRate(event) {
-        const select = event.target;
-        if (!select)
-            return;
-        const rate = parseFloat(select.value);
-        if (isNaN(rate))
-            return;
-        this.playbackRate.set(rate);
-        if (this.audioElement) {
-            this.audioElement.playbackRate = rate;
-        }
-    }
-    seekToSegment(segment) {
-        if (this.audioElement) {
-            this.audioElement.currentTime = segment.startTime;
-            this.audioCurrentTime.set(segment.startTime);
-            if (!this.isPlaying()) {
-                this.togglePlayback();
-            }
-        }
-    }
-    seekToWord(word, event) {
-        event.stopPropagation();
-        if (this.audioElement) {
-            this.audioElement.currentTime = word.start;
-            this.audioCurrentTime.set(word.start);
-            if (!this.isPlaying()) {
-                this.togglePlayback();
-            }
-        }
-    }
-    formatTimeDisplay(seconds) {
-        return formatTime(seconds);
-    }
-    getSpeakerColor(speaker) {
-        if (speaker === undefined)
-            return 'var(--scribe-border-color)';
-        const colors = [
-            'var(--scribe-speaker-0)',
-            'var(--scribe-speaker-1)',
-            'var(--scribe-speaker-2)',
-            'var(--scribe-speaker-3)',
-        ];
-        return colors[speaker % colors.length];
-    }
-    updateActiveSegment() {
-        const time = this.audioCurrentTime();
-        const segs = this.segments();
-        const seg = segs.find((s) => time >= s.startTime && time <= s.endTime);
-        this.activeSegmentId.set(seg?.id ?? null);
-        if (seg?.words) {
-            const wordIdx = seg.words.findIndex((w) => time >= w.start && time <= w.end);
-            this.activeWordIndex.set(wordIdx >= 0 ? wordIdx : null);
-        }
-        else {
-            this.activeWordIndex.set(null);
-        }
-        this.scrollToActiveSegment();
-    }
-    scrollToActiveSegment() {
-        const activeId = this.activeSegmentId();
-        if (!activeId)
-            return;
-        const container = this.elementRef.nativeElement.querySelector('.scribe-transcript-playback');
-        const activeEl = container?.querySelector(`[data-segment-id="${activeId}"]`);
-        if (activeEl && container) {
-            const containerRect = container.getBoundingClientRect();
-            const activeRect = activeEl.getBoundingClientRect();
-            if (activeRect.top < containerRect.top || activeRect.bottom > containerRect.bottom) {
-                activeEl.scrollIntoView({ behavior: 'smooth', block: 'center' });
-            }
-        }
-    }
     async startRecording() {
         try {
             await this.socket.connect(this.wsUrl(), this.token(), this.premium());
@@ -954,78 +1147,83 @@ class RecorderComponent {
             this.currentSpeaker.set(event.speaker);
         }
     }
+    async triggerIdentification() {
+        const api = this.apiUrl() || this.lambdaUrl();
+        const sessionId = this.socket.getSessionId() || this.lastSessionId();
+        await this.speakerService.identify(this.entries(), api, this.token(), sessionId, this.premium());
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RecorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: RecorderComponent, isStandalone: true, selector: "ngx-jaimes-scribe-recorder", inputs: { wsUrl: { classPropertyName: "wsUrl", publicName: "wsUrl", isSignal: true, isRequired: false, transformFunction: null }, token: { classPropertyName: "token", publicName: "token", isSignal: true, isRequired: false, transformFunction: null }, speakerLabels: { classPropertyName: "speakerLabels", publicName: "speakerLabels", isSignal: true, isRequired: false, transformFunction: null }, premium: { classPropertyName: "premium", publicName: "premium", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null }, lambdaUrl: { classPropertyName: "lambdaUrl", publicName: "lambdaUrl", isSignal: true, isRequired: false, transformFunction: null }, sessionId: { classPropertyName: "sessionId", publicName: "sessionId", isSignal: true, isRequired: false, transformFunction: null }, apiUrl: { classPropertyName: "apiUrl", publicName: "apiUrl", isSignal: true, isRequired: false, transformFunction: null }, resumeSessionId: { classPropertyName: "resumeSessionId", publicName: "resumeSessionId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sessionStarted: "sessionStarted", sessionFinished: "sessionFinished", error: "error", documentGenerated: "documentGenerated", generationError: "generationError" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: RecorderComponent, isStandalone: true, selector: "ngx-jaimes-scribe-recorder", inputs: { wsUrl: { classPropertyName: "wsUrl", publicName: "wsUrl", isSignal: true, isRequired: false, transformFunction: null }, token: { classPropertyName: "token", publicName: "token", isSignal: true, isRequired: false, transformFunction: null }, speakerLabels: { classPropertyName: "speakerLabels", publicName: "speakerLabels", isSignal: true, isRequired: false, transformFunction: null }, premium: { classPropertyName: "premium", publicName: "premium", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null }, lambdaUrl: { classPropertyName: "lambdaUrl", publicName: "lambdaUrl", isSignal: true, isRequired: false, transformFunction: null }, sessionId: { classPropertyName: "sessionId", publicName: "sessionId", isSignal: true, isRequired: false, transformFunction: null }, apiUrl: { classPropertyName: "apiUrl", publicName: "apiUrl", isSignal: true, isRequired: false, transformFunction: null }, resumeSessionId: { classPropertyName: "resumeSessionId", publicName: "resumeSessionId", isSignal: true, isRequired: false, transformFunction: null }, doctorName: { classPropertyName: "doctorName", publicName: "doctorName", isSignal: true, isRequired: false, transformFunction: null }, patientName: { classPropertyName: "patientName", publicName: "patientName", isSignal: true, isRequired: false, transformFunction: null }, companionName: { classPropertyName: "companionName", publicName: "companionName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sessionStarted: "sessionStarted", sessionFinished: "sessionFinished", error: "error", documentGenerated: "documentGenerated", generationError: "generationError" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [SpeakerIdentificationService, PlaybackService], ngImport: i0, template: `
     <div class="scribe-recorder">
       @if (mode() === 'playback') {
         <!-- Playback Mode -->
         <div class="scribe-playback">
-          @if (isLoadingSession()) {
+          @if (playback.isLoading()) {
             <div class="scribe-loading">
               <svg class="scribe-icon scribe-icon--spinner" viewBox="0 0 24 24" width="24" height="24">
                 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
               </svg>
               <span>Carregando sessão...</span>
             </div>
-          } @else if (sessionData()) {
+          } @else if (playback.sessionData()) {
             <!-- Audio Player -->
             <div class="scribe-player">
-              <div class="scribe-player-row">
-                <button
-                  class="scribe-btn scribe-btn--play"
-                  (click)="togglePlayback()"
-                  [attr.aria-label]="isPlaying() ? 'Pausar' : 'Reproduzir'"
-                >
-                  @if (isPlaying()) {
-                    <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                      <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
-                    </svg>
-                  } @else {
-                    <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                      <path d="M8 5v14l11-7z"/>
-                    </svg>
-                  }
-                </button>
+              <button
+                class="scribe-btn scribe-btn--play"
+                (click)="playback.togglePlayback()"
+                [attr.aria-label]="playback.isPlaying() ? 'Pausar' : 'Reproduzir'"
+              >
+                @if (playback.isPlaying()) {
+                  <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
+                    <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
+                  </svg>
+                } @else {
+                  <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
+                    <path d="M8 5v14l11-7z"/>
+                  </svg>
+                }
+              </button>
 
+              <div class="scribe-timeline">
                 <input
                   type="range"
                   class="scribe-timeline-slider"
                   [min]="0"
-                  [max]="audioDuration()"
-                  [value]="audioCurrentTime()"
+                  [max]="playback.duration()"
+                  [value]="playback.currentTime()"
                   step="0.1"
-                  (input)="seekTo($event)"
+                  (input)="onSeek($event)"
                   aria-label="Posição do áudio"
                 />
-
-                <select
-                  class="scribe-speed"
-                  [value]="playbackRate()"
-                  (change)="setPlaybackRate($event)"
-                  aria-label="Velocidade de reprodução"
-                >
-                  <option value="0.5">0.5x</option>
-                  <option value="0.75">0.75x</option>
-                  <option value="1">1x</option>
-                  <option value="1.25">1.25x</option>
-                  <option value="1.5">1.5x</option>
-                  <option value="2">2x</option>
-                </select>
-              </div>
-              <div class="scribe-time">
-                {{ formatTimeDisplay(audioCurrentTime()) }} / {{ formatTimeDisplay(audioDuration()) }}
+                <div class="scribe-time">
+                  {{ playback.formatTime(playback.currentTime()) }} / {{ playback.formatTime(playback.duration()) }}
+                </div>
               </div>
+
+              <select
+                class="scribe-speed"
+                [value]="playback.playbackRate()"
+                (change)="onPlaybackRateChange($event)"
+                aria-label="Velocidade de reprodução"
+              >
+                <option value="0.5">0.5x</option>
+                <option value="0.75">0.75x</option>
+                <option value="1">1x</option>
+                <option value="1.25">1.25x</option>
+                <option value="1.5">1.5x</option>
+                <option value="2">2x</option>
+              </select>
             </div>
 
             <!-- Transcription with Highlight -->
             <div class="scribe-transcript-playback">
-              @for (segment of segments(); track segment.id; let idx = $index) {
+              @for (segment of playback.segments; track segment.id; let idx = $index) {
                 <div
                   class="scribe-segment"
-                  [class.scribe-segment--active]="activeSegmentId() === segment.id"
+                  [class.scribe-segment--active]="playback.activeSegmentId() === segment.id"
                   [style.--speaker-color]="getSpeakerColor(segment.speaker)"
                   [attr.data-segment-id]="segment.id"
-                  (click)="seekToSegment(segment)"
+                  (click)="playback.seekToSegment(segment)"
                 >
                   @if (segment.speaker !== undefined && shouldShowSpeakerLabel(idx)) {
                     <span class="scribe-speaker-label" [class]="'scribe-speaker--' + segment.speaker">
@@ -1038,8 +1236,8 @@ class RecorderComponent {
                       @for (word of segment.words; track $index; let i = $index) {
                         <span
                           class="scribe-word"
-                          [class.scribe-word--active]="activeSegmentId() === segment.id && activeWordIndex() === i"
-                          (click)="seekToWord(word, $event)"
+                          [class.scribe-word--active]="playback.activeSegmentId() === segment.id && playback.activeWordIndex() === i"
+                          (click)="onWordClick(word, $event)"
                         >{{ word.word }}</span>{{ ' ' }}
                       }
                     } @else {
@@ -1048,7 +1246,7 @@ class RecorderComponent {
                   </p>
                 </div>
               }
-              @if (segments().length === 0) {
+              @if (playback.segments.length === 0) {
                 <span class="scribe-placeholder">Nenhuma transcrição disponível.</span>
               }
             </div>
@@ -1084,17 +1282,14 @@ class RecorderComponent {
                 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
               </svg>
             } @else if (isPaused()) {
-              <!-- Play icon when paused -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M8 5v14l11-7z"/>
               </svg>
             } @else if (isRecording()) {
-              <!-- Pause icon when recording -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
               </svg>
             } @else {
-              <!-- Mic icon when idle -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5z"/>
                 <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
@@ -1169,8 +1364,39 @@ class RecorderComponent {
           @for (group of speakerGroups(); track $index) {
             <div class="scribe-speaker-block" [attr.data-speaker]="group.speaker">
               @if (group.speaker !== undefined && group.speaker !== null) {
-                <span class="scribe-speaker-label" [class]="'scribe-speaker--' + group.speaker">
-                  {{ getSpeakerLabel(group.speaker) }}
+                <span class="scribe-speaker-label-wrapper">
+                  <button
+                    type="button"
+                    class="scribe-speaker-label scribe-speaker-label--editable"
+                    [class]="'scribe-speaker--' + group.speaker"
+                    [class.scribe-speaker-label--low-confidence]="speakerService.hasLowConfidence(group.speaker)"
+                    (click)="onSpeakerLabelClick($event, group.speaker)"
+                  >
+                    {{ getSpeakerLabel(group.speaker) }}
+                    <svg class="scribe-chevron" viewBox="0 0 24 24" width="12" height="12" fill="currentColor">
+                      <path d="M7 10l5 5 5-5z"/>
+                    </svg>
+                    @if (speakerService.hasLowConfidence(group.speaker)) {
+                      <span class="scribe-warning" title="Confiança baixa - verifique">⚠️</span>
+                    }
+                  </button>
+                  @if (speakerService.editingSpeaker() === group.speaker) {
+                    <div class="scribe-speaker-dropdown">
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'doctor')">
+                        <span class="scribe-dropdown-icon">🩺</span> Médico
+                      </button>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'patient')">
+                        <span class="scribe-dropdown-icon">🙋</span> Paciente
+                      </button>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'companion')">
+                        <span class="scribe-dropdown-icon">👥</span> Acompanhante
+                      </button>
+                      <div class="scribe-dropdown-divider"></div>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'other')">
+                        <span class="scribe-dropdown-icon">✏️</span> Outro
+                      </button>
+                    </div>
+                  }
                 </span>
               }
               <div class="scribe-speaker-text">
@@ -1197,81 +1423,81 @@ class RecorderComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [":host{--scribe-primary: #4caf50;--scribe-primary-dark: #388e3c;--scribe-primary-light: #81c784;--scribe-danger: #f44336;--scribe-danger-dark: #d32f2f;--scribe-text-color: #212121;--scribe-text-partial: #9e9e9e;--scribe-font-family: inherit;--scribe-font-size: 1rem;--scribe-bg: #ffffff;--scribe-bg-transcript: #f5f5f5;--scribe-border-radius: 8px;--scribe-border-color: #e0e0e0;--scribe-level-bg: #e0e0e0;--scribe-level-fill: #4caf50;--scribe-speaker-0: #2196f3;--scribe-speaker-1: #9c27b0;--scribe-speaker-2: #ff9800;--scribe-speaker-3: #009688;display:block;font-family:var(--scribe-font-family);font-size:var(--scribe-font-size)}.scribe-recorder{background:var(--scribe-bg);border-radius:var(--scribe-border-radius)}.scribe-controls{display:flex;align-items:center;gap:1rem;padding:1rem}.scribe-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn:disabled{opacity:.5;cursor:not-allowed}.scribe-btn--mic{width:48px;height:48px;border-radius:50%;background:var(--scribe-bg-transcript);color:var(--scribe-text-color)}.scribe-btn--mic:hover:not(:disabled){background:var(--scribe-border-color)}.scribe-btn--mic.scribe-btn--active{background:var(--scribe-danger);color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}.scribe-btn--mic.scribe-btn--paused{background:var(--scribe-primary);color:#fff}.scribe-btn--mic.scribe-btn--paused:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--mic.scribe-btn--connecting{background:var(--scribe-primary-light);color:#fff}.scribe-btn--finish{padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff}.scribe-btn--finish:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-icon{flex-shrink:0}.scribe-icon--spinner{animation:spin 1s linear infinite}.scribe-level{flex:1;height:8px;background:var(--scribe-level-bg);border-radius:4px;overflow:hidden;opacity:.5;transition:opacity .2s ease}.scribe-level--active{opacity:1}.scribe-level__fill{height:100%;background:var(--scribe-level-fill);border-radius:4px;transition:width .05s ease-out}.scribe-transcript{min-height:120px;max-height:400px;overflow-y:auto;padding:1rem;margin:0 1rem 1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);line-height:1.6}.scribe-transcript--empty{display:flex;align-items:center;justify-content:center}.scribe-placeholder{color:var(--scribe-text-partial);font-style:italic}.scribe-speaker-block{margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--scribe-border-color)}.scribe-speaker-block--partial{opacity:.7}.scribe-speaker-block[data-speaker=\"0\"]{border-left-color:var(--scribe-speaker-0)}.scribe-speaker-block[data-speaker=\"1\"]{border-left-color:var(--scribe-speaker-1)}.scribe-speaker-block[data-speaker=\"2\"]{border-left-color:var(--scribe-speaker-2)}.scribe-speaker-block[data-speaker=\"3\"]{border-left-color:var(--scribe-speaker-3)}.scribe-speaker-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;margin-bottom:.25rem;color:#fff;background:var(--scribe-border-color)}.scribe-speaker--0{background:var(--scribe-speaker-0)}.scribe-speaker--1{background:var(--scribe-speaker-1)}.scribe-speaker--2{background:var(--scribe-speaker-2)}.scribe-speaker--3{background:var(--scribe-speaker-3)}.scribe-speaker-text{margin-top:.25rem}.scribe-text{word-wrap:break-word}.scribe-text--final{color:var(--scribe-text-color)}.scribe-text--partial{color:var(--scribe-text-partial);font-style:italic}.scribe-generate-container{position:relative;margin-left:.5rem}.scribe-btn--generate{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn--generate:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--generate:disabled{opacity:.7;cursor:not-allowed}.scribe-template-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:220px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:var(--scribe-border-radius);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.scribe-template-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.scribe-template-item:hover{background:var(--scribe-bg-transcript)}.scribe-template-item:not(:last-child){border-bottom:1px solid var(--scribe-border-color)}.scribe-template-name{font-weight:500;color:var(--scribe-text-color)}.scribe-template-desc{font-size:.75rem;color:var(--scribe-text-partial);margin-top:.25rem}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scribe-playback{padding:1rem}.scribe-loading,.scribe-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--scribe-text-partial)}.scribe-player{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);margin-bottom:1rem}.scribe-player-row{display:flex;align-items:center;gap:1rem}.scribe-btn--play{width:48px;height:48px;border-radius:50%;background:var(--scribe-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.scribe-btn--play:hover{background:var(--scribe-primary-dark)}.scribe-timeline-slider{flex:1;cursor:pointer;height:6px;-webkit-appearance:none;appearance:none;background:var(--scribe-level-bg);border-radius:3px;outline:none}.scribe-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer}.scribe-timeline-slider::-moz-range-thumb{width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer;border:none}.scribe-time{font-size:.75rem;color:var(--scribe-text-partial);text-align:center}.scribe-speed{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--scribe-border-color);background:var(--scribe-bg);font-size:.875rem;cursor:pointer}.scribe-transcript-playback{max-height:400px;overflow-y:auto;scroll-behavior:smooth;padding:.5rem}.scribe-segment{padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid var(--speaker-color, var(--scribe-border-color));background:var(--scribe-bg);border-radius:0 var(--scribe-border-radius) var(--scribe-border-radius) 0;cursor:pointer;transition:background .2s ease}.scribe-segment:hover{background:var(--scribe-bg-transcript)}.scribe-segment--active{background:#4caf501a;border-left-color:var(--scribe-primary)}.scribe-segment-text{margin:.25rem 0 0;line-height:1.6}.scribe-word{transition:background .15s ease,color .15s ease;padding:0 1px;border-radius:2px}.scribe-word:hover{background:#0000000d;cursor:pointer}.scribe-word--active{background:var(--scribe-primary);color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+  `, isInline: true, styles: [":host{--scribe-primary: #4caf50;--scribe-primary-dark: #388e3c;--scribe-primary-light: #81c784;--scribe-danger: #f44336;--scribe-danger-dark: #d32f2f;--scribe-text-color: #212121;--scribe-text-partial: #9e9e9e;--scribe-font-family: inherit;--scribe-font-size: 1rem;--scribe-bg: #ffffff;--scribe-bg-transcript: #f5f5f5;--scribe-border-radius: 8px;--scribe-border-color: #e0e0e0;--scribe-level-bg: #e0e0e0;--scribe-level-fill: #4caf50;--scribe-speaker-0: #2196f3;--scribe-speaker-1: #9c27b0;--scribe-speaker-2: #ff9800;--scribe-speaker-3: #009688;display:block;font-family:var(--scribe-font-family);font-size:var(--scribe-font-size)}.scribe-recorder{background:var(--scribe-bg);border-radius:var(--scribe-border-radius)}.scribe-controls{display:flex;align-items:center;gap:1rem;padding:1rem}.scribe-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn:disabled{opacity:.5;cursor:not-allowed}.scribe-btn--mic{width:48px;height:48px;border-radius:50%;background:var(--scribe-bg-transcript);color:var(--scribe-text-color)}.scribe-btn--mic:hover:not(:disabled){background:var(--scribe-border-color)}.scribe-btn--mic.scribe-btn--active{background:var(--scribe-danger);color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}.scribe-btn--mic.scribe-btn--paused{background:var(--scribe-primary);color:#fff}.scribe-btn--mic.scribe-btn--paused:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--mic.scribe-btn--connecting{background:var(--scribe-primary-light);color:#fff}.scribe-btn--finish{padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff}.scribe-btn--finish:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-icon{flex-shrink:0}.scribe-icon--spinner{animation:spin 1s linear infinite}.scribe-level{flex:1;height:8px;background:var(--scribe-level-bg);border-radius:4px;overflow:hidden;opacity:.5;transition:opacity .2s ease}.scribe-level--active{opacity:1}.scribe-level__fill{height:100%;background:var(--scribe-level-fill);border-radius:4px;transition:width .05s ease-out}.scribe-transcript{min-height:120px;max-height:400px;overflow-y:auto;padding:1rem;margin:0 1rem 1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);line-height:1.6}.scribe-transcript--empty{display:flex;align-items:center;justify-content:center}.scribe-placeholder{color:var(--scribe-text-partial);font-style:italic}.scribe-speaker-block{margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--scribe-border-color)}.scribe-speaker-block--partial{opacity:.7}.scribe-speaker-block[data-speaker=\"0\"]{border-left-color:var(--scribe-speaker-0)}.scribe-speaker-block[data-speaker=\"1\"]{border-left-color:var(--scribe-speaker-1)}.scribe-speaker-block[data-speaker=\"2\"]{border-left-color:var(--scribe-speaker-2)}.scribe-speaker-block[data-speaker=\"3\"]{border-left-color:var(--scribe-speaker-3)}.scribe-speaker-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;margin-bottom:.25rem;color:#fff;background:var(--scribe-border-color)}.scribe-speaker--0{background:var(--scribe-speaker-0)}.scribe-speaker--1{background:var(--scribe-speaker-1)}.scribe-speaker--2{background:var(--scribe-speaker-2)}.scribe-speaker--3{background:var(--scribe-speaker-3)}.scribe-speaker-text{margin-top:.25rem}.scribe-text{word-wrap:break-word}.scribe-text--final{color:var(--scribe-text-color)}.scribe-text--partial{color:var(--scribe-text-partial);font-style:italic}.scribe-generate-container{position:relative;margin-left:.5rem}.scribe-btn--generate{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn--generate:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--generate:disabled{opacity:.7;cursor:not-allowed}.scribe-template-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:220px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:var(--scribe-border-radius);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.scribe-template-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.scribe-template-item:hover{background:var(--scribe-bg-transcript)}.scribe-template-item:not(:last-child){border-bottom:1px solid var(--scribe-border-color)}.scribe-template-name{font-weight:500;color:var(--scribe-text-color)}.scribe-template-desc{font-size:.75rem;color:var(--scribe-text-partial);margin-top:.25rem}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scribe-playback{padding:1rem}.scribe-loading,.scribe-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--scribe-text-partial)}.scribe-player{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);margin-bottom:1rem}.scribe-btn--play{width:48px;height:48px;border-radius:50%;background:var(--scribe-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.scribe-btn--play:hover{background:var(--scribe-primary-dark)}.scribe-timeline{flex:1;position:relative}.scribe-timeline-slider{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--scribe-level-bg);border-radius:3px;outline:none}.scribe-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer}.scribe-timeline-slider::-moz-range-thumb{width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer;border:none}.scribe-time{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--scribe-text-partial);white-space:nowrap}.scribe-speed{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--scribe-border-color);background:var(--scribe-bg);font-size:.875rem;cursor:pointer}.scribe-transcript-playback{max-height:400px;overflow-y:auto;scroll-behavior:smooth;padding:.5rem}.scribe-segment{padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid var(--speaker-color, var(--scribe-border-color));background:var(--scribe-bg);border-radius:0 var(--scribe-border-radius) var(--scribe-border-radius) 0;cursor:pointer;transition:background .2s ease}.scribe-segment:hover{background:var(--scribe-bg-transcript)}.scribe-segment--active{background:#4caf501a;border-left-color:var(--scribe-primary)}.scribe-segment-text{margin:.25rem 0 0;line-height:1.6}.scribe-word{transition:background .15s ease,color .15s ease;padding:0 1px;border-radius:2px}.scribe-word:hover{background:#0000000d;cursor:pointer}.scribe-word--active{background:var(--scribe-primary);color:#fff}.scribe-speaker-label-wrapper{position:relative;display:inline-block}.scribe-speaker-label--editable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;transition:all .15s ease}.scribe-speaker-label--editable:hover{border-color:#ffffff4d}.scribe-speaker-label--low-confidence{border-color:var(--scribe-warning, #f59e0b)!important}.scribe-chevron{opacity:.7}.scribe-warning{font-size:.875rem;margin-left:2px}.scribe-speaker-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:140px;margin-top:4px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:4px}.scribe-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-family:var(--scribe-font-family);font-size:.875rem;text-align:left;border-radius:4px;color:var(--scribe-text-color)}.scribe-dropdown-item:hover{background:var(--scribe-bg-transcript)}.scribe-dropdown-icon{font-size:1rem}.scribe-dropdown-divider{height:1px;background:var(--scribe-border-color);margin:4px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: RecorderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ngx-jaimes-scribe-recorder', standalone: true, imports: [CommonModule], template: `
+            args: [{ selector: 'ngx-jaimes-scribe-recorder', standalone: true, imports: [CommonModule], providers: [SpeakerIdentificationService, PlaybackService], template: `
     <div class="scribe-recorder">
       @if (mode() === 'playback') {
         <!-- Playback Mode -->
         <div class="scribe-playback">
-          @if (isLoadingSession()) {
+          @if (playback.isLoading()) {
             <div class="scribe-loading">
               <svg class="scribe-icon scribe-icon--spinner" viewBox="0 0 24 24" width="24" height="24">
                 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
               </svg>
               <span>Carregando sessão...</span>
             </div>
-          } @else if (sessionData()) {
+          } @else if (playback.sessionData()) {
             <!-- Audio Player -->
             <div class="scribe-player">
-              <div class="scribe-player-row">
-                <button
-                  class="scribe-btn scribe-btn--play"
-                  (click)="togglePlayback()"
-                  [attr.aria-label]="isPlaying() ? 'Pausar' : 'Reproduzir'"
-                >
-                  @if (isPlaying()) {
-                    <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                      <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
-                    </svg>
-                  } @else {
-                    <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
-                      <path d="M8 5v14l11-7z"/>
-                    </svg>
-                  }
-                </button>
+              <button
+                class="scribe-btn scribe-btn--play"
+                (click)="playback.togglePlayback()"
+                [attr.aria-label]="playback.isPlaying() ? 'Pausar' : 'Reproduzir'"
+              >
+                @if (playback.isPlaying()) {
+                  <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
+                    <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
+                  </svg>
+                } @else {
+                  <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
+                    <path d="M8 5v14l11-7z"/>
+                  </svg>
+                }
+              </button>
 
+              <div class="scribe-timeline">
                 <input
                   type="range"
                   class="scribe-timeline-slider"
                   [min]="0"
-                  [max]="audioDuration()"
-                  [value]="audioCurrentTime()"
+                  [max]="playback.duration()"
+                  [value]="playback.currentTime()"
                   step="0.1"
-                  (input)="seekTo($event)"
+                  (input)="onSeek($event)"
                   aria-label="Posição do áudio"
                 />
-
-                <select
-                  class="scribe-speed"
-                  [value]="playbackRate()"
-                  (change)="setPlaybackRate($event)"
-                  aria-label="Velocidade de reprodução"
-                >
-                  <option value="0.5">0.5x</option>
-                  <option value="0.75">0.75x</option>
-                  <option value="1">1x</option>
-                  <option value="1.25">1.25x</option>
-                  <option value="1.5">1.5x</option>
-                  <option value="2">2x</option>
-                </select>
-              </div>
-              <div class="scribe-time">
-                {{ formatTimeDisplay(audioCurrentTime()) }} / {{ formatTimeDisplay(audioDuration()) }}
+                <div class="scribe-time">
+                  {{ playback.formatTime(playback.currentTime()) }} / {{ playback.formatTime(playback.duration()) }}
+                </div>
               </div>
+
+              <select
+                class="scribe-speed"
+                [value]="playback.playbackRate()"
+                (change)="onPlaybackRateChange($event)"
+                aria-label="Velocidade de reprodução"
+              >
+                <option value="0.5">0.5x</option>
+                <option value="0.75">0.75x</option>
+                <option value="1">1x</option>
+                <option value="1.25">1.25x</option>
+                <option value="1.5">1.5x</option>
+                <option value="2">2x</option>
+              </select>
             </div>
 
             <!-- Transcription with Highlight -->
             <div class="scribe-transcript-playback">
-              @for (segment of segments(); track segment.id; let idx = $index) {
+              @for (segment of playback.segments; track segment.id; let idx = $index) {
                 <div
                   class="scribe-segment"
-                  [class.scribe-segment--active]="activeSegmentId() === segment.id"
+                  [class.scribe-segment--active]="playback.activeSegmentId() === segment.id"
                   [style.--speaker-color]="getSpeakerColor(segment.speaker)"
                   [attr.data-segment-id]="segment.id"
-                  (click)="seekToSegment(segment)"
+                  (click)="playback.seekToSegment(segment)"
                 >
                   @if (segment.speaker !== undefined && shouldShowSpeakerLabel(idx)) {
                     <span class="scribe-speaker-label" [class]="'scribe-speaker--' + segment.speaker">
@@ -1284,8 +1510,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                       @for (word of segment.words; track $index; let i = $index) {
                         <span
                           class="scribe-word"
-                          [class.scribe-word--active]="activeSegmentId() === segment.id && activeWordIndex() === i"
-                          (click)="seekToWord(word, $event)"
+                          [class.scribe-word--active]="playback.activeSegmentId() === segment.id && playback.activeWordIndex() === i"
+                          (click)="onWordClick(word, $event)"
                         >{{ word.word }}</span>{{ ' ' }}
                       }
                     } @else {
@@ -1294,7 +1520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                   </p>
                 </div>
               }
-              @if (segments().length === 0) {
+              @if (playback.segments.length === 0) {
                 <span class="scribe-placeholder">Nenhuma transcrição disponível.</span>
               }
             </div>
@@ -1330,17 +1556,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
               </svg>
             } @else if (isPaused()) {
-              <!-- Play icon when paused -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M8 5v14l11-7z"/>
               </svg>
             } @else if (isRecording()) {
-              <!-- Pause icon when recording -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
               </svg>
             } @else {
-              <!-- Mic icon when idle -->
               <svg class="scribe-icon" viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
                 <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5z"/>
                 <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
@@ -1415,8 +1638,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           @for (group of speakerGroups(); track $index) {
             <div class="scribe-speaker-block" [attr.data-speaker]="group.speaker">
               @if (group.speaker !== undefined && group.speaker !== null) {
-                <span class="scribe-speaker-label" [class]="'scribe-speaker--' + group.speaker">
-                  {{ getSpeakerLabel(group.speaker) }}
+                <span class="scribe-speaker-label-wrapper">
+                  <button
+                    type="button"
+                    class="scribe-speaker-label scribe-speaker-label--editable"
+                    [class]="'scribe-speaker--' + group.speaker"
+                    [class.scribe-speaker-label--low-confidence]="speakerService.hasLowConfidence(group.speaker)"
+                    (click)="onSpeakerLabelClick($event, group.speaker)"
+                  >
+                    {{ getSpeakerLabel(group.speaker) }}
+                    <svg class="scribe-chevron" viewBox="0 0 24 24" width="12" height="12" fill="currentColor">
+                      <path d="M7 10l5 5 5-5z"/>
+                    </svg>
+                    @if (speakerService.hasLowConfidence(group.speaker)) {
+                      <span class="scribe-warning" title="Confiança baixa - verifique">⚠️</span>
+                    }
+                  </button>
+                  @if (speakerService.editingSpeaker() === group.speaker) {
+                    <div class="scribe-speaker-dropdown">
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'doctor')">
+                        <span class="scribe-dropdown-icon">🩺</span> Médico
+                      </button>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'patient')">
+                        <span class="scribe-dropdown-icon">🙋</span> Paciente
+                      </button>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'companion')">
+                        <span class="scribe-dropdown-icon">👥</span> Acompanhante
+                      </button>
+                      <div class="scribe-dropdown-divider"></div>
+                      <button type="button" class="scribe-dropdown-item" (click)="setSpeakerRole(group.speaker, 'other')">
+                        <span class="scribe-dropdown-icon">✏️</span> Outro
+                      </button>
+                    </div>
+                  }
                 </span>
               }
               <div class="scribe-speaker-text">
@@ -1443,7 +1697,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }
       }
     </div>
-  `, styles: [":host{--scribe-primary: #4caf50;--scribe-primary-dark: #388e3c;--scribe-primary-light: #81c784;--scribe-danger: #f44336;--scribe-danger-dark: #d32f2f;--scribe-text-color: #212121;--scribe-text-partial: #9e9e9e;--scribe-font-family: inherit;--scribe-font-size: 1rem;--scribe-bg: #ffffff;--scribe-bg-transcript: #f5f5f5;--scribe-border-radius: 8px;--scribe-border-color: #e0e0e0;--scribe-level-bg: #e0e0e0;--scribe-level-fill: #4caf50;--scribe-speaker-0: #2196f3;--scribe-speaker-1: #9c27b0;--scribe-speaker-2: #ff9800;--scribe-speaker-3: #009688;display:block;font-family:var(--scribe-font-family);font-size:var(--scribe-font-size)}.scribe-recorder{background:var(--scribe-bg);border-radius:var(--scribe-border-radius)}.scribe-controls{display:flex;align-items:center;gap:1rem;padding:1rem}.scribe-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn:disabled{opacity:.5;cursor:not-allowed}.scribe-btn--mic{width:48px;height:48px;border-radius:50%;background:var(--scribe-bg-transcript);color:var(--scribe-text-color)}.scribe-btn--mic:hover:not(:disabled){background:var(--scribe-border-color)}.scribe-btn--mic.scribe-btn--active{background:var(--scribe-danger);color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}.scribe-btn--mic.scribe-btn--paused{background:var(--scribe-primary);color:#fff}.scribe-btn--mic.scribe-btn--paused:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--mic.scribe-btn--connecting{background:var(--scribe-primary-light);color:#fff}.scribe-btn--finish{padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff}.scribe-btn--finish:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-icon{flex-shrink:0}.scribe-icon--spinner{animation:spin 1s linear infinite}.scribe-level{flex:1;height:8px;background:var(--scribe-level-bg);border-radius:4px;overflow:hidden;opacity:.5;transition:opacity .2s ease}.scribe-level--active{opacity:1}.scribe-level__fill{height:100%;background:var(--scribe-level-fill);border-radius:4px;transition:width .05s ease-out}.scribe-transcript{min-height:120px;max-height:400px;overflow-y:auto;padding:1rem;margin:0 1rem 1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);line-height:1.6}.scribe-transcript--empty{display:flex;align-items:center;justify-content:center}.scribe-placeholder{color:var(--scribe-text-partial);font-style:italic}.scribe-speaker-block{margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--scribe-border-color)}.scribe-speaker-block--partial{opacity:.7}.scribe-speaker-block[data-speaker=\"0\"]{border-left-color:var(--scribe-speaker-0)}.scribe-speaker-block[data-speaker=\"1\"]{border-left-color:var(--scribe-speaker-1)}.scribe-speaker-block[data-speaker=\"2\"]{border-left-color:var(--scribe-speaker-2)}.scribe-speaker-block[data-speaker=\"3\"]{border-left-color:var(--scribe-speaker-3)}.scribe-speaker-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;margin-bottom:.25rem;color:#fff;background:var(--scribe-border-color)}.scribe-speaker--0{background:var(--scribe-speaker-0)}.scribe-speaker--1{background:var(--scribe-speaker-1)}.scribe-speaker--2{background:var(--scribe-speaker-2)}.scribe-speaker--3{background:var(--scribe-speaker-3)}.scribe-speaker-text{margin-top:.25rem}.scribe-text{word-wrap:break-word}.scribe-text--final{color:var(--scribe-text-color)}.scribe-text--partial{color:var(--scribe-text-partial);font-style:italic}.scribe-generate-container{position:relative;margin-left:.5rem}.scribe-btn--generate{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn--generate:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--generate:disabled{opacity:.7;cursor:not-allowed}.scribe-template-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:220px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:var(--scribe-border-radius);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.scribe-template-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.scribe-template-item:hover{background:var(--scribe-bg-transcript)}.scribe-template-item:not(:last-child){border-bottom:1px solid var(--scribe-border-color)}.scribe-template-name{font-weight:500;color:var(--scribe-text-color)}.scribe-template-desc{font-size:.75rem;color:var(--scribe-text-partial);margin-top:.25rem}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scribe-playback{padding:1rem}.scribe-loading,.scribe-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--scribe-text-partial)}.scribe-player{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);margin-bottom:1rem}.scribe-player-row{display:flex;align-items:center;gap:1rem}.scribe-btn--play{width:48px;height:48px;border-radius:50%;background:var(--scribe-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.scribe-btn--play:hover{background:var(--scribe-primary-dark)}.scribe-timeline-slider{flex:1;cursor:pointer;height:6px;-webkit-appearance:none;appearance:none;background:var(--scribe-level-bg);border-radius:3px;outline:none}.scribe-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer}.scribe-timeline-slider::-moz-range-thumb{width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer;border:none}.scribe-time{font-size:.75rem;color:var(--scribe-text-partial);text-align:center}.scribe-speed{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--scribe-border-color);background:var(--scribe-bg);font-size:.875rem;cursor:pointer}.scribe-transcript-playback{max-height:400px;overflow-y:auto;scroll-behavior:smooth;padding:.5rem}.scribe-segment{padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid var(--speaker-color, var(--scribe-border-color));background:var(--scribe-bg);border-radius:0 var(--scribe-border-radius) var(--scribe-border-radius) 0;cursor:pointer;transition:background .2s ease}.scribe-segment:hover{background:var(--scribe-bg-transcript)}.scribe-segment--active{background:#4caf501a;border-left-color:var(--scribe-primary)}.scribe-segment-text{margin:.25rem 0 0;line-height:1.6}.scribe-word{transition:background .15s ease,color .15s ease;padding:0 1px;border-radius:2px}.scribe-word:hover{background:#0000000d;cursor:pointer}.scribe-word--active{background:var(--scribe-primary);color:#fff}\n"] }]
+  `, styles: [":host{--scribe-primary: #4caf50;--scribe-primary-dark: #388e3c;--scribe-primary-light: #81c784;--scribe-danger: #f44336;--scribe-danger-dark: #d32f2f;--scribe-text-color: #212121;--scribe-text-partial: #9e9e9e;--scribe-font-family: inherit;--scribe-font-size: 1rem;--scribe-bg: #ffffff;--scribe-bg-transcript: #f5f5f5;--scribe-border-radius: 8px;--scribe-border-color: #e0e0e0;--scribe-level-bg: #e0e0e0;--scribe-level-fill: #4caf50;--scribe-speaker-0: #2196f3;--scribe-speaker-1: #9c27b0;--scribe-speaker-2: #ff9800;--scribe-speaker-3: #009688;display:block;font-family:var(--scribe-font-family);font-size:var(--scribe-font-size)}.scribe-recorder{background:var(--scribe-bg);border-radius:var(--scribe-border-radius)}.scribe-controls{display:flex;align-items:center;gap:1rem;padding:1rem}.scribe-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn:disabled{opacity:.5;cursor:not-allowed}.scribe-btn--mic{width:48px;height:48px;border-radius:50%;background:var(--scribe-bg-transcript);color:var(--scribe-text-color)}.scribe-btn--mic:hover:not(:disabled){background:var(--scribe-border-color)}.scribe-btn--mic.scribe-btn--active{background:var(--scribe-danger);color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}.scribe-btn--mic.scribe-btn--paused{background:var(--scribe-primary);color:#fff}.scribe-btn--mic.scribe-btn--paused:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--mic.scribe-btn--connecting{background:var(--scribe-primary-light);color:#fff}.scribe-btn--finish{padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff}.scribe-btn--finish:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-icon{flex-shrink:0}.scribe-icon--spinner{animation:spin 1s linear infinite}.scribe-level{flex:1;height:8px;background:var(--scribe-level-bg);border-radius:4px;overflow:hidden;opacity:.5;transition:opacity .2s ease}.scribe-level--active{opacity:1}.scribe-level__fill{height:100%;background:var(--scribe-level-fill);border-radius:4px;transition:width .05s ease-out}.scribe-transcript{min-height:120px;max-height:400px;overflow-y:auto;padding:1rem;margin:0 1rem 1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);line-height:1.6}.scribe-transcript--empty{display:flex;align-items:center;justify-content:center}.scribe-placeholder{color:var(--scribe-text-partial);font-style:italic}.scribe-speaker-block{margin-bottom:.75rem;padding-left:.5rem;border-left:3px solid var(--scribe-border-color)}.scribe-speaker-block--partial{opacity:.7}.scribe-speaker-block[data-speaker=\"0\"]{border-left-color:var(--scribe-speaker-0)}.scribe-speaker-block[data-speaker=\"1\"]{border-left-color:var(--scribe-speaker-1)}.scribe-speaker-block[data-speaker=\"2\"]{border-left-color:var(--scribe-speaker-2)}.scribe-speaker-block[data-speaker=\"3\"]{border-left-color:var(--scribe-speaker-3)}.scribe-speaker-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.125rem .5rem;border-radius:4px;margin-bottom:.25rem;color:#fff;background:var(--scribe-border-color)}.scribe-speaker--0{background:var(--scribe-speaker-0)}.scribe-speaker--1{background:var(--scribe-speaker-1)}.scribe-speaker--2{background:var(--scribe-speaker-2)}.scribe-speaker--3{background:var(--scribe-speaker-3)}.scribe-speaker-text{margin-top:.25rem}.scribe-text{word-wrap:break-word}.scribe-text--final{color:var(--scribe-text-color)}.scribe-text--partial{color:var(--scribe-text-partial);font-style:italic}.scribe-generate-container{position:relative;margin-left:.5rem}.scribe-btn--generate{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--scribe-primary);color:#fff;border:none;border-radius:var(--scribe-border-radius);font-family:var(--scribe-font-family);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.scribe-btn--generate:hover:not(:disabled){background:var(--scribe-primary-dark)}.scribe-btn--generate:disabled{opacity:.7;cursor:not-allowed}.scribe-template-menu{position:absolute;top:100%;left:0;margin-top:.25rem;min-width:220px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:var(--scribe-border-radius);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.scribe-template-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.scribe-template-item:hover{background:var(--scribe-bg-transcript)}.scribe-template-item:not(:last-child){border-bottom:1px solid var(--scribe-border-color)}.scribe-template-name{font-weight:500;color:var(--scribe-text-color)}.scribe-template-desc{font-size:.75rem;color:var(--scribe-text-partial);margin-top:.25rem}@keyframes pulse-recording{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 8px #f4433600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scribe-playback{padding:1rem}.scribe-loading,.scribe-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--scribe-text-partial)}.scribe-player{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--scribe-bg-transcript);border-radius:var(--scribe-border-radius);margin-bottom:1rem}.scribe-btn--play{width:48px;height:48px;border-radius:50%;background:var(--scribe-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;flex-shrink:0}.scribe-btn--play:hover{background:var(--scribe-primary-dark)}.scribe-timeline{flex:1;position:relative}.scribe-timeline-slider{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background:var(--scribe-level-bg);border-radius:3px;outline:none}.scribe-timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer}.scribe-timeline-slider::-moz-range-thumb{width:14px;height:14px;background:var(--scribe-primary);border-radius:50%;cursor:pointer;border:none}.scribe-time{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--scribe-text-partial);white-space:nowrap}.scribe-speed{padding:.375rem .5rem;border-radius:4px;border:1px solid var(--scribe-border-color);background:var(--scribe-bg);font-size:.875rem;cursor:pointer}.scribe-transcript-playback{max-height:400px;overflow-y:auto;scroll-behavior:smooth;padding:.5rem}.scribe-segment{padding:.75rem 1rem;margin-bottom:.5rem;border-left:3px solid var(--speaker-color, var(--scribe-border-color));background:var(--scribe-bg);border-radius:0 var(--scribe-border-radius) var(--scribe-border-radius) 0;cursor:pointer;transition:background .2s ease}.scribe-segment:hover{background:var(--scribe-bg-transcript)}.scribe-segment--active{background:#4caf501a;border-left-color:var(--scribe-primary)}.scribe-segment-text{margin:.25rem 0 0;line-height:1.6}.scribe-word{transition:background .15s ease,color .15s ease;padding:0 1px;border-radius:2px}.scribe-word:hover{background:#0000000d;cursor:pointer}.scribe-word--active{background:var(--scribe-primary);color:#fff}.scribe-speaker-label-wrapper{position:relative;display:inline-block}.scribe-speaker-label--editable{cursor:pointer;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;transition:all .15s ease}.scribe-speaker-label--editable:hover{border-color:#ffffff4d}.scribe-speaker-label--low-confidence{border-color:var(--scribe-warning, #f59e0b)!important}.scribe-chevron{opacity:.7}.scribe-warning{font-size:.875rem;margin-left:2px}.scribe-speaker-dropdown{position:absolute;top:100%;left:0;z-index:100;min-width:140px;margin-top:4px;background:var(--scribe-bg);border:1px solid var(--scribe-border-color);border-radius:6px;box-shadow:0 4px 12px #00000026;padding:4px}.scribe-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-family:var(--scribe-font-family);font-size:.875rem;text-align:left;border-radius:4px;color:var(--scribe-text-color)}.scribe-dropdown-item:hover{background:var(--scribe-bg-transcript)}.scribe-dropdown-icon{font-size:1rem}.scribe-dropdown-divider{height:1px;background:var(--scribe-border-color);margin:4px 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onDocumentClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]