[fix] chrome browser

app.py

@@ -3,6 +3,8 @@ import time
 import base64
 import json
 import traceback
+import subprocess
+import sys
 from typing import Tuple, Optional
 import gradio as gr
 import anthropic
@@ -19,6 +21,50 @@ import threading
 IS_HUGGINGFACE = os.getenv("SPACE_ID") is not None
 print(f'IS_HUGGINGFACE = {IS_HUGGINGFACE}')
 
+# Hugging Face 환경에서 Chrome 설치
+def install_chrome():
+    if not IS_HUGGINGFACE:
+        return True
+    
+    try:
+        print("Chrome 설치 시작...")
+        
+        # Google Chrome 다운로드 및 설치
+        commands = [
+            "wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | apt-key add -",
+            "echo 'deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main' | tee /etc/apt/sources.list.d/google-chrome.list",
+            "apt-get update",
+            "apt-get install -y google-chrome-stable"
+        ]
+        
+        for cmd in commands:
+            print(f"실행 중: {cmd}")
+            result = subprocess.run(cmd, shell=True, capture_output=True, text=True)
+            if result.returncode != 0:
+                print(f"명령어 실패: {cmd}")
+                print(f"오류: {result.stderr}")
+            else:
+                print(f"성공: {cmd}")
+        
+        # Chrome 버전 확인
+        result = subprocess.run("google-chrome --version", shell=True, capture_output=True, text=True)
+        if result.returncode == 0:
+            print(f"Chrome 설치 완료: {result.stdout.strip()}")
+            return True
+        else:
+            print("Chrome 설치 실패")
+            return False
+            
+    except Exception as e:
+        print(f"Chrome 설치 중 오류: {e}")
+        return False
+
+# 시작 시 Chrome 설치
+if IS_HUGGINGFACE:
+    chrome_installed = install_chrome()
+    if not chrome_installed:
+        print("Chrome 설치에 실패했지만 계속 진행합니다...")
+
 # Claude API 설정 (Hugging Face Secrets에서 가져오기)
 ANTHROPIC_API_KEY = os.getenv("ANTHROPIC_API_KEY")
 
@@ -48,34 +94,44 @@ class GoogleTrendsAutomator:
         
         # Hugging Face Space 환경 설정
         if IS_HUGGINGFACE:
-            print("Hugging Face Space 환경, 헤드리스 모드로 실행")
-            options.add_argument("--headless=new")  # 새로운 헤드리스 모드
+            print("Hugging Face Space 환경, Chrome 브라우저로 실행")
+            # Chrome 바이너리 경로 설정
+            chrome_paths = [
+                "/usr/bin/google-chrome",
+                "/usr/bin/google-chrome-stable", 
+                "/usr/bin/chromium",
+                "/usr/bin/chromium-browser"
+            ]
+            
+            chrome_binary = None
+            for path in chrome_paths:
+                if os.path.exists(path):
+                    chrome_binary = path
+                    print(f"Chrome 바이너리 발견: {path}")
+                    break
+            
+            if chrome_binary:
+                options.binary_location = chrome_binary
+            
+            options.add_argument("--headless=new")
             options.add_argument("--no-sandbox")
             options.add_argument("--disable-dev-shm-usage")
             options.add_argument("--disable-gpu")
             options.add_argument("--disable-software-rasterizer")
             options.add_argument("--remote-debugging-port=9222")
+            options.add_argument("--single-process")
+            options.add_argument("--disable-background-timer-throttling")
+            options.add_argument("--disable-backgrounding-occluded-windows")
+            options.add_argument("--disable-renderer-backgrounding")
         else:
             options.add_argument("--headless")
         
-        # # 환경별 설정
-        # if os.getenv("SPACE_ID"):  # Hugging Face Space
-        #     options.add_argument("--headless")
-        #     options.add_argument("--no-sandbox")
-        #     options.add_argument("--disable-dev-shm-usage")
-        #     options.add_argument("--disable-gpu")
-        # else:  # 로컬 환경
-        #     options.add_argument("--headless")
-        
         # 속도 최적화 설정
-        options.add_argument("--window-size=1280,720")  # 해상도 줄임
+        options.add_argument("--window-size=1280,720")
         options.add_argument("--disable-blink-features=AutomationControlled")
         options.add_argument("--disable-extensions")
         options.add_argument("--disable-web-security")
         options.add_argument("--allow-running-insecure-content")
-        options.add_argument("--disable-background-timer-throttling")
-        options.add_argument("--disable-backgrounding-occluded-windows")
-        options.add_argument("--disable-renderer-backgrounding")
         options.add_argument("--disable-features=TranslateUI")
         options.add_argument("--disable-ipc-flooding-protection")
         
@@ -85,18 +141,17 @@ class GoogleTrendsAutomator:
         
         # 메모리 최적화
         options.add_argument("--memory-pressure-off")
-        # options.add_argument("--max_old_space_size=4096")
-        options.add_argument("--max_old_space_size=2048")# 메모리 제한
+        options.add_argument("--max_old_space_size=2048")
         
         # 이미지/CSS 비활성화로 로딩 속도 향상
         prefs = {
-            "profile.managed_default_content_settings.images": 2,  # 이미지 차단
-            "profile.default_content_setting_values.notifications": 2,  # 알림 차단
+            "profile.managed_default_content_settings.images": 2,
+            "profile.default_content_setting_values.notifications": 2,
         }
         options.add_experimental_option("prefs", prefs)
         
         # 봇 감지 회피
