careermate 0.0.7 → 0.0.8

package/dist/migrate.mjs

@@ -312,6 +312,32 @@ var MIGRATIONS = [
   );
 
   CREATE INDEX IF NOT EXISTS idx_timeline_job ON application_timeline_events(job_id, occurred_at ASC);
+  `,
+  // v4 — structured quantitative credentials on the profile (학력·자격증·어학점수·수상).
+  // Stored as JSON arrays in TEXT columns (same pattern as profile.links), so the AI
+  // can cite exact values (GPA, TOEIC 920) without re-asking or hallucinating, and
+  // they feed the verify corpus. ALTER ADD COLUMN is non-destructive and idempotent
+  // across the ordered migration runner.
+  `
+  ALTER TABLE profile ADD COLUMN education TEXT NOT NULL DEFAULT '[]';
+  ALTER TABLE profile ADD COLUMN certifications TEXT NOT NULL DEFAULT '[]';
+  ALTER TABLE profile ADD COLUMN language_scores TEXT NOT NULL DEFAULT '[]';
+  ALTER TABLE profile ADD COLUMN awards TEXT NOT NULL DEFAULT '[]';
+  `,
+  // v5 — company research on the job posting (사업개요·인재상·핵심가치). Korea-centric: cover
+  // letters and interview prep align to a company's 인재상/핵심가치, so store it where the AI
+  // already reads it (the job context) rather than a separate entity. Additive ALTER, idempotent.
+  `
+  ALTER TABLE jobs ADD COLUMN company_overview TEXT;
+  ALTER TABLE jobs ADD COLUMN talent_profile TEXT;
+  ALTER TABLE jobs ADD COLUMN core_values TEXT NOT NULL DEFAULT '[]';
+  `,
+  // v6 — post-interview debrief on interview_preps (받은 질문·잘된 점·개선점·다음 라운드 포커스·
+  // 체감 분위기). Closes the loop: prep is pre-interview, debrief is post-interview, but both belong
+  // to the same per-job entity, so store as one JSON column rather than a new table. Additive ALTER,
+  // idempotent. Feeds next-round prep and consistency (lessons carry into later interviews).
+  `
+  ALTER TABLE interview_preps ADD COLUMN debrief TEXT NOT NULL DEFAULT '{}';
   `
 ];
 function migrate(db) {
@@ -4482,6 +4508,33 @@ var LinkSchema = external_exports.object({
   label: reqLine,
   url: SafeUrl
 });
+var EducationSchema = external_exports.object({
+  school: reqLine.describe("\uD559\uAD50\uBA85"),
+  degree: external_exports.string().max(MAX_LINE).optional().describe("\uD559\uC704/\uACFC\uC815 (\uACE0\uC878\xB7\uD559\uC0AC\xB7\uC11D\uC0AC\xB7\uBC15\uC0AC \uB4F1)"),
+  major: external_exports.string().max(MAX_LINE).optional().describe("\uC804\uACF5"),
+  gpa: external_exports.string().max(MAX_LINE).optional().describe("\uD559\uC810 (\uC608: 3.8)"),
+  gpa_scale: external_exports.string().max(MAX_LINE).optional().describe("\uD559\uC810 \uB9CC\uC810 (\uC608: 4.5)"),
+  start_date: external_exports.string().max(MAX_LINE).optional().describe("YYYY-MM"),
+  end_date: external_exports.string().max(MAX_LINE).optional().describe("YYYY-MM (\uC878\uC5C5/\uC608\uC815)"),
+  status: external_exports.string().max(MAX_LINE).optional().describe("\uC878\uC5C5/\uC7AC\uD559/\uD734\uD559/\uC911\uD1F4/\uC218\uB8CC")
+});
+var CertificationSchema = external_exports.object({
+  name: reqLine.describe("\uC790\uACA9\uC99D/\uBA74\uD5C8\uBA85"),
+  issuer: external_exports.string().max(MAX_LINE).optional().describe("\uBC1C\uAE09\uAE30\uAD00"),
+  date: external_exports.string().max(MAX_LINE).optional().describe("\uCDE8\uB4DD\uC77C YYYY-MM"),
+  score: external_exports.string().max(MAX_LINE).optional().describe("\uC810\uC218/\uB4F1\uAE09(\uC788\uC73C\uBA74)")
+});
+var LanguageScoreSchema = external_exports.object({
+  test: reqLine.describe("\uC2DC\uD5D8\uBA85 (TOEIC\xB7OPIc\xB7TOEIC Speaking\xB7JLPT\xB7HSK \uB4F1)"),
+  score: reqLine.describe("\uC810\uC218/\uB4F1\uAE09 (\uC608: 920, IH, N1)"),
+  date: external_exports.string().max(MAX_LINE).optional().describe("\uC751\uC2DC/\uCDE8\uB4DD\uC77C YYYY-MM")
+});
+var AwardSchema = external_exports.object({
+  title: reqLine.describe("\uC218\uC0C1/\uB300\uC678\uD65C\uB3D9\uBA85"),
+  issuer: external_exports.string().max(MAX_LINE).optional().describe("\uC8FC\uCD5C/\uC218\uC5EC\uAE30\uAD00"),
+  date: external_exports.string().max(MAX_LINE).optional().describe("YYYY-MM"),
+  description: external_exports.string().max(MAX_NOTE).optional().describe("\uAC04\uB2E8 \uC124\uBA85")
+});
 var ProfileInputSchema = external_exports.object({
   name: reqLine.optional(),
   email: optLine,
@@ -4493,7 +4546,11 @@ var ProfileInputSchema = external_exports.object({
   desired_conditions: external_exports.string().max(MAX_NOTE).optional().describe("\uD76C\uB9DD \uADFC\uBB34 \uC870\uAC74 (\uC5F0\uBD09, \uC9C0\uC5ED, \uADFC\uBB34\uD615\uD0DC \uB4F1)"),
   preferred_tone: external_exports.string().max(MAX_LINE).optional().describe("\uC790\uAE30\uC18C\uAC1C\uC11C \uC120\uD638 \uBB38\uCCB4 (\uC608: \uB2F4\uBC31\uD558\uACE0 \uAD6C\uCCB4\uC801)"),
   emphasis_points: strList.optional().describe("\uAC15\uC870\uD558\uACE0 \uC2F6\uC740 \uD575\uC2EC \uD3EC\uC778\uD2B8"),
-  links: external_exports.array(LinkSchema).max(MAX_ITEMS).optional().describe("\uD3EC\uD2B8\uD3F4\uB9AC\uC624/\uAE43\uD5C8\uBE0C/\uB9C1\uD06C\uB4DC\uC778 \uB4F1")
+  links: external_exports.array(LinkSchema).max(MAX_ITEMS).optional().describe("\uD3EC\uD2B8\uD3F4\uB9AC\uC624/\uAE43\uD5C8\uBE0C/\uB9C1\uD06C\uB4DC\uC778 \uB4F1"),
+  education: external_exports.array(EducationSchema).max(MAX_ITEMS).optional().describe("\uD559\uB825 (\uD559\uAD50\xB7\uD559\uC704\xB7\uC804\uACF5\xB7\uD559\uC810)"),
+  certifications: external_exports.array(CertificationSchema).max(MAX_ITEMS).optional().describe("\uC790\uACA9\uC99D/\uBA74\uD5C8"),
+  language_scores: external_exports.array(LanguageScoreSchema).max(MAX_ITEMS).optional().describe("\uC5B4\uD559 \uC810\uC218 (\uD1A0\uC775\xB7\uC624\uD53D \uB4F1)"),
+  awards: external_exports.array(AwardSchema).max(MAX_ITEMS).optional().describe("\uC218\uC0C1/\uB300\uC678\uD65C\uB3D9")
 });
 var ProfileRecordSchema = external_exports.object({
   ...baseRecord,
@@ -4507,7 +4564,11 @@ var ProfileRecordSchema = external_exports.object({
   desired_conditions: external_exports.string().nullable(),
   preferred_tone: external_exports.string().nullable(),
   emphasis_points: external_exports.array(external_exports.string()),
-  links: external_exports.array(LinkSchema)
+  links: external_exports.array(LinkSchema),
+  education: external_exports.array(EducationSchema),
+  certifications: external_exports.array(CertificationSchema),
+  language_scores: external_exports.array(LanguageScoreSchema),
+  awards: external_exports.array(AwardSchema)
 });
 var ExperienceInputSchema = external_exports.object({
   company: reqLine,
@@ -4646,7 +4707,10 @@ var JobInputSchema = external_exports.object({
   requirements: strList.optional().describe("\uC790\uACA9\uC694\uAC74/\uC6B0\uB300\uC0AC\uD56D \uD575\uC2EC"),
   keywords: strList.optional().describe("\uD575\uC2EC \uD0A4\uC6CC\uB4DC"),
   deadline: external_exports.string().max(MAX_LINE).optional().describe("\uB9C8\uAC10\uC77C YYYY-MM-DD"),
-  source: external_exports.string().max(MAX_LINE).optional().describe("\uCD9C\uCC98 (\uC0AC\uB78C\uC778/\uC6D0\uD2F0\uB4DC/\uC9C1\uC811 \uC785\uB825 \uB4F1)")
+  source: external_exports.string().max(MAX_LINE).optional().describe("\uCD9C\uCC98 (\uC0AC\uB78C\uC778/\uC6D0\uD2F0\uB4DC/\uC9C1\uC811 \uC785\uB825 \uB4F1)"),
+  company_overview: optBody.describe("\uD68C\uC0AC \uC0AC\uC5C5\uAC1C\uC694\xB7\uBBF8\uC158\xB7\uC8FC\uC694 \uC81C\uD488\xB7\uCD5C\uADFC \uD65C\uB3D9 (AI\uAC00 \uB9AC\uC11C\uCE58\uD574 \uCC44\uC6C0)"),
+  talent_profile: optBody.describe("\uD68C\uC0AC\uAC00 \uAC15\uC870\uD558\uB294 \uC778\uC7AC\uC0C1 (\uD55C\uAD6D \uC790\uC18C\uC11C\xB7\uBA74\uC811\uC5D0\uC11C \uC815\uB82C \uAE30\uC900)"),
+  core_values: strList.optional().describe("\uD68C\uC0AC \uD575\uC2EC\uAC00\uCE58 (\uD0A4\uC6CC\uB4DC \uBC30\uC5F4)")
 });
 var JobRecordSchema = external_exports.object({
   ...baseRecord,
@@ -4659,7 +4723,10 @@ var JobRecordSchema = external_exports.object({
   requirements: external_exports.array(external_exports.string()),
   keywords: external_exports.array(external_exports.string()),
   deadline: external_exports.string().nullable(),
-  source: external_exports.string().nullable()
+  source: external_exports.string().nullable(),
+  company_overview: external_exports.string().nullable(),
+  talent_profile: external_exports.string().nullable(),
+  core_values: external_exports.array(external_exports.string())
 });
 var FitAnalysisInputSchema = external_exports.object({
   job_id: reqLine.describe("\uBD84\uC11D \uB300\uC0C1 \uACF5\uACE0 ID"),
@@ -4728,12 +4795,21 @@ var InterviewQuestionSchema = external_exports.object({
   followups: strList.optional().describe("\uC608\uC0C1 \uAF2C\uB9AC \uC9C8\uBB38"),
   answer_outline: optBody.describe("\uB2F5\uBCC0 \uAC00\uC774\uB4DC/\uD575\uC2EC \uD3EC\uC778\uD2B8")
 });
+var InterviewDebriefSchema = external_exports.object({
+  asked_questions: strList.optional().describe("\uC2E4\uC81C\uB85C \uBC1B\uC740 \uC9C8\uBB38\uB4E4"),
+  went_well: optBody.describe("\uC798\uB41C \uC810/\uAC15\uD588\uB358 \uB2F5\uBCC0"),
+  to_improve: optBody.describe("\uC544\uC26C\uC6B4 \uC810/\uB2E4\uC74C\uC5D0 \uAC1C\uC120\uD560 \uC810"),
+  next_round_focus: optBody.describe("\uB2E4\uC74C \uB77C\uC6B4\uB4DC/\uBA74\uC811\uC5D0 \uB300\uBE44\uD574 \uC900\uBE44\uD560 \uD3EC\uC778\uD2B8"),
+  sentiment: external_exports.enum(["positive", "neutral", "negative"]).optional().describe("\uCCB4\uAC10 \uBD84\uC704\uAE30"),
+  interviewed_at: optLine.describe("\uBA74\uC811 \uBCF8 \uB0A0\uC9DC(YYYY-MM-DD)")
+});
 var InterviewPrepInputSchema = external_exports.object({
   job_id: reqLine,
   questions: external_exports.array(InterviewQuestionSchema).max(MAX_ITEMS).optional(),
   star_guides: external_exports.array(StarGuideSchema).max(MAX_ITEMS).optional(),
   self_introduction: optBody.describe("1\uBD84 \uC790\uAE30\uC18C\uAC1C \uCD08\uC548"),
-  notes: optNote.describe("\uBA74\uC811 \uD6C4\uAE30/\uBA54\uBAA8")
+  notes: optNote.describe("\uBA74\uC811 \uD6C4\uAE30/\uBA54\uBAA8"),
+  debrief: InterviewDebriefSchema.optional().describe("\uBA74\uC811 \uD6C4 \uB514\uBE0C\uB9AC\uD504(\uBC1B\uC740 \uC9C8\uBB38\xB7\uC798\uB41C \uC810\xB7\uAC1C\uC120\uC810\xB7\uB2E4\uC74C \uB77C\uC6B4\uB4DC \uD3EC\uCEE4\uC2A4)")
 });
 var InterviewPrepRecordSchema = external_exports.object({
   ...baseRecord,
@@ -4741,7 +4817,8 @@ var InterviewPrepRecordSchema = external_exports.object({
   questions: external_exports.array(InterviewQuestionSchema),
   star_guides: external_exports.array(StarGuideSchema),
   self_introduction: external_exports.string().nullable(),
-  notes: external_exports.string().nullable()
+  notes: external_exports.string().nullable(),
+  debrief: InterviewDebriefSchema.nullable()
 });
 var ActivityRecordSchema = external_exports.object({
   id,

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

@@ -9,6 +9,10 @@ export default {
   'common.delete': 'Delete',
   'common.open': 'Open',
   'common.justNow': 'just now',
+  'common.export': 'Export',
+  'common.fmtWord': 'Word',
+  'common.fmtHtml': 'HTML',
+  'common.fmtMarkdown': 'Markdown',
 
   'toast.copied': 'Copied to clipboard.',
   'toast.copyFailed': "Couldn't copy. Please select and copy it manually.",

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

@@ -28,10 +28,6 @@ export default {
   'documents.cover.primary': 'Primary',
   'documents.cover.open': 'Open',
   'documents.cover.copy': 'Copy',
-  'documents.cover.exportMd': 'MD',
-  'documents.cover.exportHtml': 'HTML',
-  'documents.cover.exportMdTitle': 'Export as Markdown',
-  'documents.cover.exportHtmlTitle': 'Export as HTML',
   'documents.cover.setPrimary': 'Set as primary',
   'documents.cover.delete': 'Delete',
   'documents.cover.noContent': 'No content yet.',
@@ -60,8 +56,6 @@ export default {
   'documents.coverCreate.toast': 'Cover letter added.',
 
   // cover detail body
-  'documents.coverDetail.exportMd': 'Export as Markdown',
-  'documents.coverDetail.exportHtml': 'Export as HTML',
   'documents.coverDetail.currentVersion': 'Current version',
   'documents.coverDetail.copy': 'Copy',
   'documents.coverDetail.noContent': 'No content.',
@@ -101,10 +95,6 @@ export default {
   'documents.docDetail.updated': 'Updated {{when}}',
   'documents.docDetail.noContent': 'No content.',
   'documents.docDetail.copy': 'Copy',
-  'documents.docDetail.export': 'MD',
-  'documents.docDetail.exportTitle': 'Export as Markdown',
-  'documents.docDetail.exportHtml': 'HTML',
-  'documents.docDetail.exportHtmlTitle': 'Export as HTML',
   'documents.docDetail.delete': 'Delete',
   'documents.docDetail.deleteTitle': 'Delete document',
   'documents.docDetail.deleteConfirm': 'Delete "{{title}}"?',

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

@@ -37,6 +37,11 @@ export default {
   'home.stat.activeApplications': 'Active applications',
   'home.stat.coverLetters': 'Cover letters',
   'home.stat.interviewPending': 'Interview prep',
+  // KPI tile context sub-lines (derived from real counts; omitted when zero)
+  'home.stat.jobsSub': '{{count}} to apply',
+  'home.stat.subInterview': 'Interview {{count}}',
+  'home.stat.subDocPassed': 'Screening {{count}}',
+  'home.stat.subApplied': 'Applied {{count}}',
 
   // pipeline
   'home.pipeline.title': 'Application pipeline',

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

@@ -2,7 +2,7 @@
 export default {
   // ---- list mode ----
   'jobs.list.empty.title': 'No saved postings yet',
-  'jobs.list.empty.body': 'Add a posting you are interested in to track its fit and your progress.',
+  'jobs.list.empty.body': 'Add a posting you are interested in to track its fit and your progress. Or just tell your connected AI “find backend jobs” and it will fetch postings and save them here.',
   'jobs.list.addJob': 'Add posting',
   'jobs.list.searchPlaceholder': 'Search company or role',
   'jobs.list.searchAria': 'Search postings',

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

@@ -11,11 +11,6 @@ export default {
   'profile.completeness.title': 'Profile completeness',
   'profile.completeness.percent': '{{pct}}%',
 
-  // export profile as a resume
-  'profile.export.md': 'MD',
-  'profile.export.html': 'HTML',
-  'profile.export.mdTitle': 'Export resume as Markdown',
-  'profile.export.htmlTitle': 'Export resume as HTML',
 
   // basic info card
   'profile.basic.title': 'Basic info',

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

@@ -9,6 +9,10 @@ export default {
   'common.delete': '삭제',
   'common.open': '열기',
   'common.justNow': '방금 전',
+  'common.export': '내보내기',
+  'common.fmtWord': 'Word',
+  'common.fmtHtml': 'HTML',
+  'common.fmtMarkdown': 'Markdown',
 
   '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': '공고 검색',

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/lib.js

@@ -215,6 +215,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,7 +1,7 @@
 // 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,
+  el, get, put, navigate, EmptyState, Btn, ListRow, Badge,
   Select, scoreClass, statusColor, mount, toast, toastOk, toastError,
 } from '/lib.js';
 import { t } from '/i18n.js';
@@ -66,20 +66,24 @@ export async function render(ctx) {
     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}`),
     });

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';
 
