Update: UI adjustments in personal management and various improvements

agent_skills/notion_db_skill.ts

@@ -0,0 +1,221 @@
+/**
+ * Notion DB 읽기/쓰기용 Agent Skill (Tool) 스켈레톤
+ *
+ * - 이 프로젝트는 Python(Flask) 기반이지만, Gemini Tool/Skill 정의는 TS로도 작성해 둘 수 있어
+ *   추후 Node 런타임/툴체인으로 이식하거나 별도 워커에서 실행하기 좋습니다.
+ *
+ * 필요 패키지(예시):
+ *   - @notionhq/client
+ */
+
+// ----------------------------
+// 1) Gemini가 이해할 "역할" 한 문장
+// ----------------------------
+export const NOTION_DB_SKILL_ROLE_SENTENCE =
+  "Notion의 특정 데이터베이스에서 페이지를 조건으로 조회하고, 새 페이지 생성/기존 페이지 업데이트/아카이브를 수행해 데이터를 동기화하는 스킬이다.";
+
+// ----------------------------
+// 2) Agent Tool input_schema (JSON Schema)
+// ----------------------------
+export const NOTION_DB_SKILL_INPUT_SCHEMA = {
+  type: "object",
+  additionalProperties: false,
+  properties: {
+    operation: {
+      type: "string",
+      description: "수행할 작업",
+      enum: ["query", "create", "update", "upsert", "archive"],
+    },
+    // 특정 DB 이름(표시/로그용). 실제 실행은 database_id가 우선입니다.
+    database_name: {
+      type: "string",
+      description: "대상 Notion DB 이름(표시용)",
+    },
+    // 고정 DB 최적화를 위해 보통은 서버/컨텍스트에 기본값으로 두고, 필요 시 override 합니다.
+    database_id: {
+      type: "string",
+      description: "대상 Notion Database ID",
+    },
+    // query 전용
+    query: {
+      type: "object",
+      additionalProperties: false,
+      description: "Notion DB query 옵션",
+      properties: {
+        filter: {
+          type: "object",
+          description: "Notion API filter 객체(그대로 전달)",
+        },
+        sorts: {
+          type: "array",
+          description: "Notion API sorts 배열(그대로 전달)",
+          items: { type: "object" },
+        },
+        page_size: {
+          type: "integer",
+          minimum: 1,
+          maximum: 100,
+          description: "한 번에 가져올 결과 수(1~100)",
+        },
+      },
+    },
+    // create/update/upsert 전용
+    properties: {
+      type: "object",
+      description:
+        "Notion Page properties 객체(그대로 전달). 예: { Name: { title: [{ text: { content: '...' } }] } }",
+    },
+    // update/archive 전용
+    page_id: {
+      type: "string",
+      description: "대상 Notion Page ID (update/archive)",
+    },
+    // upsert 전용(스켈레톤에서는 구조만 정의)
+    upsert: {
+      type: "object",
+      additionalProperties: false,
+      description:
+        "업서트 키(유니크 속성) 기반으로 있으면 update, 없으면 create",
+      properties: {
+        unique_property_name: {
+          type: "string",
+          description: "유니크 키로 사용할 Notion 속성 이름(예: ExternalId)",
+        },
+        unique_property_value: {
+          type: "string",
+          description: "유니크 키 값",
+        },
+      },
+      required: ["unique_property_name", "unique_property_value"],
+    },
+  },
+  required: ["operation"],
+} as const;
+
+// ----------------------------
+// 3) TypeScript 인터페이스 + execute 스켈레톤
+// ----------------------------
+
+export type NotionDbSkillOperation =
+  | "query"
+  | "create"
+  | "update"
+  | "upsert"
+  | "archive";
+
+export type NotionDbSkillInput = {
+  operation: NotionDbSkillOperation;
+  database_name?: string;
+  database_id?: string;
+  query?: {
+    filter?: Record<string, unknown>;
+    sorts?: Array<Record<string, unknown>>;
+    page_size?: number;
+  };
+  properties?: Record<string, unknown>;
+  page_id?: string;
+  upsert?: {
+    unique_property_name: string;
+    unique_property_value: string;
+  };
+};
+
+export type NotionDbSkillOutput = {
+  operation: NotionDbSkillOperation;
+  database_id?: string;
+  database_name?: string;
+  result: unknown;
+};
+
+export interface AgentSkill<TInput, TOutput> {
+  name: string;
+  description: string;
+  input_schema: unknown;
+  execute(input: TInput, ctx: unknown): Promise<TOutput>;
+}
+
+export type NotionSkillContext = {
+  notionToken: string;
+  defaultDatabaseId?: string;
+  defaultDatabaseName?: string;
+};
+
+export const notionDbReadWriteSkill: AgentSkill<
+  NotionDbSkillInput,
+  NotionDbSkillOutput
+> = {
+  name: "notion.db.read_write",
+  description: NOTION_DB_SKILL_ROLE_SENTENCE,
+  input_schema: NOTION_DB_SKILL_INPUT_SCHEMA,
+
+  async execute(input, ctx) {
+    // lazy import: 실제 런타임에서만 @notionhq/client 필요
+    const { Client } = await import("@notionhq/client");
+
+    const context = ctx as NotionSkillContext;
+    if (!context?.notionToken) {
+      throw new Error("Notion Integration Token이 없습니다 (ctx.notionToken).");
+    }
+
+    const databaseId = input.database_id || context.defaultDatabaseId;
+    const databaseName = input.database_name || context.defaultDatabaseName;
+
+    const notion = new Client({ auth: context.notionToken });
+
+    switch (input.operation) {
+      case "query": {
+        if (!databaseId) throw new Error("database_id가 필요합니다.");
+        const res = await notion.databases.query({
+          database_id: databaseId,
+          filter: input.query?.filter as any,
+          sorts: input.query?.sorts as any,
+          page_size: input.query?.page_size,
+        });
+        return { operation: input.operation, database_id: databaseId, database_name: databaseName, result: res };
+      }
+
+      case "create": {
+        if (!databaseId) throw new Error("database_id가 필요합니다.");
+        if (!input.properties) throw new Error("create에는 properties가 필요합니다.");
+        const res = await notion.pages.create({
+          parent: { database_id: databaseId },
+          properties: input.properties as any,
+        });
+        return { operation: input.operation, database_id: databaseId, database_name: databaseName, result: res };
+      }
+
+      case "update": {
+        if (!input.page_id) throw new Error("update에는 page_id가 필요합니다.");
+        if (!input.properties) throw new Error("update에는 properties가 필요합니다.");
+        const res = await notion.pages.update({
+          page_id: input.page_id,
+          properties: input.properties as any,
+        });
+        return { operation: input.operation, database_id: databaseId, database_name: databaseName, result: res };
+      }
+
+      case "archive": {
+        if (!input.page_id) throw new Error("archive에는 page_id가 필요합니다.");
+        const res = await notion.pages.update({
+          page_id: input.page_id,
+          archived: true,
+        } as any);
+        return { operation: input.operation, database_id: databaseId, database_name: databaseName, result: res };
+      }
+
+      case "upsert": {
+        if (!databaseId) throw new Error("database_id가 필요합니다.");
+        if (!input.upsert) throw new Error("upsert에는 upsert 정보가 필요합니다.");
+        if (!input.properties) throw new Error("upsert에는 properties(업데이트/생성할 값)가 필요합니다.");
+
+        // TODO: unique_property_name/value 기반으로 DB에서 먼저 검색 → 있으면 update, 없으면 create
+        // 1) query: filter로 unique property 매칭
+        // 2) results[0] 있으면 pages.update
+        // 3) 없으면 pages.create
+        throw new Error("upsert는 아직 스켈레톤입니다. TODO 구현이 필요합니다.");
+      }
+    }
+  },
+};
+
+

app/core/logger.py

@@ -36,7 +36,18 @@ def get_logger(name: str, level: int = logging.INFO) -> logging.Logger:
     logger.setLevel(level)
     
     # 콘솔 핸들러
-    console_handler = logging.StreamHandler(sys.stdout)
+    # Windows에서 cp949 인코딩으로 인한 이모지(\u26a0 등) 출력 오류 해결
+    stream = sys.stdout
+    if sys.platform == 'win32':
+        for s in [sys.stdout, sys.stderr]:
+            if hasattr(s, 'reconfigure'):
+                try:
+                    # 에러 발생 시 대체 문자로 치환하여 로그 출력 중단 방지
+                    s.reconfigure(errors='replace')
+                except Exception:
+                    pass
+            
+    console_handler = logging.StreamHandler(stream)
     console_handler.setLevel(level)
     console_formatter = logging.Formatter(LOG_FORMAT, datefmt=DATE_FORMAT)
     console_handler.setFormatter(console_formatter)

app/database.py

@@ -797,3 +797,20 @@ class WebtoonStageKeyMapping(db.Model):
             'updated_at': self.updated_at.isoformat() if self.updated_at else None,
         }
 
+# Notion 일정표 데이터 캐시 모델
+class NotionScheduleCache(db.Model):
+    __tablename__ = 'notion_schedule_cache'
+    id = db.Column(db.Integer, primary_key=True)
+    notion_id = db.Column(db.String(100), unique=True, nullable=False, index=True)
+    name = db.Column(db.String(255), nullable=True, index=True) # 담당자 이름 (name_filter 대응)
+    start_date = db.Column(db.String(20), nullable=True, index=True) # YYYY-MM-DD
+    end_date = db.Column(db.String(20), nullable=True, index=True) # YYYY-MM-DD
+    data_json = db.Column(db.Text, nullable=False) # 전체 데이터 (properties 포함)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow, nullable=False)
+
+    def to_dict(self):
+        try:
+            return json.loads(self.data_json)
+        except:
+            return {}
+

app/migrations.py

@@ -121,6 +121,16 @@ def check_and_migrate_db(app):
                     logger.error(f"webtoon_milestone_manager 마이그레이션 중 오류: {e}")
                     conn.rollback()
 
+                # 5. notion_schedule_cache 테이블 확인 및 생성
+                if 'notion_schedule_cache' not in table_names:
+                    logger.info("notion_schedule_cache 테이블이 없어 생성합니다.")
+                    try:
+                        # db.create_all()은 모든 누락된 테이블을 생성하므로 안전함
+                        db.create_all()
+                        logger.info("notion_schedule_cache 테이블 생성 완료")
+                    except Exception as e:
+                        logger.error(f"notion_schedule_cache 테이블 생성 실패: {e}")
+
             logger.info("데이터베이스 마이그레이션 완료")
 
         except Exception as e:

app/routes.py

@@ -14,7 +14,7 @@ from app.database import (
     WebtoonWBSAnalysis, WebtoonWBSJob,
     WebtoonProjectDuration, WebtoonEpisodeDuration, WebtoonDurationJob,
     WebtoonStageKeyMapping, WebtoonMilestone, WebtoonMilestoneManager,
-    Notice, NoticeRecipient
+    Notice, NoticeRecipient, NotionScheduleCache
 )
 from app.vector_db import get_vector_db
 from app.gemini_client import get_gemini_client
@@ -8940,9 +8940,9 @@ def get_schedule():
             databases = []
         
         schedule_db = None
-        for db in databases:
-            if isinstance(db, dict) and db.get('alias') == '일정표':
-                schedule_db = db
+        for db_info in databases:
+            if isinstance(db_info, dict) and db_info.get('alias') == '일정표':
+                schedule_db = db_info
                 break
         
         if not schedule_db or not schedule_db.get('id'):
@@ -8998,13 +8998,13 @@ def get_schedule():
         if not date_property_name:
             print("[일정표 조회] 경고: 날짜 필드를 찾을 수 없습니다. 필터 없이 모든 데이터를 가져옵니다.")
         
