에러 발생으로 실행 불가

app.py

@@ -1,18 +1,41 @@
 # portfolio/app.py
 from flask import Flask, render_template, url_for, redirect
-from npc_social_network.routes.npc_route import npc_bp
-from npc_social_network import simulation_core
+# from npc_social_network.routes.npc_route import npc_bp
+# from npc_social_network import simulation_core
 # from stock.routes.stock_route import stock_bp
-import os
-import subprocess
+import threading
 
+# -------------------------------------------------------------------
+# 파일 1: portfolio/app.py (수정)
+# 역할: 전체 포트폴리오의 진입점.
+#      NPC 시뮬레이션 스레드를 시작하고, 관련 URL 그룹(Blueprint)을 등록합니다.
+# -------------------------------------------------------------------
+
+# 시뮬레이션이 여러 번 초기화되는 것을 방지하기 위한 잠금 장치
+init_lock = threading.Lock()
+simulation_initialized = False
 
 def create_app():
-    app = Flask(__name__) # static/template 경로를 기본값
+    """Flask 앱을 생성하고, 필요한 Blueprint를 등록하는 팩토리 함수."""
+    app = Flask(__name__,
+                template_folder='templates') # static/template 경로를 기본값
+
+    try:
+        from npc_social_network.routes.npc_route import npc_bp
+        app.register_blueprint(npc_bp)
+        print("✅ 'npc_social' Blueprint가 성공적으로 등록되었습니다.")
+        # app.register_blueprint(stock_bp)
+    except Exception as e:
+        import traceback
+        print("="*60)
+        print("❌ CRITICAL ERROR: Blueprint 등록 중 에러가 발생했습니다!")
+        print(f"   에러 메시지: {e}")
+        print("="*60)
+        traceback.print_exc() # 에러의 전체 경로를 출력합니다.
+        print("="*60)
+        # 이 에러가 해결될 때까지 서버는 정상 작동하지 않을 수 있습니다.
+        # --- FINAL DEBUGGING TOOL END ---
 
-    # 각 프로젝트는 Blueprint에서 자기 static/template 관리
-    app.register_blueprint(npc_bp)
-    # app.register_blueprint(stock_bp)
 
     # 포트폴리오의 메인 랜딩 페이지
     @app.route("/")
@@ -25,7 +48,18 @@ if __name__ == '__main__':
     # 1. flask 앱 실행
     app = create_app()
     # 2. NPC 시뮬레이션 초기화 및 백그라운드 스레드 시작
-    simulation_core.initialize_simulation()
+    try:
+        from npc_social_network import simulation_core
+        simulation_core.initialize_simulation()
+        print("✅ 시뮬레이션이 성공적으로 초기화되었습니다.")
+    except Exception as e:
+        import traceback
+        print("="*60)
+        print("❌ CRITICAL ERROR: 시뮬레이션 초기화 중 에러가 발생했습니다!")
+        print(f"   에러 메시지: {e}")
+        print("="*60)
+        traceback.print_exc()
+        print("="*60)
     
     # 3. Flask 웹 서버 실행
     # use_reloader=False는 디버그 모드에서 앱이 두 번 실행되는 것을 방지하여,

npc_social_network/README.txt

@@ -24,6 +24,10 @@ portfolio/
     ├── README.txt
     ├── routes/
     │   └── npc_route.py              # 웹 라우트 (API)
+    ├── manager/
+    │   └── simulation_manager.py
+    ├── scenarios/
+    │   └── scenario_setup.py
     ├── npc/
     │   ├── npc_base.py               # NPC 본체 (감정/기억/관계 포함)
     │   ├── npc_manager.py            # NPC 리스트 관리
@@ -38,9 +42,7 @@ portfolio/
     │   ├── llm_helper.py             # 감정 추론, 응답 생성
     │   └── llm_prompt_builder.py     # 프롬프트 생성
     ├── templates/
