ltcai 0.1.2 → 0.1.4

package/static/admin.html

@@ -521,6 +521,31 @@
             .two-col, .form-grid { grid-template-columns: 1fr; }
             .field.full { grid-column: auto; }
         }
+
+        .lang-picker { position: relative; }
+        .lang-picker-menu {
+            display: none;
+            position: absolute;
+            top: calc(100% + 6px);
+            right: 0;
+            background: #1a1f1d;
+            border: 1px solid rgba(255,255,255,0.1);
+            border-radius: 10px;
+            padding: 4px;
+            min-width: 130px;
+            z-index: 100;
+            box-shadow: 0 8px 24px rgba(0,0,0,0.4);
+        }
+        .lang-picker-menu.open { display: block; }
+        .lang-option {
+            padding: 7px 10px;
+            border-radius: 7px;
+            cursor: pointer;
+            font-size: 13px;
+            color: var(--muted);
+        }
+        .lang-option:hover { background: rgba(255,255,255,0.06); color: var(--text); }
+        .lang-option.active { color: var(--accent); font-weight: 600; }
     </style>
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
 </head>
@@ -532,25 +557,32 @@
                 <div class="brand-mark"><i class="ti ti-shield-lock"></i></div>
                 <div>
                     <h1>Lattice AI Admin</h1>
-                    <p>관리자 대시보드</p>
+                    <p data-i18n="admin_sub">관리자 대시보드</p>
                 </div>
             </div>
             <div class="top-actions">
-                <a class="btn" href="/"><i class="ti ti-arrow-left"></i> 채팅으로</a>
-                <button class="btn primary" id="refresh-btn" type="button"><i class="ti ti-refresh"></i> 새로고침</button>
-                <button class="btn danger" id="logout-btn" type="button"><i class="ti ti-logout"></i> 로그아웃</button>
+                <a class="btn" href="/"><i class="ti ti-arrow-left"></i> <span data-i18n="btn_back">채팅으로</span></a>
+                <div class="lang-picker" id="admin-lang-picker">
+                    <button class="btn" id="admin-lang-btn" onclick="toggleLangMenu('admin-lang-picker')" title="Language">🌐</button>
+                    <div class="lang-picker-menu" id="admin-lang-picker-menu">
+                        <div class="lang-option" id="admin-lang-ko" onclick="setLang('ko')">🇰🇷 한국어</div>
+                        <div class="lang-option" id="admin-lang-en" onclick="setLang('en')">🇺🇸 English</div>
+                    </div>
+                </div>
+                <button class="btn primary" id="refresh-btn" type="button"><i class="ti ti-refresh"></i> <span data-i18n="btn_refresh">새로고침</span></button>
+                <button class="btn danger" id="logout-btn" type="button"><i class="ti ti-logout"></i> <span data-i18n="btn_logout">로그아웃</span></button>
             </div>
         </header>
 
         <main class="content">
             <section class="hero">
                 <div>
-                    <h2>관리자 대시보드</h2>
-                    <p>사용자, 민감도 로그, Private VPC, 서버 상태를 한 화면에서 관리합니다. 채팅 화면과 분리되어 있고, 필요할 때만 따로 열어볼 수 있습니다.</p>
+                    <h2 data-i18n="hero_title">관리자 대시보드</h2>
+                    <p data-i18n="hero_desc">사용자, 민감도 로그, Private VPC, 서버 상태를 한 화면에서 관리합니다. 채팅 화면과 분리되어 있고, 필요할 때만 따로 열어볼 수 있습니다.</p>
                 </div>
                 <div class="session-card">
                     <div class="label">Current Session</div>
-                    <div class="value" id="session-value">세션 확인 중...</div>
+                    <div class="value" id="session-value" data-i18n="checking_session">세션 확인 중...</div>
                 </div>
             </section>
 
@@ -582,8 +614,8 @@
             <section class="panel" style="margin-bottom:0;">
                 <div class="panel-header">
                     <div>
-                        <h3>메시지 활동 (최근 14일)</h3>
-                        <p>사용자 메시지와 AI 응답 수를 날짜별로 표시합니다.</p>
+                        <h3 data-i18n="chart_title">메시지 활동 (최근 14일)</h3>
+                        <p data-i18n="chart_desc">사용자 메시지와 AI 응답 수를 날짜별로 표시합니다.</p>
                     </div>
                 </div>
                 <div class="panel-body" style="padding:16px 20px;">
