simplize'

app.py

@@ -7,22 +7,16 @@ import time
 # 전역 변수로 서버 URL 저장
 SERVER_URL = ""
 # 타임아웃 설정 (초)
-REQUEST_TIMEOUT = 15  # 더 많은 시간으로 설정하면 오히려 프로세스가 걸릴 수 있음
+REQUEST_TIMEOUT = 15
 
-# 영구적인 HTTP 세션 생성
+# 영구적인 HTTP 세션 생성 및 재시도 설정 (이전과 동일)
 session = requests.Session()
-# 연결 풀링 설정 및 자동 재시도 강화
 adapter = requests.adapters.HTTPAdapter(
     pool_connections=5,
     pool_maxsize=10,
     max_retries=requests.adapters.Retry(
-        total=3,  # 총 재시도 횟수
-        backoff_factor=0.5,  # 재시도 간 대기 시간 증가 계수
-        status_forcelist=[429, 500, 502, 503, 504],  # 재시도할 HTTP 상태 코드
-        allowed_methods=["GET", "POST"],  # 재시도할 HTTP 메서드
-        connect=3,  # 연결 오류에 대한 재시도 횟수
-        read=3,  # 읽기 오류에 대한 재시도 횟수
-        redirect=3  # 리다이렉트 재시도 횟수
+        total=3, backoff_factor=0.5, status_forcelist=[429, 500, 502, 503, 504],
+        allowed_methods=["GET", "POST"], connect=3, read=3, redirect=3
     )
 )
 session.mount('http://', adapter)
@@ -31,21 +25,12 @@ session.mount('https://', adapter)
 def connect_server(ngrok_url):
     """서버 연결 시도"""
     global SERVER_URL
-
     try:
-        # 입력이 비어있는지 확인
-        if not ngrok_url:
-            return "서버 URL을 입력해주세요!"
-
-        # 마지막 슬래시 제거
-        if ngrok_url.endswith('/'):
-            ngrok_url = ngrok_url[:-1]
-
-        # 서버 상태 확인
+        if not ngrok_url: return "서버 URL을 입력해주세요!"
+        if ngrok_url.endswith('/'): ngrok_url = ngrok_url[:-1]
         response = session.get(f"{ngrok_url}/health", timeout=REQUEST_TIMEOUT)
-
         if response.status_code == 200:
-            SERVER_URL = ngrok_url  # 전역 변수 업데이트
+            SERVER_URL = ngrok_url
             return "서버 연결 성공!"
         else:
             return f"서버 응답 오류: HTTP {response.status_code}"
@@ -55,13 +40,9 @@ def connect_server(ngrok_url):
 def check_status():
     """서버 상태 확인"""
     global SERVER_URL
-
-    if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
-
+    if not SERVER_URL: return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
     try:
         response = session.get(f"{SERVER_URL}/api/status", timeout=REQUEST_TIMEOUT)
-
         if response.status_code == 200:
             return json.dumps(response.json(), indent=2, ensure_ascii=False)
         else:
@@ -72,27 +53,11 @@ def check_status():
 def echo_test(message):
     """에코 테스트"""
     global SERVER_URL
-
-    if not SERVER_URL:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
-
-    if not message:
-        return "메시지를 입력해주세요."
-
+    if not SERVER_URL: return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요."
+    if not message: return "메시지를 입력해주세요."
     try:
-        payload = {
-            "action": "echo",
-            "data": {"message": message},
-            "timestamp": int(time.time() * 1000)
-        }
-
-        response = session.post(
-            f"{SERVER_URL}/api/send",
-            json=payload,
-            headers={"Content-Type": "application/json"},
-            timeout=REQUEST_TIMEOUT
-        )
-
+        payload = {"action": "echo", "data": {"message": message}, "timestamp": int(time.time() * 1000)}
+        response = session.post(f"{SERVER_URL}/api/send", json=payload, headers={"Content-Type": "application/json"}, timeout=REQUEST_TIMEOUT)
         if response.status_code == 200:
             return json.dumps(response.json(), indent=2, ensure_ascii=False)
         else:
@@ -100,531 +65,198 @@ def echo_test(message):
     except RequestException as e:
         return f"에코 테스트 중 오류 발생: {str(e)}"
 
+# --- get_programs 함수 수정 ---
 def get_programs():
-    """프로그램 목록 조회"""
+    """프로그램 목록 조회 (JavaScript 제거 및 Gradio 업데이트 방식 적용)"""
     global SERVER_URL
-
-    # 디버그 정보 기록
     print(f"[DEBUG] 프로그램 목록 조회 함수 시작")
+    program_options = [] # 드롭다운 선택지 리스트 초기화
 
     # 서버 URL이 없을 경우 테스트 데이터 사용
     if not SERVER_URL:
         print(f"[DEBUG] 서버 URL이 설정되지 않았습니다. 테스트 데이터를 사용합니다.")
-        # 테스트 프로그램 데이터
         test_programs = [
             {"id": "test1", "name": "테스트 프로그램 1", "description": "테스트 설명 1", "path": "C:\\test\\program1.exe"},
             {"id": "test2", "name": "테스트 프로그램 2", "description": "테스트 설명 2", "path": "C:\\test\\program2.exe"}
         ]
-
-        # HTML 생성: 드롭다운 대신 버튼 목록 사용
+        # HTML 생성 (JavaScript 없이 정보만 표시)
         html_output = "<div style='padding: 15px; background-color: #fffaeb; border-radius: 5px; border-left: 5px solid #ffcc00;'>"
