careermate 0.0.7 → 0.0.9

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

@@ -9,6 +9,15 @@ export default {
   'common.delete': '삭제',
   'common.open': '열기',
   'common.justNow': '방금 전',
+  'common.export': '내보내기',
+  'common.fmtWord': 'Word',
+  'common.fmtHtml': 'HTML',
+  'common.fmtMarkdown': 'Markdown',
+
+  // 전형 일정 D-day 배지(홈 액션레인 + 공고 상세 공유). 마감 D-day(applications.dday.*)와는 별개.
+  'schedule.dday.today': 'D-day',
+  'schedule.dday.future': 'D-{{n}}',
+  'schedule.dday.past': '지남',
 
   'toast.copied': '클립보드에 복사했습니다.',
   'toast.copyFailed': '복사에 실패했습니다. 직접 선택해 복사해 주세요.',

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

@@ -28,10 +28,6 @@ export default {
   'documents.cover.primary': '대표',
   'documents.cover.open': '열기',
   'documents.cover.copy': '복사',
-  'documents.cover.exportMd': 'MD',
-  'documents.cover.exportHtml': 'HTML',
-  'documents.cover.exportMdTitle': 'Markdown 내보내기',
-  'documents.cover.exportHtmlTitle': 'HTML 내보내기',
   'documents.cover.setPrimary': '대표 지정',
   'documents.cover.delete': '삭제',
   'documents.cover.noContent': '아직 내용이 없습니다.',
@@ -60,8 +56,6 @@ export default {
   'documents.coverCreate.toast': '자기소개서를 추가했어요.',
 
   // cover detail body
-  'documents.coverDetail.exportMd': 'MD 내보내기',
-  'documents.coverDetail.exportHtml': 'HTML 내보내기',
   'documents.coverDetail.currentVersion': '현재 버전',
   'documents.coverDetail.copy': '복사',
   'documents.coverDetail.noContent': '내용이 없습니다.',
@@ -101,10 +95,6 @@ export default {
   'documents.docDetail.updated': '수정 {{when}}',
   'documents.docDetail.noContent': '내용이 없습니다.',
   'documents.docDetail.copy': '복사',
-  'documents.docDetail.export': 'MD',
-  'documents.docDetail.exportTitle': 'Markdown 내보내기',
-  'documents.docDetail.exportHtml': 'HTML',
-  'documents.docDetail.exportHtmlTitle': 'HTML 내보내기',
   'documents.docDetail.delete': '삭제',
   'documents.docDetail.deleteTitle': '문서 삭제',
   'documents.docDetail.deleteConfirm': '"{{title}}"을(를) 삭제할까요?',

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

@@ -28,6 +28,11 @@ export default {
   'home.stat.activeApplications': '진행 중 지원',
   'home.stat.coverLetters': '자기소개서',
   'home.stat.interviewPending': '면접 준비',
+  // KPI tile context sub-lines (derived from real counts; omitted when zero)
+  'home.stat.jobsSub': '지원 전 {{count}}건',
+  'home.stat.subInterview': '면접 {{count}}',
+  'home.stat.subDocPassed': '서류 {{count}}',
+  'home.stat.subApplied': '지원 {{count}}',
 
   // pipeline
   'home.pipeline.title': '지원 파이프라인',

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

@@ -2,7 +2,7 @@
 export default {
   // ---- list mode ----
   'jobs.list.empty.title': '저장된 공고가 없어요',
-  'jobs.list.empty.body': '관심 있는 채용공고를 추가해 적합도와 진행 상태를 관리해 보세요.',
+  'jobs.list.empty.body': '관심 있는 채용공고를 추가해 적합도와 진행 상태를 관리해 보세요. 연결된 AI에게 “백엔드 공고 찾아줘”처럼 말하면 공고를 찾아 여기에 저장해 줍니다.',
   'jobs.list.addJob': '공고 추가',
   'jobs.list.searchPlaceholder': '회사·직무 검색',
   'jobs.list.searchAria': '공고 검색',
@@ -73,6 +73,11 @@ export default {
   'jobs.detail.openPosting': '공고 원문',
 
   // ---- posting card ----
+  'jobs.company.title': '회사 리서치',
+  'jobs.company.overview': '사업 개요',
+  'jobs.company.talent': '인재상',
+  'jobs.company.values': '핵심가치',
+  'jobs.company.reputation': '평판',
   'jobs.posting.title': '공고 정보',
   'jobs.posting.location': '위치',
   'jobs.posting.employment': '고용형태',
@@ -85,6 +90,18 @@ export default {
   'jobs.posting.requirements': '자격요건 · 우대사항',
   'jobs.posting.rawText': '공고 원문',
 
+  // ---- cover letter questions (문항형 자소서) ----
+  'jobs.questions.title': '자소서 문항',
+  'jobs.questions.min': '최소 {{n}}{{unit}}',
+  'jobs.questions.max': '최대 {{n}}{{unit}}',
+  'jobs.questions.unitChar': '자',
+  'jobs.questions.unitByte': 'byte',
+  'jobs.questions.modeWithSpace': '(공백포함)',
+  'jobs.questions.modeNoSpace': '(공백제외)',
+
+  // ---- hiring schedule (전형 일정) ---- (D-day 배지는 공용 schedule.dday.* 사용)
+  'jobs.schedule.title': '전형 일정',
+
   // ---- fit card ----
   'jobs.fit.title': '적합도 분석',
   'jobs.fit.emptyBody': '아직 분석 전이에요. 이 공고와 내 프로필을 비교한 결과가 여기에 표시됩니다.',

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

@@ -11,11 +11,6 @@ export default {
   'profile.completeness.title': '프로필 완성도',
   'profile.completeness.percent': '{{pct}}%',
 
-  // export profile as a resume
-  'profile.export.md': 'MD',
-  'profile.export.html': 'HTML',
-  'profile.export.mdTitle': '이력서 Markdown 내보내기',
-  'profile.export.htmlTitle': '이력서 HTML 내보내기',
 
   // basic info card
   'profile.basic.title': '기본 정보',

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

@@ -105,18 +105,21 @@ export default {
   'settings.import.confirm': '가져오기',
   'settings.import.doneToast': '데이터를 가져왔어요.',
 
+  // 언어
+  'settings.lang.sub': '대시보드 표시 언어',
+
   // 위험 구역
   'settings.reset.gateWord': '초기화',
   'settings.reset.title': '모든 데이터 초기화',
   'settings.reset.calloutTitle': '되돌릴 수 없습니다',
-  'settings.reset.calloutBody': '프로필·공고·지원·문서·면접 준비를 포함한 모든 데이터가 영구적으로 삭제됩니다. 안전을 위해 초기화 직전에 자동으로 백업이 한 번 생성됩니다.',
+  'settings.reset.calloutBody': '프로필·공고·지원·문서·면접 준비를 포함한 모든 데이터가 영구적으로 삭제됩니다. 안전을 위해 초기화 직전에 자동으로 백업이 한 번 생성되며, 이 백업 파일은 데이터 폴더의 backups에 남습니다 — 흔적 없이 지우려면 초기화 후 그 파일도 직접 삭제하세요.',
   'settings.reset.instruction': '계속하려면 아래 입력란에 {{word}} 를 입력하세요.',
   'settings.reset.confirm': '모든 데이터 초기화',
   'settings.reset.doneToast': '모든 데이터를 초기화했어요.',
   'settings.danger.title': '위험 구역',
   'settings.danger.sub': '이 작업은 되돌릴 수 없습니다',
   'settings.danger.resetTitle': '모든 데이터 초기화',
-  'settings.danger.resetBody': '이 컴퓨터에 저장된 모든 CareerMate 데이터를 삭제합니다. 초기화 전에 자동으로 백업이 생성됩니다.',
+  'settings.danger.resetBody': '이 컴퓨터에 저장된 모든 CareerMate 데이터를 삭제합니다. 초기화 전에 자동 백업이 생성되어 backups 폴더에 남습니다.',
 
   // help / report a problem
   'settings.support.title': '도움말·문제 신고',

package/dist/public/lib.js

@@ -184,6 +184,24 @@ export function scoreClass(score) {
   if (score >= 50) return 'score-mid';
   return 'score-weak';
 }
+/* --------------------------------------------------------------- date math */
+// Local-calendar helpers. The server (core daysUntilDate) computes D-days from LOCAL
+// midnight; mirror that here so the dashboard never disagrees by a day near midnight
+// or across timezones — toISOString() would use UTC and can drift the date.
+/** Today as a local YYYY-MM-DD string (not UTC). */
+export function todayLocalISO() {
+  const d = new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+/** Whole days from local midnight today to a YYYY-MM-DD date (future > 0, today = 0, past < 0); null if unparseable. */
+export function daysUntil(dateStr) {
+  if (!dateStr) return null;
+  const d = new Date(`${dateStr}T00:00:00`);
+  if (isNaN(d.getTime())) return null;
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  return Math.round((d.getTime() - today.getTime()) / 86400000);
+}
 /** Textarea (newline-separated) → trimmed array, empties dropped. */
 export function linesToArray(str) { return String(str || '').split('\n').map((s) => s.trim()).filter(Boolean); }
 /** CSV ("a, b, c") → trimmed array, empties dropped. */
@@ -208,6 +226,17 @@ export function navigate(hash) { location.hash = hash.startsWith('#') ? hash : '
 export function Badge(status, label) {
   return el('span', { class: `badge badge--${status}` }, el('span', { class: 'dot' }), label);
 }
+/**
+ * Hiring-schedule stage D-day badge (면접·인적성·발표 date), shared by the Home action
+ * lane and the job-detail schedule list so label + colour never diverge: past = grey
+ * "지남", today = red "D-day", future = amber "D-{{n}}". Pass a D-day computed with the
+ * same local-midnight rule as the server (see daysUntil / core daysUntilDate).
+ */
+export function scheduleDdayBadge(dDay) {
+  if (dDay < 0) return Badge('draft', t('schedule.dday.past'));
+  if (dDay === 0) return Badge('rejected', t('schedule.dday.today'));
+  return Badge('interview', t('schedule.dday.future', { n: dDay }));
+}
 export function Btn(label, { icon: ic, variant = '', sm, onClick, type, disabled, title } = {}) {
   const cls = ['btn', variant && `btn--${variant}`, sm && 'btn--sm'].filter(Boolean).join(' ');
   return el('button', { class: cls, onClick, type: type || 'button', disabled, title }, ic && icon(ic), label && el('span', {}, label));
@@ -215,6 +244,78 @@ export function Btn(label, { icon: ic, variant = '', sm, onClick, type, disabled
 export function IconBtn(name, { onClick, title, variant = 'ghost' } = {}) {
   return el('button', { class: `btn btn--${variant} icon-btn`, onClick, title, attrs: { 'aria-label': title || name } }, icon(name));
 }
+/**
+ * A dropdown: one trigger button that opens a small popover of actions, so
+ * several secondary actions (e.g. export as docx/html/md) collapse into a single
+ * control instead of a row of competing buttons. The popover is position:fixed
+ * and anchored to the trigger's rect, so it never clips inside a scrolling modal
+ * body and flips above the trigger when there's no room below. Closes on outside
+ * click, Escape, scroll, resize, or item activation.
+ *
+ * `items`: array of `{ label, hint?, icon?, onClick, danger? }` (falsy entries skipped).
+ */
+export function Menu(label, items, { icon: ic = 'download', variant = 'ghost', sm, align = 'end' } = {}) {
+  const list = el('div', { class: 'menu__list', attrs: { role: 'menu' }, hidden: true });
+  for (const it of items) {
+    if (!it) continue;
+    list.append(el('button', {
+      class: `menu__item${it.danger ? ' menu__item--danger' : ''}`,
+      type: 'button', attrs: { role: 'menuitem' },
+      onClick: () => { close(); it.onClick?.(); },
+    }, it.icon && icon(it.icon), el('span', { class: 'menu__item-label' }, it.label), it.hint && el('span', { class: 'menu__item-hint' }, it.hint)));
+  }
+  const trigger = el('button', {
+    class: ['btn', variant && `btn--${variant}`, sm && 'btn--sm', 'menu__trigger'].filter(Boolean).join(' '),
+    type: 'button', attrs: { 'aria-haspopup': 'menu', 'aria-expanded': 'false' },
+    onClick: () => (list.hidden ? open() : close()),
+  }, ic && icon(ic), label && el('span', {}, label), icon('chevronRight', 'menu__caret'));
+  const wrap = el('div', { class: 'menu' }, trigger, list);
+
+  function place() {
+    const r = trigger.getBoundingClientRect();
+    const lw = list.offsetWidth, lh = list.offsetHeight;
+    let top = r.bottom + 6;
+    if (top + lh > window.innerHeight - 8 && r.top - 6 - lh > 8) top = r.top - 6 - lh; // flip up
+    let left = align === 'end' ? r.right - lw : r.left;
+    left = Math.max(8, Math.min(left, window.innerWidth - lw - 8));
+    list.style.top = `${Math.round(top)}px`;
+    list.style.left = `${Math.round(left)}px`;
+  }
+  function open() {
+    if (!list.hidden) return;
+    list.hidden = false; place(); // place() reads layout while visible, same tick → no flash
+    trigger.setAttribute('aria-expanded', 'true');
+    document.addEventListener('click', onDoc, true);
+    document.addEventListener('keydown', onKey, true);
+    window.addEventListener('scroll', close, true);
+    window.addEventListener('resize', close);
+  }
+  function close() {
+    if (list.hidden) return;
+    list.hidden = true;
+    trigger.setAttribute('aria-expanded', 'false');
+    document.removeEventListener('click', onDoc, true);
+    document.removeEventListener('keydown', onKey, true);
+    window.removeEventListener('scroll', close, true);
+    window.removeEventListener('resize', close);
+  }
+  function onDoc(e) { if (!wrap.contains(e.target)) close(); }
+  function onKey(e) { if (e.key === 'Escape') { close(); trigger.focus(); } }
+  return wrap;
+}
+/**
+ * The standard "내보내기" dropdown for a document export endpoint. `baseUrl` is a
+ * GET export route (e.g. `/api/export/profile`); each item appends `?format=…`
+ * and triggers a download. One control replaces the old docx/html/md button row.
+ */
+export function ExportMenu(baseUrl, { sm = true } = {}) {
+  const sep = baseUrl.includes('?') ? '&' : '?';
+  return Menu(t('common.export'), [
+    { label: t('common.fmtWord'), hint: '.docx', onClick: () => downloadUrl(`${baseUrl}${sep}format=docx`) },
+    { label: t('common.fmtHtml'), hint: '.html', onClick: () => downloadUrl(`${baseUrl}${sep}format=html`) },
+    { label: t('common.fmtMarkdown'), hint: '.md', onClick: () => downloadUrl(`${baseUrl}${sep}format=md`) },
+  ], { sm });
+}
 /**
  * A footer button for async saves. While `action()` runs the button is disabled
  * (so a slow local round-trip can't be double-clicked into duplicate records),

package/dist/public/pages/applications.js

@@ -1,19 +1,16 @@
 // Applications — every application grouped by status in a calm VERTICAL list
 // (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,
+  el, get, put, navigate, EmptyState, Btn, ListRow, Badge, Card,
+  Select, scoreClass, statusColor, mount, toast, toastOk, toastError, todayLocalISO, daysUntil,
 } from '/lib.js';
 import { t } from '/i18n.js';
 
-// deadline(YYYY-MM-DD) → "Due in 7d" / "Due today" / "Overdue" (null if absent/invalid)
+// deadline(YYYY-MM-DD) → "Due in 7d" / "Due today" / "Overdue" (null if absent/invalid).
+// daysUntil shares the server's local-midnight rule (core daysUntilDate).
 function ddayLabel(deadline) {
-  if (!deadline) return null;
-  const d = new Date(`${deadline}T00:00:00`);
-  if (isNaN(d.getTime())) return null;
-  const today = new Date();
-  today.setHours(0, 0, 0, 0);
-  const days = Math.round((d.getTime() - today.getTime()) / 86400000);
+  const days = daysUntil(deadline);
+  if (days == null) return null;
   if (days > 0) return t('applications.dday.future', { n: days });
   if (days === 0) return t('applications.dday.today');
   return t('applications.dday.past');
@@ -21,9 +18,10 @@ function ddayLabel(deadline) {
 
 export async function render(ctx) {
   ctx.setActions([]);
-  const data = await get('/api/applications');
+  const [data, offersRes] = await Promise.all([get('/api/applications'), get('/api/offers')]);
   const applications = data.applications || [];
   const boardOrder = data.board_order || [];
+  const offers = (offersRes && offersRes.offers) || [];
 
   if (!applications.length) {
     mount(ctx.view, el('div', { class: 'stack-4' }, EmptyState({
@@ -43,6 +41,7 @@ export async function render(ctx) {
   for (const app of applications) (byStatus[app.status] || (byStatus[app.status] = [])).push(app);
 
   const wrap = el('div', { class: 'stack-4' });
+  if (offers.length) wrap.append(OffersSection(offers));
   for (const code of boardOrder) {
     const apps = byStatus[code];
     if (apps && apps.length) wrap.append(StatusGroup(code, apps));
@@ -63,23 +62,31 @@ export async function render(ctx) {
     const subBits = [job.position, job.location].filter(Boolean);
     const dday = ddayLabel(job.deadline);
     if (dday) subBits.push(dday);
+    // 탈락 회고: 불합격이고 단계가 기록돼 있으면 어느 단계에서 떨어졌는지 sub에 가볍게 병기.
+    if (app.status === 'rejected' && app.rejected_stage) {
+      subBits.push(`${t('applications.rejectedStage.label')} ${t('applications.rejectedStage.' + app.rejected_stage)}`);
+    }
     const sel = Select(
       statusOptions.map((o) => ({ ...o, selected: o.value === app.status })),
       {
-        class: 'select select--sm row-action',
+        class: 'select select--sm',
         title: t('applications.statusSelect.title'),
         onClick: (e) => e.stopPropagation(),
         onChange: (e) => { e.stopPropagation(); changeStatus(app, e.target.value, e.target); },
       },
     );
+    // Keep the right edge informative on every row: a right-aligned score column
+    // (a muted dash when not yet scored, so scores line up and "no score" reads
+    // clearly), then the status — a calm badge that swaps to the change-select on hover.
+    const score = app.fit_score != null
+      ? el('span', { class: `app-score strong tnum ${scoreClass(app.fit_score)}` }, t('applications.row.score', { score: app.fit_score }))
+      : el('span', { class: 'app-score muted tnum' }, '—');
     return ListRow({
       title: job.company || '—',
       sub: subBits.join(' · '),
       trailing: [
-        app.fit_score != null
-          ? el('span', { class: `strong tnum ${scoreClass(app.fit_score)}` }, t('applications.row.score', { score: app.fit_score }))
-          : null,
-        sel,
+        score,
+        el('span', { class: 'app-status' }, Badge(app.status, t('status.' + app.status)), sel),
       ],
       onClick: () => navigate(`/jobs/${app.job_id}`),
     });
@@ -108,3 +115,76 @@ export async function render(ctx) {
     }
   }
 }
+
+// Offers — sorted by the AI's score (server pre-sorts). The score + verdict were
+// written by the connected AI at save time, so this renders without any LLM. The
+// precise head-to-head comparison happens in the AI chat via compare_offers.
+//
+// Lifecycle-aware: only OPEN offers deserve the top of the pipeline (they carry
+// accept deadlines — the most time-sensitive decision in the whole search).
+// Accepted/declined offers are kept as career records (terms history feeds the
+// next negotiation) but demoted to a collapsed "past offers" line.
+function OffersSection(offers) {
+  const status = (o) => o.offer_status || 'open';
+  const active = offers.filter((o) => status(o) === 'open');
+  const past = offers.filter((o) => status(o) !== 'open');
+  const children = [];
+  if (active.length) {
+    children.push(
+      el('div', { class: 'app-group__head' },
+        el('span', { class: 'app-group__title' }, t('applications.offers.title')),
+        el('span', { class: 'app-group__count tnum' }, t('applications.group.count', { count: active.length }))),
+      ...active.map(OfferCard),
+    );
+  }
+  if (past.length) children.push(PastOffers(past));
+  return el('div', { class: 'stack-3' }, ...children);
+}
+
+function OfferCard(o) {
+  const meta = [];
+  if (o.total_comp_annual_est != null)
+    meta.push(`${t('applications.offers.est')} ${o.total_comp_annual_est.toLocaleString()}${t('applications.offers.unit')}`);
+  if (o.work_arrangement) meta.push(o.work_arrangement);
+  if (o.accept_deadline) meta.push(t('applications.offers.acceptBy', { date: o.accept_deadline }));
+  const score = o.ai_score != null
+    ? el('span', { class: `strong tnum ${scoreClass(o.ai_score)}` }, String(o.ai_score))
+    : el('span', { class: 'muted' }, t('applications.offers.noScore'));
+  // Deadline passed on a still-open offer: flag it, never auto-hide — deadlines
+  // get extended in negotiation, so the call is the user's (or the AI's), not ours.
+  const expired = !!o.accept_deadline && o.accept_deadline < todayLocalISO();
+  const actions = expired
+    ? el('span', { class: 'flex gap-2', style: { alignItems: 'center' } },
+        Badge('on_hold', t('applications.offers.expired')), score)
+    : score;
+  return Card({
+    title: o.company,
+    sub: meta.join(' · '),
+    actions,
+    body: o.verdict ? el('p', { class: 'muted', style: { marginTop: '6px' } }, o.verdict) : null,
+    clickable: true,
+    onClick: () => navigate(`/jobs/${o.job_id}`),
+  });
+}
+
+// Accepted/declined offers, one compact row each inside a collapsed disclosure.
+function PastOffers(past) {
+  const rows = past.map((o) =>
+    el('div', { class: 'flex gap-2', style: { alignItems: 'center', padding: '8px 0' } },
+      Badge(o.offer_status === 'accepted' ? 'final_passed' : 'rejected',
+        t(`applications.offers.status.${o.offer_status}`)),
+      el('span', {
+        class: 'strong',
+        style: { cursor: 'pointer' },
+        activate: () => navigate(`/jobs/${o.job_id}`),
+      }, o.company),
+      o.total_comp_annual_est != null
+        ? el('span', { class: 'muted text-sm' },
+            `${t('applications.offers.est')} ${o.total_comp_annual_est.toLocaleString()}${t('applications.offers.unit')}`)
+        : null,
+    ));
+  return el('details', {},
+    el('summary', { class: 'muted text-sm', style: { cursor: 'pointer' } },
+      t('applications.offers.past', { count: past.length })),
+    ...rows);
+}

package/dist/public/pages/documents.js

@@ -3,7 +3,7 @@
 import {
   el, get, post, put, del, Card, Badge, Btn, IconBtn, SubmitBtn, EmptyState,
   Field, Input, Textarea, Select, openModal, confirmDialog,
-  toastOk, toastError, copyText, downloadUrl, fmtRelative, mount, meta,
+  toastOk, toastError, copyText, fmtRelative, mount, meta, ExportMenu,
 } from '/lib.js';
 import { t } from '/i18n.js';
 
@@ -21,19 +21,28 @@ export async function render(ctx) {
   const root = el('div', { class: 'stack-4' });
 
   const panel = el('div', {});
-  const tabCover = el('div', { class: `tab${tab === 'cover' ? ' is-active' : ''}`, onClick: () => selectTab('cover') }, t('documents.tab.cover'));
-  const tabCareer = el('div', { class: `tab${tab === 'career' ? ' is-active' : ''}`, onClick: () => selectTab('career') }, t('documents.tab.career'));
-  const tabDocs = el('div', { class: `tab${tab === 'docs' ? ' is-active' : ''}`, onClick: () => selectTab('docs') }, t('documents.tab.docs'));
-  root.append(el('div', { class: 'tabs' }, tabCover, tabCareer, tabDocs), panel);
+  // Tabs are keyboard-operable (activate = role/tabindex/Enter·Space), with tab
+  // semantics for AT — role은 attrs가 먼저 tab으로 지정하므로 activate의 button 기본값을 덮지 않는다.
+  const makeTab = (key, label) =>
+    el('div', {
+      class: `tab${tab === key ? ' is-active' : ''}`,
+      attrs: { role: 'tab', 'aria-selected': String(tab === key) },
+      activate: () => selectTab(key),
+    }, label);
+  const tabCover = makeTab('cover', t('documents.tab.cover'));
+  const tabCareer = makeTab('career', t('documents.tab.career'));
+  const tabDocs = makeTab('docs', t('documents.tab.docs'));
+  root.append(el('div', { class: 'tabs', attrs: { role: 'tablist' } }, tabCover, tabCareer, tabDocs), panel);
 
   let query = '';
   let searchInput = null;
   function selectTab(next) {
     tab = next;
     query = '';
-    tabCover.classList.toggle('is-active', tab === 'cover');
-    tabCareer.classList.toggle('is-active', tab === 'career');
-    tabDocs.classList.toggle('is-active', tab === 'docs');
+    for (const [node, key] of [[tabCover, 'cover'], [tabCareer, 'career'], [tabDocs, 'docs']]) {
+      node.classList.toggle('is-active', tab === key);
+      node.setAttribute('aria-selected', String(tab === key));
+    }
     setActions();
     renderPanel();
   }
@@ -138,8 +147,7 @@ function CoverRow(cl, reload) {
   const actions = el('div', { class: 'flex gap-2 wrap' },
     Btn(t('documents.cover.open'), { sm: true, icon: 'external', onClick: () => openCoverDetail(cl.id, reload) }),
     Btn(t('documents.cover.copy'), { sm: true, variant: 'ghost', icon: 'copy', onClick: () => copyText(cl.current_content || ''), disabled: !cl.current_content }),
-    Btn(t('documents.cover.exportMd'), { sm: true, variant: 'ghost', icon: 'download', title: t('documents.cover.exportMdTitle'), onClick: () => downloadUrl(`/api/export/cover-letter/${cl.id}?format=md`) }),
-    Btn(t('documents.cover.exportHtml'), { sm: true, variant: 'ghost', icon: 'download', title: t('documents.cover.exportHtmlTitle'), onClick: () => downloadUrl(`/api/export/cover-letter/${cl.id}?format=html`) }),
+    ExportMenu(`/api/export/cover-letter/${cl.id}`),
     cl.is_primary ? null : Btn(t('documents.cover.setPrimary'), { sm: true, variant: 'ghost', icon: 'check', onClick: () => setPrimaryCover(cl.id, reload) }),
     IconBtn('trash', { variant: 'danger', title: t('documents.cover.delete'), onClick: () => removeCover(cl, reload) }),
   );
@@ -255,8 +263,7 @@ function CoverDetailBody(cl, { refresh }) {
       cl.is_primary ? Badge('accent', t('documents.cover.primary')) : null,
     ),
     el('div', { class: 'flex gap-2 wrap' },
-      Btn(t('documents.coverDetail.exportMd'), { sm: true, variant: 'ghost', icon: 'download', onClick: () => downloadUrl(`/api/export/cover-letter/${cl.id}?format=md`) }),
-      Btn(t('documents.coverDetail.exportHtml'), { sm: true, variant: 'ghost', icon: 'download', onClick: () => downloadUrl(`/api/export/cover-letter/${cl.id}?format=html`) }),
+      ExportMenu(`/api/export/cover-letter/${cl.id}`),
     ),
   ));
 
@@ -446,8 +453,7 @@ async function openDocDetail(id, kindLabels, m, reload) {
     ),
     footer: (close) => [
       Btn(t('documents.docDetail.copy'), { variant: 'ghost', icon: 'copy', onClick: () => copyText(doc.content || '') }),
-      Btn(t('documents.docDetail.export'), { variant: 'ghost', icon: 'download', title: t('documents.docDetail.exportTitle'), onClick: () => downloadUrl(`/api/export/document/${doc.id}?format=md`) }),
-      Btn(t('documents.docDetail.exportHtml'), { variant: 'ghost', icon: 'download', title: t('documents.docDetail.exportHtmlTitle'), onClick: () => downloadUrl(`/api/export/document/${doc.id}?format=html`) }),
+      ExportMenu(`/api/export/document/${doc.id}`, { sm: false }),
       Btn(t('documents.docDetail.delete'), { variant: 'danger', icon: 'trash', onClick: async () => {
         const ok = await confirmDialog({ title: t('documents.docDetail.deleteTitle'), message: t('documents.docDetail.deleteConfirm', { title: doc.title }), confirmLabel: t('documents.docDetail.deleteConfirmLabel'), danger: true });
         if (!ok) return;

package/dist/public/pages/home.js

@@ -6,6 +6,7 @@
 import {
   el, get, icon, navigate, Card, Badge, Btn, ListRow, CheckRow,
   Stat, PageHead, fmtDate, fmtRelative, scoreClass, STATUS_COLOR, statusColor, mount,
+  scheduleDdayBadge,
 } from '/lib.js';
 import { t } from '/i18n.js';
 
@@ -45,7 +46,7 @@ export async function render(ctx) {
   }
 
   if (!s.onboarding.completed) wrap.append(GettingStarted(s.onboarding));
-  wrap.append(StatRow(s.counts));
+  wrap.append(StatRow(s));
   wrap.append(Pipeline(s.status_breakdown));
   wrap.append(el('div', { class: 'grid grid--2' },
     el('div', { class: 'stack-4' }, ActionLane(s), RecentJobs(s.recent_jobs)),
@@ -96,15 +97,35 @@ function GettingStarted(o) {
 }
 
 /* ----------------------------------------------- KPI summary tiles (at-a-glance) */
-function StatTile(label, value, iconName, to) {
-  const tile = Stat({ label, value, iconName, onClick: () => navigate(to) });
+function StatTile(label, value, iconName, to, hint) {
+  const tile = Stat({ label, value, hint, iconName, onClick: () => navigate(to) });
   tile.classList.add('is-clickable');
   return tile;
 }
-function StatRow(counts) {
+function StatRow(s) {
+  const counts = s.counts;
+  const by = Object.fromEntries((s.status_breakdown || []).map((b) => [b.status, b.count]));
+  const c = (st) => by[st] || 0;
+
+  // Contextual sub-lines use only real counts (never invented). Tiles with no
+  // meaningful secondary signal (cover letters, interview prep) stay clean — the
+  // .stat min-height keeps the row even either way.
+
+  // 저장 공고 → how many postings still await action (not yet applied).
+  const notApplied = c('draft') + c('planned');
+  const jobsHint = notApplied > 0 ? t('home.stat.jobsSub', { count: notApplied }) : null;
+
+  // 진행 중 지원 → surface the most advanced active stages (interview → screening
+  // → applied), up to two, so the number carries a "where are they" breakdown.
+  const activeHint = [
+    c('interview') ? t('home.stat.subInterview', { count: c('interview') }) : null,
+    c('document_passed') ? t('home.stat.subDocPassed', { count: c('document_passed') }) : null,
+    c('applied') ? t('home.stat.subApplied', { count: c('applied') }) : null,
+  ].filter(Boolean).slice(0, 2).join(' · ') || null;
+
   return el('div', { class: 'grid grid--4' },
-    StatTile(t('home.stat.jobs'), counts.jobs, 'briefcase', '/jobs'),
-    StatTile(t('home.stat.activeApplications'), counts.active_applications, 'layers', '/applications'),
+    StatTile(t('home.stat.jobs'), counts.jobs, 'briefcase', '/jobs', jobsHint),
+    StatTile(t('home.stat.activeApplications'), counts.active_applications, 'layers', '/applications', activeHint),
     StatTile(t('home.stat.coverLetters'), counts.cover_letters, 'file', '/documents'),
     StatTile(t('home.stat.interviewPending'), counts.interview_pending, 'mic', '/interview'),
   );
@@ -195,6 +216,17 @@ function ActionLane(s) {
       onClick: () => navigate(`/jobs/${it.job.id}`),
     }));
   }
+  // Hiring-schedule stages (면접·인적성·발표) sit right after interview prep and before
+  // deadlines: they're the most time-bound "be there on this date" items.
+  for (const it of s.upcoming_schedule || []) {
+    push(it.job.id, ListRow({
+      leading: statusDot('interview'),
+      title: it.job.company,
+      sub: it.time ? `${it.label} · ${it.time}` : it.label,
+      trailing: scheduleDdayBadge(it.d_day),
+      onClick: () => navigate(`/jobs/${it.job.id}`),
+    }));
+  }
   for (const it of s.deadlines || []) {
     push(it.job.id, ListRow({
       leading: statusDot(it.status),

package/dist/public/pages/interview.js

@@ -146,12 +146,19 @@ export async function render(ctx) {
       mount(panel, list.length
         ? el('div', { class: 'stack-3' }, ...list.map(QuestionBlock))
         : el('p', { class: 'muted', style: { margin: 0 } }, t('interview.modal.questionsEmptyTab')));
-      for (const c of CATEGORIES) tabEls[c].classList.toggle('is-active', c === active);
+      for (const c of CATEGORIES) {
+        tabEls[c].classList.toggle('is-active', c === active);
+        tabEls[c].setAttribute('aria-selected', String(c === active));
+      }
     }
-    const tabs = el('div', { class: 'tabs' }, ...CATEGORIES.map((c) => {
+    // 키보드 조작 가능 탭(activate = role/tabindex/Enter·Space) + 탭 시맨틱.
+    const tabs = el('div', { class: 'tabs', attrs: { role: 'tablist' } }, ...CATEGORIES.map((c) => {
       const n = groups[c].length;
-      const tabEl = el('div', { class: 'tab', onClick: () => { active = c; draw(); } },
-        n ? `${t('interview.tab.' + c)} (${n})` : t('interview.tab.' + c));
+      const tabEl = el('div', {
+        class: 'tab',
+        attrs: { role: 'tab', 'aria-selected': 'false' },
+        activate: () => { active = c; draw(); },
+      }, n ? `${t('interview.tab.' + c)} (${n})` : t('interview.tab.' + c));
       tabEls[c] = tabEl;
       return tabEl;
     }));