@@ -596,7 +628,7 @@
                     <div class="panel-header">
                         <div>
                             <h3>Private VPC</h3>
-                            <p>네트워크 프로필과 운영 상태를 수정합니다.</p>
+                            <p data-i18n="vpc_desc">네트워크 프로필과 운영 상태를 수정합니다.</p>
                         </div>
                         <span class="tag" id="admin-pill"><i class="ti ti-user-cog"></i> Admin</span>
                     </div>
@@ -632,12 +664,12 @@
                             </div>
                             <div class="field full">
                                 <label for="vpc-notes">Notes</label>
-                                <textarea id="vpc-notes" placeholder="운영 메모"></textarea>
+                                <textarea id="vpc-notes" data-i18n-ph="vpc_notes_ph" placeholder="운영 메모"></textarea>
                             </div>
                         </div>
                         <div class="toolbar">
-                            <div class="status-copy" id="vpc-save-status">불러오는 중...</div>
-                            <button class="btn primary" id="save-vpc-btn" type="button"><i class="ti ti-device-floppy"></i> 저장</button>
+                            <div class="status-copy" id="vpc-save-status" data-i18n="vpc_loading">불러오는 중...</div>
+                            <button class="btn primary" id="save-vpc-btn" type="button"><i class="ti ti-device-floppy"></i> <span data-i18n="vpc_save">저장</span></button>
                         </div>
                     </div>
                 </article>
@@ -646,13 +678,13 @@
                     <div class="panel-header">
                         <div>
                             <h3>Current Session</h3>
-                            <p>현재 로그인한 계정과 서버 상태를 빠르게 확인합니다.</p>
+                            <p data-i18n="session_desc">현재 로그인한 계정과 서버 상태를 빠르게 확인합니다.</p>
                         </div>
                     </div>
                     <div class="panel-body">
                         <div class="tag-row" id="session-tags"></div>
                         <div class="footer-space"></div>
-                        <div class="notice" id="session-help">
+                        <div class="notice" id="session-help" data-i18n="session_help_fail">
                             로그인 정보가 없으면 이 화면의 관리자 API를 사용할 수 없습니다.
                         </div>
                     </div>
@@ -662,8 +694,8 @@
             <section class="panel">
                 <div class="panel-header">
                     <div>
-                        <h3>민감도 분석</h3>
-                        <p>감지된 위험 메시지와 준수 메시지를 분리해서 보여줍니다.</p>
+                        <h3 data-i18n="sensitivity_title">민감도 분석</h3>
+                        <p data-i18n="sensitivity_desc">감지된 위험 메시지와 준수 메시지를 분리해서 보여줍니다.</p>
                     </div>
                     <div class="tag-row" id="sensitivity-summary"></div>
                 </div>
@@ -684,8 +716,8 @@
             <section class="panel">
                 <div class="panel-header">
                     <div>
-                        <h3>초대 링크</h3>
-                        <p>새 사용자를 초대할 링크를 확인하고 복사합니다.</p>
+                        <h3 data-i18n="invite_title">초대 링크</h3>
+                        <p data-i18n="invite_desc">새 사용자를 초대할 링크를 확인하고 복사합니다.</p>
                     </div>
                 </div>
                 <div class="panel-body">
@@ -694,7 +726,7 @@
                             style="flex:1;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.08);border-radius:8px;color:#f8fafc;padding:8px 12px;font-size:13px;outline:none;">
                         <button onclick="copyInviteLink()" id="copy-invite-btn"
                             style="background:#6366f1;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:13px;white-space:nowrap;transition:opacity .15s;">
-                            복사
+                            <span data-i18n="btn_copy">복사</span>
                         </button>
                     </div>
                     <div id="invite-gate-info" style="font-size:12px;color:#94a3b8;margin-top:8px;"></div>
@@ -704,13 +736,13 @@
             <section class="panel">
                 <div class="panel-header">
                     <div>
-                        <h3>사용자 관리</h3>
-                        <p>역할 변경, 비활성화, 삭제를 처리합니다.</p>
+                        <h3 data-i18n="users_title">사용자 관리</h3>
+                        <p data-i18n="users_desc">역할 변경, 비활성화, 삭제를 처리합니다.</p>
                     </div>
                 </div>
                 <div class="panel-body">
                     <div class="table-wrap" id="user-table-wrap">
