@medc-com-br/ngx-jaimes-scribe 0.1.2 → 0.1.4

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

@@ -0,0 +1,1397 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, NgZone, ElementRef, input, output, signal, computed, effect, HostListener, Component } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+const DEFAULT_CONFIG$2 = {
+    speechThreshold: 8,
+    silenceThreshold: 3,
+    silenceDebounceMs: 1500,
+};
+class VadService {
+    state = 'idle';
+    silenceStartTime = null;
+    config = { ...DEFAULT_CONFIG$2 };
+    state$ = new BehaviorSubject('idle');
+    analyzeLevel(level) {
+        const now = Date.now();
+        if (level >= this.config.speechThreshold) {
+            this.state = 'speech';
+            this.silenceStartTime = null;
+            this.state$.next('speech');
+            return { isSilence: false };
+        }
+        if (level < this.config.silenceThreshold) {
+            if (this.state === 'speech') {
+                this.silenceStartTime = now;
+                this.state = 'silence_pending';
+            }
+            else if (this.state === 'silence_pending' && this.silenceStartTime) {
+                if (now - this.silenceStartTime >= this.config.silenceDebounceMs) {
+                    this.state = 'silence';
+                    this.state$.next('silence');
+                }
+            }
+        }
+        else {
+            if (this.state === 'silence_pending') {
+                this.state = 'speech';
+                this.silenceStartTime = null;
+            }
+        }
+        return { isSilence: this.state === 'silence' };
+    }
+    reset() {
+        this.state = 'idle';
+        this.silenceStartTime = null;
+        this.state$.next('idle');
+    }
+    getState() {
+        return this.state;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VadService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: VadService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const AUDIO_CAPTURE_CONFIG = new InjectionToken('AUDIO_CAPTURE_CONFIG');
+const DEFAULT_CONFIG$1 = {
+    workletUrl: '/assets/pcm-processor.js',
+    levelUpdateInterval: 50,
+};
+class AudioCaptureService {
+    config;
+    ngZone;
+    vadService;
+    audioContext = null;
+    workletNode = null;
+    analyserNode = null;
+    source = null;
+    stream = null;
+    workletRegistered = false;
+    levelInterval = null;
+    paused = false;
+    audioChunkSubject = new Subject();
+    audioLevelSubject = new BehaviorSubject(0);
+    errorSubject = new Subject();
+    audioChunk$ = this.audioChunkSubject.asObservable();
+    audioLevel$ = this.audioLevelSubject.asObservable();
+    error$ = this.errorSubject.asObservable();
+    constructor() {
+        const injectedConfig = inject(AUDIO_CAPTURE_CONFIG, { optional: true });
+        this.config = injectedConfig ?? DEFAULT_CONFIG$1;
+        this.ngZone = inject(NgZone);
+        this.vadService = inject(VadService);
+    }
+    async startCapture() {
+        try {
+            this.stream = await navigator.mediaDevices.getUserMedia({
+                audio: {
+                    channelCount: 1,
+                    echoCancellation: true,
+                    noiseSuppression: true,
+                },
+            });
+            this.audioContext = new AudioContext();
+            if (!this.workletRegistered) {
+                await this.audioContext.audioWorklet.addModule(this.config.workletUrl);
+                this.workletRegistered = true;
+            }
+            this.workletNode = new AudioWorkletNode(this.audioContext, 'pcm-processor', {
+                processorOptions: {
+                    inputSampleRate: this.audioContext.sampleRate,
+                },
+            });
+            this.workletNode.port.onmessage = (event) => {
+                if (!this.paused) {
+                    const level = this.getAudioLevel();
+                    const { isSilence } = this.vadService.analyzeLevel(level);
+                    this.audioChunkSubject.next({ data: event.data, isSilence });
+                }
+            };
+            this.analyserNode = this.audioContext.createAnalyser();
+            this.analyserNode.fftSize = 256;
+            this.analyserNode.smoothingTimeConstant = 0.8;
+            this.source = this.audioContext.createMediaStreamSource(this.stream);
+            this.source.connect(this.analyserNode);
+            this.source.connect(this.workletNode);
+            this.startLevelMonitoring();
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error('Failed to start audio capture');
+            this.errorSubject.next(err);
+            throw err;
+        }
+    }
+    async stopCapture() {
+        this.stopLevelMonitoring();
+        this.paused = false;
+        this.vadService.reset();
+        if (this.workletNode) {
+            this.workletNode.port.close();
+            this.workletNode.disconnect();
+            this.workletNode = null;
+        }
+        if (this.analyserNode) {
+            this.analyserNode.disconnect();
+            this.analyserNode = null;
+        }
+        if (this.source) {
+            this.source.disconnect();
+            this.source = null;
+        }
+        if (this.audioContext) {
+            await this.audioContext.close();
+            this.audioContext = null;
+            this.workletRegistered = false;
+        }
+        if (this.stream) {
+            this.stream.getTracks().forEach((track) => track.stop());
+            this.stream = null;
+        }
+        this.audioLevelSubject.next(0);
+    }
+    pauseCapture() {
+        if (this.isCapturing() && !this.paused) {
+            this.paused = true;
+        }
+    }
+    resumeCapture() {
+        if (this.isCapturing() && this.paused) {
+            this.paused = false;
+        }
+    }
+    isCapturing() {
+        return this.workletNode !== null && this.stream !== null;
+    }
+    isPaused() {
+        return this.paused;
+    }
+    getSampleRate() {
+        return this.audioContext?.sampleRate ?? null;
+    }
+    startLevelMonitoring() {
+        this.stopLevelMonitoring();
+        this.ngZone.runOutsideAngular(() => {
+            this.levelInterval = setInterval(() => {
+                const level = this.getAudioLevel();
+                this.ngZone.run(() => {
+                    this.audioLevelSubject.next(level);
+                });
+            }, this.config.levelUpdateInterval);
+        });
+    }
+    stopLevelMonitoring() {
+        if (this.levelInterval) {
+            clearInterval(this.levelInterval);
+            this.levelInterval = null;
+        }
+    }
+    getAudioLevel() {
+        if (!this.analyserNode) {
+            return 0;
+        }
+        const dataArray = new Uint8Array(this.analyserNode.frequencyBinCount);
+        this.analyserNode.getByteFrequencyData(dataArray);
+        const sum = dataArray.reduce((acc, val) => acc + val, 0);
+        const average = sum / dataArray.length;
+        return Math.round((average / 255) * 100);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AudioCaptureService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AudioCaptureService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AudioCaptureService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const SCRIBE_SOCKET_CONFIG = new InjectionToken('SCRIBE_SOCKET_CONFIG');
+const DEFAULT_CONFIG = {
+    reconnectAttempts: 5,
+    reconnectBaseDelay: 1000,
+    chunkBufferInterval: 250,
+};
+class ScribeSocketService {
+    config;
+    ngZone;
+    ws = null;
+    wsUrl = null;
+    token = null;
+    premium = false;
+    reconnectAttempt = 0;
+    reconnectTimeout = null;
+    intentionalClose = false;
+    chunkBuffer = [];
+    sendInterval = null;
+    keepaliveInterval = null;
+    currentlyInSilence = false;
+    connectionStateSubject = new BehaviorSubject('disconnected');
+    transcriptionSubject = new Subject();
+    errorSubject = new Subject();
+    sessionIdSubject = new BehaviorSubject(null);
+    connectionState$ = this.connectionStateSubject.asObservable();
+    transcription$ = this.transcriptionSubject.asObservable();
+    error$ = this.errorSubject.asObservable();
+    sessionId$ = this.sessionIdSubject.asObservable();
+    constructor() {
+        const injectedConfig = inject(SCRIBE_SOCKET_CONFIG, { optional: true });
+        this.config = injectedConfig ?? DEFAULT_CONFIG;
+        this.ngZone = inject(NgZone);
+    }
+    async connect(url, token, premium = false) {
+        if (this.connectionStateSubject.getValue() === 'connecting') {
+            throw new Error('Connection already in progress');
+        }
+        if (this.isConnected()) {
+            this.disconnect();
+        }
+        this.clearReconnectTimeout();
+        this.wsUrl = url;
+        this.token = token;
+        this.premium = premium;
+        this.intentionalClose = false;
+        this.reconnectAttempt = 0;
+        return this.createConnection();
+    }
+    disconnect() {
+        this.intentionalClose = true;
+        this.flushAndStopBuffering();
+        this.clearReconnectTimeout();
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+            this.ws.close(1000, 'Client disconnect');
+        }
+        this.ws = null;
+        this.connectionStateSubject.next('disconnected');
+        this.sessionIdSubject.next(null);
+    }
+    sendAudioChunk(chunk, isSilence) {
+        const message = JSON.stringify({
+            type: 'audio',
+            isSilence,
+            data: this.arrayBufferToBase64(chunk),
+        });
+        this.chunkBuffer.push(message);
+        if (isSilence && !this.currentlyInSilence) {
+            this.currentlyInSilence = true;
+            this.startKeepaliveInterval();
+        }
+        else if (!isSilence && this.currentlyInSilence) {
+            this.currentlyInSilence = false;
+            this.stopKeepaliveInterval();
+        }
+    }
+    startKeepaliveInterval() {
+        this.stopKeepaliveInterval();
+        this.keepaliveInterval = setInterval(() => {
+            if (this.isConnected()) {
+                this.ws.send(JSON.stringify({ type: 'keepalive' }));
+            }
+        }, 3000);
+    }
+    stopKeepaliveInterval() {
+        if (this.keepaliveInterval) {
+            clearInterval(this.keepaliveInterval);
+            this.keepaliveInterval = null;
+        }
+    }
+    arrayBufferToBase64(buffer) {
+        const bytes = new Uint8Array(buffer);
+        let binary = '';
+        for (let i = 0; i < bytes.byteLength; i++) {
+            binary += String.fromCharCode(bytes[i]);
+        }
+        return btoa(binary);
+    }
+    isConnected() {
+        return this.ws?.readyState === WebSocket.OPEN;
+    }
+    getSessionId() {
+        return this.sessionIdSubject.getValue();
+    }
+    createConnection() {
+        return new Promise((resolve, reject) => {
+            if (!this.wsUrl) {
+                reject(new Error('WebSocket URL is required'));
+                return;
+            }
+            this.connectionStateSubject.next('connecting');
+            const params = new URLSearchParams({ premium: String(this.premium) });
+            if (this.token) {
+                params.set('token', this.token);
+            }
+            const url = `${this.wsUrl}?${params.toString()}`;
+            this.ws = new WebSocket(url);
+            this.ws.binaryType = 'arraybuffer';
+            this.ws.onopen = () => {
+                this.ngZone.run(() => {
+                    this.reconnectAttempt = 0;
+                    this.connectionStateSubject.next('connected');
+                    this.startBuffering();
+                    resolve();
+                });
+            };
+            this.ws.onerror = () => {
+                this.ngZone.run(() => {
+                    const error = new Error('WebSocket connection error');
+                    this.errorSubject.next(error);
+                    if (this.connectionStateSubject.getValue() === 'connecting') {
+                        reject(error);
+                    }
+                });
+            };
+            this.ws.onmessage = (event) => {
+                this.ngZone.run(() => {
+                    try {
+                        const data = JSON.parse(event.data);
+                        if (data.type === 'connected' && data.sessionId) {
+                            this.sessionIdSubject.next(data.sessionId);
+                        }
+                        this.transcriptionSubject.next(data);
+                    }
+                    catch (e) {
+                        const error = new Error(`Failed to parse WebSocket message: ${e instanceof Error ? e.message : String(e)}`);
+                        console.error(error.message);
+                        this.errorSubject.next(error);
+                    }
+                });
+            };
+            this.ws.onclose = (event) => {
+                this.ngZone.run(() => {
+                    this.stopBuffering();
+                    if (!this.intentionalClose && event.code !== 1000) {
+                        this.attemptReconnect();
+                    }
+                    else {
+                        this.connectionStateSubject.next('disconnected');
+                        this.sessionIdSubject.next(null);
+                    }
+                });
+            };
+        });
+    }
+    attemptReconnect() {
+        if (this.reconnectAttempt >= this.config.reconnectAttempts) {
+            this.connectionStateSubject.next('disconnected');
+            this.errorSubject.next(new Error('Max reconnection attempts reached'));
+            return;
+        }
+        this.connectionStateSubject.next('reconnecting');
+        const delay = this.config.reconnectBaseDelay * Math.pow(2, this.reconnectAttempt);
+        this.reconnectAttempt++;
+        this.reconnectTimeout = setTimeout(() => {
+            this.createConnection().catch(() => { });
+        }, delay);
+    }
+    clearReconnectTimeout() {
+        if (this.reconnectTimeout) {
+            clearTimeout(this.reconnectTimeout);
+            this.reconnectTimeout = null;
+        }
+    }
+    startBuffering() {
+        this.stopBuffering();
+        this.sendInterval = setInterval(() => {
+            if (this.chunkBuffer.length > 0 && this.isConnected()) {
+                for (const msg of this.chunkBuffer) {
+                    this.ws.send(msg);
+                }
+                this.chunkBuffer = [];
+            }
+        }, this.config.chunkBufferInterval);
+    }
+    flushAndStopBuffering() {
+        if (this.sendInterval) {
+            clearInterval(this.sendInterval);
+            this.sendInterval = null;
+        }
+        if (this.chunkBuffer.length > 0 && this.isConnected()) {
+            for (const msg of this.chunkBuffer) {
+                this.ws.send(msg);
+            }
+        }
+        this.chunkBuffer = [];
+        this.stopKeepaliveInterval();
+        this.currentlyInSilence = false;
+    }
+    stopBuffering() {
+        if (this.sendInterval) {
+            clearInterval(this.sendInterval);
+            this.sendInterval = null;
+        }
+        this.chunkBuffer = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScribeSocketService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScribeSocketService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScribeSocketService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+const SAMPLE_RATE = 16000;
+const NUM_CHANNELS = 1;
+const BITS_PER_SAMPLE = 16;
+function writeString(view, offset, str) {
+    for (let i = 0; i < str.length; i++) {
+        view.setUint8(offset + i, str.charCodeAt(i));
+    }
+}
+function concatBuffers(buffer1, buffer2) {
+    const combined = new Uint8Array(buffer1.byteLength + buffer2.byteLength);
+    combined.set(new Uint8Array(buffer1), 0);
+    combined.set(new Uint8Array(buffer2), buffer1.byteLength);
+    return combined.buffer;
+}
+function pcmToWav(pcmData, sampleRate = SAMPLE_RATE) {
+    const header = new ArrayBuffer(44);
+    const view = new DataView(header);
+    const byteRate = sampleRate * NUM_CHANNELS * (BITS_PER_SAMPLE / 8);
+    const blockAlign = NUM_CHANNELS * (BITS_PER_SAMPLE / 8);
+    // RIFF chunk descriptor
+    writeString(view, 0, 'RIFF');
+    view.setUint32(4, 36 + pcmData.byteLength, true);
+    writeString(view, 8, 'WAVE');
+    // fmt sub-chunk
+    writeString(view, 12, 'fmt ');
+    view.setUint32(16, 16, true); // SubChunk1Size (16 for PCM)
+    view.setUint16(20, 1, true); // AudioFormat (1 = PCM)
+    view.setUint16(22, NUM_CHANNELS, true); // NumChannels
+    view.setUint32(24, sampleRate, true); // SampleRate
+    view.setUint32(28, byteRate, true); // ByteRate
+    view.setUint16(32, blockAlign, true); // BlockAlign
+    view.setUint16(34, BITS_PER_SAMPLE, true); // BitsPerSample
+    // data sub-chunk
+    writeString(view, 36, 'data');
+    view.setUint32(40, pcmData.byteLength, true);
+    return concatBuffers(header, pcmData);
+}
+function createAudioBlobUrl(wavData) {
+    const blob = new Blob([wavData], { type: 'audio/wav' });
+    return URL.createObjectURL(blob);
+}
+function formatTime(seconds) {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+
+const SPEAKER_LABELS = {
+    0: 'Pessoa 1',
+    1: 'Pessoa 2',
+    2: 'Pessoa 3',
+    3: 'Pessoa 4',
+};
+class RecorderComponent {
+    audioCapture = inject(AudioCaptureService);
+    socket = inject(ScribeSocketService);
+    elementRef = inject(ElementRef);
+    subscriptions = [];
+    entryIdCounter = 0;
+    generateAbortController = null;
+    onDocumentClick(event) {
+        if (!this.showTemplateMenu())
+            return;
+        const target = event.target;
+        if (!this.elementRef.nativeElement.contains(target)) {
+            this.showTemplateMenu.set(false);
+        }
+    }
+    wsUrl = input('');
+    token = input('');
+    speakerLabels = input({});
+    premium = input(false);
+    templates = input([]);
+    lambdaUrl = input('');
+    sessionId = input();
+    apiUrl = input('');
+    sessionStarted = output();
+    sessionFinished = output();
+    error = output();
+    documentGenerated = output();
+    generationError = output();
+    isRecording = signal(false);
+    isPaused = signal(false);
+    audioLevel = signal(0);
+    connectionState = signal('disconnected');
+    entries = signal([]);
+    partialText = signal('');
+    currentSpeaker = signal(undefined);
+    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());
+    speakerGroups = computed(() => {
+        const allEntries = this.entries();
+        if (allEntries.length === 0)
+            return [];
+        const groups = [];
+        let currentGroup = null;
+        for (const entry of allEntries) {
+            if (!currentGroup || currentGroup.speaker !== entry.speaker) {
+                currentGroup = { speaker: entry.speaker, entries: [] };
+                groups.push(currentGroup);
+            }
+            currentGroup.entries.push(entry);
+        }
+        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.socket.sendAudioChunk(data, isSilence);
+        }));
+        effect(() => {
+            const sid = this.sessionId();
+            const api = this.apiUrl();
+            const tok = this.token();
+            if (sid && api && this.mode() === 'playback') {
+                this.loadSession();
+            }
+        });
+    }
+    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;
+        }
+    }
+    getSpeakerLabel(speaker) {
+        const customLabels = this.speakerLabels();
+        if (customLabels[speaker]) {
+            return customLabels[speaker];
+        }
+        return SPEAKER_LABELS[speaker] || `Pessoa ${speaker + 1}`;
+    }
+    shouldShowSpeakerLabel(segmentIndex) {
+        const segs = this.segments();
+        if (segmentIndex === 0)
+            return true;
+        const currentSpeaker = segs[segmentIndex]?.speaker;
+        const previousSpeaker = segs[segmentIndex - 1]?.speaker;
+        return currentSpeaker !== previousSpeaker;
+    }
+    getMicButtonLabel() {
+        if (this.isPaused()) {
+            return 'Retomar gravação';
+        }
+        if (this.isRecording()) {
+            return 'Pausar gravação';
+        }
+        return 'Iniciar gravação';
+    }
+    async toggleRecording() {
+        if (this.isPaused()) {
+            this.resumeRecording();
+        }
+        else if (this.isRecording()) {
+            this.pauseRecording();
+        }
+        else {
+            await this.startRecording();
+        }
+    }
+    pauseRecording() {
+        if (!this.isRecording() || this.isPaused())
+            return;
+        this.audioCapture.pauseCapture();
+        this.isPaused.set(true);
+    }
+    resumeRecording() {
+        if (!this.isPaused())
+            return;
+        this.audioCapture.resumeCapture();
+        this.isPaused.set(false);
+    }
+    async finishSession() {
+        if (!this.isRecording() && !this.isPaused())
+            return;
+        const sessionId = this.socket.getSessionId();
+        await this.stopRecording();
+        const allEntries = this.entries();
+        const fullTranscript = allEntries.map((e) => e.text).join(' ');
+        this.sessionFinished.emit({ transcript: fullTranscript, entries: allEntries });
+        this.partialText.set('');
+        this.currentSpeaker.set(undefined);
+        this.lastSessionId.set(sessionId);
+    }
+    toggleTemplateMenu() {
+        this.showTemplateMenu.update((v) => !v);
+    }
+    async selectTemplate(template) {
+        if (this.isGenerating())
+            return;
+        this.showTemplateMenu.set(false);
+        const lambdaUrl = this.lambdaUrl();
+        if (!lambdaUrl) {
+            this.generationError.emit(new Error('Lambda URL not provided'));
+            return;
+        }
+        const sessionId = this.lastSessionId();
+        if (!sessionId) {
+            this.generationError.emit(new Error('No session available'));
+            return;
+        }
+        this.generateAbortController?.abort();
+        this.generateAbortController = new AbortController();
+        this.isGenerating.set(true);
+        try {
+            const headers = { 'Content-Type': 'application/json' };
+            const token = this.token();
+            if (token) {
+                headers['Authorization'] = `Bearer ${token}`;
+            }
+            const response = await fetch(`${lambdaUrl}/generate`, {
+                method: 'POST',
+                headers,
+                signal: this.generateAbortController.signal,
+                body: JSON.stringify({
+                    sessionId,
+                    outputSchema: template.content,
+                }),
+            });
+            if (!response.ok) {
+                const errorData = await response.json().catch(() => ({}));
+                throw new Error(errorData.error || `HTTP ${response.status}`);
+            }
+            const result = await response.json();
+            this.documentGenerated.emit({
+                sessionId,
+                templateId: template.id,
+                content: result.content,
+                generatedAt: result.generatedAt,
+            });
+        }
+        catch (err) {
+            if (err instanceof Error && err.name === 'AbortError')
+                return;
+            this.generationError.emit(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            this.isGenerating.set(false);
+        }
+    }
+    async loadSession() {
+        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);
+        }
+        catch (err) {
+            this.error.emit(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            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());
+            await this.audioCapture.startCapture();
+            this.isRecording.set(true);
+            this.isPaused.set(false);
+            const sessionId = this.socket.getSessionId();
+            if (sessionId) {
+                this.sessionStarted.emit(sessionId);
+            }
+        }
+        catch (err) {
+            this.error.emit(err instanceof Error ? err : new Error('Failed to start recording'));
+            await this.cleanup();
+        }
+    }
+    async stopRecording() {
+        await this.audioCapture.stopCapture();
+        this.socket.disconnect();
+        this.isRecording.set(false);
+        this.isPaused.set(false);
+    }
+    async cleanup() {
+        await this.audioCapture.stopCapture();
+        this.socket.disconnect();
+        this.isRecording.set(false);
+        this.isPaused.set(false);
+    }
+    handleTranscription(event) {
+        if (!event.transcript)
+            return;
+        if (event.type === 'final') {
+            const entry = {
+                id: ++this.entryIdCounter,
+                text: event.transcript,
+                speaker: event.speaker,
+                isFinal: true,
+                startTime: event.start,
+                endTime: event.end,
+            };
+            this.entries.update((entries) => [...entries, entry]);
+            this.partialText.set('');
+            this.currentSpeaker.set(undefined);
+        }
+        else if (event.type === 'partial') {
+            this.partialText.set(event.transcript);
+            this.currentSpeaker.set(event.speaker);
+        }
+    }
+    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 } }, outputs: { sessionStarted: "sessionStarted", sessionFinished: "sessionFinished", error: "error", documentGenerated: "documentGenerated", generationError: "generationError" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0, template: `
+    <div class="scribe-recorder">
+      @if (mode() === 'playback') {
+        <!-- Playback Mode -->
+        <div class="scribe-playback">
+          @if (isLoadingSession()) {
+            <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()) {
+            <!-- Audio Player -->
+            <div class="scribe-player">
+              <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>
+
+              <div class="scribe-timeline">
+                <input
+                  type="range"
+                  class="scribe-timeline-slider"
+                  [min]="0"
+                  [max]="audioDuration()"
+                  [value]="audioCurrentTime()"
+                  step="0.1"
+                  (input)="seekTo($event)"
+                  aria-label="Posição do áudio"
+                />
+                <div class="scribe-time">
+                  {{ formatTimeDisplay(audioCurrentTime()) }} / {{ formatTimeDisplay(audioDuration()) }}
+                </div>
+              </div>
+
+              <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>
+
+            <!-- Transcription with Highlight -->
+            <div class="scribe-transcript-playback">
+              @for (segment of segments(); track segment.id; let idx = $index) {
+                <div
+                  class="scribe-segment"
+                  [class.scribe-segment--active]="activeSegmentId() === segment.id"
+                  [style.--speaker-color]="getSpeakerColor(segment.speaker)"
+                  [attr.data-segment-id]="segment.id"
+                  (click)="seekToSegment(segment)"
+                >
+                  @if (segment.speaker !== undefined && shouldShowSpeakerLabel(idx)) {
+                    <span class="scribe-speaker-label" [class]="'scribe-speaker--' + segment.speaker">
+                      {{ getSpeakerLabel(segment.speaker) }}
+                    </span>
+                  }
+
+                  <p class="scribe-segment-text">
+                    @if (segment.words?.length) {
+                      @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)"
+                        >{{ word.word }}</span>{{ ' ' }}
+                      }
+                    } @else {
+                      {{ segment.text }}
+                    }
+                  </p>
+                </div>
+              }
+              @if (segments().length === 0) {
+                <span class="scribe-placeholder">Nenhuma transcrição disponível.</span>
+              }
+            </div>
+          } @else {
+            <div class="scribe-error">
+              <span>Não foi possível carregar a sessão.</span>
+            </div>
+          }
+        </div>
+      } @else {
+        <!-- Recording Mode -->
+        <div class="scribe-controls">
+        @if (!hasFinishedSession()) {
+          <button
+            class="scribe-btn scribe-btn--mic"
+            [class.scribe-btn--active]="isRecording() && !isPaused()"
+            [class.scribe-btn--paused]="isPaused()"
+            [class.scribe-btn--connecting]="connectionState() === 'connecting'"
+            [disabled]="connectionState() === 'connecting'"
+            (click)="toggleRecording()"
+            [attr.aria-label]="getMicButtonLabel()"
+          >
+            @if (connectionState() === 'connecting') {
+              <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>
+            } @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"/>
+              </svg>
+            }
+          </button>
+
+          <div class="scribe-level" [class.scribe-level--active]="isRecording() && !isPaused()">
+            <div class="scribe-level__fill" [style.width.%]="isPaused() ? 0 : audioLevel()"></div>
+          </div>
+
+          <button
+            class="scribe-btn scribe-btn--finish"
+            [disabled]="!isRecording() && !isPaused()"
+            (click)="finishSession()"
+            aria-label="Finalizar gravação"
+          >
+            <svg class="scribe-icon" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+              <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+            </svg>
+            <span>Finalizar</span>
+          </button>
+        }
+
+        @if (hasFinishedSession() && templates().length > 0) {
+          <div class="scribe-generate-container">
+            <button
+              class="scribe-btn scribe-btn--generate"
+              [disabled]="isGenerating()"
+              [attr.aria-expanded]="showTemplateMenu()"
+              aria-haspopup="menu"
+              (click)="toggleTemplateMenu()"
+              aria-label="Gerar resumo"
+            >
+              @if (isGenerating()) {
+                <svg class="scribe-icon scribe-icon--spinner" viewBox="0 0 24 24" width="20" height="20">
+                  <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
+                </svg>
+                <span>Gerando...</span>
+              } @else {
+                <svg class="scribe-icon" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+                  <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zm-3-7h-2v2h-2v-2H9v-2h2V9h2v2h2v2z"/>
+                </svg>
+                <span>Gerar Resumo</span>
+              }
+            </button>
+
+            @if (showTemplateMenu()) {
+              <div class="scribe-template-menu" role="menu">
+                @for (template of templates(); track template.id) {
+                  <button
+                    class="scribe-template-item"
+                    role="menuitem"
+                    (click)="selectTemplate(template)"
+                  >
+                    <span class="scribe-template-name">{{ template.name }}</span>
+                    @if (template.description) {
+                      <span class="scribe-template-desc">{{ template.description }}</span>
+                    }
+                  </button>
+                }
+              </div>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="scribe-transcript" [class.scribe-transcript--empty]="speakerGroups().length === 0 && !partialText()">
+        @if (speakerGroups().length === 0 && !partialText()) {
+          <span class="scribe-placeholder">A transcrição aparecerá aqui...</span>
+        } @else {
+          @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>
+              }
+              <div class="scribe-speaker-text">
+                @for (entry of group.entries; track entry.id) {
+                  <span class="scribe-text scribe-text--final">{{ entry.text }} </span>
+                }
+              </div>
+            </div>
+          }
+          @if (partialText()) {
+            <div class="scribe-speaker-block scribe-speaker-block--partial">
+              @if (currentSpeaker() !== undefined && currentSpeaker() !== null) {
+                <span class="scribe-speaker-label" [class]="'scribe-speaker--' + currentSpeaker()">
+                  {{ getSpeakerLabel(currentSpeaker()!) }}
+                </span>
+              }
+              <div class="scribe-speaker-text">
+                <span class="scribe-text scribe-text--partial">{{ partialText() }}</span>
+              </div>
+            </div>
+          }
+        }
+      </div>
+      }
+    </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;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;display:flex;flex-direction:column;gap:.25rem}.scribe-timeline-slider{width:100%;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)}.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 }] });
+}
+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: `
+    <div class="scribe-recorder">
+      @if (mode() === 'playback') {
+        <!-- Playback Mode -->
+        <div class="scribe-playback">
+          @if (isLoadingSession()) {
+            <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()) {
+            <!-- Audio Player -->
+            <div class="scribe-player">
+              <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>
+
+              <div class="scribe-timeline">
+                <input
+                  type="range"
+                  class="scribe-timeline-slider"
+                  [min]="0"
+                  [max]="audioDuration()"
+                  [value]="audioCurrentTime()"
+                  step="0.1"
+                  (input)="seekTo($event)"
+                  aria-label="Posição do áudio"
+                />
+                <div class="scribe-time">
+                  {{ formatTimeDisplay(audioCurrentTime()) }} / {{ formatTimeDisplay(audioDuration()) }}
+                </div>
+              </div>
+
+              <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>
+
+            <!-- Transcription with Highlight -->
+            <div class="scribe-transcript-playback">
+              @for (segment of segments(); track segment.id; let idx = $index) {
+                <div
+                  class="scribe-segment"
+                  [class.scribe-segment--active]="activeSegmentId() === segment.id"
+                  [style.--speaker-color]="getSpeakerColor(segment.speaker)"
+                  [attr.data-segment-id]="segment.id"
+                  (click)="seekToSegment(segment)"
+                >
+                  @if (segment.speaker !== undefined && shouldShowSpeakerLabel(idx)) {
+                    <span class="scribe-speaker-label" [class]="'scribe-speaker--' + segment.speaker">
+                      {{ getSpeakerLabel(segment.speaker) }}
+                    </span>
+                  }
+
+                  <p class="scribe-segment-text">
+                    @if (segment.words?.length) {
+                      @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)"
+                        >{{ word.word }}</span>{{ ' ' }}
+                      }
+                    } @else {
+                      {{ segment.text }}
+                    }
+                  </p>
+                </div>
+              }
+              @if (segments().length === 0) {
+                <span class="scribe-placeholder">Nenhuma transcrição disponível.</span>
+              }
+            </div>
+          } @else {
+            <div class="scribe-error">
+              <span>Não foi possível carregar a sessão.</span>
+            </div>
+          }
+        </div>
+      } @else {
+        <!-- Recording Mode -->
+        <div class="scribe-controls">
+        @if (!hasFinishedSession()) {
+          <button
+            class="scribe-btn scribe-btn--mic"
+            [class.scribe-btn--active]="isRecording() && !isPaused()"
+            [class.scribe-btn--paused]="isPaused()"
+            [class.scribe-btn--connecting]="connectionState() === 'connecting'"
+            [disabled]="connectionState() === 'connecting'"
+            (click)="toggleRecording()"
+            [attr.aria-label]="getMicButtonLabel()"
+          >
+            @if (connectionState() === 'connecting') {
+              <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>
+            } @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"/>
+              </svg>
+            }
+          </button>
+
+          <div class="scribe-level" [class.scribe-level--active]="isRecording() && !isPaused()">
+            <div class="scribe-level__fill" [style.width.%]="isPaused() ? 0 : audioLevel()"></div>
+          </div>
+
+          <button
+            class="scribe-btn scribe-btn--finish"
+            [disabled]="!isRecording() && !isPaused()"
+            (click)="finishSession()"
+            aria-label="Finalizar gravação"
+          >
+            <svg class="scribe-icon" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+              <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
+            </svg>
+            <span>Finalizar</span>
+          </button>
+        }
+
+        @if (hasFinishedSession() && templates().length > 0) {
+          <div class="scribe-generate-container">
+            <button
+              class="scribe-btn scribe-btn--generate"
+              [disabled]="isGenerating()"
+              [attr.aria-expanded]="showTemplateMenu()"
+              aria-haspopup="menu"
+              (click)="toggleTemplateMenu()"
+              aria-label="Gerar resumo"
+            >
+              @if (isGenerating()) {
+                <svg class="scribe-icon scribe-icon--spinner" viewBox="0 0 24 24" width="20" height="20">
+                  <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="32" stroke-linecap="round"/>
+                </svg>
+                <span>Gerando...</span>
+              } @else {
+                <svg class="scribe-icon" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
+                  <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11zm-3-7h-2v2h-2v-2H9v-2h2V9h2v2h2v2z"/>
+                </svg>
+                <span>Gerar Resumo</span>
+              }
+            </button>
+
+            @if (showTemplateMenu()) {
+              <div class="scribe-template-menu" role="menu">
+                @for (template of templates(); track template.id) {
+                  <button
+                    class="scribe-template-item"
+                    role="menuitem"
+                    (click)="selectTemplate(template)"
+                  >
+                    <span class="scribe-template-name">{{ template.name }}</span>
+                    @if (template.description) {
+                      <span class="scribe-template-desc">{{ template.description }}</span>
+                    }
+                  </button>
+                }
+              </div>
+            }
+          </div>
+        }
+      </div>
+
+      <div class="scribe-transcript" [class.scribe-transcript--empty]="speakerGroups().length === 0 && !partialText()">
+        @if (speakerGroups().length === 0 && !partialText()) {
+          <span class="scribe-placeholder">A transcrição aparecerá aqui...</span>
+        } @else {
+          @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>
+              }
+              <div class="scribe-speaker-text">
+                @for (entry of group.entries; track entry.id) {
+                  <span class="scribe-text scribe-text--final">{{ entry.text }} </span>
+                }
+              </div>
+            </div>
+          }
+          @if (partialText()) {
+            <div class="scribe-speaker-block scribe-speaker-block--partial">
+              @if (currentSpeaker() !== undefined && currentSpeaker() !== null) {
+                <span class="scribe-speaker-label" [class]="'scribe-speaker--' + currentSpeaker()">
+                  {{ getSpeakerLabel(currentSpeaker()!) }}
+                </span>
+              }
+              <div class="scribe-speaker-text">
+                <span class="scribe-text scribe-text--partial">{{ partialText() }}</span>
+              </div>
+            </div>
+          }
+        }
+      </div>
+      }
+    </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;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;display:flex;flex-direction:column;gap:.25rem}.scribe-timeline-slider{width:100%;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)}.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"] }]
+        }], ctorParameters: () => [], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AUDIO_CAPTURE_CONFIG, AudioCaptureService, RecorderComponent, SCRIBE_SOCKET_CONFIG, ScribeSocketService, VadService };
+//# sourceMappingURL=medc-com-br-ngx-jaimes-scribe.mjs.map