-        # 오늘 날짜 기준 범위 계산 (지난 주 월요일 ~ 이번 주 일요일)
+        # 오늘 날짜 기준 범위 계산 (지난 주 월요일 ~ 다음 주 일요일)
         today = datetime.now().date()
         # 이번 주 월요일 찾기 (월요일이 0)
         days_since_monday = today.weekday()
         this_week_start = today - timedelta(days=days_since_monday)
         week_start = this_week_start - timedelta(days=7) # 지난 주 월요일
-        week_end = this_week_start + timedelta(days=6)  # 이번 주 일요일
+        week_end = this_week_start + timedelta(days=13)  # 다음 주 일요일
         
         print(f"[일정표 조회] 범위: {week_start.isoformat()} ~ {week_end.isoformat()}")
         
@@ -9127,6 +9127,8 @@ def get_schedule():
         max_retries = 3
         last_exception = None
         response = None
+        is_from_cache = False
+        error_message = None
         
         for attempt in range(max_retries):
             try:
@@ -9136,7 +9138,10 @@ def get_schedule():
                     json=query_data,
                     timeout=30  # 타임아웃 30초
                 )
-                break # 성공 시 루프 탈출
+                if response.status_code == 200:
+                    break # 성공 시 루프 탈출
+                else:
+                    last_exception = Exception(f"API Error {response.status_code}: {response.text}")
             except (requests.exceptions.ReadTimeout, requests.exceptions.RequestException) as e:
                 last_exception = e
                 print(f"[Notion API] 시도 {attempt+1}/{max_retries} 실패: {e}")
@@ -9147,124 +9152,193 @@ def get_schedule():
                 last_exception = e
                 break # 예상치 못한 오류는 즉시 중단
         
-        if response is None:
-            error_msg = f"Notion API 호출 중 타임아웃 또는 연결 오류가 발생했습니다. (마지막 오류: {str(last_exception)})"
-            print(f"[일정표 조회] {error_msg}")
-            return jsonify({'error': error_msg}), 504
-        
-        if response.status_code != 200:
-            error_data = response.json()
-            return jsonify({
-                'error': f"Notion API 오류 ({response.status_code}): {error_data.get('message', '알 수 없는 오류')}"
-            }), response.status_code
+        data = None
+        all_results = []
         
-        data = response.json()
-        all_results.extend(data.get('results', []))
+        if response is not None and response.status_code == 200:
+            data = response.json()
+            all_results.extend(data.get('results', []))
+        else:
+            # Notion API 실패 시 캐시된 데이터 가져오기
+            print(f"[일정표 조회] Notion API 호출 실패. 캐시된 데이터를 사용합니다. (오류: {last_exception})")
+            error_message = f"Notion API 연결에 실패했습니다. 저장된 정보를 불러옵니다. (오류: {str(last_exception)})"
+            is_from_cache = True
+            
+            # 캐시된 모든 데이터 조회 (메모리에서 날짜 필터링)
+            cache_items = NotionScheduleCache.query.all()
+            for item in cache_items:
+                all_results.append(item.to_dict())
+            
+            # 캐시 데이터의 경우 'data' 객체 모조 생성
+            data = {
+                'results': all_results,
+                'has_more': False,
+                'next_cursor': None
+            }
         
         # 결과 가공
         processed_results = []
         # date_property_name은 위에서 스키마를 통해 이미 결정됨
         
         for page in all_results:
-            properties = page.get('properties', {})
-            page_data = {
-                'id': page.get('id'),
-                'url': page.get('url'),
-                'properties': {},
-                'date_value': None  # 정렬용 날짜 값
-            }
-            
-            for prop_name, prop_val in properties.items():
-                ptype = prop_val.get('type')
-                val = None
+            # 캐시 데이터(이미 가공됨)와 노션 원본 데이터(가공 필요) 구분
+            # 노션 원본 데이터는 'object' 필드가 'page'입니다.
+            if page.get('object') == 'page':
+                # 노션 원본 데이터 가공 시작
+                properties = page.get('properties', {})
+                page_data = {
+                    'id': page.get('id'),
+                    'url': page.get('url'),
+                    'properties': {},
+                    'date_value': None  # 정렬용 날짜 값
+                }
                 
-                if ptype == 'title':
-                    val = "".join([t.get('plain_text', '') for t in prop_val.get('title', [])])
-                elif ptype == 'rich_text':
-                    val = "".join([t.get('plain_text', '') for t in prop_val.get('rich_text', [])])
-                elif ptype == 'select':
-                    val = prop_val.get('select', {}).get('name') if prop_val.get('select') else None
-                elif ptype == 'multi_select':
-                    val = [m.get('name') for m in prop_val.get('multi_select', [])]
-                elif ptype == 'number':
-                    val = prop_val.get('number')
-                elif ptype == 'date':
-                    date_obj = prop_val.get('date')
-                    if date_obj:
-                        start_val = date_obj.get('start')
-                        end_val = date_obj.get('end')
-                        
-                        # 기존 호환성을 위해 val은 start 값 유지
-                        val = start_val
-                        
-                        # Gantt 차트 등을 위해 상세 정보 저장
-                        page_data['properties'][f"{prop_name}_detail"] = {
-                            'start': start_val,
-                            'end': end_val or start_val
-                        }
-                        
-                        # 날짜 필드 발견 시 저장 (스키마에서 못 찾았을 경우 대비)
-                        if not date_property_name:
-                            date_property_name = prop_name
-                        
-                        # 정렬용 날짜 값 저장 (현재 처리 중인 prop_name이 date_property_name인 경우에만 우선적으로 사용)
-                        if start_val:
-                            try:
-                                from datetime import datetime
-                                current_date_val = datetime.fromisoformat(start_val.replace('Z', '+00:00'))
-                                # date_property_name 필드면 무조건 저장, 아니면 기존에 없을 때만 저장
-                                if prop_name == date_property_name or page_data['date_value'] is None:
-                                    page_data['date_value'] = current_date_val
-                            except:
-                                pass
-                elif ptype == 'formula':
-                    formula_val = prop_val.get('formula', {})
-                    ftype = formula_val.get('type')
-                    if ftype == 'date':
-                        date_obj = formula_val.get('date')
+                for prop_name, prop_val in properties.items():
+                    ptype = prop_val.get('type')
+                    val = None
+                    
+                    if ptype == 'title':
+                        val = "".join([t.get('plain_text', '') for t in prop_val.get('title', [])])
+                    elif ptype == 'rich_text':
+                        val = "".join([t.get('plain_text', '') for t in prop_val.get('rich_text', [])])
+                    elif ptype == 'select':
+                        val = prop_val.get('select', {}).get('name') if prop_val.get('select') else None
+                    elif ptype == 'multi_select':
+                        val = [m.get('name') for m in prop_val.get('multi_select', [])]
+                    elif ptype == 'number':
+                        val = prop_val.get('number')
+                    elif ptype == 'date':
+                        date_obj = prop_val.get('date')
                         if date_obj:
                             start_val = date_obj.get('start')
                             end_val = date_obj.get('end')
-                            val = start_val
                             
+                            val = start_val
                             page_data['properties'][f"{prop_name}_detail"] = {
                                 'start': start_val,
                                 'end': end_val or start_val
                             }
                             
+                            if not date_property_name:
+                                date_property_name = prop_name
+                            
                             if start_val:
                                 try:
-                                    from datetime import datetime
                                     current_date_val = datetime.fromisoformat(start_val.replace('Z', '+00:00'))
                                     if prop_name == date_property_name or page_data['date_value'] is None:
                                         page_data['date_value'] = current_date_val
                                 except:
                                     pass
-                    elif ftype == 'string':
-                        val = formula_val.get('string')
-                    elif ftype == 'number':
-                        val = formula_val.get('number')
-                    elif ftype == 'boolean':
-                        val = formula_val.get('boolean')
-                elif ptype == 'checkbox':
-                    val = prop_val.get('checkbox')
-                elif ptype == 'url':
-                    val = prop_val.get('url')
-                elif ptype == 'email':
-                    val = prop_val.get('email')
-                elif ptype == 'phone_number':
-                    val = prop_val.get('phone_number')
-                else:
-                    val = f"({ptype})"
+                    elif ptype == 'formula':
+                        formula_val = prop_val.get('formula', {})
+                        ftype = formula_val.get('type')
+                        if ftype == 'date':
+                            date_obj = formula_val.get('date')
+                            if date_obj:
+                                start_val = date_obj.get('start')
+                                end_val = date_obj.get('end')
+                                val = start_val
+                                
+                                page_data['properties'][f"{prop_name}_detail"] = {
+                                    'start': start_val,
+                                    'end': end_val or start_val
+                                }
+                                
+                                if start_val:
+                                    try:
+                                        current_date_val = datetime.fromisoformat(start_val.replace('Z', '+00:00'))
+                                        if prop_name == date_property_name or page_data['date_value'] is None:
+                                            page_data['date_value'] = current_date_val
+                                    except:
+                                        pass
+                        elif ftype == 'string':
+                            val = formula_val.get('string')
+                        elif ftype == 'number':
+                            val = formula_val.get('number')
+                        elif ftype == 'boolean':
+                            val = formula_val.get('boolean')
+                    elif ptype == 'checkbox':
+                        val = prop_val.get('checkbox')
+                    elif ptype == 'url':
+                        val = prop_val.get('url')
+                    elif ptype == 'email':
+                        val = prop_val.get('email')
+                    elif ptype == 'phone_number':
+                        val = prop_val.get('phone_number')
+                    else:
+                        val = f"({ptype})"
+                    
+                    page_data['properties'][prop_name] = val
                 
-                page_data['properties'][prop_name] = val
-            
-            processed_results.append(page_data)
+                processed_results.append(page_data)
+            else:
+                # 이미 가공된 데이터 (캐시에서 온 경우)
+                # date_value가 datetime 객체가 아닐 수 있으므로 복원
+                if page.get('date_value') and isinstance(page['date_value'], str):
+                    try:
+                        page['date_value'] = datetime.fromisoformat(page['date_value'].replace('Z', '+00:00'))
+                    except:
+                        page['date_value'] = None
+                processed_results.append(page)
         
-        # 날짜 필드가 있고 필터가 적용되었지만, 서버 측에서도 이번 주 범위로 추가 필터링
+        # Notion에서 성공적으로 가져온 경우 캐시에 저장/업데이트
+        if not is_from_cache:
+            try:
+                for page_data in processed_results:
+                    notion_id = page_data.get('id')
+                    # '이름' 속성에서 이름 추출 (담당자 필터링용)
+                    name = page_data['properties'].get('이름', '-')
+                    
+                    # 날짜 추출
+                    start_date_s = None
+                    end_date_s = None
+                    if date_property_name:
+                        detail = page_data['properties'].get(f"{date_property_name}_detail", {})
+                        start_date_s = detail.get('start')
+                        end_date_s = detail.get('end') or start_date_s
+                    
+                    # date_value는 JSON 저장을 위해 문자열로 임시 변환
+                    save_data = page_data.copy()
+                    if save_data.get('date_value') and isinstance(save_data['date_value'], datetime):
+                        save_data['date_value'] = save_data['date_value'].isoformat()
+                    
+                    new_json = json.dumps(save_data, ensure_ascii=False)
+                    
+                    cached_item = NotionScheduleCache.query.filter_by(notion_id=notion_id).first()
+                    if not cached_item:
+                        cached_item = NotionScheduleCache(
+                            notion_id=notion_id,
+                            name=name,
+                            start_date=start_date_s,
+                            end_date=end_date_s,
+                            data_json=new_json
+                        )
+                        db.session.add(cached_item)
+                    else:
+                        # 수정 사항이 있는 경우에만 업데이트
+                        if cached_item.data_json != new_json:
+                            cached_item.name = name
+                            cached_item.start_date = start_date_s
+                            cached_item.end_date = end_date_s
+                            cached_item.data_json = new_json
+                
+                db.session.commit()
+                print(f"[일정표 조회] {len(processed_results)}개 항목 캐시 동기화 완료")
+            except Exception as cache_err:
+                db.session.rollback()
+                print(f"[일정표 조회] 캐시 저장 중 오류: {cache_err}")
+
+        # 서버 측 필터링 (캐시 데이터 포함)
         if date_property_name:
             filtered_results = []
             for item in processed_results:
+                # 이름 필터 적용 (캐시에서 가져온 경우 Notion API 필터가 안먹혔을 수 있음)
+                if name_filter_vals:
+                    item_name = str(item['properties'].get('이름', '') or '')
+                    if not any(val in item_name for val in name_filter_vals):
+                        continue
+
+                # 날짜 범위 필터
                 date_str = item['properties'].get(date_property_name)
                 if date_str:
                     try:
@@ -9272,30 +9346,20 @@ def get_schedule():
                         if week_start <= item_date <= week_end:
                             filtered_results.append(item)
                     except:
-                        # 날짜 파싱 실패 시 포함하지 않음
                         pass
-                else:
-                    # 날짜가 없는 항목은 제외
-                    pass
             
-            # filtered_results가 비어있더라도 업데이트하여 빈 목록을 반환함
             processed_results = filtered_results
             if filtered_results:
                 print(f"[일정표 조회] 서버 측 필터링 후: {len(processed_results)}개 항목")
             else:
-                print(f"[일정표 조회] 경고: 이번 주 범위에 해당하는 항목이 없습니다. (원래 {len(all_results)}개 중 0개 매칭)")
+                print(f"[일정표 조회] 경고: 이번 주 범위에 해당하는 항목이 없습니다.")
         
         # 날짜 기준으로 정렬 (최근 날짜가 먼저)
-        # date_value가 None인 항목은 맨 뒤로
-        processed_results.sort(key=lambda x: (x['date_value'] is None, x['date_value'] or datetime.min), reverse=True)
+        processed_results.sort(key=lambda x: (x.get('date_value') is None, x.get('date_value') or datetime.min), reverse=True)
         
         # has_more 값 확인 및 로그 출력
         has_more_value = data.get('has_more', False)
         next_cursor_value = data.get('next_cursor')
-        print(f"[일정표 조회] has_more 값: {has_more_value} (타입: {type(has_more_value).__name__})")
-        print(f"[일정표 조회] next_cursor 값: {next_cursor_value}")
-        print(f"[일정표 조회] Notion API 응답의 results 개수: {len(data.get('results', []))}")
-        print(f"[일정표 조회] 처리된 results 개수: {len(processed_results)}")
         
         filter_desc = []
         if date_property_name:
@@ -9311,6 +9375,8 @@ def get_schedule():
             'date_property': date_property_name,
             'has_more': has_more_value,
             'next_cursor': next_cursor_value,