-    │   ├── chat.html                 # 채팅 UI
-    │   ├── base.html                 # 공통 템플릿
-    │   └── test_memory_tools.html   # 임베딩 테스트용 페이지
+    │   └── dashboard.html   # 임베딩 테스트용 페이지
     └── static/
         ├── css/style.css
         └── js/npc_chat.js

npc_social_network/manager/simulation_manager.py

@@ -3,7 +3,7 @@ import pickle
 import os
 from npc_social_network.npc.npc_manager import NPCManager
 
-SAVE_DIR = "data/saves"
+SAVE_DIR = "npc_social_network/data/saves"
 if not os.path.exists(SAVE_DIR):
     os.makedirs(SAVE_DIR)
 

npc_social_network/npc/npc_emotion.py

@@ -42,7 +42,7 @@ class EmotionManager:
         self._emotion_buffer[emotion] = min(max(0.0, self._emotion_buffer[emotion]), 100.0)
 
 
-    def decay_emotion(self):
+    def decay_emotions(self):
         """
         시간이 지남에 따라 모든 감정이 서서히 감소
         """

npc_social_network/routes/npc_route.py

@@ -1,8 +1,7 @@
 # portfolio/npc_social_network/routes/npc_route.py
 from flask import Blueprint, render_template, request, jsonify, url_for
+import traceback 
 from .. import simulation_core
-from npc_social_network.maps.manager.simulation_manager import load_simulation, save_simulation
-from ..npc.npc_manager import NPCManager
 
 
 npc_bp = Blueprint(
@@ -10,81 +9,85 @@ npc_bp = Blueprint(
     __name__,
     url_prefix="/npc_social_network",
     template_folder="../templates",
-    static_folder="../static")
+    static_folder="../static"
+)
 
-# --------------------------------------------------
-# API 엔드포인트 정의
-# --------------------------------------------------
 @npc_bp.route("/")
 def dashboard():
-    """월드 관찰자 대시보드 페이지를 렌더링합니다."""
     return render_template("dashboard.html")
 
-@npc_bp.route("api/world_state", method=['GET'])
+@npc_bp.route("/api/world_state", methods=['GET'])
 def get_world_state():
-    """프론트엔드에 전달할 월드 전체 데이터를 JSON으로 반환합니다."""
-    if not simulation_core.npc_manager:
-        return jsonify({"error":"Simulation not started"}), 500
-    
-    nodes = []
-    for npc in simulation_core.npc_manager.all():
-        nodes.append({
-            "id": npc.name,
-            "label": npc.name,
-            "shape": "image",
-            "image": url_for('npc_social.static', filename=f'image/npc/npc{npc.name.lower()}.png'),
-            "job": npc.job,
-            "age": npc.age
-        })
-
-    edges = []
-    drawn_relations = set()
-    for npc in simulation_core.npc_manager.all():
-        for target_name, profile in npc.relationships.relationships.items():
-            relation_pair = tuple(sorted(npc.name, target_name))
-            if relation_pair in drawn_relations: continue
-
-            color = {"best friend": "#0400FF", "friend": "#00FF00", "acquaintance": "#68D4FF",
-                    "nuisance": "#FCF814", "rival": "#FF9E0D", "enemy": "#FF0000",
-                    "stranger":"#5E5C5C" }.get(profile.type, "gray")
+    # --- DEBUGGING TOOL START ---
+    # 이 try...except 블록이 에러의 상세 내용을 터미널에 출력해줍니다.
+    try:
+        with simulation_core.simulation_lock:
+            if not simulation_core.npc_manager:
+                return jsonify({"error": "Simulation not started"}), 500
             
