Auto-deploy from GitHub Actions - 2025-12-14 02:26:35

app/routes.py

@@ -13,6 +13,139 @@ import json
 
 main_bp = Blueprint('main', __name__)
 
+# -----------------------------
+# Admin menu configuration
+# -----------------------------
+
+ADMIN_MENU_CONFIG_KEY = "admin_menu_config_v1"
+
+
+def get_default_admin_menu():
+    """관리자 상단 메뉴 기본 구성(관리 페이지에서 초기화/복구용)"""
+    return {
+        "version": 1,
+        "sections": [
+            {
+                "label": "사이트 관리",
+                "items": [
+                    {"label": "사용자 관리", "endpoint": "main.admin"},
+                    {"label": "토큰 통계", "endpoint": "main.admin_tokens"},
+                    {"label": "메뉴 관리", "endpoint": "main.admin_menu"},
+                ],
+            },
+            {
+                "label": "웹소설 관리",
+                "items": [
+                    {"label": "웹소설 업로드 및 관리", "endpoint": "main.admin_webnovels"},
+                    {"label": "메시지 확인", "endpoint": "main.admin_messages"},
+                ],
+            },
+            {
+                "label": "AI 설정",
+                "items": [
+                    {"label": "AI 설정", "endpoint": "main.admin_settings"},
+                    {"label": "프롬프트 관리", "endpoint": "main.admin_prompts"},
+                ],
+            },
+            {
+                "label": "챗봇",
+                "items": [
+                    {"label": "태그/프롬프트", "endpoint": "main.admin_tags"},
+                    {"label": "챗봇 프롬프트", "endpoint": "main.admin_chatbot_prompts"},
+                ],
+            },
+            {
+                "label": "편의기능",
+                "items": [
+                    {"label": "유틸", "endpoint": "main.admin_utils"},
+                ],
+            },
+        ],
+        "actions": [
+            {"label": "메인으로", "endpoint": "main.index"},
+            {"label": "로그아웃", "endpoint": "main.logout"},
+        ],
+    }
+
+
+def validate_admin_menu_config(config_obj):
+    """메뉴 JSON 구조 검증. (bool_ok, error_message)"""
+    if not isinstance(config_obj, dict):
+        return False, "최상위는 JSON 객체여야 합니다."
+    if config_obj.get("version") != 1:
+        return False, "version은 1이어야 합니다."
+    sections = config_obj.get("sections")
+    if not isinstance(sections, list):
+        return False, "sections는 배열이어야 합니다."
+    for s in sections:
+        if not isinstance(s, dict):
+            return False, "sections 항목은 객체여야 합니다."
+        if not s.get("label") or not isinstance(s.get("label"), str):
+            return False, "section.label은 문자열이어야 합니다."
+        items = s.get("items")
+        if not isinstance(items, list):
+            return False, f"'{s.get('label')}' section의 items는 배열이어야 합니다."
+        for it in items:
+            if not isinstance(it, dict):
+                return False, f"'{s.get('label')}' section의 item은 객체여야 합니다."
+            if not it.get("label") or not isinstance(it.get("label"), str):
+                return False, f"'{s.get('label')}' section의 item.label은 문자열이어야 합니다."
+            endpoint = it.get("endpoint")
+            if not endpoint or not isinstance(endpoint, str):
+                return False, f"'{s.get('label')}' section의 item.endpoint는 문자열이어야 합니다."
+    actions = config_obj.get("actions", [])
+    if actions is not None:
+        if not isinstance(actions, list):
+            return False, "actions는 배열이어야 합니다."
+        for a in actions:
+            if not isinstance(a, dict):
+                return False, "actions 항목은 객체여야 합니다."
+            if not a.get("label") or not isinstance(a.get("label"), str):
+                return False, "actions.label은 문자열이어야 합니다."
+            if not a.get("endpoint") or not isinstance(a.get("endpoint"), str):
+                return False, "actions.endpoint는 문자열이어야 합니다."
+    return True, None
+
+
+def get_admin_menu_config():
+    """DB(SystemConfig)에 저장된 메뉴 구성을 읽고, 없거나 깨졌으면 기본값 반환"""
+    try:
+        raw = SystemConfig.get_config(ADMIN_MENU_CONFIG_KEY, None)
+        if not raw:
+            return get_default_admin_menu()
+        obj = json.loads(raw)
+        ok, err = validate_admin_menu_config(obj)
+        if not ok:
+            print(f"[admin_menu] 저장된 메뉴 설정이 유효하지 않아 기본값 사용: {err}")
+            return get_default_admin_menu()
+        return obj
+    except Exception as e:
+        print(f"[admin_menu] 메뉴 설정 로드 오류, 기본값 사용: {e}")
+        return get_default_admin_menu()
+
+
+def save_admin_menu_config(config_obj):
+    ok, err = validate_admin_menu_config(config_obj)
+    if not ok:
+        raise ValueError(err)
+    SystemConfig.set_config(
+        ADMIN_MENU_CONFIG_KEY,
+        json.dumps(config_obj, ensure_ascii=False, indent=2),
+        description="관리자 상단 메뉴 구성(JSON)"
+    )
+    return True
+
+
+@main_bp.app_context_processor
+def inject_admin_menu():
+    """모든 템플릿에서 admin_menu 사용 가능하도록 주입"""
+    try:
+        if getattr(current_user, "is_authenticated", False) and getattr(current_user, "is_admin", False):
+            return {"admin_menu": get_admin_menu_config()}
+    except Exception:
+        pass
+    return {}
+
 
 def ensure_chatbot_prompt_table_exists():
     """chatbot_prompt 테이블이 없으면 생성 (운영 환경에서 마이그레이션 누락 대비)"""
