Add Hugging Face Spaces deployment support and file public/private feature

- Add Hugging Face Spaces deployment files (app.py, Dockerfile, README_HF.md)
- Add GitHub Actions workflows for auto-deployment
- Add file public/private feature (is_public field in database)
- Improve Gemini API error handling (429 quota exceeded)
- Update admin pages with responsive design
- Add file upload timeout unlimited support

.github/workflows/README.md

@@ -0,0 +1,83 @@
+# GitHub Actions 워크플로우
+
+이 디렉토리에는 GitHub Actions 워크플로우 파일이 포함되어 있습니다.
+
+## 워크플로우 목록
+
+### deploy-to-hf.yml
+
+Hugging Face Spaces에 자동 배포하는 워크플로우입니다.
+
+#### 트리거 조건
+- `main` 또는 `master` 브랜치에 푸시될 때
+- 다음 파일/디렉토리가 변경될 때:
+  - `app/**`
+  - `templates/**`
+  - `static/**`
+  - `app.py`
+  - `Dockerfile`
+  - `requirements.txt`
+  - `README_HF.md`
+- 수동 실행 (workflow_dispatch)
+
+#### 필요한 Secrets 설정
+
+GitHub 저장소의 Settings > Secrets and variables > Actions에서 다음 secrets를 설정해야 합니다:
+
+1. **HF_USERNAME**: Hugging Face 사용자명
+2. **HF_SPACE_NAME**: Hugging Face Space 이름
+3. **HF_TOKEN**: Hugging Face Access Token
+   - [Hugging Face Settings > Access Tokens](https://huggingface.co/settings/tokens)에서 생성
+   - `write` 권한이 필요합니다
+
+#### 사용 방법
+
+1. GitHub 저장소에 secrets 설정
+2. 코드를 `main` 또는 `master` 브랜치에 푸시
+3. 자동으로 Hugging Face Spaces에 배포됨
+
+또는 GitHub Actions 탭에서 수동으로 실행할 수 있습니다.
+
+## Secrets 설정 방법
+
+### 1. Hugging Face Access Token 생성
+
+1. [Hugging Face Settings](https://huggingface.co/settings/tokens) 접속
+2. "New token" 클릭
+3. Token 이름 입력 (예: `github-actions-deploy`)
+4. Token type: **Write** 선택
+5. "Generate a token" 클릭
+6. 생성된 토큰을 복사 (한 번만 표시됨)
+
+### 2. GitHub Secrets 설정
+
+1. GitHub 저장소의 Settings > Secrets and variables > Actions 접속
+2. "New repository secret" 클릭
+3. 다음 secrets 추가:
+
+   - **Name**: `HF_USERNAME`
+     **Value**: Hugging Face 사용자명 (예: `your-username`)
+
+   - **Name**: `HF_SPACE_NAME`
+     **Value**: Space 이름 (예: `soy-nv-ai`)
+
+   - **Name**: `HF_TOKEN`
+     **Value**: 위에서 생성한 Hugging Face Access Token
+
+### 3. 워크플로우 테스트
+
+1. 코드 변경 후 `main` 브랜치에 푸시
+2. GitHub Actions 탭에서 워크플로우 실행 확인
+3. Hugging Face Spaces에서 배포 확인
+
+## 문제 해결
+
+### 배포 실패
+- Secrets가 올바르게 설정되었는지 확인
+- Hugging Face Token에 `write` 권한이 있는지 확인
+- Space 이름과 사용자명이 정확한지 확인
+
+### 파일이 업로드되지 않음
+- `.gitignore`에서 해당 파일이 제외되지 않았는지 확인
+- 워크플로우의 `paths` 필터에 해당 파일이 포함되어 있는지 확인
+

.github/workflows/deploy-to-hf.yml

@@ -0,0 +1,71 @@
+name: Deploy to Hugging Face Spaces
+
+on:
+  push:
+    branches:
+      - main
+      - master
+    paths:
+      - 'app/**'
+      - 'templates/**'
+      - 'static/**'
+      - 'app.py'
+      - 'Dockerfile'
+      - 'requirements.txt'
+      - 'README_HF.md'
+  workflow_dispatch:  # 수동 실행 가능
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+
+      - name: Setup Git
+        run: |
+          git config --global user.name "GitHub Actions"
+          git config --global user.email "actions@github.com"
+
+      - name: Checkout Hugging Face Space
+        uses: actions/checkout@v3
+        with:
+          repository: ${{ secrets.HF_USERNAME }}/${{ secrets.HF_SPACE_NAME }}
+          path: hf-space
+          token: ${{ secrets.HF_TOKEN }}
+
+      - name: Copy files to Hugging Face Space
+        run: |
+          # 필수 파일 복사
+          cp app.py hf-space/
+          cp Dockerfile hf-space/
+          cp requirements.txt hf-space/
+          cp README_HF.md hf-space/README.md
+          
+          # 디렉토리 복사
+          cp -r app hf-space/
+          cp -r templates hf-space/
+          cp -r static hf-space/
+          
+          # .gitkeep 파일이 필요한 디렉토리 확인
+          mkdir -p hf-space/instance
+          mkdir -p hf-space/uploads
+          mkdir -p hf-space/vector_db
+          mkdir -p hf-space/knowledge_graphs
+          mkdir -p hf-space/logs
+
+      - name: Commit and push to Hugging Face
+        working-directory: hf-space
+        run: |
+          git add .
+          git diff --staged --quiet || git commit -m "Auto-deploy from GitHub Actions - $(date +'%Y-%m-%d %H:%M:%S')"
+          git push
+
+      - name: Deployment Status
+        run: |
+          echo "✅ Deployment completed successfully!"
+          echo "Space URL: https://huggingface.co/spaces/${{ secrets.HF_USERNAME }}/${{ secrets.HF_SPACE_NAME }}"
+

.github/workflows/sync_to_hub.yml

@@ -0,0 +1,13 @@
+jobs:
+  sync-to-hub:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+          lfs: true
+      - name: Push to hub
+        env:
+          HF_TOKEN: ${{ secrets.HF_TOKEN }}
+        # 아래 줄에서 [아이디/스페이스이름] 부분을 이세인님 정보로 꼭 수정해주세요!
+        run: git push https://wiizm:$HF_TOKEN@huggingface.co/spaces/wiizm/

.github/workflows/test.yml

@@ -0,0 +1,59 @@
+name: Test Application
+
+on:
+  pull_request:
+    branches:
+      - main
+      - master
+  push:
+    branches:
+      - main
+      - master
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v3
+
+      - name: Set up Python
+        uses: actions/setup-python@v4
+        with:
+          python-version: '3.11'
+
+      - name: Install dependencies
+        run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+          pip install pytest pytest-cov flake8
+
+      - name: Lint with flake8
+        run: |
+          # flake8 설치 및 실행 (선택사항)
+          # flake8 app --count --select=E9,F63,F7,F82 --show-source --statistics
+          # flake8 app --count --exit-zero --max-complexity=10 --max-line-length=127 --statistics
+          echo "Linting skipped (flake8 not configured)"
+
+      - name: Check file structure
+        run: |
+          echo "Checking required files..."
+          test -f app.py && echo "✓ app.py exists" || echo "✗ app.py missing"
+          test -f Dockerfile && echo "✓ Dockerfile exists" || echo "✗ Dockerfile missing"
+          test -f requirements.txt && echo "✓ requirements.txt exists" || echo "✗ requirements.txt missing"
+          test -d app && echo "✓ app/ directory exists" || echo "✗ app/ directory missing"
+          test -d templates && echo "✓ templates/ directory exists" || echo "✗ templates/ directory missing"
+          test -d static && echo "✓ static/ directory exists" || echo "✗ static/ directory missing"
+
+      - name: Validate Python syntax
+        run: |
+          echo "Validating Python syntax..."
+          python -m py_compile app.py
+          find app -name "*.py" -exec python -m py_compile {} \;
+          echo "✓ All Python files are syntactically valid"
+
+      - name: Test complete
+        run: |
+          echo "✅ All tests passed!"
+

Dockerfile

@@ -0,0 +1,30 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+
+# 시스템 패키지 설치
+RUN apt-get update && apt-get install -y \
+    build-essential \
+    git \
+    && rm -rf /var/lib/apt/lists/*
+
+# Python 의존성 설치
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# 애플리케이션 코드 복사
+COPY . .
+
+# 필요한 디렉토리 생성
+RUN mkdir -p instance uploads vector_db knowledge_graphs logs static templates
+
+# 포트 노출 (Hugging Face Spaces는 7860 포트 사용)
+EXPOSE 7860
+
+# 환경 변수 설정
+ENV PORT=7860
+ENV HOST=0.0.0.0
+
+# 애플리케이션 실행
+CMD ["python", "app.py"]
+

EXAONE_설치_가이드.md

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

EXAONE_추가_안내.md

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

HF_UPLOAD_GUIDE.md

@@ -0,0 +1,144 @@
+# Hugging Face Spaces 업로드 가이드
+
+이 가이드는 Hugging Face Spaces에 파일을 업로드하는 방법을 설명합니다.
+
+## 방법 1: Git을 사용한 업로드 (권장)
+
+### 1. Hugging Face Spaces 생성
+
+1. [Hugging Face Spaces](https://huggingface.co/spaces) 접속
+2. "Create new Space" 클릭
+3. 설정:
+   - **Space name**: 원하는 이름
+   - **SDK**: Docker
+   - **Docker template**: Blank
+   - **Hardware**: CPU Basic (또는 필요에 따라)
+   - **Visibility**: Public 또는 Private
+
+### 2. Git 저장소 클론
+
+Spaces 생성 후, Hugging Face에서 제공하는 Git URL을 사용하여 클론:
+
+```bash
+# Hugging Face에서 제공하는 Git URL 사용
+git clone https://huggingface.co/spaces/YOUR_USERNAME/YOUR_SPACE_NAME
+cd YOUR_SPACE_NAME
+```
+
+### 3. 필요한 파일 복사
+
+로컬 프로젝트에서 필요한 파일들을 복사:
+
+```bash
+# Windows PowerShell에서 실행
+# 프로젝트 루트 디렉토리에서 실행
+
+# 필수 파일 복사
+Copy-Item ..\app.py .
+Copy-Item ..\Dockerfile .
+Copy-Item ..\requirements.txt .
+Copy-Item ..\README_HF.md README.md
+
+# 디렉토리 복사
+Copy-Item -Recurse ..\app .
+Copy-Item -Recurse ..\templates .
+Copy-Item -Recurse ..\static .
+```
+
+### 4. Git 커밋 및 푸시
+
+```bash
+git add .
+git commit -m "Initial deployment"
+git push
+```
+
+## 방법 2: 웹 인터페이스를 사용한 업로드
+
+1. Hugging Face Spaces 페이지 접속
+2. "Files and versions" 탭 클릭
+3. "Add file" > "Upload files" 클릭
+4. 다음 파일들을 드래그 앤 드롭으로 업로드:
+
+### 필수 파일 목록
+
+#### 루트 디렉토리 파일
+- `app.py`
+- `Dockerfile`
+- `requirements.txt`
+- `README.md` (README_HF.md의 내용 사용)
+
+#### 디렉토리 (폴더 전체 업로드)
+- `app/` (전체 디렉토리)
+- `templates/` (전체 디렉토리)
+- `static/` (전체 디렉토리)
+
+## 업로드하지 말아야 할 파일/폴더
+
+다음 항목은 `.gitignore`에 포함되어 있으므로 업로드하지 마세요:
+
+- `venv/` - 가상 환경
+- `instance/` - 데이터베이스 파일
+- `uploads/` - 업로드된 파일
+- `vector_db/` - 벡터 데이터베이스
+- `logs/` - 로그 파일
+- `*.pyc`, `__pycache__/` - Python 캐시
+- `.env` - 환경 변수 파일 (민감 정보)
+- `.git/` - Git 저장소
+
+## 환경 변수 설정
+
+파일 업로드 후, Settings > Repository secrets에서 환경 변수 설정:
+
+### 필수
+```
+SECRET_KEY=your-random-secret-key-here
+```
+
+### 선택사항
+```
+GEMINI_API_KEY=your-gemini-api-key
+DATABASE_URL=sqlite:///instance/finance_analysis.db
+```
+
+## 배포 확인
+
+1. Spaces 페이지에서 "Logs" 탭 확인
+2. 빌드가 완료되면 애플리케이션 접속 테스트
+3. 오류가 있으면 로그 확인
+
+## 빠른 업로드 스크립트 (Windows PowerShell)
+
+프로젝트 루트 디렉토리에서 실행:
+
+```powershell
+# Hugging Face Spaces 디렉토리 경로 설정
+$HF_SPACE_DIR = "C:\path\to\huggingface\space"
+
+# 필수 파일 복사
+Copy-Item app.py $HF_SPACE_DIR\
+Copy-Item Dockerfile $HF_SPACE_DIR\
+Copy-Item requirements.txt $HF_SPACE_DIR\
+Copy-Item README_HF.md "$HF_SPACE_DIR\README.md"
+
+# 디렉토리 복사
+Copy-Item -Recurse app "$HF_SPACE_DIR\app"
+Copy-Item -Recurse templates "$HF_SPACE_DIR\templates"
+Copy-Item -Recurse static "$HF_SPACE_DIR\static"
+
+Write-Host "파일 복사 완료!"
+```
+
+## 문제 해결
+
+### 빌드 실패
+- `requirements.txt`의 패키지 버전 확인
+- 로그에서 오류 메시지 확인
+
+### 런타임 오류
+- 환경 변수가 올바르게 설정되었는지 확인
+- `app.py`가 올바른 포트를 사용하는지 확인 (7860)
+
+### 파일 누락
+- 모든 필수 디렉토리(`app/`, `templates/`, `static/`)가 업로드되었는지 확인
+

HUGGINGFACE_DEPLOY.md

@@ -0,0 +1,146 @@
+# Hugging Face Spaces 배포 가이드
+
+이 가이드는 SOY NV AI 애플리케이션을 Hugging Face Spaces에 배포하는 방법을 설명합니다.
+
+## 사전 준비
+
+1. Hugging Face 계정 생성 및 로그인
+2. Hugging Face Spaces 생성
+
+## 배포 단계
+
+### 1. Hugging Face Spaces 생성
+
+1. [Hugging Face Spaces](https://huggingface.co/spaces)에 접속
+2. "Create new Space" 클릭
+3. 다음 정보 입력:
+   - **Space name**: 원하는 이름 (예: `soy-nv-ai`)
+   - **SDK**: `Docker` 선택
+   - **Docker template**: **Blank** 선택 (또는 비워두기) ✅
+     - 이미 `Dockerfile`을 생성했으므로 blank 템플릿을 선택하세요
+   - **Hardware**: 필요에 따라 선택 (CPU 기본, GPU 필요 시 선택)
+   - **Visibility**: Public 또는 Private 선택
+
+### 2. 파일 업로드
+
+다음 파일들을 Hugging Face Spaces에 업로드해야 합니다:
+
+#### 필수 파일
+- `app.py` - Hugging Face Spaces 진입점
+- `requirements.txt` - Python 패키지 의존성
+- `README.md` - 프로젝트 설명
+- `app/` - 애플리케이션 코드 디렉토리
+- `templates/` - HTML 템플릿 디렉토리
+- `static/` - 정적 파일 디렉토리
+
+#### 선택적 파일
+- `.gitignore` - Git 무시 파일
+- `.env.example` - 환경 변수 예제 (실제 `.env`는 업로드하지 않음)
+
+### 3. 환경 변수 설정
+
+Hugging Face Spaces의 Settings > Repository secrets에서 다음 환경 변수를 설정하세요:
+
+#### 필수 환경 변수
+- `SECRET_KEY`: Flask 시크릿 키 (랜덤 문자열 생성)
+- `GEMINI_API_KEY`: Google Gemini API 키 (Gemini 사용 시)
+
+#### 선택적 환경 변수
+- `DATABASE_URL`: 데이터베이스 URL (기본값: SQLite 사용)
+- `OLLAMA_BASE_URL`: Ollama 서버 URL (기본값: http://localhost:11434)
+- `EMBEDDING_MODEL_NAME`: 임베딩 모델 이름
+- `RERANKER_MODEL_NAME`: 리랭커 모델 이름
+
+### 4. Dockerfile 확인
+
+✅ **이미 생성됨**: 프로젝트 루트에 `Dockerfile`이 이미 생성되어 있습니다.
+
+필요한 경우 `Dockerfile`을 확인하거나 수정할 수 있습니다.
+
+### 5. README.md 작성
+
+Hugging Face Spaces용 README.md를 작성하세요:
+
+```markdown
+---
+title: SOY NV AI
+emoji: 📚
+colorFrom: blue
+colorTo: purple
+sdk: docker
+pinned: false
+---
+
+# SOY NV AI - 웹소설 작품 개발 어시스턴트
+
+AI를 활용한 웹소설 작품 개발을 지원하는 어시스턴트입니다.
+
+## 기능
+
+- 웹소설 파일 업로드 및 분석
+- AI 기반 작품 분석 및 요약
+- 캐릭터 관계 그래프 추출
+- 회차별 분석
+
+## 사용 방법
+
+1. 로그인 또는 회원가입
+2. 웹소설 파일 업로드
+3. AI 분석 실행
+4. 결과 확인
+
+## 환경 변수
+
+다음 환경 변수를 설정해야 합니다:
+
+- `SECRET_KEY`: Flask 시크릿 키
+- `GEMINI_API_KEY`: Google Gemini API 키 (선택사항)
+```
+
+## 주의사항
+
+### 1. 데이터베이스
+
+- Hugging Face Spaces는 임시 저장소이므로, 데이터베이스는 영구 저장소가 아닙니다.
+- 중요한 데이터는 외부 데이터베이스(PostgreSQL, MySQL 등)를 사용하거나 정기적으로 백업하세요.
+
+### 2. 파일 업로드
+
+- 업로드된 파일은 Spaces 재시작 시 삭제될 수 있습니다.
+- 영구 저장이 필요한 경우 외부 스토리지(S3, Google Cloud Storage 등)를 사용하세요.
+
+### 3. 리소스 제한
+
+- Hugging Face Spaces는 무료 티어에서 리소스 제한이 있습니다.
+- 대용량 파일 처리나 긴 작업은 타임아웃될 수 있습니다.
+
+### 4. Ollama 사용
+
+- Ollama는 로컬 서버이므로 Hugging Face Spaces에서 직접 사용할 수 없습니다.
+- 외부 Ollama 서버를 사용하거나, Hugging Face의 모델 API를 사용하세요.
+
+## 배포 후 확인
+
+1. Spaces 페이지에서 "Logs" 탭을 확인하여 오류가 없는지 확인
+2. 애플리케이션이 정상적으로 로드되는지 확인
+3. 로그인 및 기본 기능 테스트
+
+## 문제 해결
+
+### 빌드 실패
+- `requirements.txt`의 패키지 버전 확인
+- 로그에서 오류 메시지 확인
+
+### 런타임 오류
+- 환경 변수가 올바르게 설정되었는지 확인
+- 데이터베이스 경로 및 권한 확인
+
+### 성능 문제
+- 더 높은 하드웨어 티어로 업그레이드 고려
+- 불필요한 의존성 제거
+
+## 추가 리소스
+
+- [Hugging Face Spaces 문서](https://huggingface.co/docs/hub/spaces)
+- [Docker 배포 가이드](https://huggingface.co/docs/hub/spaces-sdks-docker)
+

README_HF.md

@@ -0,0 +1,56 @@
+---
+title: SOY NV AI
+emoji: 📚
+colorFrom: blue
+colorTo: purple
+sdk: docker
+pinned: false
+license: mit
+---
+
+# SOY NV AI - 웹소설 작품 개발 어시스턴트
+
+AI를 활용한 웹소설 작품 개발을 지원하는 어시스턴트입니다.
+
+## 주요 기능
+
+- 📝 웹소설 파일 업로드 및 분석
+- 🤖 AI 기반 작품 분석 및 요약
+- 🔗 캐릭터 관계 그래프 추출
+- 📊 회차별 상세 분석
+- 💬 AI 채팅 어시스턴트
+
+## 사용 방법
+
+1. **로그인/회원가입**: 처음 사용 시 계정을 생성하세요
+2. **파일 업로드**: 웹소설 파일(.txt, .md)을 업로드하세요
+3. **AI 분석**: Parent Chunk, Episode Analysis, Graph Extraction을 실행하세요
+4. **결과 확인**: 분석 결과를 확인하고 AI와 대화하세요
+
+## 환경 변수 설정
+
+Settings > Repository secrets에서 다음 환경 변수를 설정하세요:
+
+### 필수
+- `SECRET_KEY`: Flask 시크릿 키 (랜덤 문자열)
+
+### 선택사항
+- `GEMINI_API_KEY`: Google Gemini API 키
+- `DATABASE_URL`: 데이터베이스 URL (기본: SQLite)
+- `OLLAMA_BASE_URL`: Ollama 서버 URL
+
+## 기술 스택
+
+- **Backend**: Flask, SQLAlchemy
+- **AI**: Google Gemini, Ollama
+- **Vector DB**: ChromaDB
+- **Embedding**: Sentence Transformers
+
+## 주의사항
+
+⚠️ Hugging Face Spaces는 임시 저장소입니다. 중요한 데이터는 정기적으로 백업하세요.
+
+## 라이선스
+
+MIT License
+

add_exaone_model.py

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

app.py

@@ -0,0 +1,72 @@
+"""
+Hugging Face Spaces용 Flask 애플리케이션 진입점
+"""
+import sys
+import os
+import logging
+from logging.handlers import RotatingFileHandler
+
+# UTF-8 인코딩 강제 설정
+if sys.platform == 'win32':
+    sys.stdout.reconfigure(encoding='utf-8')
+    sys.stderr.reconfigure(encoding='utf-8')
+
+from app import create_app
+
+app = create_app()
+
+# Hugging Face Spaces 환경 변수 설정
+# Spaces는 자동으로 포트를 할당하므로 환경 변수에서 가져옴
+port = int(os.environ.get('PORT', 7860))
+host = os.environ.get('HOST', '0.0.0.0')
+
+# 로깅 설정
+if not os.path.exists('logs'):
+    os.mkdir('logs')
+
+# 파일 핸들러 설정
+file_handler = RotatingFileHandler('logs/server.log', maxBytes=10240000, backupCount=10)
+file_handler.setFormatter(logging.Formatter(
+    '%(asctime)s %(levelname)s: %(message)s [in %(pathname)s:%(lineno)d]'
+))
+file_handler.setLevel(logging.INFO)
+
+# 콘솔 핸들러 설정
+console_handler = logging.StreamHandler(sys.stdout)
+console_handler.setFormatter(logging.Formatter(
+    '%(asctime)s - %(name)s - %(levelname)s - %(message)s'
+))
+console_handler.setLevel(logging.INFO)
+
+# Flask 앱 로거 설정
+app.logger.setLevel(logging.INFO)
+app.logger.addHandler(file_handler)
+app.logger.addHandler(console_handler)
+
+# 루트 로거 설정
+root_logger = logging.getLogger()
+root_logger.setLevel(logging.INFO)
+root_logger.addHandler(console_handler)
+
+# Werkzeug 로거 설정
+werkzeug_logger = logging.getLogger('werkzeug')
+werkzeug_logger.setLevel(logging.INFO)
+werkzeug_logger.handlers.clear()
+werkzeug_handler = logging.StreamHandler(sys.stdout)
+werkzeug_handler.setFormatter(logging.Formatter(
+    '%(asctime)s - %(levelname)s - %(message)s'
+))
+werkzeug_logger.addHandler(werkzeug_handler)
+
+app.logger.info(f'서버 시작 - Host: {host}, Port: {port}')
+
+if __name__ == '__main__':
+    try:
+        print(f"[{__name__}] 서버 시작: http://{host}:{port}")
+        print(f"[{__name__}] 로그는 콘솔과 logs/server.log 파일에 기록됩니다.")
+        app.run(host=host, port=port, debug=False, use_reloader=False)
+    except Exception as e:
+        print(f"서버 시작 오류: {e}")
+        import traceback
+        traceback.print_exc()
+

app/database.py

@@ -41,6 +41,7 @@ class UploadedFile(db.Model):
     file_path = db.Column(db.String(500), nullable=False)
     file_size = db.Column(db.Integer, nullable=False)
     model_name = db.Column(db.String(100), nullable=True)  # 연결된 모델 이름
+    is_public = db.Column(db.Boolean, default=False, nullable=False)  # 공개 여부 (기본값: 미공개)
     uploaded_at = db.Column(db.DateTime, default=datetime.utcnow, nullable=False)
     uploaded_by = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=True)
     parent_file_id = db.Column(db.Integer, db.ForeignKey('uploaded_file.id'), nullable=True)  # 이어서 업로드한 경우 원본 파일 ID
@@ -58,6 +59,7 @@ class UploadedFile(db.Model):
             'original_filename': self.original_filename,
             'file_size': self.file_size,
             'model_name': self.model_name,
+            'is_public': self.is_public,
             'uploaded_at': self.uploaded_at.isoformat() if self.uploaded_at else None,
             'uploaded_by': self.uploaded_by,
             'parent_file_id': self.parent_file_id,

app/gemini_client.py

@@ -414,8 +414,38 @@ class GeminiClient:
                                     elif rest_response.status_code != 200:
                                         error_text_v1beta = rest_response.text[:1000] if rest_response.text else '상세 정보 없음'
                                         raise Exception(f"REST API 오류 {rest_response.status_code}: {error_text_v1beta}")
+                                elif error_code == 429:
+                                    # 429 오류: 할당량 초과 (재시도 불가능)
+                                    print(f"[Gemini] ❌ 할당량 초과 오류 (429) 감지")
+                                    print(f"[Gemini] 재시도 불가능한 오류: REST API 오류 {error_code}: {json.dumps(error_info)}")
+                                    
+                                    # 에러 메시지에서 권장 모델 추출
+                                    recommended_model = None
+                                    if 'gemini-2.0-flash' in error_message.lower() or 'gemini 2.0' in error_message.lower():
+                                        recommended_model = "gemini-2.0-flash-exp"
+                                    
+                                    # 사용자 친화적인 에러 메시지 생성
+                                    quota_error_msg = f"""Gemini API 할당량 초과 (429)
+
+현재 사용 중인 모델 '{model_name_clean}'의 일일 요청 한도를 초과했습니다.
+
+해결 방법:
+1. 내일까지 대기 (할당량이 자동으로 재설정됩니다)
+2. 다른 Gemini 모델로 변경:
+   - gemini-2.0-flash-exp (더 높은 할당량 제공)
+   - gemini-1.5-pro
+   - gemini-1.5-flash
+3. Google AI Studio에서 할당량 확인:
+   https://aistudio.google.com/app/apikey
+
+상세 오류: {error_message[:200]}"""
+                                    
+                                    if recommended_model:
+                                        quota_error_msg += f"\n\n권장: {recommended_model} 모델로 변경을 고려해보세요."
+                                    
+                                    raise Exception(quota_error_msg)
                                 else:
-                                    # 404가 아닌 다른 에러
+                                    # 404, 429가 아닌 다른 에러
                                     error_text = json.dumps(error_info)
                                     raise Exception(f"REST API 오류 {error_code}: {error_text}")
                         except ValueError:
@@ -497,8 +527,12 @@ class GeminiClient:
                     error_str = str(e).lower()
                     
                     # 재시도 가능한 오류인지 확인 (타임아웃, 네트워크 오류 등)
+                    # 429(할당량 초과), 400(잘못된 요청), 401(인증 실패), 403(권한 없음)은 재시도 불가
+                    non_retryable_errors = ['429', 'quota', 'exceeded', '400', '401', '403', 'api key', 'invalid', 'unauthorized', 'forbidden']
+                    is_non_retryable = any(err in error_str for err in non_retryable_errors)
+                    
                     retryable_errors = ['timeout', '503', '502', '504', 'connection', 'network', 'illegal metadata']
-                    is_retryable = any(err in error_str for err in retryable_errors)
+                    is_retryable = any(err in error_str for err in retryable_errors) and not is_non_retryable
                     
                     # deadline 확인
                     if time.time() >= deadline_time:
@@ -512,7 +546,10 @@ class GeminiClient:
                         wait_time = min(wait_time * multiplier, max_wait)  # 배수로 증가, 최대값 제한
                     else:
                         # 재시도 불가능한 오류
-                        print(f"[Gemini] 재시도 불가능한 오류: {str(e)[:100]}")
+                        if is_non_retryable:
+                            print(f"[Gemini] 재시도 불가능한 오류 (할당량/인증 오류): {str(e)[:200]}")
+                        else:
+                            print(f"[Gemini] 재시도 불가능한 오류: {str(e)[:100]}")
                         raise
             
             # 응답 시간 확인
@@ -604,8 +641,12 @@ class GeminiClient:
                     error_str = str(e).lower()
                     
                     # 재시도 가능한 오류인지 확인 (타임아웃, 네트워크 오류 등)
+                    # 429(할당량 초과), 400(잘못된 요청), 401(인증 실패), 403(권한 없음)은 재시도 불가
+                    non_retryable_errors = ['429', 'quota', 'exceeded', '400', '401', '403', 'api key', 'invalid', 'unauthorized', 'forbidden']
+                    is_non_retryable = any(err in error_str for err in non_retryable_errors)
+                    
                     retryable_errors = ['timeout', '503', '502', '504', 'connection', 'network', 'illegal metadata']
-                    is_retryable = any(err in error_str for err in retryable_errors)
+                    is_retryable = any(err in error_str for err in retryable_errors) and not is_non_retryable
                     
                     # deadline 확인
                     if time.time() >= deadline_time:
@@ -619,7 +660,10 @@ class GeminiClient:
                         wait_time = min(wait_time * multiplier, max_wait)  # 배수로 증가, 최대값 제한
                     else:
                         # 재시도 불가능한 오류
-                        print(f"[Gemini] 채팅 재시도 불가능한 오류: {str(e)[:100]}")
+                        if is_non_retryable:
+                            print(f"[Gemini] 채팅 재시도 불가능한 오류 (할당량/인증 오류): {str(e)[:200]}")
+                        else:
+                            print(f"[Gemini] 채팅 재시도 불가능한 오류: {str(e)[:100]}")
                         raise
             
             elapsed_time = time.time() - start_time

app/routes.py

@@ -475,6 +475,8 @@ character_relationships는 이 청크에 등장하는 인물들 간의 현재
             else:
                 # Ollama API 호출
                 try:
+                    # 입력 토큰 수를 num_ctx로 사용
+                    num_ctx = get_model_token_limit_by_type(model_name, 100000, 'input')
                     ollama_response = requests.post(
                         f'{OLLAMA_BASE_URL}/api/generate',
                         json={
@@ -483,7 +485,8 @@ character_relationships는 이 청크에 등장하는 인물들 간의 현재
                             'stream': False,
                             'options': {
                                 'temperature': 0.3,
-                                'num_predict': get_model_token_limit(model_name, 500)  # 저장된 토큰 수 사용
+                                'num_predict': get_model_token_limit(model_name, 500),  # 저장된 토큰 수 사용
+                                'num_ctx': num_ctx  # 입력 토큰 수를 컨텍스트 윈도우로 사용
                             }
                         },
                         timeout=120  # 2분 타임아웃
@@ -659,6 +662,8 @@ def analyze_episode(episode_content, episode_title, full_content=None, parent_ch
             else:
                 # Ollama API 호출
                 try:
+                    # 입력 토큰 수를 num_ctx로 사용
+                    num_ctx = get_model_token_limit_by_type(model_name, 100000, 'input')
                     ollama_response = requests.post(
                         f'{OLLAMA_BASE_URL}/api/generate',
                         json={
@@ -667,7 +672,8 @@ def analyze_episode(episode_content, episode_title, full_content=None, parent_ch
                             'stream': False,
                             'options': {
                                 'temperature': 0.5,
-                                'num_predict': get_model_token_limit(model_name, 3000)  # 저장된 토큰 수 사용
+                                'num_predict': get_model_token_limit(model_name, 3000),  # 저장된 토큰 수 사용
+                                'num_ctx': num_ctx  # 입력 토큰 수를 컨텍스트 윈도우로 사용
                             }
                         },
                         timeout=300  # 5분 타임아웃 (회차 분석은 시간이 오래 걸릴 수 있음)
@@ -770,6 +776,8 @@ def extract_graph_from_episode(episode_content, episode_title, file_id, full_con
             else:
                 # Ollama API 호출
                 try:
+                    # 입력 토큰 수를 num_ctx로 사용
+                    num_ctx = get_model_token_limit_by_type(model_name, 100000, 'input')
                     ollama_response = requests.post(
                         f'{OLLAMA_BASE_URL}/api/generate',
                         json={
@@ -778,7 +786,8 @@ def extract_graph_from_episode(episode_content, episode_title, file_id, full_con
                             'stream': False,
                             'options': {
                                 'temperature': 0.3,
-                                'num_predict': 3000
+                                'num_predict': 3000,
+                                'num_ctx': num_ctx  # 입력 토큰 수를 컨텍스트 윈도우로 사용
                             }
                         },
                         timeout=300  # 5분 타임아웃
@@ -1213,6 +1222,8 @@ def create_parent_chunk_with_ai(file_id, content, model_name):
             print(f"[Parent Chunk 생성] Ollama API에 분석 요청 전송 중... (모델: {model_name})")
             
             try:
+                # 입력 토큰 수를 num_ctx로 사용
+                num_ctx = get_model_token_limit_by_type(model_name, 100000, 'input')
                 ollama_response = requests.post(
                     f'{OLLAMA_BASE_URL}/api/chat',
                     json={
@@ -1223,7 +1234,10 @@ def create_parent_chunk_with_ai(file_id, content, model_name):
                                 'content': analysis_prompt
                             }
                         ],
-                        'stream': False
+                        'stream': False,
+                        'options': {
+                            'num_ctx': num_ctx  # 입력 토큰 수를 컨텍스트 윈도우로 사용
+                        }
                     },
                     timeout=300  # 5분 타임아웃
                 )
@@ -2852,12 +2866,19 @@ def chat():
                         response_text = '응답을 생성할 수 없었습니다. 다시 시도해주세요.'
                 else:
                     # Ollama API 호출
+                    # 입력 토큰 수를 num_ctx로 사용
+                    num_ctx = get_model_token_limit_by_type(answer_model, 100000, 'input')
+                    num_predict = get_model_token_limit_by_type(answer_model, 8192, 'output')
                     ollama_response = requests.post(
                         f'{OLLAMA_BASE_URL}/api/generate',
                         json={
                             'model': answer_model,  # 답변 모델 사용
                             'prompt': full_prompt,
-                            'stream': False
+                            'stream': False,
+                            'options': {
+                                'num_ctx': num_ctx,  # 입력 토큰 수를 컨텍스트 윈도우로 사용
+                                'num_predict': num_predict  # 출력 토큰 수
+                            }
                         },
                         timeout=120  # 파일이 많을 수 있으므로 타임아웃 증가
                     )
@@ -3176,6 +3197,7 @@ def upload_file():
                 file_path=file_path,
                 file_size=saved_file_size,
                 model_name=model_name,  # 이미 검증됨
+                is_public=False,  # 기본값: 미공개
                 uploaded_by=current_user.id,
                 parent_file_id=parent_file_id if parent_file else None  # 이어서 업로드인 경우
             )
@@ -3259,11 +3281,16 @@ def get_files():
     """업로드된 파일 목록 조회"""
     try:
         model_name = request.args.get('model_name', None)
+        public_only = request.args.get('public_only', 'false').lower() == 'true'  # 공개 파일만 조회 옵션
         
         # 원본 파일만 조회 (parent_file_id가 None인 파일)
-        # 모든 사용자가 업로드된 모든 파일을 볼 수 있음
-        query = UploadedFile.query.filter_by(parent_file_id=None)
-        print(f"[파일 조회] 모든 파일 조회 (사용자: {current_user.username})")
+        # 관리자가 아닌 경우 공개 파일만 조회, 관리자는 모든 파일 조회 가능
+        if public_only or (not current_user.is_admin):
+            query = UploadedFile.query.filter_by(parent_file_id=None, is_public=True)
+            print(f"[파일 조회] 공개 파일만 조회 (사용자: {current_user.username}, 관리자: {current_user.is_admin})")
+        else:
+            query = UploadedFile.query.filter_by(parent_file_id=None)
+            print(f"[파일 조회] 모든 파일 조회 (사용자: {current_user.username}, 관리자: {current_user.is_admin})")
         
         # 모델 필터링 전 전체 파일 수 확인
         total_before_filter = query.count()
@@ -3311,12 +3338,14 @@ def get_files():
             file_dict['child_files'] = child_files_dict
             files_with_children.append(file_dict)
         
-        # 모델별 통계 정보 추가 (원본 파일만 카운트)
+        # 모델별 통계 정보 추가 (원본 파일만 카운트, 공개 파일만)
         model_stats = {}
         if not model_name:
-            # 모든 모델의 통계 (원본 파일만)
-            # 모든 사용자가 모든 파일을 볼 수 있음
-            all_files = UploadedFile.query.filter_by(parent_file_id=None).all()
+            # 모든 모델의 통계 (원본 파일만, 공개 파일만)
+            if public_only or (not current_user.is_admin):
+                all_files = UploadedFile.query.filter_by(parent_file_id=None, is_public=True).all()
+            else:
+                all_files = UploadedFile.query.filter_by(parent_file_id=None).all()
             for file in all_files:
                 model = file.model_name or '미지정'
                 if model not in model_stats:
@@ -4081,6 +4110,29 @@ def delete_file(file_id):
         db.session.rollback()
         return jsonify({'error': f'파일 삭제 중 오류가 발생했습니다: {str(e)}'}), 500
 
+@main_bp.route('/api/files/<int:file_id>/public', methods=['PUT'])
+@login_required
+@admin_required
+def toggle_file_public(file_id):
+    """파일 공개 여부 변경 (관리자만 가능)"""
+    try:
+        file = UploadedFile.query.get_or_404(file_id)
+        
+        data = request.get_json()
+        is_public = data.get('is_public', False)
+        
+        file.is_public = is_public
+        db.session.commit()
+        
+        return jsonify({
+            'message': f'파일이 {"공개" if is_public else "비공개"}로 설정되었습니다.',
+            'file': file.to_dict()
+        }), 200
+        
+    except Exception as e:
+        db.session.rollback()
+        return jsonify({'error': f'파일 공개 여부 변경 중 오류가 발생했습니다: {str(e)}'}), 500
+
 @main_bp.route('/api/files/<int:file_id>/content', methods=['GET'])
 @login_required
 def get_file_content(file_id):

download_exaone_model.py

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

install_exaone_direct.py

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

install_exaone_simple.py

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

migrate_add_is_public.py

@@ -0,0 +1,61 @@
+"""
+데이터베이스 마이그레이션 스크립트
+uploaded_file 테이블에 is_public 컬럼을 추가합니다.
+"""
+import sqlite3
+import os
+from pathlib import Path
+
+# 데이터베이스 경로
+db_path = Path(__file__).parent / 'instance' / 'finance_analysis.db'
+
+def migrate_database():
+    """데이터베이스에 is_public 컬럼 추가"""
+    if not db_path.exists():
+        print(f"데이터베이스 파일이 없습니다: {db_path}")
+        print("앱을 실행하면 자동으로 생성됩니다.")
+        return
+    
+    try:
+        conn = sqlite3.connect(str(db_path))
+        cursor = conn.cursor()
+        
+        # uploaded_file 테이블에 is_public 컬럼이 있는지 확인
+        cursor.execute("PRAGMA table_info(uploaded_file)")
+        columns = [column[1] for column in cursor.fetchall()]
+        
+        if 'is_public' in columns:
+            print("is_public 컬럼이 이미 존재합니다.")
+            conn.close()
+            return
+        
+        # is_public 컬럼 추가 (기본값: 0 = False)
+        print("is_public 컬럼을 추가하는 중...")
+        cursor.execute("ALTER TABLE uploaded_file ADD COLUMN is_public BOOLEAN DEFAULT 0")
+        conn.commit()
+        print("is_public 컬럼이 성공적으로 추가되었습니다.")
+        
+        # 기존 데이터의 is_public 값을 0(False)으로 설정
+        cursor.execute("UPDATE uploaded_file SET is_public = 0 WHERE is_public IS NULL")
+        conn.commit()
+        print("기존 데이터의 is_public 값을 0(False)으로 설정했습니다.")
+        
+        conn.close()
+        print("마이그레이션이 완료되었습니다.")
+        
+    except sqlite3.OperationalError as e:
+        print(f"오류 발생: {e}")
+        if "duplicate column name" in str(e).lower() or "already exists" in str(e).lower():
+            print("is_public 컬럼이 이미 존재합니다.")
+        else:
+            raise
+    except Exception as e:
+        print(f"예상치 못한 오류: {e}")
+        raise
+
+if __name__ == '__main__':
+    print("=" * 60)
+    print("데이터베이스 마이그레이션: is_public 컬럼 추가")
+    print("=" * 60)
+    migrate_database()
+

templates/admin.html

@@ -43,6 +43,126 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -443,6 +563,7 @@
             <span>🤖</span>
             <span>SOY NV AI 관리자 페이지</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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>
@@ -455,6 +576,26 @@
         </div>
     </div>
 
+    <!-- 모바일 메뉴 -->
+    <div class="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin_webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">웹소설 관리</a>
+                <a href="{{ url_for('main.admin_files') }}" class="mobile-menu-item" onclick="closeMobileMenu()">파일 목록</a>
+                <a href="{{ url_for('main.admin_messages') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메시지 확인</a>
+                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
+                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">��그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>사용자 관리</h1>
@@ -558,6 +699,24 @@
     <script>
         let currentEditUserId = null;
 
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         function showAlert(message, type = 'success') {
             const container = document.getElementById('alertContainer');
             container.innerHTML = `<div class="alert ${type}">${message}</div>`;

templates/admin_files.html

@@ -43,6 +43,126 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -345,17 +465,39 @@
             <span>🤖</span>
             <span>SOY NV AI 관리자 페이지</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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.admin_settings') }}" class="btn btn-secondary">AI 설정</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="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
+                <a href="{{ url_for('main.admin_webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">웹소설 관리</a>
+                <a href="{{ url_for('main.admin_messages') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메시지 확인</a>
+                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
+                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>파일 목록</h1>
@@ -523,6 +665,24 @@
     <script type="text/javascript" src="https://unpkg.com/vis-network@latest/standalone/umd/vis-network.min.js"></script>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         function escapeHtml(text) {
             const div = document.createElement('div');
             div.textContent = text;

templates/admin_messages.html

@@ -43,6 +43,126 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -346,16 +466,39 @@
             <span>🤖</span>
             <span>SOY NV AI 메시지 확인</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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_files') }}" class="btn btn-secondary">파일 목록</a>
             <a href="{{ url_for('main.admin_prompts') }}" class="btn btn-secondary">프롬프트 관리</a>
+            <a href="{{ url_for('main.admin_settings') }}" class="btn btn-secondary">AI 설정</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="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
+                <a href="{{ url_for('main.admin_webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">웹소설 관리</a>
+                <a href="{{ url_for('main.admin_files') }}" class="mobile-menu-item" onclick="closeMobileMenu()">파일 목록</a>
+                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
+                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>전체 메시지 확인</h1>
@@ -460,6 +603,24 @@
     </div>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         let currentSessionsPage = 1;
         let currentMessagesPage = 1;
         let selectedSessionId = null;

templates/admin_prompts.html

@@ -45,6 +45,126 @@
             gap: 8px;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -200,16 +320,39 @@
             <span>📝</span>
             <span>프롬프트 관리</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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_files') }}" class="btn btn-secondary">파일 목록</a>
             <a href="{{ url_for('main.admin_messages') }}" class="btn btn-secondary">메시지 확인</a>
+            <a href="{{ url_for('main.admin_settings') }}" class="btn btn-secondary">AI 설정</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="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
+                <a href="{{ url_for('main.admin_webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">웹소설 관리</a>
+                <a href="{{ url_for('main.admin_files') }}" class="mobile-menu-item" onclick="closeMobileMenu()">파일 목록</a>
+                <a href="{{ url_for('main.admin_messages') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메시지 확인</a>
+                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>시스템 프롬프트 관리</h1>
@@ -243,6 +386,24 @@
     </div>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         // 페이지 로드 시 프롬프트 불러오기
         window.addEventListener('DOMContentLoaded', () => {
             loadPrompt();

templates/admin_settings.html

@@ -43,6 +43,126 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -163,6 +283,7 @@
             <span>⚙️</span>
             <span>AI 설정 관리</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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>
@@ -175,6 +296,26 @@
         </div>
     </div>
 
+    <!-- 모바일 메뉴 -->
+    <div class="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
+                <a href="{{ url_for('main.admin_webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">웹소설 관리</a>
+                <a href="{{ url_for('main.admin_files') }}" class="mobile-menu-item" onclick="closeMobileMenu()">파일 목록</a>
+                <a href="{{ url_for('main.admin_messages') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메시지 확인</a>
+                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>AI 설정 관리</h1>
@@ -220,6 +361,24 @@
     </div>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         function showAlert(message, type = 'success') {
             const container = document.getElementById('alertContainer');
             container.innerHTML = `<div class="alert ${type}">${message}</div>`;

templates/admin_webnovels.html

@@ -46,6 +46,126 @@
             flex-wrap: wrap;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: #202124;
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: white;
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: white;
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: #202124;
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: #202124;
+            text-decoration: none;
+            border-bottom: 1px solid #f1f3f4;
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: #f8f9fa;
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid #dadce0;
+            color: #5f6368;
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -160,6 +280,7 @@
             border-radius: 6px;
             margin-bottom: 16px;
             font-size: 14px;
+            position: relative;
         }
 
         .alert.error {
@@ -172,6 +293,40 @@
             color: #137333;
         }
 
+        .alert.warning {
+            background: #fef7e0;
+            color: #b06000;
+        }
+
+        .alert-close {
+            position: absolute;
+            top: 8px;
+            right: 8px;
+            background: none;
+            border: none;
+            font-size: 18px;
+            cursor: pointer;
+            color: inherit;
+            opacity: 0.7;
+            padding: 0;
+            width: 24px;
+            height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 4px;
+            transition: opacity 0.2s, background-color 0.2s;
+        }
+
+        .alert-close:hover {
+            opacity: 1;
+            background-color: rgba(0, 0, 0, 0.1);
+        }
+
+        .alert-persistent {
+            padding-right: 40px;
+        }
+
         /* 파일 업로드 영역 */
         .file-upload-section {
             margin-top: 24px;
@@ -454,17 +609,39 @@
             <span>📚</span>
             <span>웹소설 관리</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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.admin_settings') }}" class="btn btn-secondary">AI 설정</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="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
+                <a href="{{ url_for('main.admin_files') }}" class="mobile-menu-item" onclick="closeMobileMenu()">파일 목록</a>
+                <a href="{{ url_for('main.admin_messages') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메시지 확인</a>
+                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
+                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">메인으로</a>
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>웹소설 학습 파일 관리</h1>
@@ -557,12 +734,13 @@
                             <th>연결된 모델</th>
                             <th>크기</th>
                             <th>업로드일</th>
+                            <th>공개 여부</th>
                             <th>작업</th>
                         </tr>
                     </thead>
                     <tbody id="filesTableBody">
                         <tr>
-                            <td colspan="5" style="text-align: center; padding: 20px; color: #5f6368;">파일 목록을 불러오는 중...</td>
+                            <td colspan="6" style="text-align: center; padding: 20px; color: #5f6368;">파일 목록을 불러오는 중...</td>
                         </tr>
                     </tbody>
                 </table>
@@ -584,12 +762,60 @@
     </div>
 
     <script>
-        function showAlert(message, type = 'success') {
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
+        function showAlert(message, type = 'success', autoClose = true) {
+            const container = document.getElementById('alertContainer');
+            const alertId = `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+            const closeButton = autoClose ? '' : '<button class="alert-close" onclick="closeAlert(\'' + alertId + '\')" title="닫기">&times;</button>';
+            const persistentClass = autoClose ? '' : ' alert-persistent';
+            container.innerHTML = `<div id="${alertId}" class="alert ${type}${persistentClass}">${closeButton}${message}</div>`;
+            
+            if (autoClose) {
+                setTimeout(() => {
+                    const alertElement = document.getElementById(alertId);
+                    if (alertElement) {
+                        alertElement.remove();
+                    }
+                }, 5000);
+            }
+        }
+
+        function closeAlert(alertId) {
+            const alertElement = document.getElementById(alertId);
+            if (alertElement) {
+                alertElement.remove();
+            }
+        }
+
+        function showPersistentError(message, stepName = '') {
             const container = document.getElementById('alertContainer');
-            container.innerHTML = `<div class="alert ${type}">${message}</div>`;
-            setTimeout(() => {
-                container.innerHTML = '';
-            }, 5000);
+            const alertId = `alert-error-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+            const title = stepName ? `<strong>${stepName}:</strong> ` : '';
+            const alertElement = document.createElement('div');
+            alertElement.id = alertId;
+            alertElement.className = 'alert error alert-persistent';
+            alertElement.innerHTML = `
+                <button class="alert-close" onclick="closeAlert('${alertId}')" title="닫기">&times;</button>
+                ${title}${message}
+            `;
+            container.appendChild(alertElement);
         }
 
         // 파일 업로드 관련
@@ -748,11 +974,22 @@
                             fileNameDisplay += ` <span style="color: #1a73e8; font-size: 12px;">(${childCount}개 회차)</span>`;
                         }
                         
+                        const isPublic = file.is_public !== undefined ? file.is_public : false;
+                        const publicStatus = isPublic ? '<span style="color: #137333; font-weight: 500;">공개</span>' : '<span style="color: #5f6368;">비공개</span>';
+                        const toggleButtonText = isPublic ? '비공개로' : '공개로';
+                        const toggleButtonClass = isPublic ? 'btn-warning' : 'btn-success';
+                        
                         row.innerHTML = `
                             <td>${fileNameDisplay}</td>
                             <td>${modelName}</td>
                             <td class="file-size">${fileSize}</td>
                             <td>${uploadDate}</td>
+                            <td>
+                                ${publicStatus}
+                                <button class="btn ${toggleButtonClass}" onclick="toggleFilePublic(${file.id}, ${!isPublic})" style="padding: 4px 8px; font-size: 12px; margin-left: 8px;">
+                                    ${toggleButtonText}
+                                </button>
+                            </td>
                             <td>
                                 <div class="file-actions">
                                     ${(file.has_parent_chunk !== undefined && file.has_parent_chunk) ? 
@@ -773,6 +1010,11 @@
                             const childFileSize = formatFileSize(childFile.file_size);
                             const childUploadDate = new Date(childFile.uploaded_at).toLocaleString('ko-KR');
                             
+                            const childIsPublic = childFile.is_public !== undefined ? childFile.is_public : false;
+                            const childPublicStatus = childIsPublic ? '<span style="color: #137333; font-weight: 500;">공개</span>' : '<span style="color: #5f6368;">비공개</span>';
+                            const childToggleButtonText = childIsPublic ? '비공개로' : '공개로';
+                            const childToggleButtonClass = childIsPublic ? 'btn-warning' : 'btn-success';
+                            
                             childRow.innerHTML = `
                                 <td style="padding-left: 32px; color: #5f6368;">
                                     <span style="margin-right: 8px;">└─</span>${escapeHtml(childFile.original_filename)}
@@ -780,6 +1022,12 @@
                                 <td>${modelName}</td>
                                 <td class="file-size">${childFileSize}</td>
                                 <td>${childUploadDate}</td>
+                                <td>
+                                    ${childPublicStatus}
+                                    <button class="btn ${childToggleButtonClass}" onclick="toggleFilePublic(${childFile.id}, ${!childIsPublic})" style="padding: 4px 8px; font-size: 12px; margin-left: 8px;">
+                                        ${childToggleButtonText}
+                                    </button>
+                                </td>
                                 <td>
                                     <div class="file-actions">
                                         <button class="btn btn-secondary" onclick="deleteFile(${childFile.id})" style="padding: 4px 8px; font-size: 12px;">삭제</button>
@@ -975,8 +1223,13 @@
                         console.log(`[단계 1] fetch 호출 시작: /api/upload`);
                         console.log(`[단계 1] FormData 항목:`, Array.from(formData.entries()).map(([k, v]) => [k, v instanceof File ? v.name : v]));
                         
-                        // 타임아웃이 있는 fetch 래퍼 (30분 타임아웃 - 큰 파일 처리 시간 고려)
-                        const fetchWithTimeout = (url, options, timeout = 1800000) => { // 30분 타임아웃
+                        // 타임아웃이 있는 fetch 래퍼 (타임아웃 무제한)
+                        const fetchWithTimeout = (url, options, timeout = null) => {
+                            // timeout이 0이거나 null/undefined이면 타임아웃 없이 실행
+                            if (!timeout || timeout === 0) {
+                                return fetch(url, options);
+                            }
+                            // 타임아웃이 설정된 경우에만 Promise.race 사용
                             return Promise.race([
                                 fetch(url, options),
                                 new Promise((_, reject) =>
@@ -989,7 +1242,7 @@
                             method: 'POST',
                             body: formData,
                             credentials: 'include'  // 쿠키 포함 (세션 인증)
-                        }, 1800000); // 30분 타임아웃
+                        }, null); // 타임아웃 무제한
                         
                         console.log(`[단계 1] fetch 응답 수신: ${response.status} ${response.statusText}`);
                         
@@ -1049,42 +1302,101 @@
                             itemElement.style.opacity = '0.7';
                             console.log(`[업로드 성공] ${file.name} → 모델: ${modelName}`);
                         } else {
-                            // 단계별 처리 함수
-                            const processStep = async (stepName, stepNumber, url, timeout, detailText = '') => {
+                            // 단계별 처리 함수 (에러가 발생해도 계속 진행)
+                            const processStep = async (stepName, stepNumber, url, timeout, detailText = '', allowSkip = false) => {
                                 updateProgressStatus(i, stepNumber, stepName, files.length, detailText);
                                 updateOverallStatus(i + 1, files.length, stepNumber, detailText);
                                 
-                                const stepResponse = await fetchWithTimeout(url, {
-                                    method: 'POST',
-                                    credentials: 'include'
-                                }, timeout);
-                                
-                                if (!stepResponse.ok) {
-                                    const stepError = await stepResponse.json().catch(() => ({ error: `HTTP ${stepResponse.status}` }));
-                                    throw new Error(`${stepName} 실패: ${stepError.error || '알 수 없는 오류'}`);
+                                try {
+                                    const stepResponse = await fetchWithTimeout(url, {
+                                        method: 'POST',
+                                        credentials: 'include'
+                                    }, timeout);
+                                    
+                                    if (!stepResponse.ok) {
+                                        const stepError = await stepResponse.json().catch(() => ({ error: `HTTP ${stepResponse.status}` }));
+                                        const errorMsg = stepError.error || '알 수 없는 오류';
+                                        
+                                        // "이미 완료" 또는 "이미 존재" 같은 메시지는 성공으로 처리
+                                        if (allowSkip && (
+                                            errorMsg.includes('이미') || 
+                                            errorMsg.includes('존재') || 
+                                            errorMsg.includes('완료') ||
+                                            errorMsg.toLowerCase().includes('already') ||
+                                            errorMsg.toLowerCase().includes('exists')
+                                        )) {
+                                            console.log(`[${stepName}] 이미 완료된 작업으로 건너뜀: ${errorMsg}`);
+                                            return { skipped: true, message: errorMsg };
+                                        }
+                                        
+                                        throw new Error(`${stepName} 실패: ${errorMsg}`);
+                                    }
+                                    
+                                    return await stepResponse.json();
+                                } catch (error) {
+                                    // 타임아웃이나 네트워크 오류가 아닌 경우에만 에러로 처리
+                                    if (allowSkip && error.message && (
+                                        error.message.includes('이미') || 
+                                        error.message.includes('존재') ||
+                                        error.message.includes('완료')
+                                    )) {
+                                        console.log(`[${stepName}] 이미 완료된 작업으로 건너뜀: ${error.message}`);
+                                        return { skipped: true, message: error.message };
+                                    }
+                                    throw error;
                                 }
-                                
-                                return await stepResponse.json();
                             };
                             
+                            let chunkCount = 0;
+                            const stepErrors = [];
+                            
                             try {
-                                // 단계 1: Parent Chunk 생성 (10분 타임아웃)
-                                await processStep('Parent Chunk 생성', 5, `/api/files/${fileId}/process/parent-chunk`, 600000, 'AI 분석 중...');
+                                // 단계 1: Parent Chunk 생성 (타임아웃 무제한, 실패해도 계속 진행)
+                                try {
+                                    await processStep('Parent Chunk 생성', 5, `/api/files/${fileId}/process/parent-chunk`, null, 'AI 분석 중...', true);
+                                } catch (stepError) {
+                                    const errorMsg = stepError.message || '알 수 없는 오류';
+                                    console.warn(`[Parent Chunk 생성] 경고: ${errorMsg}`);
+                                    stepErrors.push(`Parent Chunk: ${errorMsg}`);
+                                    showPersistentError(`${errorMsg}`, `[${file.name}] Parent Chunk 생성`);
+                                }
                                 
-                                // 단계 2: Chunk 생성 (5분 타임아웃)
-                                const chunksData = await processStep('Child Chunk 생성', 6, `/api/files/${fileId}/process/chunks`, 300000, '섹션 분할 중...');
-                                const chunkCount = chunksData.chunk_count || 0;
+                                // 단계 2: Chunk 생성 (타임아웃 무제한, 실패해도 계속 진행)
+                                try {
+                                    const chunksData = await processStep('Child Chunk 생성', 6, `/api/files/${fileId}/process/chunks`, null, '섹션 분할 중...', true);
+                                    if (chunksData && !chunksData.skipped) {
+                                        chunkCount = chunksData.chunk_count || 0;
+                                    }
+                                } catch (stepError) {
+                                    const errorMsg = stepError.message || '알 수 없는 오류';
+                                    console.warn(`[Child Chunk 생성] 경고: ${errorMsg}`);
+                                    stepErrors.push(`Child Chunk: ${errorMsg}`);
+                                    showPersistentError(`${errorMsg}`, `[${file.name}] Child Chunk 생성`);
+                                }
                                 
-                                // 단계 3: 회차 분석 (회차당 2분, 최대 30분)
-                                const episodeTimeout = episodeCount > 0 ? Math.min(episodeCount * 120000, 1800000) : 600000;
-                                const episodeDetail = episodeCount > 0 ? `총 ${episodeCount}회차 중 분석 중...` : '회차 분석 중...';
-                                await processStep('회차 분석', 7, `/api/files/${fileId}/process/episode-analysis`, episodeTimeout, episodeDetail);
+                                // 단계 3: 회차 분석 (타임아웃 무제한, 실패해도 계속 진행)
+                                try {
+                                    const episodeDetail = episodeCount > 0 ? `총 ${episodeCount}회차 중 분석 중...` : '회차 분석 중...';
+                                    await processStep('회차 분석', 7, `/api/files/${fileId}/process/episode-analysis`, null, episodeDetail, true);
+                                } catch (stepError) {
+                                    const errorMsg = stepError.message || '알 수 없는 오류';
+                                    console.warn(`[회차 분석] 경고: ${errorMsg}`);
+                                    stepErrors.push(`회차 분석: ${errorMsg}`);
+                                    showPersistentError(`${errorMsg}`, `[${file.name}] 회차 분석`);
+                                }
                                 
-                                // 단계 4: Graph Extraction (회차당 1분, 최대 20분)
-                                const graphTimeout = episodeCount > 0 ? Math.min(episodeCount * 60000, 1200000) : 300000;
-                                const graphDetail = episodeCount > 0 ? `총 ${episodeCount}회차 중 추출 중...` : 'Graph Extraction 중...';
-                                await processStep('Graph Extraction', 8, `/api/files/${fileId}/process/graph`, graphTimeout, graphDetail);
+                                // 단계 4: Graph Extraction (타임아웃 무제한, 실패해도 계속 진행)
+                                try {
+                                    const graphDetail = episodeCount > 0 ? `총 ${episodeCount}회차 중 추출 중...` : 'Graph Extraction 중...';
+                                    await processStep('Graph Extraction', 8, `/api/files/${fileId}/process/graph`, null, graphDetail, true);
+                                } catch (stepError) {
+                                    const errorMsg = stepError.message || '알 수 없는 오류';
+                                    console.warn(`[Graph Extraction] 경고: ${errorMsg}`);
+                                    stepErrors.push(`Graph Extraction: ${errorMsg}`);
+                                    showPersistentError(`${errorMsg}`, `[${file.name}] Graph Extraction`);
+                                }
                                 
+                                // 모든 단계가 완료되었거나 일부만 실패한 경우 성공으로 처리
                                 successCount++;
                                 const modelName = data.model_name || '알 수 없음';
                                 
@@ -1093,12 +1405,21 @@
                                 updateOverallStatus(i + 1, files.length, 9);
                                 
                                 statusElement.className = 'progress-item-status success';
+                                const statusTitle = stepErrors.length > 0 
+                                    ? `모델: ${modelName}${chunkCount > 0 ? `, 청크: ${chunkCount}개` : ''} (일부 단계 경고: ${stepErrors.length}개)`
+                                    : `모델: ${modelName}${chunkCount > 0 ? `, 청크: ${chunkCount}개` : ''}`;
                                 statusElement.innerHTML = `✓ 완료 (파일 ${i + 1}/${files.length})`;
-                                statusElement.title = `모델: ${modelName}${chunkCount > 0 ? `, 청크: ${chunkCount}개` : ''}`;
+                                statusElement.title = statusTitle;
                                 itemElement.style.opacity = '0.7';
-                                console.log(`[업로드 성공] ${file.name} → 모델: ${modelName}, 청크: ${chunkCount}개`);
+                                
+                                if (stepErrors.length > 0) {
+                                    console.warn(`[업로드 완료 (일부 경고)] ${file.name} → 모델: ${modelName}, 청크: ${chunkCount}개, 경고: ${stepErrors.join('; ')}`);
+                                } else {
+                                    console.log(`[업로드 성공] ${file.name} → 모델: ${modelName}, 청크: ${chunkCount}개`);
+                                }
                             } catch (stepError) {
-                                // 단계별 처리 실패
+                                // 예상치 못한 치명적 오류만 실패로 처리
+                                console.error(`[업로드 처리 중 치명적 오류] ${file.name}:`, stepError);
                                 throw stepError;
                             }
                         }
@@ -1234,6 +1555,31 @@
         }
 
         // 파일 삭제
+        // 파일 공개 여부 토글
+        async function toggleFilePublic(fileId, isPublic) {
+            try {
+                const response = await fetch(`/api/files/${fileId}/public`, {
+                    method: 'PUT',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({ is_public: isPublic })
+                });
+                
+                const data = await response.json();
+                
+                if (response.ok) {
+                    alert(data.message || `파일이 ${isPublic ? '공개' : '비공개'}로 설정되었습니다.`);
+                    loadFiles(); // 파일 목록 새로고침
+                } else {
+                    alert(`오류: ${data.error || '파일 공개 여부 변경에 실패했습니다.'}`);
+                }
+            } catch (error) {
+                console.error('파일 공개 여부 변경 오류:', error);
+                alert(`오류: ${error.message || '파일 공개 여부 변경 중 오류가 발생했습니다.'}`);
+            }
+        }
+
         async function deleteFile(fileId) {
             if (!confirm('이 파일을 삭제하시겠습니까?\n원본 파일인 경우 이어서 업로드한 모든 회차도 함께 삭제됩니다.')) {
                 return;

templates/index.html

@@ -662,6 +662,122 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: var(--text-primary);
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: var(--bg-primary);
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid var(--border);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: var(--bg-primary);
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: var(--text-primary);
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: var(--text-primary);
+            text-decoration: none;
+            border-bottom: 1px solid var(--bg-tertiary);
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: var(--bg-secondary);
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid var(--border);
+            color: var(--text-secondary);
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn-icon {
             background: none;
             border: none;
@@ -1180,6 +1296,22 @@
             max-width: 500px;
         }
 
+        /* 사이드바 오버레이 (모바일) */
+        .sidebar-overlay {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 999;
+        }
+
+        .sidebar-overlay.active {
+            display: block;
+        }
+
         /* 반응형 */
         @media (max-width: 768px) {
             .sidebar {
@@ -1188,6 +1320,13 @@
                 top: 0;
                 z-index: 1000;
                 box-shadow: 2px 0 8px var(--shadow);
+                width: 0;
+                overflow: hidden;
+                transition: width 0.3s ease;
+            }
+
+            .sidebar:not(.collapsed) {
+                width: 280px;
             }
 
             .sidebar.collapsed {
@@ -1206,6 +1345,10 @@
                 font-size: 18px;
             }
 
+            #sidebarToggleBtn {
+                display: flex !important;
+            }
+
             .chat-container {
                 padding: 16px;
             }
@@ -1305,6 +1448,9 @@
         </div>
     </div>
 
+    <!-- 사이드바 오버레이 (모바일) -->
+    <div class="sidebar-overlay" id="sidebarOverlay" onclick="closeSidebarOnMobile()"></div>
+
     <!-- 메인 콘텐츠 -->
     <div class="main-content">
         <!-- 헤더 -->
@@ -1317,6 +1463,7 @@
                 </button>
                 <span></span>
             </div>
+            <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
             <div class="header-actions">
                 <span style="margin-right: 8px; font-size: 14px; color: var(--text-secondary);">{{ current_user.nickname or current_user.username }}</span>
                 <a href="{{ url_for('main.webnovels') }}" class="btn-text-icon" title="원작 정보">
@@ -1345,6 +1492,24 @@
             </div>
         </div>
 
+        <!-- 모바일 메뉴 -->
+        <div class="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+            <div class="mobile-menu-content" onclick="event.stopPropagation()">
+                <div class="mobile-menu-header">
+                    <div class="mobile-menu-title">메뉴</div>
+                    <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+                </div>
+                <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+                <div class="mobile-menu-items">
+                    <a href="{{ url_for('main.webnovels') }}" class="mobile-menu-item" onclick="closeMobileMenu()">원작 정보</a>
+                    {% if current_user.is_admin %}
+                    <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">관리자 페이지</a>
+                    {% endif %}
+                    <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+                </div>
+            </div>
+        </div>
+
         <!-- 채팅 영역 -->
         <div class="chat-container" id="chatContainer">
             <div class="empty-state" id="emptyState">
@@ -1446,6 +1611,24 @@
     </div>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         const chatContainer = document.getElementById('chatContainer');
         const messageInput = document.getElementById('messageInput');
         const sendButton = document.getElementById('sendButton');
@@ -1490,9 +1673,10 @@
         async function loadNovels() {
             try {
                 // 모델이 선택되어 있으면 해당 모델의 파일만, 없으면 모든 파일
+                // 공개 파일만 조회 (public_only=true)
                 const url = selectedModel 
-                    ? `/api/files?model_name=${encodeURIComponent(selectedModel)}`
-                    : '/api/files';
+                    ? `/api/files?model_name=${encodeURIComponent(selectedModel)}&public_only=true`
+                    : '/api/files?public_only=true';
                 
                 console.log('[웹소설 목록] API 요청:', url, '선택된 모델:', selectedModel || '없음 (전체)');
                 
@@ -1518,11 +1702,11 @@
                 let files = data.files || [];
                 console.log('[웹소설 목록] 파일 개수:', files.length);
                 
-                // 모델이 선택되어 있는데 해당 모델의 파일이 없으면, 모든 파일 다시 조회
+                // 모델이 선택되어 있는데 해당 모델의 파일이 없으면, 모든 파일 다시 조회 (공개 파일만)
                 if (selectedModel && files.length === 0) {
                     console.log('[웹소설 목록] 선택한 모델에 파일이 없어 전체 파일 조회 중...');
                     try {
-                        const allFilesResponse = await fetch('/api/files', {
+                        const allFilesResponse = await fetch('/api/files?public_only=true', {
                             credentials: 'include'
                         });
                         if (allFilesResponse.ok) {
@@ -1767,9 +1951,22 @@
         function toggleSidebar() {
             sidebar.classList.toggle('collapsed');
             const isCollapsed = sidebar.classList.contains('collapsed');
+            const overlay = document.getElementById('sidebarOverlay');
+            
             if (window.innerWidth <= 768) {
                 sidebarToggleBtn.style.display = isCollapsed ? 'flex' : 'none';
+                // 모바일에서 사이드바가 열릴 때 배경 오버레이 추가
+                if (!isCollapsed) {
+                    if (overlay) overlay.classList.add('active');
+                    document.body.style.overflow = 'hidden';
+                } else {
+                    if (overlay) overlay.classList.remove('active');
+                    document.body.style.overflow = '';
+                }
+            } else {
+                if (overlay) overlay.classList.remove('active');
             }
+            
             // 사이드바 내부 토글 버튼 아이콘 업데이트
             const sidebarToggle = sidebar.querySelector('.sidebar-toggle');
             if (sidebarToggle) {
@@ -1778,15 +1975,29 @@
                     '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 18l-6-6 6-6M21 18l-6-6 6-6"/></svg>';
             }
         }
+
+        function closeSidebarOnMobile() {
+            if (window.innerWidth <= 768) {
+                sidebar.classList.add('collapsed');
+                const overlay = document.getElementById('sidebarOverlay');
+                if (overlay) overlay.classList.remove('active');
+                document.body.style.overflow = '';
+                sidebarToggleBtn.style.display = 'flex';
+            }
+        }
         
         // 반응형 사이드바 처리
         function handleResize() {
+            const overlay = document.getElementById('sidebarOverlay');
             if (window.innerWidth <= 768) {
                 sidebar.classList.add('collapsed');
                 sidebarToggleBtn.style.display = 'flex';
+                if (overlay) overlay.classList.remove('active');
+                document.body.style.overflow = '';
             } else {
                 sidebar.classList.remove('collapsed');
                 sidebarToggleBtn.style.display = 'none';
+                if (overlay) overlay.classList.remove('active');
             }
         }
         

templates/webnovels.html

@@ -56,6 +56,126 @@
             align-items: center;
         }
 
+        .menu-toggle {
+            display: none;
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            padding: 8px;
+            color: var(--text-primary);
+        }
+
+        .mobile-menu {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+        }
+
+        .mobile-menu.active {
+            display: block;
+        }
+
+        .mobile-menu-content {
+            position: fixed;
+            top: 0;
+            right: -100%;
+            width: 280px;
+            max-width: 80%;
+            height: 100%;
+            background: var(--bg-primary);
+            box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
+            transition: right 0.3s ease;
+            overflow-y: auto;
+            z-index: 1001;
+        }
+
+        .mobile-menu.active .mobile-menu-content {
+            right: 0;
+        }
+
+        .mobile-menu-header {
+            padding: 16px 20px;
+            border-bottom: 1px solid var(--border);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            background: var(--bg-primary);
+            position: sticky;
+            top: 0;
+            z-index: 10;
+        }
+
+        .mobile-menu-title {
+            font-size: 18px;
+            font-weight: 500;
+        }
+
+        .mobile-menu-close {
+            background: none;
+            border: none;
+            font-size: 24px;
+            cursor: pointer;
+            color: var(--text-primary);
+            padding: 0;
+            width: 32px;
+            height: 32px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .mobile-menu-items {
+            padding: 8px 0;
+        }
+
+        .mobile-menu-item {
+            display: block;
+            padding: 12px 20px;
+            color: var(--text-primary);
+            text-decoration: none;
+            border-bottom: 1px solid var(--bg-tertiary);
+            transition: background 0.2s;
+        }
+
+        .mobile-menu-item:hover {
+            background: var(--bg-secondary);
+        }
+
+        .mobile-menu-user {
+            padding: 16px 20px;
+            border-bottom: 1px solid var(--border);
+            color: var(--text-secondary);
+            font-size: 14px;
+        }
+
+        @media (max-width: 768px) {
+            .header {
+                padding: 12px 16px;
+            }
+
+            .header-title {
+                font-size: 18px;
+            }
+
+            .header-title span:first-child {
+                display: none;
+            }
+
+            .menu-toggle {
+                display: block;
+            }
+
+            .header-actions {
+                display: none;
+            }
+        }
+
         .btn {
             padding: 8px 16px;
             border: none;
@@ -477,6 +597,7 @@
             <span>📚</span>
             <span>업로드된 웹소설</span>
         </div>
+        <button class="menu-toggle" onclick="toggleMobileMenu()" aria-label="메뉴 열기">☰</button>
         <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>
@@ -487,6 +608,24 @@
         </div>
     </div>
 
+    <!-- 모바일 메뉴 -->
+    <div class="mobile-menu" id="mobileMenu" onclick="closeMobileMenuOnBackdrop(event)">
+        <div class="mobile-menu-content" onclick="event.stopPropagation()">
+            <div class="mobile-menu-header">
+                <div class="mobile-menu-title">메뉴</div>
+                <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+            </div>
+            <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+            <div class="mobile-menu-items">
+                <a href="{{ url_for('main.index') }}" class="mobile-menu-item" onclick="closeMobileMenu()">창작 어시스턴트</a>
+                {% if current_user.is_admin %}
+                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">관리자 페이지</a>
+                {% endif %}
+                <a href="{{ url_for('main.logout') }}" class="mobile-menu-item" onclick="closeMobileMenu()">로그아웃</a>
+            </div>
+        </div>
+    </div>
+
     <div class="container">
         <div class="page-header">
             <h1>업로드된 웹소설</h1>
@@ -694,6 +833,24 @@
     </div>
 
     <script>
+        function toggleMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.toggle('active');
+            document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+        }
+
+        function closeMobileMenu() {
+            const menu = document.getElementById('mobileMenu');
+            menu.classList.remove('active');
+            document.body.style.overflow = '';
+        }
+
+        function closeMobileMenuOnBackdrop(event) {
+            if (event.target.id === 'mobileMenu') {
+                closeMobileMenu();
+            }
+        }
+
         function escapeHtml(text) {
             const div = document.createElement('div');
             div.textContent = text;
@@ -754,7 +911,10 @@
             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';
+                // 공개 파일만 조회 (public_only=true)
+                const url = modelName 
+                    ? `/api/files?model_name=${encodeURIComponent(modelName)}&public_only=true` 
+                    : '/api/files?public_only=true';
                 const response = await fetch(url, {
                     credentials: 'include'
                 });

upload_to_hf.ps1

@@ -0,0 +1,114 @@
+# Hugging Face Spaces 업로드 스크립트
+# 사용법: .\upload_to_hf.ps1 -HFSpacePath "C:\path\to\huggingface\space"
+
+param(
+    [Parameter(Mandatory=$true)]
+    [string]$HFSpacePath
+)
+
+Write-Host "========================================" -ForegroundColor Cyan
+Write-Host "Hugging Face Spaces 업로드 준비" -ForegroundColor Cyan
+Write-Host "========================================" -ForegroundColor Cyan
+
+# 경로 확인
+if (-not (Test-Path $HFSpacePath)) {
+    Write-Host "오류: Hugging Face Spaces 디렉토리를 찾을 수 없습니다: $HFSpacePath" -ForegroundColor Red
+    Write-Host "먼저 'git clone https://huggingface.co/spaces/YOUR_USERNAME/YOUR_SPACE_NAME' 명령으로 클론하세요." -ForegroundColor Yellow
+    exit 1
+}
+
+Write-Host "`n대상 디렉토리: $HFSpacePath" -ForegroundColor Green
+
+# 현재 디렉토리 확인
+$currentDir = Get-Location
+Write-Host "현재 디렉토리: $currentDir" -ForegroundColor Green
+
+# 필수 파일 확인
+$requiredFiles = @("app.py", "Dockerfile", "requirements.txt", "README_HF.md")
+$missingFiles = @()
+
+foreach ($file in $requiredFiles) {
+    if (-not (Test-Path $file)) {
+        $missingFiles += $file
+    }
+}
+
+if ($missingFiles.Count -gt 0) {
+    Write-Host "`n오류: 다음 필수 파일이 없습니다:" -ForegroundColor Red
+    foreach ($file in $missingFiles) {
+        Write-Host "  - $file" -ForegroundColor Red
+    }
+    exit 1
+}
+
+# 필수 디렉토리 확인
+$requiredDirs = @("app", "templates", "static")
+$missingDirs = @()
+
+foreach ($dir in $requiredDirs) {
+    if (-not (Test-Path $dir)) {
+        $missingDirs += $dir
+    }
+}
+
+if ($missingDirs.Count -gt 0) {
+    Write-Host "`n오류: 다음 필수 디렉토리가 없습니다:" -ForegroundColor Red
+    foreach ($dir in $missingDirs) {
+        Write-Host "  - $dir" -ForegroundColor Red
+    }
+    exit 1
+}
+
+Write-Host "`n필수 파일 및 디렉토리 확인 완료!" -ForegroundColor Green
+
+# 파일 복사 시작
+Write-Host "`n파일 복사 시작..." -ForegroundColor Yellow
+
+try {
+    # 필수 파일 복사
+    Write-Host "`n[1/4] 필수 파일 복사 중..." -ForegroundColor Cyan
+    Copy-Item "app.py" "$HFSpacePath\" -Force
+    Copy-Item "Dockerfile" "$HFSpacePath\" -Force
+    Copy-Item "requirements.txt" "$HFSpacePath\" -Force
+    Copy-Item "README_HF.md" "$HFSpacePath\README.md" -Force
+    Write-Host "  ✓ 필수 파일 복사 완료" -ForegroundColor Green
+
+    # app 디렉토리 복사
+    Write-Host "`n[2/4] app 디렉토리 복사 중..." -ForegroundColor Cyan
+    if (Test-Path "$HFSpacePath\app") {
+        Remove-Item "$HFSpacePath\app" -Recurse -Force
+    }
+    Copy-Item -Recurse "app" "$HFSpacePath\app" -Force
+    Write-Host "  ✓ app 디렉토리 복사 완료" -ForegroundColor Green
+
+    # templates 디렉토리 복사
+    Write-Host "`n[3/4] templates 디렉토리 복사 중..." -ForegroundColor Cyan
+    if (Test-Path "$HFSpacePath\templates") {
+        Remove-Item "$HFSpacePath\templates" -Recurse -Force
+    }
+    Copy-Item -Recurse "templates" "$HFSpacePath\templates" -Force
+    Write-Host "  ✓ templates 디렉토리 복사 완료" -ForegroundColor Green
+
+    # static 디렉토리 복사
+    Write-Host "`n[4/4] static 디렉토리 복사 중..." -ForegroundColor Cyan
+    if (Test-Path "$HFSpacePath\static") {
+        Remove-Item "$HFSpacePath\static" -Recurse -Force
+    }
+    Copy-Item -Recurse "static" "$HFSpacePath\static" -Force
+    Write-Host "  ✓ static 디렉토리 복사 완료" -ForegroundColor Green
+
+    Write-Host "`n========================================" -ForegroundColor Cyan
+    Write-Host "파일 복사 완료!" -ForegroundColor Green
+    Write-Host "========================================" -ForegroundColor Cyan
+    Write-Host "`n다음 단계:" -ForegroundColor Yellow
+    Write-Host "1. Hugging Face Spaces 디렉토리로 이동: cd $HFSpacePath" -ForegroundColor White
+    Write-Host "2. Git 커밋: git add ." -ForegroundColor White
+    Write-Host "3. Git 커밋: git commit -m 'Initial deployment'" -ForegroundColor White
+    Write-Host "4. Git 푸시: git push" -ForegroundColor White
+    Write-Host "`n또는 Hugging Face 웹 인터페이스에서 파일을 확인하고 커밋하세요." -ForegroundColor White
+
+} catch {
+    Write-Host "`n오류 발생: $_" -ForegroundColor Red
+    exit 1
+}
+