-        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
-        html_output += "<p>서버에 연결되지 않았습니다. 먼저 페이지 상단의 '서버 연결' 영역에서 ngrok URL을 입력하고 연결하세요.</p>"
-        html_output += "<p>* 테스트용 프로그램 목록:</p>"
-
-        # 프로그램 목록을 버튼으로 표시
-        html_output += "<div class='program-buttons' style='margin-top: 15px;'>"
+        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요 (테스트 모드)</h3>"
+        html_output += "<p>서버에 연결되지 않았습니다. 아래는 테스트용 프로그램 목록입니다.</p>"
+        html_output += "<table style='width: 100%; border-collapse: collapse; margin-top: 10px;'>"
+        html_output += "<tr style='background-color: #f2f2f2;'><th style='padding: 8px; text-align: left;'>이름</th><th style='padding: 8px; text-align: left;'>설명</th></tr>"
         for program in test_programs:
             program_id = program.get("id", "")
             program_name = program.get("name", "Unknown Program")
             program_desc = program.get("description", "")
-            # JavaScript onclick 이벤트로 프로그램 ID를 전달
-            html_output += f"<button onclick='selectProgram(\"{program_id}\")' "
-            html_output += f"style='margin: 5px; padding: 8px 15px; background-color: #4a6ee0; color: white; border: none; border-radius: 5px; cursor: pointer;'>"
-            html_output += f"{program_name} - {program_desc}</button><br>"
-        html_output += "</div>"
-
-        # 버튼 클릭 시 JavaScript 함수를 통해 프로그램 ID를 표시하는 스크립트 추가
-        html_output += "<script>"
-        html_output += "function selectProgram(programId) {"
-        html_output += "  var resultDiv = document.getElementById('selected_program_result');"
-        html_output += "  resultDiv.innerHTML = '<div style=\"padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;\">'"
-        html_output += "  + '<h3 style=\"margin-top: 0; color: #155724;\">\uD504\uB85C\uADF8\uB7A8 \uC120\uD0DD\uB428</h3>'"
-        html_output += "  + '<p>\uC120\uD0DD\uD55C \uD504\uB85C\uADF8\uB7A8 ID: ' + programId + '</p>'"
-        html_output += "  + '<p>\uB9C1\uD06C\uB97C \uD074\uB9AD\uD558\uC5EC \uC2E4\uD589: <a href=\"#\" onclick=\"executeProgram(\\'' + programId + '\\')\">\uD504\uB85C\uADF8\uB7A8 \uC2E4\uD589</a></p>'"
-        html_output += "  + '</div>';"
-        html_output += "};"
-        html_output += "function executeProgram(programId) {"
-        html_output += "  var resultDiv = document.getElementById('selected_program_result');"
-        html_output += "  resultDiv.innerHTML = '<div style=\"padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;\">'"
-        html_output += "  + '<h3 style=\"margin-top: 0; color: #155724;\">\uD14C\uC2A4\uD2B8 \uC2E4\uD589 \uC131\uACF5</h3>'"
-        html_output += "  + '<p>\uD14C\uC2A4\uD2B8 \uD504\uB85C\uADF8\uB7A8 ' + programId + '\uAC00 \uC2DC\uBBAC\uB808\uC774\uC158\uB418\uC5C8\uC2B5\uB2C8\uB2E4.</p>'"
-        html_output += "  + '<p><strong>\uC8FC\uC758:</strong> \uD604\uC7AC \uD14C\uC2A4\uD2B8 \uBAA8\uB4DC\uC785\uB2C8\uB2E4. \uC2E4\uC81C \uC11C\uBC84\uC5D0 \uC5F0\uACB0\uD558\uC5EC \uC2E4\uD589\uD558\uC2DC\uB824\uBA74 \uC11C\uBC84 URL\uC744 \uC785\uB825\uD558\uACE0 \uC5F0\uACB0\uD574\uC8FC\uC138\uC694.</p>'"
-        html_output += "  + '</div>';"
-        html_output += "};"
-        html_output += "</script>"
-
-        # 선택된 프로그램 결과를 표시할 div 추가
-        html_output += "<div id='selected_program_result' style='margin-top: 15px;'></div>"
-        html_output += "</div>"
-
-        # 테스트 드롭다운 옵션 생성
-        program_options = []
-        for program in test_programs:
-            program_id = program.get("id", "")
-            program_name = program.get("name", "Unknown Program")
-            program_desc = program.get("description", "")
-            program_options.append((f"{program_name} - {program_desc}", program_id))
-
-        # 테스트 모드의 경우에는 드롭다운 옵션만 반환 (HTML은 위에서 생성)
-        return html_output, program_options
+            # 드롭다운 옵션 생성
+            program_options.append((f"{program_name} ({program_desc})", program_id))
+            html_output += f"<tr><td style='padding: 8px;'>{program_name}</td><td style='padding: 8px;'>{program_desc}</td></tr>"
+        html_output += "</table></div>"
+        print(f"[DEBUG] 테스트 프로그램 옵션: {program_options}")
+        # HTML 결과와 함께 드롭다운 업데이트 객체 반환
+        return html_output, gr.Dropdown.update(choices=program_options), gr.Dropdown.update(choices=program_options)
 
     # 서버 URL이 있는 경우 API 호출
-    print(f"[DEBUG] 서버 URL이 있습니다. API 호출을 시도합니다: {SERVER_URL}/api/programs")
-
+    print(f"[DEBUG] API 호출 시도: {SERVER_URL}/api/programs")
     try:
-        # 헤더 추가
-        headers = {
-            "User-Agent": "LocalPCAgent-Client/1.0",
-            "Accept": "application/json",
-            "Cache-Control": "no-cache",
-            "Connection": "keep-alive"
-        }
-
-        # API 요청 실행
-        print(f"[DEBUG] API 요청 시도 - 타임아웃: {REQUEST_TIMEOUT}")
-        response = session.get(
-            f"{SERVER_URL}/api/programs",
-            headers=headers,
-            timeout=REQUEST_TIMEOUT
-        )
-
+        headers = {"User-Agent": "LocalPCAgent-Client/1.0", "Accept": "application/json", "Cache-Control": "no-cache", "Connection": "keep-alive"}
+        response = session.get(f"{SERVER_URL}/api/programs", headers=headers, timeout=REQUEST_TIMEOUT)
         print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
 
         if response.status_code == 200:
             result_json = response.json()
             programs = result_json.get("programs", [])
