이야기 주제 제공 기능 완성

npc_social_network/routes/npc_route.py

@@ -136,4 +136,26 @@ def force_relationship():
             npc2.relationships.set_relationship(npc1.name, relationship_type)
             return jsonify({"success": True})
         
-    return jsonify({"success": False, "error": "NPC not found"}), 404
+    return jsonify({"success": False, "error": "NPC not found"}), 404
+
+@npc_bp.route("/api/orchestrate_conversation", methods=['Post'])
+def orchestrate_conversation():
+    """플레이어가 지정한 두 NPC와 상황으로 대화를 시작시키는 API"""
+    data = request.json
+    npc1_name = data.get("npc1_name")
+    npc2_name = data.get("npc2_name")
+    situation = data.get("situation")   # 대화 핵심 'topic'
+
+    if not all([npc1_name, npc2_name, situation]) or npc1_name == npc2_name:
+        return jsonify({"success": False, "error": "Invalid data"}), 400
+    
+    # 락을 걸지 않고 매니저에 바로 요청
+    npc1 = simulation_core.npc_manager.get_npc_by_korean_name(npc1_name)
+    npc2 = simulation_core.npc_manager.get_npc_by_korean_name(npc2_name)
+
+    if npc1 and npc2:
+        # 기존의 대화 시작 함수 재활용
+        simulation_core.conversation_manager.start_conversation(npc1, npc2, topic=situation)
+        return jsonify({"success": True})
+    
+    return jsonify({"success": False, "error": "NPC not found"}), 404

npc_social_network/templates/dashboard.html

@@ -14,10 +14,10 @@
         #network { width: 100%; flex: 1; border-bottom: 1px solid var(--border-color); }
         
         /* 전체 컨트롤 패널 (가장 바깥쪽) */
-        #controls { padding: 12px; display: flex; gap: 15px; align-items: stretch; background-color: #3e3f41; border-radius: 0 0 12px 12px;}
+        #controls { padding: 15px; display: flex; flex-direction: column; gap: 15px; background-color: #3e3f41; border-radius: 0 0 12px 12px;}
         
         /* 메인 컨트롤 버튼 */
-        #main-controls { display: flex; flex-direction: column; gap: 10px; }
+        #main-controls { display: flex; gap: 10px; justify-content: flex-start;}
         #main-controls button { padding: 8px 15px; border-radius: 6px; border: none; cursor: pointer; color: rgb(0, 0, 0); font-size: 14px; font-weight: 500; transition: background-color 0.2s;}
         #play-pause-btn.playing { background-color: var(--primary-color); }
         #play-pause-btn.paused { background-color: var(--success-color); }
@@ -25,6 +25,7 @@
         #refresh-btn { background-color: #ffc107; color: black; }
 
         /* 개입 기능 선택 탭*/
+        #intervention-area { display: flex; gap: 15px; align-items: flex-start;}
         #intervention-tabs { display: flex; flex-direction: column; gap: 10px;}
         .tab-btn { padding: 8px 15px; border-radius: 6px; border: 1px solid var(--border-color); cursor: pointer; font-weight: 500; color: #495057; text-align: center;}
         .tab-btn.active { background-color: var(--primary-color); color: white; border-color: var(--primary-color);}
@@ -62,6 +63,7 @@
                     <div id="intervention-tabs">
                         <button id="tab-event" class="tab-btn active">이벤트 주입</button>
                         <button id="tab-relation" class="tab-btn">관계 설정</button>
+                        <button id="tab-orchestrate" class="tab-btn">상황 연출</button>
                     </div>
                     <!-- 개입 기능 패널 -->
                     <div id="intervention-panels">
@@ -84,6 +86,12 @@
                             </select>
                             <button id="force-relationship-btn">관계 설정</button>
                         </div>
+                        <div id="panel-orchestrate" class="control-panel">
+                            <select id="orch-npc1-select" title="대화를 시작할 NPC"></select>
+                            <select id="orch-npc2-select" title="대화 상대 NPC"></select>
+                            <input type="text" id="situation-text-input" placeholder="대화 주제 또는 상황">
+                            <button id="orchestrate-btn">대화 시작</button>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -124,6 +132,13 @@
             const relationNpc2Select = document.getElementById('relation-npc2-select');
             const relationshipTypeSelect = document.getElementById('relationship-type-select');
             const forceRelationshipBtn = document.getElementById('force-relationship-btn');
+            // 대화 시작하기
+            const tabOrchestrate = document.getElementById('tab-orchestrate');
+            const panelOrchestrate = document.getElementById('panel-orchestrate');
+            const orchNpc1Select = document.getElementById('orch-npc1-select');
+            const orchNpc2Select = document.getElementById('orch-npc2-select');
+            const situationTextInput = document.getElementById('situation-text-input');
+            const orchestrateBtn = document.getElementById('orchestrate-btn');
 
             let network = null;
             let nodesDataSet = new vis.DataSet([]);
@@ -143,12 +158,40 @@
                 panelEvent.classList.add('active');
                 tabRelation.classList.remove('active');
                 panelRelation.classList.remove('active');
+                tabOrchestrate.classList.remove('active');
+                panelOrchestrate.classList.remove('active');
             });
             tabRelation.addEventListener('click', () => {
+                tabEvent.classList.remove('active');
+                panelEvent.classList.remove('active');
                 tabRelation.classList.add('active');
                 panelRelation.classList.add('active');
+                tabOrchestrate.classList.remove('active');
+                panelOrchestrate.classList.remove('active');
+            });
+            // 상황 연출 탭 클릭 이벤트
+            tabOrchestrate.addEventListener('click', () => {
                 tabEvent.classList.remove('active');
                 panelEvent.classList.remove('active');
+                tabRelation.classList.remove('active');
+                panelRelation.classList.remove('active');
+                tabOrchestrate.classList.add('active');
+                panelOrchestrate.classList.add('active');
+            });
+
+            // 대화 시작 버튼 이벤트 리스너 추가
+            orchestrateBtn.addEventListener('click', async () => {
+                const npc1_name = orchNpc1Select.value;
+                const npc2_name = orchNpc2Select.value;
+                const situation = situationTextInput.value;
+                if (!npc1_name || !npc2_name || !situation || npc1_name === npc2_name) {
+                    return alert ('서로 다른 두 NPC와 상황을 모두 입력해주세요.');
+                }
+                await fetch('/npc_social_network/api/orchestrate_conversation', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ npc1_name, npc2_name, situation })
+                });
             });
 
             async function updateWorld() {
@@ -207,7 +250,7 @@
             }
 
             function updateNpcSelect(npcNodes) {
-                const selections = [eventNpcSelect, relationNpc1Select, relationNpc2Select];
+                const selections = [eventNpcSelect, relationNpc1Select, relationNpc2Select, orchNpc1Select, orchNpc2Select];
                 selections.forEach(select => {
                     const currentVal = select.value;
                     select.innerHTML = '';