Add WebNovel story/trace views, style refinement logic, and admin menu updates

app/agent/agent.py

@@ -60,9 +60,8 @@ novel_agent = Agent(
         "1. 'narrative' 필드에는 독자가 몰입할 수 있는 소설 본문을 작성하세요. 본문 내에 상태창이나 통계 수치를 포함하지 마세요.\n"
         "2. 'status' 필드에는 서사 전개에 맞춰 업데이트된 캐릭터의 게임적 상태 정보를 구조화하여 입력하세요.\n"
         "3. 'hidden_thoughts' 필드에는 다음 전개를 위한 복선이나 에이전트의 의도를 기록하세요.\n"
-        "4. 'image_description' 필드에는 현재 캐릭터의 이름, 외모, 복장, 위치, 상황, 분위기 등을 분석하여 이미지 생성에 적합한 영어 설명을 작성하세요. "
-        "예: 'cyberpunk style, [캐릭터 이름], [외모 특징], wearing [복장], in [위치], [분위기/조명], [액션/상황]'. "
-        "반드시 현재 status의 캐릭터 정보(name, location, affiliation 등)와 narrative 내용을 기반으로 정확하게 작성하세요."
+        "4. 'image_description' 필드에는 현재 캐릭터의 이름, 외모, 복장, 위치, 상황, 분위기 등을 분석하여 이미지 생성에 적합한 영어 설명을 작성하세요.\n"
+        "5. 만약 'Style Bible'이 제공된 경우, 반드시 [구상 -> 문체 변환 -> 최종 검토] 단계를 거쳐 해당 문체를 완벽히 반영한 결과물만 'narrative'에 담으세요. 단순히 내용을 요약하는 것이 아니라, 문체의 특징(어미, 말투, 묘사 방식 등)을 살려 풍부하게 서술해야 합니다."
     )
 )
 
@@ -98,6 +97,20 @@ async def dynamic_system_prompt(ctx: RunContext[NovelWriterDeps]) -> str:
     
     facts_str = "\n- ".join(facts) if facts else "아직 저장된 정적 설정이 없습니다."
     
+    # 문체 설정 섹션 구성 및 단계 지시
+    style_section = ""
+    if ctx.deps.style_content:
+        style_section = f"""
+[적용할 문체 및 서술 지침 (Style Bible)]
+{ctx.deps.style_content}
+
+[문체 적용 의무 사항]
+현재 사용자가 특정 '문체(Style Bible)'를 지정했습니다. 당신은 반드시 위 지침에 따라 답변을 작성해야 합니다.
+1. 말투와 어미가 지침과 일치하는지 확인하세요.
+2. 묘사 방식(비유, 문장의 길이, 분위기)이 지침과 부합하는지 확인하세요.
+3. 만약 당신이 'Style Bible이 제공되지 않았다'고 답변한다면 그것은 오답입니다. 위 섹션에 분명히 지침이 존재합니다.
+"""
+
     # 초기 설정 섹션 구성
     initial_settings_section = ""
     if initial_settings:
@@ -115,7 +128,8 @@ async def dynamic_system_prompt(ctx: RunContext[NovelWriterDeps]) -> str:
     
     prompt = f"""
 [현재 프로젝트: {project.title}]
-모드: {project.mode.value}
+모드: {project.mode.value if hasattr(project.mode, 'value') else project.mode}
+{style_section}
 {initial_settings_section}
 [정적 세계 설정 및 사실관계 (Mem0/RAG)]
 - {facts_str}

app/agent/deps.py

@@ -10,4 +10,5 @@ class NovelWriterDeps:
     mem0_client: Any  # Mem0 client instance
     zep_client: Any   # Zep client instance
     rag_service: Any  # Interface for existing VectorDB/GraphRAG
+    style_content: str = None  # 추가: 적용할 문체(Style Bible) 내용
 

app/database.py

@@ -86,6 +86,7 @@ class NovelProject(db.Model):
     custom_system_prompt = db.Column(db.Text, nullable=True)  # 작가 전용 시스템 지침 (커스텀 프롬프트)
     viewer_enabled = db.Column(db.Boolean, default=False, nullable=False)  # 뷰어 활성화 여부
     viewer_selected_message_ids = db.Column(db.Text, nullable=True)  # 선택된 메시지 ID 목록 (JSON 배열)
+    last_status = db.Column(db.Text, nullable=True)  # AI가 판단한 마지막 캐릭터/세계관 상태 (JSON)
     user_id = db.Column(db.Integer, db.ForeignKey('user.id'), 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)
@@ -105,6 +106,7 @@ class NovelProject(db.Model):
             'custom_system_prompt': self.custom_system_prompt,
             'viewer_enabled': self.viewer_enabled,
             'viewer_selected_message_ids': self.viewer_selected_message_ids,
+            'last_status': self.last_status,
             'user_id': self.user_id,
             'created_at': self.created_at.isoformat() if self.created_at else None,
             'updated_at': self.updated_at.isoformat() if self.updated_at else None
@@ -470,6 +472,30 @@ class ChatbotPrompt(db.Model):
 
 
 # -----------------------------
+class StyleAnalysis(db.Model):
+    """웹소설 문체 분석 결과 (Style Bible)"""
+    __tablename__ = 'style_analysis'
+    id = db.Column(db.Integer, primary_key=True)
+    file_id = db.Column(db.Integer, db.ForeignKey('uploaded_file.id'), nullable=False, unique=True)
+    content = db.Column(db.Text, nullable=False)  # 분석 결과 (JSON 권장, 여기선 Text)
+    model_name = db.Column(db.String(100), nullable=True)
+    is_public = db.Column(db.Boolean, default=False, 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=db.backref('style_analysis', uselist=False, cascade='all, delete-orphan'))
+
+    def to_dict(self):
+        return {
+            'id': self.id,
+            'file_id': self.file_id,
+            'content': self.content,
+            'model_name': self.model_name,
+            'is_public': self.is_public,
+            '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/routers/creation.py

@@ -7,7 +7,7 @@ import asyncio
 import re
 import json
 from sqlalchemy import case
-from app.database import db, NovelProject, UploadedFile, ParentChunk, DocumentChunk, GraphEntity, GraphRelationship, GraphEvent, NovelProjectFact
+from app.database import db, NovelProject, UploadedFile, ParentChunk, DocumentChunk, GraphEntity, GraphRelationship, GraphEvent, NovelProjectFact, StyleAnalysis
 from app.routes import inject_admin_menu as shared_inject_admin_menu
 from app.models.project_config import ProjectConfig, ProjectMode
 from app.agent.agent import novel_agent
@@ -46,7 +46,7 @@ async def generate_image_from_description(description: str) -> Optional[str]:
 def inject_admin_menu():
     return shared_inject_admin_menu()
 
-def get_deps(project_id: str, user_id: int) -> NovelWriterDeps:
+def get_deps(project_id: str, user_id: int, style_content: str = None) -> NovelWriterDeps:
     project_db = NovelProject.query.filter_by(project_id=project_id, user_id=user_id).first()
     if not project_db:
         return None
@@ -66,7 +66,8 @@ def get_deps(project_id: str, user_id: int) -> NovelWriterDeps:
         current_project=project_config,
         mem0_client=Mem0Service(api_key="mem0_key"),
         zep_client=ZepService(api_key="zep_key", api_url="http://zep:8000"),
-        rag_service=RAGService()
+        rag_service=RAGService(),
+        style_content=style_content
     )
 
 @creation_bp.route('/webnovel', methods=['GET'])
@@ -82,7 +83,14 @@ def workspace(project_id: str):
     project = NovelProject.query.filter_by(project_id=project_id, user_id=current_user.id).first()
     if not project:
         return "Project not found", 404
-    return render_template('novel_workspace.html', project=project)
+    
+    # 공개된 문체 목록 가져오기
+    public_styles = StyleAnalysis.query.filter_by(is_public=True).order_by(StyleAnalysis.created_at.desc()).all()
+    current_app.logger.info(f"[Workspace] Found {len(public_styles)} public styles")
+    for s in public_styles:
+        current_app.logger.info(f"  - Style ID: {s.id}, Public: {s.is_public}")
+    
+    return render_template('novel_workspace.html', project=project, public_styles=public_styles)
 
 def run_async(coro):
     """스레드 안전하게 비동기 함수를 실행하는 도우미"""
@@ -135,6 +143,7 @@ def analysis(project_id: str):
     if file_ids:
         # 우선순위: 설정 파일(virtual) -> 참조 파일
         if settings_file:
+            print(f"DEBUG: Running updated creation.py at line 138")
             parent_chunk = ParentChunk.query.filter(ParentChunk.file_id.in_(file_ids)).order_by(
                 case((ParentChunk.file_id == settings_file.id, 0), else_=1)
             ).first()
@@ -621,21 +630,36 @@ def get_system_prompt(project_id: str):
 def chat_with_agent(project_id: str):
     """에이전트와 채팅(집필 도움)을 진행합니다."""
     try:
-        from app.database import ChatSession, ChatMessage
+        from app.database import ChatSession, ChatMessage, StyleAnalysis
         from pydantic_ai.messages import ModelRequest, ModelResponse, UserPromptPart, TextPart
         from datetime import datetime
         
         data = request.get_json()
         message = data.get('message')
         model_name = data.get('model') # 클라이언트에서 전달한 모델명
+        style_id = data.get('style_id') # 클라이언트에서 전달한 문체 ID
         
-        current_app.logger.info(f"[WebNovel Chat] Project: {project_id}, Message: {message}, Model: {model_name}")
+        current_app.logger.info(f"[WebNovel Chat] Project: {project_id}, Message: {message}, Model: {model_name}, Style: {style_id}")
         
         project = NovelProject.query.filter_by(project_id=project_id, user_id=current_user.id).first()
         if not project:
             return jsonify({"error": "Project not found"}), 404
             
-        deps = get_deps(project_id, current_user.id)
+        # 문체 내용 가져오기
+        style_content = None
+        if style_id:
+            try:
+                style_id_int = int(style_id)
+                style = StyleAnalysis.query.get(style_id_int)
+                if style:
+                    style_content = style.content
+                    current_app.logger.info(f"[Style Refinement] Style content found for ID {style_id_int} (length: {len(style_content)})")
+                else:
+                    current_app.logger.warning(f"[Style Refinement] Style ID {style_id_int} not found in DB")
+            except (ValueError, TypeError) as e:
+                current_app.logger.error(f"[Style Refinement] Invalid style_id format: {style_id} - {str(e)}")
+        
+        deps = get_deps(project_id, current_user.id, style_content=style_content)
         
         # 1. 기존 세션 찾기 또는 생성
         session = ChatSession.query.filter_by(novel_project_id=project.id, user_id=current_user.id).first()
@@ -701,41 +725,119 @@ def chat_with_agent(project_id: str):
             agent_model = agent_model_input
         
         # 4. PydanticAI 에이전트 실행 (history 전달)
-        async def _run_agent():
-            return await novel_agent.run(message, deps=deps, model=agent_model, message_history=history)
+        async def _run_agent_with_refinement():
+            # 1단계: 기본 답변 생성
+            res1 = await novel_agent.run(message, deps=deps, model=agent_model, message_history=history)
+            
+            if style_content:
+                # 2단계: 문체 수정 단계 추가 (Self-Refinement)
+                current_app.logger.info(f"[Style Refinement] Refining initial response using style_id: {style_id}")
+                
+                # 첫 번째 생성 결과(초안)를 포함한 임시 히스토리 구성
+                from pydantic_ai.messages import ModelRequest, ModelResponse, UserPromptPart, TextPart
+                refine_history = list(history)
+                refine_history.append(ModelRequest(parts=[UserPromptPart(content=message)]))
+                refine_history.append(ModelResponse(parts=[TextPart(content=res1.output.narrative)]))
+                
+                # 문체 수정을 위한 명시적 요청
+                refine_query = (
+                    f"### [적용할 문체 및 서술 지침 (Style Bible)]\n{style_content}\n\n"
+                    "위 'Style Bible'을 완벽하게 반영하여 앞선 답변 내용을 '전면 수정'해 주세요.\n"
+                    "단순한 교정이 아니라, Style Bible에서 분석된 말투, 어미, 표현의 강도, 서술 기법 등을 사용하여 원작의 느낌이 강하게 나도록 재작성해야 합니다.\n"
+                    "최종적으로 문체가 적용된 결과물만 'narrative' 필드에 담아 응답하세요."
+                )
+                
+                # 두 번째 패스 실행 (수정 단계)
+                res2 = await novel_agent.run(refine_query, deps=deps, model=agent_model, message_history=refine_history)
+                
+                return res1, res2
+            
+            return res1, None
 
-        result = run_async(_run_agent())
+        result_initial, result_final = run_async(_run_agent_with_refinement())
         
+        # 실제 사용된 모델명 추출
+        actual_model_display = str(agent_model)
+        if hasattr(agent_model, 'model_name'):
+            actual_model_display = agent_model.model_name
+        elif isinstance(agent_model, str):
+            actual_model_display = agent_model
+
         # 5. AI 응답 데이터 및 토큰 사용량 추출
-        # result.output은 NovelGenerationResult 인스턴스임
-        gen_result = result.output
-        reply_text = clean_system_comments(gen_result.narrative)
-        status_info = gen_result.status.model_dump()
-        usage = result.usage()
-        
-        # 6. AI 응답 저장 (DB에는 본문 위주로 저장)
-        ai_msg = ChatMessage(
-            session_id=session.id,
-            role='ai',
-            content=reply_text,
-            model_name=str(agent_model)
-        )
-        db.session.add(ai_msg)
+        # 결과가 하나만 있는 경우(style 미적용)
+        if result_final is None:
+            gen_result = result_initial.output
+            usage = result_initial.usage()
+            
+            reply_text = clean_system_comments(gen_result.narrative)
+            status_info = gen_result.status.model_dump()
+            
+            # AI 응답 저장
+            ai_msg = ChatMessage(
+                session_id=session.id,
+                role='ai',
+                content=reply_text,
+                model_name=actual_model_display,
+                input_tokens=usage.request_tokens or usage.input_tokens,
+                output_tokens=usage.response_tokens or usage.output_tokens,
+                usage_type='user'
+            )
+            db.session.add(ai_msg)
+        else:
+            # 결과가 두 개 있는 경우(style 적용)
+            gen_result_initial = result_initial.output
+            usage_initial = result_initial.usage()
+            
+            gen_result_final = result_final.output
+            usage_final = result_final.usage()
+            
+            reply_text = clean_system_comments(gen_result_final.narrative)
+            status_info = gen_result_final.status.model_dump()
+            
+            # 1. 초안 저장 (system 타입으로)
+            draft_msg = ChatMessage(
+                session_id=session.id,
+                role='ai',
+                content=clean_system_comments(gen_result_initial.narrative),
+                model_name=actual_model_display,
+                input_tokens=usage_initial.request_tokens or usage_initial.input_tokens,
+                output_tokens=usage_initial.response_tokens or usage_initial.output_tokens,
+                usage_type='system' # 초안은 시스템용으로 표시
+            )
+            db.session.add(draft_msg)
+            
+            # 2. 최종본 저장 (user 타입으로)
+            ai_msg = ChatMessage(
+                session_id=session.id,
+                role='ai',
+                content=reply_text,
+                model_name=actual_model_display,
+                input_tokens=usage_final.request_tokens or usage_final.input_tokens,
+                output_tokens=usage_final.response_tokens or usage_final.output_tokens,
+                usage_type='user'
+            )
+            db.session.add(ai_msg)
+            
+            usage = usage_final # 최종 사용량으로 설정 (응답용)
+
+        # 프로젝트의 마지막 상태 업데이트
+        project.last_status = json.dumps(status_info)
         
         # 세션 업데이트 시간 갱신
         session.updated_at = datetime.utcnow()
         db.session.commit()
         
         # 이미지 설명에서 이미지 URL 생성 (또는 이미지 생성 서비스 호출)
-        image_url = run_async(generate_image_from_description(gen_result.image_description)) if gen_result.image_description else None
+        image_url = run_async(generate_image_from_description(gen_result_final.image_description if result_final else gen_result.image_description)) if (result_final and gen_result_final.image_description) or (not result_final and gen_result.image_description) else None
         
         return jsonify({
             "reply": reply_text,
             "status": status_info,
-            "hidden_thoughts": gen_result.hidden_thoughts,
-            "image_description": gen_result.image_description,
+            "hidden_thoughts": gen_result_final.hidden_thoughts if result_final else gen_result.hidden_thoughts,
+            "image_description": gen_result_final.image_description if result_final else gen_result.image_description,
             "image_url": image_url,
-            "message_id": ai_msg.id,  # 뷰어 선택을 위한 메시지 ID 추가
+            "message_id": ai_msg.id,
+            "style_applied": True if style_content else False,
             "usage": {
                 "request_tokens": usage.request_tokens or usage.input_tokens,
                 "response_tokens": usage.response_tokens or usage.output_tokens,
@@ -880,3 +982,33 @@ def public_viewer(project_id: str):
         import traceback
         current_app.logger.error(f"[Public Viewer Error] {str(e)}\n{traceback.format_exc()}")
         return f"오류가 발생했습니다: {str(e)}", 500
+
+@creation_bp.route('/story/<project_id>', methods=['GET'])
+@login_required
+def story_view(project_id: str):
+    """웹소설 본문만 확인하는 페이지"""
+    from app.database import ChatSession, ChatMessage
+    project = NovelProject.query.filter_by(project_id=project_id, user_id=current_user.id).first_or_404()
+    session = ChatSession.query.filter_by(novel_project_id=project.id).first()
+    
+    messages = []
+    if session:
+        # AI가 생성한 본문(ai role)만 가져옴
+        messages = ChatMessage.query.filter_by(session_id=session.id, role='ai').order_by(ChatMessage.created_at.asc()).all()
+    
+    return render_template('novel_story_view.html', project=project, messages=messages)
+
+@creation_bp.route('/trace/<project_id>', methods=['GET'])
+@login_required
+def trace_view(project_id: str):
+    """웹소설 생성의 모든 과정(추론, 상태 등)을 확인하는 페이지"""
+    from app.database import ChatSession, ChatMessage
+    project = NovelProject.query.filter_by(project_id=project_id, user_id=current_user.id).first_or_404()
+    session = ChatSession.query.filter_by(novel_project_id=project.id).first()
+    
+    messages = []
+    if session:
+        # 모든 메시지(user, ai)를 가져옴
+        messages = ChatMessage.query.filter_by(session_id=session.id).order_by(ChatMessage.created_at.asc()).all()
+    
+    return render_template('novel_trace_view.html', project=project, messages=messages)

app/routes.py

@@ -14,13 +14,14 @@ from app.database import (
     WebtoonWBSAnalysis, WebtoonWBSJob,
     WebtoonProjectDuration, WebtoonEpisodeDuration, WebtoonDurationJob,
     WebtoonStageKeyMapping, WebtoonMilestone, WebtoonMilestoneManager, WebtoonMilestoneProducer,
-    Notice, NoticeRecipient, NotionScheduleCache, PhotoAlbum, Photo
+    Notice, NoticeRecipient, NotionScheduleCache, PhotoAlbum, Photo, StyleAnalysis
 )
 from PIL import Image
 from app.core.config import Config
 import io
 from app.vector_db import get_vector_db
 from app.gemini_client import get_gemini_client
+from app.services.style_analysis_service import StyleAnalysisService
 import requests
 import os
 from datetime import datetime, timedelta
@@ -72,8 +73,11 @@ def get_default_admin_menu():
                     {"label": "메뉴 관리", "endpoint": "main.admin_menu", "roles": ["admin"]},
                     {"label": "파일 관리", "endpoint": "main.admin_files"},
                     {"label": "메시지 확인", "endpoint": "main.admin_messages"},
+                    {"label": "소설 본문 보기", "endpoint": "main.admin_stories"},
+                    {"label": "생성 과정 추적", "endpoint": "main.admin_traces"},
                     {"label": "유틸", "endpoint": "main.admin_utils"},
                     {"label": "사진첩 관리", "endpoint": "main.admin_photo_album"},
+                    {"label": "문체 목록", "endpoint": "main.admin_styles"},
                 ],
             },
             {
@@ -82,6 +86,7 @@ def get_default_admin_menu():
                 "items": [
                     {"label": "AI 작품 개발 어시스턴트", "endpoint": "main.index"},
                     {"label": "원작 정보", "endpoint": "main.webnovels"},
+                    {"label": "웹소설 문체 분석", "endpoint": "main.webnovel_style_analysis"},
                     {"label": "태그 정보", "endpoint": "main.user_tags"},
                     {"label": "프롬프트 정보", "endpoint": "main.user_chatbot_prompts"},
                 ],
@@ -201,6 +206,20 @@ def check_db_schema():
             with db.engine.connect() as conn:
                 conn.execute(text("ALTER TABLE photo_album ADD COLUMN representative_photo_id INTEGER REFERENCES photo(id)"))
                 conn.commit()
+        
+        # StyleAnalysis 테이블
+        if 'style_analysis' not in inspector.get_table_names():
+            print("Creating 'style_analysis' table...")
+            StyleAnalysis.__table__.create(db.engine)
+        
+        # StyleAnalysis 컬럼 추가 (is_public)
+        columns = [c['name'] for c in inspector.get_columns('style_analysis')]
+        if 'is_public' not in columns:
+            print("Adding 'is_public' column to style_analysis table...")
+            with db.engine.connect() as conn:
+                conn.execute(text("ALTER TABLE style_analysis ADD COLUMN is_public BOOLEAN DEFAULT FALSE NOT NULL"))
+                conn.commit()
+
     except Exception as e:
         print(f"Schema check error: {e}")
 
@@ -283,6 +302,7 @@ def get_user_menu():
                 "items": [
                     {"label": "AI 작품 개발 어시스턴트", "endpoint": "main.index"},
                     {"label": "원작 정보", "endpoint": "main.webnovels"},
+                    {"label": "웹소설 문체 분석", "endpoint": "main.webnovel_style_analysis"},
                     {"label": "태그 정보", "endpoint": "main.user_tags"},
                     {"label": "프롬프트 정보", "endpoint": "main.user_chatbot_prompts"},
                 ],
@@ -2896,6 +2916,50 @@ def admin_messages():
     """관리자 메시지 확인 페이지"""
     return render_template('admin_messages.html')
 
+@main_bp.route('/admin/stories')
+@main_bp.route('/admin/stories/<project_id>')
+@admin_required
+def admin_stories(project_id=None):
+    """관리자용 웹소설 본문 확인"""
+    from app.database import NovelProject, ChatSession, ChatMessage
+    
+    if project_id is None:
+        # 프로젝트 목록 표시
+        projects = NovelProject.query.order_by(NovelProject.created_at.desc()).all()
+        return render_template('admin_stories_list.html', projects=projects)
+    
+    # 특정 프로젝트 본문 표시
+    project = NovelProject.query.filter_by(project_id=project_id).first_or_404()
+    session = ChatSession.query.filter_by(novel_project_id=project.id).first()
+    
+    messages = []
+    if session:
+        messages = ChatMessage.query.filter_by(session_id=session.id, role='ai').order_by(ChatMessage.created_at.asc()).all()
+    
+    return render_template('novel_story_view.html', project=project, messages=messages, is_admin=True)
+
+@main_bp.route('/admin/traces')
+@main_bp.route('/admin/traces/<project_id>')
+@admin_required
+def admin_traces(project_id=None):
+    """관리자용 웹소설 생성 과정 추적"""
+    from app.database import NovelProject, ChatSession, ChatMessage
+    
+    if project_id is None:
+        # 프로젝트 목록 표시
+        projects = NovelProject.query.order_by(NovelProject.created_at.desc()).all()
+        return render_template('admin_traces_list.html', projects=projects)
+    
+    # 특정 프로젝트 추적 정보 표시
+    project = NovelProject.query.filter_by(project_id=project_id).first_or_404()
+    session = ChatSession.query.filter_by(novel_project_id=project.id).first()
+    
+    messages = []
+    if session:
+        messages = ChatMessage.query.filter_by(session_id=session.id).order_by(ChatMessage.created_at.asc()).all()
+    
+    return render_template('novel_trace_view.html', project=project, messages=messages, is_admin=True)
+
 @main_bp.route('/admin/webtoon/personal-management')
 @login_required
 def webtoon_personal_management():
@@ -3025,6 +3089,65 @@ def admin_webnovels():
     """웹소설 관리 페이지"""
     return render_template('admin_webnovels.html')
 
+@main_bp.route('/analysis/webnovel_style')
+@login_required
+def webnovel_style_analysis():
+    """웹소설 문체 분석 페이지"""
+    # 업로드된 웹소설 목록 조회
+    files = UploadedFile.query.order_by(UploadedFile.uploaded_at.desc()).all()
+    
+    # 사용 가능한 AI 모델 목록 조회
+    gemini = get_gemini_client()
+    models = gemini.get_available_models()
+    
+    return render_template('analysis/webnovel_style.html', files=files, models=models)
+
+@main_bp.route('/api/analysis/style', methods=['POST'])
+@login_required
+def api_analyze_webnovel_style():
+    """웹소설 문체 분석 요청 처리"""
+    try:
+        data = request.get_json()
+        file_id = data.get('file_id')
+        model_name = data.get('model_name')
+        analysis_type = data.get('type')  # 'all' (default), 'bible', 'summary', 'vector'
+        
+        if not file_id:
+            return jsonify({'error': '파일 ID가 필요합니다.'}), 400
+            
+        service = StyleAnalysisService()
+        
+        if analysis_type and analysis_type != 'all':
+            # 부분 분석 실행
+            result = service.analyze_part(file_id, model_name, analysis_type)
+            return jsonify({'success': True, 'type': analysis_type, 'result': result})
+        else:
+            # 전체 분석 실행 (기존 호환성)
+            result = service.analyze_style(file_id, model_name)
+            return jsonify({'success': True, 'type': 'all', 'result': result})
+            
+    except Exception as e:
+        return jsonify({'success': False, 'error': str(e)}), 500
+
+@main_bp.route('/api/analysis/style/save', methods=['POST'])
+@login_required
+def api_save_webnovel_style():
+    """웹소설 문체 분석 결과 저장 (Track 1)"""
+    try:
+        data = request.get_json()
+        file_id = data.get('file_id')
+        content = data.get('content')
+        
+        if not file_id or not content:
+            return jsonify({'error': '필수 데이터 누락'}), 400
+            
+        service = StyleAnalysisService()
+        service.save_style_bible(file_id, content)
+        
+        return jsonify({'success': True})
+    except Exception as e:
+        return jsonify({'success': False, 'error': str(e)}), 500
+
 
 @main_bp.route('/admin/webtoons/project-upload')
 @admin_required
@@ -6227,6 +6350,68 @@ def admin_photo_album():
     albums = PhotoAlbum.query.order_by(PhotoAlbum.created_at.desc()).all()
     return render_template('admin_photo_album.html', albums=albums)
 
+@main_bp.route('/admin/styles')
+@admin_required
+def admin_styles():
+    """문체 목록 관리 페이지"""
+    styles = StyleAnalysis.query.order_by(StyleAnalysis.created_at.desc()).all()
+    return render_template('admin_styles.html', styles=styles)
+
+@main_bp.route('/api/admin/styles/<int:style_id>/visibility', methods=['POST'])
+@admin_required
+def toggle_style_visibility(style_id):
+    """문체 공개/비공개 토글"""
+    style = StyleAnalysis.query.get_or_404(style_id)
+    data = request.get_json()
+    
+    style.is_public = data.get('is_public', False)
+    db.session.commit()
+    
+    return jsonify({'success': True, 'is_public': style.is_public})
+
+@main_bp.route('/api/admin/styles/<int:style_id>', methods=['DELETE'])
+@admin_required
+def delete_style(style_id):
+    """문체 삭제"""
+    style = StyleAnalysis.query.get_or_404(style_id)
+    db.session.delete(style)
+    db.session.commit()
+    return jsonify({'success': True})
+
+@main_bp.route('/api/admin/styles/<int:style_id>', methods=['GET'])
+@admin_required
+def get_style_detail(style_id):
+    """문체 상세 조회"""
+    style = StyleAnalysis.query.get_or_404(style_id)
+    return jsonify({
+        'success': True,
+        'style': {
+            'id': style.id,
+            'filename': style.file.original_filename if style.file else '파일 삭제됨',
+            'content': style.content,
+            'model_name': style.model_name,
+            'is_public': style.is_public,
+            'created_at': style.created_at.strftime('%Y-%m-%d %H:%M')
+        }
+    })
+
+@main_bp.route('/api/admin/styles/<int:style_id>/edit', methods=['POST'])
+@admin_required
+def edit_style(style_id):
+    """문체 수정"""
+    style = StyleAnalysis.query.get_or_404(style_id)
+    data = request.get_json()
+    
+    if 'content' in data:
+        style.content = data['content']
+    if 'model_name' in data:
+        style.model_name = data['model_name']
+    if 'is_public' in data:
+        style.is_public = data['is_public']
+        
+    db.session.commit()
+    return jsonify({'success': True})
+
 @main_bp.route('/admin/photo-album/create', methods=['POST'])
 @admin_required
 def admin_photo_album_create():

app/services/style_analysis_service.py

@@ -0,0 +1,165 @@
+import os
+import json
+import logging
+from app.database import db, UploadedFile, StyleAnalysis, ParentChunk, DocumentChunk
+from app.gemini_client import get_gemini_client
+from app.vector_db import get_vector_db
+
+logger = logging.getLogger(__name__)
+
+class StyleAnalysisService:
+    def __init__(self):
+        self.gemini = get_gemini_client()
+        self.vector_db = get_vector_db()
+
+    def analyze_style(self, file_id: int, model_name: str = None):
+        """
+        [Legacy] 전체 분석 한번에 실행
+        """
+        results = {}
+        results["style_bible"] = self.analyze_part(file_id, model_name, "bible")
+        results["summary"] = self.analyze_part(file_id, model_name, "summary")
+        results["vector_db_status"] = self.analyze_part(file_id, model_name, "vector")
+        return results
+
+    def analyze_part(self, file_id: int, model_name: str, part: str):
+        """
+        부분 분석 실행
+        part: 'bible', 'summary', 'vector'
+        """
+        file_record = UploadedFile.query.get(file_id)
+        if not file_record:
+            raise ValueError(f"File {file_id} not found")
+
+        text_content = self._read_file_content(file_record.file_path)
+        # 텍스트가 없어도 DB 조회는 시도해야 함 (이미 저장된 경우)
+        
+        if part == "bible":
+            return self._generate_style_bible(file_record, text_content, model_name)
+        elif part == "summary":
+            return self._generate_summary(file_record, text_content, model_name)
+        elif part == "vector":
+            return self._process_embeddings(file_record, text_content)
+        else:
+            raise ValueError(f"Unknown analysis part: {part}")
+
+    def save_style_bible(self, file_id: int, content: str):
+        """Style Bible 수동 저장/수정"""
+        analysis = StyleAnalysis.query.filter_by(file_id=file_id).first()
+        if analysis:
+            analysis.content = content
+            analysis.updated_at = db.func.now()
+        else:
+            analysis = StyleAnalysis(file_id=file_id, content=content)
+            db.session.add(analysis)
+        
+        db.session.commit()
+        return True
+
+    def _read_file_content(self, file_path: str) -> str:
+        """파일 읽기 및 전처리"""
+        try:
+            if not os.path.exists(file_path):
+                 file_path = os.path.join(os.getcwd(), file_path)
+            
+            if not os.path.exists(file_path):
+                return ""
+
+            with open(file_path, 'r', encoding='utf-8', errors='ignore') as f:
+                return f.read()
+        except Exception as e:
+            logger.error(f"Error reading file {file_path}: {e}")
+            return ""
+
+    def _generate_style_bible(self, file_record: UploadedFile, text: str, model_name: str) -> dict:
+        """Track 1: 문체 분석가 (DB 조회 우선)"""
+        # 1. DB 조회
+        existing = StyleAnalysis.query.filter_by(file_id=file_record.id).first()
+        if existing and existing.content:
+            return existing.content
+
+        # 2. 텍스트 없으면 분석 불가
+        if not text:
+            return "원본 파일 텍스트를 읽을 수 없어 분석할 수 없습니다."
+
+        # 3. LLM 분석
+        sample_text = text[:10000] 
+        prompt = f"""
+        다음 웹소설 텍스트를 분석하여 'Style Bible'을 작성해줘.
+        다음 항목들을 포함해야 해:
+        1. 작가 톤앤매너 (분위기, 어조)
+        2. 문장 호흡 길이 (단문/장문 비율, 리듬감)
+        3. 자주 쓰는 어미나 문체적 특징
+        4. 묘사 대 대화의 비율 (대략적인 퍼센트와 특징)
+        5. 주요 키워드나 반복되는 표현
+
+        텍스트:
+        {sample_text}
+        """
+        
+        response = self.gemini.generate_response(prompt, model_name=model_name)
+        if response.get('error'):
+            raise Exception(response['error'])
+        
+        result_text = response.get('response', '')
+
+        # 4. DB 저장
+        try:
+            new_analysis = StyleAnalysis(
+                file_id=file_record.id,
+                content=result_text,
+                model_name=model_name
+            )
+            db.session.add(new_analysis)
+            db.session.commit()
+        except Exception as e:
+            logger.error(f"Failed to save Style Bible: {e}")
+            db.session.rollback()
+            
+        return result_text
+
+    def _generate_summary(self, file_record: UploadedFile, text: str, model_name: str) -> str:
+        """Track 3: 줄거리 요약가 (기존 ParentChunk 조회)"""
+        # 1. DB 조회 (ParentChunk)
+        parent_chunk = ParentChunk.query.filter_by(file_id=file_record.id).first()
+        if parent_chunk:
+            # 기존 정보 조합하여 반환
+            summary_parts = []
+            if parent_chunk.world_view: summary_parts.append(f"[세계관]\n{parent_chunk.world_view}")
+            if parent_chunk.characters: summary_parts.append(f"[인물]\n{parent_chunk.characters}")
+            if parent_chunk.story: summary_parts.append(f"[스토리]\n{parent_chunk.story}")
+            if parent_chunk.episodes: summary_parts.append(f"[에피소드]\n{parent_chunk.episodes}")
+            
+            if summary_parts:
+                return "\n\n".join(summary_parts)
+        
+        # 2. 텍스트 없으면 분석 불가
+        if not text:
+             return "원본 파일 텍스트를 읽을 수 없어 요약할 수 없습니다."
+
+        # 3. LLM 분석 (기존 데이터가 없으면 새로 생성하되, ParentChunk에는 넣지 않고 단순 텍스트 반환)
+        # (원한다면 ParentChunk에 저장하는 로직을 추가할 수 있음)
+        sample_text = text[:15000]
+        prompt = f"""
+        다음 웹소설의 초반부 내용을 바탕으로 전체적인 서사 흐름과 줄거리를 요약해줘.
+        주요 등장인물과 그들의 관계, 그리고 시작되는 사건을 중심으로 정리해줘.
+
+        텍스트:
+        {sample_text}
+        """
+        
+        response = self.gemini.generate_response(prompt, model_name=model_name)
+        if response.get('error'):
+            raise Exception(response['error'])
+            
+        return response.get('response', '')
+
+    def _process_embeddings(self, file_record: UploadedFile, text: str):
+        """Track 2: Chunking & Embedding -> Vector DB (기존 데이터 확인)"""
+        # 1. 청크 개수 확인
+        chunk_count = DocumentChunk.query.filter_by(file_id=file_record.id).count()
+        
+        if chunk_count > 0:
+            return f"✅ 이미 구축됨 ({chunk_count}개의 청크)"
+        
+        return "⚠️ 구축되지 않음 (자동 처리 대기 중)"

force_update_menu.py

@@ -55,5 +55,6 @@ if __name__ == "__main__":
 
 
 
+
 
 

migrate_add_last_status.py

@@ -0,0 +1,42 @@
+import sqlite3
+import os
+from pathlib import Path
+
+# 데이터베이스 경로
+db_path = Path(__file__).parent / 'instance' / 'finance_analysis.db'
+
+def migrate_database():
+    """novel_project 테이블에 last_status 컬럼 추가"""
+    if not db_path.exists():
+        print(f"데이터베이스 파일이 없습니다: {db_path}")
+        return
+    
+    try:
+        conn = sqlite3.connect(str(db_path))
+        cursor = conn.cursor()
+        
+        # novel_project 테이블에 last_status 컬럼이 있는지 확인
+        cursor.execute("PRAGMA table_info(novel_project)")
+        columns = [column[1] for column in cursor.fetchall()]
+        
+        if 'last_status' in columns:
+            print("last_status 컬럼이 이미 존재합니다.")
+            conn.close()
+            return
+        
+        # last_status 컬럼 추가
+        print("last_status 컬럼을 추가하는 중...")
+        cursor.execute("ALTER TABLE novel_project ADD COLUMN last_status TEXT")
+        conn.commit()
+        print("last_status 컬럼이 성공적으로 추가되었습니다.")
+        
+        conn.close()
+        print("마이그레이션이 완료되었습니다.")
+        
+    except Exception as e:
+        print(f"오류 발생: {e}")
+        raise
+
+if __name__ == '__main__':
+    migrate_database()
+

templates/admin_stories_list.html

@@ -0,0 +1,59 @@
+{% extends "creation_base.html" %}
+
+{% block title %}소설 본문 목록 - 관리자{% endblock %}
+
+{% block content %}
+<div class="container py-5">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h2><i class="fas fa-book me-2"></i> 소설 본문 목록 (관리자)</h2>
+        <a href="/" class="btn btn-outline-secondary">홈으로</a>
+    </div>
+
+    <div class="card shadow-sm">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover align-middle">
+                    <thead class="table-light">
+                        <tr>
+                            <th>ID</th>
+                            <th>프로젝트 제목</th>
+                            <th>작성자</th>
+                            <th>생성일</th>
+                            <th>상태</th>
+                            <th>액션</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for p in projects %}
+                        <tr>
+                            <td><code>{{ p.project_id }}</code></td>
+                            <td><strong>{{ p.title }}</strong></td>
+                            <td>{{ p.user.username if p.user else 'Unknown' }}</td>
+                            <td>{{ p.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
+                            <td>
+                                {% if p.last_status %}
+                                <span class="badge bg-success">진행됨</span>
+                                {% else %}
+                                <span class="badge bg-secondary">대기중</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                <a href="/admin/stories/{{ p.project_id }}" class="btn btn-sm btn-primary">
+                                    <i class="fas fa-eye me-1"></i> 본문 보기
+                                </a>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                        {% if not projects %}
+                        <tr>
+                            <td colspan="6" class="text-center py-4 text-muted">등록된 프로젝트가 없습니다.</td>
+                        </tr>
+                        {% endif %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+

templates/admin_styles.html

@@ -0,0 +1,421 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>문체 목록 관리 - SOYMEDIA</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg-primary: #ffffff;
+            --bg-secondary: #f8f9fa;
+            --text-primary: #202124;
+            --text-secondary: #5f6368;
+            --accent: #1a73e8;
+            --border: #dadce0;
+            --success: #1e8e3e;
+            --danger: #d93025;
+        }
+
+        body {
+            font-family: 'Inter', sans-serif;
+            background: var(--bg-secondary);
+            color: var(--text-primary);
+            margin: 0;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .header {
+            background: var(--bg-primary);
+            padding: 20px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .header h1 {
+            margin: 0;
+            font-size: 24px;
+        }
+
+        .card {
+            background: var(--bg-primary);
+            border-radius: 8px;
+            padding: 20px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        th, td {
+            text-align: left;
+            padding: 12px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        th {
+            background: var(--bg-secondary);
+            font-weight: 600;
+        }
+
+        .btn {
+            padding: 6px 12px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 13px;
+            font-weight: 500;
+            transition: background 0.2s;
+            text-decoration: none;
+        }
+
+        .btn-primary {
+            background: var(--accent);
+            color: white;
+        }
+
+        .btn-danger {
+            background: var(--danger);
+            color: white;
+        }
+        
+        .btn-outline {
+            background: transparent;
+            border: 1px solid var(--border);
+            color: var(--text-primary);
+        }
+        
+        .btn-outline.active {
+            background: var(--accent);
+            color: white;
+            border-color: var(--accent);
+        }
+
+        .switch {
+            position: relative;
+            display: inline-block;
+            width: 34px;
+            height: 20px;
+        }
+
+        .switch input { 
+            opacity: 0;
+            width: 0;
+            height: 0;
+        }
+
+        .slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: #ccc;
+            transition: .4s;
+            border-radius: 20px;
+        }
+
+        .slider:before {
+            position: absolute;
+            content: "";
+            height: 14px;
+            width: 14px;
+            left: 3px;
+            bottom: 3px;
+            background-color: white;
+            transition: .4s;
+            border-radius: 50%;
+        }
+
+        input:checked + .slider {
+            background-color: var(--accent);
+        }
+
+        input:checked + .slider:before {
+            transform: translateX(14px);
+        }
+
+        /* Modal Styles */
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0,0,0,0.5);
+        }
+
+        .modal-content {
+            background-color: var(--bg-primary);
+            margin: 5% auto;
+            padding: 24px;
+            border-radius: 8px;
+            width: 80%;
+            max-width: 800px;
+            max-height: 80vh;
+            overflow-y: auto;
+            position: relative;
+        }
+
+        .close {
+            position: absolute;
+            right: 20px;
+            top: 15px;
+            font-size: 28px;
+            font-weight: bold;
+            cursor: pointer;
+            color: var(--text-secondary);
+        }
+
+        .form-group {
+            margin-bottom: 20px;
+        }
+
+        .form-group label {
+            display: block;
+            margin-bottom: 8px;
+            font-weight: 600;
+        }
+
+        .form-control {
+            width: 100%;
+            padding: 10px;
+            border: 1px solid var(--border);
+            border-radius: 4px;
+            box-sizing: border-box;
+            font-family: inherit;
+        }
+
+        textarea.form-control {
+            min-height: 300px;
+            resize: vertical;
+        }
+
+        .modal-footer {
+            margin-top: 24px;
+            display: flex;
+            justify-content: flex-end;
+            gap: 12px;
+        }
+
+        .style-link {
+            color: var(--accent);
+            text-decoration: none;
+            cursor: pointer;
+            font-weight: 500;
+        }
+
+        .style-link:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>문체 목록 관리</h1>
+            <div>
+                <a href="/admin" class="btn btn-outline">관리자 홈</a>
+            </div>
+        </div>
+
+        <div class="card">
+            <table>
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>파일명</th>
+                        <th>모델</th>
+                        <th>생성일</th>
+                        <th>공개 여부</th>
+                        <th>관리</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for style in styles %}
+                    <tr id="row-{{ style.id }}">
+                        <td>{{ style.id }}</td>
+                        <td>
+                            <span class="style-link" onclick="openStyleModal({{ style.id }})">
+                                {{ style.file.original_filename if style.file else '파일 삭제됨' }}
+                            </span>
+                        </td>
+                        <td>{{ style.model_name or '-' }}</td>
+                        <td>{{ style.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
+                        <td>
+                            <label class="switch">
+                                <input type="checkbox" onchange="toggleVisibility({{ style.id }}, this)" {% if style.is_public %}checked{% endif %}>
+                                <span class="slider"></span>
+                            </label>
+                            <span id="status-{{ style.id }}" style="margin-left: 8px; font-size: 13px;">
+                                {{ '공개' if style.is_public else '미공개' }}
+                            </span>
+                        </td>
+                        <td>
+                            <button class="btn btn-danger" onclick="deleteStyle({{ style.id }})">삭제</button>
+                        </td>
+                    </tr>
+                    {% else %}
+                    <tr>
+                        <td colspan="6" style="text-align: center; padding: 30px; color: var(--text-secondary);">
+                            생성된 문체 분석 결과가 없습니다.
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    <!-- Edit Modal -->
+    <div id="styleModal" class="modal">
+        <div class="modal-content">
+            <span class="close" onclick="closeModal()">&times;</span>
+            <h2 id="modalTitle">문체 상세 정보</h2>
+            <form id="editForm">
+                <input type="hidden" id="editStyleId">
+                <div class="form-group">
+                    <label for="editFilename">파일명</label>
+                    <input type="text" id="editFilename" class="form-control" readonly>
+                </div>
+                <div class="form-group">
+                    <label for="editModelName">모델명</label>
+                    <input type="text" id="editModelName" class="form-control">
+                </div>
+                <div class="form-group">
+                    <label for="editContent">분석 내용</label>
+                    <textarea id="editContent" class="form-control"></textarea>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-outline" onclick="closeModal()">닫기</button>
+                    <button type="submit" class="btn btn-primary">저장하기</button>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        const modal = document.getElementById('styleModal');
+        const editForm = document.getElementById('editForm');
+
+        async function openStyleModal(id) {
+            try {
+                const response = await fetch(`/api/admin/styles/${id}`);
+                const data = await response.json();
+                
+                if (data.success) {
+                    document.getElementById('editStyleId').value = data.style.id;
+                    document.getElementById('editFilename').value = data.style.filename;
+                    document.getElementById('editModelName').value = data.style.model_name || '';
+                    document.getElementById('editContent').value = data.style.content;
+                    
+                    modal.style.display = 'block';
+                } else {
+                    alert('정보를 불러오지 못했습니다.');
+                }
+            } catch (e) {
+                console.error(e);
+                alert('오류 발생');
+            }
+        }
+
+        function closeModal() {
+            modal.style.display = 'none';
+        }
+
+        window.onclick = function(event) {
+            if (event.target == modal) {
+                closeModal();
+            }
+        }
+
+        editForm.onsubmit = async function(e) {
+            e.preventDefault();
+            const id = document.getElementById('editStyleId').value;
+            const content = document.getElementById('editContent').value;
+            const modelName = document.getElementById('editModelName').value;
+
+            try {
+                const response = await fetch(`/api/admin/styles/${id}/edit`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        content: content,
+                        model_name: modelName
+                    })
+                });
+
+                const result = await response.json();
+                if (result.success) {
+                    alert('저장되었습니다.');
+                    location.reload(); // 리스트 갱신을 위해 리로드
+                } else {
+                    alert('저장 실패');
+                }
+            } catch (e) {
+                console.error(e);
+                alert('오류 발생');
+            }
+        }
+
+        async function toggleVisibility(id, checkbox) {
+            const isPublic = checkbox.checked;
+            const statusSpan = document.getElementById(`status-${id}`);
+            
+            try {
+                const response = await fetch(`/api/admin/styles/${id}/visibility`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ is_public: isPublic })
+                });
+                
+                const result = await response.json();
+                if (result.success) {
+                    statusSpan.textContent = isPublic ? '공개' : '미공개';
+                } else {
+                    alert('변경 실패');
+                    checkbox.checked = !isPublic; // 되돌리기
+                }
+            } catch (e) {
+                console.error(e);
+                alert('오류 발생');
+                checkbox.checked = !isPublic;
+            }
+        }
+
+        async function deleteStyle(id) {
+            if (!confirm('정말 삭제하시겠습니까? 복구할 수 없습니다.')) return;
+            
+            try {
+                const response = await fetch(`/api/admin/styles/${id}`, {
+                    method: 'DELETE'
+                });
+                
+                if (response.ok) {
+                    document.getElementById(`row-${id}`).remove();
+                } else {
+                    alert('삭제 실패');
+                }
+            } catch (e) {
+                console.error(e);
+                alert('오류 발생');
+            }
+        }
+    </script>
+</body>
+</html>
+

templates/admin_traces_list.html

@@ -0,0 +1,59 @@
+{% extends "creation_base.html" %}
+
+{% block title %}생성 과정 추적 목록 - 관리자{% endblock %}
+
+{% block content %}
+<div class="container py-5">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h2><i class="fas fa-history me-2"></i> 생성 과정 추적 목록 (관리자)</h2>
+        <a href="/" class="btn btn-outline-secondary">홈으로</a>
+    </div>
+
+    <div class="card shadow-sm">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-hover align-middle">
+                    <thead class="table-light">
+                        <tr>
+                            <th>ID</th>
+                            <th>프로젝트 제목</th>
+                            <th>작성자</th>
+                            <th>생성일</th>
+                            <th>진행 로그</th>
+                            <th>액션</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for p in projects %}
+                        <tr>
+                            <td><code>{{ p.project_id }}</code></td>
+                            <td><strong>{{ p.title }}</strong></td>
+                            <td>{{ p.user.username if p.user else 'Unknown' }}</td>
+                            <td>{{ p.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
+                            <td>
+                                {% if p.last_status %}
+                                <small class="text-muted">{{ p.last_status[:50] }}...</small>
+                                {% else %}
+                                -
+                                {% endif %}
+                            </td>
+                            <td>
+                                <a href="/admin/traces/{{ p.project_id }}" class="btn btn-sm btn-warning">
+                                    <i class="fas fa-search me-1"></i> 과정 추적
+                                </a>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                        {% if not projects %}
+                        <tr>
+                            <td colspan="6" class="text-center py-4 text-muted">등록된 프로젝트가 없습니다.</td>
+                        </tr>
+                        {% endif %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}
+

templates/admin_webtoon_milestone_producer_manager.html

@@ -351,3 +351,4 @@
 
 
 
+

templates/analysis/webnovel_style.html

@@ -0,0 +1,382 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>웹소설 문체 분석 - SOYMEDIA</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg-primary: #ffffff;
+            --bg-secondary: #f8f9fa;
+            --text-primary: #202124;
+            --text-secondary: #5f6368;
+            --accent: #1a73e8;
+            --border: #dadce0;
+            --success: #1e8e3e;
+            --warning: #f9ab00;
+        }
+
+        body {
+            font-family: 'Inter', sans-serif;
+            background: var(--bg-secondary);
+            color: var(--text-primary);
+            margin: 0;
+            padding: 20px;
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+        }
+
+        .header {
+            background: var(--bg-primary);
+            padding: 20px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .header h1 {
+            margin: 0;
+            font-size: 24px;
+        }
+
+        .card {
+            background: var(--bg-primary);
+            border-radius: 8px;
+            padding: 20px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        th, td {
+            text-align: left;
+            padding: 12px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        th {
+            background: var(--bg-secondary);
+            font-weight: 600;
+        }
+
+        .btn {
+            padding: 8px 16px;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            transition: background 0.2s;
+        }
+
+        .btn-primary {
+            background: var(--accent);
+            color: white;
+        }
+
+        .btn-primary:hover {
+            background: #1557b0;
+        }
+        
+        .btn-secondary {
+            background: #f1f3f4;
+            color: var(--text-primary);
+            border: 1px solid var(--border);
+        }
+
+        .form-group {
+            margin-bottom: 15px;
+        }
+        
+        select {
+            padding: 8px;
+            border-radius: 4px;
+            border: 1px solid var(--border);
+            width: 200px;
+        }
+
+        .result-area {
+            margin-top: 20px;
+            padding: 20px;
+            background: #f1f3f4;
+            border-radius: 8px;
+            display: none;
+        }
+        
+        .log-area {
+            font-family: monospace;
+            background: #202124;
+            color: #e8eaed;
+            padding: 15px;
+            border-radius: 4px;
+            margin-bottom: 20px;
+            max-height: 200px;
+            overflow-y: auto;
+        }
+        
+        .log-item {
+            margin-bottom: 5px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        
+        .status-icon {
+            width: 16px;
+            height: 16px;
+            display: inline-block;
+        }
+        
+        .status-pending::before { content: "⚪"; }
+        .status-loading::before { content: "⏳"; }
+        .status-success::before { content: "✅"; }
+        .status-error::before { content: "❌"; }
+
+        /* Mermaid Diagram Style */
+        .diagram-container {
+            margin-bottom: 30px;
+            overflow-x: auto;
+        }
+        
+        /* Editable Content */
+        .editable-content {
+            background: white;
+            padding: 15px;
+            border-radius: 4px;
+            margin-bottom: 15px;
+            border: 1px solid var(--border);
+            min-height: 200px;
+            white-space: pre-wrap;
+        }
+        
+        .editable-content:focus {
+            outline: 2px solid var(--accent);
+        }
+    </style>
+    <!-- Mermaid.js for diagram -->
+    <script type="module">
+        import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
+        mermaid.initialize({ startOnLoad: true });
+    </script>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <h1>웹소설 문체 분석</h1>
+            <div>
+                <a href="/" class="btn">홈으로</a>
+            </div>
+        </div>
+
+        <!-- Workflow Diagram -->
+        <div class="card diagram-container">
+            <h3>분석 워크플로우</h3>
+            <pre class="mermaid">
+            graph LR
+                A[📂 웹소설 원문] --> B(텍스트 전처리)
+                subgraph "Track 1: 문체 분석"
+                    B --> C1{🤖 LLM: 문체 분석가}
+                    C1 --> D1[📜 Style Bible]
+                end
+                subgraph "Track 2: 저장"
+                    B --> C2(Chunking & Embedding)
+                    C2 --> D2[(🗄️ Vector DB)]
+                end
+                subgraph "Track 3: 요약"
+                    B --> C3{🤖 LLM: 요약가}
+                    C3 --> D3[🗃️ 줄거리 DB]
+                end
+            </pre>
+            <p style="font-size: 0.9em; color: var(--text-secondary);">* Track 2(저장)와 Track 3(요약)은 <a href="/admin/webnovels">웹소설 관리</a> 메뉴의 기존 데이터를 참조합니다.</p>
+        </div>
+
+        <div class="card">
+            <h3>분석 설정</h3>
+            <div class="form-group">
+                <label for="aiModel">사용할 AI 모델:</label>
+                <select id="aiModel">
+                    {% for model in models %}
+                    <option value="{{ model }}" {% if 'pro' in model %}selected{% endif %}>{{ model }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+        </div>
+
+        <div class="card">
+            <h3>업로드된 웹소설 목록</h3>
+            <table>
+                <thead>
+                    <tr>
+                        <th>ID</th>
+                        <th>제목</th>
+                        <th>파일명</th>
+                        <th>업로드 일시</th>
+                        <th>작업</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for file in files %}
+                    <tr>
+                        <td>{{ file.id }}</td>
+                        <td>{{ file.filename }}</td>
+                        <td>{{ file.original_filename }}</td>
+                        <td>{{ file.uploaded_at.strftime('%Y-%m-%d %H:%M') }}</td>
+                        <td>
+                            <button class="btn btn-primary" onclick="startAnalysis({{ file.id }})">분석 현황 확인 / 실행</button>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+
+        <div id="analysisResult" class="card result-area">
+            <h3>분석 결과 및 관리</h3>
+            <div id="logArea" class="log-area">
+                <div id="logBible" class="log-item status-pending">Track 1: Style Bible 상태 확인 중...</div>
+                <div id="logSummary" class="log-item status-pending">Track 3: 줄거리 요약 데이터 확인 중...</div>
+                <div id="logVector" class="log-item status-pending">Track 2: Vector DB 구축 상태 확인 중...</div>
+            </div>
+            
+            <div id="resultContent"></div>
+        </div>
+    </div>
+
+    <script>
+        async function callApi(fileId, modelName, type) {
+            const response = await fetch('/api/analysis/style', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    file_id: fileId,
+                    model_name: modelName,
+                    type: type
+                })
+            });
+            return await response.json();
+        }
+        
+        async function saveStyleBible(fileId) {
+            const content = document.getElementById('bibleContent').value;
+            if(!content) {
+                alert('저장할 내용이 없습니다.');
+                return;
+            }
+            
+            if(!confirm('Style Bible 내용을 저장하시겠습니까?')) return;
+            
+            try {
+                const response = await fetch('/api/analysis/style/save', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        file_id: fileId,
+                        content: content
+                    })
+                });
+                const result = await response.json();
+                if(result.success) {
+                    alert('저장되었습니다.');
+                } else {
+                    alert('저장 실패: ' + result.error);
+                }
+            } catch(e) {
+                alert('오류 발생: ' + e.message);
+            }
+        }
+
+        function updateLog(elementId, status, text) {
+            const el = document.getElementById(elementId);
+            el.className = `log-item status-${status}`;
+            el.textContent = text;
+        }
+
+        async function startAnalysis(fileId) {
+            const modelName = document.getElementById('aiModel').value;
+            const resultArea = document.getElementById('analysisResult');
+            const content = document.getElementById('resultContent');
+
+            resultArea.style.display = 'block';
+            content.innerHTML = ''; // 초기화
+            
+            // 상태 초기화
+            updateLog('logBible', 'pending', 'Track 1: Style Bible 데이터 조회 중...');
+            updateLog('logSummary', 'pending', 'Track 3: 줄거리 요약 데이터 조회 중...');
+            updateLog('logVector', 'pending', 'Track 2: Vector DB 상태 조회 중...');
+
+            try {
+                // 1. Style Bible (Track 1)
+                updateLog('logBible', 'loading', 'Track 1: Style Bible 처리 중... (DB조회 or LLM생성)');
+                const bibleRes = await callApi(fileId, modelName, 'bible');
+                
+                let bibleHtml = '';
+                if (bibleRes.success) {
+                    updateLog('logBible', 'success', 'Track 1: Style Bible 준비 완료');
+                    bibleHtml = `
+                        <h4>[Track 1] Style Bible (편집 가능)</h4>
+                        <div style="margin-bottom: 10px;">
+                            <textarea id="bibleContent" class="editable-content" style="width:100%; height:300px;">${bibleRes.result}</textarea>
+                            <button class="btn btn-primary" onclick="saveStyleBible(${fileId})">저장하기</button>
+                        </div>
+                    `;
+                } else {
+                    updateLog('logBible', 'error', `Track 1 실패: ${bibleRes.error}`);
+                }
+
+                // 2. Summary (Track 3)
+                updateLog('logSummary', 'loading', 'Track 3: 줄거리 요약 조회 중...');
+                const summaryRes = await callApi(fileId, modelName, 'summary');
+                
+                let summaryHtml = '';
+                if (summaryRes.success) {
+                    updateLog('logSummary', 'success', 'Track 3: 줄거리 요약 확인됨');
+                    summaryHtml = `
+                        <h4>[Track 3] 줄거리 요약 (참조)</h4>
+                        <div style="background: white; padding: 15px; border-radius: 4px; margin-bottom: 15px; max-height: 200px; overflow-y: auto;">
+                            ${summaryRes.result.replace(/\n/g, '<br>')}
+                        </div>
+                        <p style="font-size:0.9em; color:#666;">* 수정은 <a href="/admin/webnovels">웹소설 관리</a>에서 가능합니다.</p>
+                    `;
+                } else {
+                    updateLog('logSummary', 'error', `Track 3 실패: ${summaryRes.error}`);
+                }
+
+                // 3. Vector DB (Track 2)
+                updateLog('logVector', 'loading', 'Track 2: Vector DB 상태 확인 중...');
+                const vectorRes = await callApi(fileId, modelName, 'vector');
+                
+                let vectorHtml = '';
+                if (vectorRes.success) {
+                    updateLog('logVector', 'success', `Track 2: ${vectorRes.result}`);
+                    vectorHtml = `
+                        <h4>[Track 2] Vector DB 상태</h4>
+                        <div style="background: white; padding: 15px; border-radius: 4px;">
+                            ${vectorRes.result}
+                        </div>
+                    `;
+                } else {
+                    updateLog('logVector', 'error', `Track 2 실패: ${vectorRes.error}`);
+                }
+                
+                // 결과 렌더링 (순서대로)
+                content.innerHTML = bibleHtml + summaryHtml + vectorHtml;
+
+            } catch (error) {
+                console.error(error);
+                alert('작업 중 오류가 발생했습니다: ' + error.message);
+            }
+        }
+    </script>
+</body>
+</html>

templates/novel_dashboard.html

@@ -156,15 +156,18 @@ async function loadProjects() {
                         </div>
                         <p class="card-text text-muted small mb-0">ID: ${p.project_id.substring(0, 8)}...</p>
                     </div>
-                    <div class="card-footer bg-white border-top-0 p-4 pt-0 d-flex gap-2">
-                        <a href="/creation/workspace/${p.project_id}" class="btn btn-outline-primary fw-medium flex-fill">
+                    <div class="card-footer bg-white border-top-0 p-4 pt-0 d-flex flex-wrap gap-2">
+                        <a href="/creation/workspace/${p.project_id}" class="btn btn-primary fw-medium flex-fill">
                             <i class="fas fa-pen-nib me-1"></i> 집필 시작
                         </a>
-                        <a href="/creation/analysis/${p.project_id}" class="btn btn-outline-info fw-medium flex-fill">
-                            <i class="fas fa-chart-line me-1"></i> 분석 확인
+                        <a href="/creation/trace/${p.project_id}" class="btn btn-outline-warning fw-medium flex-fill" title="생성 과정 확인">
+                            <i class="fas fa-history me-1"></i> 과정 추적
+                        </a>
+                        <a href="/creation/analysis/${p.project_id}" class="btn btn-outline-info fw-medium flex-fill" title="RAG/메모리 분석">
+                            <i class="fas fa-chart-line me-1"></i> 분석
                         </a>
                         <button class="btn btn-outline-danger px-3" onclick="deleteProject('${p.project_id}', '${p.title.replace(/'/g, "\\'")}')" title="프로젝트 삭제">
-                            <i class="fas fa-trash-alt"></i> 삭제
+                            <i class="fas fa-trash-alt"></i>
                         </button>
                     </div>
                 </div>

templates/novel_story_view.html

@@ -0,0 +1,76 @@
+{% extends "creation_base.html" %}
+
+{% block title %}소설 본문 보기 - {{ project.title }}{% endblock %}
+
+{% block extra_css %}
+<style>
+    .story-container {
+        max-width: 800px;
+        margin: 40px auto;
+        background: white;
+        padding: 60px;
+        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
+        border-radius: 8px;
+        min-height: 100vh;
+    }
+    .story-title {
+        text-align: center;
+        margin-bottom: 50px;
+        font-size: 32px;
+        font-weight: 700;
+        color: #1a1a1a;
+    }
+    .story-content {
+        font-size: 18px;
+        line-height: 1.8;
+        color: #333;
+        white-space: pre-wrap;
+    }
+    .story-meta {
+        text-align: center;
+        color: #888;
+        margin-bottom: 20px;
+        font-size: 14px;
+    }
+    .back-btn {
+        position: fixed;
+        top: 20px;
+        left: 20px;
+        z-index: 100;
+    }
+    @media (max-width: 768px) {
+        .story-container {
+            padding: 30px 20px;
+            margin: 0;
+            border-radius: 0;
+        }
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+    <div class="back-btn">
+        {% if is_admin %}
+        <a href="/admin/stories" class="btn btn-outline-secondary">
+            <i class="fas fa-arrow-left me-2"></i> 목록으로 돌아가기
+        </a>
+        {% else %}
+        <a href="/creation/workspace/{{ project.project_id }}" class="btn btn-outline-secondary">
+            <i class="fas fa-arrow-left me-2"></i> 작업공간으로 돌아가기
+        </a>
+        {% endif %}
+    </div>
+
+<div class="story-container">
+    <div class="story-meta">SOY NV AI - Web Novel Export</div>
+    <h1 class="story-title">{{ project.title }}</h1>
+    
+    <div class="story-content">
+        {% for msg in messages %}
+            {{ msg.content }}
+            <hr style="margin: 40px 0; border: none; border-top: 1px dashed #eee;">
+        {% endfor %}
+    </div>
+</div>
+{% endblock %}
+

templates/novel_trace_view.html

@@ -0,0 +1,144 @@
+{% extends "creation_base.html" %}
+
+{% block title %}생성 과정 확인 - {{ project.title }}{% endblock %}
+
+{% block extra_css %}
+<style>
+    .trace-container {
+        max-width: 1000px;
+        margin: 40px auto;
+        padding: 20px;
+    }
+    .message-card {
+        background: white;
+        border-radius: 12px;
+        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
+        margin-bottom: 24px;
+        overflow: hidden;
+        border: 1px solid #eee;
+    }
+    .message-header {
+        padding: 12px 20px;
+        background: #f8f9fa;
+        border-bottom: 1px solid #eee;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .role-badge {
+        font-size: 12px;
+        font-weight: 600;
+        padding: 4px 10px;
+        border-radius: 20px;
+        text-transform: uppercase;
+    }
+    .role-user { background: #e0f2fe; color: #0369a1; }
+    .role-ai { background: #f0fdf4; color: #15803d; }
+    .role-ai-system { background: #fff7ed; color: #9a3412; border: 1px dashed #fdba74; }
+    
+    .message-card.system-message {
+        opacity: 0.85;
+        border-left: 4px solid #f97316;
+    }
+    
+    .message-body {
+        padding: 20px;
+    }
+    .content-section {
+        margin-bottom: 20px;
+    }
+    .content-label {
+        font-size: 11px;
+        font-weight: 700;
+        color: #94a3b8;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        margin-bottom: 8px;
+        display: block;
+    }
+    .content-text {
+        font-size: 15px;
+        line-height: 1.6;
+        color: #334155;
+        white-space: pre-wrap;
+    }
+    .meta-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        gap: 16px;
+        padding: 15px 20px;
+        background: #fafafa;
+        border-top: 1px solid #f0f0f0;
+    }
+    .meta-item {
+        font-size: 13px;
+    }
+    .meta-label { color: #64748b; font-weight: 500; }
+    .meta-value { color: #1e293b; font-weight: 600; }
+    
+    .back-btn {
+        margin-bottom: 30px;
+    }
+</style>
+{% endblock %}
+
+{% block content %}
+    <div class="trace-container">
+        <div class="back-btn">
+            {% if is_admin %}
+            <a href="/admin/traces" class="btn btn-outline-secondary">
+                <i class="fas fa-arrow-left me-2"></i> 목록으로 돌아가기
+            </a>
+            {% else %}
+            <a href="/creation/workspace/{{ project.project_id }}" class="btn btn-outline-secondary">
+                <i class="fas fa-arrow-left me-2"></i> 작업공간으로 돌아가기
+            </a>
+            {% endif %}
+        </div>
+
+    <h2 class="mb-4">생성 과정 추적: {{ project.title }}</h2>
+
+    {% if not messages %}
+        <div class="alert alert-info">아직 생성된 메시지가 없습니다.</div>
+    {% endif %}
+
+        {% for msg in messages %}
+        <div class="message-card {% if msg.usage_type == 'system' %}system-message{% endif %}">
+            <div class="message-header">
+                <div>
+                    <span class="role-badge role-{{ msg.role }}{% if msg.usage_type == 'system' %}-system{% endif %}">
+                        {{ msg.role }}{% if msg.usage_type == 'system' %} (문체 적용 전 초안){% endif %}
+                    </span>
+                    {% if msg.usage_type == 'system' %}
+                    <span class="ms-2 badge bg-warning text-dark" style="font-size: 10px;">INTERNAL DRAFT</span>
+                    {% endif %}
+                </div>
+                <span class="text-muted small">{{ msg.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</span>
+            </div>
+            <div class="message-body">
+                <div class="content-section">
+                    <span class="content-label">{% if msg.usage_type == 'system' %}초안 내용 (Before Style Refinement){% else %}본문 내용{% endif %}</span>
+                    <div class="content-text">{{ msg.content }}</div>
+                </div>
+            </div>
+            {% if msg.role == 'ai' %}
+            <div class="meta-grid">
+                <div class="meta-item">
+                    <span class="meta-label">모델:</span>
+                    <span class="meta-value">{{ msg.model_name or 'N/A' }}</span>
+                </div>
+                <div class="meta-item">
+                    <span class="meta-label">입력 토큰:</span>
+                    <span class="meta-value">{{ msg.input_tokens if msg.input_tokens is not none else '-' }}</span>
+                </div>
+                <div class="meta-item">
+                    <span class="meta-label">출력 토큰:</span>
+                    <span class="meta-value">{{ msg.output_tokens if msg.output_tokens is not none else '-' }}</span>
+                </div>
+            </div>
+            {% endif %}
+        </div>
+        {% endfor %}
+</div>
+{% endblock %}
+

templates/novel_workspace.html

@@ -257,26 +257,66 @@
     }
 
     .message-thoughts {
-        margin-top: 8px;
-        padding: 8px 16px;
-        background-color: rgba(30, 41, 59, 0.3);
-        border: 1px solid rgba(51, 65, 85, 0.5);
+        margin-top: 12px;
+        padding: 12px 16px;
+        background-color: rgba(30, 41, 59, 0.2);
+        border: 1px solid rgba(51, 65, 85, 0.3);
         border-radius: 12px;
         font-size: 13px;
         color: var(--text-muted);
-        font-style: italic;
     }
 
     .message-thoughts-header {
         display: flex;
         align-items: center;
-        gap: 6px;
-        margin-bottom: 4px;
-        font-size: 10px;
+        justify-content: space-between;
+        margin-bottom: 8px;
+        font-size: 11px;
         font-weight: 700;
         text-transform: uppercase;
-        letter-spacing: 0.1em;
-        color: var(--text-muted);
+        letter-spacing: 0.05em;
+        color: var(--accent);
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .thought-steps {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        margin-top: 8px;
+        padding-top: 8px;
+        border-top: 1px solid rgba(51, 65, 85, 0.2);
+    }
+
+    .thought-step {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 11px;
+        color: rgba(148, 163, 184, 0.8);
+    }
+
+    .thought-step i {
+        font-size: 10px;
+        color: #22c55e;
+    }
+
+    /* Progress Indicator CSS */
+    .progress-container {
+        width: 100%;
+        background-color: rgba(30, 41, 59, 0.5);
+        border-radius: 4px;
+        height: 4px;
+        margin: 8px 0;
+        overflow: hidden;
+    }
+
+    .progress-bar {
+        height: 100%;
+        background: linear-gradient(90deg, var(--accent), #818cf8);
+        width: 0%;
+        transition: width 0.5s ease;
     }
 
     .message-image {
@@ -401,39 +441,42 @@
         background-color: rgba(30, 41, 59, 0.4);
         border: 1px solid rgba(51, 65, 85, 0.5);
         border-radius: 16px;
-        padding: 16px;
+        padding: 20px;
+        box-shadow: inset 0 1px 1px rgba(255,255,255,0.05);
     }
 
     .user-profile {
         display: flex;
         align-items: center;
-        gap: 12px;
-        margin-bottom: 16px;
+        gap: 16px;
+        margin-bottom: 20px;
     }
 
     .user-avatar {
-        width: 40px;
-        height: 40px;
-        background-color: var(--bg-sidebar);
-        border-radius: 50%;
+        width: 48px;
+        height: 48px;
+        background-color: rgba(59, 130, 246, 0.1);
+        border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
-        color: var(--text-muted);
-        border: 1px solid var(--border-color);
+        color: var(--accent);
+        border: 1px solid rgba(59, 130, 246, 0.2);
+        font-size: 18px;
     }
 
     .user-info-name {
-        font-size: 13px;
+        font-size: 15px;
         font-weight: 700;
         color: var(--text-main);
+        letter-spacing: -0.02em;
     }
 
     .user-info-role {
-        font-size: 10px;
+        font-size: 11px;
         color: var(--text-muted);
-        text-transform: uppercase;
-        letter-spacing: 0.1em;
+        font-weight: 500;
+        margin-top: 2px;
     }
 
     .status-items {
@@ -441,20 +484,61 @@
         padding-top: 12px;
         display: flex;
         flex-direction: column;
-        gap: 8px;
+        gap: 2px;
     }
 
     .status-item {
         display: flex;
         justify-content: space-between;
+        align-items: flex-start;
         font-size: 11px;
+        gap: 12px;
+        padding: 8px 0;
+        border-bottom: 1px solid rgba(51, 65, 85, 0.1);
+    }
+
+    .status-item:last-child {
+        border-bottom: none;
     }
 
     .status-item-label {
         color: var(--text-muted);
         display: flex;
         align-items: center;
-        gap: 8px;
+        gap: 10px;
+        white-space: nowrap;
+        flex-shrink: 0;
+        padding-top: 2px;
+    }
+
+    .status-item-label i {
+        width: 14px;
+        text-align: center;
+        color: var(--accent);
+        opacity: 0.7;
+    }
+
+    .status-item-value {
+        text-align: right;
+        color: var(--text-main);
+        font-weight: 500;
+        line-height: 1.5;
+        word-break: keep-all;
+    }
+
+    /* Stats 전용 스타일 - 내용이 길 수 있으므로 줄바꿈 허용 */
+    #status-stats-row {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 6px;
+    }
+
+    #status-stats-row .status-item-value {
+        text-align: left;
+        padding-left: 24px;
+        font-size: 10.5px;
+        color: rgba(241, 245, 249, 0.8);
+        line-height: 1.6;
     }
 
     .objective-card {
@@ -549,12 +633,24 @@
                     <i class="fas fa-robot"></i>
                 </div>
                 <div>
-                    <h1 class="chat-header-title">{{ project.title }}</h1>
+                    <h1 class="chat-header-title">{{ project.title }} ({{ public_styles|length }})</h1>
                     <p class="chat-header-subtitle">{{ project.mode }} MODE</p>
                 </div>
             </div>
             
             <div style="display: flex; align-items: center; gap: 16px;">
+                <div class="dropdown">
+                    <button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 11px; background: rgba(255,255,255,0.05); border: 1px solid var(--border-color); color: var(--text-muted);">
+                        <i class="fas fa-eye me-1"></i> 보기 모드
+                    </button>
+                    <ul class="dropdown-menu dropdown-menu-dark shadow" style="background-color: var(--bg-message-ai); border: 1px solid var(--border-color); font-size: 13px;">
+                        <li><a class="dropdown-item py-2" href="/creation/story/{{ project.project_id }}"><i class="fas fa-book me-2 text-success"></i> 소설 본문만 보기</a></li>
+                        <li><a class="dropdown-item py-2" href="/creation/trace/{{ project.project_id }}"><i class="fas fa-history me-2 text-warning"></i> 생성 과정 추적하기</a></li>
+                        <li><hr class="dropdown-divider" style="border-color: var(--border-color);"></li>
+                        <li><a class="dropdown-item py-2" href="/creation/analysis/{{ project.project_id }}"><i class="fas fa-chart-line me-2 text-info"></i> 분석 리포트 확인</a></li>
+                    </ul>
+                </div>
+
                 <div style="display: flex; align-items: center; gap: 8px; padding: 6px 12px; background-color: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 8px;">
                     <label style="display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-muted); cursor: pointer;">
                         <input type="checkbox" id="viewer-toggle" style="cursor: pointer;">
@@ -564,6 +660,15 @@
                 <a id="viewer-link" href="#" target="_blank" style="display: none; padding: 6px 12px; background-color: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 8px; color: #22c55e; text-decoration: none; font-size: 11px; font-weight: 600;">
                     <i class="fas fa-external-link-alt"></i> 뷰어 열기
                 </a>
+                <select id="style-selector" class="model-select">
+                    <option value="">문체 선택 (기본)</option>
+                    {% if not public_styles %}
+                        <option value="" disabled>공개된 문체가 없습니다</option>
+                    {% endif %}
+                    {% for style in public_styles %}
+                        <option value="{{ style.id }}">{{ style.file.original_filename if style.file else '문체 #' ~ style.id }}</option>
+                    {% endfor %}
+                </select>
                 <select id="model-selector" class="model-select">
                     <!-- Models will be loaded here -->
                 </select>
@@ -618,6 +723,14 @@
                             <span class="status-item-label"><i class="fas fa-clock"></i> Time</span>
                             <span id="status-time" class="status-item-value">D+0000 | 00:00</span>
                         </div>
+                        <div class="status-item" id="status-hp-row" style="display: none;">
+                            <span class="status-item-label"><i class="fas fa-heart"></i> HP</span>
+                            <span id="status-hp" class="status-item-value">-</span>
+                        </div>
+                        <div class="status-item" id="status-stats-row" style="display: none;">
+                            <span class="status-item-label"><i class="fas fa-chart-line"></i> Stats</span>
+                            <span id="status-stats" class="status-item-value">-</span>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -659,6 +772,7 @@
         const chatMessages = document.getElementById('chat-messages');
         const chatMessagesInner = document.getElementById('chat-messages-inner');
         const modelSelector = document.getElementById('model-selector');
+        const styleSelector = document.getElementById('style-selector');
         const toggleSidebarBtn = document.getElementById('toggle-sidebar');
         const sidebar = document.getElementById('sidebar');
         
@@ -689,6 +803,9 @@
                         const defaultModel = data.models.find(m => m.name.includes('gemini')) || data.models[0];
                         modelSelector.value = defaultModel.name;
                     }
+
+                    const savedStyle = localStorage.getItem('lastWriterStyle');
+                    if (savedStyle) styleSelector.value = savedStyle;
                 }
             } catch (e) { console.error('Failed to load models:', e); }
         }
@@ -697,6 +814,10 @@
             localStorage.setItem('lastWriterModel', e.target.value);
         });
 
+        styleSelector.addEventListener('change', (e) => {
+            localStorage.setItem('lastWriterStyle', e.target.value);
+        });
+
         // --- Markdown Rendering ---
         function renderMarkdown(text) {
             if (!text) return '';
@@ -743,10 +864,20 @@
             
             if (role === 'ai' && extra.thoughts) {
                 const renderedThoughts = renderMarkdown(extra.thoughts);
+                const hasStyle = extra.styleApplied ? '<div class="thought-step"><i class="fas fa-magic"></i> <span>Style Bible 문체 변환 완료</span></div>' : '';
                 html += `
                     <div class="message-thoughts">
-                        <div class="message-thoughts-header"><i class="fas fa-brain"></i> Internal Reflection</div>
+                        <div class="message-thoughts-header">
+                            <span><i class="fas fa-brain"></i> AI 추론 과정</span>
+                            <i class="fas fa-chevron-down"></i>
+                        </div>
                         <div class="markdown-content">${renderedThoughts}</div>
+                        <div class="thought-steps">
+                            <div class="thought-step"><i class="fas fa-check"></i> <span>세계관 및 맥락 분석</span></div>
+                            <div class="thought-step"><i class="fas fa-check"></i> <span>장면 전개 구상</span></div>
+                            ${hasStyle}
+                            <div class="thought-step"><i class="fas fa-check"></i> <span>최종 텍스트 생성</span></div>
+                        </div>
                     </div>`;
             }
             
@@ -836,18 +967,83 @@
             indicator.id = 'typing-indicator';
             indicator.className = 'message message-ai';
             indicator.innerHTML = `
-                <div class="message-bubble">
-                    <div class="typing-indicator">
-                        <div class="dot"></div><div class="dot"></div><div class="dot"></div>
+                <div class="message-bubble" style="min-width: 280px; background-color: rgba(30, 41, 59, 0.4); border: 1px solid var(--border-color);">
+                    <div style="display: flex; flex-direction: column; gap: 12px; padding: 4px;">
+                        <div style="display: flex; align-items: center; justify-content: space-between;">
+                            <div style="display: flex; align-items: center; gap: 8px;">
+                                <i class="fas fa-robot fa-spin" style="color: var(--accent); font-size: 14px;"></i>
+                                <span id="typing-status-text" style="font-size: 13px; font-weight: 600; color: var(--text-main);">에이전트 가동 중...</span>
+                            </div>
+                            <span id="typing-percent" style="font-size: 11px; color: var(--accent); font-weight: 700;">0%</span>
+                        </div>
+                        
+                        <div class="progress-container">
+                            <div id="typing-progress-bar" class="progress-bar"></div>
+                        </div>
+                        
+                        <div id="typing-log" style="display: flex; flex-direction: column; gap: 6px;">
+                            <div class="thought-step" style="opacity: 1;"><i class="fas fa-check"></i> <span>사용자 요청 수신</span></div>
+                        </div>
                     </div>
                 </div>`;
             chatMessagesInner.appendChild(indicator);
             scrollToBottom();
+            
+            // 시뮬레이션된 진행 로그 업데이트
+            const steps = [
+                { text: "세계관 및 캐릭터 설정 분석 중...", p: 15 },
+                { text: "서사적 전개 맥락(Zep) 로드 완료", p: 30 },
+                { text: "다음 장면 전개 구상 중...", p: 45 },
+                { text: "초안 작성을 위한 AI 추론 시작", p: 60 },
+                { text: "Style Bible 문체 적용 및 변환 중...", p: 80 },
+                { text: "최종 결과물 검토 및 다듬기", p: 95 }
+            ];
+            
+            let currentStep = 0;
+            const logInterval = setInterval(() => {
+                const statusText = document.getElementById('typing-status-text');
+                const progressBar = document.getElementById('typing-progress-bar');
+                const percentText = document.getElementById('typing-percent');
+                const logContainer = document.getElementById('typing-log');
+                
+                if (!statusText || currentStep >= steps.length) {
+                    clearInterval(logInterval);
+                    return;
+                }
+                
+                const step = steps[currentStep];
+                statusText.textContent = step.text;
+                progressBar.style.width = `${step.p}%`;
+                percentText.textContent = `${step.p}%`;
+                
+                const logEntry = document.createElement('div');
+                logEntry.className = 'thought-step';
+                logEntry.innerHTML = `<i class="fas fa-check"></i> <span>${step.text}</span>`;
+                logContainer.appendChild(logEntry);
+                
+                // 로그가 많아지면 오래된 것 투명도 조절
+                const children = logContainer.children;
+                if (children.length > 3) {
+                    for(let i = 0; i < children.length - 3; i++) {
+                        children[i].style.opacity = "0.4";
+                    }
+                }
+                
+                currentStep++;
+                scrollToBottom();
+            }, 2500);
+            
+            indicator.dataset.intervalId = logInterval;
         }
 
         function hideTypingIndicator() {
             const indicator = document.getElementById('typing-indicator');
-            if (indicator) indicator.remove();
+            if (indicator) {
+                if (indicator.dataset.intervalId) {
+                    clearInterval(indicator.dataset.intervalId);
+                }
+                indicator.remove();
+            }
         }
 
         // --- Chat History ---
@@ -873,6 +1069,29 @@
             document.getElementById('status-location').textContent = status.location || 'Unknown';
             document.getElementById('status-time').textContent = status.current_time || 'D+0000 | 00:00';
             
+            // 캐릭터 이름 및 소속 업데이트
+            if (status.name) {
+                document.querySelector('.user-info-name').textContent = status.name;
+            }
+            if (status.affiliation) {
+                document.querySelector('.user-info-role').textContent = status.affiliation;
+            }
+            
+            // HP 및 능력치 업데이트
+            if (status.hp_status) {
+                document.getElementById('status-hp-row').style.display = 'flex';
+                document.getElementById('status-hp').textContent = status.hp_status;
+            } else {
+                document.getElementById('status-hp-row').style.display = 'none';
+            }
+            
+            if (status.stats) {
+                document.getElementById('status-stats-row').style.display = 'flex';
+                document.getElementById('status-stats').textContent = status.stats;
+            } else {
+                document.getElementById('status-stats-row').style.display = 'none';
+            }
+            
             const objectiveSection = document.getElementById('objective-section');
             if (status.quest_status) {
                 objectiveSection.style.display = 'block';
@@ -926,7 +1145,11 @@
                 const response = await fetch(`/creation/api/chat/${projectId}`, {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ message, model: modelSelector.value })
+                    body: JSON.stringify({ 
+                        message, 
+                        model: modelSelector.value,
+                        style_id: styleSelector.value
+                    })
                 });
                 const data = await response.json();
                 
@@ -938,7 +1161,8 @@
                     const aiMessageId = data.message_id || null;
                     const messageEl = addMessage('ai', data.reply, { 
                         thoughts: data.hidden_thoughts, 
-                        imageUrl: data.image_url 
+                        imageUrl: data.image_url,
+                        styleApplied: data.style_applied
                     }, aiMessageId);
                     
                     // messageId가 나중에 업데이트되는 경우를 대비하여 업데이트
@@ -1152,6 +1376,18 @@
         loadModels();
         loadHistory();
         loadViewerSettings();
+        
+        // 기존 상태 데이터 로드
+        {% if project.last_status %}
+        try {
+            const initialStatus = JSON.parse('{{ project.last_status | safe }}');
+            if (initialStatus) {
+                updateStatus(initialStatus);
+            }
+        } catch (e) {
+            console.error('Failed to parse initial status:', e);
+        }
+        {% endif %}
     });
 </script>
 {% endblock %}