-
-            program_options = []
-
-            # 프로그램 목록에서 드롭다운 옵션 생성 (Gradio와의 연동을 위해 필요함)
-            for program in programs:
-                program_id = program.get("id", "")
-                program_name = program.get("name", "Unknown Program")
-                program_desc = program.get("description", "")
-                program_options.append((f"{program_name} - {program_desc}", program_id))
-
-            # 디버그 정보 추가
-            print(f"Found {len(program_options)} programs: {program_options}")
-
-            # 예쁘게 출력하기 위한 HTML 생성
+            # HTML 생성 (테이블 형식, JavaScript 없음)
             html_output = "<div style='max-height: 400px; overflow-y: auto;'>"
-
-            # 버튼 형식의 프로그램 목록 추가
-            html_output += "<div class='program-buttons' style='margin-top: 15px; margin-bottom: 15px;'>"
-            html_output += "<h4>프로그램 선택:</h4>"
+            html_output += "<table style='width: 100%; border-collapse: collapse;'>"
+            html_output += "<tr style='background-color: #f2f2f2;'><th style='padding: 8px; text-align: left;'>이름</th><th style='padding: 8px; text-align: left;'>설명</th><th style='padding: 8px; text-align: left;'>경로</th></tr>"
             for program in programs:
                 program_id = program.get("id", "")
                 program_name = program.get("name", "Unknown Program")
                 program_desc = program.get("description", "")
-                html_output += f"<button onclick='selectProgram(\"{program_id}\")' "
-                html_output += f"style='margin: 5px; padding: 8px 15px; background-color: #4a6ee0; color: white; border: none; border-radius: 5px; cursor: pointer;'>"
-                html_output += f"{program_name}</button>"
-            html_output += "</div>"
-
-            # 선택된 프로그램 정보를 표시할 영역 추가
-            html_output += "<div id='selected_program_result' style='margin-top: 15px; margin-bottom: 15px;'></div>"
-
-            # JavaScript 기능 추가
-            html_output += "<script>"
-            html_output += "function selectProgram(programId) {"
-            html_output += "  console.log('프로그램 선택됨: ' + programId);"
-            html_output += "  // 선택된 프로그램 정보 표시"
-            html_output += "  var resultDiv = document.getElementById('selected_program_result');"
-            html_output += "  if (resultDiv) {"
-            # 현재 프로그램 정보 찾기 (JavaScript 배열로 변환)
-            programs_js = json.dumps(programs) # Python 리스트를 JSON 문자열로 변환
-            html_output += f"    var programs = {programs_js};\n"
-            html_output += "    var programName = 'Unknown';"
-            html_output += "    var programDesc = '';"
-            html_output += "    var programPath = '';"
-            html_output += "    for (var i = 0; i < programs.length; i++) {"
-            html_output += "      if (programs[i].id === programId) {"
-            html_output += "        programName = programs[i].name || 'Unknown';"
-            html_output += "        programDesc = programs[i].description || '';"
-            html_output += "        programPath = programs[i].path || '';"
-            html_output += "        break;"
-            html_output += "      }"
-            html_output += "    }"
-            html_output += "    resultDiv.innerHTML = '<div style=\"padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;\">'"
-            html_output += "    + '<h3 style=\"margin-top: 0; color: #155724;\">프로그램 선택됨</h3>'"
-            html_output += "    + '<p><strong>프로그램:</strong> ' + programName + '</p>'"
-            html_output += "    + '<p><strong>설명:</strong> ' + programDesc + '</p>'"
-            html_output += "    + '<p><strong>경로:</strong> ' + programPath + '</p>'"
-            html_output += "    + '<button onclick=\"executeSelectedProgram()\" style=\"margin-top: 10px; padding: 8px 15px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer;\">프로그램 실행</button>'"
-            html_output += "    + '</div>';"
-            html_output += "  } else {"
-            html_output += "    console.error('결과를 표시할 요소를 찾을 수 없습니다.');"
-            html_output += "  }"
-            html_output += "  // 드롭다운 값 설정 (Gradio 연동)"
-            html_output += "  var programDropdown = document.querySelector('select[data-testid*=\"program_dropdown\"]');" # Gradio 4.x+ 대응 시 data-testid 확인 필요
-            html_output += "  if (programDropdown) {"
-            html_output += "    console.log('드롭다운을 찾음, 값 설정 시도: ' + programId);"
-            html_output += "    programDropdown.value = programId;"
-            html_output += "    // 변경 이벤트 발생시키기 (Gradio 4.x+ 에서는 더 복잡할 수 있음)"
-            html_output += "    var event = new Event('change', { 'bubbles': true });"
-            html_output += "    programDropdown.dispatchEvent(event);"
-            html_output += "  } else {"
-            html_output += "    console.error('프로그램 드롭다운을 찾을 수 없습니다');"
-            html_output += "  }"
-            html_output += "};"
-            html_output += "function executeSelectedProgram() {"
-            html_output += "  console.log('실행 버튼 클릭됨');"
-            html_output += "  // Gradio 실행 버튼 찾아서 클릭 시도 (여러 선택자 사용)"
-            html_output += "  var executeBtn = document.querySelector('button[data-testid*=\"execute_program_btn\"]');" # Gradio 4.x+ 대응 시 data-testid 확인 필요
-            html_output += "  if (!executeBtn) {"
-            html_output += "    executeBtn = Array.from(document.querySelectorAll('button.gr-button-primary')).find(el => el.textContent.includes('프로그램 실행'));" # Gradio 4.x+ 스타일 가정
-            html_output += "  }"
-            html_output += "  if (!executeBtn) {"
-            html_output += "    executeBtn = Array.from(document.querySelectorAll('button')).find(el => el.textContent.includes('프로그램 실행'));" # 일반 버튼 텍스트 검색
-            html_output += "  }"
-            html_output += "  if (executeBtn) {"
-            html_output += "    console.log('실행 버튼을 찾음, 클릭 시도');"
-            html_output += "    setTimeout(function() { executeBtn.click(); }, 300); // 클릭 타이밍 조정"
-            html_output += "  } else {"
-            html_output += "    console.error('실행 버튼을 찾을 수 없습니다');"
-            html_output += "    alert('프로그램이 선택되었습니다. Gradio 인터페이스의 드롭다운에서 현재 프로그램이 선택되어 있는지 확인한 후 프로그램 실행 버튼을 클릭해 주세요.');"
-            html_output += "  }"
-            html_output += "};"
-            html_output += "</script>"
-
-            # 테이블 형식으로 프로그램 목록 표시
-            html_output += "<table style='width: 100%; border-collapse: collapse;'>"
-            html_output += "<tr style='background-color: #f2f2f2;'><th style='padding: 8px; text-align: left; border-bottom: 1px solid #ddd;'>이름</th><th style='padding: 8px; text-align: left; border-bottom: 1px solid #ddd;'>설명</th><th style='padding: 8px; text-align: left; border-bottom: 1px solid #ddd;'>경로</th></tr>"
-
-            for program in programs:
+                # 드롭다운 옵션 생성
+                program_options.append((f"{program_name} ({program_desc})", program_id))
                 html_output += f"<tr style='border-bottom: 1px solid #ddd;'>"
