careermate 0.0.4 → 0.0.6

package/dist/public/i18n/ko/settings.js

@@ -0,0 +1,127 @@
+// 설정 페이지.
+export default {
+  // 공통
+  'settings.copy': '복사',
+  'settings.confirm': '확인',
+  'settings.cancel': '취소',
+  'settings.copyPath': '경로 복사',
+
+  // 데이터 저장 위치
+  'settings.dataLocation.title': '데이터 저장 위치',
+  'settings.dataLocation.dataDir': '데이터 폴더',
+  'settings.dataLocation.database': '데이터베이스',
+  'settings.dataLocation.appVersion': '앱 버전',
+  'settings.dataLocation.nodeVersion': 'Node 버전',
+  'settings.dataLocation.privacyTitle': '내 컴퓨터에만 저장됩니다',
+  'settings.dataLocation.privacyBody': '모든 데이터는 이 컴퓨터에만 저장됩니다. 외부로 전송되지 않습니다. AI에는 사용자가 직접 입력하거나 AI가 MCP로 조회한 정보만 전달됩니다.',
+
+  // 연결 상태
+  'settings.connection.title': '연결 상태',
+  'settings.connection.shortcutDemoToast': '데모 바로가기 동작을 미리 보여드려요.',
+  'settings.connection.shortcutToast': '대시보드 바로가기를 만들었어요.',
+  'settings.connection.shortcutDemoTitle': '바로가기 미리보기',
+  'settings.connection.shortcutTitle': '바로가기 생성',
+  'settings.connection.shortcutDemoCalloutTitle': '데모에서는 파일을 만들지 않습니다',
+  'settings.connection.shortcutCalloutTitle': '폴더를 만들었습니다',
+  'settings.connection.shortcutDemoCalloutBody': '실제 앱에서는 대시보드 바로가기 폴더와 실행 파일을 만들고, 여기서는 경로 예시만 보여줍니다.',
+  'settings.connection.shortcutCalloutBody': '대시보드가 실행 중이면 브라우저만 열고, 꺼져 있으면 서버를 시작한 뒤 브라우저를 엽니다.',
+  'settings.connection.shortcutFolder': '폴더',
+  'settings.connection.shortcutLauncher': '바로가기',
+  'settings.connection.running': '실행 중',
+  'settings.connection.dashboard': '대시보드',
+  'settings.connection.createShortcut': '바로가기 만들기',
+  'settings.connection.mcpServer': 'MCP 서버',
+  'settings.connection.mcpBody': 'MCP 서버는 사용하시는 AI 클라이언트(Claude·ChatGPT·Cursor)가 직접 실행하며, 이 대시보드와 같은 데이터베이스를 공유합니다.',
+  'settings.connection.openInstall': '설치·연결 안내 열기',
+
+  // 테마
+  'settings.theme.title': '테마',
+  'settings.theme.sub': '시스템 설정을 따르거나 직접 고를 수 있어요',
+  'settings.theme.light': '라이트',
+  'settings.theme.dark': '다크',
+  'settings.theme.system': '시스템',
+
+  // 자소서 수치 점검 모드
+  'settings.verify.title': '자소서 수치 점검',
+  'settings.verify.sub': 'AI가 쓴 수치가 내 실제 데이터에 근거가 있는지 저장 전에 자동으로 확인합니다',
+  'settings.verify.basic': '기본',
+  'settings.verify.strict': '엄격',
+  'settings.verify.basicDesc': '저장된 경력·이력서·프로젝트에 아예 근거가 없는 수치만 차단',
+  'settings.verify.strictDesc': '이력서 본문에 없고 구조화 경력/프로젝트 항목에만 있는 수치까지 차단',
+  'settings.verify.strictOnToast': '엄격 모드를 켰어요.',
+  'settings.verify.strictOffToast': '엄격 모드를 껐어요.',
+  'settings.verify.note': '엄격 모드에선 올린 이력서에 없는 수치가 막힐 수 있어요. 막히면 이력서를 올리거나 모드를 끄세요. AI에게 "엄격하게 봐줘"라고 해도 켤 수 있습니다.',
+
+  // 내 데이터
+  'settings.myData.title': '내 데이터',
+  'settings.myData.sub': '이 컴퓨터에 저장된 항목 수',
+
+  // 항목 라벨 (COUNT_LABELS / BACKUP_COUNT_LABELS)
+  'settings.count.profile': '프로필',
+  'settings.count.experiences': '경력',
+  'settings.count.projects': '프로젝트',
+  'settings.count.skills': '기술',
+  'settings.count.documents': '문서',
+  'settings.count.cover_letters': '자기소개서',
+  'settings.count.jobs': '채용공고',
+  'settings.count.applications': '지원',
+  'settings.count.interview_preps': '면접 준비',
+  'settings.count.cover_letter_versions': '자소서 버전',
+  'settings.count.fit_analyses': '적합도 분석',
+  'settings.count.activities': '활동',
+
+  // 내보내기 / 가져오기
+  'settings.backup.title': '내보내기 / 가져오기',
+  'settings.backup.export': '내보내기(JSON)',
+  'settings.backup.import': '가져오기(JSON)',
+  'settings.backup.create': '현재 상태 백업',
+  'settings.backup.createToast': '백업을 생성했어요.',
+  'settings.backup.colFile': '파일',
+  'settings.backup.colCreated': '생성',
+  'settings.backup.colSize': '크기',
+  'settings.backup.size': '{{kb}} KB',
+  'settings.backup.empty': '아직 로컬 백업이 없습니다. "현재 상태 백업"으로 지금 데이터를 보관하세요.',
+  'settings.backup.readError': '백업 파일을 읽지 못했어요.',
+  'settings.backup.parseError': 'JSON 백업 파일만 복원할 수 있어요.',
+  'settings.backup.unknownDate': '알 수 없음',
+
+  // 가져오기 미리보기 표
+  'settings.preview.empty': '복원할 항목이 없습니다.',
+  'settings.preview.colData': '데이터',
+  'settings.preview.colCount': '항목',
+
+  // 가져오기 모달
+  'settings.import.gateWord': '가져오기',
+  'settings.import.title': '데이터 가져오기',
+  'settings.import.calloutTitle': '현재 데이터는 먼저 백업됩니다',
+  'settings.import.calloutBody': '가져오면 이 컴퓨터의 CareerMate 데이터가 선택한 JSON 내용으로 전체 교체됩니다.',
+  'settings.import.file': '파일',
+  'settings.import.exportedAt': '백업 시각',
+  'settings.import.schema': '스키마',
+  'settings.import.schemaValue': '{{version}} / 현재 {{current}}',
+  'settings.import.totalRows': '전체 항목',
+  'settings.import.warningsTitle': '확인 필요',
+  'settings.import.instruction': '계속하려면 아래 입력란에 {{word}} 를 입력하세요.',
+  'settings.import.confirm': '가져오기',
+  'settings.import.doneToast': '데이터를 가져왔어요.',
+
+  // 위험 구역
+  'settings.reset.gateWord': '초기화',
+  'settings.reset.title': '모든 데이터 초기화',
+  'settings.reset.calloutTitle': '되돌릴 수 없습니다',
+  'settings.reset.calloutBody': '프로필·공고·지원·문서·면접 준비를 포함한 모든 데이터가 영구적으로 삭제됩니다. 안전을 위해 초기화 직전에 자동으로 백업이 한 번 생성됩니다.',
+  'settings.reset.instruction': '계속하려면 아래 입력란에 {{word}} 를 입력하세요.',
+  'settings.reset.confirm': '모든 데이터 초기화',
+  'settings.reset.doneToast': '모든 데이터를 초기화했어요.',
+  'settings.danger.title': '위험 구역',
+  'settings.danger.sub': '이 작업은 되돌릴 수 없습니다',
+  'settings.danger.resetTitle': '모든 데이터 초기화',
+  'settings.danger.resetBody': '이 컴퓨터에 저장된 모든 CareerMate 데이터를 삭제합니다. 초기화 전에 자동으로 백업이 생성됩니다.',
+
+  // help / report a problem
+  'settings.support.title': '도움말·문제 신고',
+  'settings.support.sub': '버그는 GitHub 이슈로, 사용법 질문은 Discussions로, 그 밖의 문의는 이메일로 보내 주세요.',
+  'settings.support.report': '문제 신고',
+  'settings.support.ask': '질문하기',
+  'settings.support.email': '이메일 문의',
+};

