@dssp/supervision 1.0.0-alpha.7 → 1.0.0-alpha.74

package/dist-client/stt/speech-to-text.js

@@ -1,15 +1,16 @@
-import { __decorate } from "tslib";
+import { __decorate, __metadata } from "tslib";
 import { LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 /**
  * SpeechToText (음성 인식) 웹 컴포넌트
  *
  * - 음성 인식 시작/중지 메서드 제공
  * - 인식 결과/에러/상태를 커스텀 이벤트(stt-result, stt-error, stt-status)로 외부에 전달
  * - 버튼 등 UI는 포함하지 않음 (컨트롤은 외부에서)
+ * - Google Cloud Speech API 사용
  *
  * 사용 예시:
- * <speech-to-text id="stt"></speech-to-text>
+ * <speech-to-text id="stt" api-key="YOUR_API_KEY"></speech-to-text>
  *
  * // JS에서
  * const stt = document.getElementById('stt') as SpeechToText;
@@ -22,66 +23,307 @@ import { customElement } from 'lit/decorators.js';
 let SpeechToText = class SpeechToText extends LitElement {
     constructor() {
         super(...arguments);
-        this.recognition = null;
+        this.apiKey = 'AIzaSyCH3FPpY5ZCpcfUMjePH2Nhtueu6chgBDk';
+        this.mediaRecorder = null;
+        this.audioChunks = [];
+        this.isRecording = false;
+        this.stream = null;
+        this.isProcessing = false;
     }
     /**
      * 음성 인식 시작
      */
-    startListening() {
-        if (!('webkitSpeechRecognition' in window)) {
-            this.dispatchEvent(new CustomEvent('stt-error', { detail: { error: '지원되지 않는 브라우저입니다.' } }));
+    async startListening() {
+        if (!this.apiKey) {
+            this.dispatchEvent(new CustomEvent('stt-error', {
+                detail: { error: 'Google Cloud API key가 설정되지 않았습니다.' }
+            }));
+            return;
+        }
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+            this.dispatchEvent(new CustomEvent('stt-error', {
+                detail: { error: '지원되지 않는 브라우저입니다.' }
+            }));
             return;
         }
-        this.recognition = new window.webkitSpeechRecognition();
-        this.recognition.lang = 'ko-KR';
-        this.recognition.continuous = false;
-        this.recognition.interimResults = true;
-        this.recognition.onresult = (event) => {
-            let finalTranscript = '';
-            let interimTranscript = '';
-            for (let i = event.resultIndex; i < event.results.length; i++) {
-                if (event.results[i].isFinal) {
-                    finalTranscript += event.results[i][0].transcript;
+        if (this.isRecording || this.isProcessing) {
+            return;
+        }
+        // 이전 상태 완전 정리
+        this.cleanup();
+        try {
+            this.stream = await navigator.mediaDevices.getUserMedia({
+                audio: {
+                    echoCancellation: true,
+                    noiseSuppression: true,
+                    autoGainControl: true,
+                    sampleRate: 48000
                 }
-                else {
-                    interimTranscript += event.results[i][0].transcript;
+            });
+            let mimeType = 'audio/webm;codecs=opus';
+            if (!MediaRecorder.isTypeSupported(mimeType)) {
+                mimeType = 'audio/webm';
+                if (!MediaRecorder.isTypeSupported(mimeType)) {
+                    if (MediaRecorder.isTypeSupported('audio/mp4')) {
+                        mimeType = 'audio/mp4';
+                    }
+                    else if (MediaRecorder.isTypeSupported('audio/wav')) {
+                        mimeType = 'audio/wav';
+                    }
+                    else {
+                        mimeType = '';
+                    }
                 }
             }
-            this.dispatchEvent(new CustomEvent('stt-result', {
-                detail: {
-                    finalTranscript: finalTranscript.trim(),
-                    interimTranscript: interimTranscript.trim()
+            const recorderOptions = mimeType ? { mimeType } : {};
+            this.mediaRecorder = new MediaRecorder(this.stream, recorderOptions);
+            this.audioChunks = [];
+            this.isRecording = true;
+            this.mediaRecorder.ondataavailable = event => {
+                if (event.data.size > 0) {
+                    this.audioChunks.push(event.data);
                 }
-            }));
+            };
+            this.mediaRecorder.onstop = async () => {
+                const audioBlob = new Blob(this.audioChunks, { type: mimeType || 'audio/webm' });
+                if (audioBlob.size > 5000) {
+                    await this.processAudio(audioBlob);
+                }
+                else {
+                    this.dispatchEvent(new CustomEvent('stt-error', {
+                        detail: { error: '녹음이 너무 짧습니다.' }
+                    }));
+                    // 녹음이 짧을 때도 완료 처리
+                    this.finishRecording();
+                }
+                this.cleanup();
+            };
+            this.mediaRecorder.onerror = () => {
+                this.dispatchEvent(new CustomEvent('stt-error', {
+                    detail: { error: '녹음 오류 발생' }
+                }));
+                this.isRecording = false;
+            };
+            this.mediaRecorder.start();
             this.dispatchEvent(new CustomEvent('stt-status', {
-                detail: { status: `📝 Recognized: ${finalTranscript} ${interimTranscript}` }
+                detail: { status: '🎙️ Listening...' }
             }));
-        };
-        this.recognition.onerror = (event) => {
-            this.dispatchEvent(new CustomEvent('stt-error', { detail: { error: event.error } }));
-        };
-        this.recognition.onend = () => {
-            this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '음성 인식 종료' } }));
-        };
-        this.recognition.onstart = () => {
-            this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '🎙️ Listening...' } }));
-        };
-        this.recognition.start();
+        }
+        catch (error) {
+            this.dispatchEvent(new CustomEvent('stt-error', {
+                detail: { error: `마이크 접근 실패: ${error instanceof Error ? error.message : '알 수 없는 오류'}` }
+            }));
+            this.isRecording = false;
+        }
     }
     /**
      * 음성 인식 중지
      */
     stopListening() {
-        if (this.recognition) {
-            this.recognition.stop();
-            this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '🛑 Stopped listening.' } }));
+        if (this.mediaRecorder && this.mediaRecorder.state !== 'inactive') {
+            this.mediaRecorder.stop();
+        }
+        else {
+            // MediaRecorder가 없거나 이미 중지된 경우 즉시 정리
+            this.cleanup();
+            this.dispatchEvent(new CustomEvent('stt-status', {
+                detail: { status: '음성 인식 종료' }
+            }));
+        }
+    }
+    async processAudio(audioBlob) {
+        this.isProcessing = true;
+        this.dispatchEvent(new CustomEvent('stt-status', {
+            detail: { status: '🔄 음성을 텍스트로 변환 중...' }
+        }));
+        try {
+            const reader = new FileReader();
+            reader.readAsDataURL(audioBlob);
+            reader.onloadend = async () => {
+                const base64Audio = reader.result.split(',')[1];
+                await this.sendToGoogleSpeech(base64Audio);
+            };
+            reader.onerror = () => {
+                this.dispatchEvent(new CustomEvent('stt-error', {
+                    detail: { error: '오디오 처리 실패' }
+                }));
+                this.finishRecording();
+            };
+        }
+        catch (error) {
+            this.dispatchEvent(new CustomEvent('stt-error', {
+                detail: { error: '처리 중 오류 발생' }
+            }));
+            this.finishRecording();
+        }
+    }
+    async sendToGoogleSpeech(base64Audio) {
+        let encoding = 'WEBM_OPUS';
+        let sampleRate = 48000;
+        if (this.mediaRecorder && this.mediaRecorder.mimeType) {
+            const mimeType = this.mediaRecorder.mimeType.toLowerCase();
+            if (mimeType.includes('opus')) {
+                encoding = 'WEBM_OPUS';
+            }
+            else if (mimeType.includes('webm')) {
+                encoding = 'WEBM_OPUS';
+            }
+            else if (mimeType.includes('mp4')) {
+                encoding = 'MP3';
+            }
+            else if (mimeType.includes('wav')) {
+                encoding = 'LINEAR16';
+            }
+        }
+        const requestBody = {
+            config: {
+                encoding: encoding,
+                sampleRateHertz: sampleRate,
+                languageCode: 'ko-KR',
+                enableAutomaticPunctuation: true,
+                model: 'latest_long',
+                useEnhanced: true,
+                enableWordTimeOffsets: false,
+                enableWordConfidence: false,
+                maxAlternatives: 1,
+                speechContexts: [
+                    {
+                        phrases: [
+                            '1번',
+                            '2번',
+                            '3번',
+                            '4번',
+                            '5번',
+                            '6번',
+                            '7번',
+                            '합격',
+                            '불합격',
+                            '적합',
+                            '부적합',
+                            '기본업무',
+                            '시공',
+                            '자재',
+                            '도서',
+                            '모두',
+                            '전체',
+                            '초기화',
+                            '조치사항',
+                            '확인 필요',
+                            '기본 외 업무',
+                            '부터',
+                            '까지'
+                        ],
+                        boost: 20
+                    }
+                ]
+            },
+            audio: {
+                content: base64Audio
+            }
+        };
+        try {
+            const response = await fetch(`https://speech.googleapis.com/v1/speech:recognize?key=${this.apiKey}`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify(requestBody)
+            });
+            if (response.ok) {
+                const data = await response.json();
+                if (data.results && data.results.length > 0) {
+                    const finalTranscript = data.results.map((result) => result.alternatives[0].transcript).join(' ');
+                    this.dispatchEvent(new CustomEvent('stt-result', {
+                        detail: {
+                            finalTranscript: finalTranscript.trim(),
+                            interimTranscript: ''
+                        }
+                    }));
+                    this.dispatchEvent(new CustomEvent('stt-status', {
+                        detail: { status: `📝 Recognized: ${finalTranscript}` }
+                    }));
+                    // 음성 인식 완료 후 즉시 완료 처리
+                    this.finishRecording();
+                }
+                else {
+                    this.dispatchEvent(new CustomEvent('stt-result', {
+                        detail: {
+                            finalTranscript: '',
+                            interimTranscript: ''
+                        }
+                    }));
+                    this.dispatchEvent(new CustomEvent('stt-status', {
+                        detail: { status: '음성을 인식하지 못했습니다.' }
+                    }));
+                    // 인식 실패 시에도 즉시 완료 처리
+                    this.finishRecording();
+                }
+            }
+            else {
+                const error = await response.text();
+                let errorMessage = 'API 오류 발생';
+                try {
+                    const errorObj = JSON.parse(error);
+                    if (errorObj.error && errorObj.error.message) {
+                        errorMessage = errorObj.error.message;
+                    }
+                }
+                catch (e) {
+                    errorMessage = `HTTP ${response.status}`;
+                }
+                this.dispatchEvent(new CustomEvent('stt-error', {
+                    detail: { error: errorMessage }
+                }));
+                // API 오류 시에도 즉시 완료 처리
+                this.finishRecording();
+            }
+        }
+        catch (error) {
+            this.dispatchEvent(new CustomEvent('stt-error', {
+                detail: { error: `네트워크 오류: ${error instanceof Error ? error.message : '알 수 없는 오류'}` }
+            }));
+            // 네트워크 오류 시에도 즉시 완료 처리
+            this.finishRecording();
+        }
+    }
+    finishRecording() {
+        this.cleanup();
+        this.dispatchEvent(new CustomEvent('stt-status', {
+            detail: { status: '음성 인식 종료' }
+        }));
+    }
+    cleanup() {
+        // 모든 상태 완전 초기화
+        if (this.stream) {
+            this.stream.getTracks().forEach(track => {
+                track.stop();
+                track.enabled = false;
+            });
+            this.stream = null;
+        }
+        if (this.mediaRecorder) {
+            try {
+                if (this.mediaRecorder.state !== 'inactive') {
+                    this.mediaRecorder.stop();
+                }
+            }
+            catch (e) {
+                // MediaRecorder stop 에러 무시
+            }
+            this.mediaRecorder = null;
         }
+        this.audioChunks = [];
+        this.isRecording = false;
+        this.isProcessing = false;
     }