-                html_output += f"<td style='padding: 8px;'>{program.get('name', 'Unknown')}</td>"
-                html_output += f"<td style='padding: 8px;'>{program.get('description', '')}</td>"
+                html_output += f"<td style='padding: 8px;'>{program_name}</td>"
+                html_output += f"<td style='padding: 8px;'>{program_desc}</td>"
                 html_output += f"<td style='padding: 8px;'>{program.get('path', '')}</td>"
                 html_output += "</tr>"
-
             html_output += "</table></div>"
-
             html_output += f"<div style='margin-top: 10px; font-size: 0.9em; color: #666;'>총 {len(programs)}개 프로그램 발견</div>"
-
-            # 원본 JSON도 접이식으로 제공
-            html_output += "<details style='margin-top: 10px;'>"
-            html_output += "<summary style='cursor: pointer; color: #4a6ee0;'>원본 JSON 데이터 보기</summary>"
-            html_output += f"<pre style='background-color: #f5f5f5; padding: 10px; border-radius: 5px; overflow-x: auto;'>{json.dumps(result_json, indent=2, ensure_ascii=False)}</pre>"
-            html_output += "</details>"
-
-            return html_output, program_options
+            # 원본 JSON 보기 추가
+            html_output += "<details style='margin-top: 10px;'><summary style='cursor: pointer; color: #4a6ee0;'>원본 JSON 데이터 보기</summary>"
+            html_output += f"<pre style='background-color: #f5f5f5; padding: 10px; border-radius: 5px; overflow-x: auto;'>{json.dumps(result_json, indent=2, ensure_ascii=False)}</pre></details>"
+            print(f"[DEBUG] 발견된 프로그램 옵션: {program_options}")
+            # HTML 결과와 함께 드롭다운 업데이트 객체 반환
+            return html_output, gr.Dropdown.update(choices=program_options), gr.Dropdown.update(choices=program_options)
         else:
-            error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            error_html += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 실패</h3>"
-            error_html += f"<p>HTTP 오류 {response.status_code}</p>"
-            error_html += f"<p>{response.text}</p>"
-            error_html += "</div>"
-            return error_html, []
+            error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'><h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 실패</h3><p>HTTP 오류 {response.status_code}</p><p>{response.text}</p></div>"
+            # 오류 발생 시 빈 드롭다운 업데이트 반환
+            return error_html, gr.Dropdown.update(choices=[]), gr.Dropdown.update(choices=[])
     except RequestException as e:
-        # 오류 상세 로그
         print(f"[DEBUG] API 요청 오류: {str(e)}")
         error_type = type(e).__name__
         error_detail = str(e)
-
-        # 테스트 드롭다운 데이터 생성 (오류 시에도 테스트 가능하게)
+        # 테스트용 데이터 생성 (오류 발생 시)
         test_programs = [
-            {"id": "test1", "name": "테스트 프로그램 1", "description": "테스트 설명 1", "path": "C:\\test\\program1.exe"},
-            {"id": "test2", "name": "테스트 프로그램 2", "description": "테스트 설명 2", "path": "C:\\test\\program2.exe"}
+            {"id": "test1", "name": "오류-테스트1", "description": "오류 발생 시 테스트", "path": ""},
+            {"id": "test2", "name": "오류-테스트2", "description": "오류 발생 시 테스트", "path": ""}
         ]
-
-        # 드롭다운 옵션 생성
-        program_options = []
-        for program in test_programs:
-            program_id = program.get("id", "")
-            program_name = program.get("name", "Unknown Program")
-            program_desc = program.get("description", "")
-            program_options.append((f"{program_name} - {program_desc}", program_id))
-
-        print(f"[DEBUG] 테스트 용 드롭다운 옵션 추가: {program_options}")
-
-        # 테스트 데이터를 기반으로 영역에 버튼 추가
-        test_html = "<div class='program-buttons' style='margin-top: 15px;'>"
-        test_html += "<h4>테스트용 프로그램 선택:</h4>"
         for program in test_programs:
-            program_id = program.get("id", "")
-            program_name = program.get("name", "Unknown Program")
-            program_desc = program.get("description", "")
-            test_html += f"<button onclick='selectProgram(\"{program_id}\")' "
-            test_html += f"style='margin: 5px; padding: 8px 15px; background-color: #4a6ee0; color: white; border: none; border-radius: 5px; cursor: pointer;'>"
-            test_html += f"{program_name} - {program_desc}</button><br>"
-        test_html += "</div>"
-
-        # JavaScript 기능 추가
-        test_html += "<script>"
-        test_html += "function selectProgram(programId) {"
-        test_html += "  console.log('프로그램 선택됨: ' + programId);"
-        test_html += "  var resultDiv = document.getElementById('selected_program_result');"
-        test_html += "  if (resultDiv) {"
-        test_html += "    resultDiv.innerHTML = '<div style=\"padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;\">'"
-        test_html += "    + '<h3 style=\"margin-top: 0; color: #155724;\">\uD504\uB85C\uADF8\uB7A8 \uC120\uD0DD\uB428</h3>'"
-        test_html += "    + '<p>\uC120\uD0DD\uD55C \uD504\uB85C\uADF8\uB7A8 ID: ' + programId + '</p>'"
-        test_html += "    + '<p>\uB9C1\uD06C\uB97C \uD074\uB9AD\uD558\uC5EC \uC2E4\uD589: <a href=\"#\" onclick=\"executeProgram(\\'' + programId + '\\')\">\uD504\uB85C\uADF8\uB7A8 \uC2E4\uD589</a></p>'"
-        test_html += "    + '</div>';"
-        test_html += "  } else {"
-        test_html += "    console.error('결과를 표시할 요소를 찾을 수 없습니다.');"
-        test_html += "  }"
-        test_html += "  // 선택한 프로그램 ID를 드롭다운에도 설정 (Gradio와 연동)"
-        test_html += "  var programDropdown = document.querySelector('select[data-testid*=\"program_dropdown\"]');" # Gradio 4.x+ 대응 시 data-testid 확인 필요
-        test_html += "  if (programDropdown) {"
-        test_html += "    console.log('드롭다운을 찾음, 값 설정 시도: ' + programId);"
-        test_html += "    programDropdown.value = programId;"
-        test_html += "    // 변경 이벤트 발생시키기 (Gradio 4.x+ 에서는 더 복잡할 수 있음)"
-        test_html += "    var event = new Event('change', { 'bubbles': true });"
-        test_html += "    programDropdown.dispatchEvent(event);"
-        test_html += "  } else {"
-        test_html += "    console.error('프로그램 드롭다운을 찾을 수 없습니다');"
-        test_html += "  }"
-        test_html += "};"
-        test_html += "function executeProgram(programId) {"
-        test_html += "  console.log('프로그램 실행: ' + programId);"
-        test_html += "  var resultDiv = document.getElementById('selected_program_result');"
-        test_html += "  if (resultDiv) {"
-        test_html += "    resultDiv.innerHTML = '<div style=\"padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;\">'"
-        test_html += "    + '<h3 style=\"margin-top: 0; color: #155724;\">\uD14C\uC2A4\uD2B8 \uC2E4\uD589 \uC131\uACF5</h3>'"
-        test_html += "    + '<p>\uD14C\uC2A4\uD2B8 \uD504\uB85C\uADF8\uB7A8 ' + programId + '\uAC00 \uC2DC\uBBAC\uB808\uC774\uC158\uB418\uC5C8\uC2B5\uB2C8\uB2E4.</p>'"
-        test_html += "    + '<p><strong>\uC8FC\uC758:</strong> \uD604\uC7AC \uD14C\uC2A4\uD2B8 \uBAA8\uB4DC\uC785\uB2C8\uB2E4. \uC2E4\uC81C \uC11C\uBC84\uC5D0 \uC5F0\uACB0\uD558\uC5EC \uC2E4\uD589\uD558\uC2DC\uB824\uBA74 \uC11C\uBC84 URL\uC744 \uC785\uB825\uD558\uACE0 \uC5F0\uACB0\uD574\uC8FC\uC138\uC694.</p>'"
-        test_html += "    + '</div>';"
-        test_html += "  } else {"
-        test_html += "    console.error('결과를 표시할 요소를 찾을 수 없습니다.');"
-        test_html += "  }"
-        test_html += "  // Gradio 인터페이스의 실행 버튼에 연동"
-        test_html += "  var executeBtn = document.querySelector('button[data-testid*=\"execute_program_btn\"]');" # Gradio 4.x+ 대응 시 data-testid 확인 필요
-        test_html += "  if (!executeBtn) {"
-        test_html += "    executeBtn = Array.from(document.querySelectorAll('button.gr-button-primary')).find(el => el.textContent.includes('프로그램 실행'));" # Gradio 4.x+ 스타일 가정
-        test_html += "  }"
-        test_html += "  if (!executeBtn) {"
-        test_html += "    executeBtn = Array.from(document.querySelectorAll('button')).find(el => el.textContent.includes('프로그램 실행'));" # 일반 버튼 텍스트 검색
-        test_html += "  }"
-        test_html += "  if (executeBtn) {"
-        test_html += "    console.log('실행 버튼을 찾음, 클릭 시도');"
-        test_html += "    setTimeout(function() { executeBtn.click(); }, 300);" # 클릭 타이밍 조정
-        test_html += "  } else {"
-        test_html += "    console.log('실행 버튼을 찾을 수 없습니다. 테스트 실행을 직접 진행합니다.');"
-        test_html += "  }"
-        test_html += "};"
-        test_html += "</script>"
+             program_options.append((f"{program['name']} ({program['description']})", program['id']))
 