package/dist/public/i18n/ko/status.js

@@ -0,0 +1,23 @@
+// enum 라벨(클라이언트 현지화). 키는 CODE와 동일 — 서버는 코드를 내려주고 라벨은 클라가 t()로.
+// 이 키들은 packages/shared/src/enums.ts의 CODE와 1:1로 맞춘다.
+export default {
+  // application status
+  'status.draft': '작성 중',
+  'status.planned': '지원 예정',
+  'status.applied': '지원 완료',
+  'status.document_passed': '서류 합격',
+  'status.interview': '면접 진행',
+  'status.final_passed': '최종 합격',
+  'status.rejected': '불합격',
+  'status.on_hold': '보류',
+  // document kind
+  'kind.resume': '이력서',
+  'kind.career_description': '경력기술서',
+  'kind.portfolio': '포트폴리오',
+  'kind.other': '기타 문서',
+  // content source
+  'source.manual': '직접 입력',
+  'source.upload': '파일 업로드',
+  'source.ai': 'AI 생성',
+  'source.edit': '직접 수정',
+};

package/dist/public/i18n/ko.js

@@ -0,0 +1,18 @@
+// 한국어 카탈로그 — 영역별 모듈을 합쳐 단일 플랫 맵으로 export.
+// 새 로케일/영역 추가 = 파일 1개 + import 1줄. 가드(check-i18n-keys)는 이 합본 키집합을 검사한다.
+// ko엔 복수 객체 금지(CLDR 'other'만) — 카운트는 카운터 접미사 문자열로.
+import common from './ko/common.js';
+import nav from './ko/nav.js';
+import status from './ko/status.js';
+import settings from './ko/settings.js';
+import home from './ko/home.js';
+import jobs from './ko/jobs.js';
+import documents from './ko/documents.js';
+import profile from './ko/profile.js';
+import interview from './ko/interview.js';
+import applications from './ko/applications.js';
+
+export default {
+  ...common, ...nav, ...status, ...settings,
+  ...home, ...jobs, ...documents, ...profile, ...interview, ...applications,
+};