-        options.add_argument("--user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
+        options.add_argument("--user-agent=Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
         options.add_experimental_option("excludeSwitches", ["enable-automation"])
         options.add_experimental_option('useAutomationExtension', False)
         
@@ -105,9 +160,10 @@ class GoogleTrendsAutomator:
         options.add_argument("--accept-lang=ko-KR,ko;q=0.9,en;q=0.8")
         
         try:
-            # Hugging Face 환경에서는 webdriver-manager 우선 사용
+            # Hugging Face 환경에서 ChromeDriver 설정
             if IS_HUGGINGFACE:
                 try:
+                    # webdriver-manager 사용
                     from webdriver_manager.chrome import ChromeDriverManager
                     from selenium.webdriver.chrome.service import Service
                     
@@ -117,7 +173,7 @@ class GoogleTrendsAutomator:
                     print("ChromeDriver 설치 및 초기화 성공")
                     
                 except Exception as e:
-                    print(f"webdriver-manager 설치 실패: {e}")
+                    print(f"webdriver-manager 실패: {e}")
                     # 시스템 ChromeDriver 시도
                     try:
                         self.driver = webdriver.Chrome(options=options)
@@ -137,38 +193,10 @@ class GoogleTrendsAutomator:
                 except:
                     self.driver = webdriver.Chrome(options=options)
                     print("로컬 시스템 ChromeDriver 사용")
-            # # 여러 방법으로 ChromeDriver 시도
-            # driver_created = False
             
-            # # 방법 1: webdriver-manager 사용
-            # try:
-            #     from webdriver_manager.chrome import ChromeDriverManager
-            #     from selenium.webdriver.chrome.service import Service
-                
-            #     service = Service(ChromeDriverManager().install())
-            #     self.driver = webdriver.Chrome(service=service, options=options)
-            #     print("webdriver-manager로 ChromeDriver 자동 설치 성공")
-            #     driver_created = True
-                
-            # except Exception as wm_error:
-            #     print(f"webdriver-manager 실패: {wm_error}")
-            
-            # # 방법 2: 시스템 ChromeDriver 사용
-            # if not driver_created:
-            #     try:
-            #         self.driver = webdriver.Chrome(options=options)
-            #         print("시스템 ChromeDriver 사용 성공")
-            #         driver_created = True
-            #     except Exception as sys_error:
-            #         print(f"시스템 ChromeDriver 실패: {sys_error}")
-            
-            # if not driver_created:
-            #     print("모든 ChromeDriver 초기화 방법 실패")
-            #     return False
-            
-            # 타임아웃 설정 (속도 최적화)
-            self.driver.set_page_load_timeout(15)  # 페이지 로딩 타임아웃 15초
-            self.driver.implicitly_wait(2)  # 요소 대기 시간 2초로 단축
+            # 타임아웃 설정
+            self.driver.set_page_load_timeout(20 if IS_HUGGINGFACE else 15)
+            self.driver.implicitly_wait(3)
             
             # 봇 감지 방지 스크립트
             try:
@@ -240,7 +268,7 @@ class GoogleTrendsAutomator:
                 if progress_callback:
                     progress_callback("지역 설정 변경 중...")
                 results['region'] = self.change_region(region)
-                time.sleep(0.5)  # 최소 대기
+                time.sleep(0.5)
             else:
                 results['region'] = True
                 
@@ -248,7 +276,7 @@ class GoogleTrendsAutomator:
                 if progress_callback:
                     progress_callback("기간 설정 변경 중...")
                 results['period'] = self.change_time_period(period)
-                time.sleep(0.5)  # 최소 대기
+                time.sleep(0.5)
             else:
                 results['period'] = True
                 
@@ -256,7 +284,7 @@ class GoogleTrendsAutomator:
                 if progress_callback:
                     progress_callback("카테고리 설정 변경 중...")
                 results['category'] = self.change_category(category)
-                time.sleep(0.5)  # 최소 대기
+                time.sleep(0.5)
             else:
                 results['category'] = True
                 
@@ -277,7 +305,7 @@ class GoogleTrendsAutomator:
             if not self.safe_click(region_selectors):
                 return False
             
-            time.sleep(1)  # 대기 시간 단축
+            time.sleep(1)
             
             region_mapping = {
                 "전세계": ["전 세계", "Worldwide"],
@@ -313,7 +341,7 @@ class GoogleTrendsAutomator:
             if not self.safe_click(period_selectors):
                 return False
                 
-            time.sleep(1)  # 대기 시간 단축
+            time.sleep(1)
             
             period_mapping = {
                 "지난 1시간": ["지난 1시간"],
@@ -349,7 +377,7 @@ class GoogleTrendsAutomator:
             if not self.safe_click(category_selectors):
                 return False
                 
-            time.sleep(1)  # 대기 시간 단축
+            time.sleep(1)
             
             category_mapping = {
                 "게임": ["게임"],
@@ -395,19 +423,20 @@ class GoogleTrendsAutomator:
             # Google Trends 접속 (한국어 직접 URL)
             self.driver.get("https://trends.google.com/trending?geo=KR&hl=ko")
             
-            # 최소한의 로딩 대기 (1초로 단축)
-            time.sleep(1)
+            # 로딩 대기 (Hugging Face에서는 조금 더 기다림)
+            wait_time = 3 if IS_HUGGINGFACE else 1
+            time.sleep(wait_time)
             
             if progress_callback:
                 progress_callback("페이지 로딩 완료, 설정 변경 시작...")
             
             # 페이지 준비 확인 (빠른 체크)
             try:
-                WebDriverWait(self.driver, 5).until(
+                WebDriverWait(self.driver, 8).until(
                     EC.presence_of_element_located((By.TAG_NAME, "button"))
                 )
             except TimeoutException:
-                pass  # 계속 진행
+                pass
             
             # 설정 변경 (병렬 처리)
             settings_result = self.parallel_change_settings(region, period, category, progress_callback)
@@ -427,10 +456,10 @@ class GoogleTrendsAutomator:
             if progress_callback:
                 progress_callback("설정 변경 완료, 데이터 가져오는중...")
             
-            # 최종 데이터 로딩 대기 (1초로 단축)
-            time.sleep(1)
+            # 최종 데이터 로딩 대기
+            time.sleep(2 if IS_HUGGINGFACE else 1)
             
-            # 스크린샷 촬영 (필요한 영역만)
+            # 스크린샷 촬영
             screenshot = self.driver.get_screenshot_as_png()
             screenshot_b64 = base64.b64encode(screenshot).decode()
             
@@ -444,7 +473,10 @@ class GoogleTrendsAutomator:
             
         finally:
             if self.driver:
-                self.driver.quit()
+                try:
+                    self.driver.quit()
+                except:
+                    pass
 
 # Claude API로 스크린샷 분석
 def analyze_with_claude(screenshot_b64: str, region: str, period: str, category: str) -> str:
@@ -455,6 +487,7 @@ def analyze_with_claude(screenshot_b64: str, region: str, period: str, category:
             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
                 <h3>API 키 오류</h3>
                 <p><strong>ANTHROPIC_API_KEY가 설정되지 않았습니다!</strong></p>
+                <p>Hugging Face Space Settings에서 Secret을 추가해주세요.</p>
             </div>
             """
         
@@ -486,7 +519,7 @@ HTML 형태로 깔끔하게 정리하고, 이모지를 사용하지 않고 시
         # Claude API 호출 (빠른 설정)
         message = claude_client.messages.create(
             model="claude-3-5-sonnet-20241022",
-            max_tokens=1000,  # 토큰 수 줄여서 속도 향상
+            max_tokens=1000,
             messages=[
                 {
                     "role": "user",
@@ -519,7 +552,7 @@ HTML 형태로 깔끔하게 정리하고, 이모지를 사용하지 않고 시
         """
 
 def main_analysis(region: str, period: str, category: str):
-    """실시간 스트리밍 분석 함수 (Generator)"""
+    # 실시간 스트리밍 분석 함수 (Generator)
     
     start_time = time.time()
     
@@ -529,6 +562,7 @@ def main_analysis(region: str, period: str, category: str):
         <h3>Google Trends 분석 시작!</h3>
         <p><strong>설정:</strong> {region} | {period} | {category}</p>
         <p>실시간으로 진행 상황을 업데이트합니다...</p>
+        {'<p style="font-size: 12px; opacity: 0.8;">Hugging Face Space 환경에서 실행 중</p>' if IS_HUGGINGFACE else ''}
     </div>
     """
     
@@ -542,9 +576,9 @@ def main_analysis(region: str, period: str, category: str):
         if not ANTHROPIC_API_KEY or ANTHROPIC_API_KEY == "your_api_key_here":
             yield """
             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
-                <h3> API 키 누락</h3>
+                <h3>API 키 누락</h3>
                 <p><strong>ANTHROPIC_API_KEY가 설정되지 않았습니다!</strong></p>
-                <p><strong>해결 방법:</strong> .env 파일에 API 키를 설정하고 앱을 재시작하세요.</p>
+                <p><strong>해결 방법:</strong> Hugging Face Space Settings에서 Secret을 추가해주세요.</p>
             </div>
             """
             return
@@ -552,37 +586,20 @@ def main_analysis(region: str, period: str, category: str):
         # 3단계: 브라우저 실행 알림
         yield f"""
         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
-            <h4> 1단계: 시작합니다! 입력하신 조건을 확인합니다...</h4>
+            <h4>1단계: 시작합니다! 입력하신 조건을 확인합니다...</h4>
              <p>Connect Start...</p>
         </div>
         
         <div style="padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin-bottom: 15px;">
-            <p> <strong>진행 중:</strong> 브라우저 드라이버 설정 및 페이지 로딩...</p>
+            <p><strong>진행 중:</strong> 브라우저 드라이버 설정 및 페이지 로딩...</p>
+            {'<p style="font-size: 12px; color: #666;">Chrome 브라우저 초기화 중...</p>' if IS_HUGGINGFACE else ''}
         </div>
         """
         
         # 4단계: Google Trends 자동화 실행
-        print(f" 분석 시작: {region} | {period} | {category}")
+        print(f"분석 시작: {region} | {period} | {category}")
         automator = GoogleTrendsAutomator()
         
-        # 5단계: 설정 변경 알림
-        if region != "대한민국" or period != "지난 24시간" or category != "모든 카테고리":
-            yield f"""
-            <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
-                <h4>자동화 시작</h4>
-                <p>In Running...</p>
-            </div>
-            
-            <div style="padding: 15px; background-color: #e3f2fd; border-radius: 5px; margin-bottom: 15px;">
-                <p><strong>설정 변경 중:</strong></p>
-                <ul style="margin: 10px 0;">
-                    {"<li>지역: " + region + "</li>" if region != "대한민국" else ""}
-                    {"<li>기간: " + period + "</li>" if period != "지난 24시간" else ""}
-                    {"<li>카테고리: " + category + "</li>" if category != "모든 카테고리" else ""}
-                </ul>
-            </div>
-            """
-        
         # 브라우저 작업을 별도 스레드에서 실행
         with ThreadPoolExecutor(max_workers=1) as executor:
             future = executor.submit(
@@ -597,12 +614,12 @@ def main_analysis(region: str, period: str, category: str):
                     elapsed = time.time() - start_time
                     yield f"""
                     <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
-                        <h4>자동화 시작</h4>
-                        <p>In Running...</p>
+                        <h4>자동화 진행 중</h4>
+                        <p>Chrome 브라우저에서 Google Trends 데이터 수집 중...</p>
                     </div>
                     
                     <div style="padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin-bottom: 15px;">
-                        <p><strong>진행 중:</strong> {current_progress}</p>
+                        <p><strong>현재 작업:</strong> {current_progress}</p>
                         <p><strong>경과 시간:</strong> {elapsed:.1f}초</p>
                     </div>
                     """
@@ -620,16 +637,21 @@ def main_analysis(region: str, period: str, category: str):
                 <pre style="background-color: #fff5f5; padding: 15px; border-radius: 5px; margin: 15px 0;">
 {status_msg}
                 </pre>
-                <p><strong>해결 방법:</strong> Chrome 브라우저와 ChromeDriver를 설치하고 다시 시도하세요.</p>
+                <p><strong>해결 방법:</strong></p>
+                <ul>
+                    <li>packages.txt 파일이 올바르게 설정되었는지 확인</li>
+                    <li>Space를 재시작해보세요</li>
+                    <li>잠시 후 다시 시도해보세요</li>
+                </ul>
             </div>
             """
             return
         
-        # 6단계: 스크린샷 완료 및 AI 분석 시작
+        # AI 분�� 시작
         yield f"""
         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
             <h4>2단계: 입력하신 데이터를 확인했고, 조건에 맞는 데이터를 가져옵니다...</h4>
-            <p>Google Trends 데이터를 성공적으로 캡처했습니다.</p>
+            <p>Google Trends 데이터를 성공적으로 캡처했습니다. ({browser_time:.1f}초)</p>
         </div>
         
         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
@@ -639,65 +661,37 @@ def main_analysis(region: str, period: str, category: str):
         </div>
         """
         
-        # 7단계: Claude API 분석
-        ai_start_time = time.time()
+        # Claude 분석
         print("실시간 인기 검색어 데이터를 가져왔고, Claude 분석 시작합니다...")
+        analysis_result = analyze_with_claude(screenshot_b64, region, period, category)
         
-        # AI 분석을 별도 스레드에서 실행
-        with ThreadPoolExecutor(max_workers=1) as executor:
-            ai_future = executor.submit(
-                analyze_with_claude, 
-                screenshot_b64, region, period, category
-            )
-            
-            # AI 분석 진행 상황 표시
-            while not ai_future.done():
-                ai_elapsed = time.time() - ai_start_time
-                total_elapsed = time.time() - start_time
-                yield f"""
-                <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
-                    <h4>📸 2단계: 입력하신 데이터를 확인했고, 조건에 맞는 데이터를 가져옵니다...</h4>
-                    <p>Google Trends 데이터를 성공적으로 캡처했습니다.</p>
-                </div>
-                
-                <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
-                    <h4>3단계: AI 분석 진행 중...</h4>
-                    <p>Claude AI가 트렌드 데이터를 분석하고 있습니다. ({ai_elapsed:.1f}초)</p>
-                    <p style="font-size: 14px; opacity: 0.9;">총 경과 시간: {total_elapsed:.1f}초</p>
-                </div>
-                """
-                time.sleep(0.5)
-            
-            analysis_result = ai_future.result()
-        
-        ai_time = time.time() - ai_start_time
         total_time = time.time() - start_time
         
-        # 8단계: 최종 결과 출력
+        # 최종 결과
         yield f"""
         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 20px;">
-            <h3> 분석 완료!</h3>
+            <h3>분석 완료!</h3>
             <p><strong>설정:</strong> {region} | {period} | {category}</p>
-            <p>모든 단계가 성공적으로 완료되었습니다.</p>
+            <p><strong>총 소요 시간:</strong> {total_time:.1f}초</p>
         </div>
         
         {analysis_result}
         
         <div style="margin-top: 20px; padding: 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; text-align: center;">
             <p style="margin: 0; font-size: 14px;">
-                 <strong>다른 설정으로 다시 분석하시겠습니까?</strong><br>
+                <strong>다른 설정으로 다시 분석하시겠습니까?</strong><br>
                 위의 설정을 변경하고 다시 버튼을 클릭하세요!
             </p>
         </div>
         
         <div style="margin-top: 15px; padding: 10px; background-color: #f9f9f9; border-radius: 5px; font-size: 12px; color: #666; text-align: center;">
-            <p style="margin: 5px 0;"> <strong>분석 완료 시간:</strong> 약 15-30초</p>
-            <p style="margin: 5px 0;"> <strong>AI 엔진:</strong> Claude 3.5 Sonnet</p>
-            <p style="margin: 5px 0;"> <strong>데이터 출처:</strong> Google Trends 실시간 스크린샷</p>
+            <p style="margin: 5px 0;"><strong>실행 환경:</strong> {'Hugging Face Space (Chrome)' if IS_HUGGINGFACE else 'Local'}</p>
+            <p style="margin: 5px 0;"><strong>AI 엔진:</strong> Claude 3.5 Sonnet</p>
+            <p style="margin: 5px 0;"><strong>데이터 출처:</strong> Google Trends 실시간 스크린샷</p>
         </div>
         """
         
-        print("전체 분석 프로세스 완료!")
+        print(f"전체 분석 프로세스 완료! 총 {total_time:.1f}초")
         
     except Exception as e:
         error_details = traceback.format_exc()
@@ -713,7 +707,7 @@ def main_analysis(region: str, period: str, category: str):
 {error_details}
                 </pre>
             </details>
-            <p><strong>해결 방법:</strong> 페이지를 새로고침하고 다시 시도하세요.</p>
+            <p><strong>해결 방법:</strong> Space를 재시작하고 다시 시도하세요.</p>
         </div>
         """
 
@@ -734,14 +728,25 @@ def create_interface():
     ) as interface:
         
         # Header
-        gr.HTML("""
+        gr.HTML(f"""
         <div style="text-align: center; padding: 20px; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; margin-bottom: 20px;">
             <h1>Google Trends 실시간 분석기</h1>
             <p>Google Trends의 실시간 인기 검색어를 AI가 자동으로 분석합니다</p>
             <p style="font-size: 14px; opacity: 0.9;">개선된 방식으로 단계별 진행상황을 확인할 수 있습니다.</p>
+            {'<p style="font-size: 12px; opacity: 0.7;">Hugging Face Space (Chrome 브라우저)</p>' if IS_HUGGINGFACE else ''}
         </div>
         """)
         
+        # API 키 상태 표시
+        if not ANTHROPIC_API_KEY:
+            gr.HTML("""
+            <div style="color: red; padding: 15px; border: 1px solid red; border-radius: 5px; margin-bottom: 20px;">
+                <h3>설정 필요</h3>
+                <p><strong>ANTHROPIC_API_KEY가 설정되지 않았습니다!</strong></p>
+                <p>Hugging Face Space Settings에서 Secret을 추가해주세요.</p>
+            </div>
+            """)
+        
         # 입력 섹션
         with gr.Row():
             with gr.Column(scale=1):
@@ -775,33 +780,34 @@ def create_interface():
             size="lg"
         )
         
-        # 진행 상황 및 결과 출력
+        # 결과 출력
         output = gr.HTML(
             label="실시간 분석 결과",
-            value="""
+            value=f"""
             <div style="text-align: center; padding: 20px; border: 2px dashed #ccc; border-radius: 10px; color: #666;">
                 <h3>분석 대기 중</h3>
                 <p>위의 설정을 선택하고 '실시간 트렌드 분석 시작' 버튼을 클릭하세요!</p>
                 <p style="font-size: 14px;">개선된 방식으로 <strong>15-30초</strong>만에 분석이 완료됩니다.</p>
+                {'<p style="font-size: 12px; color: #666;">Chrome 브라우저 환경</p>' if IS_HUGGINGFACE else ''}
             </div>
             """
         )
         
-        # 이벤트 연결 (Generator 함수로 실시간 스트리밍)
+        # 이벤트 연결
         analyze_btn.click(
             fn=main_analysis,
             inputs=[region_input, period_input, category_input],
             outputs=output,
-            show_progress="hidden"  # 내장 진행률 표시 숨김 (자체 스트리밍 사용)
+            show_progress="hidden"
         )
         
         # 사용법 안내
         gr.HTML("""
         <div style="margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); border-radius: 10px;">
-            <h3 style="margin-top: 0; color: #333;"> 새로운 기능!</h3>
+            <h3 style="margin-top: 0; color: #333;">새로운 기능!</h3>
             <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; color: #555;">
                 <div>
-                    <h4> 실시간 스트리밍</h4>
+                    <h4>실시간 스트리밍</h4>
                     <ul style="margin: 0; padding-left: 20px;">
                         <li>브라우저 실행 상태 실시간 표시</li>
                         <li>설정 변경 과정 단계별 확인</li>
@@ -809,9 +815,9 @@ def create_interface():
                     </ul>
                 </div>
                 <div>
-                    <h4> 속도 최적화</h4>
+                    <h4>속도 최적화</h4>
                     <ul style="margin: 0; padding-left: 20px;">
-                        <li>대기 시간 단축 </li>
+                        <li>대기 시간 단축</li>
                         <li>불필요한 로딩 시간 제거</li>
                         <li>효율적인 데이터 처리</li>
                     </ul>
@@ -820,12 +826,13 @@ def create_interface():
         </div>
         """)
         
-        # footer
-        gr.HTML("""
+        # Footer
+        gr.HTML(f"""
         <div style="text-align: center; margin-top: 20px; padding: 15px; color: #666; border-top: 1px solid #eee;">
-            <p> <strong>사용법:</strong> 원하는 설정을 선택하고 분석 버튼을 클릭하세요</p>
-            <p> <strong>속도:</strong> 점차적으로 개선 예정입니다.</p>
-            <p> <strong>Powered by:</strong> Google Trends + Claude AI + 실시간 스트리밍</p>
+            <p><strong>사용법:</strong> 원하는 설정을 선택하고 분석 버튼을 클릭하세요</p>
+            <p><strong>속도:</strong> 점차적으로 개선 예정입니다.</p>
+            <p><strong>Powered by:</strong> Google Trends + Claude AI + 실시간 스트리밍</p>
+            {'<p style="font-size: 12px;">Running on Hugging Face Spaces with Chrome Browser</p>' if IS_HUGGINGFACE else ''}
         </div>
         """)
     
@@ -835,24 +842,27 @@ def create_interface():
 if __name__ == "__main__":
     print("=" * 50)
     print("Google Trends 실시간 분석기 시작!")
+    print(f"실행 환경: {'Hugging Face Space' if IS_HUGGINGFACE else 'Local'}")
     print("=" * 50)
     
     # API 키 확인
     if not ANTHROPIC_API_KEY or ANTHROPIC_API_KEY == "your_api_key_here":
-        print(" ANTHROPIC_API_KEY가 설정되지 않음")
-        print("\n 이 상태로도 앱은 실행되지만, 분석 기능은 작동하지 않는다.")
+        print("ANTHROPIC_API_KEY가 설정되지 않음")
+        if IS_HUGGINGFACE:
+            print("Hugging Face Space Settings에서 Secret을 추가해주세요!")
+        print("이 상태로도 앱은 실행되지만, 분석 기능은 작동하지 않습니다.")
         print("=" * 50)
     else:
-        print(" Claude API 키 확인됨")
+        print("Claude API 키 확인됨")
     
     # 인터페이스 생성 및 실행
-    print(" Gradio 웹 인터페이스 준비 중...")
+    print("Gradio 웹 인터페이스 준비 중...")
     app = create_interface()
     
     # 환경별 실행 설정
     if os.getenv("SPACE_ID"):
         # Hugging Face Space 환경
-        print(" Hugging Face Space 환경에서 실행 중...")
+        print("Hugging Face Space 환경에서 실행 중...")
         app.launch(
             server_name="0.0.0.0",
             server_port=7860,
@@ -861,9 +871,9 @@ if __name__ == "__main__":
         )
     else:
         # 로컬 환경
-        print(" 로컬 서버 시작 중...")
-        print(" 브라우저에서 http://localhost:7860 으로 접속")
-        print(" 종료하려면 Ctrl+C")
+        print("로컬 서버 시작 중...")
+        print("브라우저에서 http://localhost:7860 으로 접속")
+        print("종료하려면 Ctrl+C")
         print("=" * 50)
         
         try:
@@ -872,13 +882,902 @@ if __name__ == "__main__":
                 server_port=7860,
                 show_error=True,
                 show_api=False,
-                share=False,  # 로컬에서는 공개 링크 비활성화
-                inbrowser=True,  # 자동으로 브라우저 열기
-                quiet=False  # 상세 로그 표시
+                share=False,
+                inbrowser=True,
+                quiet=False
             )
         except KeyboardInterrupt:
             print("\n\nGoogle Trends 분석기가 종료")
-            print("감사합니다! ")
+            print("감사합니다!")
         except Exception as e:
-            print(f"\n 서버 실행 중 오류: {e}")
-            print("포트 7860이 이미 사용 중인지 확인")
+            print(f"\n서버 실행 중 오류: {e}")
+            print("포트 7860이 이미 사용 중인지 확인")
+
+
+
+
+
+# import os
+# import time
+# import base64
+# import json
+# import traceback
+# from typing import Tuple, Optional
+# import gradio as gr
+# import anthropic
+# from selenium import webdriver
+# from selenium.webdriver.chrome.options import Options
+# from selenium.webdriver.common.by import By
+# from selenium.webdriver.support.ui import WebDriverWait
+# from selenium.webdriver.support import expected_conditions as EC
+# from selenium.common.exceptions import TimeoutException, NoSuchElementException
+# from concurrent.futures import ThreadPoolExecutor
+# import threading
+
+# # Hugging Face Space 환경 확인
+# IS_HUGGINGFACE = os.getenv("SPACE_ID") is not None
+# print(f'IS_HUGGINGFACE = {IS_HUGGINGFACE}')
+
+# # Claude API 설정 (Hugging Face Secrets에서 가져오기)
+# ANTHROPIC_API_KEY = os.getenv("ANTHROPIC_API_KEY")
+
+# if not ANTHROPIC_API_KEY:
+#     print("ANTHROPIC_API_KEY가 설정되지 않음, Secret 확인 필요")
+# else:
+#     print("Claude API 키 확인 완료")
+
+# # Claude 클라이언트를 생성
+# def create_claude_client():
+#     try:
+#         client = anthropic.Anthropic(api_key=ANTHROPIC_API_KEY)
+#         print("Claude API 클라이언트 생성 성공")
+#         return client
+#     except Exception as e:
+#         print(f"Claude API 클라이언트 생성 실패: {e}")
+#         return None
+
+# # Google Trends 자동화 클래스
+# class GoogleTrendsAutomator:
+#     def __init__(self):
+#         self.driver = None
+    
+#     # Chrome 드라이버 설정
+#     def setup_driver(self):
+#         options = Options()
+        
+#         # Hugging Face Space 환경 설정
+#         if IS_HUGGINGFACE:
+#             print("Hugging Face Space 환경, 헤드리스 모드로 실행")
+#             options.add_argument("--headless=new")  # 새로운 헤드리스 모드
+#             options.add_argument("--no-sandbox")
+#             options.add_argument("--disable-dev-shm-usage")
+#             options.add_argument("--disable-gpu")
+#             options.add_argument("--disable-software-rasterizer")
+#             options.add_argument("--remote-debugging-port=9222")
+#         else:
+#             options.add_argument("--headless")
+        
+#         # # 환경별 설정
+#         # if os.getenv("SPACE_ID"):  # Hugging Face Space
+#         #     options.add_argument("--headless")
+#         #     options.add_argument("--no-sandbox")
+#         #     options.add_argument("--disable-dev-shm-usage")
+#         #     options.add_argument("--disable-gpu")
+#         # else:  # 로컬 환경
+#         #     options.add_argument("--headless")
+        
+#         # 속도 최적화 설정
+#         options.add_argument("--window-size=1280,720")  # 해상도 줄임
+#         options.add_argument("--disable-blink-features=AutomationControlled")
+#         options.add_argument("--disable-extensions")
+#         options.add_argument("--disable-web-security")
+#         options.add_argument("--allow-running-insecure-content")
+#         options.add_argument("--disable-background-timer-throttling")
+#         options.add_argument("--disable-backgrounding-occluded-windows")
+#         options.add_argument("--disable-renderer-backgrounding")
+#         options.add_argument("--disable-features=TranslateUI")
+#         options.add_argument("--disable-ipc-flooding-protection")
+        
+#         # 네트워크 최적화
+#         options.add_argument("--aggressive-cache-discard")
+#         options.add_argument("--disable-background-networking")
+        
+#         # 메모리 최적화
+#         options.add_argument("--memory-pressure-off")
+#         # options.add_argument("--max_old_space_size=4096")
+#         options.add_argument("--max_old_space_size=2048")# 메모리 제한
+        
+#         # 이미지/CSS 비활성화로 로딩 속도 향상
+#         prefs = {
+#             "profile.managed_default_content_settings.images": 2,  # 이미지 차단
+#             "profile.default_content_setting_values.notifications": 2,  # 알림 차단
+#         }
+#         options.add_experimental_option("prefs", prefs)
+        
+#         # 봇 감지 회피
+#         options.add_argument("--user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36")
+#         options.add_experimental_option("excludeSwitches", ["enable-automation"])
+#         options.add_experimental_option('useAutomationExtension', False)
+        
+#         # 언어 설정
+#         options.add_argument("--lang=ko")
+#         options.add_argument("--accept-lang=ko-KR,ko;q=0.9,en;q=0.8")
+        
+#         try:
+#             # Hugging Face 환경에서는 webdriver-manager 우선 사용
+#             if IS_HUGGINGFACE:
+#                 try:
+#                     from webdriver_manager.chrome import ChromeDriverManager
+#                     from selenium.webdriver.chrome.service import Service
+                    
+#                     print("ChromeDriver 자동 설치 중...")
+#                     service = Service(ChromeDriverManager().install())
+#                     self.driver = webdriver.Chrome(service=service, options=options)
+#                     print("ChromeDriver 설치 및 초기화 성공")
+                    
+#                 except Exception as e:
+#                     print(f"webdriver-manager 설치 실패: {e}")
+#                     # 시스템 ChromeDriver 시도
+#                     try:
+#                         self.driver = webdriver.Chrome(options=options)
+#                         print("시스템 ChromeDriver 사용 성공")
+#                     except Exception as sys_e:
+#                         print(f"시스템 ChromeDriver도 실패: {sys_e}")
+#                         return False
+#             else:
+#                 # 로컬 환경
+#                 try:
+#                     from webdriver_manager.chrome import ChromeDriverManager
+#                     from selenium.webdriver.chrome.service import Service
+                    
+#                     service = Service(ChromeDriverManager().install())
+#                     self.driver = webdriver.Chrome(service=service, options=options)
+#                     print("로컬 ChromeDriver 설치 성공")
+#                 except:
+#                     self.driver = webdriver.Chrome(options=options)
+#                     print("로컬 시스템 ChromeDriver 사용")
+#             # # 여러 방법으로 ChromeDriver 시도
+#             # driver_created = False
+            
+#             # # 방법 1: webdriver-manager 사용
+#             # try:
+#             #     from webdriver_manager.chrome import ChromeDriverManager
+#             #     from selenium.webdriver.chrome.service import Service
+                
+#             #     service = Service(ChromeDriverManager().install())
+#             #     self.driver = webdriver.Chrome(service=service, options=options)
+#             #     print("webdriver-manager로 ChromeDriver 자동 설치 성공")
+#             #     driver_created = True
+                
+#             # except Exception as wm_error:
+#             #     print(f"webdriver-manager 실패: {wm_error}")
+            
+#             # # 방법 2: 시스템 ChromeDriver 사용
+#             # if not driver_created:
+#             #     try:
+#             #         self.driver = webdriver.Chrome(options=options)
+#             #         print("시스템 ChromeDriver 사용 성공")
+#             #         driver_created = True
+#             #     except Exception as sys_error:
+#             #         print(f"시스템 ChromeDriver 실패: {sys_error}")
+            
+#             # if not driver_created:
+#             #     print("모든 ChromeDriver 초기화 방법 실패")
+#             #     return False
+            
+#             # 타임아웃 설정 (속도 최적화)
+#             self.driver.set_page_load_timeout(15)  # 페이지 로딩 타임아웃 15초
+#             self.driver.implicitly_wait(2)  # 요소 대기 시간 2초로 단축
+            
+#             # 봇 감지 방지 스크립트
+#             try:
+#                 self.driver.execute_script("""
+#                     Object.defineProperty(navigator, 'webdriver', {get: () => undefined});
+#                     Object.defineProperty(navigator, 'plugins', {get: () => [1, 2, 3, 4, 5]});
+#                     Object.defineProperty(navigator, 'languages', {get: () => ['ko-KR', 'ko', 'en']});
+#                 """)
+#             except Exception as script_error:
+#                 print(f"봇 감지 방지 스크립트 실패 (무시): {script_error}")
+            
+#             return True
+            
+#         except Exception as e:
+#             print(f"드라이버 설정 최종 실패: {e}")
+#             return False
+    
+#     # 빠르게 Element 찾기, Timeout 단축 고려
+#     def safe_find_element(self, selectors: list, timeout: int = 3):
+#         for selector_type, selector in selectors:
+#             try:
+#                 if selector_type == "xpath":
+#                     element = WebDriverWait(self.driver, timeout).until(
+#                         EC.presence_of_element_located((By.XPATH, selector))
+#                     )
+#                 elif selector_type == "css":
+#                     element = WebDriverWait(self.driver, timeout).until(
+#                         EC.presence_of_element_located((By.CSS_SELECTOR, selector))
+#                     )
+#                 elif selector_type == "text":
+#                     element = WebDriverWait(self.driver, timeout).until(
+#                         EC.presence_of_element_located((By.XPATH, f"//*[contains(text(), '{selector}')]"))
+#                     )
+                
+#                 if element:
+#                     return element
+#             except:
+#                 continue
+#         return None
+    
+#     # 즉시 클릭
+#     def safe_click(self, selectors: list, timeout: int = 3) -> bool:
+#         element = self.safe_find_element(selectors, timeout)
+#         if element:
+#             try:
+#                 # JavaScript 클릭 우선 시도 (더 빠름)
+#                 self.driver.execute_script("arguments[0].click();", element)
+#                 return True
+#             except:
+#                 try:
+#                     element.click()
+#                     return True
+#                 except:
+#                     return False
+#         return False
+    
+#     # 병렬로 설정 변경 시도
+#     def parallel_change_settings(self, region: str, period: str, category: str, progress_callback=None) -> dict:
+#         results = {
+#             'region': False,
+#             'period': False, 
+#             'category': False,
+#             'errors': []
+#         }
+        
+#         # 순차적으로 변경 (병렬은 selenium에서 안전하지 않음)
+#         try:
+#             if region != "대한민국":
+#                 if progress_callback:
+#                     progress_callback("지역 설정 변경 중...")
+#                 results['region'] = self.change_region(region)
+#                 time.sleep(0.5)  # 최소 대기
+#             else:
+#                 results['region'] = True
+                
+#             if period != "지난 24시간":
+#                 if progress_callback:
+#                     progress_callback("기간 설정 변경 중...")
+#                 results['period'] = self.change_time_period(period)
+#                 time.sleep(0.5)  # 최소 대기
+#             else:
+#                 results['period'] = True
+                
+#             if category != "모든 카테고리":
+#                 if progress_callback:
+#                     progress_callback("카테고리 설정 변경 중...")
+#                 results['category'] = self.change_category(category)
+#                 time.sleep(0.5)  # 최소 대기
+#             else:
+#                 results['category'] = True
+                
+#         except Exception as e:
+#             results['errors'].append(str(e))
+        
+#         return results
+    
+#     # 지역 변경
+#     def change_region(self, target_region: str) -> bool:
+#         try:
+#             region_selectors = [
+#                 ("xpath", "//button[@aria-label='대한민국, 위치 선택']"),
+#                 ("xpath", "//button[contains(@aria-label, '위치 선택')]"),
+#                 ("xpath", "//span[contains(text(), '대한민국')]//parent::button"),
+#             ]
+            
+#             if not self.safe_click(region_selectors):
+#                 return False
+            
+#             time.sleep(1)  # 대기 시간 단축
+            
+#             region_mapping = {
+#                 "전세계": ["전 세계", "Worldwide"],
+#                 "미국": ["미국", "United States"],
+#                 "일본": ["일본", "Japan"],
+#                 "중국": ["중국", "China"]
+#             }
+            
+#             if target_region in region_mapping:
+#                 for region_text in region_mapping[target_region]:
+#                     region_option_selectors = [
+#                         ("xpath", f"//span[contains(text(), '{region_text}')]"),
+#                         ("xpath", f"//*[contains(text(), '{region_text}')]"),
+#                     ]
+                    
+#                     if self.safe_click(region_option_selectors, timeout=2):
+#                         return True
+            
+#             return False
+            
+#         except Exception as e:
+#             print(f"지역 변경 실패: {e}")
+#             return False
+    
+#     # 기간 변경
+#     def change_time_period(self, target_period: str) -> bool:
+#         try:
+#             period_selectors = [
+#                 ("xpath", "//button[contains(@aria-label, '기간 선택')]"),
+#                 ("xpath", "//span[contains(text(), '지난 24시간')]//parent::button"),
+#             ]
+            
+#             if not self.safe_click(period_selectors):
+#                 return False
+                
+#             time.sleep(1)  # 대기 시간 단축
+            
+#             period_mapping = {
+#                 "지난 1시간": ["지난 1시간"],
+#                 "지난 4시간": ["지난 4시간"], 
+#                 "지난 1일": ["지난 1일"],
+#                 "지난 7일": ["지난 7일", "지난 주"]
+#             }
+            
+#             if target_period in period_mapping:
+#                 for period_text in period_mapping[target_period]:
+#                     period_option_selectors = [
+#                         ("xpath", f"//span[contains(text(), '{period_text}')]"),
+#                         ("xpath", f"//*[contains(text(), '{period_text}')]"),
+#                     ]
+                    
+#                     if self.safe_click(period_option_selectors, timeout=2):
+#                         return True
+            
+#             return False
+            
+#         except Exception as e:
+#             print(f"기간 변경 실패: {e}")
+#             return False
+    
+#     # 카테고리 변경
+#     def change_category(self, target_category: str) -> bool:
+#         try:
+#             category_selectors = [
+#                 ("xpath", "//button[contains(@aria-label, '카테고리 선택')]"),
+#                 ("xpath", "//span[contains(text(), '모든 카테고리')]//parent::button"),
+#             ]
+            
+#             if not self.safe_click(category_selectors):
+#                 return False
+                
+#             time.sleep(1)  # 대기 시간 단축
+            
+#             category_mapping = {
+#                 "게임": ["게임"],
+#                 "건강": ["건강"],
+#                 "기술": ["컴퓨터 및 전자제품", "기술"],
+#                 "스포츠": ["스포츠"],
+#                 "엔터테인먼트": ["예술 및 엔터테인먼트", "엔터테인먼트"],
+#                 "뉴스": ["뉴스"],
+#                 "비즈니스": ["비즈니스"]
+#             }
+            
+#             if target_category in category_mapping:
+#                 for category_text in category_mapping[target_category]:
+#                     category_option_selectors = [
+#                         ("xpath", f"//span[contains(text(), '{category_text}')]"),
+#                         ("xpath", f"//*[contains(text(), '{category_text}')]"),
+#                     ]
+                    
+#                     if self.safe_click(category_option_selectors, timeout=2):
+#                         return True
+            
+#             return False
+            
+#         except Exception as e:
+#             print(f"카테고리 변경 실패: {e}")
+#             return False
+    
+#     # Google Trends 캡처
+#     def capture_trends(self, region: str, period: str, category: str, progress_callback=None) -> Tuple[Optional[str], bool, str]:
+#         error_msg = ""
+        
+#         try:
+#             if progress_callback:
+#                 progress_callback("브라우저 드라이버 초기화 중...")
+            
+#             # 드라이버 설정
+#             if not self.setup_driver():
+#                 return None, False, "브라우저 드라이버 설정 실패"
+            
+#             if progress_callback:
+#                 progress_callback("Google Trends 페이지 접속 중...")
+            
+#             # Google Trends 접속 (한국어 직접 URL)
+#             self.driver.get("https://trends.google.com/trending?geo=KR&hl=ko")
+            
+#             # 최소한의 로딩 대기 (1초로 단축)
+#             time.sleep(1)
+            
+#             if progress_callback:
+#                 progress_callback("페이지 로딩 완료, 설정 변경 시작...")
+            
+#             # 페이지 준비 확인 (빠른 체크)
+#             try:
+#                 WebDriverWait(self.driver, 5).until(
+#                     EC.presence_of_element_located((By.TAG_NAME, "button"))
+#                 )
+#             except TimeoutException:
+#                 pass  # 계속 진행
+            
+#             # 설정 변경 (병렬 처리)
+#             settings_result = self.parallel_change_settings(region, period, category, progress_callback)
+            
+#             # 결과 확인
+#             changes_made = []
+#             if settings_result['region']:
+#                 changes_made.append(f"지역: {region}")
+#             if settings_result['period']:
+#                 changes_made.append(f"기간: {period}")
+#             if settings_result['category']:
+#                 changes_made.append(f"카테고리: {category}")
+            
+#             if settings_result['errors']:
+#                 error_msg = "\n".join(settings_result['errors'])
+            
+#             if progress_callback:
+#                 progress_callback("설정 변경 완료, 데이터 가져오는중...")
+            
+#             # 최종 데이터 로딩 대기 (1초로 단축)
+#             time.sleep(1)
+            
+#             # 스크린샷 촬영 (필요한 영역만)
+#             screenshot = self.driver.get_screenshot_as_png()
+#             screenshot_b64 = base64.b64encode(screenshot).decode()
+            
+#             success_msg = f"설정 완료: {', '.join(changes_made) if changes_made else '기본 설정 사용'}"
+            
+#             return screenshot_b64, True, success_msg + ("\n" + error_msg if error_msg else "")
+            
+#         except Exception as e:
+#             error_msg = f"오류 발생: {str(e)}"
+#             return None, False, error_msg
+            
+#         finally:
+#             if self.driver:
+#                 self.driver.quit()
+
+# # Claude API로 스크린샷 분석
+# def analyze_with_claude(screenshot_b64: str, region: str, period: str, category: str) -> str:
+#     try:
+#         # API 키 체크
+#         if not ANTHROPIC_API_KEY or ANTHROPIC_API_KEY == "your_api_key_here":
+#             return """
+#             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#                 <h3>API 키 오류</h3>
+#                 <p><strong>ANTHROPIC_API_KEY가 설정되지 않았습니다!</strong></p>
+#             </div>
+#             """
+        
+#         # Claude 클라이언트 생성
+#         claude_client = create_claude_client()
+        
+#         if claude_client is None:
+#             return """
+#             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#                 <h3>Claude API 연결 실패</h3>
+#                 <p>API 연결에 문제가 있습니다. 잠시 후 다시 시도해주세요.</p>
+#             </div>
+#             """
+        
+#         # 간결한 프롬프트 (속도 최적화)
+#         prompt = f"""
+# 이 Google Trends 스크린샷을 분석해주세요.
+# 설정: {region} | {period} | {category}
+
+# 다음을 HTML 표 형태로 정확하게 정리해주세요:
+# 1. 실시간 인기 검색어 상위 10개 (순위, 검색어, 검색량, 상승률)
+# 2. 주요 트렌드 키워드 3-5개의 특징 설명
+# 3. 카테고리별 특이사항 (있는 경우)
+
+# HTML 형태로 깔끔하게 정리하고, 이모지를 사용하지 않고 시각적으로 만들어주세요.
+# 한글 텍스트를 정확히 읽어서 분석해주세요.
+# """
+
+#         # Claude API 호출 (빠른 설정)
+#         message = claude_client.messages.create(
+#             model="claude-3-5-sonnet-20241022",
+#             max_tokens=1000,  # 토큰 수 줄여서 속도 향상
+#             messages=[
+#                 {
+#                     "role": "user",
+#                     "content": [
+#                         {
+#                             "type": "text",
+#                             "text": prompt
+#                         },
+#                         {
+#                             "type": "image",
+#                             "source": {
+#                                 "type": "base64",
+#                                 "media_type": "image/png",
+#                                 "data": screenshot_b64
+#                             }
+#                         }
+#                     ]
+#                 }
+#             ]
+#         )
+        
+#         return message.content[0].text
+        
+#     except Exception as e:
+#         return f"""
+#         <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#             <h3>Claude API 분석 실패</h3>
+#             <p><strong>오류:</strong> {str(e)}</p>
+#         </div>
+#         """
+
+# def main_analysis(region: str, period: str, category: str):
+#     """실시간 스트리밍 분석 함수 (Generator)"""
+    
+#     start_time = time.time()
+    
+#     # 1단계: 시작 메시지
+#     yield f"""
+#     <div style="text-align: center; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; margin-bottom: 20px;">
+#         <h3>Google Trends 분석 시작!</h3>
+#         <p><strong>설정:</strong> {region} | {period} | {category}</p>
+#         <p>실시간으로 진행 상황을 업데이트합니다...</p>
+#     </div>
+#     """
+    
+#     progress_status = {"current": ""}
+    
+#     def progress_callback(message):
+#         progress_status["current"] = message
+    
+#     try:
+#         # 2단계: API 키 확인
+#         if not ANTHROPIC_API_KEY or ANTHROPIC_API_KEY == "your_api_key_here":
+#             yield """
+#             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#                 <h3> API 키 누락</h3>
+#                 <p><strong>ANTHROPIC_API_KEY가 설정되지 않았습니다!</strong></p>
+#                 <p><strong>해결 방법:</strong> .env 파일에 API 키를 설정하고 앱을 재시작하세요.</p>
+#             </div>
+#             """
+#             return
+        
+#         # 3단계: 브라우저 실행 알림
+#         yield f"""
+#         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#             <h4> 1단계: 시작합니다! 입력하신 조건을 확인합니다...</h4>
+#              <p>Connect Start...</p>
+#         </div>
+        
+#         <div style="padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin-bottom: 15px;">
+#             <p> <strong>진행 중:</strong> 브라우저 드라이버 설정 및 페이지 로딩...</p>
+#         </div>
+#         """
+        
+#         # 4단계: Google Trends 자동화 실행
+#         print(f" 분석 시작: {region} | {period} | {category}")
+#         automator = GoogleTrendsAutomator()
+        
+#         # 5단계: 설정 변경 알림
+#         if region != "대한민국" or period != "지난 24시간" or category != "모든 카테고리":
+#             yield f"""
+#             <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#                 <h4>자동화 시작</h4>
+#                 <p>In Running...</p>
+#             </div>
+            
+#             <div style="padding: 15px; background-color: #e3f2fd; border-radius: 5px; margin-bottom: 15px;">
+#                 <p><strong>설정 변경 중:</strong></p>
+#                 <ul style="margin: 10px 0;">
+#                     {"<li>지역: " + region + "</li>" if region != "대한민국" else ""}
+#                     {"<li>기간: " + period + "</li>" if period != "지난 24시간" else ""}
+#                     {"<li>카테고리: " + category + "</li>" if category != "모든 카테고리" else ""}
+#                 </ul>
+#             </div>
+#             """
+        
+#         # 브라우저 작업을 별도 스레드에서 실행
+#         with ThreadPoolExecutor(max_workers=1) as executor:
+#             future = executor.submit(
+#                 automator.capture_trends, 
+#                 region, period, category, progress_callback
+#             )
+            
+#             # 진행 상황 업데이트
+#             while not future.done():
+#                 current_progress = progress_status["current"]
+#                 if current_progress:
+#                     elapsed = time.time() - start_time
+#                     yield f"""
+#                     <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#                         <h4>자동화 시작</h4>
+#                         <p>In Running...</p>
+#                     </div>
+                    
+#                     <div style="padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin-bottom: 15px;">
+#                         <p><strong>진행 중:</strong> {current_progress}</p>
+#                         <p><strong>경과 시간:</strong> {elapsed:.1f}초</p>
+#                     </div>
+#                     """
+#                 time.sleep(0.5)
+            
+#             # 결과 받기
+#             screenshot_b64, success, status_msg = future.result()
+        
+#         browser_time = time.time() - start_time
+        
+#         if not success:
+#             yield f"""
+#             <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#                 <h3>Google Trends 접속 실패</h3>
+#                 <pre style="background-color: #fff5f5; padding: 15px; border-radius: 5px; margin: 15px 0;">
+# {status_msg}
+#                 </pre>
+#                 <p><strong>해결 방법:</strong> Chrome 브라우저와 ChromeDriver를 설치하고 다시 시도하세요.</p>
+#             </div>
+#             """
+#             return
+        
+#         # 6단계: 스크린샷 완료 및 AI 분석 시작
+#         yield f"""
+#         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#             <h4>2단계: 입력하신 데이터를 확인했고, 조건에 맞는 데이터를 가져옵니다...</h4>
+#             <p>Google Trends 데이터를 성공적으로 캡처했습니다.</p>
+#         </div>
+        
+#         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#             <h4>3단계: AI 분석 진행 중...</h4>
+#             <p>Claude AI가 트렌드 데이터를 분석하고 있습니다.</p>
+#             <p style="font-size: 14px; opacity: 0.9;">약 10-20초 소요 예상</p>
+#         </div>
+#         """
+        
+#         # 7단계: Claude API 분석
+#         ai_start_time = time.time()
+#         print("실시간 인기 검색어 데이터를 가져왔고, Claude 분석 시작합니다...")
+        
+#         # AI 분석을 별도 스레드에서 실행
+#         with ThreadPoolExecutor(max_workers=1) as executor:
+#             ai_future = executor.submit(
+#                 analyze_with_claude, 
+#                 screenshot_b64, region, period, category
+#             )
+            
+#             # AI 분석 진행 상황 표시
+#             while not ai_future.done():
+#                 ai_elapsed = time.time() - ai_start_time
+#                 total_elapsed = time.time() - start_time
+#                 yield f"""
+#                 <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#                     <h4>📸 2단계: 입력하신 데이터를 확인했고, 조건에 맞는 데이터를 가져옵니다...</h4>
+#                     <p>Google Trends 데이터를 성공적으로 캡처했습니다.</p>
+#                 </div>
+                
+#                 <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%); color: white; border-radius: 10px; margin-bottom: 15px;">
+#                     <h4>3단계: AI 분석 진행 중...</h4>
+#                     <p>Claude AI가 트렌드 데이터를 분석하고 있습니다. ({ai_elapsed:.1f}초)</p>
+#                     <p style="font-size: 14px; opacity: 0.9;">총 경과 시간: {total_elapsed:.1f}초</p>
+#                 </div>
+#                 """
+#                 time.sleep(0.5)
+            
+#             analysis_result = ai_future.result()
+        
+#         ai_time = time.time() - ai_start_time
+#         total_time = time.time() - start_time
+        
+#         # 8단계: 최종 결과 출력
+#         yield f"""
+#         <div style="text-align: center; padding: 15px; background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%); color: white; border-radius: 10px; margin-bottom: 20px;">
+#             <h3> 분석 완료!</h3>
+#             <p><strong>설정:</strong> {region} | {period} | {category}</p>
+#             <p>모든 단계가 성공적으로 완료되었습니다.</p>
+#         </div>
+        
+#         {analysis_result}
+        
+#         <div style="margin-top: 20px; padding: 15px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; text-align: center;">
+#             <p style="margin: 0; font-size: 14px;">
+#                  <strong>다른 설정으로 다시 분석하시겠습니까?</strong><br>
+#                 위의 설정을 변경하고 다시 버튼을 클릭하세요!
+#             </p>
+#         </div>
+        
+#         <div style="margin-top: 15px; padding: 10px; background-color: #f9f9f9; border-radius: 5px; font-size: 12px; color: #666; text-align: center;">
+#             <p style="margin: 5px 0;"> <strong>분석 완료 시간:</strong> 약 15-30초</p>
+#             <p style="margin: 5px 0;"> <strong>AI 엔진:</strong> Claude 3.5 Sonnet</p>
+#             <p style="margin: 5px 0;"> <strong>데이터 출처:</strong> Google Trends 실시간 스크린샷</p>
+#         </div>
+#         """
+        
+#         print("전체 분석 프로세스 완료!")
+        
+#     except Exception as e:
+#         error_details = traceback.format_exc()
+#         print(f"메인 분석 중 예외 발생: {e}")
+        
+#         yield f"""
+#         <div style="color: red; padding: 20px; border: 1px solid red; border-radius: 5px;">
+#             <h3>오류 발생</h3>
+#             <p><strong>오류:</strong> {str(e)}</p>
+#             <details>
+#                 <summary>상세 오류 정보 (클릭하여 펼치기)</summary>
+#                 <pre style="background-color: #f5f5f5; padding: 10px; margin-top: 10px; overflow-x: auto; font-size: 11px;">
+# {error_details}
+#                 </pre>
+#             </details>
+#             <p><strong>해결 방법:</strong> 페이지를 새로고침하고 다시 시도하세요.</p>
+#         </div>
+#         """
+
+# # Gradio 인터페이스 (실시간 스트리밍 형태로)
+# def create_interface():
+    
+#     with gr.Blocks(
+#         theme=gr.themes.Soft(),
+#         title="Google Trends 실시간 분석기",
+#         css="""
+#         .gradio-container {
+#             max-width: 1200px !important;
+#         }
+#         .output-html {
+#             max-height: none !important;
+#         }
+#         """
+#     ) as interface:
+        
+#         # Header
+#         gr.HTML("""
+#         <div style="text-align: center; padding: 20px; background: linear-gradient(90deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 10px; margin-bottom: 20px;">
+#             <h1>Google Trends 실시간 분석기</h1>
+#             <p>Google Trends의 실시간 인기 검색어를 AI가 자동으로 분석합니다</p>
+#             <p style="font-size: 14px; opacity: 0.9;">개선된 방식으로 단계별 진행상황을 확인할 수 있습니다.</p>
+#         </div>
+#         """)
+        
+#         # 입력 섹션
+#         with gr.Row():
+#             with gr.Column(scale=1):
+#                 region_input = gr.Dropdown(
+#                     choices=["대한민국", "전세계", "미국", "일본", "중국"],
+#                     value="대한민국",
+#                     label="지역 선택",
+#                     info="분석할 지역을 선택하세요"
+#                 )
+                
+#             with gr.Column(scale=1):
+#                 period_input = gr.Dropdown(
+#                     choices=["지난 24시간", "지난 1시간", "지난 4시간", "지난 1일", "지난 7일"],
+#                     value="지난 7일", 
+#                     label="기간 선택",
+#                     info="트렌드 분석 기간을 선택하세요"
+#                 )
+                
+#             with gr.Column(scale=1):
+#                 category_input = gr.Dropdown(
+#                     choices=["모든 카테고리", "게임", "건강", "기술", "스포츠", "엔터테인먼트", "뉴스", "비즈니스"],
+#                     value="모든 카테고리",
+#                     label="카테고리 선택", 
+#                     info="관심 분야를 선택하세요"
+#                 )
+        
+#         # 분석 버튼
+#         analyze_btn = gr.Button(
+#             "실시간 트렌드 분석 시작 (빠른 스트리밍 모드)", 
+#             variant="primary",
+#             size="lg"
+#         )
+        
+#         # 진행 상황 및 결과 출력
+#         output = gr.HTML(
+#             label="실시간 분석 결과",
+#             value="""
+#             <div style="text-align: center; padding: 20px; border: 2px dashed #ccc; border-radius: 10px; color: #666;">
+#                 <h3>분석 대기 중</h3>
+#                 <p>위의 설정을 선택하고 '실시간 트렌드 분석 시작' 버튼을 클릭하세요!</p>
+#                 <p style="font-size: 14px;">개선된 방식으로 <strong>15-30초</strong>만에 분석이 완료됩니다.</p>
+#             </div>
+#             """
+#         )
+        
+#         # 이벤트 연결 (Generator 함수로 실시간 스트리밍)
+#         analyze_btn.click(
+#             fn=main_analysis,
+#             inputs=[region_input, period_input, category_input],
+#             outputs=output,
+#             show_progress="hidden"  # 내장 진행률 표시 숨김 (자체 스트리밍 사용)
+#         )
+        
+#         # 사용법 안내
+#         gr.HTML("""
+#         <div style="margin-top: 30px; padding: 20px; background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); border-radius: 10px;">
+#             <h3 style="margin-top: 0; color: #333;"> 새로운 기능!</h3>
+#             <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; color: #555;">
+#                 <div>
+#                     <h4> 실시간 스트리밍</h4>
+#                     <ul style="margin: 0; padding-left: 20px;">
+#                         <li>브라우저 실행 상태 실시간 표시</li>
+#                         <li>설정 변경 과정 단계별 확인</li>
+#                         <li>AI 분석 진행상황 표시</li>
+#                     </ul>
+#                 </div>
+#                 <div>
+#                     <h4> 속도 최적화</h4>
+#                     <ul style="margin: 0; padding-left: 20px;">
+#                         <li>대기 시간 단축 </li>
+#                         <li>불필요한 로딩 시간 제거</li>
+#                         <li>효율적인 데이터 처리</li>
+#                     </ul>
+#                 </div>
+#             </div>
+#         </div>
+#         """)
+        
+#         # footer
+#         gr.HTML("""
+#         <div style="text-align: center; margin-top: 20px; padding: 15px; color: #666; border-top: 1px solid #eee;">
+#             <p> <strong>사용법:</strong> 원하는 설정을 선택하고 분석 버튼을 클릭하세요</p>
+#             <p> <strong>속도:</strong> 점차적으로 개선 예정입니다.</p>
+#             <p> <strong>Powered by:</strong> Google Trends + Claude AI + 실시간 스트리밍</p>
+#         </div>
+#         """)
+    
+#     return interface
+
+# # 메인 실행
+# if __name__ == "__main__":
+#     print("=" * 50)
+#     print("Google Trends 실시간 분석기 시작!")
+#     print("=" * 50)
+    
+#     # API 키 확인
+#     if not ANTHROPIC_API_KEY or ANTHROPIC_API_KEY == "your_api_key_here":
+#         print(" ANTHROPIC_API_KEY가 설정되지 않음")
+#         print("\n 이 상태로도 앱은 실행되지만, 분석 기능은 작동하지 않는다.")
+#         print("=" * 50)
+#     else:
+#         print(" Claude API 키 확인됨")
+    
+#     # 인터페이스 생성 및 실행
+#     print(" Gradio 웹 인터페이스 준비 중...")
+#     app = create_interface()
+    
+#     # 환경별 실행 설정
+#     if os.getenv("SPACE_ID"):
+#         # Hugging Face Space 환경
+#         print(" Hugging Face Space 환경에서 실행 중...")
+#         app.launch(
+#             server_name="0.0.0.0",
+#             server_port=7860,
+#             show_error=True,
+#             show_api=False
+#         )
+#     else:
+#         # 로컬 환경
+#         print(" 로컬 서버 시작 중...")
+#         print(" 브라우저에서 http://localhost:7860 으로 접속")
+#         print(" 종료하려면 Ctrl+C")
+#         print("=" * 50)
+        
+#         try:
+#             app.launch(
+#                 server_name="127.0.0.1",
+#                 server_port=7860,
+#                 show_error=True,
+#                 show_api=False,
+#                 share=False,  # 로컬에서는 공개 링크 비활성화
+#                 inbrowser=True,  # 자동으로 브라우저 열기
+#                 quiet=False  # 상세 로그 표시
+#             )
+#         except KeyboardInterrupt:
+#             print("\n\nGoogle Trends 분석기가 종료")
+#             print("감사합니다! ")
+#         except Exception as e:
+#             print(f"\n 서버 실행 중 오류: {e}")
+#             print("포트 7860이 이미 사용 중인지 확인")

packages.txt

@@ -1,3 +1,5 @@
-
-chromium-browser
-chromium-chromedriver
+wget
+unzip
+curl
+gnupg
+ca-certificates