@@ -138,8 +138,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 +254,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 +444,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

@@ -45,7 +45,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 +96,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'),
   );

package/dist/public/pages/profile.js

@@ -2,7 +2,7 @@
 import {
   el, get, post, put, del, icon, Card, Badge, Btn, IconBtn, SubmitBtn, EmptyState, Chips,
   Field, Input, Textarea, openModal, closeModal, confirmDialog,
-  toastOk, toastError, fmtDate, mount, linesToArray, csvToArray, downloadUrl,
+  toastOk, toastError, fmtDate, mount, linesToArray, csvToArray, ExportMenu,
 } from '/lib.js';
 import { t } from '/i18n.js';
 
@@ -67,8 +67,7 @@ function CompletenessCard(o) {
     title: t('profile.completeness.title'),
     sub: t('profile.completeness.percent', { pct }),
     actions: [
-      Btn(t('profile.export.md'), { sm: true, variant: 'ghost', icon: 'download', title: t('profile.export.mdTitle'), onClick: () => downloadUrl('/api/export/profile?format=md') }),
-      Btn(t('profile.export.html'), { sm: true, variant: 'ghost', icon: 'download', title: t('profile.export.htmlTitle'), onClick: () => downloadUrl('/api/export/profile?format=html') }),
+      ExportMenu('/api/export/profile'),
     ],
     body: [
       el('div', { class: 'progress', style: { marginBottom: steps.length ? '12px' : '0' } },

package/dist/public/styles.css

@@ -201,14 +201,16 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .card.is-clickable { cursor: pointer; transition: border-color .12s, box-shadow .12s, transform .12s; }
 .card.is-clickable:hover { border-color: var(--border-strong); box-shadow: var(--shadow-md); }
 
-/* stat tiles */
-.stat { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px 18px; }
+/* stat tiles — slim, dense KPI row (home only). A contextual hint line, when
+   present, sits at the bottom so tiles align evenly whether or not they carry one. */
+.stat { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
+  padding: 12px 15px; min-height: 84px; display: flex; flex-direction: column; }
 .stat.is-clickable { cursor: pointer; transition: border-color .12s, box-shadow .12s; }
 .stat.is-clickable:hover { border-color: var(--border-strong); box-shadow: var(--shadow-md); }
 .stat__label { font-size: 13px; color: var(--text-secondary); display:flex; align-items:center; gap:7px; }
 .stat__label svg { width: 15px; height: 15px; color: var(--text-tertiary); }
-.stat__value { font-size: 26px; font-weight: 700; letter-spacing: -.02em; margin-top: 6px; }
-.stat__hint { font-size: 12.5px; color: var(--text-tertiary); margin-top: 2px; }
+.stat__value { font-size: 23px; font-weight: 700; letter-spacing: -.02em; margin-top: 3px; line-height: 1.15; }
+.stat__hint { font-size: 12.5px; color: var(--text-tertiary); margin-top: auto; padding-top: 6px; }
 /* borderless count strip (settings 내 데이터) — flat counts, never a card-in-card */
 .countstrip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 24px; }
 .countstrip__item { display: flex; flex-direction: column; gap: 2px; }
@@ -379,6 +381,24 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .app-group__title { font-weight: 650; font-size: 15px; letter-spacing: -.01em; }
 .app-group__count { margin-left: auto; color: var(--text-tertiary); font-size: 13px; }
 
+/* applications row trailing — keep the right edge informative (never empty):
+   right-aligned score column, an optional D-day chip, then the status. The status
+   shows a calm badge at rest and swaps to the inline change-select on hover/focus
+   (display swap, not opacity, so the hidden control reserves no width). */
+.app-score { min-width: 42px; text-align: right; font-size: 13.5px; }
+.app-dday { color: var(--text-tertiary); }
+.app-dday--urgent { color: var(--amber); }
+.app-status { display: inline-flex; align-items: center; }
+.app-status .select { display: none; }
+.list-row:hover .app-status .badge,
+.list-row:focus-within .app-status .badge { display: none; }
+.list-row:hover .app-status .select,
+.list-row:focus-within .app-status .select { display: inline-flex; }
+@media (hover: none) {
+  .app-status .badge { display: none; }
+  .app-status .select { display: inline-flex; }
+}
+
 /* row-level action (e.g. status select) — hidden until the row is hovered or
    focused, so grouped lists stay calm. Always shown where hover isn't available. */
 .list-row .row-action { opacity: 0; pointer-events: none; transition: opacity .12s; }
@@ -467,6 +487,21 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 @keyframes pop { from { transform: translate(-50%,-46%); opacity: 0; } to { transform: translate(-50%,-50%); opacity: 1; } }
 @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
 
+/* Dropdown menu (Menu/ExportMenu) — fixed popover anchored to its trigger so it
+   never clips inside a scrolling modal body. Sits above the modal layer (60). */
+.menu { position: relative; display: inline-flex; }
+.menu__trigger .menu__caret { width: 14px; height: 14px; margin-left: -2px; opacity: .55; transform: rotate(90deg); }
+.menu__list { position: fixed; z-index: 70; min-width: 176px; padding: 5px; display: flex; flex-direction: column; gap: 2px;
+  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-lg); animation: fade .12s; }
+.menu__list[hidden] { display: none; }
+.menu__item { display: flex; align-items: center; gap: 9px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--radius-sm);
+  background: transparent; color: var(--text); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
+.menu__item:hover, .menu__item:focus-visible { background: var(--surface-hover); outline: none; }
+.menu__item .icon { width: 15px; height: 15px; color: var(--text-tertiary); flex: none; }
+.menu__item-label { flex: 1; }
+.menu__item-hint { color: var(--text-tertiary); font-size: 11.5px; font-variant-numeric: tabular-nums; }
+.menu__item--danger { color: var(--red); }
+
 /* ----------------------------------------------------------------- toast */
 .toasts { position: fixed; bottom: 20px; right: 20px; z-index: 80; display: flex; flex-direction: column; gap: 10px; }
 .toast { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: var(--radius);