package/dist/public/i18n.js

@@ -0,0 +1,55 @@
+// apps/web/public/i18n.js
+// 로케일 리졸버 + t(). lib.js에 의존하지 않는다(순환 방지: lib.js가 i18n.js를 import).
+// 기존 테마 설정과 동일한 계약: localStorage['careermate-lang'], navigator.language 감지.
+import ko from '/i18n/ko.js';
+import en from '/i18n/en.js';
+
+const CATALOGS = { ko, en };
+const FALLBACK = 'ko';
+export const LOCALES = Object.keys(CATALOGS); // ['ko','en'] — 3번째 = import 1줄 + 맵 1줄
+
+function detect() {
+  try {
+    const s = localStorage.getItem('careermate-lang');
+    if (s && CATALOGS[s]) return s;
+  } catch (e) {
+    /* private mode / storage 비활성 */
+  }
+  return (navigator.language || '').toLowerCase().startsWith('ko') ? 'ko' : 'en';
+}
+
+let lang = detect();
+// Reflect the active locale on <html lang> at module init. This lives in an
+// external module (not an inline <script>) so it satisfies the dashboard CSP
+// (script-src 'self'). The lang attribute has no visual FOUC, so setting it as
+// the module graph boots (before the app renders) is soon enough.
+try { document.documentElement.lang = lang; } catch (e) { /* SSR/no-DOM */ }
+const subs = new Set();
+
+export const getLang = () => lang;
+
+export function setLang(next) {
+  if (!CATALOGS[next] || next === lang) return;
+  lang = next;
+  try {
+    localStorage.setItem('careermate-lang', next);
+  } catch (e) {
+    /* best-effort */
+  }
+  document.documentElement.lang = next;
+  subs.forEach((fn) => fn(lang)); // 라우터가 현재 뷰를 재렌더
+}
+
+export function onLangChange(fn) {
+  subs.add(fn);
+  return () => subs.delete(fn);
+}
+
+const _pr = {};
+const pr = (l) => (_pr[l] ||= new Intl.PluralRules(l));
+
+export function t(key, vars) {
+  let m = CATALOGS[lang]?.[key] ?? CATALOGS[FALLBACK]?.[key] ?? key; // 절대 빈 문자열 아님
+  if (vars && typeof m === 'object') m = m[pr(lang).select(vars.count)] ?? m.other ?? key;
+  return vars ? String(m).replace(/\{\{(\w+)\}\}/g, (_, k) => (vars[k] ?? `{{${k}}}`)) : m;
+}

package/dist/public/index.html