-        # 선택된 프로그램 결과를 표시할 div 추가
-        test_html += "<div id='selected_program_result' style='margin-top: 15px;'></div>"
-
-        # 타임아웃일 경우 더 상세한 오류 메시지
-        if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
-            error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            error_html += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 타임아웃</h3>"
-            error_html += f"<p>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
-            error_html += f"<p><strong>해결 방법:</strong> 서버 연결을 다시 확인하고, ngrok을 다시 시작해보세요.</p>"
-            error_html += f"<p><strong>오류 정보:</strong> {error_type} - {error_detail}</p>"
-            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다.</p>"
-            error_html += test_html # 테스트 HTML 포함
-            error_html += "</div>"
-            return error_html, program_options
-        else:
-            error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            error_html += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 중 오류 발생</h3>"
-            error_html += f"<p>{str(e)}</p>"
-            error_html += f"<p><strong>오류 유형:</strong> {error_type}</p>"
-            error_html += f"<p><strong>해결 방법:</strong> 서버 연���을 확인하고 다시 시도해보세요.</p>"
-            error_html += f"<p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 로드되었습니다.</p>"
-            error_html += test_html # 테스트 HTML 포함
-            error_html += "</div>"
-
-            return error_html, program_options
+        error_html = f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'><h3 style='margin-top: 0; color: #721c24;'>프로그램 목록 조회 중 오류 발생</h3><p>{str(e)}</p><p><strong>오류 유형:</strong> {error_type}</p><p style='margin-top: 15px;'><strong>테스트 모드:</strong> 임시 테스트용 데이터가 드롭다운에 로드되었습니다.</p></div>"
+        print(f"[DEBUG] 오류 시 테스트 옵션: {program_options}")
+        # HTML 오류 메시지와 함께 테스트용 드롭다운 업데이트 객체 반환
+        return error_html, gr.Dropdown.update(choices=program_options), gr.Dropdown.update(choices=program_options)
 
+# --- execute_program 함수는 이전과 거의 동일 ---
 def execute_program(program_id):
     """프로그램 실행"""
     global SERVER_URL
-
-    # 디버그 정보 기록
     print(f"[DEBUG] 프로그램 실행 시도: {program_id}")
+    if not program_id: return "프로그램을 선택해주세요."
 
-    if not program_id:
-        return "프로그램을 선택해주세요."
-
-    # 테스트 데이터 확인 (테스트 데이터의 경우 테스트 성공 반환)
-    if program_id.startswith("test"):
+    # 테스트 데이터 처리
+    if program_id.startswith("test") or program_id.startswith("오류-테스트"):
         print(f"[DEBUG] 테스트 프로그램 확인됨. 테스트 모드로 성공 응답 생성")
-        # 성공 메시지 HTML로 표시
-        html_output = "<div style='padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;'>"
-        html_output += f"<h3 style='margin-top: 0; color: #155724;'>테스트 실행 성공</h3>"
-        html_output += f"<p style='margin-bottom: 0;'>테스트 프로그램 {program_id}가 시뮬레이션되었습니다.</p>"
-        html_output += f"<p style='margin-top: 10px;'><strong>주의:</strong> 현재 테스트 모드입니다. 실제 서버에 연결하여 실행하시려면 서버 URL을 입력하고 연결해주세요.</p>"
-        html_output += "</div>"
+        html_output = "<div style='padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;'><h3 style='margin-top: 0; color: #155724;'>테스트 실행 성공</h3><p style='margin-bottom: 0;'>테스트 프로그램 {program_id}가 시뮬레이션되었습니다.</p><p style='margin-top: 10px;'><strong>주의:</strong> 실제 서버에 연결된 상태가 아닙니다.</p></div>"
         return html_output
 
     if not SERVER_URL:
-        # 서버 URL이 없을 경우 오류 메시지 반환
-        html_output = "<div style='padding: 15px; background-color: #fff3cd; border-radius: 5px; border-left: 5px solid #ffc107;'>"
-        html_output += "<h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3>"
-        html_output += "프로그램을 실행하려면 먼저 서버에 연결해야 합니다. 페이지 상단의 '서버 연결' 영역에서 ngrok URL을 입력하고 연결하세요."
-        html_output += "</div>"
-        return html_output
+        return "<div style='padding: 15px; background-color: #fff3cd; border-radius: 5px; border-left: 5px solid #ffc107;'><h3 style='margin-top: 0; color: #856404;'>서버 연결 필요</h3><p>프로그램을 실행하려면 먼저 서버에 연결해야 합니다.</p></div>"
 
-    # 디버그 정보 기록
     print(f"[DEBUG] 서버에 실행 요청 전송: {SERVER_URL}/api/programs/{program_id}/execute")
-
     try:
-        # 실행 요청
-        headers = {
-            "User-Agent": "LocalPCAgent-Client/1.0",
-            "Accept": "application/json",
-            "Content-Type": "application/json"
-        }
-
-        print(f"[DEBUG] API 요청 전송 - 타임아웃: {REQUEST_TIMEOUT}")
-        response = session.post(
-            f"{SERVER_URL}/api/programs/{program_id}/execute",
-            headers=headers,
-            json={"id": program_id},  # API가 JSON 본문을 예상할 수 있음
-            timeout=REQUEST_TIMEOUT
-        )
-
+        headers = {"User-Agent": "LocalPCAgent-Client/1.0", "Accept": "application/json", "Content-Type": "application/json"}
+        response = session.post(f"{SERVER_URL}/api/programs/{program_id}/execute", headers=headers, json={"id": program_id}, timeout=REQUEST_TIMEOUT)
         print(f"[DEBUG] API 응답 받음 - 상태코드: {response.status_code}")
 
         if response.status_code == 200:
             result = response.json()
-
-            # 성공 메시지 HTML로 표시
-            html_output = "<div style='padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;'>"
-            html_output += f"<h3 style='margin-top: 0; color: #155724;'>실행 성공</h3>"
-            html_output += f"<p style='margin-bottom: 0;'>{result.get('message', '프로그램이 성공적으로 실행되었습니다.')}</p>"
-            html_output += "</div>"
-
-            # 원본 JSON도 접이식으로 제공
-            html_output += "<details style='margin-top: 10px;'>"
-            html_output += "<summary style='cursor: pointer; color: #4a6ee0;'>원본 JSON 데이터 보기</summary>"
-            html_output += f"<pre style='background-color: #f5f5f5; padding: 10px; border-radius: 5px; overflow-x: auto;'>{json.dumps(result, indent=2, ensure_ascii=False)}</pre>"
-            html_output += "</details>"
-
+            html_output = "<div style='padding: 15px; background-color: #d4edda; border-radius: 5px; border-left: 5px solid #28a745;'><h3 style='margin-top: 0; color: #155724;'>실행 성공</h3><p style='margin-bottom: 0;'>{result.get('message', '프로그램이 성공적으로 실행되었습니다.')}</p></div>"
+            html_output += "<details style='margin-top: 10px;'><summary style='cursor: pointer; color: #4a6ee0;'>원본 JSON 데이터 보기</summary>"
+            html_output += f"<pre style='background-color: #f5f5f5; padding: 10px; border-radius: 5px; overflow-x: auto;'>{json.dumps(result, indent=2, ensure_ascii=False)}</pre></details>"
             return html_output
         else:
-            # 오류 메시지 HTML로 표시
-            html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            html_output += f"<h3 style='margin-top: 0; color: #721c24;'>실행 실패</h3>"
-            html_output += f"<p style='margin-bottom: 0;'>HTTP 오류 {response.status_code}</p>"
-            html_output += f"<p style='margin-bottom: 0;'>{response.text}</p>"
-            html_output += "</div>"
-
-            return html_output
+            return f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'><h3 style='margin-top: 0; color: #721c24;'>실행 실패</h3><p>HTTP 오류 {response.status_code}</p><p>{response.text}</p></div>"
     except RequestException as e:
-        # 오류 상세 로그
         print(f"[DEBUG] 프로그램 실행 중 오류: {str(e)}")
         error_type = type(e).__name__
         error_detail = str(e)
-
-        # 타임아웃 오류 확인
+        # 타임아웃 또는 일반 오류 메시지 생성 (이전과 유사)
         if "timeout" in error_detail.lower() or "timed out" in error_detail.lower():
-            html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            html_output += f"<h3 style='margin-top: 0; color: #721c24;'>프로그램 실행 타임아웃</h3>"
-            html_output += f"<p style='margin-bottom: 10px;'>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p>"
-            html_output += f"<p><strong>해결 방법:</strong> 서버 연결을 확인하고 다시 시도해보세요. 서버가 다른 작업을 처리하고 있을 수 있습니다.</p>"
-            html_output += f"<p><strong>오류 정보:</strong> {error_type} - {error_detail}</p>"
-            html_output += "</div>"
+            return f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'><h3 style='margin-top: 0; color: #721c24;'>프로그램 실행 타임아웃</h3><p>서버가 {REQUEST_TIMEOUT}초 내에 응답하지 않았습니다.</p><p><strong>오류 정보:</strong> {error_type} - {error_detail}</p></div>"
         else:
-            # 오류 메시지 HTML로 표시
-            html_output = "<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'>"
-            html_output += f"<h3 style='margin-top: 0; color: #721c24;'>오류 발생</h3>"
-            html_output += f"<p style='margin-bottom: 10px;'>{str(e)}</p>"
-            html_output += f"<p><strong>오류 유형:</strong> {error_type}</p>"
-            html_output += "</div>"
+            return f"<div style='padding: 15px; background-color: #f8d7da; border-radius: 5px; border-left: 5px solid #dc3545;'><h3 style='margin-top: 0; color: #721c24;'>오류 발생</h3><p>{str(e)}</p><p><strong>오류 유형:</strong> {error_type}</p></div>"
 
-        return html_output
 
-# UI 구성
+# --- UI 구성 수정 ---
 with gr.Blocks(title="LocalPCAgent 제어 인터페이스") as demo:
     gr.Markdown("# LocalPCAgent 제어 인터페이스")
     gr.Markdown("로컬 PC의 기능을 원격으로 제어하고 관리할 수 있는 웹 인터페이스입니다.")
 
-    # 서버 연결 섹션
     with gr.Group():
         gr.Markdown("## 서버 연결")
         with gr.Row():
-            ngrok_url_input = gr.Textbox(
-                label="ngrok URL",
-                placeholder="https://xxxx-xx-xx-xxx-xx.ngrok.io",
-                value=""
-            )
+            ngrok_url_input = gr.Textbox(label="ngrok URL", placeholder="https://xxxx-xx-xx-xxx-xx.ngrok.io", value="")
             connect_btn = gr.Button("연결")
-
         connection_status = gr.Textbox(label="연결 상태", interactive=False)
 
-    # 작업 메뉴 탭
     with gr.Tabs() as tabs:
-        # 1. 기본 기능 탭
         with gr.TabItem("기본 기능"):
             with gr.Group():
                 gr.Markdown("### 서버 상태 확인")
                 check_status_btn = gr.Button("상태 확인")
                 status_result = gr.Textbox(label="결과", interactive=False, lines=10)
-
             with gr.Group():
                 gr.Markdown("### 에코 테스트")
-                echo_message = gr.Textbox(
-                    label="메시지",
-                    placeholder="테스트 메시지 입력",
-                    value="Hello from Hugging Face!"
-                )
+                echo_message = gr.Textbox(label="메시지", placeholder="테스트 메시지 입력", value="Hello from Gradio!")
                 echo_btn = gr.Button("에코 테스트")
                 echo_result = gr.Textbox(label="결과", interactive=False, lines=10)
 
-        # 2. 프로그램 실행 탭 (이전 '장치 관리' 탭 자리에 배치)
         with gr.TabItem("프로그램 실행"):
             with gr.Group():
-                gr.Markdown("### 프로그램 목록 조회")
+                gr.Markdown("### 1. 프로그램 목록 조회")
                 with gr.Row():
                     get_programs_btn = gr.Button("프로그램 목록 가져오기")
                     gr.Markdown(f"<p style='color:#666; font-size:0.9em;'>이 작업은 최대 {REQUEST_TIMEOUT}초가 소요될 수 있습니다.</p>")
