fix

app.py

@@ -7,6 +7,10 @@ import time
 def connect_server(ngrok_url):
     """서버 연결 시도"""
     try:
+        # 입력이 비어있는지 확인
+        if not ngrok_url:
+            return False, "서버 URL을 입력해주세요!", ""
+        
         # 마지막 슬래시 제거
         if ngrok_url.endswith('/'):
             ngrok_url = ngrok_url[:-1]
@@ -15,11 +19,11 @@ def connect_server(ngrok_url):
         response = requests.get(f"{ngrok_url}/health", timeout=5)
         
         if response.status_code == 200:
-            return True, f"서버 연결 성공: {ngrok_url}", ngrok_url
+            return True, f"서버 연결 성공!", ngrok_url
         else:
-            return False, f"서버 응답 오류: HTTP {response.status_code}", None
+            return False, f"서버 응답 오류: HTTP {response.status_code}", ""
     except RequestException as e:
-        return False, f"서버 연결 실패: {str(e)}", None
+        return False, f"서버 연결 실패: {str(e)}", ""
 
 def check_status(ngrok_url):
     """서버 상태 확인"""
@@ -68,7 +72,7 @@ def echo_test(ngrok_url, message):
 def get_devices(ngrok_url):
     """장치 목록 조회"""
     if not ngrok_url:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", []
+        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", None
         
     try:
         response = requests.get(f"{ngrok_url}/api/devices", timeout=5)
@@ -84,11 +88,11 @@ def get_devices(ngrok_url):
                 device_type = device.get("type", "Unknown")
                 device_options.append((f"{device_name} ({device_type})", device_id))
                 
-            return json.dumps(result_json, indent=2, ensure_ascii=False), gr.Dropdown(choices=device_options, value=device_options[0][1] if device_options else None)
+            return json.dumps(result_json, indent=2, ensure_ascii=False), device_options
         else:
-            return f"장치 목록 조회 실패: HTTP {response.status_code}\n{response.text}", gr.Dropdown(choices=[])
+            return f"장치 목록 조회 실패: HTTP {response.status_code}\n{response.text}", None
     except RequestException as e:
-        return f"장치 목록 조회 중 오류 발생: {str(e)}", gr.Dropdown(choices=[])
+        return f"장치 목록 조회 중 오류 발생: {str(e)}", None
 
 def get_device_info(ngrok_url, device_id):
     """장치 상세 정보 조회"""
@@ -111,7 +115,7 @@ def get_device_info(ngrok_url, device_id):
 def get_programs(ngrok_url):
     """프로그램 목록 조회"""
     if not ngrok_url:
-        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", []
+        return "서버 URL이 설정되지 않았습니다. 먼저 서버에 연결하세요.", None
         
     try:
         response = requests.get(f"{ngrok_url}/api/programs", timeout=5)
@@ -127,11 +131,11 @@ def get_programs(ngrok_url):
                 program_desc = program.get("description", "")
                 program_options.append((f"{program_name} - {program_desc}", program_id))
                 
-            return json.dumps(result_json, indent=2, ensure_ascii=False), gr.Dropdown(choices=program_options, value=program_options[0][1] if program_options else None)
+            return json.dumps(result_json, indent=2, ensure_ascii=False), program_options
         else:
-            return f"프로그램 목록 조회 실패: HTTP {response.status_code}\n{response.text}", gr.Dropdown(choices=[])
+            return f"프로그램 목록 조회 실패: HTTP {response.status_code}\n{response.text}", None
     except RequestException as e:
-        return f"프로그램 목록 조회 중 오류 발생: {str(e)}", gr.Dropdown(choices=[])
+        return f"프로그램 목록 조회 중 오류 발생: {str(e)}", None
 
 def execute_program(ngrok_url, program_id):
     """프로그램 실행"""
@@ -152,7 +156,7 @@ def execute_program(ngrok_url, program_id):
         return f"프로그램 실행 중 오류 발생: {str(e)}"
 
 # UI 구성
-with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="LocalPCAgent 제어 인터페이스") as demo:
     gr.Markdown("# LocalPCAgent 제어 인터페이스")
     gr.Markdown("로컬 PC의 기능을 원격으로 제어하고 관리할 수 있는 웹 인터페이스입니다.")
     
@@ -160,7 +164,7 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft
     server_url = gr.State("")
     
     # 서버 연결 섹션
-    with gr.Box():
+    with gr.Group():
         gr.Markdown("## 서버 연결")
         with gr.Row():
             ngrok_url_input = gr.Textbox(
@@ -175,13 +179,13 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft
     # 작업 메뉴 탭
     with gr.Tabs() as tabs:
         # 1. 기본 기능 탭
-        with gr.Tab(label="기본 기능"):
-            with gr.Box():
+        with gr.TabItem("기본 기능"):
+            with gr.Group():
                 gr.Markdown("### 서버 상태 확인")
                 check_status_btn = gr.Button("상태 확인", variant="primary")
                 status_result = gr.Textbox(label="결과", interactive=False, lines=10)
             
-            with gr.Box():
+            with gr.Group():
                 gr.Markdown("### 에코 테스트")
                 echo_message = gr.Textbox(
                     label="메시지", 
@@ -192,26 +196,26 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft
                 echo_result = gr.Textbox(label="결과", interactive=False, lines=10)
         
         # 2. 장치 관리 탭
-        with gr.Tab(label="장치 관리"):
-            with gr.Box():
+        with gr.TabItem("장치 관리"):
+            with gr.Group():
                 gr.Markdown("### 장치 목록 조회")
                 get_devices_btn = gr.Button("장치 목록 가져오기", variant="primary")
                 devices_result = gr.Textbox(label="결과", interactive=False, lines=15)
             
-            with gr.Box():
+            with gr.Group():
                 gr.Markdown("### 장치 상세 정보")
                 device_dropdown = gr.Dropdown(label="장치 선택", choices=[], interactive=True)
                 get_device_info_btn = gr.Button("장치 정보 가져오기", variant="primary")
                 device_info_result = gr.Textbox(label="결과", interactive=False, lines=15)
         
         # 3. 프로그램 실행 탭
-        with gr.Tab(label="프로그램 실행"):
-            with gr.Box():
+        with gr.TabItem("프로그램 실행"):
+            with gr.Group():
                 gr.Markdown("### 프로그램 목록 조회")
                 get_programs_btn = gr.Button("프로그램 목록 가져오기", variant="primary")
                 programs_result = gr.Textbox(label="결과", interactive=False, lines=15)
             
-            with gr.Box():
+            with gr.Group():
                 gr.Markdown("### 프로그램 실행")
                 program_dropdown = gr.Dropdown(label="프로그램 선택", choices=[], interactive=True)
                 execute_program_btn = gr.Button("프로그램 실행", variant="primary")
@@ -238,6 +242,11 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft
     )
     
     # 장치 관리 이벤트
+    def update_device_dropdown(devices_result, choices):
+        if choices:
+            return gr.Dropdown.update(choices=choices)
+        return gr.Dropdown.update(choices=[])
+    
     get_devices_btn.click(
         fn=get_devices, 
         inputs=[server_url], 
@@ -251,6 +260,11 @@ with gr.Blocks(title="LocalPCAgent 제어 인터페이스", theme=gr.themes.Soft
     )
     
     # 프로그램 실행 이벤트
+    def update_program_dropdown(programs_result, choices):
+        if choices:
+            return gr.Dropdown.update(choices=choices)
+        return gr.Dropdown.update(choices=[])
+    
     get_programs_btn.click(
         fn=get_programs, 
         inputs=[server_url],