요약 보기 목차 기능 추가 및 메뉴 이름 변경

- 요약 보기 모달에 목차 기능 추가 (Parent Chunk, 회차별 분석 섹션)
- 내용 보기 목차 폭 축소 (250px -> 125px)
- '메인으로' 메뉴를 '창작 어시스턴트'로 변경
- 웹소설 보기 아이콘 버튼을 '원작 정보'로 변경

app/database.py

@@ -224,4 +224,26 @@ class SystemConfig(db.Model):
             traceback.print_exc()
             raise
 
+# 회차별 분석 모델
+class EpisodeAnalysis(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    file_id = db.Column(db.Integer, db.ForeignKey('uploaded_file.id'), nullable=False)
+    episode_title = db.Column(db.String(100), nullable=False)  # 회차 제목 (예: '1화', '2화')
+    analysis_content = db.Column(db.Text, nullable=False)  # 분석 결과 (하나의 텍스트로 이어서 저장)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow, nullable=False)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow, nullable=False)
+    
+    # 관계
+    file = db.relationship('UploadedFile', backref='episode_analyses')
+    
+    def to_dict(self):
+        return {
+            'id': self.id,
+            'file_id': self.file_id,
+            'episode_title': self.episode_title,
+            'analysis_content': self.analysis_content,
+            'created_at': self.created_at.isoformat() if self.created_at else None,
+            'updated_at': self.updated_at.isoformat() if self.updated_at else None
+        }
+
 

app/routes.py

@@ -1,7 +1,7 @@
 from flask import Blueprint, render_template, request, jsonify, send_from_directory, redirect, url_for, flash
 from flask_login import login_user, logout_user, login_required, current_user
 from werkzeug.utils import secure_filename
-from app.database import db, UploadedFile, User, ChatSession, ChatMessage, DocumentChunk, ParentChunk, SystemConfig
+from app.database import db, UploadedFile, User, ChatSession, ChatMessage, DocumentChunk, ParentChunk, SystemConfig, EpisodeAnalysis
 from app.vector_db import get_vector_db
 from app.gemini_client import get_gemini_client
 import requests
@@ -471,6 +471,133 @@ def extract_chunk_metadata(chunk_content, full_content=None, chunk_index=None, f
     
     return metadata
 
+def analyze_episode(episode_content, episode_title, full_content=None, parent_chunk=None, model_name=None):
+    """회차별 분석 (주요 스토리, 등장인물, 인물 관계 변화, 기타)
+    
+    Args:
+        episode_content: 분석할 회차 내용
+        episode_title: 회차 제목 (예: '1화', '2화')
+        full_content: 원본 웹소설 전체 내용 (참고용)
+        parent_chunk: Parent Chunk 객체 (선택사항)
+        model_name: 사용할 AI 모델명
+    
+    Returns:
+        분석 결과 텍스트 (하나의 텍스트로 이어서 저장)
+    """
+    try:
+        # 원본 웹소설 전체 내용을 참조
+        full_content_preview = ""
+        if full_content:
+            # 전체 내용이 너무 길면 앞부분과 뒷부분 일부만 사용 (최대 30000자)
+            if len(full_content) > 30000:
+                full_content_preview = full_content[:15000] + "\n... (중간 생략) ...\n" + full_content[-15000:]
+            else:
+                full_content_preview = full_content
+        
+        # Parent Chunk 정보 추가
+        parent_info = ""
+        if parent_chunk:
+            parent_info = f"""
+작품 전체 정보:
+- 세계관: {parent_chunk.world_view or '없음'}
+- 주요 캐릭터: {parent_chunk.characters or '없음'}
+- 주요 스토리: {parent_chunk.story or '없음'}
+"""
+        
+        # 프롬프트 생성
+        prompt = f"""다음 웹소설의 {episode_title} 회차를 분석하여 아래 항목들을 하나의 텍스트로 이어서 작성해주세요.
+
+{parent_info}
+
+원본 웹소설 전체 내용 (참고용):
+{full_content_preview[:50000] if full_content_preview else "없음"}
+
+분석할 회차 내용 ({episode_title}):
+{episode_content[:10000] if len(episode_content) > 10000 else episode_content}
+
+다음 형식으로 분석 결과를 작성해주세요 (하나의 텍스트로 이어서 작성):
+
+## {episode_title} 주요 스토리 분석
+[이 회차에서 일어난 주요 사건과 스토리 전개를 상세히 분석해주세요]
+
+## {episode_title} 주요 등장 인물 분석
+[이 회차에 등장한 주요 인물들과 그들의 역할, 행동, 특징을 분석해주세요]
+
+## 인물과 인물간의 관계 변화
+[이 회차에서 인물들 간의 관계가 어떻게 변화했는지, 새로운 관계가 형성되었는지 등을 분석해주세요]
+
+## 기타
+[이 회차의 특별한 점, 중요 사건, 떡밥, 복선 등 기타 중요한 내용을 분석해주세요]
+
+응답은 위 형식을 그대로 유지하면서 각 항목에 대한 상세한 분석 내용을 작성해주세요."""
+
+        # 모델명이 없으면 기본값 사용 (Gemini 우선 시도)
+        if not model_name:
+            # Gemini 시도
+            try:
+                gemini_client = get_gemini_client()
+                if gemini_client.is_configured():
+                    result = gemini_client.generate_response(
+                        prompt=prompt,
+                        model_name="gemini-1.5-flash",
+                        temperature=0.5,
+                        max_output_tokens=2000
+                    )
+                    if not result['error'] and result.get('response'):
+                        return result['response'].strip()
+            except Exception as e:
+                print(f"[회차 분석] Gemini 기본 모델 오류: {str(e)}")
+        
+        # 모델명이 있거나 Gemini 실패 시 해당 모델 사용
+        if model_name:
+            model_name_lower = model_name.lower().strip()
+            is_gemini = model_name_lower.startswith('gemini:') or model_name_lower.startswith('gemini-')
+            
+            if is_gemini:
+                gemini_model_name = model_name.strip()
+                if gemini_model_name.lower().startswith('gemini:'):
+                    gemini_model_name = gemini_model_name.split(':', 1)[1].strip()
+                
+                gemini_client = get_gemini_client()
+                if gemini_client.is_configured():
+                    result = gemini_client.generate_response(
+                        prompt=prompt,
+                        model_name=gemini_model_name,
+                        temperature=0.5,
+                        max_output_tokens=2000
+                    )
+                    if not result['error'] and result.get('response'):
+                        return result['response'].strip()
+            else:
+                # Ollama API 호출
+                try:
+                    ollama_response = requests.post(
+                        f'{OLLAMA_BASE_URL}/api/generate',
+                        json={
+                            'model': model_name,
+                            'prompt': prompt,
+                            'stream': False,
+                            'options': {
+                                'temperature': 0.5,
+                                'num_predict': 2000
+                            }
+                        },
+                        timeout=60
+                    )
+                    if ollama_response.status_code == 200:
+                        response_data = ollama_response.json()
+                        return response_data.get('response', '').strip()
+                except Exception as e:
+                    print(f"[회차 분석] Ollama 오류: {str(e)}")
+        
+        # AI 분석 실패 시 기본값 반환
+        return f"## {episode_title} 분석\n분석을 완료할 수 없었습니다."
+    except Exception as e:
+        print(f"[회차 분석] 오류: {str(e)}")
+        import traceback
+        traceback.print_exc()
+        return f"## {episode_title} 분석\n분석 중 오류가 발생했습니다: {str(e)}"
+
 def create_chunks_for_file(file_id, content):
     """파일 내용을 섹션별로 분할하여 의미 기반 청크로 저장 (벡터 DB 포함)
     
@@ -513,6 +640,72 @@ def create_chunks_for_file(file_id, content):
             print(f"[청크 생성] 경고: 섹션이 생성되지 않았습니다.")
             return 0
         
+        # 기존 회차 분석 삭제
+        existing_analyses = EpisodeAnalysis.query.filter_by(file_id=file_id).all()
+        if existing_analyses:
+            print(f"[회차 분석] 기존 회차 분석 {len(existing_analyses)}개 삭제 중...")
+            for analysis in existing_analyses:
+                db.session.delete(analysis)
+            db.session.commit()
+        
+        # '#작품설명'을 제외한 각 회차 분석
+        episode_sections = [s for s in sections if s[0] != '작품설명']  # section_type이 '작품설명'이 아닌 것만
+        if episode_sections and model_name:
+            print(f"[회차 분석] {len(episode_sections)}개 회차 분석 시작...")
+            
+            # Parent Chunk 가져오기
+            parent_chunk = None
+            try:
+                parent_chunk = ParentChunk.query.filter_by(file_id=file_id).first()
+            except:
+                pass
+            
+            # 각 회차 분석 결과를 하나의 텍스트로 이어서 저장
+            all_analyses = []
+            
+            for section_type, section_title, section_content, section_metadata in episode_sections:
+                try:
+                    print(f"[회차 분석] '{section_title}' 분석 중...")
+                    analysis_result = analyze_episode(
+                        episode_content=section_content,
+                        episode_title=section_title,
+                        full_content=content,
+                        parent_chunk=parent_chunk,
+                        model_name=model_name
+                    )
+                    
+                    if analysis_result:
+                        all_analyses.append(f"\n\n{analysis_result}")
+                        print(f"[회차 분석] '{section_title}' 분석 완료")
+                    else:
+                        print(f"[회차 분석] '{section_title}' 분석 실패 (결과 없음)")
+                except Exception as e:
+                    print(f"[회차 분석] '{section_title}' 분석 중 오류: {str(e)}")
+                    import traceback
+                    traceback.print_exc()
+                    continue
+            
+            # 모든 회차 분석 결과를 하나의 텍스트로 이어서 저장
+            if all_analyses:
+                combined_analysis = "\n".join(all_analyses).strip()
+                
+                # 하나의 통합 분석으로 저장 (나눠서 저장하지 않고 하나에 이어서 저장)
+                episode_analysis = EpisodeAnalysis(
+                    file_id=file_id,
+                    episode_title="전체 회차 통합 분석",
+                    analysis_content=combined_analysis  # 모든 회차 분석을 하나의 텍스트로 저장
+                )
+                db.session.add(episode_analysis)
+                db.session.commit()
+                print(f"[회차 분석] 완료: {len(episode_sections)}개 회차 분석 결과를 하나의 텍스트로 저장")
+            else:
+                print(f"[회차 분석] 경고: 분석 결과가 없습니다.")
+        else:
+            if not model_name:
+                print(f"[회차 분석] 모델명이 없어 회차 분석을 건너뜁니다.")
+            elif not episode_sections:
+                print(f"[회차 분석] 분석할 회차가 없습니다.")
+        
         # 각 섹션별로 청크 생성 및 저장
         saved_count = 0
         vector_saved_count = 0
@@ -851,6 +1044,23 @@ def get_parent_chunks_for_files(file_ids):
         print(f"[Parent Chunk 조회] 오류: {str(e)}")
         return []
 
+def get_episode_analyses_for_files(file_ids):
+    """파일 ID 목록에 대한 회차별 분석(EpisodeAnalysis) 조회 (회차별 요약 참조용)"""
+    try:
+        if not file_ids:
+            return []
+        
+        episode_analyses = []
+        for file_id in file_ids:
+            episode_analysis = EpisodeAnalysis.query.filter_by(file_id=file_id).first()
+            if episode_analysis:
+                episode_analyses.append(episode_analysis)
+        
+        return episode_analyses
+    except Exception as e:
+        print(f"[회차별 분석 조회] 오류: {str(e)}")
+        return []
+
 def search_relevant_chunks(query, file_ids=None, model_name=None, top_k=5, min_score=1):
     """
     질문과 관련된 청크 검색 (벡터 검색 + Re-ranking)
@@ -1520,12 +1730,12 @@ def chat():
                     print(f"\n[RAG 검색] 모델: {model}, 질문: {message[:50]}...")
                     print(f"[RAG 검색] 선택된 파일 ID: {file_ids if file_ids else '없음 (모든 파일 검색)'}")
                     
-                    # 1단계: Parent Chunk로 문맥 파악
-                    parent_chunks = []
+                    # 1단계: 회차별 분석(EpisodeAnalysis) 조회 (회차별 요약 참조용)
+                    episode_analyses = []
                     if file_ids:
-                        print(f"[RAG 검색 1단계] Parent Chunk 조회 시작...")
-                        parent_chunks = get_parent_chunks_for_files(file_ids)
-                        print(f"[RAG 검색 1단계] Parent Chunk 조회 완료: {len(parent_chunks)}개 파일")
+                        print(f"[RAG 검색 1단계] 회차별 분석 조회 시작...")
+                        episode_analyses = get_episode_analyses_for_files(file_ids)
+                        print(f"[RAG 검색 1단계] 회차별 분석 조회 완료: {len(episode_analyses)}개 파일")
                     
                     # 2단계: 벡터 검색 + 리랭킹으로 Child Chunk 정밀 검색
                     print(f"[RAG 검색 2단계] 벡터 검색 + 리랭킹 시작...")
@@ -1541,32 +1751,20 @@ def chat():
                     # 컨텍스트 구성
                     context_parts = []
                     
-                    # Parent Chunk 정보 추가 (문맥 파악용)
-                    if parent_chunks:
-                        parent_context_sections = []
-                        for parent_chunk in parent_chunks:
-                            file = parent_chunk.file
-                            file_info = f"\n=== {file.original_filename} 전체 개요 ===\n"
+                    # 회차별 분석 정보 추가 (회차별 요약 참조용)
+                    if episode_analyses:
+                        episode_context_sections = []
+                        for episode_analysis in episode_analyses:
+                            file = episode_analysis.file
+                            file_info = f"\n=== {file.original_filename} 회차별 분석 ===\n"
                             
-                            sections = []
-                            if parent_chunk.world_view:
-                                sections.append(f"[세계관]\n{parent_chunk.world_view}")
-                            if parent_chunk.characters:
-                                sections.append(f"[주요 캐릭터]\n{parent_chunk.characters}")
-                            if parent_chunk.story:
-                                sections.append(f"[주요 스토리]\n{parent_chunk.story}")
-                            if parent_chunk.episodes:
-                                sections.append(f"[주요 에피소드]\n{parent_chunk.episodes}")
-                            if parent_chunk.others:
-                                sections.append(f"[기타 정보]\n{parent_chunk.others}")
-                            
-                            if sections:
-                                parent_context_sections.append(file_info + "\n\n".join(sections))
+                            if episode_analysis.analysis_content:
+                                episode_context_sections.append(file_info + episode_analysis.analysis_content)
                         
-                        if parent_context_sections:
-                            parent_context = "\n\n".join(parent_context_sections)
-                            context_parts.append(f"다음은 웹소설의 전체적인 문맥과 개요입니다:\n\n{parent_context}")
-                            print(f"[RAG 검색] Parent Chunk 컨텍스트 추가: {len(parent_context)}자")
+                        if episode_context_sections:
+                            episode_context = "\n\n".join(episode_context_sections)
+                            context_parts.append(f"다음은 웹소설의 회차별 상세 분석 내용입니다:\n\n{episode_context}")
+                            print(f"[RAG 검색] 회차별 분석 컨텍스트 추가: {len(episode_context)}자")
                     
                     # Child Chunk 정보 추가 (정밀 검색 결과)
                     if relevant_chunks:
@@ -1605,14 +1803,14 @@ def chat():
                     if context_parts:
                         full_context = "\n\n" + "\n\n---\n\n".join(context_parts) + "\n\n"
                         
-                        # Parent Chunk와 Child Chunk 모두 있는 경우
-                        if parent_chunks and relevant_chunks:
+                        # 회차별 분석과 Child Chunk 모두 있는 경우
+                        if episode_analyses and relevant_chunks:
                             context = f"""다음은 질문에 답하기 위한 웹소설 정보입니다:
 
 {full_context}
 
 위 정보를 참고하여 답변해주세요:
-- 먼저 전체적인 문맥(Parent Chunk)을 이해하여 웹소설의 배경과 설정을 파악하세요.
+- 먼저 회차별 분석 내용을 이해하여 각 회차의 주요 스토리, 등장 인물, 인물 관계 변화를 파악하세요.
 - 그 다음 구체적인 내용(Child Chunk)을 통해 질문에 대한 정확한 답변을 제공하세요.
 - 웹소설의 맥락과 스토리를 고려하여 일관성 있는 답변을 작성하세요.
 
@@ -1622,13 +1820,13 @@ def chat():
 
 질문:
 """
-                        elif parent_chunks:
-                            # Parent Chunk만 있는 경우
-                            context = f"""다음은 웹소설의 전체적인 문맥과 개요입니다:
+                        elif episode_analyses:
+                            # 회차별 분석만 있는 경우
+                            context = f"""다음은 웹소설의 회차별 상세 분석 내용입니다:
 
 {full_context}
 
-위 정보를 참고하여 질문에 답변해주세요. 웹소설의 배경과 설정을 고려하여 답변하세요.
+위 정보를 참고하여 질문에 답변해주세요. 각 회차의 주요 스토리, 등장 인물, 인물 관계 변화를 고려하여 답변하세요.
 
 중요: 질문에 답변할 때는 반드시 제공된 [소설 본문] 내의 내용을 근거로 해야 합니다.
 답변의 각 문장 끝에는 참고한 본문의 문장을 [근거: "문장 내용..."] 형식으로 반드시 붙이세요.
@@ -1652,7 +1850,7 @@ def chat():
 """
                         
                         context += message
-                        print(f"[RAG 검색] 최종 컨텍스트 생성 완료 (Parent Chunk: {len(parent_chunks)}개, Child Chunk: {len(relevant_chunks)}개, 총 {len(context)}자)")
+                        print(f"[RAG 검색] 최종 컨텍스트 생성 완료 (회차별 분석: {len(episode_analyses)}개, Child Chunk: {len(relevant_chunks)}개, 총 {len(context)}자)")
                     else:
                         # RAG 검색 결과가 없으면 기존 방식 사용
                         print(f"[RAG 검색] 관련 청크를 찾지 못했습니다. 전체 파일 내용 사용")
@@ -2360,6 +2558,38 @@ def get_all_file_chunks(file_id):
     except Exception as e:
         return jsonify({'error': f'청크 목록 조회 중 오류가 발생했습니다: {str(e)}'}), 500
 
+@main_bp.route('/api/files/<int:file_id>/summary', methods=['GET'])
+@login_required
+def get_file_summary(file_id):
+    """파일의 요약 내용 조회 (Parent Chunk + Episode Analysis)"""
+    try:
+        print(f"[요약 조회] 파일 ID {file_id} 요약 내용 조회 요청 (사용자: {current_user.username})")
+        
+        # 모든 사용자가 모든 파일 조회 가능 (관리자 페이지와 동일)
+        file = UploadedFile.query.get(file_id)
+        
+        if not file:
+            print(f"[요약 조회] 파일을 찾을 수 없음: 파일 ID {file_id}")
+            # 디버깅: 전체 파일 목록 확인
+            all_files = UploadedFile.query.all()
+            print(f"[요약 조회] 데이터베이스에 존재하는 파일 ID 목록: {[f.id for f in all_files]}")
+            return jsonify({'error': f'파일을 찾을 수 없습니다. (파일 ID: {file_id})'}), 404
+        
+        parent_chunk = ParentChunk.query.filter_by(file_id=file_id).first()
+        episode_analysis = EpisodeAnalysis.query.filter_by(file_id=file_id).first()
+        
+        return jsonify({
+            'file_id': file_id,
+            'filename': file.original_filename,
+            'parent_chunk': parent_chunk.to_dict() if parent_chunk else None,
+            'episode_analysis': episode_analysis.to_dict() if episode_analysis else None,
+            'has_parent_chunk': parent_chunk is not None,
+            'has_episode_analysis': episode_analysis is not None
+        }), 200
+        
+    except Exception as e:
+        return jsonify({'error': f'요약 내용 조회 중 오류가 발생했습니다: {str(e)}'}), 500
+
 @main_bp.route('/api/files/<int:file_id>/parent-chunk', methods=['GET'])
 @login_required
 def get_file_parent_chunk(file_id):

templates/admin_files.html

@@ -387,6 +387,19 @@
         </div>
     </div>
 
+    <!-- 요약 내용 모달 -->
+    <div id="summaryModal" class="modal">
+        <div class="modal-content chunk-content-modal">
+            <div class="modal-header">
+                <div class="modal-title" id="summaryModalTitle">요약 내용</div>
+                <button class="modal-close" onclick="closeSummaryModal()">&times;</button>
+            </div>
+            <div id="summaryContent" class="chunk-content">
+                내용을 불러오는 중...
+            </div>
+        </div>
+    </div>
+
     <!-- 청크 내용 모달 -->
     <div id="chunkContentModal" class="modal">
         <div class="modal-content chunk-content-modal">
@@ -501,6 +514,7 @@
                         <td>${formatDate(file.uploaded_at)}</td>
                         <td>
                             <div class="file-actions">
+                                <button class="btn btn-secondary" onclick="viewSummary(${file.id}, '${escapeHtml(file.original_filename)}')" style="padding: 4px 8px; font-size: 12px; margin-right: 4px;">요약 내용 보기</button>
                                 <button class="btn btn-info" onclick="viewChunks(${file.id}, '${escapeHtml(file.original_filename)}')" style="padding: 4px 8px; font-size: 12px;">청크 보기</button>
                             </div>
                         </td>
@@ -601,6 +615,96 @@
             modal.classList.add('active');
         }
 
+        async function viewSummary(fileId, fileName) {
+            const modal = document.getElementById('summaryModal');
+            const title = document.getElementById('summaryModalTitle');
+            const content = document.getElementById('summaryContent');
+            
+            title.textContent = `요약 내용 - ${fileName}`;
+            content.innerHTML = '<div style="text-align: center; padding: 24px; color: #5f6368;">요약 내용을 불러오는 중...</div>';
+            modal.classList.add('active');
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/summary`, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('요약 내용을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                
+                let contentHtml = '';
+                
+                // Parent Chunk 내용
+                if (data.parent_chunk) {
+                    contentHtml += '<div style="margin-bottom: 32px;">';
+                    contentHtml += '<h3 style="font-size: 18px; font-weight: 600; margin-bottom: 16px; color: #1a73e8; border-bottom: 2px solid #1a73e8; padding-bottom: 8px;">Parent Chunk (작품 전체 요약)</h3>';
+                    
+                    if (data.parent_chunk.world_view) {
+                        contentHtml += '<div style="margin-bottom: 16px;">';
+                        contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">세계관</h4>';
+                        contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.parent_chunk.world_view)}</div>`;
+                        contentHtml += '</div>';
+                    }
+                    
+                    if (data.parent_chunk.characters) {
+                        contentHtml += '<div style="margin-bottom: 16px;">';
+                        contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 캐릭터</h4>';
+                        contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.parent_chunk.characters)}</div>`;
+                        contentHtml += '</div>';
+                    }
+                    
+                    if (data.parent_chunk.story) {
+                        contentHtml += '<div style="margin-bottom: 16px;">';
+                        contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 스토리</h4>';
+                        contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.parent_chunk.story)}</div>`;
+                        contentHtml += '</div>';
+                    }
+                    
+                    if (data.parent_chunk.episodes) {
+                        contentHtml += '<div style="margin-bottom: 16px;">';
+                        contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 에피소드</h4>';
+                        contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.parent_chunk.episodes)}</div>`;
+                        contentHtml += '</div>';
+                    }
+                    
+                    if (data.parent_chunk.others) {
+                        contentHtml += '<div style="margin-bottom: 16px;">';
+                        contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">기타</h4>';
+                        contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.parent_chunk.others)}</div>`;
+                        contentHtml += '</div>';
+                    }
+                    
+                    contentHtml += '</div>';
+                } else {
+                    contentHtml += '<div style="margin-bottom: 32px; padding: 16px; background: #fff3cd; border-radius: 6px; color: #856404;">Parent Chunk가 생성되지 않았습니다.</div>';
+                }
+                
+                // Episode Analysis 내용
+                if (data.episode_analysis) {
+                    contentHtml += '<div style="margin-top: 32px; border-top: 2px solid #e8eaed; padding-top: 24px;">';
+                    contentHtml += '<h3 style="font-size: 18px; font-weight: 600; margin-bottom: 16px; color: #1a73e8; border-bottom: 2px solid #1a73e8; padding-bottom: 8px;">회차별 분석</h3>';
+                    contentHtml += `<div style="white-space: pre-wrap; line-height: 1.6; padding: 12px; background: #f8f9fa; border-radius: 6px;">${escapeHtml(data.episode_analysis.analysis_content)}</div>`;
+                    contentHtml += '</div>';
+                } else {
+                    contentHtml += '<div style="margin-top: 32px; padding: 16px; background: #fff3cd; border-radius: 6px; color: #856404;">회차별 분석이 생성되지 않았습니다.</div>';
+                }
+                
+                if (!data.parent_chunk && !data.episode_analysis) {
+                    contentHtml = '<div style="text-align: center; padding: 24px; color: #5f6368;">요약 내용이 없습니다.</div>';
+                }
+                
+                content.innerHTML = contentHtml;
+            } catch (error) {
+                console.error('요약 내용 로드 오류:', error);
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: #c5221f;">요약 내용을 불러오는 중 오류가 발생했습니다.</div>';
+                showAlert('요약 내용을 불러오는 중 오류가 발생했습니다.', 'error');
+            }
+        }
+
+        function closeSummaryModal() {
+            document.getElementById('summaryModal').classList.remove('active');
+        }
+
         function closeChunkContentModal() {
             document.getElementById('chunkContentModal').classList.remove('active');
         }
@@ -612,6 +716,12 @@
             }
         });
 
+        document.getElementById('summaryModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeSummaryModal();
+            }
+        });
+
         document.getElementById('chunkContentModal').addEventListener('click', function(e) {
             if (e.target === this) {
                 closeChunkContentModal();

templates/index.html

@@ -1140,7 +1140,7 @@
                 <span></span>
             </div>
             <div class="header-actions">
-                <a href="{{ url_for('main.webnovels') }}" class="btn-icon" title="웹소설 보기" style="text-decoration: none; color: var(--text-secondary);">
+                <a href="{{ url_for('main.webnovels') }}" class="btn-icon" title="원작 정보" style="text-decoration: none; color: var(--text-secondary);">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                         <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M16 13H8M16 17H8M10 9H8"/>
                     </svg>

templates/webnovels.html

@@ -6,6 +6,7 @@
     <title>업로드된 웹소설 - SOY NV AI</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/marked@11.1.1/marked.min.js"></script>
     <style>
         * {
             margin: 0;
@@ -186,6 +187,8 @@
 
         .webnovel-item-btn:hover {
             background: var(--accent-hover);
+            transform: translateY(-1px);
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
         }
 
         /* 모달 스타일 */
@@ -261,6 +264,184 @@
             padding: 2px 0;
             border-radius: 2px;
         }
+
+        /* 마크다운 스타일 */
+        .markdown-content {
+            line-height: 1.6;
+        }
+
+        .markdown-content h1,
+        .markdown-content h2,
+        .markdown-content h3,
+        .markdown-content h4,
+        .markdown-content h5,
+        .markdown-content h6 {
+            margin-top: 24px;
+            margin-bottom: 16px;
+            font-weight: 600;
+            line-height: 1.25;
+        }
+
+        .markdown-content h1 {
+            font-size: 2em;
+            border-bottom: 1px solid var(--border);
+            padding-bottom: 8px;
+        }
+
+        .markdown-content h2 {
+            font-size: 1.5em;
+            border-bottom: 1px solid var(--border);
+            padding-bottom: 8px;
+        }
+
+        .markdown-content h3 {
+            font-size: 1.25em;
+        }
+
+        .markdown-content p {
+            margin-bottom: 16px;
+        }
+
+        .markdown-content ul,
+        .markdown-content ol {
+            margin-bottom: 16px;
+            padding-left: 30px;
+        }
+
+        .markdown-content li {
+            margin-bottom: 8px;
+        }
+
+        .markdown-content code {
+            background: var(--bg-tertiary);
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-family: 'Courier New', monospace;
+            font-size: 0.9em;
+        }
+
+        .markdown-content pre {
+            background: var(--bg-tertiary);
+            padding: 16px;
+            border-radius: 6px;
+            overflow-x: auto;
+            margin-bottom: 16px;
+        }
+
+        .markdown-content pre code {
+            background: none;
+            padding: 0;
+        }
+
+        .markdown-content blockquote {
+            border-left: 4px solid var(--accent);
+            padding-left: 16px;
+            margin-left: 0;
+            margin-bottom: 16px;
+            color: var(--text-secondary);
+        }
+
+        .markdown-content table {
+            border-collapse: collapse;
+            width: 100%;
+            margin-bottom: 16px;
+        }
+
+        .markdown-content table th,
+        .markdown-content table td {
+            border: 1px solid var(--border);
+            padding: 8px 12px;
+            text-align: left;
+        }
+
+        .markdown-content table th {
+            background: var(--bg-tertiary);
+            font-weight: 600;
+        }
+
+        .markdown-content strong {
+            font-weight: 600;
+        }
+
+        .markdown-content em {
+            font-style: italic;
+        }
+
+        .markdown-content a {
+            color: var(--accent);
+            text-decoration: none;
+        }
+
+        .markdown-content a:hover {
+            text-decoration: underline;
+        }
+
+        /* 목차 사이드바 스타일 */
+        .content-modal-wrapper {
+            display: flex;
+            height: calc(90vh - 100px);
+            overflow: hidden;
+        }
+
+        .content-sidebar {
+            width: 125px;
+            background: var(--bg-secondary);
+            border-right: 1px solid var(--border);
+            overflow-y: auto;
+            padding: 12px;
+            flex-shrink: 0;
+        }
+
+        .content-sidebar-title {
+            font-size: 12px;
+            font-weight: 600;
+            color: var(--text-primary);
+            margin-bottom: 8px;
+            padding-bottom: 6px;
+            border-bottom: 2px solid var(--accent);
+        }
+
+        .content-toc {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+        }
+
+        .content-toc-item {
+            margin-bottom: 4px;
+        }
+
+        .content-toc-link {
+            display: block;
+            padding: 6px 8px;
+            color: var(--text-primary);
+            text-decoration: none;
+            border-radius: 4px;
+            font-size: 11px;
+            transition: all 0.2s;
+            cursor: pointer;
+            line-height: 1.4;
+        }
+
+        .content-toc-link:hover {
+            background: var(--bg-tertiary);
+            color: var(--accent);
+        }
+
+        .content-toc-link.active {
+            background: var(--accent);
+            color: white;
+        }
+
+        .content-main {
+            flex: 1;
+            overflow-y: auto;
+            padding: 24px;
+        }
+
+        .content-section {
+            scroll-margin-top: 20px;
+        }
     </style>
 </head>
 <body>
@@ -271,7 +452,7 @@
         </div>
         <div class="header-actions">
             <span style="margin-right: 12px; color: var(--text-secondary);">{{ current_user.nickname or current_user.username }}</span>
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary">메인으로</a>
+            <a href="{{ url_for('main.index') }}" class="btn btn-secondary">창작 어시스턴트</a>
             {% if current_user.is_admin %}
             <a href="{{ url_for('main.admin') }}" class="btn btn-secondary">관리자 페이지</a>
             {% endif %}
@@ -312,6 +493,34 @@
         </div>
     </div>
 
+    <!-- 웹소설 요약 보기 모달 -->
+    <div id="webnovelSummaryModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title" id="webnovelSummaryTitle">요약 내용</h2>
+                <button class="modal-close" onclick="closeWebnovelSummaryModal()">&times;</button>
+            </div>
+            <!-- 목차와 내용 영역 -->
+            <div class="content-modal-wrapper">
+                <!-- 목차 사이드바 -->
+                <div class="content-sidebar">
+                    <div class="content-sidebar-title">📑 목차</div>
+                    <ul class="content-toc" id="webnovelSummaryTOC">
+                        <li class="content-toc-item">
+                            <div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차를 불러오는 중...</div>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 메인 내용 영역 -->
+                <div class="content-main" id="webnovelSummaryContentContainer" style="height: calc(90vh - 100px); overflow-y: auto;">
+                    <div id="webnovelSummaryContent" style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: var(--text-primary); padding: 16px;">
+                        내용을 불러오는 중...
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- 웹소설 내용 보기 모달 -->
     <div id="webnovelContentModal" class="modal">
         <div class="modal-content">
@@ -354,9 +563,22 @@
                     다음 →
                 </button>
             </div>
-            <div class="modal-body" style="height: calc(90vh - 200px); overflow-y: auto; position: relative;" id="webnovelContentContainer">
-                <div id="webnovelContent" style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: var(--text-primary); padding: 16px;">
-                    내용을 불러오는 중...
+            <!-- 목차와 내용 영역 -->
+            <div class="content-modal-wrapper">
+                <!-- 목차 사이드바 -->
+                <div class="content-sidebar">
+                    <div class="content-sidebar-title">📑 목차</div>
+                    <ul class="content-toc" id="webnovelTOC">
+                        <li class="content-toc-item">
+                            <div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차를 불러오는 중...</div>
+                        </li>
+                    </ul>
+                </div>
+                <!-- 메인 내용 영역 -->
+                <div class="content-main" id="webnovelContentContainer">
+                    <div id="webnovelContent" style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: var(--text-primary);">
+                        내용을 불러오는 중...
+                    </div>
                 </div>
             </div>
         </div>
@@ -369,6 +591,22 @@
             return div.innerHTML;
         }
 
+        function renderMarkdown(text) {
+            if (!text) return '';
+            try {
+                // marked.js가 로드되었는지 확인
+                if (typeof marked !== 'undefined') {
+                    return marked.parse(text);
+                } else {
+                    // marked.js가 로드되지 않은 경우 기본 텍스트 반환
+                    return escapeHtml(text).replace(/\n/g, '<br>');
+                }
+            } catch (e) {
+                console.error('마크다운 렌더링 오류:', e);
+                return escapeHtml(text).replace(/\n/g, '<br>');
+            }
+        }
+
         function formatFileSize(bytes) {
             if (bytes === 0) return '0 Bytes';
             const k = 1024;
@@ -481,7 +719,8 @@
                         ${file.model_name ? `<span>🤖 ${escapeHtml(file.model_name)}</span>` : ''}
                     </div>
                     <div class="webnovel-item-actions">
-                        <button class="webnovel-item-btn" onclick="viewWebnovelContent(${file.id}, '${escapeHtml(file.original_filename)}')">내용 보기</button>
+                        <button class="webnovel-item-btn" onclick="viewWebnovelSummary(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #17a2b8; color: white; margin-right: 8px;">📋 요약 보기</button>
+                        <button class="webnovel-item-btn" onclick="viewWebnovelContent(${file.id}, '${escapeHtml(file.original_filename)}')">📖 내용 보기</button>
                     </div>
                 `;
                 listContainer.appendChild(fileItem);
@@ -491,6 +730,93 @@
         let webnovelOriginalContent = '';
         let webnovelSearchMatches = [];
         let webnovelCurrentMatchIndex = -1;
+        let webnovelTOC = [];
+
+        function parseTableOfContents(content) {
+            const toc = [];
+            const lines = content.split('\n');
+            const episodePattern = /^#\s*(작품설명|\d+화)/;
+            
+            lines.forEach((line, index) => {
+                const match = line.match(episodePattern);
+                if (match) {
+                    const title = match[1];
+                    const id = `section-${toc.length}`;
+                    toc.push({
+                        id: id,
+                        title: title === '작품설명' ? '작품설명' : title,
+                        lineIndex: index,
+                        element: null
+                    });
+                }
+            });
+            
+            return toc;
+        }
+
+        function renderContentWithSections(content, toc) {
+            const lines = content.split('\n');
+            let html = '';
+            let currentSectionIndex = 0;
+            
+            lines.forEach((line, index) => {
+                if (currentSectionIndex < toc.length && index === toc[currentSectionIndex].lineIndex) {
+                    // 섹션 시작
+                    if (currentSectionIndex > 0) {
+                        html += '</div>'; // 이전 섹션 닫기
+                    }
+                    html += `<div id="${toc[currentSectionIndex].id}" class="content-section">`;
+                    html += `<h2 style="font-size: 20px; font-weight: 600; margin-top: 24px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--accent);">${escapeHtml(line)}</h2>`;
+                    currentSectionIndex++;
+                } else {
+                    html += escapeHtml(line) + '\n';
+                }
+            });
+            
+            if (currentSectionIndex > 0) {
+                html += '</div>'; // 마지막 섹션 닫기
+            }
+            
+            return html;
+        }
+
+        function renderTableOfContents(toc) {
+            const tocContainer = document.getElementById('webnovelTOC');
+            if (toc.length === 0) {
+                tocContainer.innerHTML = '<li class="content-toc-item"><div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차가 없습니다.</div></li>';
+                return;
+            }
+            
+            tocContainer.innerHTML = '';
+            toc.forEach((item, index) => {
+                const li = document.createElement('li');
+                li.className = 'content-toc-item';
+                const link = document.createElement('a');
+                link.className = 'content-toc-link';
+                link.href = `#${item.id}`;
+                link.textContent = item.title;
+                link.onclick = (e) => {
+                    e.preventDefault();
+                    scrollToSection(item.id);
+                    // 활성 상태 업데이트
+                    document.querySelectorAll('.content-toc-link').forEach(l => l.classList.remove('active'));
+                    link.classList.add('active');
+                };
+                li.appendChild(link);
+                tocContainer.appendChild(li);
+            });
+        }
+
+        function scrollToSection(sectionId) {
+            const section = document.getElementById(sectionId);
+            if (section) {
+                const container = document.getElementById('webnovelContentContainer');
+                const containerRect = container.getBoundingClientRect();
+                const sectionRect = section.getBoundingClientRect();
+                const scrollTop = container.scrollTop + (sectionRect.top - containerRect.top) - 20;
+                container.scrollTo({ top: scrollTop, behavior: 'smooth' });
+            }
+        }
 
         async function viewWebnovelContent(fileId, filename) {
             const modal = document.getElementById('webnovelContentModal');
@@ -505,8 +831,13 @@
             webnovelOriginalContent = '';
             webnovelSearchMatches = [];
             webnovelCurrentMatchIndex = -1;
+            webnovelTOC = [];
             updateWebnovelSearchInfo();
             
+            // 목차 초기화
+            const tocContainer = document.getElementById('webnovelTOC');
+            tocContainer.innerHTML = '<li class="content-toc-item"><div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차를 불러오는 중...</div></li>';
+            
             try {
                 const response = await fetch(`/api/files/${fileId}/content`, {
                     credentials: 'include'
@@ -515,7 +846,15 @@
                 
                 const data = await response.json();
                 webnovelOriginalContent = data.content;
-                content.textContent = data.content;
+                
+                // 목차 파싱
+                webnovelTOC = parseTableOfContents(webnovelOriginalContent);
+                
+                // 목차 렌더링
+                renderTableOfContents(webnovelTOC);
+                
+                // 내용을 섹션으로 나누어 렌더링
+                content.innerHTML = renderContentWithSections(webnovelOriginalContent, webnovelTOC);
                 
                 // 검색 입력 필드 포커스
                 searchInput.focus();
@@ -536,13 +875,17 @@
             }
             
             if (!webnovelOriginalContent) {
-                webnovelOriginalContent = content.textContent;
+                // HTML에서 텍스트 추출
+                const tempDiv = document.createElement('div');
+                tempDiv.innerHTML = content.innerHTML;
+                webnovelOriginalContent = tempDiv.textContent || tempDiv.innerText || '';
             }
             
-            // 검색어로 하이라이트 처리
+            // 섹션으로 나눈 내용을 다시 렌더링한 후 검색어로 하이라이트 처리
+            let contentHtml = renderContentWithSections(webnovelOriginalContent, webnovelTOC);
             const regex = new RegExp(`(${escapeRegex(searchTerm)})`, 'gi');
-            const highlightedContent = webnovelOriginalContent.replace(regex, '<mark style="background: #ffeb3b; padding: 2px 0; border-radius: 2px;">$1</mark>');
-            content.innerHTML = highlightedContent;
+            contentHtml = contentHtml.replace(regex, '<mark style="background: #ffeb3b; padding: 2px 0; border-radius: 2px;">$1</mark>');
+            content.innerHTML = contentHtml;
             
             // 검색 결과 위치 찾기
             webnovelSearchMatches = [];
@@ -566,7 +909,8 @@
             
             searchInput.value = '';
             if (webnovelOriginalContent) {
-                content.textContent = webnovelOriginalContent;
+                // 섹션으로 나눈 내용을 다시 렌더링
+                content.innerHTML = renderContentWithSections(webnovelOriginalContent, webnovelTOC);
             }
             webnovelSearchMatches = [];
             webnovelCurrentMatchIndex = -1;
@@ -674,12 +1018,276 @@
             return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
         }
 
+        function parseSummaryTableOfContents(data) {
+            const toc = [];
+            let sectionIndex = 0;
+            
+            // Parent Chunk 섹션
+            if (data.parent_chunk) {
+                toc.push({
+                    id: 'summary-section-parent',
+                    title: 'Parent Chunk',
+                    level: 1
+                });
+                
+                if (data.parent_chunk.world_view) {
+                    toc.push({
+                        id: 'summary-section-world-view',
+                        title: '세계관',
+                        level: 2
+                    });
+                }
+                if (data.parent_chunk.characters) {
+                    toc.push({
+                        id: 'summary-section-characters',
+                        title: '주요 캐릭터',
+                        level: 2
+                    });
+                }
+                if (data.parent_chunk.story) {
+                    toc.push({
+                        id: 'summary-section-story',
+                        title: '주요 스토리',
+                        level: 2
+                    });
+                }
+                if (data.parent_chunk.episodes) {
+                    toc.push({
+                        id: 'summary-section-episodes',
+                        title: '주요 에피소드',
+                        level: 2
+                    });
+                }
+                if (data.parent_chunk.others) {
+                    toc.push({
+                        id: 'summary-section-others',
+                        title: '기타',
+                        level: 2
+                    });
+                }
+            }
+            
+            // 회차별 분석 섹션
+            if (data.episode_analysis && data.episode_analysis.analysis_content) {
+                toc.push({
+                    id: 'summary-section-episode-analysis',
+                    title: '회차별 분석',
+                    level: 1
+                });
+                
+                // 마크다운에서 ## 헤더 찾기 (회차 제목)
+                const lines = data.episode_analysis.analysis_content.split('\n');
+                let episodeIndex = 0;
+                lines.forEach((line) => {
+                    const headerMatch = line.match(/^##\s+(.+)$/);
+                    if (headerMatch) {
+                        const title = headerMatch[1].trim();
+                        const sectionId = `summary-episode-${episodeIndex}`;
+                        toc.push({
+                            id: sectionId,
+                            title: title,
+                            level: 2
+                        });
+                        episodeIndex++;
+                    }
+                });
+            }
+            
+            return toc;
+        }
+
+        function renderSummaryWithSections(data) {
+            let contentHtml = '';
+            let sectionIndex = 0;
+            
+            // Parent Chunk 내용
+            if (data.parent_chunk) {
+                contentHtml += '<div id="summary-section-parent" class="content-section" style="margin-bottom: 32px;">';
+                contentHtml += '<h3 style="font-size: 18px; font-weight: 600; margin-bottom: 16px; color: var(--accent); border-bottom: 2px solid var(--accent); padding-bottom: 8px;">Parent Chunk (작품 전체 요약)</h3>';
+                
+                if (data.parent_chunk.world_view) {
+                    contentHtml += '<div id="summary-section-world-view" class="content-section" style="margin-bottom: 16px;">';
+                    contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">세계관</h4>';
+                    contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${renderMarkdown(data.parent_chunk.world_view)}</div>`;
+                    contentHtml += '</div>';
+                }
+                
+                if (data.parent_chunk.characters) {
+                    contentHtml += '<div id="summary-section-characters" class="content-section" style="margin-bottom: 16px;">';
+                    contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 캐릭터</h4>';
+                    contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${renderMarkdown(data.parent_chunk.characters)}</div>`;
+                    contentHtml += '</div>';
+                }
+                
+                if (data.parent_chunk.story) {
+                    contentHtml += '<div id="summary-section-story" class="content-section" style="margin-bottom: 16px;">';
+                    contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 스토리</h4>';
+                    contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${renderMarkdown(data.parent_chunk.story)}</div>`;
+                    contentHtml += '</div>';
+                }
+                
+                if (data.parent_chunk.episodes) {
+                    contentHtml += '<div id="summary-section-episodes" class="content-section" style="margin-bottom: 16px;">';
+                    contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">주요 에피소드</h4>';
+                    contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${renderMarkdown(data.parent_chunk.episodes)}</div>`;
+                    contentHtml += '</div>';
+                }
+                
+                if (data.parent_chunk.others) {
+                    contentHtml += '<div id="summary-section-others" class="content-section" style="margin-bottom: 16px;">';
+                    contentHtml += '<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 8px; color: #1967d2;">기타</h4>';
+                    contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${renderMarkdown(data.parent_chunk.others)}</div>`;
+                    contentHtml += '</div>';
+                }
+                
+                contentHtml += '</div>';
+            } else {
+                contentHtml += '<div style="margin-bottom: 32px; padding: 16px; background: #fff3cd; border-radius: 6px; color: #856404;">Parent Chunk가 생성되지 않았습니다.</div>';
+            }
+            
+            // Episode Analysis 내용
+            if (data.episode_analysis) {
+                contentHtml += '<div id="summary-section-episode-analysis" class="content-section" style="margin-top: 32px; border-top: 2px solid var(--border); padding-top: 24px;">';
+                contentHtml += '<h3 style="font-size: 18px; font-weight: 600; margin-bottom: 16px; color: var(--accent); border-bottom: 2px solid var(--accent); padding-bottom: 8px;">회차별 분석</h3>';
+                
+                // 회차별 분석 내용을 마크다운으로 렌더링하고, 각 ## 헤더에 ID 추가
+                let episodeContent = data.episode_analysis.analysis_content || '';
+                
+                // 먼저 마크다운을 HTML로 렌더링
+                let episodeHtml = renderMarkdown(episodeContent);
+                
+                // 렌더링된 HTML에서 h2 헤더를 찾아서 ID 추가
+                const tempDiv = document.createElement('div');
+                tempDiv.innerHTML = episodeHtml;
+                const headers = tempDiv.querySelectorAll('h2');
+                let headerIndex = 0;
+                headers.forEach((header) => {
+                    const sectionId = `summary-episode-${headerIndex}`;
+                    header.id = sectionId;
+                    header.className = 'content-section';
+                    header.style.cssText = 'font-size: 16px; font-weight: 600; margin-top: 24px; margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid var(--border);';
+                    headerIndex++;
+                });
+                episodeHtml = tempDiv.innerHTML;
+                
+                contentHtml += `<div class="markdown-content" style="padding: 12px; background: var(--bg-secondary); border-radius: 6px;">${episodeHtml}</div>`;
+                contentHtml += '</div>';
+            } else {
+                contentHtml += '<div style="margin-top: 32px; padding: 16px; background: #fff3cd; border-radius: 6px; color: #856404;">회차별 분석이 생성되지 않았습니다.</div>';
+            }
+            
+            if (!data.parent_chunk && !data.episode_analysis) {
+                contentHtml = '<div style="text-align: center; padding: 24px; color: var(--text-secondary);">요약 내용이 없습니다.</div>';
+            }
+            
+            return contentHtml;
+        }
+
+        function renderSummaryTableOfContents(toc) {
+            const tocContainer = document.getElementById('webnovelSummaryTOC');
+            if (toc.length === 0) {
+                tocContainer.innerHTML = '<li class="content-toc-item"><div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차가 없습니다.</div></li>';
+                return;
+            }
+            
+            tocContainer.innerHTML = '';
+            toc.forEach((item) => {
+                const li = document.createElement('li');
+                li.className = 'content-toc-item';
+                const link = document.createElement('a');
+                link.className = 'content-toc-link';
+                link.href = `#${item.id}`;
+                link.textContent = item.title;
+                if (item.level === 2) {
+                    link.style.paddingLeft = '16px';
+                    link.style.fontSize = '10px';
+                }
+                link.onclick = (e) => {
+                    e.preventDefault();
+                    scrollToSummarySection(item.id);
+                    // 활성 상태 업데이트
+                    document.querySelectorAll('#webnovelSummaryTOC .content-toc-link').forEach(l => l.classList.remove('active'));
+                    link.classList.add('active');
+                };
+                li.appendChild(link);
+                tocContainer.appendChild(li);
+            });
+        }
+
+        function scrollToSummarySection(sectionId) {
+            const section = document.getElementById(sectionId);
+            if (section) {
+                const container = document.getElementById('webnovelSummaryContentContainer');
+                const containerRect = container.getBoundingClientRect();
+                const sectionRect = section.getBoundingClientRect();
+                const scrollTop = container.scrollTop + (sectionRect.top - containerRect.top) - 20;
+                container.scrollTo({ top: scrollTop, behavior: 'smooth' });
+            }
+        }
+
+        async function viewWebnovelSummary(fileId, fileName) {
+            const modal = document.getElementById('webnovelSummaryModal');
+            const title = document.getElementById('webnovelSummaryTitle');
+            const content = document.getElementById('webnovelSummaryContent');
+            
+            console.log('[요약 보기] 파일 ID:', fileId, '파일명:', fileName);
+            
+            title.textContent = `요약 내용 - ${fileName}`;
+            content.textContent = '요약 내용을 불러오는 중...';
+            modal.classList.add('active');
+            
+            // 목차 초기화
+            const tocContainer = document.getElementById('webnovelSummaryTOC');
+            tocContainer.innerHTML = '<li class="content-toc-item"><div style="padding: 8px 12px; color: var(--text-secondary); font-size: 12px;">목차를 불러오는 중...</div></li>';
+            
+            try {
+                const url = `/api/files/${fileId}/summary`;
+                console.log('[요약 보기] API 요청 URL:', url);
+                const response = await fetch(url, {
+                    credentials: 'include'
+                });
+                console.log('[요약 보기] 응답 상태:', response.status, response.statusText);
+                
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({ error: '요약 내용을 불러올 수 없습니다.' }));
+                    throw new Error(errorData.error || `요약 내용을 불러올 수 없습니다. (${response.status})`);
+                }
+                
+                const data = await response.json();
+                
+                // 목차 파싱
+                const summaryTOC = parseSummaryTableOfContents(data);
+                
+                // 목차 렌더링
+                renderSummaryTableOfContents(summaryTOC);
+                
+                // 내용을 섹션으로 나누어 렌더링
+                content.innerHTML = renderSummaryWithSections(data);
+            } catch (error) {
+                console.error('요약 내용 로드 오류:', error);
+                content.innerHTML = `<div style="text-align: center; padding: 24px; color: #ea4335;">
+                    <p style="font-weight: 600; margin-bottom: 8px;">요약 내용을 불러오는 중 오류가 발생했습니다.</p>
+                    <p style="font-size: 13px; color: var(--text-secondary);">${escapeHtml(error.message)}</p>
+                </div>`;
+            }
+        }
+
+        function closeWebnovelSummaryModal() {
+            document.getElementById('webnovelSummaryModal').classList.remove('active');
+        }
+
         function closeWebnovelContentModal() {
             document.getElementById('webnovelContentModal').classList.remove('active');
             clearWebnovelSearch();
         }
 
         // 모달 외부 클릭 시 닫기
+        document.getElementById('webnovelSummaryModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeWebnovelSummaryModal();
+            }
+        });
+
         document.getElementById('webnovelContentModal').addEventListener('click', function(e) {
             if (e.target === this) {
                 closeWebnovelContentModal();