-            edges.append({
-                "from": npc.name,
-                "to": target_name,
-                "label": f"{profile.type} ({profile.score: .1f})",
-                "color": color,
-                "width": 2
+            # 데이터 복사 (잠금 시간을 최소화하기 위해)
+            all_npcs = list(simulation_core.npc_manager.all())
+            current_log = list(simulation_core.event_log)
+            is_paused = simulation_core.simulation_paused
+        
+        nodes = []
+        for npc in all_npcs:
+            nodes.append({
+                "id": npc.name,
+                "label": npc.name,
+                "shape": "image",
+                "image": url_for('npc_social.static', filename=f'images/npc/npc_{npc.name.lower()}.png'),
+                "job": npc.job,
+                "age": npc.age
             })
-            drawn_relations.add(relation_pair)
 
-    return jsonify({
-        "nodes": nodes,
-        "edges": edges,
-        "log": simulation_core.event_log,
-        "paused": simulation_core.simulation_paused
-    })
+        edges = []
+        drawn_relations = set()
+        for npc in all_npcs:
+            for target_name, profile in npc.relationships.relationships.items():
+                relation_pair = tuple(sorted((npc.name, target_name)))
+                if relation_pair in drawn_relations: continue
 
-@npc_bp.route("/api/npc_details/<npc_name>", methods=['GET'])
-def get_npc_details(npc_name):
-    npc = simulation_core.npc_manager.get_npc_by_name(npc_name)
-    if not npc:
-        return jsonify({"error": "NPC not found"}), 404
+                color = {
+                    "best friend": "#0400FF", "friend": "#00FF00", "acquaintance": "#68D4FF",
+                    "nuisance": "#FCF814", "rival": "#FF9E0D", "enemy": "#FF0000",
+                    "stranger":"#5E5C5C"
+                }.get(profile.type, "gray")
+                
+                edges.append({
+                    "from": npc.name,
+                    "to": target_name,
+                    "label": f"{profile.type} ({profile.score:.1f})",
+                    "color": color,
+                    "width": 2
+                })
+                drawn_relations.add(relation_pair)
+
+        return jsonify({
+            "nodes": nodes,
+            "edges": edges,
+            "log": current_log,
+            "paused": is_paused
+        })
 
-    details = {
-        "name": npc.name, "age": npc.age, "job": npc.job,
-        "personality_summary": npc.personality.get_personality_summary(),
-        "emotions": npc.get_composite_emotion_state(top_n=5),
-        "goals": npc.planner.current_goal.description if npc.planner.has_active_plan() else "특별한 목표 없음",
-        "memories": [mem.content for mem in npc.memory_store.get_recent_memories(limit=10)]
-    }
-    return jsonify(details)
+    except Exception as e:
+        # 에러 발생 시, 터미널에 상세한 로그를 출력합니다.
+        print("="*40)
+        print(f"!!! ERROR in get_world_state: {e}")
+        traceback.print_exc() # 에러가 발생한 위치를 정확히 알려줍니다.
+        print("="*40)
+        # 프론트엔드에도 에러가 발생했음을 알립니다.
+        return jsonify({"error": "An internal error occurred. Check the server terminal for details."}), 500
+    # --- DEBUGGING TOOL END ---
 
 @npc_bp.route("/api/toggle_simulation", methods=['POST'])
 def toggle_simulation():
-    simulation_core.simulation_paused = not simulation_core.simulation_paused
-    status = "정지됨" if simulation_core.simulation_paused else "실행 중"
-    simulation_core.add_log(f"시뮬레이션이 {status} 상태로 변경되었습니다.")
-    return jsonify({"paused": simulation_core.simulation_paused})
+    with simulation_core.simulation_lock:
+        simulation_core.simulation_paused = not simulation_core.simulation_paused
+        status = "정지됨" if simulation_core.simulation_paused else "실행 중"
+        simulation_core.add_log(f"시뮬레이션이 {status} 상태로 변경되었습니다.")
+        is_paused = simulation_core.simulation_paused
+    return jsonify({"paused": is_paused})
 
 @npc_bp.route("/api/manual_tick", methods=['POST'])
 def manual_tick():
@@ -103,8 +106,27 @@ def inject_event():
     npc_name, event_text = data.get("npc_name"), data.get("event_text")
     npc = simulation_core.npc_manager.get_npc_by_name(npc_name)
     
-    if npc and event_text:
-        npc.remember(content=f"[요약된 기억] {event_text}", importance=10, emotion="surprise", memory_type="Summary")      # 수정 필요: importance, emotion 값을 요약된 기억에 맞게 넣어줄 함수
-        simulation_core.add_log(f"{npc_name}: '{event_text}'")
-        return jsonify({"success": True})
-    return jsonify({"success": False, "error": "Invalid data"}), 400
+    with simulation_core.simulation_lock:
+        npc = simulation_core.npc_manager.get_npc_by_name(npc_name)
+        if npc and event_text:
+            npc.remember(content=f"[요약된 기억] {event_text}", importance=10, emotion="surprise", memory_type="Summary")      # 수정 필요: 신이 돼서 넣는게 아니라, NPC가 마치 과거에 겪은 일처럼 자연스럽게 느끼도록
+            simulation_core.add_log(f"이벤트 주입(기억 요약) -> {npc_name}: '{event_text}'")
+            return jsonify({"success": True})
+    return jsonify({"success": False, "error": "Invalid data"}), 400
+
+# get_npc_details 와 같은 나머지 읽기 전용 API도 Lock을 추가하면 더 안전합니다.
+@npc_bp.route("/api/npc_details/<npc_name>", methods=['GET'])
+def get_npc_details(npc_name):
+    with simulation_core.simulation_lock:
+        npc = simulation_core.npc_manager.get_npc_by_name(npc_name)
+        if not npc:
+            return jsonify({"error": "NPC not found"}), 404
+
+        details = {
+            "name": npc.name, "age": npc.age, "job": npc.job,
+            "personality_summary": npc.personality.get_personality_summary(),
+            "emotions": npc.get_composite_emotion_state(top_n=5),
+            "goals": npc.planner.current_goal.description if npc.planner.has_active_plan() else "특별한 목표 없음",
+            "memories": [mem.content for mem in npc.memory_store.get_recent_memories(limit=10)]
+        }
+    return jsonify(details)

npc_social_network/scenarios/scenario_setup.py

@@ -2,7 +2,7 @@ from ..npc.npc_manager import NPCManager
 from ..npc.npc_base import NPC
 from ..npc.npc_memory import Memory
 
-def setup_initial_scenario(image_loader) -> NPCManager:
+def setup_initial_scenario() -> NPCManager:
     """
     테스트를 위한 초기 NPC 월드를 설정하고 NPCManager를 반환합니다.
     - 5명의 NPC 생성
@@ -23,7 +23,7 @@ def setup_initial_scenario(image_loader) -> NPCManager:
 
     # 앨리스: 사교적이고 계산적인 상인
     personality_alice = {"sensitive": 0.5, "stoic": 0.5, "cognitive_bias": 0.8}
-    alice = NPC("앨리스", "대장장이", personality=personality_alice)
+    alice = NPC("앨리스", "상인", personality=personality_alice)
 
     # 찰리: 성실하고 평화로운 농부
     personality_charlie = {"sensitive": 0.6, "stoic": 0.6, "cognitive_bias": 0.3}
@@ -35,7 +35,7 @@ def setup_initial_scenario(image_loader) -> NPCManager:
 
     # --- 2. 초기 기억 주입 ---
     elin.remember(content="어젯밤 앨리스와 시장 가격 때문에 크게 다퉜다.", importance=8, emotion="anger")
-    alice.remember(content="어젯밤 엘라가 내게 무례하게 소리쳤다.", importance=8, emotion="resentment")
+    alice.remember(content="어젯밤 엘린이 내게 무례하게 소리쳤다.", importance=8, emotion="resentment")
     bob.remember(content="찰리가 어제 우리 집 지붕을 고쳐주어서 고맙다.", importance=7, emotion="gratitude")
     charlie.remember(content="밥의 대장간 일을 도와주고 빵을 얻었다. 그는 좋은 친구다.", importance=6, emotion="joy")
     diana.remember(content="도서관에서 밥이 책을 빌려가며 거칠게 다루어 조금 기분이 상했다.", importance=5, emotion="disgust")
@@ -50,7 +50,7 @@ def setup_initial_scenario(image_loader) -> NPCManager:
     # --- 4. 초기 관계 설정 ---
     # 엘라 <-> 앨리스 (나쁜 관계)
     elin.relationships.update_relationship("앨리스", "anger", strength=5.0)
-    alice.relationships.update_relationship("엘라", "resentment", strength=4.0)
+    alice.relationships.update_relationship("엘린", "resentment", strength=4.0)
 
     # 밥 <-> 찰리 (좋은 관계)
     bob.relationships.update_relationship("찰리", "gratitude", strength=6.0)

npc_social_network/simulation_core.py

@@ -14,9 +14,10 @@ from .manager.simulation_manager import save_simulation, load_simulation
 npc_manager: NPCManager = None
 simulation_paused = True
 event_log = []
+simulation_lock = threading.Lock()      # 데이터 동시 접근을 막는 잠금장치
 
 #------------------------------------------
-# 2. 시뮬레이션 로진 함수
+# 2. 시뮬레이션 로직 함수
 #------------------------------------------
 def add_log(message):
     """이벤트 로그에 메시지를 추가합니다."""
@@ -31,19 +32,20 @@ def tick_simulation():
     if not npc_manager or simulation_paused:
         return
     
-    add_log("시뮬레이션 틱 시작")
+    with simulation_lock:
+        add_log("시뮬레이션 틱 시작")
 
-    for npc in npc_manager.all():
-        npc.decay_emotions()
-        npc.decay_memories()
-        npc.update_autonomous_behavior("자율 행동 시간")
+        for npc in npc_manager.all():
+            npc.decay_emotions()
+            npc.decay_memories()
+            npc.update_autonomous_behavior("자율 행동 시간")
 
-    if len(npc_manager.all()) >= 2:
-        try:
-            add_log("NPC 간 자율 상호작용을 시도합니다.")
-            npc_manager.initiate_npc_to_npc_interaction("자율 행동 시간")
-        except Exception as e:
-            add_log(f"상호작용 중 오류 발생: {e}")
+        if len(npc_manager.all()) >= 2:
+            try:
+                add_log("NPC 간 자율 상호작용을 시도합니다.")
+                npc_manager.initiate_npc_to_npc_interaction("자율 행동 시간")
+            except Exception as e:
+                add_log(f"상호작용 중 오류 발생: {e}")
 
 def simulation_loop():
     """백그라운드에서 주기적으로 시뮬레이션을 실행하는 루프"""

npc_social_network/templates/base.html

@@ -1,15 +0,0 @@
-<!-- portfolio/npc_social_network/templates/base.html -->
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>
-        Document
-        </title>
-    </head>
-    <body>
-        <!-- 자바스크립트는 로딩 -->
-        <script src="{{ url_for('npc_social.static', filename='js/npc_chat.js') }}"></script>
-    </body>
-</html>

npc_social_network/templates/chat.html

@@ -1,57 +0,0 @@
-<!-- portfolio/npc_social_network/templates/chat.html -->
-<!DOCTYPE html>
-    <html lang="ko">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>NPC Chat</title>
-
-        <link rel="stylesheet" herf="{{ url_for('npc_social.static', filename='css/style.css') }}">
-    </head>
-    <body>
-        <h1>NPC 소셜 네트워크 - 통합 대시보드</h1>
-
-        <!-- 시뮬레이션 제어 버튼 -->
-        <div class="controls">
-            <a href="{{ url_for('run_npc_simulation') }}"><button>시뮬레이션 시작 / 재시작</button></a>
-            <p>시뮬레이션을 시작하면 별도의 Pygame 창이 열립니다.</p>
-        </div>
-
-        <h2>NPC와 대화하기</h2>
-        <div class="meta-info">
-            <select id="npc" onchange="loadNPCInfo()">
-                <!-- [MOD] 서버에서 전달받은 NPC 이름으로 동적 생성 -->
-                {% for name in npc_names %}
-                    <option value="{{ name }}">{{ name }}</option>
-                    {% else %}
-                    <option disabled>NPC 없음</option>
-                {% endfor %}
-            </select>
-            <span id="relationStatus" style="margin-left:20px";>관계 점수: 로딩 중...</span>
-        </div>
-
-        <div id="chatBox"></div>
-        <input type="text" id="message" placeholder="메세지를 입력하세요" style="width:80%">
-        <button onclick="sendMessage()">보내기</button>
-
-        <!-- Memory 영역 추가 -->
-         <div class="meta-info">
-            <h4>Memory:</h4>
-            <ul id="memoryList">
-                <li>로딩 중...</li>
-            </ul>
-         </div>
-
-         <!-- Personality 상태 UI 표시 -->
-         <div class="meta-info">
-            <h4>Personality 상태:</h4>
-            <ul id="personalityStatus">
-                <li>로딩 중...</li>
-            </ul>
-        </div>
-
-        <a href="{{ url_for('index') }}">Back to Main Page</a>
-
-        <script src="{{ url_for('npc_social.static', filename='js/npc_chat.js') }}"></script>
-    </body>
-</html>

npc_social_network/templates/dashboard.html

@@ -0,0 +1,220 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NPC 소셜 네트워크 대시보드</title>
+    <!-- vis-network 라이브러리 (CDN) -->
+     <script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script>
+<style>
+        :root {
+            --bg-color: #f0f2f5;
+            --panel-bg-color: #ffffff;
+            --border-color: #dee2e6;
+            --shadow: 0 4px 6px rgba(0,0,0,0.05);
+            --primary-color: #007bff;
+            --success-color: #28a745;
+        }
+        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; display: flex; height: 100vh; margin: 0; background-color: var(--bg-color); }
+        #main-container { display: flex; flex: 1; padding: 15px; gap: 15px; }
+        #network-panel { flex: 3; display: flex; flex-direction: column; background: var(--panel-bg-color); border-radius: 12px; box-shadow: var(--shadow); }
+        #network { width: 100%; flex: 1; border-bottom: 1px solid var(--border-color); }
+        #controls { padding: 12px 15px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; background-color: #f8f9fa; border-radius: 0 0 12px 12px;}
+        #controls button { padding: 8px 15px; border-radius: 6px; border: none; cursor: pointer; color: white; font-size: 14px; font-weight: 500; transition: background-color 0.2s; }
+        #play-pause-btn { background-color: var(--success-color); }
+        #play-pause-btn.paused { background-color: var(--primary-color); }
+        #tick-btn { background-color: #6c757d; }
+        #inject-event-btn { background-color: #17a2b8; }
+        #controls select, #controls input { padding: 8px; border-radius: 6px; border: 1px solid var(--border-color); flex-grow: 1; }
+        
+        #side-panel { flex: 1; display: flex; flex-direction: column; gap: 15px; min-width: 300px; }
+        .info-panel { background: var(--panel-bg-color); padding: 20px; border-radius: 12px; box-shadow: var(--shadow); overflow-y: auto; }
+        #npc-details { flex-basis: 45%; }
+        #log-panel { flex-basis: 55%; display: flex; flex-direction: column; }
+        #log-container { flex: 1; overflow-y: auto; font-size: 13px; line-height: 1.6; color: #495057; white-space: pre-wrap; word-wrap: break-word; }
+        h2 { margin-top: 0; margin-bottom: 15px; font-size: 18px; color: #343a40; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
+        ul { padding-left: 20px; margin: 0; }
+        li { margin-bottom: 8px; }
+    </style>
+</head>
+<body>
+    <div id="main-container">
+        <!-- 관계 네트워크 패널 -->
+        <div id="network-panel">
+            <div id="network"></div>
+            <div id="controls">
+                <button id="play-pause-btn">Play</button>
+                <button id="tick-btn">Next Tick</button>
+                <select id="event-npc-select"></select>
+                <input type="text" id="event-text-input" placeholder="주입할 이벤트 입력 (예: 길에서 금화를 주웠다)">
+                <button id="inject-event-btn">이벤트 주입</button>
+            </div>
+        </div>
+
+        <!-- 사이드 정보 패널 -->
+        <div id="side-panel">
+            <div id="npc-details" class="info-panel">
+                <h2>NPC 상세 정보</h2>
+                <div id="npc-details-content">관계도에서 NPC를 선택하세요.</div>
+            </div>
+            <div id="log-panel" class="info-panel">
+                <h2>실시간 이벤트 로그</h2>
+                <div id="log-container">(로그 로딩 중...)</div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            const networkContainer = document.getElementById('network');
+            const logContainer = document.getElementById('log-container');
+            const detailsContainer = document.getElementById('npc-details-content');
+            const playPauseBtn = document.getElementById('play-pause-btn');
+            const tickBtn = document.getElementById('tick-btn');
+            const injectEventBtn = document.getElementById('inject-event-btn');
+            const eventNpcSelect = document.getElementById('event-npc-select');
+            const eventTextInput = document.getElementById('event-text-input');
+
+            let network = null;
+            let nodes = new vis.DataSet([]);
+            let edges = new vis.DataSet([]);
+            let autoUpdateInterval = null;
+
+            const options = {
+                nodes: {
+                    borderWidth: 3,
+                    size: 30,
+                    color: { border: '#222222', background: '#666666' },
+                    font: { color: '#000000' }
+                },
+                edges: {
+                    font: { align: 'top' },
+                    smooth: { type: 'cubicBezier' }
+                },
+                physics: {
+                    stabilization: false,
+                    solver: 'forceAtlas2Based',
+                    forceAtlas2Based: { gravitationalConstant: -50, springLength: 100, springConstant: 0.08 }
+                },
+                interaction: { hover: true, tooltipDelay: 200 }
+            };
+
+            async function updateWorld() {
+                try {
+                    const response = await fetch('/npc_social_network/api/world_state');
+                    const data = await response.json();
+                    
+                    if (data.error) throw new Error(data.error);
+
+                    // vis.js 데이터셋 업데이트
+                    nodes.update(data.nodes);
+                    edges.update(data.edges);
+                    
+                    // 네트워크가 없으면 새로 생성
+                    if (!network) {
+                        network = new vis.Network(networkContainer, { nodes, edges }, options);
+                        network.on('click', onNodeClick);
+                    }
+                    
+                    updateNpcSelect(data.nodes);
+                    updateLog(data.log);
+                    updatePlayPauseButton(data.paused);
+
+                } catch (error) {
+                    console.error('Error fetching world state:', error);
+                    logContainer.textContent = "서버 연결 오류. app.py를 실행했는지 확인해주세요.";
+                }
+            }
+            
+            async function onNodeClick(params) {
+                if (params.nodes.length > 0) {
+                    const npcName = params.nodes[0];
+                    try {
+                        const response = await fetch(`/npc_social_network/api/npc_details/${npcName}`);
+                        const details = await response.json();
+                        
+                        let detailsHtml = `<h3>${details.name} (${details.job}, ${details.age}세)</h3>`;
+                        detailsHtml += `<p><strong>성격:</strong> ${details.personality_summary}</p>`;
+                        detailsHtml += `<p><strong>목표:</strong> ${details.goals}</p>`;
+                        detailsHtml += `<strong>감정:</strong><ul>${details.emotions.length > 0 ? details.emotions.map(e => `<li>${e[0]}: ${e[1].toFixed(1)}</li>`).join('') : '<li>평온함</li>'}</ul>`;
+                        detailsHtml += `<strong>최근 기억 (10개):</strong><ul>${details.memories.length > 0 ? details.memories.map(m => `<li>${m.substring(0, 80)}...</li>`).join('') : '<li>기억 없음</li>'}</ul>`;
+                        
+                        detailsContainer.innerHTML = detailsHtml;
+
+                    } catch (error) {
+                        detailsContainer.innerHTML = `${npcName}의 정보를 불러오는 데 실패했습니다.`;
+                    }
+                }
+            }
+            
+            function updateNpcSelect(npcNodes) {
+                const currentSelection = eventNpcSelect.value;
+                eventNpcSelect.innerHTML = '';
+                npcNodes.forEach(node => {
+                    const option = document.createElement('option');
+                    option.value = node.id;
+                    option.textContent = node.id;
+                    eventNpcSelect.appendChild(option);
+                });
+                if (currentSelection) eventNpcSelect.value = currentSelection;
+            }
+
+            function updateLog(logMessages) {
+                logContainer.textContent = logMessages.join('\n');
+            }
+
+            function updatePlayPauseButton(isPaused) {
+                playPauseBtn.textContent = isPaused ? '▶ Play' : '❚❚ Pause';
+                if (isPaused) {
+                    playPauseBtn.textContent = '▶ Play';
+                    playPauseBtn.classList.remove('paused');
+                    if (autoUpdateInterval) {
+                        clearInterval(autoUpdateInterval);
+                        autoUpdateInterval = null;
+                    }
+                } else {
+                    playPauseBtn.textContent = '❚❚ Pause';
+                    playPauseBtn.classList.add('paused');
+                    if (!autoUpdateInterval) {
+                        // 시뮬레이션이 실행 중일 때만 자동 업데이트
+                        autoUpdateInterval = setInterval(updateWorld, 5000); 
+                    }
+                }
+            }
+
+            // --- 이벤트 리스너 ---
+            playPauseBtn.addEventListener('click', async () => {
+                const response = await fetch('/npc_social_network/api/toggle_simulation', { method: 'POST' });
+                const data = await response.json();
+                updatePlayPauseButton(data.paused);
+                // 상태 변경 후 즉시 UI 업데이트
+                updateWorld();
+            });
+
+            tickBtn.addEventListener('click', async () => {
+                logContainer.textContent = "수동 틱 실행 중...";
+                await fetch('/npc_social_network/api/manual_tick', { method: 'POST' });
+                await updateWorld(); 
+            });
+
+            injectEventBtn.addEventListener('click', async () => {
+                const npc_name = eventNpcSelect.value;
+                const event_text = eventTextInput.value;
+                if (!npc_name || !event_text) return alert('NPC와 이벤트 내용을 모두 입력해주세요.');
+                
+                await fetch('/npc_social_network/api/inject_event', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ npc_name, event_text })
+                });
+                
+                eventTextInput.value = '';
+                await updateWorld(); 
+            });
+            
+            // --- 초기화 ---
+            updateWorld();
+        });
+    </script>
+</body>
+</html>

templates/main.html

@@ -1,15 +1,17 @@
 <!--portfolio/templates/main.html-->
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Portfolio Main</title>
+    <title>포트폴리오</title>
 </head>
 <body>
-    <h1>Welcome to the Portfolio</h1>
-    <form action="{{ url_for('run_npc_simulation') }}" method="get">
-        <button type = "submit"> Run NPC Simulation (pygame) </button>
-    </form>
+    <h1>포트폴리오 메인</h1>
+    <p>프로젝트 목록:</p>
+    <ul>
+        <!-- BUG FIX: form 대신 간단한 링크로 수정 -->
+        <li><a href="{{ url_for('npc_social.dashboard') }}">NPC 소셜 네트워크 관찰자 대시보드</a></li>
+    </ul>
 </body>
 </html>