-    // UI 없음 (렌더링 X)
     render() {
         return null;
     }
 };
+__decorate([
+    property({ type: String, attribute: 'api-key' }),
+    __metadata("design:type", String)
+], SpeechToText.prototype, "apiKey", void 0);
 SpeechToText = __decorate([
     customElement('speech-to-text')
 ], SpeechToText);

package/dist-client/stt/speech-to-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"speech-to-text.js","sourceRoot":"","sources":["../../client/stt/speech-to-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * SpeechToText (음성 인식) 웹 컴포넌트\n *\n * - 음성 인식 시작/중지 메서드 제공\n * - 인식 결과/에러/상태를 커스텀 이벤트(stt-result, stt-error, stt-status)로 외부에 전달\n * - 버튼 등 UI는 포함하지 않음 (컨트롤은 외부에서)\n *\n * 사용 예시:\n * <speech-to-text id=\"stt\"></speech-to-text>\n *\n * // JS에서\n * const stt = document.getElementById('stt') as SpeechToText;\n * stt.startListening();\n * stt.stopListening();\n * stt.addEventListener('stt-result', e => { ... });\n * stt.addEventListener('stt-error', e => { ... });\n * stt.addEventListener('stt-status', e => { ... });\n */\n@customElement('speech-to-text')\nexport class SpeechToText extends LitElement {\n  private recognition: any = null\n\n  /**\n   * 음성 인식 시작\n   */\n  public startListening() {\n    if (!('webkitSpeechRecognition' in window)) {\n      this.dispatchEvent(new CustomEvent('stt-error', { detail: { error: '지원되지 않는 브라우저입니다.' } }))\n      return\n    }\n    this.recognition = new window.webkitSpeechRecognition()\n    this.recognition.lang = 'ko-KR'\n    this.recognition.continuous = false\n    this.recognition.interimResults = true\n\n    this.recognition.onresult = (event: any) => {\n      let finalTranscript = ''\n      let interimTranscript = ''\n      for (let i = event.resultIndex; i < event.results.length; i++) {\n        if (event.results[i].isFinal) {\n          finalTranscript += event.results[i][0].transcript\n        } else {\n          interimTranscript += event.results[i][0].transcript\n        }\n      }\n      this.dispatchEvent(\n        new CustomEvent('stt-result', {\n          detail: {\n            finalTranscript: finalTranscript.trim(),\n            interimTranscript: interimTranscript.trim()\n          }\n        })\n      )\n      this.dispatchEvent(\n        new CustomEvent('stt-status', {\n          detail: { status: `📝 Recognized: ${finalTranscript} ${interimTranscript}` }\n        })\n      )\n    }\n\n    this.recognition.onerror = (event: any) => {\n      this.dispatchEvent(new CustomEvent('stt-error', { detail: { error: event.error } }))\n    }\n\n    this.recognition.onend = () => {\n      this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '음성 인식 종료' } }))\n    }\n\n    this.recognition.onstart = () => {\n      this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '🎙️ Listening...' } }))\n    }\n\n    this.recognition.start()\n  }\n\n  /**\n   * 음성 인식 중지\n   */\n  public stopListening() {\n    if (this.recognition) {\n      this.recognition.stop()\n      this.dispatchEvent(new CustomEvent('stt-status', { detail: { status: '🛑 Stopped listening.' } }))\n    }\n  }\n\n  // UI 없음 (렌더링 X)\n  protected render() {\n    return null\n  }\n}\n\n// 타입 정의 (window에 webkitSpeechRecognition이 있는 경우)\ndeclare global {\n  interface Window {\n    webkitSpeechRecognition?: any\n  }\n}\n"]}
+{"version":3,"file":"speech-to-text.js","sourceRoot":"","sources":["../../client/stt/speech-to-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * SpeechToText (음성 인식) 웹 컴포넌트\n *\n * - 음성 인식 시작/중지 메서드 제공\n * - 인식 결과/에러/상태를 커스텀 이벤트(stt-result, stt-error, stt-status)로 외부에 전달\n * - 버튼 등 UI는 포함하지 않음 (컨트롤은 외부에서)\n * - Google Cloud Speech API 사용\n *\n * 사용 예시:\n * <speech-to-text id=\"stt\" api-key=\"YOUR_API_KEY\"></speech-to-text>\n *\n * // JS에서\n * const stt = document.getElementById('stt') as SpeechToText;\n * stt.startListening();\n * stt.stopListening();\n * stt.addEventListener('stt-result', e => { ... });\n * stt.addEventListener('stt-error', e => { ... });\n * stt.addEventListener('stt-status', e => { ... });\n */\n@customElement('speech-to-text')\nexport class SpeechToText extends LitElement {\n  @property({ type: String, attribute: 'api-key' })\n  apiKey: string = 'AIzaSyCH3FPpY5ZCpcfUMjePH2Nhtueu6chgBDk'\n\n  private mediaRecorder: MediaRecorder | null = null\n  private audioChunks: Blob[] = []\n  private isRecording: boolean = false\n  private stream: MediaStream | null = null\n  private isProcessing: boolean = false\n\n  /**\n   * 음성 인식 시작\n   */\n  public async startListening() {\n    if (!this.apiKey) {\n      this.dispatchEvent(\n        new CustomEvent('stt-error', {\n          detail: { error: 'Google Cloud API key가 설정되지 않았습니다.' }\n        })\n      )\n      return\n    }\n\n    if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {\n      this.dispatchEvent(\n        new CustomEvent('stt-error', {\n          detail: { error: '지원되지 않는 브라우저입니다.' }\n        })\n      )\n      return\n    }\n\n    if (this.isRecording || this.isProcessing) {\n      return\n    }\n\n    // 이전 상태 완전 정리\n    this.cleanup()\n\n    try {\n      this.stream = await navigator.mediaDevices.getUserMedia({\n        audio: {\n          echoCancellation: true,\n          noiseSuppression: true,\n          autoGainControl: true,\n          sampleRate: 48000\n        }\n      })\n\n      let mimeType = 'audio/webm;codecs=opus'\n      if (!MediaRecorder.isTypeSupported(mimeType)) {\n        mimeType = 'audio/webm'\n        if (!MediaRecorder.isTypeSupported(mimeType)) {\n          if (MediaRecorder.isTypeSupported('audio/mp4')) {\n            mimeType = 'audio/mp4'\n          } else if (MediaRecorder.isTypeSupported('audio/wav')) {\n            mimeType = 'audio/wav'\n          } else {\n            mimeType = ''\n          }\n        }\n      }\n\n      const recorderOptions = mimeType ? { mimeType } : {}\n      this.mediaRecorder = new MediaRecorder(this.stream, recorderOptions)\n\n      this.audioChunks = []\n      this.isRecording = true\n\n      this.mediaRecorder.ondataavailable = event => {\n        if (event.data.size > 0) {\n          this.audioChunks.push(event.data)\n        }\n      }\n\n      this.mediaRecorder.onstop = async () => {\n        const audioBlob = new Blob(this.audioChunks, { type: mimeType || 'audio/webm' })\n\n        if (audioBlob.size > 5000) {\n          await this.processAudio(audioBlob)\n        } else {\n          this.dispatchEvent(\n            new CustomEvent('stt-error', {\n              detail: { error: '녹음이 너무 짧습니다.' }\n            })\n          )\n          // 녹음이 짧을 때도 완료 처리\n          this.finishRecording()\n        }\n\n        this.cleanup()\n      }\n\n      this.mediaRecorder.onerror = () => {\n        this.dispatchEvent(\n          new CustomEvent('stt-error', {\n            detail: { error: '녹음 오류 발생' }\n          })\n        )\n        this.isRecording = false\n      }\n\n      this.mediaRecorder.start()\n      this.dispatchEvent(\n        new CustomEvent('stt-status', {\n          detail: { status: '🎙️ Listening...' }\n        })\n      )\n    } catch (error) {\n      this.dispatchEvent(\n        new CustomEvent('stt-error', {\n          detail: { error: `마이크 접근 실패: ${error instanceof Error ? error.message : '알 수 없는 오류'}` }\n        })\n      )\n      this.isRecording = false\n    }\n  }\n\n  /**\n   * 음성 인식 중지\n   */\n  public stopListening() {\n    if (this.mediaRecorder && this.mediaRecorder.state !== 'inactive') {\n      this.mediaRecorder.stop()\n    } else {\n      // MediaRecorder가 없거나 이미 중지된 경우 즉시 정리\n      this.cleanup()\n      this.dispatchEvent(\n        new CustomEvent('stt-status', {\n          detail: { status: '음성 인식 종료' }\n        })\n      )\n    }\n  }\n\n  private async processAudio(audioBlob: Blob): Promise<void> {\n    this.isProcessing = true\n\n    this.dispatchEvent(\n      new CustomEvent('stt-status', {\n        detail: { status: '🔄 음성을 텍스트로 변환 중...' }\n      })\n    )\n\n    try {\n      const reader = new FileReader()\n      reader.readAsDataURL(audioBlob)\n\n      reader.onloadend = async () => {\n        const base64Audio = (reader.result as string).split(',')[1]\n        await this.sendToGoogleSpeech(base64Audio)\n      }\n\n      reader.onerror = () => {\n        this.dispatchEvent(\n          new CustomEvent('stt-error', {\n            detail: { error: '오디오 처리 실패' }\n          })\n        )\n        this.finishRecording()\n      }\n    } catch (error) {\n      this.dispatchEvent(\n        new CustomEvent('stt-error', {\n          detail: { error: '처리 중 오류 발생' }\n        })\n      )\n      this.finishRecording()\n    }\n  }\n\n  private async sendToGoogleSpeech(base64Audio: string): Promise<void> {\n    let encoding = 'WEBM_OPUS'\n    let sampleRate = 48000\n\n    if (this.mediaRecorder && this.mediaRecorder.mimeType) {\n      const mimeType = this.mediaRecorder.mimeType.toLowerCase()\n\n      if (mimeType.includes('opus')) {\n        encoding = 'WEBM_OPUS'\n      } else if (mimeType.includes('webm')) {\n        encoding = 'WEBM_OPUS'\n      } else if (mimeType.includes('mp4')) {\n        encoding = 'MP3'\n      } else if (mimeType.includes('wav')) {\n        encoding = 'LINEAR16'\n      }\n    }\n\n    const requestBody = {\n      config: {\n        encoding: encoding,\n        sampleRateHertz: sampleRate,\n        languageCode: 'ko-KR',\n        enableAutomaticPunctuation: true,\n        model: 'latest_long',\n        useEnhanced: true,\n        enableWordTimeOffsets: false,\n        enableWordConfidence: false,\n        maxAlternatives: 1,\n        speechContexts: [\n          {\n            phrases: [\n              '1번',\n              '2번',\n              '3번',\n              '4번',\n              '5번',\n              '6번',\n              '7번',\n              '합격',\n              '불합격',\n              '적합',\n              '부적합',\n              '기본업무',\n              '시공',\n              '자재',\n              '도서',\n              '모두',\n              '전체',\n              '초기화',\n              '조치사항',\n              '확인 필요',\n              '기본 외 업무',\n              '부터',\n              '까지'\n            ],\n            boost: 20\n          }\n        ]\n      },\n      audio: {\n        content: base64Audio\n      }\n    }\n\n    try {\n      const response = await fetch(`https://speech.googleapis.com/v1/speech:recognize?key=${this.apiKey}`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify(requestBody)\n      })\n\n      if (response.ok) {\n        const data = await response.json()\n\n        if (data.results && data.results.length > 0) {\n          const finalTranscript = data.results.map((result: any) => result.alternatives[0].transcript).join(' ')\n\n          this.dispatchEvent(\n            new CustomEvent('stt-result', {\n              detail: {\n                finalTranscript: finalTranscript.trim(),\n                interimTranscript: ''\n              }\n            })\n          )\n\n          this.dispatchEvent(\n            new CustomEvent('stt-status', {\n              detail: { status: `📝 Recognized: ${finalTranscript}` }\n            })\n          )\n\n          // 음성 인식 완료 후 즉시 완료 처리\n          this.finishRecording()\n        } else {\n          this.dispatchEvent(\n            new CustomEvent('stt-result', {\n              detail: {\n                finalTranscript: '',\n                interimTranscript: ''\n              }\n            })\n          )\n\n          this.dispatchEvent(\n            new CustomEvent('stt-status', {\n              detail: { status: '음성을 인식하지 못했습니다.' }\n            })\n          )\n\n          // 인식 실패 시에도 즉시 완료 처리\n          this.finishRecording()\n        }\n      } else {\n        const error = await response.text()\n        let errorMessage = 'API 오류 발생'\n\n        try {\n          const errorObj = JSON.parse(error)\n          if (errorObj.error && errorObj.error.message) {\n            errorMessage = errorObj.error.message\n          }\n        } catch (e) {\n          errorMessage = `HTTP ${response.status}`\n        }\n\n        this.dispatchEvent(\n          new CustomEvent('stt-error', {\n            detail: { error: errorMessage }\n          })\n        )\n\n        // API 오류 시에도 즉시 완료 처리\n        this.finishRecording()\n      }\n    } catch (error) {\n      this.dispatchEvent(\n        new CustomEvent('stt-error', {\n          detail: { error: `네트워크 오류: ${error instanceof Error ? error.message : '알 수 없는 오류'}` }\n        })\n      )\n\n      // 네트워크 오류 시에도 즉시 완료 처리\n      this.finishRecording()\n    }\n  }\n\n  private finishRecording() {\n    this.cleanup()\n\n    this.dispatchEvent(\n      new CustomEvent('stt-status', {\n        detail: { status: '음성 인식 종료' }\n      })\n    )\n  }\n\n  private cleanup() {\n    // 모든 상태 완전 초기화\n    if (this.stream) {\n      this.stream.getTracks().forEach(track => {\n        track.stop()\n        track.enabled = false\n      })\n      this.stream = null\n    }\n\n    if (this.mediaRecorder) {\n      try {\n        if (this.mediaRecorder.state !== 'inactive') {\n          this.mediaRecorder.stop()\n        }\n      } catch (e) {\n        // MediaRecorder stop 에러 무시\n      }\n      this.mediaRecorder = null\n    }\n\n    this.audioChunks = []\n    this.isRecording = false\n    this.isProcessing = false\n  }\n\n  protected render() {\n    return null\n  }\n}\n"]}