+            'is_from_cache': is_from_cache,
+            'error': error_message,
             'query_info': {
                 'filter': " & ".join(filter_desc) if filter_desc else '모든 데이터 (필터 없음)',
                 'sort': f"'{date_property_name}' 필드 기준 내림차순 (최신순)" if date_property_name else '정렬 필드 없음'
@@ -9351,13 +9417,13 @@ def update_notion_db_aliases():
         # 별칭 업데이트
         alias_map = {a['id']: a.get('alias') for a in aliases if isinstance(a, dict) and a.get('id')}
         
-        for db in databases:
-            if isinstance(db, dict) and db.get('id') in alias_map:
-                alias_value = alias_map[db['id']]
+        for db_info in databases:
+            if isinstance(db_info, dict) and db_info.get('id') in alias_map:
+                alias_value = alias_map[db_info['id']]
                 if alias_value:
-                    db['alias'] = alias_value
-                elif 'alias' in db:
-                    del db['alias']  # 빈 별칭은 제거
+                    db_info['alias'] = alias_value
+                elif 'alias' in db_info:
+                    del db_info['alias']  # 빈 별칭은 제거
 
         # 저장
         SystemConfig.set_config(

check_has_more.py

@@ -0,0 +1,35 @@
+"""
+일정표 API의 has_more 값을 확인하는 스크립트
+"""
+import requests
+import json
+
+# 서버 URL
+base_url = "http://localhost:5001"
+
+# 세션 생성 (쿠키 유지용)
+session = requests.Session()
+
+# 로그인 (필요한 경우)
+# 실제 사용자명과 비밀번호로 로그인해야 합니다
+print("=" * 80)
+print("일정표 API의 has_more 값 확인")
+print("=" * 80)
+print("\n⚠️  이 스크립트는 로그인이 필요합니다.")
+print("브라우저에서 로그인한 후 쿠키를 사용하거나,")
+print("직접 브라우저 개발자 도구의 Network 탭에서 확인하세요.\n")
+
+# API 엔드포인트
+api_url = f"{base_url}/api/admin/webtoon/agent/schedule"
+
+print(f"API URL: {api_url}")
+print("\n브라우저에서 다음 단계를 따라주세요:")
+print("1. http://localhost:5001/admin/agent/schedule 페이지를 엽니다")
+print("2. 로그인합니다 (필요한 경우)")
+print("3. '새로고침' 버튼을 클릭합니다")
+print("4. 브라우저 개발자 도구(F12)를 엽니다")
+print("5. Network 탭에서 '/api/admin/webtoon/agent/schedule' 요청을 찾습니다")
+print("6. Response 탭에서 'has_more' 값을 확인합니다")
+print("\n또는 콘솔에서 다음 명령을 실행하세요:")
+print("fetch('/api/admin/webtoon/agent/schedule').then(r => r.json()).then(d => console.log('has_more:', d.has_more))")
+

check_notion_token.py

@@ -0,0 +1,33 @@
+
+import sys
+import os
+from pathlib import Path
+
+# 프로젝트 루트를 path에 추가
+project_root = Path(__file__).parent
+sys.path.append(str(project_root))
+
+from app import create_app
+from app.database import db, SystemConfig
+
+def check_notion_config():
+    app = create_app()
+    with app.app_context():
+        keys = ['notion_integration_token', 'notion_database_id', 'notion_database_name']
+        print("-" * 50)
+        print("Notion 설정값 상세 확인")
+        print("-" * 50)
+        
+        for key in keys:
+            config = SystemConfig.query.filter_by(key=key).first()
+            if config:
+                val = config.value
+                print(f"[{key}]")
+                print(f"  - 값: {val}")
+                print(f"  - 길이: {len(val)}자")
+            else:
+                print(f"[{key}] 설정되지 않음")
+        print("-" * 50)
+
+if __name__ == "__main__":
+    check_notion_config()

debug_dbs.py

@@ -0,0 +1,38 @@
+
+import sqlite3
+import os
+
+dbs = ['instance/finance_analysis.db', 'instance/soy_nv_ai.db', 'instance/database.db']
+
+for db_path in dbs:
+    if not os.path.exists(db_path):
+        print(f"File not found: {db_path}")
+        continue
+        
+    print(f"\n--- Checking {db_path} ---")
+    try:
+        conn = sqlite3.connect(db_path)
+        cursor = conn.cursor()
+        
+        # 테이블 존재 확인
+        cursor.execute("SELECT name FROM sqlite_master WHERE type='table' AND name='system_config'")
+        if not cursor.fetchone():
+            print("Table 'system_config' not found.")
+            conn.close()
+            continue
+            
+        cursor.execute("SELECT key, value FROM system_config WHERE key LIKE 'notion_%'")
+        rows = cursor.fetchall()
+        if not rows:
+            print("No notion configs found.")
+        for row in rows:
+            key, val = row
+            if key == 'notion_integration_token' and val:
+                 masked = val[:15] + "..." + val[-5:] if len(val) > 20 else val
+                 print(f"{key}: {masked} (Len: {len(val)})")
+            else:
+                print(f"{key}: {val}")
+        conn.close()
+    except Exception as e:
+        print(f"Error checking {db_path}: {e}")
+

force_update_menu.py

@@ -0,0 +1,41 @@
+from app import create_app
+from app.database import db, SystemConfig
+import json
+from app.routes import merge_admin_menu_defaults, get_default_admin_menu
+
+def update_menu():
+    app = create_app()
+    with app.app_context():
+        raw = SystemConfig.get_config('admin_menu_config_v1')
+        if not raw:
+            # 설정이 없으면 기본값을 저장
+            default_menu = get_default_admin_menu()
+            SystemConfig.set_config('admin_menu_config_v1', json.dumps(default_menu, ensure_ascii=False, indent=2))
+            print("Default menu saved to DB")
+            return
+
+        obj = json.loads(raw) if isinstance(raw, str) else raw
+        new_obj = merge_admin_menu_defaults(obj)
+        
+        # 에이전트 섹션이 포함되었는지 확인
+        has_agent = any(s.get('label') == '에이전트' for s in new_obj.get('sections', []))
+        if not has_agent:
+            # 강제로 추가
+            base = get_default_admin_menu()
+            agent_section = next((s for s in base.get('sections', []) if s.get('label') == '에이전트'), None)
+            if agent_section:
+                new_obj['sections'].append(agent_section)
+                print("Agent section forcibly added")
+        
+        SystemConfig.set_config('admin_menu_config_v1', json.dumps(new_obj, ensure_ascii=False, indent=2))
+        print("Menu updated and saved to DB")
+
+if __name__ == "__main__":
+    update_menu()
+
+
+
+
+
+
+

restart_server.ps1

@@ -47,10 +47,10 @@ Start-Sleep -Seconds 5
 # 서버 상태 확인
 $port = netstat -ano | findstr ":5001"
 if ($port) {
-    Write-Host "[$(Get-Date -Format 'yyyy-MM-dd HH:mm:ss')] ✓ 서버 재부팅 완료!" -ForegroundColor Green
+    Write-Host "[$(Get-Date -Format 'yyyy-MM-dd HH:mm:ss')] 서버 재부팅 완료!" -ForegroundColor Green
     Write-Host "포트 5001에서 리스닝 중" -ForegroundColor Cyan
     $port
 } else {
-    Write-Host "[$(Get-Date -Format 'yyyy-MM-dd HH:mm:ss')] ⚠ 서버 시작 실패 또는 아직 시작 중..." -ForegroundColor Yellow
+    Write-Host "[$(Get-Date -Format 'yyyy-MM-dd HH:mm:ss')] 서버 시작 실패 또는 아직 시작 중..." -ForegroundColor Yellow
 }
 

start_server_background.ps1

@@ -4,85 +4,32 @@ $scriptPath = Split-Path -Parent $MyInvocation.MyCommand.Path
 Set-Location $scriptPath
 
 # 로그 파일 경로
-$logFile = Join-Path $scriptPath "server.log"
+$logFile = Join-Path $scriptPath "logs\server_startup.log"
 
 function Write-Log {
     param([string]$Message)
     $timestamp = Get-Date -Format 'yyyy-MM-dd HH:mm:ss'
     $logMessage = "[$timestamp] $Message"
     Write-Host $logMessage
+    if (!(Test-Path (Split-Path $logFile))) { New-Item -ItemType Directory -Path (Split-Path $logFile) -Force }
     Add-Content -Path $logFile -Value $logMessage
 }
 
-function Start-ServerProcess {
-    Write-Log "서버 프로세스 시작 중..."
-    
-    $processInfo = New-Object System.Diagnostics.ProcessStartInfo
-    $processInfo.FileName = "python"
-    $processInfo.Arguments = "run.py"
-    $processInfo.WorkingDirectory = $scriptPath
-    $processInfo.UseShellExecute = $false
-    $processInfo.RedirectStandardOutput = $true
-    $processInfo.RedirectStandardError = $true
-    $processInfo.CreateNoWindow = $true
-    
-    $process = New-Object System.Diagnostics.Process
-    $process.StartInfo = $processInfo
-    
-    # 출력 리다이렉션
-    $process.add_OutputDataReceived({
-        param($sender, $e)
-        if ($e.Data) {
-            Write-Log $e.Data
-        }
-    })
-    
-    $process.add_ErrorDataReceived({
-        param($sender, $e)
-        if ($e.Data) {
-            Write-Log "ERROR: $($e.Data)"
-        }
-    })
-    
-    $process.Start() | Out-Null
-    $process.BeginOutputReadLine()
-    $process.BeginErrorReadLine()
-    
-    return $process
-}
-
-# 메인 루프
 Write-Log "=== 서버 자동 재시작 스크립트 시작 ==="
 
+$pythonPath = "$scriptPath\venv\Scripts\python.exe"
+
 while ($true) {
-    $process = $null
+    Write-Log "서버 프로세스 시작 중..."
     try {
-        $process = Start-ServerProcess
-        Write-Log "서버 프로세스 시작됨 (PID: $($process.Id))"
-        
-        # 프로세스가 종료될 때까지 대기
-        $process.WaitForExit()
-        
-        $exitCode = $process.ExitCode
-        Write-Log "서버 프로세스 종료됨 (Exit Code: $exitCode)"
-        
-        # 프로세스 정리
-        if (!$process.HasExited) {
-            $process.Kill()
-        }
-        $process.Dispose()
+        # 간단하게 Start-Process로 실행하고 대기
+        $process = Start-Process -FilePath $pythonPath -ArgumentList "run.py" -WorkingDirectory $scriptPath -PassThru -NoNewWindow -Wait
+        Write-Log "서버 프로세스 종료됨 (Exit Code: $($process.ExitCode))"
     }
     catch {
         Write-Log "오류 발생: $_"
-        if ($process -and !$process.HasExited) {
-            try {
-                $process.Kill()
-            } catch {}
-        }
     }
     
     Write-Log "5초 후 서버를 재시작합니다..."
     Start-Sleep -Seconds 5
 }
-
-

templates/admin_settings.html

@@ -804,10 +804,11 @@
 
             let html = '';
             currentNotionDatabases.forEach((db, index) => {
+                const aliasText = db.alias ? ` <span style="color: #1a73e8; font-weight: 500;">[별칭: ${escapeHtml(db.alias)}]</span>` : '';
                 html += `
                     <div style="display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid #dadce0; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.03);">
                         <div style="flex: 1; min-width: 0;">
-                            <div style="font-weight: 600; font-size: 13px; color: #202124; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${db.name}</div>
+                            <div style="font-weight: 600; font-size: 13px; color: #202124; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${escapeHtml(db.name)}${aliasText}</div>
                             <div style="font-size: 11px; color: #5f6368; font-family: monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${db.id}</div>
                         </div>
                         <button onclick="removeDatabase(${index})" style="background: none; border: none; color: #d93025; cursor: pointer; padding: 4px; font-size: 18px; line-height: 1;" title="제거">×</button>
@@ -905,10 +906,11 @@
                 
                 let html = '<div style="padding: 8px; border-bottom: 1px solid #eee; font-weight: 600; font-size: 12px; color: #1a73e8; background: #f8f9fa; display: flex; justify-content: space-between; align-items: center;"><span>추가할 DB를 선택하세요:</span><button onclick="document.getElementById(\'notionDatabaseList\').style.display=\'none\'" style="background:none; border:none; color:#5f6368; cursor:pointer;">닫기</button></div>';
                 data.databases.forEach(db => {
+                    const aliasText = db.alias ? ` <span style="color: #1a73e8; font-weight: 500;">[별칭: ${escapeHtml(db.alias)}]</span>` : '';
                     html += `
                         <div class="db-item" onclick="selectNotionDatabase('${db.id}', '${db.title.replace(/'/g, "\\'")}')" 
                              style="padding: 10px 12px; cursor: pointer; border-bottom: 1px solid #f1f3f4; font-size: 13px; transition: background 0.2s;">
-                            <div style="font-weight: 500;">${db.title}</div>
+                            <div style="font-weight: 500;">${escapeHtml(db.title)}${aliasText}</div>
                             <div style="font-size: 11px; color: #5f6368; font-family: monospace;">${db.id}</div>
                         </div>
                     `;

templates/agent_notion_db.html

@@ -193,8 +193,10 @@
                 
                 if (!response.ok) throw new Error(data.error || '설정을 불러올 수 없습니다.');
                 
+                const databases = data.databases || [];
+                
                 selector.innerHTML = '';
-                if (!data.databases || data.databases.length === 0) {
+                if (databases.length === 0) {
                     const option = document.createElement('option');
                     option.value = '';
                     option.textContent = '설정된 DB 없음 (연동 설정 필요)';
@@ -202,16 +204,15 @@
                     return;
                 }
                 
-                data.databases.forEach(db => {
+                databases.forEach(db => {
                     const option = document.createElement('option');
                     option.value = db.id;
-                    option.textContent = db.name;
+                    // 별칭이 있으면 별칭 표시, 없으면 이름 표시
+                    const displayName = db.alias ? `${db.alias} (${db.name})` : db.name;
+                    option.textContent = displayName;
                     selector.appendChild(option);
                 });
                 
-                // 첫 번째 DB 자동 조회 시도 (선택 사항)
-                // fetchNotionData();
-                
             } catch (error) {
                 console.error('DB 목록 로드 오류:', error);
                 selector.innerHTML = '<option value="">목록 로드 실패</option>';

templates/webnovels.html

@@ -691,6 +691,35 @@
         </div>
     </div>
 
+    <!-- 사건별 캐릭터 관계 분석 모달 -->
+    <div id="graphRAGByEventModal" class="modal">
+        <div class="modal-content" style="max-width: 1600px; width: 95%; height: 90vh; display: flex; flex-direction: column; padding: 0;">
+            <div class="modal-header" style="flex-shrink: 0; padding: 24px 24px 16px 24px; margin-bottom: 0;">
+                <div class="modal-title" id="graphRAGByEventModalTitle">사건별 캐릭터 관계 분석</div>
+                <button class="modal-close" onclick="closeGraphRAGByEventModal()">&times;</button>
+            </div>
+            <div style="display: flex; flex: 1; overflow: hidden;">
+                <!-- 좌측 사이드바 (사건 목록) -->
+                <div id="graphRAGByEventSidebar" style="width: 250px; background: var(--bg-secondary); border-right: 1px solid var(--border); overflow-y: auto; flex-shrink: 0; padding: 16px;">
+                    <div style="font-size: 14px; font-weight: 600; color: var(--text-secondary); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border);">
+                        사건 목록
+                    </div>
+                    <div id="graphRAGByEventList" style="display: flex; flex-direction: column; gap: 4px;">
+                        <div style="text-align: center; padding: 24px; color: var(--text-secondary); font-size: 13px;">
+                            사건 목록을 불러오는 중...
+                        </div>
+                    </div>
+                </div>
+                <!-- 우측 콘텐츠 영역 -->
+                <div id="graphRAGByEventContent" style="flex: 1; overflow-y: auto; padding: 24px;">
+                    <div style="text-align: center; padding: 24px; color: var(--text-secondary);">
+                        사건을 선택하여 상세 내용을 확인하세요.
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- GraphRAG 그래프 시각화 모달 -->
     <div id="graphRAGVisualizationModal" class="modal">
         <div class="modal-content" style="max-width: 1600px; width: 95%; height: 90vh;">
@@ -741,6 +770,57 @@
         </div>
     </div>
 
+    <!-- 캐릭터 관계도 시각화 (사건순) 모달 -->
+    <div id="graphRAGVisualizationByEventModal" class="modal">
+        <div class="modal-content" style="max-width: 1600px; width: 95%; height: 90vh;">
+            <div class="modal-header">
+                <div class="modal-title" id="graphRAGVisualizationByEventModalTitle">캐릭터 관계도 시각화 (사건순)</div>
+                <button class="modal-close" onclick="closeGraphRAGVisualizationByEventModal()">&times;</button>
+            </div>
+            <div style="padding: 16px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
+                <div style="position: relative;">
+                    <button id="eventFilterToggleByEvent" onclick="toggleWebnovelEventFilterByEvent()" style="padding: 8px 16px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 6px; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; color: var(--text-primary); font-weight: 500;">
+                        <span>사건 필터</span>
+                        <span id="eventFilterToggleIconByEvent" style="font-size: 12px; transition: transform 0.2s;">▼</span>
+                    </button>
+                    <div id="eventFilterDropdownByEvent" style="display: none; position: absolute; top: 100%; left: 0; margin-top: 4px; background: var(--bg-primary); border: 1px solid var(--border); border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; min-width: 250px; max-width: 400px; max-height: 400px; overflow-y: auto;">
+                        <div style="padding: 12px; border-bottom: 1px solid var(--border);">
+                            <label style="font-size: 13px; cursor: pointer; padding: 6px 8px; border-radius: 4px; display: flex; align-items: center; transition: background 0.2s;" onmouseover="this.style.background='var(--bg-secondary)'" onmouseout="this.style.background='transparent'">
+                                <input type="checkbox" id="eventFilterAllByEvent" onchange="handleWebnovelEventFilterAllByEvent()" style="margin-right: 8px; cursor: pointer;">
+                                <span>전체 선택</span>
+                            </label>
+                        </div>
+                        <div id="eventFilterListByEvent" style="padding: 8px;">
+                            <!-- 사건 체크박스가 여기에 동적으로 추가됨 -->
+                        </div>
+                    </div>
+                </div>
+                <div style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
+                    <label style="font-size: 13px;">
+                        <input type="checkbox" id="showCharactersByEvent" checked onchange="updateGraphVisualizationByEvent()" style="margin-right: 4px;">
+                        인물
+                    </label>
+                    <label style="font-size: 13px; margin-left: 8px;">
+                        <input type="checkbox" id="showLocationsByEvent" checked onchange="updateGraphVisualizationByEvent()" style="margin-right: 4px;">
+                        장소
+                    </label>
+                    <label style="font-size: 13px; margin-left: 8px;">
+                        <input type="checkbox" id="showEventsByEvent" checked onchange="updateGraphVisualizationByEvent()" style="margin-right: 4px;">
+                        사건
+                    </label>
+                </div>
+                <button onclick="resetGraphViewByEvent()" style="padding: 6px 16px; background: var(--accent); color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; margin-left: auto;">
+                    뷰 리셋
+                </button>
+            </div>
+            <div id="graphRAGVisualizationByEventContent" style="height: calc(90vh - 120px); position: relative; background: var(--bg-primary);">
+                <div style="text-align: center; padding: 24px; color: var(--text-secondary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+                    사건과 노드 타입을 선택하여 그래프를 확인하세요.
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- vis-network 라이브러리 -->
     <script type="text/javascript" src="https://unpkg.com/vis-network@latest/standalone/umd/vis-network.min.js"></script>
 
@@ -971,7 +1051,9 @@
                         <button class="webnovel-item-btn" onclick="viewWebnovelSummary(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #17a2b8; color: white; margin-right: 8px;">📋 요약 보기</button>
                         <button class="webnovel-item-btn" onclick="viewWebnovelContent(${file.id}, '${escapeHtml(file.original_filename)}')" style="margin-right: 8px;">📖 내용 보기</button>
                         <button class="webnovel-item-btn" onclick="viewGraphRAG(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #9c27b0; color: white; margin-right: 8px;">🔗 회차별 캐릭터 관계 분석</button>
-                        <button class="webnovel-item-btn" onclick="viewGraphRAGVisualization(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #28a745; color: white;">📊 캐릭터 관계도 시각화</button>
+                        <button class="webnovel-item-btn" onclick="viewGraphRAGByEvent(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #e91e63; color: white; margin-right: 8px;">📅 사건별 캐릭터 관계 분석</button>
+                        <button class="webnovel-item-btn" onclick="viewGraphRAGVisualization(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #28a745; color: white; margin-right: 8px;">📊 캐릭터 관계도 시각화</button>
+                        <button class="webnovel-item-btn" onclick="viewGraphRAGVisualizationByEvent(${file.id}, '${escapeHtml(file.original_filename)}')" style="background: #ff9800; color: white;">📊 캐릭터 관계도 시각화 (사건순)</button>
                     </div>
                 `;
                 listContainer.appendChild(fileItem);
@@ -1817,6 +1899,154 @@
             document.getElementById('graphRAGModal').classList.remove('active');
         }
 
+        async function viewGraphRAGByEvent(fileId, fileName) {
+            const modal = document.getElementById('graphRAGByEventModal');
+            const title = document.getElementById('graphRAGByEventModalTitle');
+            const content = document.getElementById('graphRAGByEventContent');
+            const sidebar = document.getElementById('graphRAGByEventList');
+            
+            title.textContent = `사건별 캐릭터 관계 분석 - ${fileName}`;
+            content.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary);">사건을 선택하여 상세 내용을 확인하세요.</div>';
+            sidebar.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); font-size: 13px;">사건 목록을 불러오는 중...</div>';
+            modal.classList.add('active');
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/graph`, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('GraphRAG 데이터를 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                
+                // 모든 사건 수집 (타임라인 순서로 정렬)
+                const allEvents = [];
+                const episodes = sortEpisodesByNumber(data.episodes || []);
+                
+                episodes.forEach(episode => {
+                    const events = data.events_by_episode?.[episode] || [];
+                    events.forEach(event => {
+                        allEvents.push({
+                            ...event,
+                            episode: episode
+                        });
+                    });
+                });
+                
+                // 사건을 타임라인 순서로 정렬 (회차 순서 + 사건 순서)
+                allEvents.sort((a, b) => {
+                    const episodeA = episodes.indexOf(a.episode);
+                    const episodeB = episodes.indexOf(b.episode);
+                    if (episodeA !== episodeB) {
+                        return episodeA - episodeB;
+                    }
+                    // 같은 회차 내에서는 사건 이름으로 정렬
+                    return (a.event_name || '').localeCompare(b.event_name || '');
+                });
+                
+                // 사이드바에 사건 목록 표시
+                sidebar.innerHTML = '';
+                if (allEvents.length === 0) {
+                    sidebar.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); font-size: 13px;">사건이 없습니다.</div>';
+                } else {
+                    allEvents.forEach((event, index) => {
+                        const eventId = `event-${index}`;
+                        const item = document.createElement('div');
+                        item.className = 'episode-sidebar-item';
+                        item.style.cssText = 'padding: 10px; cursor: pointer; border-radius: 6px; margin-bottom: 4px; transition: background 0.2s;';
+                        item.onmouseover = function() { this.style.background = 'var(--bg-tertiary)'; };
+                        item.onmouseout = function() { 
+                            if (!this.classList.contains('active')) {
+                                this.style.background = 'transparent';
+                            }
+                        };
+                        item.textContent = event.event_name || `사건 ${index + 1}`;
+                        item.onclick = () => showEventDetails(event, eventId, allEvents);
+                        if (index === 0) {
+                            item.classList.add('active');
+                            item.style.background = 'var(--bg-tertiary)';
+                        }
+                        sidebar.appendChild(item);
+                    });
+                    
+                    // 첫 번째 사건 표시
+                    if (allEvents.length > 0) {
+                        showEventDetails(allEvents[0], `event-0`, allEvents);
+                    }
+                }
+            } catch (error) {
+                console.error('사건별 GraphRAG 데이터 로드 오류:', error);
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: #ea4335;">사건별 GraphRAG 데이터를 불러오는 중 오류가 발생했습니다.</div>';
+            }
+        }
+
+        function showEventDetails(event, eventId, allEvents) {
+            const content = document.getElementById('graphRAGByEventContent');
+            const sidebarItems = document.querySelectorAll('#graphRAGByEventList .episode-sidebar-item');
+            
+            // 사이드바 활성화 상태 업데이트
+            sidebarItems.forEach((item, index) => {
+                if (item.textContent === (event.event_name || `사건 ${index + 1}`)) {
+                    item.classList.add('active');
+                    item.style.background = 'var(--bg-tertiary)';
+                } else {
+                    item.classList.remove('active');
+                    item.style.background = 'transparent';
+                }
+            });
+            
+            let contentHtml = '';
+            contentHtml += `<div style="margin-bottom: 32px; padding: 20px; background: var(--bg-secondary); border-radius: 8px; border-left: 4px solid var(--accent);">`;
+            contentHtml += `<h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: var(--accent);">${escapeHtml(event.event_name || '사건')}</h3>`;
+            
+            if (event.episode) {
+                contentHtml += `<div style="font-size: 14px; color: var(--text-secondary); margin-bottom: 16px;"><strong>회차:</strong> ${escapeHtml(event.episode)}</div>`;
+            }
+            
+            if (event.description) {
+                contentHtml += `<div style="margin-bottom: 20px; padding: 16px; background: var(--bg-primary); border-radius: 6px;">`;
+                contentHtml += `<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #1967d2;">설명</h4>`;
+                contentHtml += `<div style="font-size: 14px; color: var(--text-primary); line-height: 1.6;">${escapeHtml(event.description)}</div>`;
+                contentHtml += `</div>`;
+            }
+            
+            if (event.participants && event.participants.length > 0) {
+                contentHtml += `<div style="margin-bottom: 20px;">`;
+                contentHtml += `<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #1967d2;">관련 인물</h4>`;
+                contentHtml += `<div style="display: flex; flex-wrap: wrap; gap: 8px;">`;
+                event.participants.forEach(participant => {
+                    contentHtml += `<span style="padding: 6px 12px; background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border); font-size: 13px; color: var(--accent); font-weight: 500;">${escapeHtml(participant)}</span>`;
+                });
+                contentHtml += `</div>`;
+                contentHtml += `</div>`;
+            }
+            
+            if (event.location) {
+                contentHtml += `<div style="margin-bottom: 20px;">`;
+                contentHtml += `<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #1967d2;">장소</h4>`;
+                contentHtml += `<div style="padding: 12px; background: var(--bg-primary); border-radius: 6px; border: 1px solid var(--border);">`;
+                contentHtml += `<span style="font-size: 14px; color: var(--text-primary); font-weight: 500;">${escapeHtml(event.location)}</span>`;
+                contentHtml += `</div>`;
+                contentHtml += `</div>`;
+            }
+            
+            if (event.significance) {
+                contentHtml += `<div style="margin-bottom: 20px;">`;
+                contentHtml += `<h4 style="font-size: 16px; font-weight: 600; margin-bottom: 12px; color: #1967d2;">중요도</h4>`;
+                contentHtml += `<div style="padding: 12px; background: #e8f5e9; border-radius: 6px; border: 1px solid #c8e6c9;">`;
+                contentHtml += `<span style="font-size: 14px; color: #137333; font-weight: 500;">${escapeHtml(event.significance)}</span>`;
+                contentHtml += `</div>`;
+                contentHtml += `</div>`;
+            }
+            
+            contentHtml += `</div>`;
+            
+            content.innerHTML = contentHtml;
+        }
+
+        function closeGraphRAGByEventModal() {
+            document.getElementById('graphRAGByEventModal').classList.remove('active');
+        }
+
         // GraphRAG 그래프 시각화 관련 변수
         let webnovelGraphData = null;
         let webnovelGraphNetwork = null;
