feat: optimize Gradio 6 CSS visual bubbles, add safe print overrides, and fix scraping matplotlib imports

reset_db.py

@@ -0,0 +1,36 @@
+import os
+
+import dotenv
+import neo4j
+
+dotenv.load_dotenv()
+
+
+def get_neo4j_driver() -> neo4j.Driver:
+    uri = os.getenv("NEO4J_URI", "neo4j://localhost:7687")
+    client_id = os.getenv("NEO4J_CLIENT_ID")
+    client_secret = os.getenv("NEO4J_CLIENT_SECRET")
+    
+    if client_id and client_secret:
+        try:
+            d = neo4j.GraphDatabase.driver(uri, auth=(client_id, client_secret))
+            d.verify_connectivity()
+            return d
+        except Exception:
+            pass
+            
+    username = os.getenv("NEO4J_USERNAME", "neo4j")
+    password = os.getenv("NEO4J_PASSWORD", "password")
+    d = neo4j.GraphDatabase.driver(uri, auth=(username, password))
+    d.verify_connectivity()
+    return d
+
+
+if __name__ == "__main__":
+    print("Connecting to Neo4j to reset the database...")
+    driver = get_neo4j_driver()
+    with driver.session() as session:
+        # DETACH DELETE n deletes all nodes and their relationships
+        result = session.run("MATCH (n) DETACH DELETE n")
+        print("Database successfully reset. All nodes and relationships deleted.")
+    driver.close()

run_pipeline.py

@@ -0,0 +1,26 @@
+import os
+import subprocess
+import sys
+
+
+def run_command(cmd):
+    print("\n========================================")
+    print(f"Running: {cmd}")
+    print("========================================\n")
+    env = os.environ.copy()
+    env["PYTHONUTF8"] = "1"
+    result = subprocess.run(cmd, shell=True, env=env)
+    if result.returncode != 0:
+        print(f"Command failed with exit code {result.returncode}: {cmd}")
+        sys.exit(result.returncode)
+
+
+if __name__ == "__main__":
+    print("Starting background rebuilding pipeline...")
+    # 1. 크롤링 (finScrapping.py)
+    run_command(r".\.venv\Scripts\python.exe src/graphBuilder/scrapping/finScrapping.py")
+    
+    # 2. 지식 그래프 빌드 (finGraph.py)
+    run_command(r".\.venv\Scripts\python.exe src/graphBuilder/neo4j/finGraph.py")
+    
+    print("\n[OK] Background rebuilding pipeline completed successfully!")

src/graphBuilder/neo4j/finGraph.py

@@ -27,6 +27,42 @@ from neo4j_graphrag.llm import OpenAILLM
 dotenv.load_dotenv()
 
 
+# Windows cp949 인코딩 환경에서 이모지 출력 시 UnicodeEncodeError 방지를 위한 안전한 print 함수 정의
+def safe_print(*args, **kwargs) -> None:
+    import sys
+    try:
+        # end나 sep 인자를 올바르게 처리할 수 있도록 내장 print의 기능 준수
+        sep = kwargs.get("sep", " ")
+        end = kwargs.get("end", "\n")
+        msg = sep.join(map(str, args))
+        sys.stdout.write(msg + end)
+        sys.stdout.flush()
+    except UnicodeEncodeError:
+        msg = sep.join(map(str, args))
+        cleaned = (
+            msg.replace("✅", "[OK]")
+            .replace("⚠️", "[WARN]")
+            .replace("🚨", "[ERR]")
+            .replace("⏭️", "[SKIP]")
+            .replace("🤖", "[AI]")
+            .replace("🏢", "[COMP]")
+            .replace("🌌", "[GRAPH]")
+            .replace("📰", "[NEWS]")
+            .replace("🔬", "[TECH]")
+            .replace("🔗", "[LINK]")
+        )
+        try:
+            sys.stdout.write(cleaned + end)
+            sys.stdout.flush()
+        except Exception:
+            ascii_msg = msg.encode("ascii", errors="replace").decode("ascii")
+            sys.stdout.write(ascii_msg + end)
+            sys.stdout.flush()
+
+
+print = safe_print
+
+
 def get_neo4j_driver() -> neo4j.Driver:
     uri = os.getenv("NEO4J_URI", "neo4j://localhost:7687")
     client_id = os.getenv("NEO4J_CLIENT_ID")

src/graphBuilder/scrapping/finScrapping.py

@@ -245,51 +245,55 @@ print(f"[SAVE]    - AI 핀테크 기사: {len(df_filtered)}건")
 
 
 # ── 4단계: 키워드 빈도 시각화 ──
-import platform
-from collections import Counter
+try:
+    import platform
+    from collections import Counter
+
+    import matplotlib.pyplot as plt
+
+    # 폰트 깨짐 방지 (Mac 환경: AppleGothic)
+    if platform.system() == "Darwin":
+        plt.rc("font", family="AppleGothic")
+    plt.rcParams["axes.unicode_minus"] = False
+
+    if not filtered_articles:
+        print("시각화할 데이터가 없습니다.")
+    else:
+        # 빈도수 계산
+        all_kw = [kw for row in filtered_articles for kw in row["matched_keywords"].split(", ")]
+        kw_counts = Counter(all_kw)
+
+        # 📌 변경 포인트: FINTECH_AI_KEYWORDS 전체 목록을 순서대로 그래프에 강제 표시 (0건 포함)
+        keywords = FINTECH_AI_KEYWORDS
+        counts = [kw_counts.get(kw, 0) for kw in keywords]
+
+        plt.figure(figsize=(12, 6))
+
+        # 막대 그래프 생성
+        bars = plt.bar(keywords, counts, color="skyblue", edgecolor="white")
+
+        # 막대 위에 숫자(빈도수) 표시
+        for bar in bars:
+            height = bar.get_height()
+            # 막대의 중앙(x), 막대의 높이(y) 위치에 텍스트를 배치
+            plt.text(
+                bar.get_x() + bar.get_width() / 2.0,
+                height,
+                f"{height}",
+                ha="center",
+                va="bottom",
+                size=11,
+                fontweight="bold",
+                color="black",
+            )
 