@@ -2123,6 +2256,12 @@ def admin_webnovels():
     """웹소설 관리 페이지"""
     return render_template('admin_webnovels.html')
 
+@main_bp.route('/admin/menu')
+@admin_required
+def admin_menu():
+    """관리자 상단 메뉴 관리 페이지"""
+    return render_template('admin_menu.html')
+
 @main_bp.route('/admin/prompts')
 @admin_required
 def admin_prompts():
@@ -4682,6 +4821,30 @@ def list_files_with_chatbot_prompts():
     except Exception as e:
         return jsonify({'error': f'프롬프트 파일 목록 조회 중 오류: {str(e)}'}), 500
 
+
+@main_bp.route('/api/admin/menu', methods=['GET'])
+@admin_required
+def get_admin_menu_api():
+    """관리자 메뉴 구성 조회"""
+    try:
+        return jsonify(get_admin_menu_config()), 200
+    except Exception as e:
+        return jsonify({'error': f'메뉴 설정 조회 중 오류: {str(e)}'}), 500
+
+
+@main_bp.route('/api/admin/menu', methods=['PUT'])
+@admin_required
+def update_admin_menu_api():
+    """관리자 메뉴 구성 저장"""
+    try:
+        data = request.get_json(silent=True) or {}
+        save_admin_menu_config(data)
+        return jsonify({'message': '메뉴 구성이 저장되었습니다.'}), 200
+    except ValueError as ve:
+        return jsonify({'error': str(ve)}), 400
+    except Exception as e:
+        return jsonify({'error': f'메뉴 설정 저장 중 오류: {str(e)}'}), 500
+
 @main_bp.route('/api/files/<int:file_id>/chunks', methods=['GET'])
 @login_required
 def get_file_chunks(file_id):

templates/_admin_nav.html

