feat: ITSM admin 통계 v2.1.0 + 홈페이지 Messenger 2세대 반영 + 하네스 신규 구성 [auto-sync]

frontend/src/pages/GuardiaDetail.jsx

@@ -222,6 +222,44 @@ const FEATURE_CATEGORIES = [
       { title: 'tmux 영속 터미널 관리',  desc: '원격 서버 tmux 세션 생성·공유·분리·녹화. 다중 사용자 동시 접속. 위험 명령어 차단(rm -rf /, mkfs). 터미널 출력 검색·이력 관리.' },
     ],
   },
+  {
+    id: 'messenger_gen2',
+    label: 'Messenger 2세대 (NEW)',
+    icon: <IconMobile size={22} color="#8B5CF6"/>,
+    color: '#8B5CF6',
+    items: [
+      { title: '장애 예측 알림',        desc: '서버별 장애 확률 시각화 (빨강≥70%·주황≥40%). 예방 SR 1-tap 등록. ML 기반 사전 경보.' },
+      { title: '용량 계획 예측',        desc: '30/60/90일 리소스 수요 예측. 차트 기반 추이 확인. 서버 증설 타이밍 자동 권고.' },
+      { title: '서비스 의존성 맵',      desc: 'ITSM 서비스 토폴로지 자동 시각화. 영향 경로 추적. 장애 전파 범위 사전 파악.' },
+      { title: 'GreenOps 탄소 추적',    desc: '서버별 kWh·탄소 배출량 실시간 집계. 월별 추이 차트. EU CSRD 준수 Carbon-aware 운영.' },
+      { title: '비용 절감 권고',        desc: 'AI 낭비 리소스 감지. 절감 가능 금액 표시. 권고사항 1-tap SR 등록 연계.' },
+      { title: '정책 위반 알림',        desc: '보안·컴플라이언스 정책 위반 실시간 탐지. HIGH/MEDIUM/LOW 심각도 분류. 즉시 SR 생성.' },
+      { title: '전자서명 결재',         desc: '미결 승인 문서 모바일 조회. PIN 코드 전자서명. 폐쇄망 완전 지원 결재.' },
+      { title: 'HW 보증 만료 관리',     desc: '하드웨어 보증 만료 D-30·D-90 경보. 교체 SR 자동 생성. 비용 사전 계획 지원.' },
+      { title: 'NFC 자산 태그 스캔',    desc: 'NFC 태그 스캔으로 서버 CMDB 즉시 조회. 현장 체크인 자동 기록. IP 마스킹 표시.' },
+      { title: 'CVE 취약점 상세',       desc: 'CVE 목록·CVSS 점수 바 차트. 영향 서버 수 표시. 패치 적용 1-tap 실행.' },
+      { title: '위협 인텔리전스 피드',   desc: 'CRITICAL/HIGH/MEDIUM 위협 실시간 목록. IoC·완화 방안 상세 조회. SOAR 연동.' },
+      { title: 'IoC 검색',             desc: 'IP·도메인·해시·URL 즉시 IOC 조회. 타입별 색상 분류. 위협 여부 실시간 판단.' },
+      { title: '보안 점수 카드',        desc: '도메인별 보안 점수 종합. A/B/C 등급. 발견 취약점 목록 + 개선 권고.' },
+      { title: 'AI 채팅 이력',          desc: '과거 AI 챗봇 대화 조회. 페이지 로딩. 내/봇 버블 UI. 맥락 재확인 가능.' },
+      { title: 'AI 일일 브리핑',        desc: '오늘의 운영 요약·주요 이슈·위험·권고사항 AI 자동 생성. 아침 업무 준비 가속.' },
+      { title: 'Ollama 모델 상태',      desc: '온프레미스 Ollama 서비스 상태·모델 목록·크기 조회. 모델 Pull 실행.' },
+      { title: '나의 작업 목록 (ToDo)', desc: '본인 할당 미처리 SR 전체 조회. 우선순위 색상 테두리. 완료 체크 1-tap.' },
+      { title: '작업 캘린더',          desc: '월별 SR·유지보수 캘린더. 오늘 강조. 이벤트 점 표시. 월 앞뒤 이동.' },
+      { title: '유지보수 창 관리',      desc: '예정·진행·완료 유지보수 일정 관리. 예정 창 취소 기능.' },
+      { title: 'VM 가상머신 관리',      desc: '클라우드 VM 목록·상태. 시작/정지/재부팅 1-tap. 상태 색상 분류.' },
+      { title: 'SSL 인증서 경보',       desc: '만료 임박 SSL 정렬 표시. D-7(빨강)·D-30(주황) 긴급 알림. 갱신 SR 등록.' },
+      { title: 'EOL 소프트웨어 경보',   desc: 'End-of-Life SW 목록. 만료 날짜 비교. 교체 SR 즉시 등록.' },
+      { title: '즐겨찾기 단축키',       desc: '자주 쓰는 기능 8개 PIN 등록·해제. SecureStore 로컬 저장. 1-tap 바로 이동.' },
+      { title: 'SR 시간대별 히트맵',    desc: '요일×시간 7×24 SR 발생 히트맵. 업무 집중 시간대·패턴 분석.' },
+      { title: 'CSAP 심사 준비',        desc: 'CSAP 항목 준수율 게이지. 미준수 항목 필터. 자동 SR 등록으로 개선 추진.' },
+      { title: '나라장터 계약 현황',     desc: 'G2B 계약 목록·상태. 계약 URL 직접 연결. 만료 관리 가능.' },
+      { title: '시민 민원 접수 현황',    desc: '시민 포털 접수 민원 목록. SR 전환 1-tap. 처리 현황 추적.' },
+      { title: '팀 리더보드',           desc: '팀원 SR 처리 순위·점수 막대 바. 메달 시각화. SLA 달성률·평가 표시.' },
+      { title: '운영 건강 스코어카드',   desc: '5개 운영 지표 게이지. 종합 A/B/C 등급. 서버가용성·SLA·장애·패치·만족도.' },
+      { title: '최근 방문 화면',        desc: '최근 방문 화면 10개 자동 기록. 빠른 재접근. 전체 삭제 기능.' },
+    ],
+  },
 ];
 
 /* 하이라이트 카드 (히어로 섹션용) */
