[TEST] test45

README.md

@@ -1,5 +1,5 @@
 ---
-title: VOICE SEMANTLE
+title: VOICE SEMENTLE
 emoji: 🎙️
 colorFrom: purple
 colorTo: pink

client/frontend/app_ui.py

@@ -75,7 +75,7 @@ class AppUI:
         import json
         stats_json = json.dumps(stats)
 
-        with gr.Blocks(title="VOICE SEMANTLE") as demo:
+        with gr.Blocks(title="VOICE SEMENTLE") as demo:
 
             # ============== Dashboard Stats (JS에서 접근 가능) ==============
             gr.HTML(

client/frontend/components/floating_chatbot.py

@@ -70,7 +70,7 @@ def build_system_prompt_from_game_state(game_state: Optional[Dict], include_audi
         str: 컨텍스트가 포함된 시스템 프롬프트
     """
     # 기본 프롬프트 (Phase 3: Enhanced)
-    base_prompt = """You are the help assistant for "Voice Semantle" - an innovative pronunciation puzzle game that combines voice recognition with progressive hint discovery.
+    base_prompt = """You are the help assistant for "Audio Sementle" - an innovative pronunciation puzzle game that combines voice recognition with progressive hint discovery.
 
 ## Game Mechanics
 This is a BLIND pronunciation game where:
@@ -90,7 +90,7 @@ This is a BLIND pronunciation game where:
 ## Your Role as Help Assistant
 You are a friendly, encouraging coach who helps users discover the answer through strategic hints:
 
-1. **Explain the game** - When users are confused, explain Voice Semantle mechanics clearly
+1. **Explain the game** - When users are confused, explain Audio Sementle mechanics clearly
 2. **Give progressive hints** - Start vague, gradually get more specific with each request
 3. **Interpret scores intelligently** - Explain what their scores mean and what to try next
 4. **Build on previous hints** - NEVER repeat hints, always add new information
@@ -183,7 +183,7 @@ Greet them warmly and help them understand the game:
 **Goal**: Get them to make their first attempt without fear
 
 **Key Points to Convey**:
-1. This is Voice Semantle - a voice-based puzzle game (not just pronunciation practice!)
+1. This is Audio Sementle - a voice-based puzzle game (not just pronunciation practice!)
 2. They start COMPLETELY BLIND - no clues about what to say
 3. First step: Just say ANY word or phrase that comes to mind
 4. The game will analyze their voice and give similarity scores
@@ -192,12 +192,12 @@ Greet them warmly and help them understand the game:
 7. First attempts are always wild guesses - that's the fun part!
 
 **Example Welcome**:
-"Welcome! 👋 Ready to play Voice Semantle? Here's the fun part: you start completely blind - you have NO idea what word or phrase to say! Just speak anything that comes to mind, and the game will tell you how close you are. Based on the scores and hints, you'll figure it out. Don't overthink your first attempt - it's supposed to be a shot in the dark! Need help? Just ask!"
+"Welcome! 👋 Ready to play Audio Sementle? Here's the fun part: you start completely blind - you have NO idea what word or phrase to say! Just speak anything that comes to mind, and the game will tell you how close you are. Based on the scores and hints, you'll figure it out. Don't overthink your first attempt - it's supposed to be a shot in the dark! Need help? Just ask!"
 
 **When they ask questions**:
 - "How do I play?" → Explain the blind start and score-based discovery
 - "Give me a hint" → Encourage them to try first: "Take a guess first! Any word works. Then I can help based on your scores."
-- "What should I say?" → "Anything! That's the beauty of Voice Semantle - you discover what to say through playing."
+- "What should I say?" → "Anything! That's the beauty of Audio Sementle - you discover what to say through playing."
 - "I'm confused" → Walk them through: speak → get scores → get hints → figure it out"""
 
     # guesses 추출
@@ -309,7 +309,7 @@ Greet them warmly and help them understand the game:
     context_parts.append("Based on their attempts and scores, provide intelligent responses:")
     context_parts.append("")
     context_parts.append("**Common Questions**:")
-    context_parts.append("- \"How do I play?\" → Explain Voice Semantle mechanics with enthusiasm")
+    context_parts.append("- \"How do I play?\" → Explain Audio Sementle mechanics with enthusiasm")
     context_parts.append("- \"Give me a hint\" → Follow the attempt-based progression strategy (see above)")
     context_parts.append("- \"What should I try next?\" → Analyze their score pattern and suggest strategic next steps")
     context_parts.append("- \"Why are my scores low?\" → Interpret scores specifically and suggest what to change")
@@ -506,7 +506,7 @@ class FloatingChatbotComponent:
             game_state: 외부에서 전달받은 gr.BrowserState (UUID 포함)
         """
         # 초기 환영 메시지 정의
-        welcome_message = """Welcome to Voice Semantle! 👋 Get ready for a unique and super fun pronunciation puzzle game where your voice is the key!
+        welcome_message = """Welcome to Audio Sementle! 👋 Get ready for a unique and super fun pronunciation puzzle game where your voice is the key!
 
 Here's how it works:
 

client/frontend/components/header.py

@@ -1,5 +1,5 @@
 """
-헤더 컴포넌트 - Voice Semantle 스타일
+헤더 컴포넌트 - Voice Sementle 스타일
 애니메이션풍 귀여운 로고 디자인
 
 👨‍💻 담당: 개발자 A
@@ -9,9 +9,9 @@ import gradio as gr
 
 
 class HeaderComponent:
-    """Voice Semantle 스타일 헤더 컴포넌트"""
+    """Voice Sementle 스타일 헤더 컴포넌트"""
 
-    # Voice Semantle 스타일 헤더 HTML 템플릿
+    # Voice Sementle 스타일 헤더 HTML 템플릿
     HEADER_HTML_TEMPLATE = """
     <link href="https://fonts.googleapis.com/css2?family=Lilita+One&family=Bangers&display=swap" rel="stylesheet">
     <div class="vs-header">
@@ -21,7 +21,7 @@ class HeaderComponent:
                     <span class="title-voice">VOICE</span>
                 </span>
                 <span class="title-line">
-                    <span class="title-semantle">SEMANTLE</span>
+                    <span class="title-sementle">SEMENTLE</span>
                 </span>
             </h1>
         </div>
@@ -69,7 +69,7 @@ class HeaderComponent:
             0 0 20px rgba(90, 200, 250, 0.5);
         paint-order: stroke fill;
     }
-    .title-semantle {
+    .title-sementle {
         font-size: 90px;
         font-weight: 500;
         color: #e8a054;
@@ -96,7 +96,7 @@ class HeaderComponent:
             8px 8px 0 #082a35,
             0 0 25px rgba(90, 200, 250, 0.6);
     }
-    .dark .title-semantle {
+    .dark .title-sementle {
         color: #e8a054;
         -webkit-text-stroke: 4px #5c3d1e;
         text-shadow:
@@ -118,7 +118,7 @@ class HeaderComponent:
                 7px 7px 0 #0d4a5f,
                 0 0 20px rgba(90, 200, 250, 0.5);
         }
-        .title-semantle {
+        .title-sementle {
             font-size: 72px;
             letter-spacing: 4px;
             -webkit-text-stroke: 4px #8b5a2b;
@@ -136,7 +136,7 @@ class HeaderComponent:
                 7px 7px 0 #0d4a5f,
                 0 0 20px rgba(90, 200, 250, 0.5);
         }
-        .dark .title-semantle {
+        .dark .title-sementle {
             -webkit-text-stroke: 4px #8b5a2b;
             text-shadow:
                 5px 5px 0 #8b5a2b,
@@ -157,7 +157,7 @@ class HeaderComponent:
                 5px 5px 0 #0d4a5f,
                 0 0 15px rgba(90, 200, 250, 0.5);
         }
-        .title-semantle {
+        .title-sementle {
             font-size: 52px;
             letter-spacing: 3px;
             -webkit-text-stroke: 3px #8b5a2b;
@@ -173,7 +173,7 @@ class HeaderComponent:
                 5px 5px 0 #082a35,
                 0 0 20px rgba(90, 200, 250, 0.6);
         }
-        .dark .title-semantle {
+        .dark .title-sementle {
             -webkit-text-stroke: 3px #5c3d1e;
             text-shadow:
                 4px 4px 0 #5c3d1e,

client/frontend/components/welcome_modal.py

@@ -28,12 +28,12 @@ class WelcomeModal:
     <div class="welcome-modal-overlay" data-welcome-overlay="true">
         <div class="welcome-modal-container">
             <div class="welcome-modal-content">
-                <h2 class="welcome-modal-title">Welcome to Voice Semantle!</h2>
+                <h2 class="welcome-modal-title">Welcome to Voice Sementle!</h2>
 
                 <div class="welcome-modal-video">
                     <iframe
                         src="https://www.youtube.com/embed/${value.videoId || 'YbCf6x0B3fU'}?rel=0&modestbranding=1"
-                        title="Voice Semantle Tutorial"
+                        title="Voice Sementle Tutorial"
                         frameborder="0"
                         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                         referrerpolicy="strict-origin-when-cross-origin"

client/frontend/styles/__init__.py

@@ -1,5 +1,5 @@
 """
-Voice Semantle 스타일 모듈
+Voice Sementle 스타일 모듈
 애니메이션풍 하늘색 테마 기반의 전체 애플리케이션 CSS
 """
 

client/frontend/styles/buttons_style.py

@@ -1,11 +1,11 @@
 """
-버튼 및 오디오 입력 CSS - Voice Semantle 테마
+버튼 및 오디오 입력 CSS - Voice Sementle 테마
 버튼 스타일 및 오디오 컴포넌트 스타일링
 """
 
-# Voice Semantle 스타일 버튼 CSS - 애니메이션풍 하늘색
+# Voice Sementle 스타일 버튼 CSS - 애니메이션풍 하늘색
 BUTTON_CSS = """
-/* Voice Semantle 스타일 버튼 - 하늘색 테마 */
+/* Voice Sementle 스타일 버튼 - 하늘색 테마 */
 #verify-btn,
 #restart-btn {
     font-family: 'Lilita One' !important;

client/frontend/styles/chatbot_style.py

@@ -1,14 +1,14 @@
 """
-플로팅 AI 챗봇 CSS - Voice Semantle 테마
+플로팅 AI 챗봇 CSS - Voice Sementle 테마
 플로팅 토글 버튼, 챗봇 컨테이너, 입력 영역 스타일
 """
 
-# 플로팅 AI 챗봇 CSS - Voice Semantle 하늘색 테마
+# 플로팅 AI 챗봇 CSS - Voice Sementle 하늘색 테마
 FLOATING_CHATBOT_CSS = """
 /* 플로팅 토글 버튼 컨테이너 */
 #floating-toggle {
     position: fixed;
-    top: 20px;
+    bottom: 20px;
     right: 20px;
     z-index: 1001;
     width: 64px;
@@ -86,7 +86,7 @@ FLOATING_CHATBOT_CSS = """
 /* 챗봇 컨테이너 - 더 둥글게 */
 #chat-container {
     position: fixed;
-    top: 104px;
+    bottom: 104px;
     right: 20px;
     width: 636px;
     height: 840px;

client/frontend/styles/custom_css.py

@@ -1,5 +1,5 @@
 """
-커스텀 CSS 스타일 - Voice Semantle 테마
+커스텀 CSS 스타일 - Voice Sementle 테마
 애니메이션풍 하늘색 테마 기반의 전체 애플리케이션 CSS
 
 이 파일은 하위 호환성을 위해 유지됩니다.

client/frontend/styles/failure_modal_style.py

@@ -1,11 +1,11 @@
 """
-실패 모달 CSS - Voice Semantle 테마
+실패 모달 CSS - Voice Sementle 테마
 실패 모달 및 결과 타일 스타일
 """
 
-# 실패 모달 CSS - Voice Semantle 하늘색 테마
+# 실패 모달 CSS - Voice Sementle 하늘색 테마
 FAILURE_MODAL_CSS = """
-/* 실패 모달 - Voice Semantle 하늘색 테마 */
+/* 실패 모달 - Voice Sementle 하늘색 테마 */
 .modal-content {
     text-align: center;
     padding: 20px;

client/frontend/styles/falling_elements_style.py

@@ -1,5 +1,5 @@
 """
-배경 꽃/음표 떨어지는 애니메이션 - Voice Semantle 테마
+배경 꽃/음표 떨어지는 애니메이션 - Voice Sementle 테마
 배경 애니메이션 CSS 및 JavaScript
 """
 

client/frontend/styles/history_style.py

@@ -1,11 +1,11 @@
 """
-히스토리 디스플레이 CSS - Voice Semantle 테마
+히스토리 디스플레이 CSS - Voice Sementle 테마
 시도 기록 및 히스토리 표시 스타일
 """
 
-# 히스토리 디스플레이 CSS - Voice Semantle 하늘색 테마
+# 히스토리 디스플레이 CSS - Voice Sementle 하늘색 테마
 HISTORY_CSS = """
-/* 시도 기록 - Voice Semantle 하늘색 테마 */
+/* 시도 기록 - Voice Sementle 하늘색 테마 */
 .attempt-history {
     margin-top: 20px;
     padding: 16px;

client/frontend/styles/result_screen_style.py

@@ -1,11 +1,11 @@
 """
-성공 화면 CSS 및 Celebration JavaScript - Voice Semantle 테마
+성공 화면 CSS 및 Celebration JavaScript - Voice Sementle 테마
 성공 화면 스타일, 통계 카드, Confetti 효과
 """
 
-# 성공 화면 CSS - Voice Semantle 애니메이션 테마 + Confetti 효과
+# 성공 화면 CSS - Voice Sementle 애니메이션 테마 + Confetti 효과
 RESULT_SCREEN_CSS = """
-/* 성공 화면 - Voice Semantle 하늘색 테마 */
+/* 성공 화면 - Voice Sementle 하늘색 테마 */
 #success-screen,
 #giveup-screen {
     position: fixed !important;

client/frontend/styles/theme_style.py

@@ -1,11 +1,11 @@
 """
-기본 테마 CSS - Voice Semantle 테마
+기본 테마 CSS - Voice Sementle 테마
 애니메이션풍 하늘색 테마 기반의 전역 변수 및 기본 스타일
 """
 
-# Voice Semantle 테마 CSS - 애니메이션풍 하늘색 테마
+# Voice Sementle 테마 CSS - 애니메이션풍 하늘색 테마
 BASE_THEME_CSS = """
-/* Voice Semantle 스타일 기본 테마 - 애니메이션풍 하늘색 */
+/* Voice Sementle 스타일 기본 테마 - 애니메이션풍 하늘색 */
 :root {
     /* 메인 테마 색상 - 하늘색 계열 */
     --theme-primary: #4db8ff;

client/utils/elevenlabs_tts.py

@@ -2,7 +2,7 @@
 ElevenLabs TTS Integration for Audio Hints
 
 This module provides text-to-speech functionality for generating partial
-audio hints in the Audio Semantle game.
+audio hints in the Audio Sementle game.
 """
 
 import os
@@ -87,7 +87,7 @@ def clone_voice_from_reference(reference_audio_path: str) -> Optional[str]:
         voice = client.voices.ivc.create(
             name=voice_name,
             files=[BytesIO(open(full_path, "rb").read())],
-            description="Cloned voice for Audio Semantle hints",
+            description="Cloned voice for Audio Sementle hints",
             remove_background_noise=False
         )
 

voice_app.py

@@ -9,7 +9,7 @@ from datetime import datetime
 import os
 
 # Backend API URL (환경변수로 관리 가능)
-BACKEND_URL = os.getenv("BACKEND_URL", "http://localhost:8000")
+BACKEND_URL = os.getenv("BACKEND_URL")
 
 def process_voice(audio):
     """