메타데이터 생성 기능 개선: 기존 메타데이터 병합 및 회차 정보 유지

DEPLOYMENT_GUIDE.md

@@ -0,0 +1,773 @@
+# DigitalOcean 배포 가이드
+
+## 목차
+1. [사전 준비사항](#사전-준비사항)
+2. [Droplet 생성](#droplet-생성)
+3. [서버 초기 설정](#서버-초기-설정)
+4. [Ollama 설치 및 설정](#ollama-설치-및-설정)
+5. [프로젝트 배포](#프로젝트-배포)
+6. [Nginx 설정](#nginx-설정)
+7. [SSL 인증서 설정](#ssl-인증서-설정)
+8. [systemd 서비스 설정](#systemd-서비스-설정)
+9. [백업 설정](#백업-설정)
+10. [모니터링 설정](#모니터링-설정)
+11. [문제 해결](#문제-해결)
+
+---
+
+## 사전 준비사항
+
+### 필요한 것들:
+- DigitalOcean 계정 (https://www.digitalocean.com/)
+- 도메인 (선택사항, 있으면 좋음)
+- GitHub/GitLab 저장소 (또는 프로젝트 파일)
+- Gemini API 키 (사용하는 경우)
+
+### 예상 비용:
+- Droplet (8GB RAM): $48/월
+- 도메인: $10-15/년 (선택사항)
+- 총: 약 $48-50/월
+
+---
+
+## Droplet 생성
+
+### 1. DigitalOcean 로그인 및 Droplet 생성
+
+1. https://www.digitalocean.com/ 접속 및 로그인
+2. "Create" → "Droplets" 클릭
+3. 다음 설정 선택:
+
+**이미지:**
+- Ubuntu 22.04 (LTS) x64
+
+**플랜:**
+- Regular (일반)
+- 8GB RAM / 4 vCPUs / 160GB SSD ($48/월) **추천**
+- 또는 4GB RAM / 2 vCPUs / 80GB SSD ($24/월) - 최소 사양
+
+**데이터센터 지역:**
+- Singapore (싱가포르) - 한국에서 가장 가까움
+- 또는 Seoul (서울) - 가능한 경우
+
+**인증:**
+- SSH 키 추가 (권장)
+- 또는 비밀번호 설정
+
+**추가 옵션:**
+- Monitoring 활성화
+- Backups 활성화 (선택사항, 추가 비용)
+
+4. "Create Droplet" 클릭
+
+### 2. 서버 접속 정보 확인
+
+생성 완료 후 이메일로 IP 주소와 접속 정보를 받게 됩니다.
+- IP 주소: 예) `123.45.67.89`
+- Root 비밀번호 (비밀번호 방식인 경우)
+
+---
+
+## 서버 초기 설정
+
+### 1. SSH로 서버 접속
+
+**Windows (PowerShell):**
+```powershell
+ssh root@YOUR_SERVER_IP
+```
+
+**Mac/Linux:**
+```bash
+ssh root@YOUR_SERVER_IP
+```
+
+### 2. 시스템 업데이트
+
+```bash
+# 시스템 업데이트
+apt update && apt upgrade -y
+
+# 필수 패키지 설치
+apt install -y \
+    python3 \
+    python3-pip \
+    python3-venv \
+    git \
+    curl \
+    wget \
+    nginx \
+    certbot \
+    python3-certbot-nginx \
+    supervisor \
+    ufw \
+    htop \
+    nano \
+    build-essential \
+    libssl-dev \
+    libffi-dev \
+    python3-dev
+```
+
+### 3. 방화벽 설정
+
+```bash
+# UFW 방화벽 활성화
+ufw allow OpenSSH
+ufw allow 'Nginx Full'
+ufw allow 11434/tcp  # Ollama 포트
+ufw enable
+ufw status
+```
+
+### 4. 사용자 생성 (선택사항, 보안을 위해 권장)
+
+```bash
+# 새 사용자 생성
+adduser deploy
+usermod -aG sudo deploy
+
+# SSH 키 복사 (로컬에서)
+# Windows: type C:\Users\YourName\.ssh\id_rsa.pub | ssh root@YOUR_SERVER_IP "cat >> /home/deploy/.ssh/authorized_keys"
+# Mac/Linux: ssh-copy-id deploy@YOUR_SERVER_IP
+
+# deploy 사용자로 전환
+su - deploy
+```
+
+---
+
+## Ollama 설치 및 설정
+
+### 1. Ollama 설치
+
+```bash
+# Ollama 설치 스크립트 실행
+curl -fsSL https://ollama.com/install.sh | sh
+
+# Ollama 서비스 확인
+systemctl status ollama
+
+# Ollama 자동 시작 설정
+systemctl enable ollama
+```
+
+### 2. Ollama 모델 다운로드
+
+```bash
+# 사용할 모델 다운로드 (예: llama2)
+ollama pull llama2
+
+# 또는 다른 모델
+# ollama pull mistral
+# ollama pull qwen
+
+# 설치된 모델 확인
+ollama list
+```
+
+### 3. Ollama 서비스 확인
+
+```bash
+# Ollama가 정상 작동하는지 확인
+curl http://localhost:11434/api/tags
+
+# 서비스 재시작
+systemctl restart ollama
+```
+
+---
+
+## 프로젝트 배포
+
+### 1. 프로젝트 디렉토리 생성
+
+```bash
+# 홈 디렉토리로 이동
+cd ~
+
+# 프로젝트 디렉토리 생성
+mkdir -p /var/www
+cd /var/www
+
+# 소유권 설정 (deploy 사용자 사용 시)
+# chown -R deploy:deploy /var/www
+```
+
+### 2. 프로젝트 파일 업로드
+
+**방법 1: Git 사용 (권장)**
+
+```bash
+# Git 저장소 클론
+git clone YOUR_REPOSITORY_URL "soy-nv-ai"
+cd soy-nv-ai
+
+# 또는 직접 파일 업로드
+# scp -r "D:\SOY NV AI\*" deploy@YOUR_SERVER_IP:/var/www/soy-nv-ai/
+```
+
+**방법 2: SCP로 파일 전송 (Windows PowerShell)**
+
+```powershell
+# 프로젝트 폴더 전체 업로드
+scp -r "D:\SOY NV AI\*" deploy@YOUR_SERVER_IP:/var/www/soy-nv-ai/
+```
+
+### 3. 가상환경 설정
+
+```bash
+cd /var/www/soy-nv-ai
+
+# 가상환경 생성
+python3 -m venv venv
+
+# 가상환경 활성화
+source venv/bin/activate
+
+# pip 업그레이드
+pip install --upgrade pip
+
+# 의존성 설치
+pip install -r requirements.txt
+
+# 설치 확인
+python --version
+pip list
+```
+
+### 4. 환경 변수 설정
+
+```bash
+# .env 파일 생성
+nano .env
+```
+
+**.env 파일 내용:**
+```env
+# Flask 설정
+SECRET_KEY=your-super-secret-key-change-this-in-production
+FLASK_ENV=production
+FLASK_DEBUG=False
+
+# 데이터베이스
+DATABASE_URL=sqlite:///var/www/soy-nv-ai/instance/finance_analysis.db
+
+# Ollama 설정
+OLLAMA_BASE_URL=http://localhost:11434
+
+# Gemini API (사용하는 경우)
+GEMINI_API_KEY=your-gemini-api-key-here
+
+# 업로드 폴더
+UPLOAD_FOLDER=/var/www/soy-nv-ai/uploads
+VECTOR_DB_PATH=/var/www/soy-nv-ai/vector_db
+KNOWLEDGE_GRAPH_PATH=/var/www/soy-nv-ai/knowledge_graphs
+
+# 임베딩 모델
+EMBEDDING_MODEL_NAME=sentence-transformers/all-MiniLM-L6-v2
+RERANKER_MODEL_NAME=BAAI/bge-reranker-base
+```
+
+**SECRET_KEY 생성 방법:**
+```bash
+python3 -c "import secrets; print(secrets.token_hex(32))"
+```
+
+### 5. 디렉토리 권한 설정
+
+```bash
+# 필요한 디렉토리 생성
+mkdir -p instance uploads vector_db knowledge_graphs logs
+
+# 권한 설정
+chmod -R 755 /var/www/soy-nv-ai
+chown -R deploy:deploy /var/www/soy-nv-ai  # deploy 사용자 사용 시
+
+# 업로드 폴더 쓰기 권한
+chmod -R 775 uploads
+chmod -R 775 instance
+chmod -R 775 vector_db
+```
+
+### 6. 애플리케이션 테스트
+
+```bash
+# 가상환경 활성화
+source venv/bin/activate
+
+# 데이터베이스 초기화
+python -c "from app import create_app; app = create_app(); app.app_context().push(); from app.database import db; db.create_all()"
+
+# 서버 테스트 실행
+python run.py
+```
+
+**다른 터미널에서 테스트:**
+```bash
+curl http://localhost:5001
+```
+
+정상 작동하면 `Ctrl+C`로 중지합니다.
+
+---
+
+## Nginx 설정
+
+### 1. Nginx 설정 파일 생성
+
+```bash
+sudo nano /etc/nginx/sites-available/soy-nv-ai
+```
+
+**설정 파일 내용:**
+```nginx
+server {
+    listen 80;
+    server_name YOUR_DOMAIN.com www.YOUR_DOMAIN.com;
+    # 또는 IP 주소만 사용: server_name YOUR_SERVER_IP;
+
+    # 로그 설정
+    access_log /var/log/nginx/soy-nv-ai-access.log;
+    error_log /var/log/nginx/soy-nv-ai-error.log;
+
+    # 클라이언트 최대 업로드 크기 (100MB)
+    client_max_body_size 100M;
+
+    # 프록시 설정
+    location / {
+        proxy_pass http://127.0.0.1:5001;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        
+        # WebSocket 지원 (필요한 경우)
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        
+        # 타임아웃 설정 (AI 응답이 오래 걸릴 수 있음)
+        proxy_connect_timeout 600s;
+        proxy_send_timeout 600s;
+        proxy_read_timeout 600s;
+    }
+
+    # 정적 파일 직접 제공 (선택사항)
+    location /static {
+        alias /var/www/soy-nv-ai/static;
+        expires 30d;
+        add_header Cache-Control "public, immutable";
+    }
+}
+```
+
+### 2. 설정 파일 활성화
+
+```bash
+# 심볼릭 링크 생성
+sudo ln -s /etc/nginx/sites-available/soy-nv-ai /etc/nginx/sites-enabled/
+
+# 기본 설정 비활성화 (선택사항)
+sudo rm /etc/nginx/sites-enabled/default
+
+# Nginx 설정 테스트
+sudo nginx -t
+
+# Nginx 재시작
+sudo systemctl restart nginx
+sudo systemctl enable nginx
+```
+
+### 3. 방화벽 확인
+
+```bash
+# Nginx 포트 확인
+sudo ufw status
+```
+
+---
+
+## SSL 인증서 설정
+
+### 1. Let's Encrypt SSL 인증서 설치
+
+**도메인이 있는 경우:**
+
+```bash
+# Certbot으로 SSL 인증서 발급
+sudo certbot --nginx -d YOUR_DOMAIN.com -d www.YOUR_DOMAIN.com
+
+# 자동 갱신 테스트
+sudo certbot renew --dry-run
+```
+
+**도메인이 없는 경우 (IP만 사용):**
+- SSL 인증서는 발급할 수 없습니다
+- HTTP로만 접속 가능 (보안상 권장하지 않음)
+- 내부 네트워크나 VPN 사용 고려
+
+### 2. 자동 갱신 설정
+
+```bash
+# Certbot 자동 갱신은 이미 systemd 타이머로 설정됨
+sudo systemctl status certbot.timer
+```
+
+---
+
+## systemd 서비스 설정
+
+### 1. 서비스 파일 생성
+
+```bash
+sudo nano /etc/systemd/system/soy-nv-ai.service
+```
+
+**서비스 파일 내용:**
+```ini
+[Unit]
+Description=SOY NV AI Flask Application
+After=network.target ollama.service
+
+[Service]
+Type=simple
+User=deploy
+Group=deploy
+WorkingDirectory=/var/www/soy-nv-ai
+Environment="PATH=/var/www/soy-nv-ai/venv/bin"
+Environment="FLASK_ENV=production"
+ExecStart=/var/www/soy-nv-ai/venv/bin/python /var/www/soy-nv-ai/run.py
+Restart=always
+RestartSec=10
+StandardOutput=journal
+StandardError=journal
+SyslogIdentifier=soy-nv-ai
+
+# 리소스 제한 (선택사항)
+LimitNOFILE=65535
+MemoryLimit=6G
+
+[Install]
+WantedBy=multi-user.target
+```
+
+### 2. 서비스 활성화 및 시작
+
+```bash
+# systemd 재로드
+sudo systemctl daemon-reload
+
+# 서비스 활성화 (부팅 시 자동 시작)
+sudo systemctl enable soy-nv-ai
+
+# 서비스 시작
+sudo systemctl start soy-nv-ai
+
+# 서비스 상태 확인
+sudo systemctl status soy-nv-ai
+
+# 로그 확인
+sudo journalctl -u soy-nv-ai -f
+```
+
+### 3. 서비스 관리 명령어
+
+```bash
+# 서비스 시작
+sudo systemctl start soy-nv-ai
+
+# 서비��� 중지
+sudo systemctl stop soy-nv-ai
+
+# 서비스 재시작
+sudo systemctl restart soy-nv-ai
+
+# 서비스 상태 확인
+sudo systemctl status soy-nv-ai
+
+# 로그 확인
+sudo journalctl -u soy-nv-ai -n 50
+sudo journalctl -u soy-nv-ai -f  # 실시간 로그
+```
+
+---
+
+## 백업 설정
+
+### 1. 백업 스크립트 생성
+
+```bash
+nano /var/www/soy-nv-ai/backup.sh
+```
+
+**백업 스크립트 내용:**
+```bash
+#!/bin/bash
+
+# 백업 디렉토리
+BACKUP_DIR="/var/backups/soy-nv-ai"
+DATE=$(date +%Y%m%d_%H%M%S)
+
+# 백업 디렉토리 생성
+mkdir -p $BACKUP_DIR
+
+# 데이터베이스 백업
+cp /var/www/soy-nv-ai/instance/finance_analysis.db $BACKUP_DIR/db_$DATE.db
+
+# 업로드 파일 백업
+tar -czf $BACKUP_DIR/uploads_$DATE.tar.gz /var/www/soy-nv-ai/uploads
+
+# 벡터 DB 백업
+tar -czf $BACKUP_DIR/vector_db_$DATE.tar.gz /var/www/soy-nv-ai/vector_db
+
+# 오래된 백업 삭제 (30일 이상)
+find $BACKUP_DIR -type f -mtime +30 -delete
+
+echo "Backup completed: $DATE"
+```
+
+### 2. 백업 스크립트 실행 권한 부여
+
+```bash
+chmod +x /var/www/soy-nv-ai/backup.sh
+```
+
+### 3. Cron으로 자동 백업 설정
+
+```bash
+# Crontab 편집
+crontab -e
+
+# 매일 새벽 2시에 백업 실행
+0 2 * * * /var/www/soy-nv-ai/backup.sh >> /var/log/soy-nv-ai-backup.log 2>&1
+```
+
+---
+
+## 모니터링 설정
+
+### 1. 서버 리소스 모니터링
+
+```bash
+# htop 설치 (이미 설치됨)
+htop
+
+# 또는 기본 top
+top
+```
+
+### 2. 디스크 사용량 확인
+
+```bash
+df -h
+du -sh /var/www/soy-nv-ai/*
+```
+
+### 3. 외부 모니터링 서비스 (선택사항)
+
+**Uptime Robot (무료):**
+- https://uptimerobot.com/
+- 5분마다 서버 상태 확인
+- 다운타임 알림
+
+**Pingdom:**
+- https://www.pingdom.com/
+- 더 상세한 모니터링
+
+---
+
+## 문제 해결
+
+### 1. 서비스가 시작되지 않는 경우
+
+```bash
+# 서비스 상태 확인
+sudo systemctl status soy-nv-ai
+
+# 로그 확인
+sudo journalctl -u soy-nv-ai -n 100
+
+# 수동 실행으로 오류 확인
+cd /var/www/soy-nv-ai
+source venv/bin/activate
+python run.py
+```
+
+### 2. Ollama 연결 오류
+
+```bash
+# Ollama 서비스 상태 확인
+sudo systemctl status ollama
+
+# Ollama 재시작
+sudo systemctl restart ollama
+
+# Ollama 로그 확인
+sudo journalctl -u ollama -n 50
+
+# Ollama 포트 확인
+netstat -tlnp | grep 11434
+```
+
+### 3. Nginx 오류
+
+```bash
+# Nginx 설정 테스트
+sudo nginx -t
+
+# Nginx 로그 확인
+sudo tail -f /var/log/nginx/error.log
+sudo tail -f /var/log/nginx/soy-nv-ai-error.log
+```
+
+### 4. 메모리 부족
+
+```bash
+# 메모리 사용량 확인
+free -h
+
+# 프로세스별 메모리 사용량
+ps aux --sort=-%mem | head
+
+# 필요시 서버 재시작
+sudo reboot
+```
+
+### 5. 디스크 공간 부족
+
+```bash
+# 디스크 사용량 확인
+df -h
+
+# 큰 파일 찾기
+du -h /var/www/soy-nv-ai | sort -rh | head -20
+
+# 로그 파일 정리
+sudo journalctl --vacuum-time=7d  # 7일 이상 된 로그 삭제
+```
+
+### 6. 포트 충돌
+
+```bash
+# 포트 사용 확인
+sudo netstat -tlnp | grep 5001
+sudo lsof -i :5001
+
+# 프로세스 종료
+sudo kill -9 PID
+```
+
+---
+
+## 배포 후 체크리스트
+
+- [ ] 서버 접속 확인
+- [ ] Ollama 설치 및 모델 다운로드 확인
+- [ ] 프로젝트 파일 업로드 완료
+- [ ] 가상환경 설정 및 의존성 설치 완료
+- [ ] 환경 변수 설정 완료
+- [ ] 데이터베이스 초기화 완료
+- [ ] Nginx 설정 및 테스트 완료
+- [ ] SSL 인증서 설치 완료 (도메인 있는 경우)
+- [ ] systemd 서비스 설정 및 자동 시작 확인
+- [ ] 백업 스크립트 설정 완료
+- [ ] 방화벽 설정 확인
+- [ ] 웹사이트 접속 테스트
+- [ ] 파일 업로드 기능 테스트
+- [ ] AI 채팅 기능 테스트
+- [ ] 모니터링 설정 완료
+
+---
+
+## 유용한 명령어 모음
+
+```bash
+# 서비스 관리
+sudo systemctl start/stop/restart/status soy-nv-ai
+sudo systemctl start/stop/restart/status ollama
+sudo systemctl start/stop/restart/status nginx
+
+# 로그 확인
+sudo journalctl -u soy-nv-ai -f
+sudo journalctl -u ollama -f
+sudo tail -f /var/log/nginx/soy-nv-ai-error.log
+
+# 프로세스 확인
+ps aux | grep python
+ps aux | grep ollama
+
+# 포트 확인
+netstat -tlnp | grep 5001
+netstat -tlnp | grep 11434
+
+# 디스크/메모리 확인
+df -h
+free -h
+htop
+
+# 백업 실행
+/var/www/soy-nv-ai/backup.sh
+```
+
+---
+
+## 추가 최적화
+
+### 1. Gunicorn 사용 (선택사항)
+
+Flask 개발 서버 대신 Gunicorn 사용 권장:
+
+```bash
+# Gunicorn 설치
+pip install gunicorn
+
+# systemd 서비스 파일 수정
+ExecStart=/var/www/soy-nv-ai/venv/bin/gunicorn \
+    --bind 127.0.0.1:5001 \
+    --workers 4 \
+    --timeout 600 \
+    --access-logfile - \
+    --error-logfile - \
+    run:app
+```
+
+### 2. 데이터베이스 마이그레이션
+
+SQLite 대신 PostgreSQL 사용 고려 (대규모 사용자):
+
+```bash
+# PostgreSQL 설치
+sudo apt install postgresql postgresql-contrib
+
+# requirements.txt에 추가
+# psycopg2-binary==2.9.9
+```
+
+### 3. CDN 설정
+
+Cloudflare 사용 (무료):
+- https://www.cloudflare.com/
+- 도메인 DNS를 Cloudflare로 변경
+- 캐싱 및 DDoS 보호
+
+---
+
+## 지원 및 도움말
+
+문제가 발생하면:
+1. 서버 로그 확인
+2. Nginx 로그 확인
+3. systemd 서비스 로그 확인
+4. DigitalOcean 문서 참조: https://docs.digitalocean.com/
+
+---
+
+**배포 완료 후 웹사이트 접속:**
+- HTTP: http://YOUR_SERVER_IP 또는 http://YOUR_DOMAIN.com
+- HTTPS: https://YOUR_DOMAIN.com (SSL 설정 후)
+
+축하합니다! 배포가 완료되었습니다! 🎉
+
+
+

EXAONE_설치_가이드.md

@@ -153,3 +153,5 @@ tokenizer = AutoTokenizer.from_pretrained("LGAI-EXAONE/EXAONE-3.0-7.8B-Instruct"
 
 
 
+
+

EXAONE_추가_안내.md

@@ -70,3 +70,5 @@ Ollama를 거치지 않고 Python에서 직접 Hugging Face 모델을 사용할
 
 
 
+
+

GIT_SETUP.md

@@ -73,3 +73,5 @@ gh repo create soy-nv-ai --public --source=. --remote=origin --push
 
 
 
+
+

HOSTING_RECOMMENDATIONS.md

@@ -0,0 +1,259 @@
+# 웹 호스팅 서비스 추천 가이드
+
+## 프로젝트 특성 분석
+
+현재 프로젝트는 다음과 같은 특징을 가지고 있습니다:
+- Flask 웹 애플리케이션
+- SQLite 데이터베이스
+- Ollama (로컬 AI 서버) 사용 - 포트 11434
+- ChromaDB (벡터 DB) - 로컬 파일 시스템
+- 파일 업로드 기능 (최대 100MB)
+- ML 라이브러리 (sentence-transformers, numpy, chromadb)
+- Gemini API도 사용 가능
+
+## 호스팅 옵션 비교
+
+### 1. VPS (Virtual Private Server) - 추천 ⭐⭐⭐⭐⭐
+
+**왜 추천하는가:**
+- Ollama와 같은 로컬 AI 서버를 실행할 수 있음
+- 전체 시스템 접근 권한
+- 파일 시스템 접근 (벡터 DB, 업로드 파일 등)
+- 커스텀 포트 설정 가능
+
+**추천 서비스:**
+
+#### A. AWS Lightsail
+- **가격**: $5/월 (512MB RAM) ~ $40/월 (8GB RAM)
+- **장점**: 
+  - AWS 생태계와 통합
+  - 자동 백업 기능
+  - 쉬운 스케일링
+- **단점**: 초기 설정이 약간 복잡
+- **추천 사양**: 4GB RAM 이상 (Ollama + ML 모델을 위해)
+
+#### B. DigitalOcean Droplets
+- **가격**: $6/월 (1GB RAM) ~ $48/월 (8GB RAM)
+- **장점**:
+  - 매우 직관적인 UI
+  - 우수한 문서화
+  - 예측 가능한 가격
+- **단점**: AWS보다 기능이 적음
+- **추천 사양**: 8GB RAM 이상
+- **링크**: https://www.digitalocean.com/
+
+#### C. Vultr
+- **가격**: $6/월 (1GB RAM) ~ $40/월 (8GB RAM)
+- **장점**:
+  - 빠른 서버 생성
+  - 전 세계 데이터센터
+  - GPU 서버 옵션 (AI 작업에 유용)
+- **단점**: 일부 지역은 속도가 느릴 수 있음
+- **링크**: https://www.vultr.com/
+
+#### D. Linode (Akamai)
+- **가격**: $5/월 (1GB RAM) ~ $48/월 (8GB RAM)
+- **장점**:
+  - 우수한 성능
+  - 24/7 고객 지원
+  - 백업 서비스 포함
+- **링크**: https://www.linode.com/
+
+### 2. 클라우드 플랫폼 - 중급 추천 ⭐⭐⭐
+
+#### A. Google Cloud Platform (GCP) Compute Engine
+- **가격**: 사용한 만큼 지불 (예상 $20-50/월)
+- **장점**:
+  - Gemini API와의 통합 용이
+  - 강력한 머신러닝 서비스
+  - 유연한 설정
+- **단점**: 가격 예측이 어려움, 설정 복잡
+- **추천 이유**: Gemini API를 사용하고 있어 통합이 용이
+
+#### B. AWS EC2
+- **가격**: 사용한 만큼 지불 또는 예약 인스턴스
+- **장점**:
+  - 가장 많은 기능과 서비스
+  - 우수한 확장성
+- **단점**: 가격 구조가 복잡, 초기 학습 곡선이 높음
+
+### 3. Platform-as-a-Service (PaaS) - 제한적 ⭐⭐
+
+**주의사항:**
+- Ollama를 직접 실행하기 어려움 (컨테이너 제약)
+- 파일 시스템 접근 제한 (벡터 DB 문제)
+- 일부 서비스는 ML 라이브러리 설치 제한
+
+#### A. Railway
+- **가격**: $5/월 + 사용량
+- **장점**: 매우 쉬운 배포
+- **단점**: Ollama 실행 어려움, 저장 공간 제한
+
+#### B. Render
+- **가격**: 무료 티어 있음, $7/월부터
+- **장점**: 무료 시작 가능
+- **단점**: 무료 티어는 제약이 많음, Ollama 실행 어려움
+
+#### C. Heroku
+- **가격**: $7/월부터
+- **단점**: Ollama 실행 어려움, 벡터 DB 저장 공간 제한
+
+## 최종 추천 순위
+
+### 1순위: DigitalOcean Droplets (8GB RAM)
+**이유:**
+- 설정이 간단하고 직관적
+- Ollama와 모든 의존성 설치 가능
+- 예측 가능한 가격
+- 우수한 성능
+
+**예상 비용**: $48/월
+
+### 2순위: Vultr (8GB RAM)
+**이유:**
+- 빠른 서버 생성
+- GPU 옵션 (향후 확장 가능)
+- 경쟁력 있는 가격
+
+**예상 비용**: $40/월
+
+### 3순위: AWS Lightsail (4GB RAM)
+**이유:**
+- AWS 생태계와의 통합
+- 자동 백업
+- 확장성
+
+**예상 비용**: $20/월 (시작), 확장 시 추가 비용
+
+## 배포 시 고려사항
+
+### 필수 변경사항:
+
+1. **Ollama URL 변경**
+   ```python
+   # 프로덕션 환경에서는 내부 네트워크나 같은 서버에서 실행
+   OLLAMA_BASE_URL = 'http://localhost:11434'  # 동일 서버
+   # 또는
+   OLLAMA_BASE_URL = 'http://ollama-server:11434'  # 별도 서버
+   ```
+
+2. **데이터베이스 백업**
+   - SQLite는 주기적 백업 필요
+   - PostgreSQL 또는 MySQL로 마이그레이션 고려 (선택사항)
+
+3. **환경 변수 설정**
+   - `.env` 파일 또는 환경 변수로 설정
+   - SECRET_KEY, GEMINI_API_KEY 등
+
+4. **파일 업로드 경로**
+   - 영구 스토리지 사용
+   - 백업 전략 수립
+
+5. **프록시 서버 설정**
+   - Nginx 또는 Apache로 리버스 프록시
+   - HTTPS 설정 (Let's Encrypt 무료 SSL)
+
+6. **프로세스 관리**
+   - systemd, supervisor, 또는 PM2 사용
+   - 서버 재시작 시 자동 실행
+
+7. **로그 관리**
+   - 로그 파일 로테이션
+   - 외부 로그 서비스 연동 (선택사항)
+
+## 빠른 시작 가이드 (DigitalOcean 예시)
+
+### 1. Droplet 생성
+- Ubuntu 22.04 LTS
+- 8GB RAM
+- 160GB SSD
+- 지역: 서울 (Seoul) 또는 가까운 지역
+
+### 2. 초기 설정
+```bash
+# 시스템 업데이트
+sudo apt update && sudo apt upgrade -y
+
+# 필수 패키지 설치
+sudo apt install -y python3-pip python3-venv git nginx certbot python3-certbot-nginx
+
+# Ollama 설치
+curl -fsSL https://ollama.com/install.sh | sh
+
+# 프로젝트 클론
+git clone <your-repo-url>
+cd "SOY NV AI"
+
+# 가상환경 설정
+python3 -m venv venv
+source venv/bin/activate
+pip install -r requirements.txt
+```
+
+### 3. 환경 변수 설정
+```bash
+# .env 파일 생성
+nano .env
+```
+
+### 4. Nginx 설정
+```nginx
+server {
+    listen 80;
+    server_name your-domain.com;
+
+    location / {
+        proxy_pass http://127.0.0.1:5001;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+    }
+}
+```
+
+### 5. systemd 서비스 생성
+```bash
+# /etc/systemd/system/soy-nv-ai.service
+[Unit]
+Description=SOY NV AI Flask App
+After=network.target
+
+[Service]
+User=www-data
+WorkingDirectory=/path/to/SOY NV AI
+Environment="PATH=/path/to/SOY NV AI/venv/bin"
+ExecStart=/path/to/SOY NV AI/venv/bin/python run.py
+
+[Install]
+WantedBy=multi-user.target
+```
+
+## 비용 비교표
+
+| 서비스 | 최소 사양 | 월 비용 | 추천 사양 | 월 비용 |
+|--------|----------|---------|----------|---------|
+| DigitalOcean | 1GB RAM | $6 | 8GB RAM | $48 |
+| Vultr | 1GB RAM | $6 | 8GB RAM | $40 |
+| AWS Lightsail | 512MB RAM | $5 | 4GB RAM | $20 |
+| Linode | 1GB RAM | $5 | 8GB RAM | $48 |
+| GCP Compute Engine | - | 사용량 기반 | n1-standard-2 | ~$50 |
+
+## 추가 권장사항
+
+1. **도메인 구매**: Namecheap, GoDaddy 등에서 도메인 구매
+2. **SSL 인증서**: Let's Encrypt 무료 SSL 사용
+3. **모니터링**: Uptime Robot (무료) 또는 Pingdom
+4. **백업**: 자동 백업 스크립트 설정
+5. **CDN**: Cloudflare (무료) 사용 고려
+
+## 다음 단계
+
+1. 호스팅 서비스 선택
+2. 서버 생성 및 초기 설정
+3. 프로젝트 배포
+4. 도메인 연결 및 SSL 설정
+5. 모니터링 및 백업 설정
+
+결정하신 호스팅 서비스를 알려주시면 상세한 배포 가이드를 작성해드리겠습니다!
+
+
+

QUICK_DEPLOY.md

@@ -0,0 +1,153 @@
+# 빠른 배포 가이드 (요약)
+
+## 1단계: DigitalOcean Droplet 생성
+
+1. https://www.digitalocean.com/ 접속
+2. Create → Droplets
+3. 설정:
+   - Ubuntu 22.04 LTS
+   - 8GB RAM / 4 vCPUs ($48/월)
+   - Singapore 또는 Seoul
+4. SSH 키 또는 비밀번호 설정
+5. Create Droplet
+
+## 2단계: 서버 접속 및 초기 설정
+
+```bash
+# 서버 접속
+ssh root@YOUR_SERVER_IP
+
+# 시스템 업데이트 및 필수 패키지 설치
+apt update && apt upgrade -y
+apt install -y python3 python3-pip python3-venv git curl nginx certbot python3-certbot-nginx supervisor ufw build-essential
+
+# 방화벽 설정
+ufw allow OpenSSH
+ufw allow 'Nginx Full'
+ufw allow 11434/tcp
+ufw enable
+```
+
+## 3단계: Ollama 설치
+
+```bash
+curl -fsSL https://ollama.com/install.sh | sh
+systemctl enable ollama
+ollama pull llama2  # 또는 사용할 모델
+```
+
+## 4단계: 프로젝트 배포
+
+```bash
+# 프로젝트 디렉토리 생성
+mkdir -p /var/www
+cd /var/www
+
+# 프로젝트 파일 업로드 (Git 또는 SCP)
+git clone YOUR_REPO_URL soy-nv-ai
+# 또는
+# scp -r "D:\SOY NV AI\*" root@YOUR_SERVER_IP:/var/www/soy-nv-ai/
+
+cd soy-nv-ai
+
+# 가상환경 설정
+python3 -m venv venv
+source venv/bin/activate
+pip install --upgrade pip
+pip install -r requirements.txt
+
+# 환경 변수 설정
+nano .env
+# SECRET_KEY, OLLAMA_BASE_URL, GEMINI_API_KEY 등 설정
+
+# 디렉토리 생성
+mkdir -p instance uploads vector_db knowledge_graphs logs
+chmod -R 775 uploads instance vector_db
+```
+
+## 5단계: systemd 서비스 설정
+
+```bash
+# 서비스 파일 복사
+cp systemd/soy-nv-ai.service /etc/systemd/system/
+
+# 파일 수정 (경로 확인)
+nano /etc/systemd/system/soy-nv-ai.service
+
+# 서비스 활성화
+systemctl daemon-reload
+systemctl enable soy-nv-ai
+systemctl start soy-nv-ai
+systemctl status soy-nv-ai
+```
+
+## 6단계: Nginx 설정
+
+```bash
+# Nginx 설정 파일 복사
+cp nginx/soy-nv-ai.conf /etc/nginx/sites-available/soy-nv-ai
+
+# 도메인/IP 수정
+nano /etc/nginx/sites-available/soy-nv-ai
+
+# 활성화
+ln -s /etc/nginx/sites-available/soy-nv-ai /etc/nginx/sites-enabled/
+rm /etc/nginx/sites-enabled/default  # 선택사항
+
+# 테스트 및 재시작
+nginx -t
+systemctl restart nginx
+```
+
+## 7단계: SSL 설정 (도메인 있는 경우)
+
+```bash
+certbot --nginx -d YOUR_DOMAIN.com -d www.YOUR_DOMAIN.com
+```
+
+## 8단계: 배포 스크립트 실행 (선택사항)
+
+```bash
+chmod +x deploy.sh
+./deploy.sh
+```
+
+## 완료!
+
+웹사이트 접속:
+- HTTP: http://YOUR_SERVER_IP
+- HTTPS: https://YOUR_DOMAIN.com (SSL 설정 후)
+
+## 문제 해결
+
+```bash
+# 서비스 로그
+journalctl -u soy-nv-ai -f
+
+# Nginx 로그
+tail -f /var/log/nginx/soy-nv-ai-error.log
+
+# 서비스 재시작
+systemctl restart soy-nv-ai
+systemctl restart nginx
+```
+
+## 유용한 명령어
+
+```bash
+# 서비스 관리
+systemctl start/stop/restart/status soy-nv-ai
+
+# 로그 확인
+journalctl -u soy-nv-ai -n 50 -f
+
+# 프로세스 확인
+ps aux | grep python
+htop
+
+# 디스크 확인
+df -h
+```
+
+
+

README_SERVER.md

@@ -73,3 +73,5 @@ Start-Process powershell -ArgumentList "-File", "start_server_background.ps1" -W
 
 
 
+
+

add_exaone_model.py

@@ -148,3 +148,5 @@ if __name__ == "__main__":
 
 
 
+
+

app/__init__.py

@@ -49,10 +49,11 @@ def create_app() -> Flask:
     # 필수 디렉토리 생성
     config.ensure_directories()
     
-    # 템플릿 폴더 경로 설정
+    # 템플릿 폴더 및 static 폴더 경로 설정
     template_folder = str(config.TEMPLATES_FOLDER)
+    static_folder = str(config.STATIC_FOLDER)
     
-    app = Flask(__name__, template_folder=template_folder)
+    app = Flask(__name__, template_folder=template_folder, static_folder=static_folder)
     
     # Flask 설정 적용
     app.config['SECRET_KEY'] = config.SECRET_KEY

app/core/__init__.py

@@ -7,3 +7,5 @@ from app.core.logger import get_logger
 
 __all__ = ['get_config', 'get_logger']
 
+
+

app/core/config.py

@@ -34,6 +34,7 @@ class Config:
     VECTOR_DB_PATH: Path = PROJECT_ROOT / 'vector_db'
     KNOWLEDGE_GRAPH_PATH: Path = PROJECT_ROOT / 'knowledge_graphs'
     TEMPLATES_FOLDER: Path = PROJECT_ROOT / 'templates'
+    STATIC_FOLDER: Path = PROJECT_ROOT / 'static'
     INSTANCE_FOLDER: Path = PROJECT_ROOT / 'instance'
     
     # 파일 확장자 설정
@@ -52,6 +53,7 @@ class Config:
         cls.UPLOAD_FOLDER.mkdir(parents=True, exist_ok=True)
         cls.VECTOR_DB_PATH.mkdir(parents=True, exist_ok=True)
         cls.KNOWLEDGE_GRAPH_PATH.mkdir(parents=True, exist_ok=True)
+        cls.STATIC_FOLDER.mkdir(parents=True, exist_ok=True)
         cls.INSTANCE_FOLDER.mkdir(parents=True, exist_ok=True)
 
 
@@ -59,3 +61,4 @@ def get_config() -> Config:
     """설정 인스턴스 반환"""
     return Config
 
+

app/core/logger.py

@@ -63,3 +63,5 @@ def get_logger(name: str, level: int = logging.INFO) -> logging.Logger:
     
     return logger
 
+
+

app/models/__init__.py

@@ -21,3 +21,5 @@ __all__ = [
     'FileResponse',
 ]
 
+
+

app/models/chunk.py

@@ -48,3 +48,5 @@ class ChunkResponse(BaseModel):
         """Pydantic 설정"""
         from_attributes = True
 
+
+

app/models/file.py

@@ -37,3 +37,5 @@ class FileResponse(BaseModel):
             datetime: lambda v: v.isoformat()
         }
 
+
+

app/prompts/__init__.py

@@ -11,3 +11,5 @@ __all__ = [
     'get_parent_chunk_analysis_prompt',
 ]
 
+
+

app/prompts/metadata.py

@@ -37,3 +37,5 @@ def get_metadata_extraction_prompt(
     
     return prompt
 
+
+

app/prompts/parent_chunk.py

@@ -50,3 +50,5 @@ def get_parent_chunk_analysis_prompt(
     
     return prompt
 
+
+

app/routes.py

@@ -212,6 +212,96 @@ def extract_chapter_number(text):
     
     return None
 
+def split_content_by_episodes(content):
+    """원본 웹소설을 #작품설명, #1화, #2화 등으로 분할
+    
+    Returns:
+        list: [(section_type, section_title, section_content, metadata), ...]
+        section_type: '작품설명' or '화'
+        section_title: '작품설명' or '1화', '2화', ...
+        metadata: {'chapter': '#작품설명'} or {'chapter': '1화'}
+    """
+    if not content or len(content.strip()) == 0:
+        return []
+    
+    sections = []
+    
+    # #작품설명, #1화, #2화 등의 패턴 찾기
+    # 패턴: #작품설명, #1화, #2화, #10화 등
+    episode_pattern = r'^#\s*(작품설명|\d+화)'
+    
+    lines = content.split('\n')
+    current_section_type = None
+    current_section_title = None
+    current_section_content = []
+    current_section_start_line = 0
+    
+    for i, line in enumerate(lines):
+        # 줄 시작 부분에서 #작품설명 또는 #n화 패턴 찾기
+        match = re.match(episode_pattern, line.strip())
+        
+        if match:
+            # 이전 섹션 저장
+            if current_section_type and current_section_content:
+                section_content = '\n'.join(current_section_content).strip()
+                if section_content:
+                    # 메타데이터 생성
+                    if current_section_type == '작품설명':
+                        metadata = {'chapter': '#작품설명'}
+                    else:
+                        metadata = {'chapter': current_section_title}
+                    
+                    sections.append((
+                        current_section_type,
+                        current_section_title,
+                        section_content,
+                        metadata
+                    ))
+            
+            # 새 섹션 시작
+            section_title = match.group(1)
+            if section_title == '작품설명':
+                current_section_type = '작품설명'
+                current_section_title = '작품설명'
+            else:
+                current_section_type = '화'
+                current_section_title = section_title  # '1화', '2화' 등
+            
+            current_section_content = [line]  # 헤더 라인 포함
+            current_section_start_line = i
+        else:
+            # 현재 섹션에 내용 추가
+            if current_section_content is not None:
+                current_section_content.append(line)
+    
+    # 마지막 섹션 저장
+    if current_section_type and current_section_content:
+        section_content = '\n'.join(current_section_content).strip()
+        if section_content:
+            # 메타데이터 생성
+            if current_section_type == '작품설명':
+                metadata = {'chapter': '#작품설명'}
+            else:
+                metadata = {'chapter': current_section_title}
+            
+            sections.append((
+                current_section_type,
+                current_section_title,
+                section_content,
+                metadata
+            ))
+    
+    # 섹션이 하나도 없으면 전체를 하나의 섹션으로 처리
+    if not sections:
+        sections.append((
+            '기타',
+            '전체',
+            content.strip(),
+            {'chapter': None}
+        ))
+    
+    return sections
+
 def extract_metadata_with_ai(chunk_content, full_content=None, parent_chunk=None, model_name=None):
     """AI를 사용하여 청크의 메타데이터 추출 (화자, 등장인물, 시간적 배경, 인물 관계)
     
@@ -346,7 +436,7 @@ character_relationships는 이 청크에 등장하는 인물들 간의 현재
         }
 
 def extract_chunk_metadata(chunk_content, full_content=None, chunk_index=None, file_id=None, model_name=None):
-    """청크의 메타데이터 추출 (챕터, 화자, 등장인물, 시간적 배경, 인물 관계)
+    """청크의 메타데이터 추출 (화자, 등장인물, 시간적 배경, 인물 관계)
     
     Args:
         chunk_content: 분석할 청크 내용
@@ -356,27 +446,13 @@ def extract_chunk_metadata(chunk_content, full_content=None, chunk_index=None, f
         model_name: 사용할 AI 모델명
     """
     metadata = {
-        "chapter": None,
         "pov": None,
         "characters": [],
         "time_background": None,
         "character_relationships": []
     }
     
-    # 1. 챕터 번호 추출 (정규식 기반)
-    chapter_num = extract_chapter_number(chunk_content)
-    if chapter_num:
-        metadata["chapter"] = chapter_num
-    elif full_content and chunk_index is not None:
-        # 청크 앞부분 컨텍스트에서 챕터 찾기
-        context_start = max(0, sum(len(c) for c in chunk_content.split('\n')[:10]))
-        if full_content and len(full_content) > context_start:
-            context = full_content[:context_start + 1000]
-            chapter_num = extract_chapter_number(context)
-            if chapter_num:
-                metadata["chapter"] = chapter_num
-    
-    # 2. AI를 사용한 메타데이터 추출 (화자, 등장인물, 시간적 배경, 인물 관계)
+    # AI를 사용한 메타데이터 추출 (화자, 등장인물, 시간적 배경, 인물 관계)
     # Parent Chunk가 있으면 참조
     parent_chunk = None
     if file_id:
@@ -396,7 +472,11 @@ def extract_chunk_metadata(chunk_content, full_content=None, chunk_index=None, f
     return metadata
 
 def create_chunks_for_file(file_id, content):
-    """파일 내용을 의미 기반 청크로 분할하여 저장 (벡터 DB 포함)
+    """파일 내용을 섹션별로 분할하여 의미 기반 청크로 저장 (벡터 DB 포함)
+    
+    섹션 분할 규칙:
+    - #작품설명부터 #1화까지: '작품설명' 섹션, 메타데이터에 #작품설명 추가
+    - #n화부터 #n+1화까지: 'n화' 섹션, 메타데이터에 회차 정보(n화) 추가
     
     Args:
         file_id: 파일 ID
@@ -423,50 +503,65 @@ def create_chunks_for_file(file_id, content):
             DocumentChunk.query.filter_by(file_id=file_id).delete()
             db.session.commit()
         
-        # 의미 기반 청킹 (문장과 문단 경계를 고려하여 분할)
-        # min_chunk_size: 최소 200자, max_chunk_size: 최대 1000자, overlap: 150자
-        chunks = split_text_into_chunks(content, min_chunk_size=200, max_chunk_size=1000, overlap=150)
-        print(f"[청크 생성] 분할된 청크 수: {len(chunks)}개")
+        # 원본 웹소설을 섹션별로 분할 (#작품설명, #1화, #2화 등)
+        sections = split_content_by_episodes(content)
+        print(f"[청크 생성] 섹션 분할 완료: {len(sections)}개 섹션")
+        for i, (section_type, section_title, section_content, section_metadata) in enumerate(sections):
+            print(f"[청크 생성] 섹션 {i+1}: {section_title} ({len(section_content)}자)")
         
-        if len(chunks) == 0:
-            print(f"[청크 생성] 경고: 청크가 생성되지 않았습니다. 텍스트가 너무 짧거나 비어있을 수 있습니다.")
+        if len(sections) == 0:
+            print(f"[청크 생성] 경고: 섹션이 생성되지 않았습니다.")
             return 0
         
-        # 각 청크를 데이터베이스와 벡터 DB에 저장
+        # 각 섹션별로 청크 생성 및 저장
         saved_count = 0
         vector_saved_count = 0
+        global_chunk_index = 0  # 전체 청크 인덱스
         
-        for idx, chunk_content in enumerate(chunks):
-            try:
-                # DB에 청크 저장 (메타데이터는 나중에 별도로 생성)
-                chunk = DocumentChunk(
-                    file_id=file_id,
-                    chunk_index=idx,
-                    content=chunk_content,
-                    chunk_metadata=None  # 메타데이터는 별도 API로 생성
-                )
-                db.session.add(chunk)
-                db.session.flush()  # ID 생성
-                
-                # 벡터 DB에 청크 추가
-                if vector_db.add_chunk(
-                    chunk_id=chunk.id,
-                    chunk_content=chunk_content,
-                    file_id=file_id,
-                    chunk_index=idx
-                ):
-                    vector_saved_count += 1
-                
-                saved_count += 1
-                
-                # 진행 상황 출력 (10개마다)
-                if (idx + 1) % 10 == 0:
-                    print(f"[청크 생성] 진행 중: {idx + 1}/{len(chunks)}개 청크 저장 중... (DB: {saved_count}, 벡터 DB: {vector_saved_count})")
-            except Exception as e:
-                print(f"[청크 생성] 경고: 청크 {idx} 저장 중 오류: {str(e)}")
-                import traceback
-                traceback.print_exc()
-                continue
+        for section_idx, (section_type, section_title, section_content, section_metadata) in enumerate(sections):
+            print(f"[청크 생성] 섹션 '{section_title}' 처리 중... ({len(section_content)}자)")
+            
+            # 각 섹션을 의미 기반 청킹 (문장과 문단 경계를 고려하여 분할)
+            # min_chunk_size: 최소 200자, max_chunk_size: 최대 1000자, overlap: 150자
+            section_chunks = split_text_into_chunks(section_content, min_chunk_size=200, max_chunk_size=1000, overlap=150)
+            print(f"[청크 생성] 섹션 '{section_title}' 분할된 청크 수: {len(section_chunks)}개")
+            
+            # 각 청크를 데이터베이스와 벡터 DB에 저장
+            for chunk_idx, chunk_content in enumerate(section_chunks):
+                try:
+                    # 섹션 메타데이터를 기본으로 사용 (chapter 정보 포함)
+                    chunk_metadata = section_metadata.copy()
+                    
+                    # DB에 청크 저장 (섹션 메타데이터 포함)
+                    chunk = DocumentChunk(
+                        file_id=file_id,
+                        chunk_index=global_chunk_index,
+                        content=chunk_content,
+                        chunk_metadata=json.dumps(chunk_metadata, ensure_ascii=False)  # 섹션 메타데이터 저장
+                    )
+                    db.session.add(chunk)
+                    db.session.flush()  # ID 생성
+                    
+                    # 벡터 DB에 청크 추가
+                    if vector_db.add_chunk(
+                        chunk_id=chunk.id,
+                        chunk_content=chunk_content,
+                        file_id=file_id,
+                        chunk_index=global_chunk_index
+                    ):
+                        vector_saved_count += 1
+                    
+                    saved_count += 1
+                    global_chunk_index += 1
+                    
+                    # 진행 상황 출력 (10개마다)
+                    if saved_count % 10 == 0:
+                        print(f"[청크 생성] 진행 중: {saved_count}개 청크 저장 중... (DB: {saved_count}, 벡터 DB: {vector_saved_count})")
+                except Exception as e:
+                    print(f"[청크 생성] 경고: 청크 {global_chunk_index} 저장 중 오류: {str(e)}")
+                    import traceback
+                    traceback.print_exc()
+                    continue
         
         db.session.commit()
         print(f"[청크 생성] 완료: {saved_count}개 청크가 데이터베이스에 저장되었습니다. (벡터 DB: {vector_saved_count}개)")
@@ -957,6 +1052,12 @@ def logout():
 def index():
     return render_template('index.html')
 
+@main_bp.route('/webnovels')
+@login_required
+def webnovels():
+    """업로드된 웹소설 목록 페이지"""
+    return render_template('webnovels.html')
+
 @main_bp.route('/admin')
 @admin_required
 def admin():
@@ -982,6 +1083,12 @@ def admin_prompts():
     """프롬프트 관리 페이지"""
     return render_template('admin_prompts.html')
 
+@main_bp.route('/admin/files')
+@admin_required
+def admin_files():
+    """파일 목록 관리 페이지"""
+    return render_template('admin_files.html')
+
 @main_bp.route('/api/admin/users', methods=['GET'])
 @admin_required
 def get_users():
@@ -1987,34 +2094,34 @@ def upload_file():
                             content = f.read()
                         log_print(f"[7/8] CP949 인코딩으로 파일 읽기 성공: {len(content)}자")
                     
-                    # 청크 생성 및 저장
-                    log_print(f"[7/8] 청크 생성 함수 호출 중...")
-                    chunk_count = create_chunks_for_file(uploaded_file.id, content)
-                    
-                    if chunk_count > 0:
-                        log_print(f"[7/8] ✅ 성공: 파일 {original_filename}을 {chunk_count}개의 청크로 분할했습니다.")
-                        print(f"파일 {original_filename}을 {chunk_count}개의 청크로 분할했습니다.")
-                    else:
-                        log_print(f"[7/8] ⚠️ 경고: 청크가 생성되지 않았습니다. (파일이 너무 짧거나 비어있을 수 있습니다.)")
-                        print(f"경고: 파일 {original_filename}에 대한 청크가 생성되지 않았습니다.")
-                    
-                    # Parent Chunk 생성 (AI 분석)
+                    # 1. Parent Chunk 생성 (AI 분석) - 먼저 생성
                     try:
-                        log_print(f"[8/8] Parent Chunk 생성 시작 (AI 분석)...")
+                        log_print(f"[7/8] Parent Chunk 생성 시작 (AI 분석)...")
                         parent_chunk = create_parent_chunk_with_ai(uploaded_file.id, content, model_name)
                         if parent_chunk:
-                            log_print(f"[8/8] ✅ Parent Chunk 생성 완료: {original_filename}")
+                            log_print(f"[7/8] ✅ Parent Chunk 생성 완료: {original_filename}")
                             print(f"Parent Chunk가 생성되었습니다: {original_filename}")
                         else:
-                            log_print(f"[8/8] ⚠️ 경고: Parent Chunk 생성 실패: {original_filename}")
+                            log_print(f"[7/8] ⚠️ 경고: Parent Chunk 생성 실패: {original_filename}")
                             print(f"경고: Parent Chunk 생성에 실패했습니다: {original_filename}")
                     except Exception as parent_chunk_error:
                         # Parent Chunk 생성 실패해도 업로드는 계속 진행
-                        log_print(f"[8/8] ⚠️ 경고: Parent Chunk 생성 중 예외 발생: {str(parent_chunk_error)}")
+                        log_print(f"[7/8] ⚠️ 경고: Parent Chunk 생성 중 예외 발생: {str(parent_chunk_error)}")
                         print(f"경고: Parent Chunk 생성 중 오류가 발생했습니다: {original_filename}")
                         import traceback
                         traceback.print_exc()
                     
+                    # 2. Child Chunk 생성 및 ��장 (섹션별 분할)
+                    log_print(f"[8/8] Child Chunk 생성 함수 호출 중...")
+                    chunk_count = create_chunks_for_file(uploaded_file.id, content)
+                    
+                    if chunk_count > 0:
+                        log_print(f"[8/8] ✅ 성공: 파일 {original_filename}을 {chunk_count}개의 청크로 분할했습니다.")
+                        print(f"파일 {original_filename}을 {chunk_count}개의 청크로 분할했습니다.")
+                    else:
+                        log_print(f"[8/8] ⚠️ 경고: 청크가 생성되지 않았습니다. (파일이 너무 짧거나 비어있을 수 있습니다.)")
+                        print(f"경고: 파일 {original_filename}에 대한 청크가 생성되지 않았습니다.")
+                    
                 except Exception as e:
                     error_msg = f"청크 생성 중 오류: {str(e)}"
                     log_print(f"[7/8] ❌ 오류: {error_msg}")
@@ -2090,13 +2197,30 @@ def get_files():
         model_name = request.args.get('model_name', None)
         
         # 원본 파일만 조회 (parent_file_id가 None인 파일)
+        # 모든 사용자가 업로드된 모든 파일을 볼 수 있음
         query = UploadedFile.query.filter_by(parent_file_id=None)
+        print(f"[파일 조회] 모든 파일 조회 (사용자: {current_user.username})")
+        
+        # 모델 필터링 전 전체 파일 수 확인
+        total_before_filter = query.count()
+        print(f"[파일 조회] 필터링 전 파일 수: {total_before_filter}개")
+        
         if model_name:
             query = query.filter_by(model_name=model_name)
             print(f"[파일 조회] 모델 '{model_name}' 필터링")
         
         files = query.order_by(UploadedFile.uploaded_at.desc()).all()
         
+        # 필터링 후 파일 수와 모델명 확인
+        print(f"[파일 조회] 필터링 후 파일 수: {len(files)}개")
+        if len(files) > 0:
+            print(f"[파일 조회] 첫 번째 파일 모델명: {files[0].model_name}")
+        else:
+            # 필터링 결과가 없을 때 실제 존재하는 모델명 확인
+            all_files = UploadedFile.query.filter_by(parent_file_id=None).all()
+            unique_models = set(f.model_name for f in all_files if f.model_name)
+            print(f"[파일 조회] 데이터베이스에 존재하는 모델명 목록: {list(unique_models)}")
+        
         # 각 원본 파일에 대해 이어서 업로드된 파일도 포함
         files_with_children = []
         for file in files:
@@ -2127,6 +2251,7 @@ def get_files():
         model_stats = {}
         if not model_name:
             # 모든 모델의 통계 (원본 파일만)
+            # 모든 사용자가 모든 파일을 볼 수 있음
             all_files = UploadedFile.query.filter_by(parent_file_id=None).all()
             for file in all_files:
                 model = file.model_name or '미지정'
@@ -2186,6 +2311,55 @@ def get_file_chunks(file_id):
     except Exception as e:
         return jsonify({'error': f'청크 정보 조회 중 오류가 발생했습니다: {str(e)}'}), 500
 
+@main_bp.route('/api/files/<int:file_id>/chunks/all', methods=['GET'])
+@login_required
+def get_all_file_chunks(file_id):
+    """파일의 모든 청크 목록과 내용 조회 (관리자용)"""
+    try:
+        # 관리자는 모든 파일 조회 가능
+        if current_user.is_admin:
+            file = UploadedFile.query.get(file_id)
+        else:
+            file = UploadedFile.query.filter_by(id=file_id, uploaded_by=current_user.id).first()
+        
+        if not file:
+            return jsonify({'error': '파일을 찾을 수 없습니다.'}), 404
+        
+        chunks = DocumentChunk.query.filter_by(file_id=file_id).order_by(DocumentChunk.chunk_index.asc()).all()
+        
+        chunks_data = []
+        for chunk in chunks:
+            chunk_dict = {
+                'id': chunk.id,
+                'chunk_index': chunk.chunk_index,
+                'content': chunk.content,
+                'content_length': len(chunk.content),
+                'created_at': chunk.created_at.isoformat() if chunk.created_at else None
+            }
+            
+            # 메타데이터 파싱
+            if chunk.chunk_metadata:
+                try:
+                    metadata = json.loads(chunk.chunk_metadata)
+                    chunk_dict['metadata'] = metadata
+                except:
+                    chunk_dict['metadata'] = None
+            else:
+                chunk_dict['metadata'] = None
+            
+            chunks_data.append(chunk_dict)
+        
+        return jsonify({
+            'file_id': file_id,
+            'filename': file.original_filename,
+            'model_name': file.model_name,
+            'total_chunks': len(chunks_data),
+            'chunks': chunks_data
+        }), 200
+        
+    except Exception as e:
+        return jsonify({'error': f'청크 목록 조회 중 오류가 ���생했습니다: {str(e)}'}), 500
+
 @main_bp.route('/api/files/<int:file_id>/parent-chunk', methods=['GET'])
 @login_required
 def get_file_parent_chunk(file_id):
@@ -2318,8 +2492,16 @@ def create_file_metadata(file_id):
         
         for chunk in chunks:
             try:
-                # 메타데이터 추출
-                metadata = extract_chunk_metadata(
+                # 기존 메타데이터 읽기
+                existing_metadata = {}
+                if chunk.chunk_metadata:
+                    try:
+                        existing_metadata = json.loads(chunk.chunk_metadata)
+                    except:
+                        existing_metadata = {}
+                
+                # 새 메타데이터 추출
+                new_metadata = extract_chunk_metadata(
                     chunk_content=chunk.content,
                     full_content=content,  # 원본 웹소설 전체 내용 참조
                     chunk_index=chunk.chunk_index,
@@ -2327,8 +2509,25 @@ def create_file_metadata(file_id):
                     model_name=file.model_name
                 )
                 
+                # 기존 메타데이터와 새 메타데이터 병합 (새 메타데이터가 우선)
+                # 기존 메타데이터의 모든 필드를 유지하되, 새로 추출한 필드로 업데이트
+                # chapter 필드는 파일 업로드 시 추가된 회차 정보이므로 유지
+                merged_metadata = existing_metadata.copy()
+                
+                for key, value in new_metadata.items():
+                    if value is not None and value != []:
+                        # 리스트인 경우 중복 제거 후 병합
+                        if isinstance(value, list) and isinstance(merged_metadata.get(key), list):
+                            merged_list = merged_metadata.get(key, []).copy()
+                            for item in value:
+                                if item not in merged_list:
+                                    merged_list.append(item)
+                            merged_metadata[key] = merged_list
+                        else:
+                            merged_metadata[key] = value
+                
                 # 메타데이터를 JSON 문자열로 변환
-                metadata_json = json.dumps(metadata, ensure_ascii=False) if metadata else None
+                metadata_json = json.dumps(merged_metadata, ensure_ascii=False) if merged_metadata else None
                 
                 # 청크에 메타데이터 저장
                 chunk.chunk_metadata = metadata_json

app/utils/__init__.py

@@ -23,3 +23,5 @@ __all__ = [
     'clean_text',
 ]
 
+
+

app/utils/file_utils.py

@@ -77,3 +77,5 @@ def ensure_upload_folder() -> Path:
         logger.error(f"업로드 폴더 생성 오류: {e}", exc_info=True)
         raise
 
+
+

app/utils/text_utils.py

@@ -193,3 +193,5 @@ def extract_chapter_number(text: str) -> Optional[int]:
     
     return None
 
+
+

deploy.sh

@@ -0,0 +1,156 @@
+#!/bin/bash
+# SOY NV AI 배포 스크립트
+# 사용법: bash deploy.sh
+
+set -e  # 오류 발생 시 스크립트 중단
+
+echo "=========================================="
+echo "SOY NV AI 배포 스크립트"
+echo "=========================================="
+
+# 색상 정의
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+# 변수 설정
+PROJECT_DIR="/var/www/soy-nv-ai"
+VENV_DIR="$PROJECT_DIR/venv"
+SERVICE_NAME="soy-nv-ai"
+
+# 함수 정의
+print_success() {
+    echo -e "${GREEN}✓ $1${NC}"
+}
+
+print_error() {
+    echo -e "${RED}✗ $1${NC}"
+}
+
+print_info() {
+    echo -e "${YELLOW}ℹ $1${NC}"
+}
+
+# 1. 프로젝트 디렉토리 확인
+echo ""
+print_info "1. 프로젝트 디렉토리 확인..."
+if [ ! -d "$PROJECT_DIR" ]; then
+    print_error "프로젝트 디렉토리를 찾을 수 없습니다: $PROJECT_DIR"
+    exit 1
+fi
+print_success "프로젝트 디렉토리 확인 완료"
+
+# 2. 가상환경 확인 및 생성
+echo ""
+print_info "2. 가상환경 확인..."
+if [ ! -d "$VENV_DIR" ]; then
+    print_info "가상환경이 없습니다. 생성 중..."
+    python3 -m venv "$VENV_DIR"
+    print_success "가상환경 생성 완료"
+else
+    print_success "가상환경 확인 완료"
+fi
+
+# 3. 가상환경 활성화 및 의존성 설치
+echo ""
+print_info "3. 의존성 설치..."
+source "$VENV_DIR/bin/activate"
+pip install --upgrade pip --quiet
+pip install -r "$PROJECT_DIR/requirements.txt" --quiet
+print_success "의존성 설치 완료"
+
+# 4. 필요한 디렉토리 생성
+echo ""
+print_info "4. 필요한 디렉토리 생성..."
+mkdir -p "$PROJECT_DIR/instance"
+mkdir -p "$PROJECT_DIR/uploads"
+mkdir -p "$PROJECT_DIR/vector_db"
+mkdir -p "$PROJECT_DIR/knowledge_graphs"
+mkdir -p "$PROJECT_DIR/logs"
+print_success "디렉토리 생성 완료"
+
+# 5. 데이터베이스 초기화
+echo ""
+print_info "5. 데이터베이스 초기화..."
+cd "$PROJECT_DIR"
+python -c "from app import create_app; app = create_app(); app.app_context().push(); from app.database import db; db.create_all(); print('Database initialized')" 2>/dev/null || print_info "데이터베이스가 이미 존재하거나 초기화 중 오류 발생 (무시 가능)"
+print_success "데이터베이스 확인 완료"
+
+# 6. 권한 설정
+echo ""
+print_info "6. 권한 설정..."
+chmod -R 755 "$PROJECT_DIR"
+chmod -R 775 "$PROJECT_DIR/uploads" 2>/dev/null || true
+chmod -R 775 "$PROJECT_DIR/instance" 2>/dev/null || true
+chmod -R 775 "$PROJECT_DIR/vector_db" 2>/dev/null || true
+print_success "권한 설정 완료"
+
+# 7. .env 파일 확인
+echo ""
+print_info "7. 환경 변수 파일 확인..."
+if [ ! -f "$PROJECT_DIR/.env" ]; then
+    print_error ".env 파일이 없습니다!"
+    print_info ".env 파일을 생성해주세요."
+    print_info "예시:"
+    echo "SECRET_KEY=your-secret-key"
+    echo "OLLAMA_BASE_URL=http://localhost:11434"
+    echo "FLASK_ENV=production"
+else
+    print_success ".env 파일 확인 완료"
+fi
+
+# 8. systemd 서비스 확인
+echo ""
+print_info "8. systemd 서비스 확인..."
+if systemctl is-active --quiet "$SERVICE_NAME"; then
+    print_info "서비스가 실행 중입니다. 재시작합니다..."
+    sudo systemctl restart "$SERVICE_NAME"
+    print_success "서비스 재시작 완료"
+elif systemctl is-enabled --quiet "$SERVICE_NAME" 2>/dev/null; then
+    print_info "서비스를 시작합니다..."
+    sudo systemctl start "$SERVICE_NAME"
+    print_success "서비스 시작 완료"
+else
+    print_info "서비스가 설정되지 않았습니다."
+    print_info "다음 명령어로 서비스를 설정하세요:"
+    echo "sudo systemctl enable $SERVICE_NAME"
+    echo "sudo systemctl start $SERVICE_NAME"
+fi
+
+# 9. 서비스 상태 확인
+echo ""
+print_info "9. 서비스 상태 확인..."
+sleep 2
+if systemctl is-active --quiet "$SERVICE_NAME"; then
+    print_success "서비스가 정상적으로 실행 중입니다!"
+    sudo systemctl status "$SERVICE_NAME" --no-pager -l
+else
+    print_error "서비스가 실행되지 않았습니다!"
+    print_info "로그를 확인하세요:"
+    echo "sudo journalctl -u $SERVICE_NAME -n 50"
+fi
+
+# 10. Nginx 확인
+echo ""
+print_info "10. Nginx 상태 확인..."
+if systemctl is-active --quiet nginx; then
+    print_success "Nginx가 실행 중입니다"
+    sudo nginx -t
+else
+    print_info "Nginx가 실행되지 않았습니다"
+fi
+
+echo ""
+echo "=========================================="
+print_success "배포 스크립트 실행 완료!"
+echo "=========================================="
+echo ""
+print_info "다음 단계:"
+echo "1. 서비스 로그 확인: sudo journalctl -u $SERVICE_NAME -f"
+echo "2. 웹사이트 접속 테스트: http://YOUR_SERVER_IP"
+echo "3. Nginx 로그 확인: sudo tail -f /var/log/nginx/soy-nv-ai-error.log"
+echo ""
+
+
+

download_exaone_model.py

@@ -76,3 +76,5 @@ if __name__ == "__main__":
 
 
 
+
+

install_exaone_direct.py

@@ -81,3 +81,5 @@ if __name__ == "__main__":
 
 
 
+
+

install_exaone_simple.py

@@ -58,3 +58,5 @@ if __name__ == "__main__":
 
 
 
+
+

nginx/soy-nv-ai.conf

@@ -0,0 +1,57 @@
+server {
+    listen 80;
+    server_name YOUR_DOMAIN.com www.YOUR_DOMAIN.com;
+    # 또는 IP만 사용: server_name YOUR_SERVER_IP;
+
+    # 로그 설정
+    access_log /var/log/nginx/soy-nv-ai-access.log;
+    error_log /var/log/nginx/soy-nv-ai-error.log;
+
+    # 클라이언트 최대 업로드 크기 (100MB)
+    client_max_body_size 100M;
+    client_body_timeout 300s;
+    client_header_timeout 300s;
+
+    # 프록시 버퍼 설정
+    proxy_buffering off;
+    proxy_request_buffering off;
+
+    # 프록시 설정
+    location / {
+        proxy_pass http://127.0.0.1:5001;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        
+        # WebSocket 지원
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        
+        # 타임아웃 설정 (AI 응답이 오래 걸릴 수 있음)
+        proxy_connect_timeout 600s;
+        proxy_send_timeout 600s;
+        proxy_read_timeout 600s;
+        
+        # 버퍼 설정
+        proxy_buffer_size 128k;
+        proxy_buffers 4 256k;
+        proxy_busy_buffers_size 256k;
+    }
+
+    # 정적 파일 직접 제공 (선택사항)
+    location /static {
+        alias /var/www/soy-nv-ai/static;
+        expires 30d;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # 보안 헤더
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+}
+
+
+

setup_remote.ps1

@@ -66,3 +66,5 @@ Write-Host "=== 완료 ===" -ForegroundColor Green
 
 
 
+
+

systemd/soy-nv-ai.service

@@ -0,0 +1,34 @@
+[Unit]
+Description=SOY NV AI Flask Application
+After=network.target ollama.service
+Requires=network.target
+
+[Service]
+Type=simple
+User=deploy
+Group=deploy
+WorkingDirectory=/var/www/soy-nv-ai
+Environment="PATH=/var/www/soy-nv-ai/venv/bin"
+Environment="FLASK_ENV=production"
+Environment="PYTHONUNBUFFERED=1"
+ExecStart=/var/www/soy-nv-ai/venv/bin/python /var/www/soy-nv-ai/run.py
+Restart=always
+RestartSec=10
+StandardOutput=journal
+StandardError=journal
+SyslogIdentifier=soy-nv-ai
+
+# 리소스 제한
+LimitNOFILE=65535
+MemoryLimit=6G
+CPUQuota=400%
+
+# 보안 설정
+NoNewPrivileges=true
+PrivateTmp=true
+
+[Install]
+WantedBy=multi-user.target
+
+
+

templates/admin.html

@@ -446,6 +446,7 @@
         <div class="header-actions">
             <span style="margin-right: 12px; color: #5f6368;">{{ current_user.nickname or current_user.username }}</span>
             <a href="{{ url_for('main.admin_webnovels') }}" class="btn btn-secondary">웹소설 관리</a>
+            <a href="{{ url_for('main.admin_files') }}" class="btn btn-secondary">파일 목록</a>
             <a href="{{ url_for('main.admin_messages') }}" class="btn btn-secondary">메시지 확인</a>
             <a href="{{ url_for('main.admin_prompts') }}" class="btn btn-secondary">프롬프트 관리</a>
             <a href="{{ url_for('main.index') }}" class="btn btn-secondary">메인으로</a>

templates/admin_files.html

@@ -0,0 +1,629 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>파일 목록 - SOY NV AI</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: #f8f9fa;
+            color: #202124;
+        }
+
+        .header {
+            background: white;
+            border-bottom: 1px solid #dadce0;
+            padding: 16px 24px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        }
+
+        .header-title {
+            font-size: 20px;
+            font-weight: 500;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .header-actions {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+
+        .btn {
+            padding: 8px 16px;
+            border: none;
+            border-radius: 6px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .btn-primary {
+            background: #1a73e8;
+            color: white;
+        }
+
+        .btn-primary:hover {
+            background: #1557b0;
+        }
+
+        .btn-secondary {
+            background: #f1f3f4;
+            color: #202124;
+        }
+
+        .btn-secondary:hover {
+            background: #e8eaed;
+        }
+
+        .btn-info {
+            background: #17a2b8;
+            color: white;
+        }
+
+        .btn-info:hover {
+            background: #138496;
+        }
+
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 24px;
+        }
+
+        .page-header {
+            margin-bottom: 24px;
+        }
+
+        .page-header h1 {
+            font-size: 28px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+
+        .page-header p {
+            color: #5f6368;
+        }
+
+        .card {
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+            padding: 24px;
+            margin-bottom: 24px;
+        }
+
+        .card-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+
+        .card-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+
+        thead {
+            background: #f8f9fa;
+        }
+
+        th, td {
+            padding: 12px;
+            text-align: left;
+            border-bottom: 1px solid #e8eaed;
+        }
+
+        th {
+            font-weight: 500;
+            font-size: 14px;
+            color: #5f6368;
+        }
+
+        td {
+            font-size: 14px;
+        }
+
+        .file-actions {
+            display: flex;
+            gap: 4px;
+        }
+
+        .badge {
+            display: inline-block;
+            padding: 4px 8px;
+            border-radius: 4px;
+            font-size: 12px;
+            font-weight: 500;
+        }
+
+        .badge-success {
+            background: #e8f5e9;
+            color: #137333;
+        }
+
+        .badge-info {
+            background: #e8f0fe;
+            color: #1967d2;
+        }
+
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .modal.active {
+            display: flex;
+        }
+
+        .modal-content {
+            background: white;
+            border-radius: 8px;
+            padding: 24px;
+            width: 90%;
+            max-width: 1200px;
+            max-height: 90vh;
+            overflow-y: auto;
+        }
+
+        .modal-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+            border-bottom: 1px solid #e8eaed;
+            padding-bottom: 16px;
+        }
+
+        .modal-title {
+            font-size: 20px;
+            font-weight: 500;
+        }
+
+        .modal-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #5f6368;
+        }
+
+        .chunk-list {
+            max-height: 60vh;
+            overflow-y: auto;
+            border: 1px solid #e8eaed;
+            border-radius: 6px;
+            padding: 12px;
+        }
+
+        .chunk-item {
+            padding: 12px;
+            margin-bottom: 12px;
+            border: 1px solid #e8eaed;
+            border-radius: 6px;
+            background: #f8f9fa;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .chunk-item:hover {
+            background: #e8f0fe;
+            border-color: #1a73e8;
+        }
+
+        .chunk-item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
+        .chunk-item-index {
+            font-weight: 600;
+            color: #1a73e8;
+        }
+
+        .chunk-item-preview {
+            color: #5f6368;
+            font-size: 13px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .chunk-content-modal {
+            max-width: 1000px;
+        }
+
+        .chunk-content {
+            white-space: pre-wrap;
+            font-family: inherit;
+            line-height: 1.6;
+            color: #202124;
+            padding: 16px;
+            background: #f8f9fa;
+            border-radius: 6px;
+            max-height: 70vh;
+            overflow-y: auto;
+        }
+
+        .chunk-metadata {
+            margin-top: 16px;
+            padding: 12px;
+            background: #e8f0fe;
+            border-radius: 6px;
+            font-size: 13px;
+        }
+
+        .chunk-metadata-title {
+            font-weight: 600;
+            margin-bottom: 8px;
+            color: #1967d2;
+        }
+
+        .chunk-metadata-item {
+            margin-bottom: 4px;
+        }
+
+        .filter-section {
+            margin-bottom: 16px;
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+
+        .filter-section select {
+            padding: 8px 12px;
+            border: 1px solid #dadce0;
+            border-radius: 6px;
+            font-size: 14px;
+            background: white;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <div class="header-title">
+            <span>🤖</span>
+            <span>SOY NV AI 관리자 페이지</span>
+        </div>
+        <div class="header-actions">
+            <span style="margin-right: 12px; color: #5f6368;">{{ current_user.nickname or current_user.username }}</span>
+            <a href="{{ url_for('main.admin') }}" class="btn btn-secondary">사용자 관리</a>
+            <a href="{{ url_for('main.admin_webnovels') }}" class="btn btn-secondary">웹소설 관리</a>
+            <a href="{{ url_for('main.admin_messages') }}" class="btn btn-secondary">메시지 확인</a>
+            <a href="{{ url_for('main.admin_prompts') }}" class="btn btn-secondary">프롬프트 관리</a>
+            <a href="{{ url_for('main.index') }}" class="btn btn-secondary">메인으로</a>
+            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary">로그아웃</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="page-header">
+            <h1>파일 목록</h1>
+            <p>업로드된 파일과 생성된 청크를 확인할 수 있습니다.</p>
+        </div>
+
+        <div id="alertContainer"></div>
+
+        <div class="card">
+            <div class="card-header">
+                <div class="card-title">파일 목록</div>
+                <div class="filter-section">
+                    <select id="modelFilter" onchange="loadFiles()">
+                        <option value="">모든 모델</option>
+                    </select>
+                </div>
+            </div>
+
+            <div id="filesTableContainer">
+                <table>
+                    <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>파일명</th>
+                            <th>모델</th>
+                            <th>청크 수</th>
+                            <th>파일 크기</th>
+                            <th>업로드일</th>
+                            <th>작업</th>
+                        </tr>
+                    </thead>
+                    <tbody id="filesTableBody">
+                        <tr>
+                            <td colspan="7" style="text-align: center; padding: 24px; color: #5f6368;">
+                                파일 목록을 불러오는 중...
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <!-- 청크 목록 모달 -->
+    <div id="chunksModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <div class="modal-title" id="chunksModalTitle">청크 목록</div>
+                <button class="modal-close" onclick="closeChunksModal()">&times;</button>
+            </div>
+            <div id="chunksList" class="chunk-list">
+                <div style="text-align: center; padding: 24px; color: #5f6368;">
+                    청크 목록을 불러오는 중...
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 청크 내용 모달 -->
+    <div id="chunkContentModal" class="modal">
+        <div class="modal-content chunk-content-modal">
+            <div class="modal-header">
+                <div class="modal-title" id="chunkContentModalTitle">청크 내용</div>
+                <button class="modal-close" onclick="closeChunkContentModal()">&times;</button>
+            </div>
+            <div id="chunkContent" class="chunk-content">
+                내용을 불러오는 중...
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function escapeHtml(text) {
+            const div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+
+        function formatFileSize(bytes) {
+            if (bytes === 0) return '0 Bytes';
+            const k = 1024;
+            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+            const i = Math.floor(Math.log(bytes) / Math.log(k));
+            return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+        }
+
+        function formatDate(dateString) {
+            const date = new Date(dateString);
+            return date.toLocaleDateString('ko-KR', {
+                year: 'numeric',
+                month: 'long',
+                day: 'numeric',
+                hour: '2-digit',
+                minute: '2-digit'
+            });
+        }
+
+        function showAlert(message, type = 'success') {
+            const container = document.getElementById('alertContainer');
+            container.innerHTML = `<div class="alert ${type}" style="padding: 12px 16px; border-radius: 6px; margin-bottom: 16px; font-size: 14px; background: ${type === 'success' ? '#e8f5e9' : '#fce8e6'}; color: ${type === 'success' ? '#137333' : '#c5221f'};">${message}</div>`;
+            setTimeout(() => {
+                container.innerHTML = '';
+            }, 5000);
+        }
+
+        async function loadModelFilter() {
+            try {
+                const response = await fetch('/api/ollama/models');
+                if (!response.ok) throw new Error('모델 목록을 불러올 수 없습니다.');
+                const data = await response.json();
+                const models = data.models || [];
+                
+                const filter = document.getElementById('modelFilter');
+                filter.innerHTML = '<option value="">모든 모델</option>';
+                models.forEach(model => {
+                    const option = document.createElement('option');
+                    option.value = model.name;
+                    option.textContent = model.name;
+                    filter.appendChild(option);
+                });
+            } catch (error) {
+                console.error('모델 필터 로드 오류:', error);
+            }
+        }
+
+        async function loadFiles() {
+            const tbody = document.getElementById('filesTableBody');
+            const modelFilter = document.getElementById('modelFilter');
+            const modelName = modelFilter ? modelFilter.value : '';
+            
+            tbody.innerHTML = '<tr><td colspan="7" style="text-align: center; padding: 24px; color: #5f6368;">파일 목록을 불러오는 중...</td></tr>';
+            
+            try {
+                const url = modelName ? `/api/files?model_name=${encodeURIComponent(modelName)}` : '/api/files';
+                console.log('[파일 목록] API 요청:', url);
+                const response = await fetch(url, {
+                    credentials: 'include'
+                });
+                
+                console.log('[파일 목록] 응답 상태:', response.status, response.statusText);
+                
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error('[파일 목록] 응답 오류:', errorText);
+                    throw new Error(`파일 목록을 불러올 수 없습니다. (${response.status})`);
+                }
+                
+                const data = await response.json();
+                console.log('[파일 목록] 응답 데이터:', data);
+                console.log('[파일 목록] files 배열:', data.files);
+                
+                const files = data.files || [];
+                console.log('[파일 목록] 파일 개수:', files.length);
+                
+                if (files.length === 0) {
+                    tbody.innerHTML = '<tr><td colspan="7" style="text-align: center; padding: 24px; color: #5f6368;">업로드된 파일이 없습니다.</td></tr>';
+                    return;
+                }
+                
+                tbody.innerHTML = '';
+                files.forEach(file => {
+                    console.log('[파일 목록] 파일 처리:', file);
+                    const row = document.createElement('tr');
+                    row.innerHTML = `
+                        <td>${file.id}</td>
+                        <td>${escapeHtml(file.original_filename)}</td>
+                        <td>${escapeHtml(file.model_name || '미지정')}</td>
+                        <td><span class="badge badge-info">${file.chunk_count || 0}개</span></td>
+                        <td>${formatFileSize(file.file_size || 0)}</td>
+                        <td>${formatDate(file.uploaded_at)}</td>
+                        <td>
+                            <div class="file-actions">
+                                <button class="btn btn-info" onclick="viewChunks(${file.id}, '${escapeHtml(file.original_filename)}')" style="padding: 4px 8px; font-size: 12px;">청크 보기</button>
+                            </div>
+                        </td>
+                    `;
+                    tbody.appendChild(row);
+                });
+            } catch (error) {
+                console.error('[파일 목록] 로드 오류:', error);
+                tbody.innerHTML = `<tr><td colspan="7" style="text-align: center; padding: 24px; color: #c5221f;">파일 목록을 불러오는 중 오류가 발생했습니다.<br><small>${escapeHtml(error.message)}</small></td></tr>`;
+                showAlert(`파일 목록을 불러오는 중 오류가 발생했습니다: ${error.message}`, 'error');
+            }
+        }
+
+        async function viewChunks(fileId, fileName) {
+            const modal = document.getElementById('chunksModal');
+            const title = document.getElementById('chunksModalTitle');
+            const list = document.getElementById('chunksList');
+            
+            title.textContent = `청크 목록 - ${fileName}`;
+            list.innerHTML = '<div style="text-align: center; padding: 24px; color: #5f6368;">청크 목록을 불러오는 중...</div>';
+            modal.classList.add('active');
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/chunks/all`);
+                if (!response.ok) throw new Error('청크 목록을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                const chunks = data.chunks || [];
+                
+                if (chunks.length === 0) {
+                    list.innerHTML = '<div style="text-align: center; padding: 24px; color: #5f6368;">생성된 청크가 없습니다.</div>';
+                    return;
+                }
+                
+                list.innerHTML = '';
+                chunks.forEach(chunk => {
+                    const chunkItem = document.createElement('div');
+                    chunkItem.className = 'chunk-item';
+                    chunkItem.onclick = () => viewChunkContent(chunk, fileName);
+                    
+                    const preview = chunk.content.length > 150 
+                        ? chunk.content.substring(0, 150) + '...' 
+                        : chunk.content;
+                    
+                    chunkItem.innerHTML = `
+                        <div class="chunk-item-header">
+                            <span class="chunk-item-index">청크 #${chunk.chunk_index}</span>
+                            <span style="font-size: 12px; color: #5f6368;">${chunk.content_length}자</span>
+                        </div>
+                        <div class="chunk-item-preview">${escapeHtml(preview)}</div>
+                    `;
+                    list.appendChild(chunkItem);
+                });
+            } catch (error) {
+                console.error('청크 목록 로드 오류:', error);
+                list.innerHTML = '<div style="text-align: center; padding: 24px; color: #c5221f;">청크 목록을 불러오는 중 오류가 발생했습니다.</div>';
+                showAlert('청크 목록을 불러오는 중 오류가 발생했습니다.', 'error');
+            }
+        }
+
+        function closeChunksModal() {
+            document.getElementById('chunksModal').classList.remove('active');
+        }
+
+        function viewChunkContent(chunk, fileName) {
+            const modal = document.getElementById('chunkContentModal');
+            const title = document.getElementById('chunkContentModalTitle');
+            const content = document.getElementById('chunkContent');
+            
+            title.textContent = `${fileName} - 청크 #${chunk.chunk_index}`;
+            
+            let contentHtml = `<div style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: #202124; margin-bottom: 16px;">${escapeHtml(chunk.content)}</div>`;
+            
+            if (chunk.metadata) {
+                contentHtml += '<div class="chunk-metadata">';
+                contentHtml += '<div class="chunk-metadata-title">메타데이터</div>';
+                
+                if (chunk.metadata.chapter) {
+                    contentHtml += `<div class="chunk-metadata-item"><strong>챕터:</strong> ${escapeHtml(chunk.metadata.chapter)}</div>`;
+                }
+                if (chunk.metadata.pov) {
+                    contentHtml += `<div class="chunk-metadata-item"><strong>시점:</strong> ${escapeHtml(chunk.metadata.pov)}</div>`;
+                }
+                if (chunk.metadata.characters && chunk.metadata.characters.length > 0) {
+                    contentHtml += `<div class="chunk-metadata-item"><strong>등장 인물:</strong> ${escapeHtml(chunk.metadata.characters.join(', '))}</div>`;
+                }
+                if (chunk.metadata.time_background) {
+                    contentHtml += `<div class="chunk-metadata-item"><strong>시간 배경:</strong> ${escapeHtml(chunk.metadata.time_background)}</div>`;
+                }
+                if (chunk.metadata.character_relationships && chunk.metadata.character_relationships.length > 0) {
+                    contentHtml += `<div class="chunk-metadata-item"><strong>인물 관계:</strong> ${escapeHtml(JSON.stringify(chunk.metadata.character_relationships, null, 2))}</div>`;
+                }
+                
+                contentHtml += '</div>';
+            }
+            
+            content.innerHTML = contentHtml;
+            modal.classList.add('active');
+        }
+
+        function closeChunkContentModal() {
+            document.getElementById('chunkContentModal').classList.remove('active');
+        }
+
+        // 모달 외부 클릭 시 닫기
+        document.getElementById('chunksModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeChunksModal();
+            }
+        });
+
+        document.getElementById('chunkContentModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeChunkContentModal();
+            }
+        });
+
+        // 페이지 로드 시 초기화
+        window.addEventListener('load', () => {
+            loadModelFilter();
+            loadFiles();
+        });
+    </script>
+</body>
+</html>
+

templates/admin_prompts.html

@@ -317,3 +317,5 @@
 </body>
 </html>
 
+
+

templates/admin_webnovels.html

@@ -444,6 +444,7 @@
         <div class="header-actions">
             <span style="margin-right: 12px; color: #5f6368;">{{ current_user.nickname or current_user.username }}</span>
             <a href="{{ url_for('main.admin') }}" class="btn btn-secondary">사용자 관리</a>
+            <a href="{{ url_for('main.admin_files') }}" class="btn btn-secondary">파일 목록</a>
             <a href="{{ url_for('main.admin_messages') }}" class="btn btn-secondary">메시지 확인</a>
             <a href="{{ url_for('main.admin_prompts') }}" class="btn btn-secondary">프롬프트 관리</a>
             <a href="{{ url_for('main.index') }}" class="btn btn-secondary">메인으로</a>

templates/index.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SOY NV AI</title>
+    <title>SOY AI 작품 개발 어시스턴트</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
     <style>
@@ -50,9 +50,76 @@
         }
 
         .sidebar.collapsed {
-            width: 0;
-            overflow: hidden;
-            border-right: none;
+            width: 64px;
+        }
+
+        .sidebar.collapsed .sidebar-title-text {
+            display: none;
+        }
+
+        .sidebar.collapsed .sidebar-title {
+            justify-content: center;
+        }
+
+        .sidebar.collapsed .sidebar-logo {
+            display: none;
+        }
+
+        .sidebar.collapsed .new-chat-button span {
+            display: none;
+        }
+
+        .sidebar.collapsed .new-chat-button {
+            justify-content: center;
+            padding: 12px;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            margin: 12px auto;
+        }
+
+        .sidebar.collapsed .chat-item-title,
+        .sidebar.collapsed .chat-item-time {
+            display: none;
+        }
+
+        .sidebar.collapsed .chat-item {
+            justify-content: center;
+            padding: 12px;
+        }
+
+        .sidebar.collapsed .model-selector-label,
+        .sidebar.collapsed .model-select,
+        .sidebar.collapsed .model-status,
+        .sidebar.collapsed .refresh-models-btn {
+            display: none;
+        }
+
+        .sidebar.collapsed .novel-selector-label,
+        .sidebar.collapsed .novel-list,
+        .sidebar.collapsed .selected-novels-info {
+            display: none;
+        }
+
+        .sidebar.collapsed .novel-selector {
+            padding: 8px;
+        }
+
+        .sidebar.collapsed .logout-button span {
+            display: none;
+        }
+
+        .sidebar.collapsed .logout-button {
+            justify-content: center;
+            padding: 12px;
+            border-radius: 50%;
+            width: 40px;
+            height: 40px;
+            margin: 0 auto;
+        }
+
+        .sidebar.collapsed .chat-history {
+            padding: 4px;
         }
 
         .sidebar-header {
@@ -73,6 +140,12 @@
             gap: 8px;
         }
 
+        .sidebar-title img {
+            width: 24px;
+            height: 24px;
+            object-fit: contain;
+        }
+
         .sidebar-toggle {
             background: none;
             border: none;
@@ -370,6 +443,131 @@
             color: var(--accent);
         }
 
+        /* 모달 스타일 */
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.5);
+            backdrop-filter: blur(4px);
+        }
+
+        .modal-content {
+            background-color: var(--bg-primary);
+            margin: 5% auto;
+            border-radius: 12px;
+            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+            width: 90%;
+            max-width: 800px;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .modal-header {
+            padding: 20px 24px;
+            border-bottom: 1px solid var(--border);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: var(--bg-secondary);
+        }
+
+        .modal-header h2 {
+            margin: 0;
+            font-size: 20px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+
+        .modal-close {
+            background: none;
+            border: none;
+            font-size: 28px;
+            color: var(--text-secondary);
+            cursor: pointer;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            transition: background 0.2s;
+        }
+
+        .modal-close:hover {
+            background: var(--bg-tertiary);
+        }
+
+        .modal-body {
+            padding: 24px;
+            overflow-y: auto;
+        }
+
+        .webnovel-item {
+            padding: 16px;
+            margin-bottom: 12px;
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            background: var(--bg-secondary);
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .webnovel-item:hover {
+            background: var(--bg-tertiary);
+            border-color: var(--accent);
+        }
+
+        .webnovel-item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
+        .webnovel-item-title {
+            font-size: 16px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+
+        .webnovel-item-meta {
+            font-size: 12px;
+            color: var(--text-secondary);
+            display: flex;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+
+        .webnovel-item-actions {
+            display: flex;
+            gap: 8px;
+            margin-top: 12px;
+        }
+
+        .webnovel-item-btn {
+            padding: 6px 12px;
+            border: 1px solid var(--border);
+            border-radius: 6px;
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            font-size: 12px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .webnovel-item-btn:hover {
+            background: var(--accent);
+            color: white;
+            border-color: var(--accent);
+        }
+
         /* 로그아웃 버튼 */
         .sidebar-footer {
             border-top: 1px solid var(--border);
@@ -436,9 +634,10 @@
             gap: 12px;
         }
 
-        .header-title::before {
-            content: '🤖';
-            font-size: 24px;
+        .header-title img {
+            width: 24px;
+            height: 24px;
+            object-fit: contain;
         }
 
         .header-actions {
@@ -861,8 +1060,8 @@
     <div class="sidebar" id="sidebar">
         <div class="sidebar-header">
             <div class="sidebar-title">
-                <span>🤖</span>
-                <span>SOY NV AI</span>
+                <img src="{{ url_for('static', filename='logo.webp') }}" alt="SOY AI 로고" class="sidebar-logo">
+                <span class="sidebar-title-text">작품 개발 어시스턴트</span>
             </div>
             <button class="sidebar-toggle" onclick="toggleSidebar()" title="사이드바 접기">
                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -874,7 +1073,7 @@
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                 <path d="M12 5v14M5 12h14"/>
             </svg>
-            새 대화
+            <span>새 대화</span>
         </button>
         <div class="chat-history" id="chatHistory">
             <!-- 대화 히스토리 항목들이 여기에 동적으로 추가됩니다 -->
@@ -912,7 +1111,7 @@
                 학습할 웹소설 선택
             </div>
             <div class="novel-list" id="novelList">
-                <div class="novel-item-empty">모델을 선택하면 웹소설 목록이 표시됩니다</div>
+                <div class="novel-item-empty">웹소설 목록을 불러오는 중...</div>
             </div>
             <div class="selected-novels-info" id="selectedNovelsInfo"></div>
         </div>
@@ -938,9 +1137,14 @@
                         <path d="M3 12h18M3 6h18M3 18h18"/>
                     </svg>
                 </button>
-                <span>SOY NV AI</span>
+                <span></span>
             </div>
             <div class="header-actions">
+                <a href="{{ url_for('main.webnovels') }}" class="btn-icon" title="웹소설 보기" style="text-decoration: none; color: var(--text-secondary);">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6M16 13H8M16 17H8M10 9H8"/>
+                    </svg>
+                </a>
                 {% if current_user.is_admin %}
                 <a href="{{ url_for('main.admin') }}" class="btn-icon" title="관리자 페이지" style="text-decoration: none; color: var(--text-secondary);">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -966,7 +1170,7 @@
         <div class="chat-container" id="chatContainer">
             <div class="empty-state" id="emptyState">
                 <div class="empty-state-icon">💬</div>
-                <div class="empty-state-title">SOY NV AI에 오신 것을 환영합니다</div>
+                <div class="empty-state-title">SOYMEDIA 작품 세계에 오신 것을 환영합니다</div>
                 <div class="empty-state-description">
                     무엇이든 물어보세요. AI가 도와드리겠습니다.
                 </div>
@@ -990,6 +1194,78 @@
         </div>
     </div>
 
+    <!-- 웹소설 보기 모달 -->
+    <div id="webnovelsModal" class="modal" style="display: none;">
+        <div class="modal-content" style="max-width: 900px; max-height: 90vh;">
+            <div class="modal-header">
+                <h2>업로드된 웹소설</h2>
+                <button class="modal-close" onclick="closeWebnovelsModal()">&times;</button>
+            </div>
+            <div class="modal-body" style="display: flex; flex-direction: column; height: calc(90vh - 120px);">
+                <div style="margin-bottom: 16px;">
+                    <select id="webnovelModelFilter" onchange="loadWebnovels()" style="width: 100%; padding: 8px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-primary); color: var(--text-primary);">
+                        <option value="">모든 모델</option>
+                    </select>
+                </div>
+                <div id="webnovelsList" style="flex: 1; overflow-y: auto; border: 1px solid var(--border); border-radius: 8px; padding: 12px;">
+                    <div style="text-align: center; color: var(--text-secondary); padding: 24px;">
+                        웹소설 목록을 불러오는 중...
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 웹소설 내용 보기 모달 -->
+    <div id="webnovelContentModal" class="modal" style="display: none;">
+        <div class="modal-content" style="max-width: 1000px; max-height: 90vh;">
+            <div class="modal-header">
+                <h2 id="webnovelContentTitle">웹소설 내용</h2>
+                <button class="modal-close" onclick="closeWebnovelContentModal()">&times;</button>
+            </div>
+            <!-- 검색 영역 -->
+            <div style="padding: 12px 24px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); display: flex; gap: 8px; align-items: center; flex-wrap: wrap;">
+                <div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 200px;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: var(--text-secondary);">
+                        <circle cx="11" cy="11" r="8"></circle>
+                        <path d="m21 21-4.35-4.35"></path>
+                    </svg>
+                    <input type="text" id="webnovelSearchInput" placeholder="검색어를 입력하세요..." 
+                        style="flex: 1; padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg-primary); color: var(--text-primary); font-size: 14px; outline: none;"
+                        onkeydown="if(event.key === 'Enter') performWebnovelSearch()">
+                </div>
+                <button onclick="performWebnovelSearch()" 
+                    style="padding: 6px 16px; background: var(--accent); color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500;">
+                    검색
+                </button>
+                <button onclick="clearWebnovelSearch()" 
+                    style="padding: 6px 16px; background: var(--bg-tertiary); color: var(--text-secondary); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; font-size: 14px;">
+                    초기화
+                </button>
+                <div id="webnovelSearchInfo" style="font-size: 12px; color: var(--text-secondary); min-width: 120px; text-align: right;">
+                    <!-- 검색 결과 정보 표시 -->
+                </div>
+            </div>
+            <div style="padding: 8px 24px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); display: flex; gap: 8px; align-items: center; justify-content: center;">
+                <button onclick="scrollToPreviousMatch()" id="prevMatchBtn" 
+                    style="padding: 4px 12px; background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border); border-radius: 4px; cursor: pointer; font-size: 12px;"
+                    disabled>
+                    ← 이전
+                </button>
+                <button onclick="scrollToNextMatch()" id="nextMatchBtn"
+                    style="padding: 4px 12px; background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border); border-radius: 4px; cursor: pointer; font-size: 12px;"
+                    disabled>
+                    다음 →
+                </button>
+            </div>
+            <div class="modal-body" style="height: calc(90vh - 200px); overflow-y: auto; position: relative;" id="webnovelContentContainer">
+                <div id="webnovelContent" style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: var(--text-primary); padding: 16px;">
+                    내용을 불러오는 중...
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script>
         const chatContainer = document.getElementById('chatContainer');
         const messageInput = document.getElementById('messageInput');
@@ -1021,20 +1297,56 @@
         
         // 웹소설 목록 로드
         async function loadNovels() {
-            if (!selectedModel) {
-                novelList.innerHTML = '<div class="novel-item-empty">모델을 선택하면 웹소설 목록이 표시됩니다</div>';
-                selectedNovelsInfo.textContent = '';
-                return;
-            }
-            
             try {
-                const response = await fetch(`/api/files?model_name=${encodeURIComponent(selectedModel)}`);
+                // 모델이 선택되어 있으면 해당 모델의 파일만, 없으면 모든 파일
+                const url = selectedModel 
+                    ? `/api/files?model_name=${encodeURIComponent(selectedModel)}`
+                    : '/api/files';
+                
+                console.log('[웹소설 목록] API 요청:', url, '선택된 모델:', selectedModel || '없음 (전체)');
+                
+                const response = await fetch(url, {
+                    credentials: 'include'
+                });
+                
+                console.log('[웹소설 목록] 응답 상태:', response.status, response.statusText);
+                
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error('[웹소설 목록] 응답 오류:', errorText);
+                    throw new Error(`웹소설 목록을 불러올 수 없습니다. (${response.status})`);
+                }
+                
                 const data = await response.json();
+                console.log('[웹소설 목록] 응답 데이터:', data);
+                console.log('[웹소설 목록] files 배열:', data.files);
                 
                 novelList.innerHTML = '';
                 
-                if (data.files && data.files.length > 0) {
-                    data.files.forEach(file => {
+                // API 응답은 { files: [...], model_stats: {...} } 형태
+                let files = data.files || [];
+                console.log('[웹소설 목록] 파일 개수:', files.length);
+                
+                // 모델이 선택되어 있는데 해당 모델의 파일이 없으면, 모든 파일 다시 조회
+                if (selectedModel && files.length === 0) {
+                    console.log('[웹소설 목록] 선택한 모델에 파일이 없어 전체 파일 조회 중...');
+                    try {
+                        const allFilesResponse = await fetch('/api/files', {
+                            credentials: 'include'
+                        });
+                        if (allFilesResponse.ok) {
+                            const allFilesData = await allFilesResponse.json();
+                            files = allFilesData.files || [];
+                            console.log('[웹소설 목록] 전체 파일 개수:', files.length);
+                        }
+                    } catch (e) {
+                        console.error('[웹소설 목록] 전체 파일 조회 오류:', e);
+                    }
+                }
+                
+                if (files.length > 0) {
+                    files.forEach(file => {
+                        console.log('[웹소설 목록] 파일 처리:', file);
                         const novelItem = document.createElement('div');
                         novelItem.className = 'novel-item';
                         
@@ -1048,8 +1360,12 @@
                         const label = document.createElement('label');
                         label.className = 'novel-item-name';
                         label.htmlFor = `novel-${file.id}`;
-                        label.textContent = file.original_filename;
-                        label.title = file.original_filename;
+                        // 모델 정보도 함께 표시
+                        const displayText = files.some(f => f.model_name && f.model_name !== selectedModel)
+                            ? `${file.original_filename} (${file.model_name || '미지정'})`
+                            : file.original_filename;
+                        label.textContent = displayText;
+                        label.title = `${file.original_filename} (${file.model_name || '미지정'})`;
                         
                         novelItem.appendChild(checkbox);
                         novelItem.appendChild(label);
@@ -1057,12 +1373,14 @@
                     });
                     updateSelectedNovelsInfo();
                 } else {
+                    // 모든 파일을 조회했는데도 없으면 진짜 없는 것
                     novelList.innerHTML = '<div class="novel-item-empty">업로드된 웹소설이 없습니다</div>';
                     selectedNovelsInfo.textContent = '';
                 }
             } catch (error) {
-                console.error('웹소설 목록 로드 오류:', error);
-                novelList.innerHTML = '<div class="novel-item-empty">웹소설 목록을 불러올 수 없습니다</div>';
+                console.error('[웹소설 목록] 로드 오류:', error);
+                novelList.innerHTML = `<div class="novel-item-empty">웹소설 목록을 불러올 수 없습니다<br><small style="color: #ea4335;">${error.message}</small></div>`;
+                selectedNovelsInfo.textContent = '';
             }
         }
         
@@ -1518,13 +1836,318 @@
             }
         }
         
+        // 웹소설 모달 관련 함수
+        async function showWebnovelsModal() {
+            const modal = document.getElementById('webnovelsModal');
+            modal.style.display = 'block';
+            await loadWebnovels();
+            await loadWebnovelModelFilter();
+        }
+
+        function closeWebnovelsModal() {
+            document.getElementById('webnovelsModal').style.display = 'none';
+        }
+
+        async function loadWebnovelModelFilter() {
+            try {
+                const response = await fetch('/api/ollama/models');
+                if (!response.ok) throw new Error('모델 목록을 불러올 수 없습니다.');
+                const data = await response.json();
+                const models = data.models || [];
+                
+                const filter = document.getElementById('webnovelModelFilter');
+                filter.innerHTML = '<option value="">모든 모델</option>';
+                models.forEach(model => {
+                    const option = document.createElement('option');
+                    option.value = model.name;
+                    option.textContent = model.name;
+                    filter.appendChild(option);
+                });
+            } catch (error) {
+                console.error('모델 필터 로드 오류:', error);
+            }
+        }
+
+        async function loadWebnovels() {
+            const listContainer = document.getElementById('webnovelsList');
+            const modelFilter = document.getElementById('webnovelModelFilter');
+            const modelName = modelFilter ? modelFilter.value : '';
+            
+            listContainer.innerHTML = '<div style="text-align: center; color: var(--text-secondary); padding: 24px;">웹소설 목록을 불러오는 중...</div>';
+            
+            try {
+                const url = modelName ? `/api/files?model_name=${encodeURIComponent(modelName)}` : '/api/files';
+                const response = await fetch(url);
+                if (!response.ok) throw new Error('웹소설 목록을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                
+                // API 응답은 { files: [...], model_stats: {...} } 형태
+                const files = data.files || [];
+                
+                if (!Array.isArray(files)) {
+                    console.error('예상치 못한 응답 형식:', data);
+                    throw new Error('웹소설 목록 형식이 올바르지 않습니다.');
+                }
+                
+                if (files.length === 0) {
+                    listContainer.innerHTML = '<div style="text-align: center; color: var(--text-secondary); padding: 24px;">업로드된 웹소설이 없습니다.</div>';
+                    return;
+                }
+                
+                listContainer.innerHTML = '';
+                files.forEach(file => {
+                    const fileItem = document.createElement('div');
+                    fileItem.className = 'webnovel-item';
+                    
+                    const uploadedDate = new Date(file.uploaded_at);
+                    const formattedDate = uploadedDate.toLocaleDateString('ko-KR', {
+                        year: 'numeric',
+                        month: 'long',
+                        day: 'numeric'
+                    });
+                    
+                    fileItem.innerHTML = `
+                        <div class="webnovel-item-header">
+                            <div class="webnovel-item-title">${escapeHtml(file.original_filename)}</div>
+                        </div>
+                        <div class="webnovel-item-meta">
+                            <span>📅 ${formattedDate}</span>
+                            <span>📦 ${formatFileSize(file.file_size)}</span>
+                            <span>🧩 청크: ${file.chunk_count || 0}개</span>
+                            ${file.model_name ? `<span>🤖 ${escapeHtml(file.model_name)}</span>` : ''}
+                        </div>
+                        <div class="webnovel-item-actions">
+                            <button class="webnovel-item-btn" onclick="viewWebnovelContent(${file.id}, '${escapeHtml(file.original_filename)}')">내용 보기</button>
+                        </div>
+                    `;
+                    listContainer.appendChild(fileItem);
+                });
+            } catch (error) {
+                console.error('웹소설 목록 로드 오류:', error);
+                listContainer.innerHTML = `<div style="text-align: center; color: #ea4335; padding: 24px;">오류: ${error.message}</div>`;
+            }
+        }
+
+        let webnovelOriginalContent = '';
+        let webnovelSearchMatches = [];
+        let webnovelCurrentMatchIndex = -1;
+
+        async function viewWebnovelContent(fileId, filename) {
+            const modal = document.getElementById('webnovelContentModal');
+            const title = document.getElementById('webnovelContentTitle');
+            const content = document.getElementById('webnovelContent');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            
+            modal.style.display = 'block';
+            title.textContent = filename;
+            content.textContent = '내용을 불러오는 중...';
+            searchInput.value = '';
+            webnovelOriginalContent = '';
+            webnovelSearchMatches = [];
+            webnovelCurrentMatchIndex = -1;
+            updateWebnovelSearchInfo();
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/content`);
+                if (!response.ok) throw new Error('웹소설 내용을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                webnovelOriginalContent = data.content;
+                content.textContent = data.content;
+                
+                // 검색 입력 필드 포커스
+                searchInput.focus();
+            } catch (error) {
+                console.error('웹소설 내용 로드 오류:', error);
+                content.textContent = `오류: ${error.message}`;
+            }
+        }
+
+        function performWebnovelSearch() {
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            const content = document.getElementById('webnovelContent');
+            
+            if (!searchTerm) {
+                clearWebnovelSearch();
+                return;
+            }
+            
+            if (!webnovelOriginalContent) {
+                webnovelOriginalContent = content.textContent;
+            }
+            
+            // 검색어로 하이라이트 처리
+            const regex = new RegExp(`(${escapeRegex(searchTerm)})`, 'gi');
+            const highlightedContent = webnovelOriginalContent.replace(regex, '<mark style="background: #ffeb3b; padding: 2px 0; border-radius: 2px;">$1</mark>');
+            content.innerHTML = highlightedContent;
+            
+            // 검색 결과 위치 찾기
+            webnovelSearchMatches = [];
+            const matches = [...webnovelOriginalContent.matchAll(new RegExp(escapeRegex(searchTerm), 'gi'))];
+            matches.forEach(match => {
+                webnovelSearchMatches.push(match.index);
+            });
+            
+            webnovelCurrentMatchIndex = webnovelSearchMatches.length > 0 ? 0 : -1;
+            updateWebnovelSearchInfo();
+            updateWebnovelNavigationButtons();
+            
+            if (webnovelCurrentMatchIndex >= 0) {
+                scrollToMatch(webnovelCurrentMatchIndex);
+            }
+        }
+
+        function clearWebnovelSearch() {
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const content = document.getElementById('webnovelContent');
+            
+            searchInput.value = '';
+            if (webnovelOriginalContent) {
+                content.textContent = webnovelOriginalContent;
+            }
+            webnovelSearchMatches = [];
+            webnovelCurrentMatchIndex = -1;
+            updateWebnovelSearchInfo();
+            updateWebnovelNavigationButtons();
+        }
+
+        function scrollToMatch(index) {
+            if (index < 0 || index >= webnovelSearchMatches.length) return;
+            
+            const content = document.getElementById('webnovelContent');
+            const container = document.getElementById('webnovelContentContainer');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            
+            if (!searchTerm) return;
+            
+            // HTML이 있는 경우 (하이라이트된 경우)
+            const marks = content.querySelectorAll('mark');
+            if (marks.length > 0 && marks[index]) {
+                // 이전 하이라이트 제거
+                marks.forEach((mark, i) => {
+                    if (i === index) {
+                        mark.style.background = '#ff9800';
+                        mark.style.fontWeight = 'bold';
+                        mark.style.boxShadow = '0 0 4px rgba(255, 152, 0, 0.5)';
+                    } else {
+                        mark.style.background = '#ffeb3b';
+                        mark.style.fontWeight = 'normal';
+                        mark.style.boxShadow = 'none';
+                    }
+                });
+                
+                // 해당 매치로 스크롤
+                marks[index].scrollIntoView({ behavior: 'smooth', block: 'center' });
+            } else {
+                // 텍스트만 있는 경우 Range API 사용
+                const textNode = content.firstChild;
+                if (textNode && textNode.nodeType === Node.TEXT_NODE) {
+                    const range = document.createRange();
+                    const matchPos = webnovelSearchMatches[index];
+                    const matchLength = searchTerm.length;
+                    
+                    try {
+                        range.setStart(textNode, matchPos);
+                        range.setEnd(textNode, matchPos + matchLength);
+                        
+                        // Range의 위치 정보 가져오기
+                        const rect = range.getBoundingClientRect();
+                        const containerRect = container.getBoundingClientRect();
+                        
+                        // 스크롤 계산
+                        const scrollTop = container.scrollTop + (rect.top - containerRect.top) - (containerRect.height / 2);
+                        container.scrollTo({ top: scrollTop, behavior: 'smooth' });
+                    } catch (e) {
+                        console.error('스크롤 오류:', e);
+                    }
+                }
+            }
+        }
+
+        function scrollToNextMatch() {
+            if (webnovelSearchMatches.length === 0) return;
+            webnovelCurrentMatchIndex = (webnovelCurrentMatchIndex + 1) % webnovelSearchMatches.length;
+            scrollToMatch(webnovelCurrentMatchIndex);
+            updateWebnovelSearchInfo();
+        }
+
+        function scrollToPreviousMatch() {
+            if (webnovelSearchMatches.length === 0) return;
+            webnovelCurrentMatchIndex = webnovelCurrentMatchIndex <= 0 
+                ? webnovelSearchMatches.length - 1 
+                : webnovelCurrentMatchIndex - 1;
+            scrollToMatch(webnovelCurrentMatchIndex);
+            updateWebnovelSearchInfo();
+        }
+
+        function updateWebnovelSearchInfo() {
+            const info = document.getElementById('webnovelSearchInfo');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            
+            if (!searchTerm || webnovelSearchMatches.length === 0) {
+                info.textContent = '';
+                return;
+            }
+            
+            if (webnovelCurrentMatchIndex >= 0) {
+                info.textContent = `${webnovelCurrentMatchIndex + 1} / ${webnovelSearchMatches.length}`;
+            } else {
+                info.textContent = `총 ${webnovelSearchMatches.length}개`;
+            }
+        }
+
+        function updateWebnovelNavigationButtons() {
+            const prevBtn = document.getElementById('prevMatchBtn');
+            const nextBtn = document.getElementById('nextMatchBtn');
+            const hasMatches = webnovelSearchMatches.length > 0;
+            
+            prevBtn.disabled = !hasMatches;
+            nextBtn.disabled = !hasMatches;
+        }
+
+        function escapeRegex(str) {
+            return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        }
+
+        function closeWebnovelContentModal() {
+            document.getElementById('webnovelContentModal').style.display = 'none';
+            clearWebnovelSearch();
+        }
+
+        function formatFileSize(bytes) {
+            if (bytes < 1024) return bytes + ' B';
+            if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+            return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+        }
+
+        function escapeHtml(text) {
+            const div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+
+        // 모달 외부 클릭 시 닫기
+        window.onclick = function(event) {
+            const webnovelsModal = document.getElementById('webnovelsModal');
+            const contentModal = document.getElementById('webnovelContentModal');
+            if (event.target === webnovelsModal) {
+                closeWebnovelsModal();
+            }
+            if (event.target === contentModal) {
+                closeWebnovelContentModal();
+            }
+        }
+
         // 페이지 로드 시 초기화
         window.addEventListener('load', async () => {
             await loadChatHistory();
             await loadModels();
-            if (selectedModel) {
-                loadNovels();
-            }
+            // 모델 선택 여부와 관계없이 웹소설 목록 로드 (모델이 선택되어 있으면 해당 모델의 파일만, 없으면 모든 파일)
+            loadNovels();
             messageInput.focus();
         });
     </script>

templates/login.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>로그인 - SOY NV AI</title>
+    <title>로그인 - SOY AI 웹소설 어시스턴트</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
     <style>
@@ -50,8 +50,16 @@
         }
 
         .login-icon {
-            font-size: 48px;
             margin-bottom: 16px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .login-icon img {
+            width: 64px;
+            height: 64px;
+            object-fit: contain;
         }
 
         .form-group {
@@ -127,8 +135,10 @@
 <body>
     <div class="login-container">
         <div class="login-header">
-            <div class="login-icon">🤖</div>
-            <h1>SOY NV AI</h1>
+            <div class="login-icon">
+                <img src="{{ url_for('static', filename='logo.webp') }}" alt="SOY AI 로고">
+            </div>
+            <h1>SOY AI<br/>작품 개발 어시스턴트</h1>
             <p>로그인이 필요합니다</p>
         </div>
 
@@ -166,3 +176,4 @@
 
 
 
+

templates/webnovels.html

@@ -0,0 +1,697 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>업로드된 웹소설 - SOY NV AI</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        :root {
+            --bg-primary: #ffffff;
+            --bg-secondary: #f8f9fa;
+            --bg-tertiary: #f1f3f4;
+            --text-primary: #202124;
+            --text-secondary: #5f6368;
+            --accent: #1a73e8;
+            --accent-hover: #1557b0;
+            --border: #dadce0;
+            --ai-bg: #e8f0fe;
+        }
+
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: var(--bg-secondary);
+            color: var(--text-primary);
+        }
+
+        .header {
+            background: var(--bg-primary);
+            border-bottom: 1px solid var(--border);
+            padding: 16px 24px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+        }
+
+        .header-title {
+            font-size: 20px;
+            font-weight: 500;
+            display: flex;
+            align-items: center;
+            gap: 12px;
+        }
+
+        .header-actions {
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+
+        .btn {
+            padding: 8px 16px;
+            border: none;
+            border-radius: 6px;
+            font-size: 14px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: all 0.2s;
+            text-decoration: none;
+            display: inline-block;
+        }
+
+        .btn-primary {
+            background: var(--accent);
+            color: white;
+        }
+
+        .btn-primary:hover {
+            background: var(--accent-hover);
+        }
+
+        .btn-secondary {
+            background: var(--bg-tertiary);
+            color: var(--text-primary);
+        }
+
+        .btn-secondary:hover {
+            background: var(--border);
+        }
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 24px;
+        }
+
+        .page-header {
+            margin-bottom: 24px;
+        }
+
+        .page-header h1 {
+            font-size: 28px;
+            font-weight: 600;
+            margin-bottom: 8px;
+        }
+
+        .page-header p {
+            color: var(--text-secondary);
+        }
+
+        .card {
+            background: var(--bg-primary);
+            border-radius: 8px;
+            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+            padding: 24px;
+            margin-bottom: 24px;
+        }
+
+        .filter-section {
+            margin-bottom: 16px;
+            display: flex;
+            gap: 12px;
+            align-items: center;
+        }
+
+        .filter-section select {
+            padding: 8px 12px;
+            border: 1px solid var(--border);
+            border-radius: 6px;
+            font-size: 14px;
+            background: var(--bg-primary);
+            color: var(--text-primary);
+            flex: 1;
+            max-width: 300px;
+        }
+
+        .webnovel-item {
+            padding: 16px;
+            margin-bottom: 12px;
+            border: 1px solid var(--border);
+            border-radius: 8px;
+            background: var(--bg-secondary);
+            transition: all 0.2s;
+        }
+
+        .webnovel-item:hover {
+            background: var(--bg-tertiary);
+            border-color: var(--accent);
+        }
+
+        .webnovel-item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 8px;
+        }
+
+        .webnovel-item-title {
+            font-size: 16px;
+            font-weight: 500;
+            color: var(--text-primary);
+        }
+
+        .webnovel-item-meta {
+            font-size: 12px;
+            color: var(--text-secondary);
+            display: flex;
+            gap: 12px;
+            flex-wrap: wrap;
+            margin-bottom: 12px;
+        }
+
+        .webnovel-item-actions {
+            display: flex;
+            gap: 8px;
+        }
+
+        .webnovel-item-btn {
+            padding: 6px 16px;
+            background: var(--accent);
+            color: white;
+            border: none;
+            border-radius: 6px;
+            font-size: 13px;
+            font-weight: 500;
+            cursor: pointer;
+            transition: background 0.2s;
+        }
+
+        .webnovel-item-btn:hover {
+            background: var(--accent-hover);
+        }
+
+        /* 모달 스타일 */
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .modal.active {
+            display: flex;
+        }
+
+        .modal-content {
+            background: var(--bg-primary);
+            border-radius: 8px;
+            padding: 0;
+            width: 90%;
+            max-width: 1000px;
+            max-height: 90vh;
+            overflow: hidden;
+            display: flex;
+            flex-direction: column;
+        }
+
+        .modal-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 20px 24px;
+            border-bottom: 1px solid var(--border);
+        }
+
+        .modal-title {
+            font-size: 20px;
+            font-weight: 500;
+        }
+
+        .modal-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: var(--text-secondary);
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            transition: background 0.2s;
+        }
+
+        .modal-close:hover {
+            background: var(--bg-tertiary);
+        }
+
+        .modal-body {
+            padding: 24px;
+            overflow-y: auto;
+            flex: 1;
+        }
+
+        mark {
+            background: #ffeb3b;
+            padding: 2px 0;
+            border-radius: 2px;
+        }
+    </style>
+</head>
+<body>
+    <div class="header">
+        <div class="header-title">
+            <span>📚</span>
+            <span>업로드된 웹소설</span>
+        </div>
+        <div class="header-actions">
+            <span style="margin-right: 12px; color: var(--text-secondary);">{{ current_user.nickname or current_user.username }}</span>
+            <a href="{{ url_for('main.index') }}" class="btn btn-secondary">메인으로</a>
+            {% if current_user.is_admin %}
+            <a href="{{ url_for('main.admin') }}" class="btn btn-secondary">관리자 페이지</a>
+            {% endif %}
+            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary">로그아웃</a>
+        </div>
+    </div>
+
+    <div class="container">
+        <div class="page-header">
+            <h1>업로드된 웹소설</h1>
+            <p>업로드된 웹소설 목록을 확인하고 내용을 볼 수 있습니다.</p>
+        </div>
+
+        <div class="card">
+            <div class="filter-section" style="display: flex; gap: 16px; align-items: center; flex-wrap: wrap;">
+                <div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 250px;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: var(--text-secondary);">
+                        <circle cx="11" cy="11" r="8"></circle>
+                        <path d="m21 21-4.35-4.35"></path>
+                    </svg>
+                    <input type="text" id="webnovelTitleSearch" placeholder="제목으로 검색..." 
+                        style="flex: 1; padding: 8px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg-primary); color: var(--text-primary); font-size: 14px; outline: none;"
+                        oninput="filterWebnovelsByTitle()"
+                        onkeydown="if(event.key === 'Escape') { document.getElementById('webnovelTitleSearch').value = ''; filterWebnovelsByTitle(); }">
+                </div>
+                <div style="display: flex; align-items: center; gap: 8px;">
+                    <label for="webnovelModelFilter" style="font-size: 14px; font-weight: 500; color: var(--text-primary);">모델 필터:</label>
+                    <select id="webnovelModelFilter" onchange="loadWebnovels()" style="min-width: 200px;">
+                        <option value="">모든 모델</option>
+                    </select>
+                </div>
+            </div>
+            <div id="webnovelsList" style="min-height: 400px;">
+                <div style="text-align: center; color: var(--text-secondary); padding: 24px;">
+                    웹소설 목록을 불러오는 중...
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- 웹소설 내용 보기 모달 -->
+    <div id="webnovelContentModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h2 class="modal-title" id="webnovelContentTitle">웹소설 내용</h2>
+                <button class="modal-close" onclick="closeWebnovelContentModal()">&times;</button>
+            </div>
+            <!-- 검색 영역 -->
+            <div style="padding: 12px 24px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); display: flex; gap: 8px; align-items: center; flex-wrap: wrap;">
+                <div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 200px;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: var(--text-secondary);">
+                        <circle cx="11" cy="11" r="8"></circle>
+                        <path d="m21 21-4.35-4.35"></path>
+                    </svg>
+                    <input type="text" id="webnovelSearchInput" placeholder="검색어를 입력하세요..." 
+                        style="flex: 1; padding: 6px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg-primary); color: var(--text-primary); font-size: 14px; outline: none;"
+                        onkeydown="if(event.key === 'Enter') performWebnovelSearch()">
+                </div>
+                <button onclick="performWebnovelSearch()" 
+                    style="padding: 6px 16px; background: var(--accent); color: white; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500;">
+                    검색
+                </button>
+                <button onclick="clearWebnovelSearch()" 
+                    style="padding: 6px 16px; background: var(--bg-tertiary); color: var(--text-secondary); border: 1px solid var(--border); border-radius: 6px; cursor: pointer; font-size: 14px;">
+                    초기화
+                </button>
+                <div id="webnovelSearchInfo" style="font-size: 12px; color: var(--text-secondary); min-width: 120px; text-align: right;">
+                    <!-- 검색 결과 정보 표시 -->
+                </div>
+            </div>
+            <div style="padding: 8px 24px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); display: flex; gap: 8px; align-items: center; justify-content: center;">
+                <button onclick="scrollToPreviousMatch()" id="prevMatchBtn" 
+                    style="padding: 4px 12px; background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border); border-radius: 4px; cursor: pointer; font-size: 12px;"
+                    disabled>
+                    ← 이전
+                </button>
+                <button onclick="scrollToNextMatch()" id="nextMatchBtn"
+                    style="padding: 4px 12px; background: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border); border-radius: 4px; cursor: pointer; font-size: 12px;"
+                    disabled>
+                    다음 →
+                </button>
+            </div>
+            <div class="modal-body" style="height: calc(90vh - 200px); overflow-y: auto; position: relative;" id="webnovelContentContainer">
+                <div id="webnovelContent" style="white-space: pre-wrap; font-family: inherit; line-height: 1.6; color: var(--text-primary); padding: 16px;">
+                    내용을 불러오는 중...
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function escapeHtml(text) {
+            const div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+
+        function formatFileSize(bytes) {
+            if (bytes === 0) return '0 Bytes';
+            const k = 1024;
+            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+            const i = Math.floor(Math.log(bytes) / Math.log(k));
+            return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
+        }
+
+        async function loadWebnovelModelFilter() {
+            try {
+                const response = await fetch('/api/ollama/models');
+                if (!response.ok) throw new Error('모델 목록을 불러올 수 없습니다.');
+                const data = await response.json();
+                const models = data.models || [];
+                
+                const filter = document.getElementById('webnovelModelFilter');
+                filter.innerHTML = '<option value="">모든 모델</option>';
+                models.forEach(model => {
+                    const option = document.createElement('option');
+                    option.value = model.name;
+                    option.textContent = model.name;
+                    filter.appendChild(option);
+                });
+            } catch (error) {
+                console.error('모델 필터 로드 오류:', error);
+            }
+        }
+
+        let allWebnovels = []; // 전체 웹소설 목록 저장
+
+        async function loadWebnovels() {
+            const listContainer = document.getElementById('webnovelsList');
+            const modelFilter = document.getElementById('webnovelModelFilter');
+            const modelName = modelFilter ? modelFilter.value : '';
+            
+            listContainer.innerHTML = '<div style="text-align: center; color: var(--text-secondary); padding: 24px;">웹소설 목록을 불러오는 중...</div>';
+            
+            try {
+                const url = modelName ? `/api/files?model_name=${encodeURIComponent(modelName)}` : '/api/files';
+                const response = await fetch(url, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('웹소설 목록을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                
+                // API 응답은 { files: [...], model_stats: {...} } 형태
+                allWebnovels = data.files || [];
+                
+                if (!Array.isArray(allWebnovels)) {
+                    console.error('예상치 못한 응답 형식:', data);
+                    throw new Error('웹소설 목록 형식이 올바르지 않습니다.');
+                }
+                
+                // 제목 검색 필터 적용
+                filterWebnovelsByTitle();
+            } catch (error) {
+                console.error('웹소설 목록 로드 오류:', error);
+                listContainer.innerHTML = `<div style="text-align: center; color: #ea4335; padding: 24px;">오류: ${error.message}</div>`;
+            }
+        }
+
+        function filterWebnovelsByTitle() {
+            const listContainer = document.getElementById('webnovelsList');
+            const searchInput = document.getElementById('webnovelTitleSearch');
+            const searchTerm = searchInput ? searchInput.value.trim().toLowerCase() : '';
+            
+            if (allWebnovels.length === 0) {
+                listContainer.innerHTML = '<div style="text-align: center; color: var(--text-secondary); padding: 24px;">업로드된 웹소설이 없습니다.</div>';
+                return;
+            }
+            
+            // 제목으로 필터링
+            const filteredFiles = searchTerm 
+                ? allWebnovels.filter(file => file.original_filename.toLowerCase().includes(searchTerm))
+                : allWebnovels;
+            
+            if (filteredFiles.length === 0) {
+                listContainer.innerHTML = `<div style="text-align: center; color: var(--text-secondary); padding: 24px;">검색 결과가 없습니다. (검색어: "${escapeHtml(searchTerm)}")</div>`;
+                return;
+            }
+            
+            listContainer.innerHTML = '';
+            filteredFiles.forEach(file => {
+                const fileItem = document.createElement('div');
+                fileItem.className = 'webnovel-item';
+                
+                const uploadedDate = new Date(file.uploaded_at);
+                const formattedDate = uploadedDate.toLocaleDateString('ko-KR', {
+                    year: 'numeric',
+                    month: 'long',
+                    day: 'numeric'
+                });
+                
+                // 검색어 하이라이트
+                let displayTitle = escapeHtml(file.original_filename);
+                if (searchTerm) {
+                    const regex = new RegExp(`(${escapeRegex(searchTerm)})`, 'gi');
+                    displayTitle = displayTitle.replace(regex, '<mark style="background: #ffeb3b; padding: 2px 4px; border-radius: 2px;">$1</mark>');
+                }
+                
+                fileItem.innerHTML = `
+                    <div class="webnovel-item-header">
+                        <div class="webnovel-item-title">${displayTitle}</div>
+                    </div>
+                    <div class="webnovel-item-meta">
+                        <span>📅 ${formattedDate}</span>
+                        <span>📦 ${formatFileSize(file.file_size)}</span>
+                        <span>🧩 청크: ${file.chunk_count || 0}개</span>
+                        ${file.model_name ? `<span>🤖 ${escapeHtml(file.model_name)}</span>` : ''}
+                    </div>
+                    <div class="webnovel-item-actions">
+                        <button class="webnovel-item-btn" onclick="viewWebnovelContent(${file.id}, '${escapeHtml(file.original_filename)}')">내용 보기</button>
+                    </div>
+                `;
+                listContainer.appendChild(fileItem);
+            });
+        }
+
+        let webnovelOriginalContent = '';
+        let webnovelSearchMatches = [];
+        let webnovelCurrentMatchIndex = -1;
+
+        async function viewWebnovelContent(fileId, filename) {
+            const modal = document.getElementById('webnovelContentModal');
+            const title = document.getElementById('webnovelContentTitle');
+            const content = document.getElementById('webnovelContent');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            
+            modal.classList.add('active');
+            title.textContent = filename;
+            content.textContent = '내용을 불러오는 중...';
+            searchInput.value = '';
+            webnovelOriginalContent = '';
+            webnovelSearchMatches = [];
+            webnovelCurrentMatchIndex = -1;
+            updateWebnovelSearchInfo();
+            
+            try {
+                const response = await fetch(`/api/files/${fileId}/content`, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('웹소설 내용을 불러올 수 없습니다.');
+                
+                const data = await response.json();
+                webnovelOriginalContent = data.content;
+                content.textContent = data.content;
+                
+                // 검색 입력 필드 포커스
+                searchInput.focus();
+            } catch (error) {
+                console.error('웹소설 내용 로드 오류:', error);
+                content.textContent = `오류: ${error.message}`;
+            }
+        }
+
+        function performWebnovelSearch() {
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            const content = document.getElementById('webnovelContent');
+            
+            if (!searchTerm) {
+                clearWebnovelSearch();
+                return;
+            }
+            
+            if (!webnovelOriginalContent) {
+                webnovelOriginalContent = content.textContent;
+            }
+            
+            // 검색어로 하이라이트 처리
+            const regex = new RegExp(`(${escapeRegex(searchTerm)})`, 'gi');
+            const highlightedContent = webnovelOriginalContent.replace(regex, '<mark style="background: #ffeb3b; padding: 2px 0; border-radius: 2px;">$1</mark>');
+            content.innerHTML = highlightedContent;
+            
+            // 검색 결과 위치 찾기
+            webnovelSearchMatches = [];
+            const matches = [...webnovelOriginalContent.matchAll(new RegExp(escapeRegex(searchTerm), 'gi'))];
+            matches.forEach(match => {
+                webnovelSearchMatches.push(match.index);
+            });
+            
+            webnovelCurrentMatchIndex = webnovelSearchMatches.length > 0 ? 0 : -1;
+            updateWebnovelSearchInfo();
+            updateWebnovelNavigationButtons();
+            
+            if (webnovelCurrentMatchIndex >= 0) {
+                scrollToMatch(webnovelCurrentMatchIndex);
+            }
+        }
+
+        function clearWebnovelSearch() {
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const content = document.getElementById('webnovelContent');
+            
+            searchInput.value = '';
+            if (webnovelOriginalContent) {
+                content.textContent = webnovelOriginalContent;
+            }
+            webnovelSearchMatches = [];
+            webnovelCurrentMatchIndex = -1;
+            updateWebnovelSearchInfo();
+            updateWebnovelNavigationButtons();
+        }
+
+        function scrollToMatch(index) {
+            if (index < 0 || index >= webnovelSearchMatches.length) return;
+            
+            const content = document.getElementById('webnovelContent');
+            const container = document.getElementById('webnovelContentContainer');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            
+            if (!searchTerm) return;
+            
+            // HTML이 있는 경우 (하이라이트된 경우)
+            const marks = content.querySelectorAll('mark');
+            if (marks.length > 0 && marks[index]) {
+                // 이전 하이라이트 제거
+                marks.forEach((mark, i) => {
+                    if (i === index) {
+                        mark.style.background = '#ff9800';
+                        mark.style.fontWeight = 'bold';
+                        mark.style.boxShadow = '0 0 4px rgba(255, 152, 0, 0.5)';
+                    } else {
+                        mark.style.background = '#ffeb3b';
+                        mark.style.fontWeight = 'normal';
+                        mark.style.boxShadow = 'none';
+                    }
+                });
+                
+                // 해당 매치로 스크롤
+                marks[index].scrollIntoView({ behavior: 'smooth', block: 'center' });
+            } else {
+                // 텍스트만 있는 경우 Range API 사용
+                const textNode = content.firstChild;
+                if (textNode && textNode.nodeType === Node.TEXT_NODE) {
+                    const range = document.createRange();
+                    const matchPos = webnovelSearchMatches[index];
+                    const matchLength = searchTerm.length;
+                    
+                    try {
+                        range.setStart(textNode, matchPos);
+                        range.setEnd(textNode, matchPos + matchLength);
+                        
+                        // Range의 위치 정보 가져오기
+                        const rect = range.getBoundingClientRect();
+                        const containerRect = container.getBoundingClientRect();
+                        
+                        // 스크롤 계산
+                        const scrollTop = container.scrollTop + (rect.top - containerRect.top) - (containerRect.height / 2);
+                        container.scrollTo({ top: scrollTop, behavior: 'smooth' });
+                    } catch (e) {
+                        console.error('스크롤 오류:', e);
+                    }
+                }
+            }
+        }
+
+        function scrollToNextMatch() {
+            if (webnovelSearchMatches.length === 0) return;
+            webnovelCurrentMatchIndex = (webnovelCurrentMatchIndex + 1) % webnovelSearchMatches.length;
+            scrollToMatch(webnovelCurrentMatchIndex);
+            updateWebnovelSearchInfo();
+        }
+
+        function scrollToPreviousMatch() {
+            if (webnovelSearchMatches.length === 0) return;
+            webnovelCurrentMatchIndex = webnovelCurrentMatchIndex <= 0 
+                ? webnovelSearchMatches.length - 1 
+                : webnovelCurrentMatchIndex - 1;
+            scrollToMatch(webnovelCurrentMatchIndex);
+            updateWebnovelSearchInfo();
+        }
+
+        function updateWebnovelSearchInfo() {
+            const info = document.getElementById('webnovelSearchInfo');
+            const searchInput = document.getElementById('webnovelSearchInput');
+            const searchTerm = searchInput.value.trim();
+            
+            if (!searchTerm || webnovelSearchMatches.length === 0) {
+                info.textContent = '';
+                return;
+            }
+            
+            if (webnovelCurrentMatchIndex >= 0) {
+                info.textContent = `${webnovelCurrentMatchIndex + 1} / ${webnovelSearchMatches.length}`;
+            } else {
+                info.textContent = `총 ${webnovelSearchMatches.length}개`;
+            }
+        }
+
+        function updateWebnovelNavigationButtons() {
+            const prevBtn = document.getElementById('prevMatchBtn');
+            const nextBtn = document.getElementById('nextMatchBtn');
+            const hasMatches = webnovelSearchMatches.length > 0;
+            
+            prevBtn.disabled = !hasMatches;
+            nextBtn.disabled = !hasMatches;
+        }
+
+        function escapeRegex(str) {
+            return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        }
+
+        function closeWebnovelContentModal() {
+            document.getElementById('webnovelContentModal').classList.remove('active');
+            clearWebnovelSearch();
+        }
+
+        // 모달 외부 클릭 시 닫기
+        document.getElementById('webnovelContentModal').addEventListener('click', function(e) {
+            if (e.target === this) {
+                closeWebnovelContentModal();
+            }
+        });
+
+        // 페이지 로드 시 초기화
+        window.addEventListener('load', async () => {
+            await loadWebnovelModelFilter();
+            await loadWebnovels();
+        });
+    </script>
+</body>
+</html>
+