@@ -381,10 +419,10 @@ const TECH_STACK = [
 
 export default function GuardiaDetail() {
   useSeoMeta({
-    title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (210+ 기능)',
+    title: 'GUARDiA ITSM — AI 기반 공공기관 인프라 자율 운영 플랫폼 (310+ 기능)',
-    description: 'GUARDiA ITSM: 1,168개+ API, 210가지 이상 기능. 레거시 현대화·옵저버빌리티·AI-SOC·시민포털·데이터거버넌스·하네스빌더·tmux 세션. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.',
+    description: 'GUARDiA ITSM: 1,416개+ API, 310가지 이상 기능. 모바일 앱 200개 기능(2세대). 레거시 현대화·옵저버빌리티·AI-SOC·시민포털·데이터거버넌스·하네스빌더·tmux 세션. ZTNA·SBOM·N²SF·IDP·GreenOps·자가수복. 폐쇄망/개방망 지원.',
     path: '/solution/guardia',
-    keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, 나라장터, Upstage OCR',
+    keywords: 'GUARDiA ITSM, AI ITSM, 공공기관 인프라 자동화, 레거시 현대화, 옵저버빌리티, AI-SOC, 시민포털, 데이터거버넌스, 하네스빌더, tmux 세션, 자가수복, LoRA 파인튜닝, ChatOps, 에이전트리스, RAG 검색, CMDB 자동 발견, 나라장터, Upstage OCR, Messenger 200기능, 모바일 앱',
     image: '/screenshots/01_dashboard.png',
   });
   const [activeTab, setActiveTab] = useState('features');
@@ -417,8 +455,8 @@ export default function GuardiaDetail() {
           <div className="gd-hero-stats">
             {[
               {val:'1,000+', lab:'관리 기관'},
-              {val:'1,168+', lab:'API 엔드포인트'},
+              {val:'1,416+', lab:'API 엔드포인트'},
-              {val:'210+',   lab:'구현 완료 기능'},
+              {val:'310+',   lab:'구현 완료 기능'},
               {val:'0개',    lab:'대상 서버 추가 설치'},
             ].map((s,i) => (
               <div key={i} className="gd-stat">
@@ -461,9 +499,9 @@ export default function GuardiaDetail() {
           <div className="container">
             <div className="section-header">
               <span className="section-label">Core Features</span>
-              <h2 className="section-title">GUARDiA가 제공하는<br/><em>210가지 이상 핵심 기능</em></h2>
+              <h2 className="section-title">GUARDiA가 제공하는<br/><em>310가지 이상 핵심 기능</em></h2>
               <p style={{color:'var(--gray-500)',marginTop:'12px',fontSize:'16px'}}>
-                12개 카테고리 · 1,168개+ API 엔드포인트 · 5세대 확장 완료
+                13개 카테고리 · 1,416개+ API 엔드포인트 · 모바일 200기능 · 5세대 확장 완료
               </p>
               <div className="divider" />
             </div>
@@ -697,8 +735,9 @@ export default function GuardiaDetail() {
               <h2 className="section-title">현장에서 바로<br/><em>스마트폰으로 관제</em></h2>
               <div className="divider" />
               <p className="section-desc">
-                Android · iOS 모두 지원. SR 접수·처리, DR 복구 테스트, 네트워크 장비 관제,<br/>
+                Android · iOS 모두 지원. <strong>200개 기능 (1세대 100 + 2세대 100)</strong> 완전 구현.<br/>
-                AI 챗봇 명령까지 — 어디서든 GUARDiA를 손에 쥐세요.
+                SR 관리·AI 자동화·보안인증·현장서비스·승인·지식베이스·준수·UX·통계·협업까지<br/>
+                어디서든 GUARDiA를 손에 쥐세요.
               </p>
             </div>
             <div className="gd-screenshots gd-screenshots--mobile">
@@ -1356,7 +1395,7 @@ export default function GuardiaDetail() {
             {/* 매뉴얼 전체 목록 */}
             <div style={{marginTop:32,background:'#f8fafc',borderRadius:12,padding:20}}>
               <h3 style={{fontSize:15,fontWeight:700,color:'#1e293b',marginBottom:16}}>
-                📚 전체 매뉴얼 목록 (44개 문서)
+                📚 전체 매뉴얼 목록 (46개 문서)
               </h3>
               <div style={{display:'grid',gridTemplateColumns:'repeat(auto-fill,minmax(280px,1fr))',gap:8}}>
                 {[
@@ -1370,6 +1409,8 @@ export default function GuardiaDetail() {
                   '39 DR·네트워크·CSAP 운영가이드', '40 바이브코딩 운영가이드',
                   '41 DB 연결정보', '42 zio서버 SW 구성도', '43 레파지토리 구조 가이드',
                   '44 신규기능 운영가이드 ⭐ NEW',
+                  '45 5세대 7개 기능 운영가이드 ⭐ NEW',
+                  '46 Messenger 200기능 운영가이드 ⭐ NEW',
                 ].map((doc,i)=>(
                   <div key={i} style={{fontSize:12,color:'#374151',padding:'6px 10px',
                                        background:'#fff',borderRadius:6,border:'1px solid #e2e8f0'}}>