@@ -2364,6 +2594,442 @@
             webnovelAllGraphData = null;
         }
 
+        // 사건순 그래프 시각화 관련 변수
+        let webnovelGraphDataByEvent = null;
+        let webnovelGraphNetworkByEvent = null;
+        let webnovelAllGraphDataByEvent = null;
+
+        async function viewGraphRAGVisualizationByEvent(fileId, fileName) {
+            const modal = document.getElementById('graphRAGVisualizationByEventModal');
+            const title = document.getElementById('graphRAGVisualizationByEventModalTitle');
+            const content = document.getElementById('graphRAGVisualizationByEventContent');
+            
+            title.textContent = `캐릭터 관계도 시각화 (사건순) - ${fileName}`;
+            content.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">사건과 노드 타입을 선택하여 그래프를 확인하세요.</div>';
+            modal.classList.add('active');
+            
+            // 기존 네트워크 제거
+            if (webnovelGraphNetworkByEvent) {
+                webnovelGraphNetworkByEvent.destroy();
+                webnovelGraphNetworkByEvent = null;
+            }
+            
+            // 체크박스 초기화
+            document.getElementById('showCharactersByEvent').checked = true;
+            document.getElementById('showLocationsByEvent').checked = true;
+            document.getElementById('showEventsByEvent').checked = true;
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/graph`, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('GraphRAG 데이터를 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                webnovelAllGraphDataByEvent = data;
+                
+                // 사건 필터 체크박스 생성 (타임라인 순서로 정렬)
+                const eventFilterList = document.getElementById('eventFilterListByEvent');
+                eventFilterList.innerHTML = '';
+                const eventFilterAll = document.getElementById('eventFilterAllByEvent');
+                eventFilterAll.checked = false;
+                
+                // 모든 사건 수집
+                const allEvents = [];
+                const episodes = sortEpisodesByNumber(data.episodes || []);
+                
+                episodes.forEach(episode => {
+                    const events = data.events_by_episode?.[episode] || [];
+                    events.forEach(event => {
+                        allEvents.push({
+                            ...event,
+                            episode: episode
+                        });
+                    });
+                });
+                
+                // 사건을 타임라인 순서로 정렬
+                allEvents.sort((a, b) => {
+                    const episodeA = episodes.indexOf(a.episode);
+                    const episodeB = episodes.indexOf(b.episode);
+                    if (episodeA !== episodeB) {
+                        return episodeA - episodeB;
+                    }
+                    return (a.event_name || '').localeCompare(b.event_name || '');
+                });
+                
+                if (allEvents.length > 0) {
+                    allEvents.forEach((event, index) => {
+                        const label = document.createElement('label');
+                        label.style.cssText = 'font-size: 13px; cursor: pointer; padding: 6px 12px; border-radius: 4px; display: flex; align-items: center; transition: background 0.2s;';
+                        label.onmouseover = function() { this.style.background = 'var(--bg-secondary)'; };
+                        label.onmouseout = function() { this.style.background = 'transparent'; };
+                        
+                        const checkbox = document.createElement('input');
+                        checkbox.type = 'checkbox';
+                        checkbox.value = JSON.stringify({ event_name: event.event_name, episode: event.episode });
+                        checkbox.id = `eventFilterByEvent_${index}`;
+                        checkbox.onchange = handleWebnovelIndividualEventChangeByEvent;
+                        checkbox.style.marginRight = '8px';
+                        checkbox.style.cursor = 'pointer';
+                        
+                        const span = document.createElement('span');
+                        span.textContent = event.event_name || `사건 ${index + 1}`;
+                        span.style.flex = '1';
+                        
+                        label.appendChild(checkbox);
+                        label.appendChild(span);
+                        eventFilterList.appendChild(label);
+                    });
+                }
+                
+                // 버튼 텍스트 초기화
+                updateWebnovelEventFilterButtonTextByEvent();
+                
+                // 초기에는 그래프를 생성하지 않음
+            } catch (error) {
+                console.error('GraphRAG 그래프 로드 오류:', error);
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: #ea4335; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">그래프를 불러오는 중 오류가 발생했습니다.</div>';
+            }
+        }
+
+        function createWebnovelGraphVisualizationByEvent(data, eventFilter = []) {
+            const content = document.getElementById('graphRAGVisualizationByEventContent');
+            
+            // 필터가 선택되지 않았거나 빈 배열인 경우 빈 화면 표시
+            if (!eventFilter || eventFilter.length === 0) {
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">사건을 선택하여 그래프를 확인하세요.</div>';
+                return;
+            }
+            
+            const showCharacters = document.getElementById('showCharactersByEvent').checked;
+            const showLocations = document.getElementById('showLocationsByEvent').checked;
+            const showEvents = document.getElementById('showEventsByEvent').checked;
+            
+            // 체크박스가 모두 해제된 경우 빈 화면 표시
+            if (!showCharacters && !showLocations && !showEvents) {
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">노드 타입(인물, 장소, 사건)을 하나 이상 선택하여 그래프를 확인하세요.</div>';
+                return;
+            }
+            
+            content.innerHTML = ''; // 기존 내용 제거
+            
+            // 노드와 엣지 데이터 생성
+            const nodes = new vis.DataSet([]);
+            const edges = new vis.DataSet([]);
+            
+            const nodeMap = new Map(); // 노드 ID 매핑
+            const nodeEventsMap = new Map(); // 노드별 관련 사건 추적 (nodeId -> Set of event names)
+            let nodeIdCounter = 1;
+            
+            // 선택된 사건들의 회차 수집
+            const selectedEpisodes = new Set();
+            eventFilter.forEach(eventData => {
+                const event = typeof eventData === 'string' ? JSON.parse(eventData) : eventData;
+                if (event.episode) {
+                    selectedEpisodes.add(event.episode);
+                }
+            });
+            
+            // 엔티티 추가 (인물, 장소) - 선택된 사건이 있는 회차만
+            selectedEpisodes.forEach(episode => {
+                const entities = data.entities_by_episode?.[episode] || {};
+                
+                // 인물 추가
+                if (showCharacters && entities.characters) {
+                    entities.characters.forEach(char => {
+                        const nodeId = `char_${char.entity_name}`;
+                        if (!nodeMap.has(nodeId)) {
+                            const id = nodeIdCounter++;
+                            nodeMap.set(nodeId, id);
+                            nodeEventsMap.set(id, new Set()); // 사건 추적을 위한 Set 초기화
+                            nodes.add({
+                                id: id,
+                                label: char.entity_name,
+                                title: `인물: ${char.entity_name}\n역할: ${char.role || '없음'}\n설명: ${char.description || '없음'}`,
+                                color: {
+                                    background: '#4285f4',
+                                    border: '#1967d2',
+                                    highlight: { background: '#1a73e8', border: '#1557b0' }
+                                },
+                                shape: 'ellipse',
+                                font: { size: 14, face: 'Inter' },
+                                size: 20
+                            });
+                        }
+                    });
+                }
+                
+                // 장소 추가
+                if (showLocations && entities.locations) {
+                    entities.locations.forEach(loc => {
+                        const nodeId = `loc_${loc.entity_name}`;
+                        if (!nodeMap.has(nodeId)) {
+                            const id = nodeIdCounter++;
+                            nodeMap.set(nodeId, id);
+                            nodeEventsMap.set(id, new Set()); // 사건 추적을 위한 Set 초기화
+                            nodes.add({
+                                id: id,
+                                label: loc.entity_name,
+                                title: `장소: ${loc.entity_name}\n유형: ${loc.category || '없음'}\n설명: ${loc.description || '없음'}`,
+                                color: {
+                                    background: '#34a853',
+                                    border: '#137333',
+                                    highlight: { background: '#2e7d32', border: '#1b5e20' }
+                                },
+                                shape: 'box',
+                                font: { size: 14, face: 'Inter' },
+                                size: 20
+                            });
+                        }
+                    });
+                }
+            });
+            
+            // 사건 노드 추가 - 선택된 사건만
+            if (showEvents) {
+                eventFilter.forEach(eventData => {
+                    const event = typeof eventData === 'string' ? JSON.parse(eventData) : eventData;
+                    const eventName = event.event_name;
+                    const episode = event.episode;
+                    
+                    if (eventName) {
+                        const nodeId = `event_${eventName}_${episode}`;
+                        if (!nodeMap.has(nodeId)) {
+                            const id = nodeIdCounter++;
+                            nodeMap.set(nodeId, id);
+                            nodeEventsMap.set(id, new Set()); // 사건 추적을 위한 Set 초기화
+                            
+                            // 사건 정보 가져오기
+                            const events = data.events_by_episode?.[episode] || [];
+                            const eventInfo = events.find(e => e.event_name === eventName) || {};
+                            
+                            nodes.add({
+                                id: id,
+                                label: eventName,
+                                title: `사건: ${eventName}\n회차: ${episode}\n설명: ${eventInfo.description || '없음'}`,
+                                color: {
+                                    background: '#ff9800',
+                                    border: '#f57c00',
+                                    highlight: { background: '#fb8c00', border: '#e65100' }
+                                },
+                                shape: 'diamond',
+                                font: { size: 14, face: 'Inter' },
+                                size: 20
+                            });
+                        }
+                    }
+                });
+            }
+            
+            // 관계 추가 - 선택된 사건과 관련된 관계만
+            selectedEpisodes.forEach(episode => {
+                const relationships = data.relationships_by_episode?.[episode] || [];
+                relationships.forEach(rel => {
+                    // 선택된 사건 중 하나와 관련된 관계만 추가
+                    const relatedEvent = eventFilter.find(eventData => {
+                        const event = typeof eventData === 'string' ? JSON.parse(eventData) : eventData;
+                        return rel.event === event.event_name;
+                    });
+                    
+                    if (relatedEvent) {
+                        const event = typeof relatedEvent === 'string' ? JSON.parse(relatedEvent) : relatedEvent;
+                        const eventName = event.event_name;
+                        
+                        // source와 target이 인물인지 장소인지 확인
+                        let sourceNodeId = `char_${rel.source}`;
+                        let targetNodeId = `char_${rel.target}`;
+                        
+                        // 선택된 회차의 엔티티를 확인하여 노드 ID 결정
+                        const entities = data.entities_by_episode?.[episode] || {};
+                        const characters = entities.characters || [];
+                        const locations = entities.locations || [];
+                        
+                        const sourceIsLocation = locations.some(loc => loc.entity_name === rel.source);
+                        const targetIsLocation = locations.some(loc => loc.entity_name === rel.target);
+                        
+                        if (sourceIsLocation) {
+                            sourceNodeId = `loc_${rel.source}`;
+                        }
+                        if (targetIsLocation) {
+                            targetNodeId = `loc_${rel.target}`;
+                        }
+                        
+                        const sourceId = nodeMap.get(sourceNodeId);
+                        const targetId = nodeMap.get(targetNodeId);
+                        
+                        if (sourceId && targetId) {
+                            // 노드에 사건 정보 추가
+                            if (nodeEventsMap.has(sourceId)) {
+                                nodeEventsMap.get(sourceId).add(eventName);
+                            }
+                            if (nodeEventsMap.has(targetId)) {
+                                nodeEventsMap.get(targetId).add(eventName);
+                            }
+                            
+                            edges.add({
+                                from: sourceId,
+                                to: targetId,
+                                label: rel.relationship_type || '',
+                                title: `${rel.source} → ${rel.target}\n관계: ${rel.relationship_type || '없음'}\n설명: ${rel.description || '없음'}`,
+                                arrows: 'to',
+                                color: { color: '#5f6368', highlight: '#1a73e8' },
+                                font: { size: 12, align: 'middle' },
+                                smooth: { type: 'continuous' }
+                            });
+                            
+                            // 사건 노드와 인물/장소 노드 연결
+                            if (showEvents) {
+                                const eventNodeId = `event_${eventName}_${episode}`;
+                                const eventId = nodeMap.get(eventNodeId);
+                                
+                                if (eventId) {
+                                    // 사건 -> source 연결
+                                    edges.add({
+                                        from: eventId,
+                                        to: sourceId,
+                                        label: '',
+                                        title: `사건: ${eventName}\n→ ${rel.source}`,
+                                        arrows: 'to',
+                                        color: { color: '#ff9800', highlight: '#fb8c00' },
+                                        font: { size: 11, align: 'middle' },
+                                        smooth: { type: 'continuous' },
+                                        dashes: true
+                                    });
+                                    
+                                    // 사건 -> target 연결
+                                    edges.add({
+                                        from: eventId,
+                                        to: targetId,
+                                        label: '',
+                                        title: `사건: ${eventName}\n→ ${rel.target}`,
+                                        arrows: 'to',
+                                        color: { color: '#ff9800', highlight: '#fb8c00' },
+                                        font: { size: 11, align: 'middle' },
+                                        smooth: { type: 'continuous' },
+                                        dashes: true
+                                    });
+                                }
+                            }
+                        }
+                    }
+                });
+            });
+            
+            // 노드의 title에 사건 정보 추가
+            nodes.forEach(node => {
+                const events = nodeEventsMap.get(node.id);
+                if (events && events.size > 0) {
+                    const eventsList = Array.from(events).join(', ');
+                    const currentTitle = node.title || '';
+                    node.title = currentTitle + `\n관련 사건: ${eventsList}`;
+                    nodes.update(node);
+                }
+            });
+            
+            if (nodes.length === 0) {
+                content.innerHTML = '<div style="text-align: center; padding: 24px; color: var(--text-secondary); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">선택한 사건에 관련된 노드가 없습니다.</div>';
+                return;
+            }
+            
+            // 네트워크 생성
+            const container = document.createElement('div');
+            container.id = 'graphRAGVisualizationByEventNetwork';
+            container.style.width = '100%';
+            container.style.height = '100%';
+            content.appendChild(container);
+            
+            const graphData = { nodes: nodes, edges: edges };
+            const options = {
+                nodes: {
+                    borderWidth: 2,
+                    shadow: true
+                },
+                edges: {
+                    width: 2,
+                    shadow: true,
+                    smooth: { type: 'continuous' }
+                },
+                physics: {
+                    enabled: true,
+                    stabilization: { iterations: 200 }
+                },
+                interaction: {
+                    hover: true,
+                    tooltipDelay: 100,
+                    zoomView: true,
+                    dragView: true
+                }
+            };
+            
+            webnovelGraphNetworkByEvent = new vis.Network(container, graphData, options);
+            webnovelGraphDataByEvent = graphData;
+        }
+
+        function updateGraphVisualizationByEvent() {
+            if (!webnovelAllGraphDataByEvent) return;
+            
+            const eventFilter = getSelectedEventsByEvent();
+            createWebnovelGraphVisualizationByEvent(webnovelAllGraphDataByEvent, eventFilter);
+        }
+
+        function getSelectedEventsByEvent() {
+            const checkboxes = document.querySelectorAll('#eventFilterListByEvent input[type="checkbox"]:checked');
+            return Array.from(checkboxes).map(cb => cb.value);
+        }
+
+        function toggleWebnovelEventFilterByEvent() {
+            const dropdown = document.getElementById('eventFilterDropdownByEvent');
+            const icon = document.getElementById('eventFilterToggleIconByEvent');
+            const isVisible = dropdown.style.display !== 'none';
+            dropdown.style.display = isVisible ? 'none' : 'block';
+            icon.style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';
+        }
+
+        function handleWebnovelEventFilterAllByEvent() {
+            const allCheckbox = document.getElementById('eventFilterAllByEvent');
+            const checkboxes = document.querySelectorAll('#eventFilterListByEvent input[type="checkbox"]');
+            checkboxes.forEach(cb => {
+                cb.checked = allCheckbox.checked;
+            });
+            updateWebnovelEventFilterButtonTextByEvent();
+            updateGraphVisualizationByEvent();
+        }
+
+        function handleWebnovelIndividualEventChangeByEvent() {
+            const allCheckbox = document.getElementById('eventFilterAllByEvent');
+            const checkboxes = document.querySelectorAll('#eventFilterListByEvent input[type="checkbox"]');
+            const checkedCount = Array.from(checkboxes).filter(cb => cb.checked).length;
+            allCheckbox.checked = checkedCount === checkboxes.length;
+            updateWebnovelEventFilterButtonTextByEvent();
+            updateGraphVisualizationByEvent();
+        }
+
+        function updateWebnovelEventFilterButtonTextByEvent() {
+            const button = document.getElementById('eventFilterToggleByEvent');
+            const selectedCount = getSelectedEventsByEvent().length;
+            const buttonText = button.querySelector('span:first-child');
+            if (selectedCount === 0) {
+                buttonText.textContent = '사건 필터';
+            } else {
+                buttonText.textContent = `사건 필터 (${selectedCount}개 선택됨)`;
+            }
+        }
+
+        function resetGraphViewByEvent() {
+            if (webnovelGraphNetworkByEvent) {
+                webnovelGraphNetworkByEvent.fit();
+            }
+        }
+
+        function closeGraphRAGVisualizationByEventModal() {
+            document.getElementById('graphRAGVisualizationByEventModal').classList.remove('active');
+            if (webnovelGraphNetworkByEvent) {
+                webnovelGraphNetworkByEvent.destroy();
+                webnovelGraphNetworkByEvent = null;
+            }
+        }
+
         document.getElementById('graphRAGVisualizationModal').addEventListener('click', function(e) {
             if (e.target === this) {
                 closeGraphRAGVisualizationModal();

templates/webtoon_personal_management.html

@@ -151,6 +151,124 @@
             margin-bottom: 20px;
         }
         
+        /* Notion Weekly Dashboard Styles */
+        .notion-weekly-dashboard {
+            display: grid;
+            grid-template-columns: repeat(7, 1fr);
+            gap: 12px;
+            margin-top: 24px;
+            overflow-x: auto;
+            padding-bottom: 16px;
+        }
+        .notion-day-column {
+            background: #f8f9fa;
+            border: 1px solid var(--border);
+            border-radius: 10px;
+            min-width: 180px;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        }
+        .notion-day-header {
+            background: #ffffff;
+            border-bottom: 1px solid var(--border);
+            padding: 12px;
+            text-align: center;
+        }
+        .notion-day-name {
+            font-size: 14px;
+            font-weight: 700;
+            color: var(--accent);
+            margin-bottom: 4px;
+        }
+        .notion-day-date {
+            font-size: 12px;
+            color: var(--muted);
+        }
+        .notion-day-tasks {
+            flex: 1;
+            padding: 8px;
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+            min-height: 100px;
+        }
+        .notion-task-card {
+            background: #ffffff;
+            border: 1px solid #e0e0e0;
+            border-radius: 6px;
+            padding: 10px;
+            font-size: 12px;
+            box-shadow: 0 1px 2px rgba(0,0,0,0.05);
+            transition: transform 0.2s;
+        }
+        .notion-task-card.planned {
+            border-left: 4px solid #fbc02d;
+            background: #fffdf7;
+        }
+        .notion-task-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        }
+        .notion-task-badge {
+            display: inline-block;
+            padding: 1px 4px;
+            border-radius: 3px;
+            font-size: 10px;
+            font-weight: 700;
+            margin-right: 4px;
+            vertical-align: middle;
+        }
+        .badge-notion { background: #e8f0fe; color: #1a73e8; }
+        .badge-planned { background: #fff8e1; color: #f57f17; }
+        .notion-task-title {
+            font-weight: 600;
+            margin-bottom: 4px;
+            color: #3c4043;
+            word-break: break-all;
+        }
+        .notion-task-meta {
+            font-size: 11px;
+            color: #70757a;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .notion-day-column.today {
+            border-color: var(--accent);
+            box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
+        }
+        .notion-day-column.today .notion-day-header {
+            background: #e8f0fe;
+        }
+
+        /* 통계 요약 바 */
+        .notion-stats-bar {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+            gap: 16px;
+            margin-bottom: 24px;
+        }
+        .notion-stat-box {
+            background: #ffffff;
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            padding: 16px;
+            text-align: center;
+        }
+        .notion-stat-label {
+            font-size: 12px;
+            color: var(--muted);
+            margin-bottom: 4px;
+            text-transform: uppercase;
+            font-weight: 600;
+        }
+        .notion-stat-value {
+            font-size: 20px;
+            font-weight: 700;
+            color: var(--text-primary);
+        }
+
         /* Gantt 스타일 */
         .gantt-wrapper {
             display: flex;
@@ -342,6 +460,70 @@
                 📅 이번 주: {{ start_of_week }} ~ {{ end_of_week }}
             </div>
 
+            <!-- Notion 일정표 섹션 -->
+            <div class="notion-schedule-card">
+                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;">
+                    <h2 style="font-size: 20px; font-weight: 700; margin: 0;">📅 주간 업무 보드</h2>
+                    <div style="display: flex; gap: 8px;">
+                        <button onclick="loadNotionSchedule()" style="padding: 6px 12px; font-size: 12px; background: var(--accent); color: white; border: none; border-radius: 4px; cursor: pointer;">새로고침</button>
+                    </div>
+                </div>
+                
+                <div id="notionLoading" class="loading-spinner" style="display: none;">
+                    <div class="spinner-icon"></div>
+                    <span id="notionLoadingText">Notion 데이터를 불러오는 중...</span>
+                </div>
+
+                <!-- 에러 및 캐시 알림 메세지 -->
+                <div id="notionAlert" style="display: none; margin-bottom: 16px; padding: 12px 16px; border-radius: 8px; font-size: 14px;">
+                </div>
+
+                <!-- 통계 요��� 바 -->
+                <div id="notionStatsBar" class="notion-stats-bar" style="display: none;">
+                    <div class="notion-stat-box">
+                        <div class="notion-stat-label">MONTH</div>
+                        <div id="statMonth" class="notion-stat-value">-</div>
+                    </div>
+                    <div class="notion-stat-box">
+                        <div class="notion-stat-label">TOTAL TASK</div>
+                        <div id="statTotal" class="notion-stat-value">0</div>
+                    </div>
+                    <div class="notion-stat-box">
+                        <div class="notion-stat-label">THIS WEEK</div>
+                        <div id="statThisWeek" class="notion-stat-value">0</div>
+                    </div>
+                    <div class="notion-stat-box">
+                        <div class="notion-stat-label">LAST WEEK</div>
+                        <div id="statLastWeek" class="notion-stat-value">0</div>
+                    </div>
+                </div>
+
+                <!-- 주간 대시보드 (요일별 컬럼) -->
+                <div style="margin-top: 24px;">
+                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
+                        <span style="background: #e8f0fe; color: #1a73e8; padding: 4px 12px; border-radius: 6px; font-size: 14px; font-weight: 700;">이번 주</span>
+                        <h3 style="font-size: 16px; font-weight: 700; margin: 0; color: #3c4043;"> 주간 업무 보드</h3>
+                    </div>
+                    <div id="notionWeeklyDashboard" class="notion-weekly-dashboard">
+                        <!-- 요일별 컬럼이 여기에 동적으로 생성됩니다 -->
+                    </div>
+                </div>
+
+                <div style="margin-top: 40px;">
+                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
+                        <span style="background: #f1f3f4; color: #5f6368; padding: 4px 12px; border-radius: 6px; font-size: 14px; font-weight: 700;">지난 주</span>
+                        <h3 style="font-size: 16px; font-weight: 700; margin: 0; color: #3c4043;"> 주간 업무 보드</h3>
+                    </div>
+                    <div id="notionLastWeeklyDashboard" class="notion-weekly-dashboard">
+                        <!-- 요일별 컬럼이 여기에 동적으로 생성됩니다 -->
+                    </div>
+                </div>
+
+                <div id="notionEmptyState" style="text-align: center; padding: 40px; color: var(--muted); border: 1px dashed var(--border); border-radius: 8px; display: none;">
+                    일정 데이터가 없습니다.
+                </div>
+            </div>
+
             <!-- 공지사항 섹션 -->
             <div id="noticeContainer" class="notice-container">
                 <!-- 공지사항이 여기에 로드됩니다 -->
@@ -389,37 +571,6 @@
                 </div>
             {% endif %}
 
-            <!-- Notion 일정표 섹션 (Gantt 전용) -->
-            <div class="notion-schedule-card">
-                <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
-                    <h2 style="font-size: 20px; font-weight: 700; margin: 0;">📅 Notion 일정표 (지난 주 ~ 이번 주)</h2>
-                    <button onclick="loadNotionSchedule()" style="padding: 6px 12px; font-size: 12px; background: var(--accent); color: white; border: none; border-radius: 4px; cursor: pointer;">새로고침</button>
-                </div>
-                
-                <div id="notionLoading" class="loading-spinner" style="display: none;">
-                    <div class="spinner-icon"></div>
-                    데이터를 불러오는 중...
-                </div>
-                
-                <div id="notionGanttSection" style="margin-top: 16px; display: none;">
-                    <div class="gantt-wrapper" id="notionGanttWrapper" style="height: auto; min-height: 200px;">
-                        <div class="gantt-side">
-                            <div class="gantt-side-header">업무명</div>
-                            <div class="gantt-side-list" id="notionGanttSideList"></div>
-                        </div>
-                        <div class="gantt-right-col">
-                            <div class="gantt-chart-container" id="notionGanttContainer">
-                                <svg id="notionGanttSvg"></svg>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                
-                <div id="notionEmptyState" style="text-align: center; padding: 40px; color: var(--muted); border: 1px dashed var(--border); border-radius: 8px; display: none;">
-                    일정 데이터가 없습니다.
-                </div>
-            </div>
-
             {% if matched_data %}
                 {% for project in matched_data %}
                 <div style="margin-top: 40px;">
@@ -659,13 +810,16 @@
 
         async function loadNotionSchedule() {
             const loading = document.getElementById('notionLoading');
+            const loadingText = document.getElementById('notionLoadingText');
             const ganttSection = document.getElementById('notionGanttSection');
             const emptyState = document.getElementById('notionEmptyState');
+            const alertBox = document.getElementById('notionAlert');
             
-            loading.style.display = 'flex';
-            ganttSection.style.display = 'none';
-            emptyState.style.display = 'none';
-            document.getElementById('notionGanttSideList').innerHTML = '';
+            if (loading) loading.style.display = 'flex';
+            if (loadingText) loadingText.textContent = '🔄 Notion 데이터베이스에 연결하고 있습니다...';
+            if (ganttSection) ganttSection.style.display = 'none';
+            if (emptyState) emptyState.style.display = 'none';
+            if (alertBox) alertBox.style.display = 'none';
             
             try {
                 let nicknamesToFetch = [];
@@ -680,11 +834,13 @@
                 
                 let allResults = [];
                 let dateProperty = null;
+                let hasNotionError = false;
+                let errorDetails = "";
 
                 const total = nicknamesToFetch.length;
                 for (let i = 0; i < total; i++) {
                     const name = nicknamesToFetch[i];
-                    loading.innerHTML = `<div class="spinner-icon"></div> [${i+1}/${total}] ${name || '전체'} 데이터를 불러오는 중...`;
+                    loadingText.innerHTML = `📂 [${i+1}/${total}] <strong>${name || '전체'}</strong> 담당자의 일정 데이터를 가져오는 중...`;
                     
                     let url = `/api/admin/webtoon/agent/schedule?t=${new Date().getTime()}&page_size=50`;
                     if (name) {
@@ -701,12 +857,28 @@
                         if (!dateProperty && data.date_property) {
                             dateProperty = data.date_property;
                         }
+                        
+                        // 캐시 데이터를 불러온 경우 알림 표시
+                        if (data.is_from_cache) {
+                            hasNotionError = true;
+                            errorDetails = data.error || "Notion API 연결에 실패하여 저장된 데이터를 표시합니다.";
+                        }
                     } else {
                         console.error(`Failed to load schedule for ${name}:`, data.error);
+                        hasNotionError = true;
+                        errorDetails = data.error;
                     }
                 }
                 
-                loading.innerHTML = `<div class="spinner-icon"></div> 데이터를 정리하는 중...`;
+                if (hasNotionError) {
+                    alertBox.style.display = 'block';
+                    alertBox.style.backgroundColor = '#fce8e6';
+                    alertBox.style.color = '#c5221f';
+                    alertBox.style.border = '1px solid #f5c2c7';
+                    alertBox.innerHTML = `⚠️ <strong>연결 알림:</strong> ${errorDetails}`;
+                }
+
+                loadingText.textContent = '📊 분석된 데이터를 바탕으로 주간 업무 보드를 구성하고 있습니다...';
 
                 if (allResults.length === 0) {
                     emptyState.style.display = 'block';
@@ -724,20 +896,112 @@
                 }
                 
                 renderNotionGantt(uniqueResults, dateProperty);
-                ganttSection.style.display = 'block';
+                if (ganttSection) ganttSection.style.display = 'block';
             } catch (error) {
                 console.error('Notion schedule load failed:', error);
-                emptyState.textContent = '데이터를 불러오지 못했습니다: ' + error.message;
-                emptyState.style.display = 'block';
+                if (emptyState) {
+                    emptyState.textContent = '데이터를 불러오지 못했습니다: ' + error.message;
+                    emptyState.style.display = 'block';
+                }
             } finally {
-                loading.style.display = 'none';
-                loading.innerHTML = `<div class="spinner-icon"></div> 데이터를 불러오는 중...`;
+                if (loading) {
+                    loading.style.display = 'none';
+                    if (loadingText) loadingText.innerHTML = `<div class="spinner-icon"></div> 데이터를 불러오는 중...`;
+                }
             }
         }
 
         function renderNotionGantt(results, datePropName) {
             const tasks = [];
             
+            // 주간 일정을 위한 컨테이너 초기화
+            const dashboard = document.getElementById('notionWeeklyDashboard');
+            const lastDashboard = document.getElementById('notionLastWeeklyDashboard');
+            const statsBar = document.getElementById('notionStatsBar');
+            
+            dashboard.innerHTML = '';
+            lastDashboard.innerHTML = '';
+            dashboard.style.display = 'grid';
+            lastDashboard.style.display = 'grid';
+            statsBar.style.display = 'grid';
+
+            // 날짜 계산 (오늘 기준 이번 주 월요일 ~ 다음 주 일요일)
+            const now = new Date();
+            const todayStr = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0') + '-' + String(now.getDate()).padStart(2, '0');
+            
+            const day = now.getDay();
+            const diffToMonday = (day === 0 ? 6 : day - 1);
+            
+            const thisMonday = new Date(now);
+            thisMonday.setDate(now.getDate() - diffToMonday);
+            thisMonday.setHours(0,0,0,0);
+            
+            const lastMonday = new Date(thisMonday);
+            lastMonday.setDate(thisMonday.getDate() - 7);
+            
+            const thisSunday = new Date(thisMonday);
+            thisSunday.setDate(thisMonday.getDate() + 6);
+            thisSunday.setHours(23,59,59,999);
+            
+            const nextMonday = new Date(thisMonday);
+            nextMonday.setDate(thisMonday.getDate() + 7);
+            nextMonday.setHours(0,0,0,0);
+            
+            const nextSunday = new Date(nextMonday);
+            nextSunday.setDate(nextMonday.getDate() + 6);
+            nextSunday.setHours(23,59,59,999);
+
+            const toIsoDate = (d) => d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
+            const formatDate = (d) => `${d.getMonth() + 1}/${d.getDate()}`;
+            
+            const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+            document.getElementById('statMonth').textContent = monthNames[now.getMonth()];
+
+            // 요일 컬럼 생성 (이번 주 & 지난 주)
+            const dayNames = ['월', '화', '수', '목', '금', '토', '일'];
+            const thisDayColumns = {};
+            const lastDayColumns = {};
+
+            for (let i = 0; i < 7; i++) {
+                const dayDt = new Date(thisMonday);
+                dayDt.setDate(thisMonday.getDate() + i);
+                const dayStr = toIsoDate(dayDt);
+                
+                const col = document.createElement('div');
+                col.className = `notion-day-column ${dayStr === todayStr ? 'today' : ''}`;
+                col.innerHTML = `
+                    <div class="notion-day-header">
+                        <div class="notion-day-name">${dayNames[i]}요일</div>
+                        <div class="notion-day-date">${formatDate(dayDt)}</div>
+                    </div>
+                    <div id="this-day-tasks-${dayStr}" class="notion-day-tasks"></div>
+                `;
+                dashboard.appendChild(col);
+                thisDayColumns[dayStr] = col.querySelector('.notion-day-tasks');
+            }
+
+            for (let i = 0; i < 7; i++) {
+                const dayDt = new Date(lastMonday);
+                dayDt.setDate(lastMonday.getDate() + i);
+                const dayStr = toIsoDate(dayDt);
+                
+                const col = document.createElement('div');
+                col.className = 'notion-day-column';
+                col.innerHTML = `
+                    <div class="notion-day-header">
+                        <div class="notion-day-name">${dayNames[i]}요일</div>
+                        <div class="notion-day-date">${formatDate(dayDt)}</div>
+                    </div>
+                    <div id="last-day-tasks-${dayStr}" class="notion-day-tasks"></div>
+                `;
+                lastDashboard.appendChild(col);
+                lastDayColumns[dayStr] = col.querySelector('.notion-day-tasks');
+            }
+
+            let totalCount = results.length;
+            let thisWeekCount = 0;
+            let lastWeekCount = 0;
+
             results.forEach((item, idx) => {
                 const props = item.properties;
                 
@@ -762,64 +1026,114 @@
                 let endDate = dateDetail.end || startDate;
                 
                 if (startDate) {
-                    // 시간 포함된 경우 날짜만 추출 (YYYY-MM-DD)
-                    startDate = startDate.split('T')[0];
-                    endDate = endDate.split('T')[0];
+                    const startDateStr = startDate.split('T')[0];
+                    const endDateStr = endDate.split('T')[0];
                     
-                    tasks.push({
-                        id: `notion-task-${idx}`,
-                        name: taskName,
-                        start: startDate,
-                        end: endDate,
-                        progress: 0,
-                        custom_class: 'notion-task',
-                        level: 'item'
-                    });
+                    const taskCardHtml = `
+                        <div class="notion-task-card">
+                            <div class="notion-task-title" title="${taskName}">
+                                <span class="notion-task-badge badge-notion">NOTION</span>${taskName}
+                            </div>
+                            <div class="notion-task-meta">
+                                <span>📅 ${startDateStr === endDateStr ? startDateStr.slice(5) : startDateStr.slice(5) + '-' + endDateStr.slice(5)}</span>
+                            </div>
+                        </div>
+                    `;
+
+                    // 이번 주 요일별 대시보드에 배치
+                    for (const [dayStr, container] of Object.entries(thisDayColumns)) {
+                        if (startDateStr <= dayStr && endDateStr >= dayStr) {
+                            container.insertAdjacentHTML('beforeend', taskCardHtml);
+                        }
+                    }
+
+                    // 지난 주 요일별 대시보드에 배치
+                    for (const [dayStr, container] of Object.entries(lastDayColumns)) {
+                        if (startDateStr <= dayStr && endDateStr >= dayStr) {
+                            container.insertAdjacentHTML('beforeend', taskCardHtml);
+                        }
+                    }
+
+                    // 통계용 계산
+                    const thisSunStr = toIsoDate(thisSunday);
+                    const thisMonStr = toIsoDate(thisMonday);
+                    const lastSunStr = toIsoDate(new Date(thisMonday.getTime() - 86400000));
+                    const lastMonStr = toIsoDate(lastMonday);
+
+                    if (startDateStr <= thisSunStr && endDateStr >= thisMonStr) {
+                        thisWeekCount++;
+                    } else if (startDateStr <= lastSunStr && endDateStr >= lastMonStr) {
+                        lastWeekCount++;
+                    }
                 }
             });
-            
-            if (tasks.length === 0) {
-                document.getElementById('notionEmptyState').style.display = 'block';
-                document.getElementById('notionGanttSection').style.display = 'none';
-                return;
-            }
 
-            // 정렬 (최신 일자가 위로 오도록 내림차순 정렬)
-            tasks.sort((a, b) => new Date(b.start) - new Date(a.start));
+            // (예정) 이주의 할 일 데이터를 보드에 추가
+            if (matchedData && matchedData.length > 0) {
+                matchedData.forEach(project => {
+                    const fileName = project.file_name;
+                    project.episodes.forEach(ep => {
+                        const epNum = ep.episode_num;
+                        if (ep.stages) {
+                            ep.stages.forEach(st => {
+                                const stageName = getStageName(st.stage_key, st);
+                                const taskName = `[${fileName}] ${epNum}화 ${stageName}`;
+                                const startDateStr = st.start_date;
+                                const endDateStr = st.end_date;
 
-            const ganttObj = new Gantt("#notionGanttSvg", tasks, {
-                header_height: 60,
-                column_width: 32,
-                step: 24,
-                view_mode: 'Day',
-                bar_height: 25,
-                bar_corner_radius: 4,
-                padding: 15,
-                date_format: 'YYYY-MM-DD',
-                readonly: true
-            });
+                                const taskCardHtml = `
+                                    <div class="notion-task-card planned">
+                                        <div class="notion-task-title" title="${taskName}">
+                                            <span class="notion-task-badge badge-planned">예정</span>${taskName}
+                                        </div>
+                                        <div class="notion-task-meta">
+                                            <span>📅 ${startDateStr === endDateStr ? startDateStr.slice(5) : startDateStr.slice(5) + '-' + endDateStr.slice(5)}</span>
+                                        </div>
+                                    </div>
+                                `;
 
-            // 사이드 리스트 및 레이아웃 조정
-            const sideList = document.getElementById('notionGanttSideList');
-            const container = document.getElementById('notionGanttContainer');
-            const svg = document.getElementById('notionGanttSvg');
-            
-            sideList.innerHTML = '';
-            tasks.forEach(t => {
-                const div = document.createElement('div');
-                div.className = 'gantt-side-item';
-                div.textContent = t.name;
-                div.title = t.name;
-                sideList.appendChild(div);
-            });
+                                // 이번 주 요일별 대시보드에 배치
+                                for (const [dayStr, container] of Object.entries(thisDayColumns)) {
+                                    if (startDateStr <= dayStr && endDateStr >= dayStr) {
+                                        container.insertAdjacentHTML('beforeend', taskCardHtml);
+                                    }
+                                }
 
-            container.onscroll = () => { sideList.scrollTop = container.scrollTop; };
+                                // 지난 주 요일별 대시보드에 배치
+                                for (const [dayStr, container] of Object.entries(lastDayColumns)) {
+                                    if (startDateStr <= dayStr && endDateStr >= dayStr) {
+                                        container.insertAdjacentHTML('beforeend', taskCardHtml);
+                                    }
+                                }
+                            });
+                        }
+                    });
+                });
+            }
 
-            const rowCount = tasks.length;
-            const calculatedHeight = 60 + (rowCount * 40) + 20;
-            svg.setAttribute('height', calculatedHeight);
-            svg.style.height = calculatedHeight + 'px';
-            document.getElementById('notionGanttWrapper').style.height = (calculatedHeight > 400 ? 400 : calculatedHeight) + 'px';
+            document.getElementById('statTotal').textContent = totalCount;
+            document.getElementById('statThisWeek').textContent = thisWeekCount;
+            document.getElementById('statLastWeek').textContent = lastWeekCount;
+            
+            // 데이터 없는 요일 처리
+            for (const dayStr in thisDayColumns) {
+                if (thisDayColumns[dayStr].innerHTML === '') {
+                    thisDayColumns[dayStr].innerHTML = '<div style="text-align: center; padding: 20px; color: #9aa0a6; font-size: 11px; font-style: italic;">일정 없음</div>';
+                }
+            }
+            for (const dayStr in lastDayColumns) {
+                if (lastDayColumns[dayStr].innerHTML === '') {
+                    lastDayColumns[dayStr].innerHTML = '<div style="text-align: center; padding: 20px; color: #9aa0a6; font-size: 11px; font-style: italic;">일정 없음</div>';
+                }
+            }
+            
+            if (results.length === 0) {
+                document.getElementById('notionEmptyState').style.display = 'block';
+                document.getElementById('notionWeeklyDashboard').parentElement.style.display = 'none';
+                document.getElementById('notionLastWeeklyDashboard').parentElement.style.display = 'none';
+                document.getElementById('notionStatsBar').style.display = 'none';
+                return;
+            }
         }
 
         function formatValue(val) {