-                # 결과 표시 영역 (HTML) 및 프로그램 선택 드롭다운을 위한 변수 선언
-                programs_result = gr.HTML(label="결과") # HTML 결과를 표시할 컴포넌트
-                program_dropdown = gr.Dropdown(label="프로그램 선택", choices=[], interactive=True, value=None, elem_id="program_dropdown") # 드롭다운 컴포넌트
-
-            with gr.Group():
-                gr.Markdown("### 프로그램 실행")
-                # 위에서 선언한 program_dropdown을 여기서 다시 참조하여 사용
-                program_dropdown_exec = gr.Dropdown(label="실행할 프로그램 선택", choices=[], interactive=True, value=None, elem_id="program_dropdown_exec") # 별도 elem_id 부여
-                execute_program_btn = gr.Button("프로그램 실행", variant="primary", elem_id="execute_program_btn") # elem_id 부여
-                execute_result = gr.HTML(label="결과") # HTML 결과를 표시할 컴포넌트
-                gr.Markdown("<small>* 프로그램 목록을 먼저 가져오고 선택한 후 실행하세요</small>")
+                # HTML 결과 표시 영역
+                programs_result = gr.HTML(label="프로그램 목록 결과")
+                # 임시 드롭다운 (선택지 표시용, UI상에선 크게 의미 없음) - 업데이트 대상 O
+                program_dropdown_display = gr.Dropdown(label="조회된 프로그램 (참고용)", choices=[], interactive=False)
 
 
-    # 서버 연결 이벤트
-    connect_btn.click(
-        fn=connect_server,
-        inputs=[ngrok_url_input],
-        outputs=[connection_status]
-    )
+            with gr.Group():
+                gr.Markdown("### 2. 프로그램 실행")
+                # 실제 사용자가 선택할 드롭다운 - 업데이트 대상 O
+                program_dropdown_exec = gr.Dropdown(label="실행할 프로그램 선택", choices=[], interactive=True, value=None)
+                execute_program_btn = gr.Button("프로그램 실행", variant="primary")
+                # 실행 결과 표시 영역
+                execute_result = gr.HTML(label="실행 결과")
+                gr.Markdown("<small>* 위에서 '프로그램 목록 가져오기'를 먼저 실행한 후, 여기서 프로그램을 선택하고 실행하세요.</small>")
 
-    # 기본 기능 이벤트
-    check_status_btn.click(
-        fn=check_status,
-        inputs=None,
-        outputs=[status_result]
-    )
 
-    echo_btn.click(
-        fn=echo_test,
-        inputs=[echo_message],
-        outputs=[echo_result]
-    )
+    # --- 이벤트 핸들러 수정 ---
+    connect_btn.click(fn=connect_server, inputs=[ngrok_url_input], outputs=[connection_status])
+    check_status_btn.click(fn=check_status, inputs=None, outputs=[status_result])
+    echo_btn.click(fn=echo_test, inputs=[echo_message], outputs=[echo_result])
 
-    # 프로그램 실행 이벤트
     # '프로그램 목록 가져오기' 버튼 클릭 시:
-    # 1. programs_result (HTML 결과 영역) 업데이트
-    # 2. program_dropdown (목록 조회 섹션의 드롭다운) 업데이트
-    # 3. program_dropdown_exec (프로그램 실행 섹션의 드롭다운)도 동일하게 업데이트
+    # get_programs 함수는 (html_output, dropdown_update1, dropdown_update2)를 반환
+    # outputs 리스트의 순서에 맞게 각 ���포넌트가 업데이트됨
     get_programs_btn.click(
         fn=get_programs,
         inputs=None,
-        outputs=[programs_result, program_dropdown, program_dropdown_exec] # 두 드롭다운 모두 업데이트
+        outputs=[programs_result, program_dropdown_display, program_dropdown_exec] # HTML 결과, 참고용 드롭다운, 실행용 드롭다운 순서로 업데이트
     )
 
-    # 프로그램 실행 섹션의 드롭다운 값이 변경될 때 결과 영역에 메시지 표시
+    # 실행할 프로그램 드롭다운 값이 변경될 때 실행 결과 영역에 메시지 표시 (단순 확인용)
     program_dropdown_exec.change(
-        fn=lambda x: print(f"[DEBUG] 실행할 프로그램 선택됨 (dropdown_exec): {x}") or (
-            "<div style='padding: 15px; background-color: #e7f3ff; border-radius: 5px; border-left: 5px solid #007bff;'>"
-            f"<p>실행할 프로그램으로 <strong>'{x}'</strong> 가 선택되었습니다.</p>"
-            "<p>'프로그램 실행' 버튼을 클릭하여 진행하세요.</p>"
+        fn=lambda x: print(f"[DEBUG] 실행할 프로그램 선택됨: {x}") or (
+            "<div style='padding: 10px; background-color: #e7f3ff; border-radius: 5px; border-left: 5px solid #007bff; font-size: 0.9em;'>"
+            f"<p>실행할 프로그램으로 <strong>'{x}'</strong> 가 선택되었습니다. 하단의 '프로그램 실행' 버튼을 클릭하세요.</p>"
             "</div>" if x else ""
         ),
         inputs=[program_dropdown_exec],
@@ -634,17 +266,14 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스") as demo:
     # '프로그램 실행' 버튼 클릭 시
     execute_program_btn.click(
         fn=execute_program,
-        inputs=[program_dropdown_exec], # 실행 섹션의 드롭다운 값을 사용
-        outputs=[execute_result]
+        inputs=[program_dropdown_exec], # 사용자가 선택한 드롭다운 값을 입력으로 사용
+        outputs=[execute_result] # 실행 결과 영역 업데이트
     )
 
 # 앱 실행
 if __name__ == "__main__":
     print("=== LocalPCAgent 웹 인터페이스 시작 ===\n")
-    print("* 장치 관리 기능이 제거되었습니다.")
-    print("* 다양한 오류 디버깅을 위해 로그를 자세히 출력합니다.")
-    print("* 구현된 테스트 기능을 통해 드롭다운 작동 여부를 확인합니다.\n")
-
-    # 디버그 모드로 실행하여 오류 추적이 쉽도록 함
+    print("* UI 업데이트 로직 수정됨 (JavaScript 제거, Gradio 표준 방식 적용).")
+    print("* 디버깅 로그를 통해 작동 상태를 확인하세요.\n")
     demo.launch(debug=True, show_error=True)
     print("\n=== 웹 인터페이스 종료 ===")