Update app.py

app.py

@@ -141,8 +141,8 @@ def take_screenshot(url):
             
 
 def generate_usage_guide(app_content):
-    system_message = "당신은 Python 코드를 분석하여, 화면 보듯이 이용 방법을 설명하는 AI 조수입니다. 주어진 코드를 바탕으로 코드에 대한 언급은 제외하고, 이용자 관점에서 친절하고 자세하게 상세한 사용 방법을 제공해주세요."
-    user_message = f"다음 Python 코드를 기반으로 화면 UI/UX적 측면으로 사용 방법을 설명해주세요:\n\n{app_content}"
+    system_message = "당신은 Python 코드를 분석하여, 화면 보듯이 이용 방법을 설명하는 AI 조수입니다. app.py 코드를 바탕으로 코드에 대한 언급은 제외하고, 이용자 관점에서 1) 기존 유사 기술 방식괴 비교해 특징, 장점에 대해 친절하고 자세하게 상세한 사용 방법을 제공해주세요."
+    user_message = f"다음 Python 코드를 기반으로 화면 UI/UX적 측면으로 특징과 사용 방법을 설명해주세요:\n\n{app_content}"
     
     messages = [
         {"role": "system", "content": system_message},
@@ -170,8 +170,9 @@ def create_ui():
             margin-top: 5px !important;
         }
         #info-output, #usage-guide, #app-py-content {
-            max-height: 300px;
+            max-height: 320px;  /* 높이를 320px로 증가 */
             overflow-y: auto;
+            padding-right: 10px;  /* 오른쪽 패딩 추가 */
         }
         #app-py-content {
             height: auto;
@@ -183,6 +184,20 @@ def create_ui():
             padding: 10px;
             margin-bottom: 20px;
         }
+        /* 스크롤바 스타일 수정 */
+        ::-webkit-scrollbar {
+            width: 10px;
+        }
+        ::-webkit-scrollbar-track {
+            background: #f1f1f1;
+        }
+        ::-webkit-scrollbar-thumb {
+            background: #888;
+            border-radius: 5px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+            background: #555;
+        }
         """
 
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
@@ -200,19 +215,19 @@ def create_ui():
 
                 with gr.Column(scale=1):
                     with gr.Group(elem_classes="output-group"):
-                        info_output = gr.Textbox(label="Space 정보 및 요약", elem_id="info-output", lines=10, max_lines=20)
+                        info_output = gr.Textbox(label="Space 정보 및 요약", elem_id="info-output", lines=12, max_lines=22)  # lines와 max_lines 증가
                     url_state = gr.State("")
                     last_url_state = gr.State("")
                     
                     screenshot_output = gr.Image(type="pil", label="Live 화면", height=360, width=600)
-                    refresh_button = gr.Button("🔄 새로고침", elem_id="refresh-button")
-                    manual_button = gr.Button("선택 서비스 메뉴얼", elem_id="manual-button")
+                    refresh_button = gr.Button("🔄 화면 갱신", elem_id="refresh-button")
+                    manual_button = gr.Button("선택 서비스 특징 및 사용법", elem_id="manual-button")
                     
                     with gr.Group(elem_classes="output-group"):
-                        usage_guide = gr.Textbox(label="사용 방법", elem_id="usage-guide", visible=False, lines=10, max_lines=20)
+                        usage_guide = gr.Textbox(label="사용 방법", elem_id="usage-guide", visible=False, lines=12, max_lines=22)  # lines와 max_lines 증가
                     
                     with gr.Group(elem_classes="output-group"):
-                        app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content", lines=20, max_lines=None)
+                        app_py_content = gr.Code(language="python", label="메인 소스코드", elem_id="app-py-content", lines=22, max_lines=None)  # lines 증가
                     
                     update_trigger = gr.Button("Update Screenshot", visible=False)