UI 폰트 수정 재시도

app.py

@@ -1,14 +1,9 @@
-# app.py
 import gradio as gr
 from news_analyzer import run_once, title_attention_index
-import math
+import math  
 
-# [NEW] ✨ 점수를 텍스트로 변환하는 헬퍼 함수
 def convert_sim_to_text(score: float, threshold: float = 0.5) -> str:
-    """
-    유사도 점수를 기준으로 텍스트 등급을 반환합니다.
-    threshold (기본값 0.5) 이상이면 '유사', 미만이면 '유사하지 않음'으로 판단합니다.
-    """
+
     if score is None or (isinstance(score, float) and math.isnan(score)):
         return "판단 불가"  # nan 값 처리
 
@@ -25,83 +20,49 @@ def predict(title, body):
     final_score = r["최종 기사 점수"]
     grade = title_attention_index(final_score)
 
-    # [NEW] 텍스트 변환 로직을 predict 함수에 직접 추가
     summary_sim_text = convert_sim_to_text(r["요약유사도"], threshold=0.45)
     body_sim_text = convert_sim_to_text(r["본문 일치도(Top5 평균)"], threshold=0.5)
 
-    # [수정] return 순서를 outputs 순서와 정확히 일치시킵니다.
     return (
-        grade,                 # [0] -> output_grade
-        summary_sim_text,      # [1] -> output_summary_sim
-        body_sim_text,         # [2] -> output_body_sim
-        r["과장점수"],           # [3] -> output_exag_score
-        final_score,           # [4] -> output_final_score
+        grade,                 
+        summary_sim_text,      
+        body_sim_text,         
+        r["과장점수"],
+        final_score,                     
     )
 
-# [NEW] ✨ CSS 스타일 정의
-# 'output-label' 클래스를 가진 컴포넌트 내부의 라벨 텍스트(.label-text)를
-# 18px 크기와 굵은 글씨(bold)로 만듭니다.
-CUSTOM_CSS = """
-.output-label .label-text {
-    font-size: 18px !important;
-    font-weight: bold !important;
-}
-"""
-
-# [MODIFIED] 💡 gr.Interface -> gr.Blocks
-with gr.Blocks(css=CUSTOM_CSS, title="제목 주의 지수") as demo:
-    # 앱의 전체 제목과 설명
-    gr.Markdown("# 제목 주의 지수")
-    gr.Markdown(
-        "원하는 기사의 제목과 본문을 아래에 입력하면 제목-본문 유사도, 과장 점수를 바탕으로 '제목 주의 지수'를 계산합니다.\n\n"
-        "ℹ️ **자세한 설명이 궁금하다면 "
-        "[여기를 클릭하세요](https://www.notion.so/25cb058cee088026badfcab340e9966d?source=copy_link)**"
-    )
-    
-    # UI 레이아웃 (2단으로 나눔)
-    with gr.Row():
-        with gr.Column(scale=1): # 왼쪽 입력(Input) 칸
-            title_input = gr.Textbox(label="제목", lines=2)
-            body_input = gr.Textbox(label="본문", lines=18, placeholder="여기에 기사 본문을 붙여넣으세요")
-            with gr.Row():
-                clear_btn = gr.Button("Clear")
-                submit_btn = gr.Button("Submit", variant="primary")
-        
-        with gr.Column(scale=1): # 오른쪽 출력(Output) 칸
-            # [MODIFIED] elem_classes="output-label"를 추가하여 CSS를 적용합니다.
-            output_grade = gr.Textbox(
-                label="제목 주의 지수", 
-                interactive=False, 
-                elem_classes="output-label" # CSS 적용 클래스
-            )
-            output_summary_sim = gr.Textbox(
+demo = gr.Interface(
+    fn=predict,
+    inputs=[
+        gr.Textbox(label="제목", lines=2),
+        gr.Textbox(label="본문", lines=18, placeholder="여기에 기사 본문을 붙여넣으세요"),
+    ],
+    outputs=[
+            gr.Textbox(label="제목 주의 지수", interactive=False), # <-- [0]
+            gr.Textbox(
                 label="요약 유사도", 
-                info="기사 제목과 기사의 요약된 내용이 일치할까?", 
-                elem_classes="output-label" # CSS 적용 클래스
-            )
-            output_body_sim = gr.Textbox(
+                info="기사 제목과 기사의 요약된 내용이 일치할까?"
+            ), # <-- [1]
+            gr.Textbox(
                 label="본문 일치도(Top5 평균)", 
-                info="기사 내용을 잘 함축한 제목일까?", 
-                elem_classes="output-label" # CSS 적용 클래스
-            )
-            output_exag_score = gr.Number(
+                info="기사 내용을 잘 함축한 제목일까?"
+            ), # <-- [2]
+            gr.Number(
                 label="과장점수", 
-                info="기사의 제목이 얼마나 과장되어 있을까?", 
-                elem_classes="output-label" # CSS 적용 클래스
-            )
-            output_final_score = gr.Number(
+                info="기사의 제목이 얼마나 과장되어 있을까?"
+            ), # <-- [3]
+            gr.Number(
                 label="최종 기사 점수", 
-                info="이 기사를 점수 매겨본다면?", 
-                elem_classes="output-label" # CSS 적용 클래스
-            )
-
-    # 버튼 클릭 시 동작 정의
-    inputs = [title_input, body_input]
-    outputs = [output_grade, output_summary_sim, output_body_sim, output_exag_score, output_final_score]
-    
-    submit_btn.click(fn=predict, inputs=inputs, outputs=outputs)
-    # Clear 버튼: 입력 2개, 출력 5개를 모두 비움
-    clear_btn.click(lambda: [None, None] + [None] * len(outputs), outputs=inputs + outputs)
+                info="기사의 제목을 점수 매겨본다면?"
+            ), # <-- [4]
+        ],
+    title="제목 주의 지수",
+    description=(
+        "원하는 기사의 제목과 본문을 아래에 입력하면 제목-본문 유사도, 과장 점수를 바탕으로 '제목 주의 지수'를 계산합니다.\n\n"
+        "ℹ️ **자세한 설명이 궁금하다면 "
+        "[여기를 클릭하세요](https://www.notion.so/25cb058cee088026badfcab340e9966d?source=copy_link)**"
+    ),
+)
 
 if __name__ == "__main__":
     demo.launch()