@@ -0,0 +1,267 @@
+{# 공통 관리자 상단 네비게이션 + 모바일 메뉴 (메뉴 구성은 admin_menu 변수) #}
+<div class="admin-nav">
+  <style>
+    .admin-nav .header {
+      background: white;
+      border-bottom: 1px solid #dadce0;
+      padding: 16px 24px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+      position: relative;
+      z-index: 100;
+    }
+    .admin-nav .header-title {
+      font-size: 20px;
+      font-weight: 500;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .admin-nav .header-actions {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      flex-wrap: wrap;
+      position: relative;
+      z-index: 101;
+    }
+    .admin-nav .dropdown { position: relative; display: inline-block; z-index: 10001; }
+    .admin-nav .dropdown::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 8px; }
+    .admin-nav .dropdown-toggle {
+      padding: 8px 16px;
+      background: #f1f3f4;
+      color: #202124;
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.2s;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .admin-nav .dropdown-toggle:hover { background: #e8eaed; }
+    .admin-nav .dropdown-toggle::after { content: '▼'; font-size: 10px; transition: transform 0.2s; }
+    .admin-nav .dropdown:hover .dropdown-toggle::after { transform: rotate(180deg); }
+    .admin-nav .dropdown-menu {
+      position: absolute;
+      top: calc(100% + 4px);
+      left: 0;
+      background: white;
+      border: 1px solid #dadce0;
+      border-radius: 6px;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      min-width: 200px;
+      opacity: 0;
+      visibility: hidden;
+      transform: translateY(-8px);
+      transition: all 0.2s ease;
+      z-index: 10002;
+      padding: 4px 0;
+      pointer-events: none;
+      white-space: nowrap;
+    }
+    .admin-nav .dropdown:hover .dropdown-menu {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0);
+      pointer-events: auto;
+    }
+    .admin-nav .dropdown-item {
+      display: block;
+      padding: 10px 16px;
+      color: #202124;
+      text-decoration: none;
+      font-size: 14px;
+      transition: background 0.2s;
+    }
+    .admin-nav .dropdown-item:hover { background: #f8f9fa; }
+
+    .admin-nav .btn {
+      padding: 8px 16px;
+      background: #f1f3f4;
+      color: #202124;
+      border: none;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: all 0.2s;
+      text-decoration: none;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .admin-nav .btn:hover { background: #e8eaed; }
+
+    .admin-nav .menu-toggle {
+      display: none;
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+      padding: 8px;
+      color: #202124;
+    }
+
+    .admin-nav .mobile-menu {
+      display: none;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.5);
+      z-index: 1000;
+    }
+    .admin-nav .mobile-menu.active { display: block; }
+    .admin-nav .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;
+    }
+    .admin-nav .mobile-menu.active .mobile-menu-content { right: 0; }
+    .admin-nav .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;
+    }
+    .admin-nav .mobile-menu-title { font-size: 18px; font-weight: 500; }
+    .admin-nav .mobile-menu-close {
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+      color: #202124;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .admin-nav .mobile-menu-user {
+      padding: 16px 20px;
+      border-bottom: 1px solid #dadce0;
+      color: #5f6368;
+      font-size: 14px;
+    }
+    .admin-nav .mobile-menu-items { padding: 8px 0; }
+    .admin-nav .mobile-menu-section {
+      padding: 8px 20px;
+      font-size: 11px;
+      font-weight: 600;
+      color: #5f6368;
+      text-transform: uppercase;
+      border-bottom: 1px solid #f1f3f4;
+      margin-top: 8px;
+    }
+    .admin-nav .mobile-menu-item {
+      display: block;
+      padding: 12px 20px;
+      color: #202124;
+      text-decoration: none;
+      border-bottom: 1px solid #f1f3f4;
+      transition: background 0.2s;
+    }
+    .admin-nav .mobile-menu-item:hover { background: #f8f9fa; }
+
+    @media (max-width: 768px) {
+      .admin-nav .header-actions { display: none; }
+      .admin-nav .menu-toggle { display: block; }
+      .admin-nav .header { padding: 12px 16px; }
+      .admin-nav .header-title { font-size: 18px; }
+    }
+  </style>
+
+  {% set _menu = admin_menu if admin_menu is defined else {'sections': [], 'actions': [{'label': '메인으로', 'endpoint': 'main.index'}, {'label': '로그아웃', 'endpoint': 'main.logout'}]} %}
+
+  <div class="header">
+    <div class="header-title">
+      {% if admin_nav_icon is defined %}<span>{{ admin_nav_icon }}</span>{% endif %}
+      <span>{{ admin_nav_title if admin_nav_title is defined else '관리자' }}</span>
+    </div>
+    <button class="menu-toggle" onclick="adminNavToggleMobileMenu()" aria-label="메뉴 열기">☰</button>
+    <div class="header-actions">
+      <span style="margin-right: 12px; color: #5f6368;">{{ current_user.nickname or current_user.username }}</span>
+
+      {% for section in _menu.sections %}
+        <div class="dropdown">
+          <button type="button" class="dropdown-toggle">{{ section.label }}</button>
+          <div class="dropdown-menu">
+            {% for item in section.items %}
+              <a href="{{ url_for(item.endpoint) }}" class="dropdown-item">{{ item.label }}</a>
+            {% endfor %}
+          </div>
+        </div>
+      {% endfor %}
+
+      {% for action in _menu.actions %}
+        <a href="{{ url_for(action.endpoint) }}" class="btn" style="padding: 8px 16px; font-size: 14px; {% if not loop.first %}margin-left: 4px;{% endif %}">
+          {{ action.label }}
+        </a>
+      {% endfor %}
+    </div>
+  </div>
+
+  <!-- 모바일 메뉴 -->
+  <div class="mobile-menu" id="adminNavMobileMenu" onclick="adminNavCloseOnBackdrop(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="adminNavToggleMobileMenu()" aria-label="메뉴 닫기">&times;</button>
+      </div>
+      <div class="mobile-menu-user">{{ current_user.nickname or current_user.username }}</div>
+      <div class="mobile-menu-items">
+        {% for section in _menu.sections %}
+          <div class="mobile-menu-section">{{ section.label }}</div>
+          {% for item in section.items %}
+            <a href="{{ url_for(item.endpoint) }}" class="mobile-menu-item" onclick="adminNavCloseMobileMenu()">{{ item.label }}</a>
+          {% endfor %}
+        {% endfor %}
+        <div class="mobile-menu-section">기타</div>
+        {% for action in _menu.actions %}
+          <a href="{{ url_for(action.endpoint) }}" class="mobile-menu-item" onclick="adminNavCloseMobileMenu()">{{ action.label }}</a>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+  <script>
+    function adminNavToggleMobileMenu() {
+      const menu = document.getElementById('adminNavMobileMenu');
+      if (!menu) return;
+      menu.classList.toggle('active');
+      document.body.style.overflow = menu.classList.contains('active') ? 'hidden' : '';
+    }
+    function adminNavCloseMobileMenu() {
+      const menu = document.getElementById('adminNavMobileMenu');
+      if (!menu) return;
+      menu.classList.remove('active');
+      document.body.style.overflow = '';
+    }
+    function adminNavCloseOnBackdrop(event) {
+      if (event && event.target && event.target.id === 'adminNavMobileMenu') {
+        adminNavCloseMobileMenu();
+      }
+    }
+  </script>
+</div>
+
+

templates/admin.html

@@ -660,99 +660,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '관리자 페이지' %}
+    {% set admin_nav_icon = '🤖' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_chatbot_prompts.html

@@ -159,20 +159,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">챗봇 프롬프트</div>
-        <div class="header-actions">
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            <a href="{{ url_for('main.admin') }}" class="btn btn-secondary">관리자</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary">로그아웃</a>
-        </div>
-    </div>
+    {% set admin_nav_title = '챗봇 프롬프트' %}
+    {% set admin_nav_icon = '🤖' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="file-selector">

templates/admin_files.html

@@ -579,99 +579,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '파일 관리' %}
+    {% set admin_nav_icon = '📁' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_menu.html

@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>관리자 메뉴 관리 - SOY NV AI</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            background: #f8f9fa;
+            color: #202124;
+            overflow-x: hidden;
+        }
+        .container { max-width: 1100px; margin: 24px auto; padding: 0 24px; }
+        .card {
+            background: white;
+            border: 1px solid #dadce0;
+            border-radius: 10px;
+            overflow: hidden;
+        }
+        .card-header {
+            padding: 14px 16px;
+            border-bottom: 1px solid #eee;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+        .card-title { font-size: 16px; font-weight: 600; }
+        .actions { display:flex; gap: 8px; flex-wrap: wrap; }
+        .btn {
+            padding: 8px 14px;
+            border: none;
+            border-radius: 6px;
+            font-size: 14px;
+            font-weight: 600;
+            cursor: pointer;
+        }
+        .btn-primary { background: #1a73e8; color: white; }
+        .btn-primary:hover { background: #1557b0; }
+        .btn-secondary { background: #f1f3f4; color: #202124; }
+        .btn-secondary:hover { background: #e8eaed; }
+        .btn-danger { background: #c5221f; color: white; }
+        .btn-danger:hover { background: #a50e0e; }
+        .card-body { padding: 16px; }
+        textarea {
+            width: 100%;
+            min-height: 420px;
+            border: 1px solid #dadce0;
+            border-radius: 8px;
+            padding: 12px;
+            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+            font-size: 12.5px;
+            line-height: 1.5;
+            background: #fff;
+        }
+        .hint {
+            margin-top: 10px;
+            color: #5f6368;
+            font-size: 13px;
+            line-height: 1.6;
+        }
+        .alert {
+            margin-top: 12px;
+            padding: 10px 12px;
+            border-radius: 8px;
+            font-size: 13px;
+            border: 1px solid transparent;
+            display:none;
+        }
+        .alert.success { display:block; background:#e6f4ea; border-color:#b7dfc0; color:#137333; }
+        .alert.error { display:block; background:#fce8e6; border-color:#f6aea9; color:#c5221f; }
+    </style>
+</head>
+<body>
+    {% set admin_nav_title = '메뉴 관리' %}
+    {% set admin_nav_icon = '🧭' %}
+    {% include '_admin_nav.html' %}
+
+    <div class="container">
+        <div class="card">
+            <div class="card-header">
+                <div class="card-title">관리자 상단 메뉴 구성(JSON)</div>
+                <div class="actions">
+                    <button class="btn btn-secondary" onclick="loadMenu()">새로고침</button>
+                    <button class="btn btn-danger" onclick="resetToDefault()">기본값으로</button>
+                    <button class="btn btn-primary" onclick="saveMenu()">저장</button>
+                </div>
+            </div>
+            <div class="card-body">
+                <textarea id="menuJson" spellcheck="false"></textarea>
+                <div id="alert" class="alert"></div>
+                <div class="hint">
+                    - <strong>sections</strong>: 상단 드롭다운 그룹 목록<br>
+                    - 각 item은 <strong>{ label, endpoint }</strong> 형식이며 endpoint는 예: <code>main.admin_webnovels</code><br>
+                    - <strong>actions</strong>: 우측 고정 버튼(메인으로/로그아웃 등)
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const textarea = document.getElementById('menuJson');
+        const alertEl = document.getElementById('alert');
+
+        function showAlert(msg, type) {
+            alertEl.className = `alert ${type}`;
+            alertEl.textContent = msg;
+        }
+
+        function pretty(obj) {
+            return JSON.stringify(obj, null, 2);
+        }
+
+        async function loadMenu() {
+            try {
+                const res = await fetch('/api/admin/menu', { credentials: 'include' });
+                const data = await res.json();
+                if (!res.ok) {
+                    showAlert(data.error || `불러오기 실패 (${res.status})`, 'error');
+                    return;
+                }
+                textarea.value = pretty(data);
+                showAlert('메뉴 설정을 불러왔습니다.', 'success');
+            } catch (e) {
+                showAlert(`불러오기 오류: ${e.message}`, 'error');
+            }
+        }
+
+        async function saveMenu() {
+            let obj;
+            try {
+                obj = JSON.parse(textarea.value);
+            } catch (e) {
+                showAlert(`JSON 파싱 오류: ${e.message}`, 'error');
+                return;
+            }
+            try {
+                const res = await fetch('/api/admin/menu', {
+                    method: 'PUT',
+                    credentials: 'include',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(obj)
+                });
+                const data = await res.json();
+                if (!res.ok) {
+                    showAlert(data.error || `저장 실패 (${res.status})`, 'error');
+                    return;
+                }
+                showAlert('저장되었습니다. 새로고침 없이도 다음 페이지 이동부터 반영됩니다.', 'success');
+            } catch (e) {
+                showAlert(`저장 오류: ${e.message}`, 'error');
+            }
+        }
+
+        async function resetToDefault() {
+            if (!confirm('기본 메뉴 구성으로 되돌릴까요? (저장 전까지는 반영되지 않습니다)')) return;
+            // 서버 기본값은 GET 응답과 동일하므로, 현재값을 GET으로 다시 덮어쓴 뒤 저장하면 됨.
+            await loadMenu();
+        }
+
+        loadMenu();
+    </script>
+</body>
+</html>
+
+

templates/admin_messages.html

@@ -565,99 +565,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '메시지 확인' %}
+    {% set admin_nav_icon = '💬' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_prompts.html

@@ -419,99 +419,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '프롬프트 관리' %}
+    {% set admin_nav_icon = '📝' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_settings.html

@@ -382,99 +382,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = 'AI 설정 관리' %}
+    {% set admin_nav_icon = '⚙️' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_tags.html

@@ -381,99 +381,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '태그 보기' %}
+    {% set admin_nav_icon = '🏷️' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="file-selector">

templates/admin_tokens.html

@@ -444,99 +444,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '토큰 사용량 통계' %}
+    {% set admin_nav_icon = '📊' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_utils.html

@@ -465,99 +465,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">���롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '유틸' %}
+    {% set admin_nav_icon = '🔧' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">

templates/admin_webnovels.html

@@ -797,99 +797,9 @@
     </style>
 </head>
 <body>
-    <div class="header">
-        <div class="header-title">
-            <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>
-            
-            {# 사이트 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">사이트 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin') }}" class="dropdown-item">사용자 관리</a>
-                    <a href="{{ url_for('main.admin_tokens') }}" class="dropdown-item">토큰 통계</a>
-                </div>
-            </div>
-            
-            {# 웹소설 관리 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">웹소설 관리</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_webnovels') }}" class="dropdown-item">웹소설 업로드 및 관리</a>
-                    <a href="{{ url_for('main.admin_messages') }}" class="dropdown-item">메시지 확인</a>
-                </div>
-            </div>
-            
-            {# AI 설정 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">AI 설정</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_settings') }}" class="dropdown-item">AI 설정</a>
-                    <a href="{{ url_for('main.admin_prompts') }}" class="dropdown-item">프롬프트 관리</a>
-                </div>
-            </div>
-            
-            {# 챗봇 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">챗봇</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_tags') }}" class="dropdown-item">태그/프롬프트</a>
-                    <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="dropdown-item">챗봇 프롬프트</a>
-                </div>
-            </div>
-            
-            {# 편의기능 #}
-            <div class="dropdown">
-                <button type="button" class="dropdown-toggle">편의기능</button>
-                <div class="dropdown-menu">
-                    <a href="{{ url_for('main.admin_utils') }}" class="dropdown-item">유틸</a>
-                </div>
-            </div>
-            
-            {# 메인으로 #}
-            <a href="{{ url_for('main.index') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px; margin-right: 4px;">메인으로</a>
-            <a href="{{ url_for('main.logout') }}" class="btn btn-secondary" style="padding: 8px 16px; font-size: 14px;">로그아웃</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">
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4;">사이트 관리</div>
-                <a href="{{ url_for('main.admin') }}" class="mobile-menu-item" onclick="closeMobileMenu()">사용자 관리</a>
-                <a href="{{ url_for('main.admin_tokens') }}" class="mobile-menu-item" onclick="closeMobileMenu()">토큰 통계</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">웹소설 관리</div>
-                <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>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">AI 설정</div>
-                <a href="{{ url_for('main.admin_settings') }}" class="mobile-menu-item" onclick="closeMobileMenu()">AI 설정</a>
-                <a href="{{ url_for('main.admin_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">프롬프트 관리</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">챗봇</div>
-                <a href="{{ url_for('main.admin_tags') }}" class="mobile-menu-item" onclick="closeMobileMenu()">태그/프롬프트</a>
-                <a href="{{ url_for('main.admin_chatbot_prompts') }}" class="mobile-menu-item" onclick="closeMobileMenu()">챗봇 프롬프트</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">편의기능</div>
-                <a href="{{ url_for('main.admin_utils') }}" class="mobile-menu-item" onclick="closeMobileMenu()">유틸</a>
-                
-                <div style="padding: 8px 20px; font-size: 11px; font-weight: 600; color: #5f6368; text-transform: uppercase; border-bottom: 1px solid #f1f3f4; margin-top: 8px;">기타</div>
-                <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>
+    {% set admin_nav_title = '웹소설 관리' %}
+    {% set admin_nav_icon = '📚' %}
+    {% include '_admin_nav.html' %}
 
     <div class="container">
         <div class="page-header">