@@ -29,6 +29,7 @@
         <div><span class="dot"></span><span id="foot-status">로컬에서 실행 중</span></div>
         <div id="foot-path" class="truncate" style="margin-top:4px"></div>
         <a class="sidebar__foot-link" href="https://github.com/osntak/careermate" target="_blank" rel="noopener" title="GitHub에서 소스 보기"><svg viewBox="0 0 16 16" width="13" height="13" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg><span>GitHub</span></a>
+        <a class="sidebar__foot-link" id="foot-faq" href="https://careermate.life/faq" target="_blank" rel="noopener" title="자주 묻는 질문"><svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg><span>FAQ</span></a>
       </div>
     </aside>
 

package/dist/public/lib.js

@@ -7,6 +7,7 @@
 // (résumé/cover-letter text) is always rendered as text. Only our own trusted
 // icon SVG strings use innerHTML.
 // =============================================================================
+import { t, getLang } from '/i18n.js';
 
 /* --------------------------------------------------------------- DOM helper */
 
@@ -83,6 +84,7 @@ const ICONS = {
   trash: '<path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M6 6v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6"/>',
   copy: '<rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/>',
   download: '<path d="M12 3v12"/><path d="m7 11 5 4 5-4"/><path d="M5 21h14"/>',
+  upload: '<path d="M12 21V9"/><path d="m7 13 5-4 5 4"/><path d="M5 3h14"/>',
   external: '<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5"/>',
   check: '<path d="m20 6-11 11-5-5"/>',
   sparkle: '<path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M18 6l-2.5 2.5M8.5 15.5 6 18"/>',
@@ -93,6 +95,7 @@ const ICONS = {
   inbox: '<path d="M3 12h5l2 3h4l2-3h5"/><path d="M5 6h14l2 6v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7Z"/>',
   target: '<circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="4"/><circle cx="12" cy="12" r="0.5"/>',
   info: '<circle cx="12" cy="12" r="9"/><path d="M12 11v5M12 8h.01"/>',
+  mail: '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>',
   chevronRight: '<path d="m9 6 6 6-6 6"/>',
 };
 /** Returns an <svg> element for the given icon name. */
@@ -130,7 +133,7 @@ export async function api(method, path, body) {
     });
   } catch {
     // Connection failure (server stopped, machine asleep) — never surface "Failed to fetch".
-    throw new Error('서버에 연결하지 못했어요. 대시보드가 실행 중인지 확인한 뒤 다시 시도해 주세요.');
+    throw new Error(t('err.connect'));
   }
   const text = await res.text();
   let data = {};
@@ -144,10 +147,10 @@ export async function api(method, path, body) {
 }
 // Friendly fallback when the server didn't supply a message — never show a raw status code.
 function friendlyStatus(status) {
-  if (status === 404) return '요청한 항목을 찾을 수 없어요. 새로고침 후 다시 시도해 주세요.';
-  if (status === 403) return '권한 확인이 필요해요. 대시보드를 새로고침해 주세요.';
-  if (status >= 500) return '일시적인 오류가 발생했어요. 잠시 후 다시 시도해 주세요.';
-  return '요청을 처리하지 못했어요. 입력을 확인하고 다시 시도해 주세요.';
+  if (status === 404) return t('err.404');
+  if (status === 403) return t('err.403');
+  if (status >= 500) return t('err.500');
+  return t('err.generic');
 }
 export const get = (p) => api('GET', p);
 export const post = (p, b) => api('POST', p, b);
@@ -155,19 +158,24 @@ export const put = (p, b) => api('PUT', p, b);
 export const del = (p) => api('DELETE', p);
 
 /* ------------------------------------------------------------- formatters */