-import matplotlib.pyplot as plt
-
-# 폰트 깨짐 방지 (Mac 환경: AppleGothic)
-if platform.system() == "Darwin":
-    plt.rc("font", family="AppleGothic")
-plt.rcParams["axes.unicode_minus"] = False
-
-if not filtered_articles:
-    print("시각화할 데이터가 없습니다.")
-else:
-    # 빈도수 계산
-    all_kw = [kw for row in filtered_articles for kw in row["matched_keywords"].split(", ")]
-    kw_counts = Counter(all_kw)
-
-    # 📌 변경 포인트: FINTECH_AI_KEYWORDS 전체 목록을 순서대로 그래프에 강제 표시 (0건 포함)
-    keywords = FINTECH_AI_KEYWORDS
-    counts = [kw_counts.get(kw, 0) for kw in keywords]
-
-    plt.figure(figsize=(12, 6))
-
-    # 막대 그래프 생성
-    bars = plt.bar(keywords, counts, color="skyblue", edgecolor="white")
-
-    # 막대 위에 숫자(빈도수) 표시
-    for bar in bars:
-        height = bar.get_height()
-        # 막대의 중앙(x), 막대의 높이(y) 위치에 텍스트를 배치
-        plt.text(
-            bar.get_x() + bar.get_width() / 2.0,
-            height,
-            f"{height}",
-            ha="center",
-            va="bottom",
-            size=11,
-            fontweight="bold",
-            color="black",
-        )
+        plt.title("수집된 AI 핀테크 기사 키워드 출현 빈도 (전체)", fontsize=15, pad=15)
+        plt.xlabel("키워드", fontsize=12)
+        plt.ylabel("출현 횟수 (건)", fontsize=12)
+        plt.grid(axis="y", linestyle="--", alpha=0.7)
+        plt.xticks(rotation=45)
+        plt.tight_layout()
+        plt.show()
+except ImportError:
+    print("[INFO] matplotlib 라이브러리가 설치되어 있지 않아 시각화 단계를 건너뜁니다.")
 
-    plt.title("수집된 AI 핀테크 기사 키워드 출현 빈도 (전체)", fontsize=15, pad=15)
-    plt.xlabel("키워드", fontsize=12)
-    plt.ylabel("출현 횟수 (건)", fontsize=12)
-    plt.grid(axis="y", linestyle="--", alpha=0.7)
-    plt.xticks(rotation=45)
-    plt.tight_layout()
-    plt.show()

src/utils/ui_templates.py

@@ -225,7 +225,6 @@ body, .gradio-container {
 /* ── 챗봇 컨테이너 테두리 제거 ── */
 div[data-testid="chatbot"], .chatbot-container, .chatbot {
     border: none !important;
-    overflow: visible !important; 
 }
 
 /* ── 챗봇 내부 Placeholder(소개글 영역) 상단 짤림 영구 차단 ── */
@@ -408,21 +407,16 @@ label.svelte-1ipelgc, span.svelte-1ipelgc {
 }
 
 /* ── 사용자 버블 (다크그레이 프리미엄 테마) ── */
-.message.user, [data-testid="user"] .message {
+.message.user {
     background-color: #111827 !important;
     border-radius: 12px 12px 0 12px !important;
-    padding: 7px 13px !important; 
+    padding: 10px 14px !important; 
     margin: 2px 0 !important; 
     border: none !important;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important;
-    min-height: unset !important; 
-}
-[data-testid="user"] > div, .bubble-wrap [data-testid="user"], .message-wrap.user > div, .message-row.user {
-    background: transparent !important;
-    background-color: transparent !important;
-    border: none !important;
+    color: #ffffff !important;
 }
-[data-testid="user"] .message *, .message.user * {
+.message.user * {
     color: #ffffff !important;
     line-height: 1.4 !important; 
     margin: 0 !important; 
@@ -430,7 +424,7 @@ label.svelte-1ipelgc, span.svelte-1ipelgc {
 }
 
 /* ── 봇 버블 (화이트 & 그레이 경계선 테마) ── */
-.message.bot, [data-testid="bot"] .message, [data-testid="bot"] > div, .message-wrap.bot > div, .message.bot, .message-row.bot .message {
+.message.bot {
     background-color: #ffffff !important;
     color: #1f2937 !important;
     border: 1px solid #e5e7eb !important;
@@ -438,8 +432,7 @@ label.svelte-1ipelgc, span.svelte-1ipelgc {
     padding: 16px 20px !important;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
 }
-.message.bot p, .message.bot span,
-.message.bot li, .message.bot div {
+.message.bot * {
     color: #1e3a5f !important;
     background: transparent !important;
 }