-                        <div class="preview" style="padding: 14px;">불러오는 중...</div>
+                        <div class="preview" style="padding: 14px;" data-i18n="loading">불러오는 중...</div>
                     </div>
                 </div>
             </section>
@@ -743,6 +775,120 @@
             };
         }
 
+        // ── i18n ─────────────────────────────────────────────────────────────
+        const A18N = {
+            ko: {
+                admin_sub: '관리자 대시보드', btn_back: '채팅으로', btn_refresh: '새로고침', btn_logout: '로그아웃',
+                hero_title: '관리자 대시보드',
+                hero_desc: '사용자, 민감도 로그, Private VPC, 서버 상태를 한 화면에서 관리합니다. 채팅 화면과 분리되어 있고, 필요할 때만 따로 열어볼 수 있습니다.',
+                checking_session: '세션 확인 중...',
+                meta_user_accounts: '사용자 계정 수', meta_recent_activity: '최근 대화 활동',
+                meta_need_admin: '관리자 권한 필요', meta_msg_unavailable: '최근 메시지 정보를 불러올 수 없음',
+                chart_title: '메시지 활동 (최근 14일)', chart_desc: '사용자 메시지와 AI 응답 수를 날짜별로 표시합니다.',
+                label_user: '사용자', label_email: '이메일', label_perm: '권한', label_none: '없음',
+                vpc_desc: '네트워크 프로필과 운영 상태를 수정합니다.',
+                vpc_notes_ph: '운영 메모', vpc_save: '저장', vpc_loading: '불러오는 중...',
+                vpc_saving: '저장 중...', vpc_saved: '저장되었습니다.', vpc_save_fail: '저장 실패',
+                vpc_default_profile: '기본 VPC 프로필을 사용 중입니다.', vpc_last_saved: '마지막 저장:',
+                vpc_standby: '대기', vpc_connected: '연결됨', vpc_needs_setup: '설정 필요',
+                session_desc: '현재 로그인한 계정과 서버 상태를 빠르게 확인합니다.',
+                session_no_info: '세션 정보가 없습니다',
+                session_help_ok: '이메일 헤더가 설정되어 관리자 API를 호출할 수 있습니다.',
+                session_help_fail: '채팅 화면에서 로그인한 뒤 이 화면을 열어야 관리자 API를 사용할 수 있습니다.',
+                sensitivity_title: '민감도 분석', sensitivity_desc: '감지된 위험 메시지와 준수 메시지를 분리해서 보여줍니다.',
+                sensitivity_risk: '위험', sensitivity_compliant: '준수', sensitivity_risk_rate: '위험률', sensitivity_high: '높음',
+                no_risk_fields: '감지된 위험 필드가 없습니다.', no_compliance_fields: '준수 항목이 없습니다.',
+                invite_title: '초대 링크', invite_desc: '새 사용자를 초대할 링크를 확인하고 복사합니다.',
+                btn_copy: '복사', copied: '복사됨 ✅',
+                invite_gate_active: '초대 게이트 활성화됨', invite_gate_inactive: '초대 게이트 비활성화 — 링크 없이도 접근 가능합니다.',
+                users_title: '사용자 관리', users_desc: '역할 변경, 비활성화, 삭제를 처리합니다.',
+                loading: '불러오는 중...', no_users: '사용자 데이터가 없습니다.',
+                status_active: '활성', status_inactive: '비활성',
+                btn_grant_admin: '관리자 지정', btn_revoke_admin: '권한 해제',
+                btn_activate: '활성화', btn_deactivate: '비활성화', btn_delete: '삭제',
+                confirm_delete: '사용자를 삭제할까요?',
+                err_no_admin: '관리자 권한이 없습니다. 채팅 화면에서 관리자 계정으로 로그인한 뒤 다시 열어주세요.',
+                err_partial: '일부 섹션을 불러오지 못했습니다:',
+                err_network: '네트워크 연결을 확인해 주세요.', err_load: '대시보드를 불러오지 못했습니다.',
+                section_summary: '요약', section_users: '사용자 목록', section_sensitivity: '민감 정보 분석',
+            },
+            en: {
+                admin_sub: 'Admin Dashboard', btn_back: 'Chat', btn_refresh: 'Refresh', btn_logout: 'Logout',
+                hero_title: 'Admin Dashboard',
+                hero_desc: 'Manage users, sensitivity logs, Private VPC, and server state — all in one screen.',
+                checking_session: 'Checking session...',
+                meta_user_accounts: 'User accounts', meta_recent_activity: 'Recent activity',
+                meta_need_admin: 'Admin permission required', meta_msg_unavailable: 'Could not load recent message info',
+                chart_title: 'Message Activity (Last 14 days)', chart_desc: 'User messages and AI responses by day.',
+                label_user: 'User', label_email: 'Email', label_perm: 'Role', label_none: 'None',
+                vpc_desc: 'Edit network profile and operating state.',
+                vpc_notes_ph: 'Operations notes', vpc_save: 'Save', vpc_loading: 'Loading...',
+                vpc_saving: 'Saving...', vpc_saved: 'Saved.', vpc_save_fail: 'Save failed',
+                vpc_default_profile: 'Using default VPC profile.', vpc_last_saved: 'Last saved:',
+                vpc_standby: 'Standby', vpc_connected: 'Connected', vpc_needs_setup: 'Setup required',
+                session_desc: 'Quickly check the current login account and server state.',
+                session_no_info: 'No session info',
+                session_help_ok: 'Email header is set — admin API calls are available.',
+                session_help_fail: 'Log in from the chat screen first, then open this screen.',
+                sensitivity_title: 'Sensitivity Analysis', sensitivity_desc: 'Shows detected risk messages and compliant messages separately.',
+                sensitivity_risk: 'Risk', sensitivity_compliant: 'Compliant', sensitivity_risk_rate: 'Risk rate', sensitivity_high: 'High',
+                no_risk_fields: 'No risk fields detected.', no_compliance_fields: 'No compliance items.',
+                invite_title: 'Invite Link', invite_desc: 'View and copy the link to invite new users.',
+                btn_copy: 'Copy', copied: 'Copied ✅',
+                invite_gate_active: 'Invite gate active', invite_gate_inactive: 'Invite gate disabled — accessible without link.',
+                users_title: 'User Management', users_desc: 'Handle role changes, disables, and deletions.',
+                loading: 'Loading...', no_users: 'No user data.',
+                status_active: 'Active', status_inactive: 'Inactive',
+                btn_grant_admin: 'Make Admin', btn_revoke_admin: 'Remove Admin',
+                btn_activate: 'Activate', btn_deactivate: 'Deactivate', btn_delete: 'Delete',
+                confirm_delete: 'Delete this user?',
+                err_no_admin: 'No admin permission. Log in as admin from the chat screen.',
+                err_partial: 'Failed to load some sections:',
+                err_network: 'Please check your network connection.', err_load: 'Could not load dashboard.',
+                section_summary: 'Summary', section_users: 'User list', section_sensitivity: 'Sensitivity report',
+            }
+        };
+
+        let currentLang = localStorage.getItem('ltcai_lang') || 'ko';
+        function t(key) { return (A18N[currentLang] || A18N.ko)[key] || key; }
+
+        function applyI18n() {
+            document.querySelectorAll('[data-i18n]').forEach(el => {
+                const val = t(el.dataset.i18n);
+                if (val) el.textContent = val;
+            });
+            document.querySelectorAll('[data-i18n-ph]').forEach(el => {
+                const val = t(el.dataset.i18nPh);
+                if (val) el.placeholder = val;
+            });
+            ['ko', 'en'].forEach(lang => {
+                const el = document.getElementById(`admin-lang-${lang}`);
+                if (el) el.classList.toggle('active', lang === currentLang);
+            });
+        }
+
+        function toggleLangMenu(pickerId) {
+            const menu = document.getElementById(`${pickerId}-menu`);
+            const isOpen = menu.classList.contains('open');
+            document.querySelectorAll('.lang-picker-menu').forEach(m => m.classList.remove('open'));
+            if (!isOpen) menu.classList.add('open');
+        }
+
+        function setLang(lang) {
+            currentLang = lang;
+            localStorage.setItem('ltcai_lang', lang);
+            document.querySelectorAll('.lang-picker-menu').forEach(m => m.classList.remove('open'));
+            applyI18n();
+            loadDashboard();
+        }
+
+        document.addEventListener('click', e => {
+            if (!e.target.closest('.lang-picker')) {
+                document.querySelectorAll('.lang-picker-menu').forEach(m => m.classList.remove('open'));
+            }
+        });
+        // ─────────────────────────────────────────────────────────────────────
+
         let activityChartInstance = null;
         function renderActivityChart(daily) {
             const labels = daily.map(d => d.date);
@@ -755,7 +901,7 @@
                 data: {
                     labels,
                     datasets: [
-                        { label: '사용자', data: userData, backgroundColor: 'rgba(99,102,241,0.7)', borderRadius: 4 },
+                        { label: t('label_user'), data: userData, backgroundColor: 'rgba(99,102,241,0.7)', borderRadius: 4 },
                         { label: 'AI', data: aiData, backgroundColor: 'rgba(168,85,247,0.5)', borderRadius: 4 }
                     ]
                 },
@@ -775,8 +921,8 @@
             const btn = document.getElementById('copy-invite-btn');
             try {
                 await navigator.clipboard.writeText(url);
-                btn.textContent = '복사됨 ✅';
-                setTimeout(() => btn.textContent = '복사', 2000);
+                btn.textContent = t('copied');
+                setTimeout(() => btn.textContent = t('btn_copy'), 2000);
             } catch {
                 document.getElementById('invite-link-input').select();
             }
@@ -798,21 +944,21 @@
         }
 
         function vpcHealthText(config) {
-            if (!config) return '대기';
-            if (config.vpn_status === 'connected' || config.peering_status === 'active') return '연결됨';
-            if (config.vpn_status === 'standby') return '대기';
-            return config.vpn_status || config.peering_status || '설정 필요';
+            if (!config) return t('vpc_standby');
+            if (config.vpn_status === 'connected' || config.peering_status === 'active') return t('vpc_connected');
+            if (config.vpn_status === 'standby') return t('vpc_standby');
+            return config.vpn_status || config.peering_status || t('vpc_needs_setup');
         }
 
         function setSessionInfo() {
             const email = currentUserEmail();
             const nick = currentUserNickname();
             const isAdmin = currentUserIsAdmin();
-            document.getElementById('session-value').textContent = email ? `${nick} <${email}>` : '세션 정보가 없습니다';
+            document.getElementById('session-value').textContent = email ? `${nick} <${email}>` : t('session_no_info');
             const tags = [
-                ['사용자', nick, 'low'],
-                ['이메일', email || '없음', 'medium'],
-                ['권한', isAdmin ? 'admin' : 'user', isAdmin ? 'low' : 'medium']
+                [t('label_user'), nick, 'low'],
+                [t('label_email'), email || t('label_none'), 'medium'],
+                [t('label_perm'), isAdmin ? 'admin' : 'user', isAdmin ? 'low' : 'medium']
             ];
             document.getElementById('session-tags').innerHTML = tags.map(([label, value, tone]) => `
                 <span class="tag ${tone}"><span>${esc(label)}</span> ${esc(value)}</span>
@@ -820,10 +966,9 @@
             document.getElementById('admin-pill').innerHTML = isAdmin
                 ? '<i class="ti ti-shield-check"></i> Admin'
                 : '<i class="ti ti-lock"></i> Read only';
-            const help = document.getElementById('session-help');
-            help.innerHTML = email
-                ? '이메일 헤더가 설정되어 관리자 API를 호출할 수 있습니다.'
-                : '채팅 화면에서 로그인한 뒤 이 화면을 열어야 관리자 API를 사용할 수 있습니다.';
+            document.getElementById('session-help').textContent = email
+                ? t('session_help_ok')
+                : t('session_help_fail');
         }
 
         function fillVpcForm(config) {
@@ -837,8 +982,8 @@
             document.getElementById('vpc-subnets').value = (config.private_subnets || []).join(', ');
             document.getElementById('vpc-notes').value = config.notes || '';
             document.getElementById('vpc-save-status').textContent = config.updated_at
-                ? `마지막 저장: ${new Date(config.updated_at).toLocaleString()}`
-                : '기본 VPC 프로필을 사용 중입니다.';
+                ? `${t('vpc_last_saved')} ${new Date(config.updated_at).toLocaleString()}`
+                : t('vpc_default_profile');
 
             const provider = config.provider || 'VPC';
             const region = config.region || '-';
@@ -850,11 +995,11 @@
             document.getElementById('total-users').textContent = summary ? summary.total_users : '-';
             document.getElementById('total-users-meta').textContent = summary
                 ? `${summary.active_users} active · ${summary.admin_users} admins`
-                : '관리자 권한 필요';
+                : t('meta_need_admin');
             document.getElementById('total-messages').textContent = summary ? summary.total_messages : '-';
             document.getElementById('total-messages-meta').textContent = summary
                 ? `user ${summary.user_messages} · assistant ${summary.assistant_messages}`
-                : '최근 메시지 정보를 불러올 수 없음';
+                : t('meta_msg_unavailable');
             document.getElementById('current-model').textContent = compactModelName(health?.current_model);
             document.getElementById('current-model-meta').textContent = `${health?.loaded_models?.length || 0} loaded · ${health?.device || 'local runtime'}`;
             document.getElementById('vpc-status').textContent = `${vpc?.provider || '-'} ${vpc?.region || '-'}`;
@@ -868,10 +1013,10 @@
             const userCounts = summary.user_counts || {};
 
             const tags = [
-                ['risk', `위험 ${summary.risky_messages || 0}`],
-                ['low', `준수 ${summary.compliant_messages || 0}`],
-                ['medium', `위험률 ${summary.risk_rate || 0}%`],
-                ['high', `높음 ${severity.high || 0}`]
+                ['risk', `${t('sensitivity_risk')} ${summary.risky_messages || 0}`],
+                ['low', `${t('sensitivity_compliant')} ${summary.compliant_messages || 0}`],
+                ['medium', `${t('sensitivity_risk_rate')} ${summary.risk_rate || 0}%`],
+                ['high', `${t('sensitivity_high')} ${severity.high || 0}`]
             ];
             document.getElementById('sensitivity-summary').innerHTML = tags.map(([tone, label]) => `<span class="tag ${tone}">${esc(label)}</span>`).join('');
 
@@ -890,7 +1035,7 @@
                         <div class="preview">${esc(item.preview || '')}</div>
                     </div>
                 `).join('')
-                : '<div class="preview">감지된 위험 필드가 없습니다.</div>';
+                : `<div class="preview">${t('no_risk_fields')}</div>`;
 
             document.getElementById('compliance-fields').innerHTML = complianceList.length
                 ? complianceList.slice().reverse().map(item => `
@@ -904,7 +1049,7 @@
                         <div class="preview">${esc(item.preview || '')}</div>
                     </div>
                 `).join('')
-                : '<div class="preview">준수 항목이 없습니다.</div>';
+                : `<div class="preview">${t('no_compliance_fields')}</div>`;
 
             const fieldTags = Object.entries(fieldCounts).map(([label, count]) => `<span class="tag medium">${esc(label)} ${esc(count)}</span>`);
             const userTags = Object.entries(userCounts).map(([label, count]) => `<span class="tag high">${esc(label)} ${esc(count)}</span>`);
@@ -914,7 +1059,7 @@
         function renderUsers(users) {
             const wrap = document.getElementById('user-table-wrap');
             if (!Array.isArray(users) || !users.length) {
-                wrap.innerHTML = '<div class="preview" style="padding:14px">사용자 데이터가 없습니다.</div>';
+                wrap.innerHTML = `<div class="preview" style="padding:14px">${t('no_users')}</div>`;
                 return;
             }
             wrap.innerHTML = `
@@ -936,24 +1081,24 @@
                                 <td>${esc(user.name || '-')}</td>
                                 <td>${esc(user.nickname || '-')}</td>
                                 <td><span class="role">${esc(user.role || '-')}</span></td>
-                                <td>${user.disabled ? '비활성' : '활성'}</td>
+                                <td>${user.disabled ? t('status_inactive') : t('status_active')}</td>
                                 <td>
                                     <div class="actions">
                                         <button class="table-btn"
                                             data-action="role"
                                             data-email="${esc(user.email)}"
                                             data-next-role="${user.role === 'admin' ? 'user' : 'admin'}">
-                                            ${user.role === 'admin' ? '권한 해제' : '관리자 지정'}
+                                            ${user.role === 'admin' ? t('btn_revoke_admin') : t('btn_grant_admin')}
                                         </button>
                                         <button class="table-btn"
                                             data-action="disable"
                                             data-email="${esc(user.email)}"
                                             data-disabled="${user.disabled ? 'false' : 'true'}">
-                                            ${user.disabled ? '활성화' : '비활성화'}
+                                            ${user.disabled ? t('btn_activate') : t('btn_deactivate')}
                                         </button>
                                         <button class="table-btn danger"
                                             data-action="delete"
-                                            data-email="${esc(user.email)}">삭제</button>
+                                            data-email="${esc(user.email)}">${t('btn_delete')}</button>
                                     </div>
                                 </td>
                             </tr>
@@ -983,7 +1128,7 @@
                 });
                 await loadDashboard();
             } else if (action === 'delete') {
-                if (!confirm(`'${email}' 사용자를 삭제할까요?`)) return;
+                if (!confirm(`'${email}' ${t('confirm_delete')}`)) return;
                 await apiFetch(`/admin/users/${encodedEmail}`, {
                     method: 'DELETE', headers: adminHeaders()
                 });
@@ -993,6 +1138,7 @@
 
         async function loadDashboard() {
             setSessionInfo();
+            applyI18n();
 
             const access = document.getElementById('access-notice');
             access.style.display = 'none';
@@ -1023,27 +1169,27 @@
                 if (invite) {
                     document.getElementById('invite-link-input').value = invite.invite_url;
                     document.getElementById('invite-gate-info').textContent = invite.gate_enabled
-                        ? `초대 코드: ${invite.invite_code} — 초대 게이트 활성화됨`
-                        : '초대 게이트 비활성화 상태 — 링크 없이도 접근 가능합니다.';
+                        ? `${t('invite_gate_active')} — ${invite.invite_code}`
+                        : t('invite_gate_inactive');
                 }
                 if (stats) renderActivityChart(stats.daily);
 
                 const failedSections = [];
-                if (!summaryRes.ok) failedSections.push('요약');
-                if (!usersRes.ok) failedSections.push('사용자 목록');
-                if (!sensitivityRes.ok) failedSections.push('민감 정보 분석');
+                if (!summaryRes.ok) failedSections.push(t('section_summary'));
+                if (!usersRes.ok) failedSections.push(t('section_users'));
+                if (!sensitivityRes.ok) failedSections.push(t('section_sensitivity'));
 
                 if (failedSections.length) {
                     access.style.display = 'block';
                     access.textContent = summaryRes.status === 403
-                        ? '관리자 권한이 없습니다. 채팅 화면에서 관리자 계정으로 로그인한 뒤 다시 열어주세요.'
-                        : `일부 섹션을 불러오지 못했습니다: ${failedSections.join(', ')}`;
+                        ? t('err_no_admin')
+                        : `${t('err_partial')} ${failedSections.join(', ')}`;
                 }
             } catch (e) {
                 access.style.display = 'block';
                 access.textContent = !navigator.onLine
-                    ? '네트워크 연결을 확인해 주세요.'
-                    : (e.message || '대시보드를 불러오지 못했습니다.');
+                    ? t('err_network')
+                    : (e.message || t('err_load'));
             }
         }
 
@@ -1059,7 +1205,7 @@
                 notes: document.getElementById('vpc-notes').value.trim()
             };
             const status = document.getElementById('vpc-save-status');
-            status.textContent = '저장 중...';
+            status.textContent = t('vpc_saving');
             try {
                 const res = await apiFetch('/admin/vpc', {
                     method: 'PATCH',
@@ -1067,12 +1213,12 @@
                     body: JSON.stringify(payload)
                 });
                 const data = await res.json().catch(() => ({}));
-                if (!res.ok) throw new Error(data.detail || '저장 실패');
+                if (!res.ok) throw new Error(data.detail || t('vpc_save_fail'));
                 fillVpcForm(data);
-                status.textContent = '저장되었습니다.';
+                status.textContent = t('vpc_saved');
                 await loadDashboard();
             } catch (e) {
-                status.textContent = e.message || '저장 실패';
+                status.textContent = e.message || t('vpc_save_fail');
             }
         }
 
@@ -1089,6 +1235,7 @@
         document.getElementById('refresh-btn').addEventListener('click', loadDashboard);
         document.getElementById('save-vpc-btn').addEventListener('click', saveVpc);
         document.getElementById('logout-btn').addEventListener('click', logout);
+        applyI18n();
         loadDashboard();
     </script>
 </body>