+// Locale-aware date/relative-time via Intl, cached per active locale.
+const _dtf = {};
+const _rtf = {};
+const dateFmt = () => (_dtf[getLang()] ||= new Intl.DateTimeFormat(getLang(), { year: 'numeric', month: 'short', day: 'numeric' }));
+const relFmt = () => (_rtf[getLang()] ||= new Intl.RelativeTimeFormat(getLang(), { numeric: 'auto' }));
 export function fmtDate(iso) {
   if (!iso) return '';
   const d = new Date(iso);
   if (isNaN(d)) return iso;
-  return `${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, '0')}.${String(d.getDate()).padStart(2, '0')}`;
+  return dateFmt().format(d);
 }
 export function fmtRelative(iso) {
   if (!iso) return '';
-  const diff = (Date.now() - new Date(iso).getTime()) / 1000;
-  if (diff < 60) return '방금 전';
-  if (diff < 3600) return `${Math.floor(diff / 60)}분 전`;
-  if (diff < 86400) return `${Math.floor(diff / 3600)}시간 전`;
-  if (diff < 604800) return `${Math.floor(diff / 86400)}일 전`;
+  const sec = (Date.now() - new Date(iso).getTime()) / 1000;
+  if (sec < 60) return t('common.justNow');
+  if (sec < 3600) return relFmt().format(-Math.floor(sec / 60), 'minute');
+  if (sec < 86400) return relFmt().format(-Math.floor(sec / 3600), 'hour');
+  if (sec < 604800) return relFmt().format(-Math.floor(sec / 86400), 'day');
   return fmtDate(iso);
 }
 export function scoreClass(score) {
@@ -310,7 +318,7 @@ export function toast(message, { title, type = 'default', timeout = 3800 } = {})
   toastRoot.append(t);
   setTimeout(() => { t.style.opacity = '0'; t.style.transition = 'opacity .25s'; setTimeout(() => t.remove(), 260); }, timeout);
 }
-export function toastError(e) { toast(e instanceof Error ? e.message : String(e), { title: '오류', type: 'error' }); }
+export function toastError(e) { toast(e instanceof Error ? e.message : String(e), { title: t('toast.errorTitle'), type: 'error' }); }
 export function toastOk(msg) { toast(msg, { type: 'success' }); }
 
 /* ------------------------------------------------------------------ modal */
@@ -338,7 +346,7 @@ export function openModal({ title, body, footer, size }) {
   const root = ensureModalRoot();
   const close = closeModal;
   modalReturnFocus = document.activeElement; // restored by closeModal
-  const closeBtn = IconBtn('plus', { title: '닫기', onClick: close }); // rotated to look like ×
+  const closeBtn = IconBtn('plus', { title: t('common.close'), onClick: close }); // rotated to look like ×
   closeBtn.style.transform = 'rotate(45deg)';
   const modal = el('div', {
     class: `modal${size === 'lg' ? ' modal--lg' : ''}`,
@@ -369,13 +377,13 @@ export function openModal({ title, body, footer, size }) {
   setTimeout(() => (bodyNode.querySelector('input,textarea,select') || modal.querySelector(MODAL_FOCUSABLE))?.focus(), 30);
 }
 /** Confirmation dialog. Returns a Promise<boolean>. */
-export function confirmDialog({ title = '확인', message, confirmLabel = '확인', danger } = {}) {
+export function confirmDialog({ title = t('common.confirm'), message, confirmLabel = t('common.confirm'), danger } = {}) {
   return new Promise((resolve) => {
     openModal({
       title,
       body: el('p', { class: 'text-secondary', style: { margin: 0, lineHeight: '1.6' } }, message),
       footer: (close) => [
-        Btn('취소', { onClick: () => { close(); resolve(false); } }),
+        Btn(t('common.cancel'), { onClick: () => { close(); resolve(false); } }),
         Btn(confirmLabel, { variant: danger ? 'danger' : 'primary', onClick: () => { close(); resolve(true); } }),
       ],
     });
@@ -384,8 +392,8 @@ export function confirmDialog({ title = '확인', message, confirmLabel = '확
 
 /* ---------------------------------------------------------------- utility */
 export async function copyText(text) {
-  try { await navigator.clipboard.writeText(text); toastOk('클립보드에 복사했습니다.'); }
-  catch { toast('복사에 실패했습니다. 직접 선택해 복사해 주세요.', { type: 'error' }); }
+  try { await navigator.clipboard.writeText(text); toastOk(t('toast.copied')); }
+  catch { toast(t('toast.copyFailed'), { type: 'error' }); }
 }
 /** Trigger a file download via a GET endpoint (no token needed; read-only). */
 export function downloadUrl(url) {

package/dist/public/pages/applications.js

@@ -2,10 +2,11 @@
 // (no horizontal scroll). Change a status inline to move an item between groups.
 import {
   el, get, put, navigate, EmptyState, Btn, ListRow,
-  Select, scoreClass, statusColor, mount, toast, toastOk, toastError, meta,
+  Select, scoreClass, statusColor, mount, toast, toastOk, toastError,
 } from '/lib.js';
+import { t } from '/i18n.js';
 
-// deadline(YYYY-MM-DD) → "마감 D-7" / "마감 D-day" / "마감 지남" (null if absent/invalid)
+// deadline(YYYY-MM-DD) → "Due in 7d" / "Due today" / "Overdue" (null if absent/invalid)
 function ddayLabel(deadline) {
   if (!deadline) return null;
   const d = new Date(`${deadline}T00:00:00`);
@@ -13,9 +14,9 @@ function ddayLabel(deadline) {
   const today = new Date();
   today.setHours(0, 0, 0, 0);
   const days = Math.round((d.getTime() - today.getTime()) / 86400000);
-  if (days > 0) return `마감 D-${days}`;
-  if (days === 0) return '마감 D-day';
-  return '마감 지남';
+  if (days > 0) return t('applications.dday.future', { n: days });
+  if (days === 0) return t('applications.dday.today');
+  return t('applications.dday.past');
 }
 
 export async function render(ctx) {
@@ -27,20 +28,15 @@ export async function render(ctx) {
   if (!applications.length) {
     mount(ctx.view, el('div', { class: 'stack-4' }, EmptyState({
       iconName: 'layers',
-      title: '아직 지원 내역이 없어요',
-      body: '공고를 추가하면 지원이 상태별로 정리됩니다.',
-      action: Btn('공고 보러 가기', { icon: 'briefcase', variant: 'primary', onClick: () => navigate('/jobs') }),
+      title: t('applications.empty.title'),
+      body: t('applications.empty.body'),
+      action: Btn(t('applications.empty.action'), { icon: 'briefcase', variant: 'primary', onClick: () => navigate('/jobs') }),
     })));
     return;
   }
 
-  // Status labels: board_order is authoritative for ordering; fall back to meta() labels.
-  const labelByCode = {};
-  for (const a of applications) if (a.status && a.status_label) labelByCode[a.status] = a.status_label;
-  let metaStatuses = [];
-  try { metaStatuses = (await meta()).statuses || []; } catch { /* labels fall back to codes */ }
-  for (const s of metaStatuses) if (!labelByCode[s.value]) labelByCode[s.value] = s.label;
-  const statusOptions = boardOrder.map((code) => ({ value: code, label: labelByCode[code] || code }));
+  // Status labels are localized client-side from the status CODE (board_order is the code list).
+  const statusOptions = boardOrder.map((code) => ({ value: code, label: t('status.' + code) }));
 
   // Group by status.
   const byStatus = {};
@@ -57,8 +53,8 @@ export async function render(ctx) {
     return el('div', {},
       el('div', { class: 'app-group__head' },
         el('span', { class: 'app-group__dot', style: { background: statusColor(code) } }),
-        el('span', { class: 'app-group__title' }, labelByCode[code] || code),
-        el('span', { class: 'app-group__count tnum' }, `${apps.length}건`)),
+        el('span', { class: 'app-group__title' }, t('status.' + code)),
+        el('span', { class: 'app-group__count tnum' }, t('applications.group.count', { count: apps.length }))),
       el('div', {}, ...apps.map(AppRow)));
   }
 
@@ -71,7 +67,7 @@ export async function render(ctx) {
       statusOptions.map((o) => ({ ...o, selected: o.value === app.status })),
       {
         class: 'select select--sm row-action',
-        title: '상태 변경',
+        title: t('applications.statusSelect.title'),
         onClick: (e) => e.stopPropagation(),
         onChange: (e) => { e.stopPropagation(); changeStatus(app, e.target.value, e.target); },
       },
@@ -81,7 +77,7 @@ export async function render(ctx) {
       sub: subBits.join(' · '),
       trailing: [
         app.fit_score != null
-          ? el('span', { class: `strong tnum ${scoreClass(app.fit_score)}` }, `${app.fit_score}점`)
+          ? el('span', { class: `strong tnum ${scoreClass(app.fit_score)}` }, t('applications.row.score', { score: app.fit_score }))
           : null,
         sel,
       ],
@@ -94,8 +90,8 @@ export async function render(ctx) {
     selectEl.disabled = true;
     try {
       const res = await put(`/api/applications/${app.job_id}/status`, { status: newValue });
-      toastOk('지원 상태를 변경했어요.');
-      if (res && res.hint) toast(res.hint, { title: '면접 준비', type: 'default' });
+      toastOk(t('applications.toast.statusChanged'));
+      if (res && res.hint) toast(res.hint, { title: t('applications.hint.title'), type: 'default' });
       await ctx.refreshNav();
       await render(ctx); // refetch + re-render so the item moves to its new group
     } catch (err) {