careermate 0.0.9 → 0.0.12

package/dist/public/app.js

@@ -6,7 +6,6 @@
 import { el, icon, get, navigate, toastError, Spinner, clear } from '/lib.js';
 import { t, onLangChange } from '/i18n.js';
 
-// 라벨은 t('nav.<id>')로 해석 — 로케일 전환 시 재렌더로 갱신된다.
 const ROUTES = [
   { id: 'home', icon: 'home', module: '/pages/home.js' },
   { id: 'profile', icon: 'user', module: '/pages/profile.js' },
@@ -14,6 +13,7 @@ const ROUTES = [
   { id: 'applications', icon: 'layers', module: '/pages/applications.js', countKey: 'active_applications' },
   { id: 'documents', icon: 'file', module: '/pages/documents.js', countKey: 'cover_letters' },
   { id: 'interview', icon: 'mic', module: '/pages/interview.js', countKey: 'interview_pending' },
+  { id: 'insights', icon: 'target', module: '/pages/insights.js' },
   { id: 'settings', icon: 'settings', module: '/pages/settings.js' },
 ];
 
@@ -35,7 +35,7 @@ function renderNav(counts = {}) {
   navEl.append(el('div', { class: 'nav__label' }, t('nav.section.workspace')));
   const { page } = parseHash();
   for (const r of ROUTES) {
-    if (r.id === 'settings') navEl.append(el('div', { class: 'nav__label' }, t('nav.section.system')));
+    if (r.id === 'insights') navEl.append(el('div', { class: 'nav__label' }, t('nav.section.system')));
     const count = r.countKey ? counts[r.countKey] : null;
     navEl.append(el('a', {
       class: `nav__item${page === r.id ? ' is-active' : ''}`,
@@ -67,7 +67,6 @@ async function route() {
   const { page, params } = parseHash();
   const def = ROUTES.find((r) => r.id === page) || ROUTES[0];
 
-  // active nav state
   navEl.querySelectorAll('.nav__item').forEach((n) => n.classList.toggle('is-active', n.getAttribute('href') === `#/${def.id}`));
   const pageTitle = t('nav.' + def.id);
   titleEl.textContent = pageTitle;
@@ -89,11 +88,9 @@ async function route() {
   view.append(Spinner());
   try {
     const mod = await loadModule(def.module);
-    if (token !== renderToken) return; // a newer navigation superseded this one
+    if (token !== renderToken) return;
     clear(view);
     await mod.render(ctx);
-    // Announce just the new page name to screen readers (titleEl reflects any
-    // detail-page ctx.setTitle override).
     if (routeStatusEl) routeStatusEl.textContent = titleEl.textContent || t('nav.' + def.id);
   } catch (err) {
     if (token !== renderToken) return;
@@ -106,9 +103,6 @@ async function route() {
   }
 }
 
-// Mobile/narrow-window nav: the sidebar is the only navigation, so below 900px it
-// becomes an off-canvas drawer toggled from the topbar. Without this a phone/narrow
-// window is stranded on whatever page loaded first.
 function setupMobileNav() {
   const toggle = document.getElementById('nav-toggle');
   const scrim = document.getElementById('nav-scrim');
@@ -126,14 +120,10 @@ function setupMobileNav() {
 }
 
 function initTheme() {
-  // Read new key, falling back to the legacy 'cf-theme' so existing users keep their choice.
   const saved = localStorage.getItem('careermate-theme') || localStorage.getItem('cf-theme');
   if (saved === 'light' || saved === 'dark') document.documentElement.dataset.theme = saved;
 }
 
-// Static shell strings live in index.html (not page-rendered), so set them from the
-// catalog at boot + on locale change. foot-status belongs to the demo shim when the
-// demo is running, so skip it there.
 function localizeShell() {
   const sub = document.querySelector('.sidebar__subtitle');
   if (sub) sub.textContent = t('nav.subtitle');
@@ -141,7 +131,6 @@ function localizeShell() {
   if (skip) skip.textContent = t('nav.skip');
   const foot = document.getElementById('foot-status');
   if (foot && !window.__CAREERMATE_DEMO__) foot.textContent = t('nav.footStatus');
-  // FAQ help link points at the marketing-site FAQ in the active locale.
   const faq = document.getElementById('foot-faq');
   if (faq) {
     const en = document.documentElement.lang === 'en';
@@ -154,20 +143,16 @@ async function boot() {
   initTheme();
   setupMobileNav();
   localizeShell();
-  // Skip link: jump keyboard focus past the sidebar to the page content. A hash
-  // anchor would collide with the router, so move focus directly instead.
   document.getElementById('skip-link')?.addEventListener('click', () => {
     view.setAttribute('tabindex', '-1');
     view.focus();
   });
-  // Show data location in the footer (privacy: user can always see where data lives).
   try {
     const h = await get('/api/health');
     document.getElementById('foot-path').textContent = h.data_dir;
     document.getElementById('foot-path').title = h.data_dir;
   } catch { /* ignore */ }
   await refreshNav();
-  // 로케일 전환 시 내비게이션과 현재 라우트를 다시 그린다(전체 리로드 없이).
   onLangChange(() => { localizeShell(); refreshNav(); route(); });
   window.addEventListener('hashchange', route);
   await route();

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

@@ -28,6 +28,7 @@ export default {
   'documents.cover.primary': 'Primary',
   'documents.cover.open': 'Open',
   'documents.cover.copy': 'Copy',
+  'documents.cover.more': 'More',
   'documents.cover.setPrimary': 'Set as primary',
   'documents.cover.delete': 'Delete',
   'documents.cover.noContent': 'No content yet.',

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

@@ -47,6 +47,9 @@ export default {
   'home.pipeline.title': 'Application pipeline',
   'home.pipeline.openBoard': 'Open board',
   'home.pipeline.empty': 'No application stages yet. Set an application status on a posting and your pipeline fills in here.',
+  // small-sample fallback (< 3 applications): show the current stage as one line
+  'home.pipeline.small.item': '{{status}} · {{count}}',
+  'home.pipeline.small': '{{detail}} — your stage flow shows here as applications add up',
   'home.pipeline.stage.applied': 'Applied',
   'home.pipeline.stage.documentPassed': 'Screening passed',
   'home.pipeline.stage.interview': 'Interview',
@@ -62,7 +65,11 @@ export default {
   'home.actionLane.title': 'What to do next',
   'home.actionLane.viewAll': 'View all',
   'home.actionLane.interviewPrep': 'Interview prep',
-  'home.actionLane.followup': 'Follow up · {{n}}d',
+  'home.actionLane.followupBadge': 'Follow up',
+  // per-type reason / next-action line
+  'home.actionLane.reason.interview': 'Time to start interview prep',
+  'home.actionLane.reason.deadline': 'Application deadline',
+  'home.actionLane.reason.followup': 'Applied {{n}}d ago · time to follow up',
   'home.actionLane.empty': 'Nothing to handle right now. Try analyzing a new posting.',
   'home.placeholder.dash': '—',
 

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

@@ -68,6 +68,8 @@ export default {
   'jobs.detail.deleteMessage': "Delete the '{{company}} · {{position}}' posting? Its linked application records will be removed too.",
   'jobs.detail.deleteConfirm': 'Delete',
   'jobs.detail.deleted': 'Posting deleted.',
+  'jobs.detail.dangerZone': 'Danger zone',
+  'jobs.detail.dangerZoneHint': 'Deletes this posting along with its fit analysis, cover letters, interview prep, and application records. This cannot be undone.',
   'jobs.detail.list': 'Postings',
   'jobs.detail.statusLabel': 'Status',
   'jobs.detail.openPosting': 'Original posting',

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

@@ -6,6 +6,7 @@ export default {
   'nav.applications': 'Applications',
   'nav.documents': 'Documents',
   'nav.interview': 'Interview prep',
+  'nav.insights': 'Diagnostics & insights',
   'nav.settings': 'Settings',
   'nav.section.workspace': 'Workspace',
   'nav.section.system': 'System',

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

@@ -2,7 +2,6 @@
 export default {
   // shared
   'settings.copy': 'Copy',
-  'settings.confirm': 'OK',
   'settings.cancel': 'Cancel',
   'settings.copyPath': 'Copy path',
 
@@ -17,8 +16,6 @@ export default {
 
   // connection
   'settings.connection.title': 'Connection',
-  'settings.connection.shortcutDemoToast': "Here's a preview of how the shortcut works.",
-  'settings.connection.shortcutToast': 'Created a dashboard shortcut.',
   'settings.connection.shortcutDemoTitle': 'Shortcut preview',
   'settings.connection.shortcutTitle': 'Shortcut created',
   'settings.connection.shortcutDemoCalloutTitle': "The demo doesn't create files",
@@ -123,8 +120,6 @@ export default {
 
   // help / report a problem
   'settings.support.title': 'Help & report a problem',
-  'settings.support.sub': 'Report bugs on GitHub Issues, ask how-to questions in Discussions, or email us for anything else.',
-  'settings.support.report': 'Report a problem',
-  'settings.support.ask': 'Ask a question',
+  'settings.support.sub': 'Report bugs, questions, and feature requests by email. Do not include private career data in support messages.',
   'settings.support.email': 'Email us',
 };

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

@@ -28,6 +28,7 @@ export default {
   'documents.cover.primary': '대표',
   'documents.cover.open': '열기',
   'documents.cover.copy': '복사',
+  'documents.cover.more': '더보기',
   'documents.cover.setPrimary': '대표 지정',
   'documents.cover.delete': '삭제',
   'documents.cover.noContent': '아직 내용이 없습니다.',

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

@@ -38,6 +38,9 @@ export default {
   'home.pipeline.title': '지원 파이프라인',
   'home.pipeline.openBoard': '보드 열기',
   'home.pipeline.empty': '아직 지원 단계가 없어요. 공고에 지원 상태를 표시하면 여기에 파이프라인이 채워져요.',
+  // small-sample fallback (< 3 applications): show the current stage as one line
+  'home.pipeline.small.item': '{{status}} {{count}}건',
+  'home.pipeline.small': '{{detail}} — 지원이 쌓이면 단계별 흐름이 여기 보여요',
   'home.pipeline.stage.applied': '지원',
   'home.pipeline.stage.documentPassed': '서류 합격',
   'home.pipeline.stage.interview': '면접',
@@ -50,7 +53,11 @@ export default {
   'home.actionLane.title': '이번에 할 일',
   'home.actionLane.viewAll': '전체 보기',
   'home.actionLane.interviewPrep': '면접 준비',
-  'home.actionLane.followup': '후속 필요 · {{n}}일',
+  'home.actionLane.followupBadge': '팔로업',
+  // per-type reason / next-action line
+  'home.actionLane.reason.interview': '면접 준비를 시작할 차례',
+  'home.actionLane.reason.deadline': '지원 마감',
+  'home.actionLane.reason.followup': '지원 {{n}}일 — 팔로업 적기',
   'home.actionLane.empty': '지금 처리할 일이 없어요. 새 공고를 분석해 보세요.',
   'home.placeholder.dash': '—',
 

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

@@ -68,6 +68,8 @@ export default {
   'jobs.detail.deleteMessage': "'{{company}} · {{position}}' 공고를 삭제할까요? 연결된 지원 기록도 함께 사라집니다.",
   'jobs.detail.deleteConfirm': '삭제',
   'jobs.detail.deleted': '공고를 삭제했어요.',
+  'jobs.detail.dangerZone': '위험 구역',
+  'jobs.detail.dangerZoneHint': '이 공고와 연결된 적합도 분석·자기소개서·면접 자료·지원 기록이 함께 삭제됩니다. 되돌릴 수 없어요.',
   'jobs.detail.list': '목록',
   'jobs.detail.statusLabel': '상태',
   'jobs.detail.openPosting': '공고 원문',

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

@@ -6,6 +6,7 @@ export default {
   'nav.applications': '지원 현황',
   'nav.documents': '문서',
   'nav.interview': '면접 준비',
+  'nav.insights': '진단·인사이트',
   'nav.settings': '설정',
   'nav.section.workspace': '워크스페이스',
   'nav.section.system': '시스템',

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

@@ -2,7 +2,6 @@
 export default {
   // 공통
   'settings.copy': '복사',
-  'settings.confirm': '확인',
   'settings.cancel': '취소',
   'settings.copyPath': '경로 복사',
 
@@ -17,8 +16,6 @@ export default {
 
   // 연결 상태
   'settings.connection.title': '연결 상태',
-  'settings.connection.shortcutDemoToast': '데모 바로가기 동작을 미리 보여드려요.',
-  'settings.connection.shortcutToast': '대시보드 바로가기를 만들었어요.',
   'settings.connection.shortcutDemoTitle': '바로가기 미리보기',
   'settings.connection.shortcutTitle': '바로가기 생성',
   'settings.connection.shortcutDemoCalloutTitle': '데모에서는 파일을 만들지 않습니다',
@@ -123,8 +120,6 @@ export default {
 
   // help / report a problem
   'settings.support.title': '도움말·문제 신고',
-  'settings.support.sub': '버그는 GitHub 이슈로, 사용법 질문은 Discussions로, 그 밖의 문의는 이메일로 보내 주세요.',
-  'settings.support.report': '문제 신고',
-  'settings.support.ask': '질문하기',
+  'settings.support.sub': '\ubc84\uadf8, \uc0ac\uc6a9\ubc95 \uc9c8\ubb38, \uae30\ub2a5 \uc694\uccad\uc740 \uc774\uba54\uc77c\ub85c \ubcf4\ub0b4 \uc8fc\uc138\uc694. \ubb38\uc758\uc5d0\ub294 \uac1c\uc778 \ucee4\ub9ac\uc5b4 \ub370\uc774\ud130\ub97c \ub123\uc9c0 \ub9c8\uc138\uc694.',
   'settings.support.email': '이메일 문의',
 };

package/dist/public/index.html

@@ -28,7 +28,6 @@
       <div class="sidebar__foot">
         <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

@@ -411,6 +411,9 @@ export function Spinner() { return el('div', { class: 'view' }, el('div', { clas
 
 /* ------------------------------------------------------------------ toast */
 let toastRoot;
+function clearToasts() {
+  if (toastRoot) clear(toastRoot);
+}
 export function toast(message, { title, type = 'default', timeout = 3800 } = {}) {
   if (!toastRoot) { toastRoot = el('div', { class: 'toasts' }); document.body.append(toastRoot); }
   const t = el('div', { class: `toast toast--${type}` },
@@ -436,22 +439,27 @@ function ensureModalRoot() {
 }
 export function closeModal() {
   if (modalRoot) { modalRoot.classList.remove('is-open'); clear(modalRoot); }
+  delete document.body.dataset.modalIntent;
   // Return focus to whatever opened the modal so keyboard users aren't dumped at the page top.
   if (modalReturnFocus) { try { modalReturnFocus.focus(); } catch { /* element gone */ } modalReturnFocus = null; }
 }
 /**
  * Open a modal. `render(close)` returns the modal body content. Provide title,
- * optional footer buttons via `footer(close)`. Returns nothing; call closeModal().
+ * optional footer buttons via `footer(close)`. `intent` only changes
+ * interruption weight; pages should not hand-roll dialog styles.
  */
-export function openModal({ title, body, footer, size }) {
+export function openModal({ title, body, footer, size, intent = 'dialog' }) {
   const root = ensureModalRoot();
   const close = closeModal;
+  if (intent === 'contextual' || intent === 'alert') clearToasts();
+  root.dataset.intent = intent;
+  document.body.dataset.modalIntent = intent;
   modalReturnFocus = document.activeElement; // restored by closeModal
   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' : ''}`,
-    attrs: { role: 'dialog', 'aria-modal': 'true', 'aria-labelledby': 'modal-title' },
+    class: `modal${size === 'lg' ? ' modal--lg' : ''}${intent === 'alert' ? ' modal--alert' : ''}`,
+    attrs: { role: intent === 'alert' ? 'alertdialog' : 'dialog', 'aria-modal': 'true', 'aria-labelledby': 'modal-title' },
   },
     el('div', { class: 'modal__head' }, el('h3', { id: 'modal-title' }, title), el('div', { class: 'topbar__spacer' }), closeBtn),
   );
@@ -482,6 +490,7 @@ export function confirmDialog({ title = t('common.confirm'), message, confirmLab
   return new Promise((resolve) => {
     openModal({
       title,
+      intent: danger ? 'alert' : 'dialog',
       body: el('p', { class: 'text-secondary', style: { margin: 0, lineHeight: '1.6' } }, message),
       footer: (close) => [
         Btn(t('common.cancel'), { onClick: () => { close(); resolve(false); } }),

package/dist/public/pages/documents.js

@@ -1,9 +1,9 @@
 // Documents — cover letters (with version history), career descriptions, and résumés/other documents.
 // XSS-safe: all DB/user text rendered via el() textContent / .doc-preview (never innerHTML).
 import {
-  el, get, post, put, del, Card, Badge, Btn, IconBtn, SubmitBtn, EmptyState,
+  el, get, post, put, del, Card, Badge, Btn, SubmitBtn, EmptyState,
   Field, Input, Textarea, Select, openModal, confirmDialog,
-  toastOk, toastError, copyText, fmtRelative, mount, meta, ExportMenu,
+  toastOk, toastError, copyText, fmtRelative, mount, meta, ExportMenu, Menu,
 } from '/lib.js';
 import { t } from '/i18n.js';
 
@@ -21,6 +21,7 @@ export async function render(ctx) {
   const root = el('div', { class: 'stack-4' });
 
   const panel = el('div', {});
+  let activeHasItems = true;
   // Tabs are keyboard-operable (activate = role/tabindex/Enter·Space), with tab
   // semantics for AT — role은 attrs가 먼저 tab으로 지정하므로 activate의 button 기본값을 덮지 않는다.
   const makeTab = (key, label) =>
@@ -43,7 +44,7 @@ export async function render(ctx) {
       node.classList.toggle('is-active', tab === key);
       node.setAttribute('aria-selected', String(tab === key));
     }
-    setActions();
+    ctx.setActions([]);
     renderPanel();
   }
 
@@ -74,9 +75,14 @@ export async function render(ctx) {
   async function renderPanel() {
     mount(panel, el('div', { class: 'muted text-sm' }, t('documents.loading')));
     try {
-      if (tab === 'cover') mount(panel, await CoverLettersTab(reload));
-      else if (tab === 'career') mount(panel, await CareerDescriptionsTab(reload));
-      else mount(panel, await DocumentsTab(reload));
+      const content = tab === 'cover'
+        ? await CoverLettersTab(reload)
+        : tab === 'career'
+          ? await CareerDescriptionsTab(reload)
+          : await DocumentsTab(reload);
+      activeHasItems = content.dataset.hasItems === 'true';
+      mount(panel, content);
+      setActions();
       applyFilter();
       await openRequestedDocument();
     } catch (err) {
@@ -102,6 +108,10 @@ export async function render(ctx) {
 
   // topbar: search (filters the active tab) + the tab's create action
   function setActions() {
+    if (!activeHasItems) {
+      ctx.setActions([]);
+      return;
+    }
     const placeholder = tab === 'cover' ? t('documents.search.cover') : tab === 'career' ? t('documents.search.career') : t('documents.search.docs');
     const search = Input({ type: 'search', placeholder, value: query, attrs: { 'aria-label': t('documents.search.aria') } });
     search.classList.add('input--inline');
@@ -115,7 +125,7 @@ export async function render(ctx) {
   }
 
   mount(ctx.view, root);
-  setActions();
+  ctx.setActions([]);
   await renderPanel();
 }
 
@@ -124,6 +134,7 @@ export async function render(ctx) {
 async function CoverLettersTab(reload) {
   const { cover_letters: list } = await get('/api/cover-letters');
   const wrap = el('div', { class: 'stack-3' });
+  wrap.dataset.hasItems = list.length ? 'true' : 'false';
 
   if (!list.length) {
     return mountInto(wrap, EmptyState({
@@ -144,12 +155,16 @@ function CoverRow(cl, reload) {
     cl.is_primary ? Badge('accent', t('documents.cover.primary')) : null,
   );
 
+  // Two primary actions stay visible (열기·내보내기); the rest fold into an
+  // overflow menu so the row reads calmly instead of a wall of five buttons.
   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 }),
     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) }),
+    Menu(t('documents.cover.more'), [
+      cl.current_content ? { label: t('documents.cover.copy'), icon: 'copy', onClick: () => copyText(cl.current_content || '') } : null,
+      cl.is_primary ? null : { label: t('documents.cover.setPrimary'), icon: 'check', onClick: () => setPrimaryCover(cl.id, reload) },
+      { label: t('documents.cover.delete'), icon: 'trash', danger: true, onClick: () => removeCover(cl, reload) },
+    ], { sm: true, icon: null }),
   );
 
   return Card({
@@ -372,6 +387,7 @@ async function CareerDescriptionsTab(reload) {
   const [{ documents: list }, m] = await Promise.all([get('/api/documents?kind=career_description'), meta()]);
   const kindLabels = Object.fromEntries((m.document_kinds || []).map((k) => [k.value, t('kind.' + k.value)]));
   const wrap = el('div', { class: 'stack-3' });
+  wrap.dataset.hasItems = list.length ? 'true' : 'false';
 
   if (!list.length) {
     return mountInto(wrap, EmptyState({
@@ -393,6 +409,7 @@ async function DocumentsTab(reload) {
   const list = (documents || []).filter((doc) => doc.kind !== 'career_description');
   const kindLabels = Object.fromEntries((m.document_kinds || []).map((k) => [k.value, t('kind.' + k.value)]));
   const wrap = el('div', { class: 'stack-3' });
+  wrap.dataset.hasItems = list.length ? 'true' : 'false';
 
   if (!list.length) {
     return mountInto(wrap, EmptyState({

package/dist/public/pages/home.js

@@ -142,6 +142,14 @@ function Pipeline(breakdown) {
   if (total === 0) {
     body = el('p', { class: 'muted', style: { margin: 0 } },
       t('home.pipeline.empty'));
+  } else if (total < 3) {
+    // Too few applications for a stacked bar to read as anything but noise —
+    // show the current stage(s) as one calm line until the pipeline fills in.
+    const detail = PIPE_ORDER.filter((st) => c(st) > 0)
+      .map((st) => t('home.pipeline.small.item', { status: t('status.' + st), count: c(st) }))
+      .join(' · ');
+    body = el('p', { class: 'muted', style: { margin: 0 } },
+      t('home.pipeline.small', { detail }));
   } else {
     const segs = PIPE_ORDER.filter((st) => c(st) > 0).map((st) =>
       el('div', {
@@ -211,7 +219,7 @@ function ActionLane(s) {
     push(it.job.id, ListRow({
       leading: statusDot('document_passed'),
       title: it.job.company,
-      sub: it.job.position,
+      sub: t('home.actionLane.reason.interview'),
       trailing: el('span', { class: 'badge badge--accent' }, el('span', { class: 'dot' }), t('home.actionLane.interviewPrep')),
       onClick: () => navigate(`/jobs/${it.job.id}`),
     }));
@@ -231,7 +239,7 @@ function ActionLane(s) {
     push(it.job.id, ListRow({
       leading: statusDot(it.status),
       title: it.job.company,
-      sub: it.job.position,
+      sub: t('home.actionLane.reason.deadline'),
       trailing: ddayBadge(it.days_left),
       onClick: () => navigate(`/jobs/${it.job.id}`),
     }));
@@ -240,8 +248,8 @@ function ActionLane(s) {
     push(it.job.id, ListRow({
       leading: statusDot('applied'),
       title: it.job.company,
-      sub: it.job.position,
-      trailing: Badge('accent', t('home.actionLane.followup', { n: it.days_since })),
+      sub: t('home.actionLane.reason.followup', { n: it.days_since }),
+      trailing: Badge('accent', t('home.actionLane.followupBadge')),
       onClick: () => navigate(`/jobs/${it.job.id}`),
     }));
   }
@@ -254,13 +262,15 @@ function ActionLane(s) {
       onClick: it.job ? () => navigate(`/jobs/${it.job.id}`) : null,
     }));
   }
-  return Card({
+  const card = Card({
     title: t('home.actionLane.title'),
     actions: rows.length ? Btn(t('home.actionLane.viewAll'), { sm: true, variant: 'ghost', onClick: () => navigate('/applications') }) : null,
     body: rows.length
       ? el('div', {}, ...rows)
       : el('p', { class: 'muted', style: { margin: 0 } }, t('home.actionLane.empty')),
   });
+  card.classList.add('home-action-card');
+  return card;
 }
 
 /* ----------------------------------------------- recent jobs */

package/dist/public/pages/insights.js

@@ -0,0 +1,156 @@
+import { el, get, post, Card, Btn, icon, mount, toastOk, toastError } from '/lib.js';
+import { getLang } from '/i18n.js';
+
+const copy = {
+  ko: {
+    title: '진단·데이터 건강도',
+    subtitle: '로컬 데이터 상태, 모순, 출처 확인 대상과 경험 재사용 현황을 한곳에서 점검합니다.',
+    runtime: '실행 환경',
+    health: '데이터 건강도',
+    provenance: '사람 확인이 필요한 정보',
+    reuse: '경험·프로젝트 재사용 지도',
+    healthy: '정상',
+    failed: '확인 필요',
+    verify: '사람이 확인함',
+    empty: '확인할 문제가 없습니다.',
+    score: '건강도 점수',
+    times: '회 사용',
+    local: 'DB와 커리어 데이터는 이 컴퓨터에 저장됩니다.',
+    network: '업데이트 확인·설치 문서·채용 검색은 선택적으로 인터넷을 사용할 수 있습니다.',
+  },
+  en: {
+    title: 'Diagnostics & data health',
+    subtitle: 'Review local storage, contradictions, provenance, and experience reuse.',
+    runtime: 'Runtime checks',
+    health: 'Data health',
+    provenance: 'Needs human verification',
+    reuse: 'Experience & project reuse map',
+    healthy: 'Healthy',
+    failed: 'Needs attention',
+    verify: 'Mark human verified',
+    empty: 'No issues found.',
+    score: 'Health score',
+    times: 'uses',
+    local: 'Your database and career records are stored on this computer.',
+    network: 'Update checks, install docs, and job search may optionally use the internet.',
+  },
+};
+
+function text() {
+  return copy[getLang()] || copy.ko;
+}
+
+function severityBadge(severity) {
+  const label = severity === 'error' ? 'ERROR' : severity === 'warning' ? 'WARN' : 'INFO';
+  return el('span', { class: `badge badge--${severity === 'error' ? 'rejected' : severity === 'warning' ? 'planned' : 'draft'}` }, label);
+}
+
+export async function render(ctx) {
+  const c = text();
+  ctx.setTitle(c.title);
+  ctx.setActions([Btn(c.title, { icon: 'check', sm: true, variant: 'ghost', onClick: () => render(ctx) })]);
+
+  try {
+    const diagnostics = await get('/api/diagnostics');
+    const checks = diagnostics.checks || [];
+    const report = diagnostics.data_health || { score: 0, issues: [], counts: {} };
+    const unverified = diagnostics.unverified_entities || [];
+    const reuseMap = diagnostics.reuse_map || [];
+
+    const localFirst = Card({
+      title: 'Local-first',
+      body: el('div', { class: 'stack-2' },
+        el('div', { class: 'callout callout--privacy' }, icon('lock'), el('div', {},
+          el('div', { class: 'callout__title' }, c.local),
+          el('div', { class: 'callout__body' }, c.network))),
+      ),
+    });
+
+    const runtime = Card({
+      title: c.runtime,
+      body: el('div', { class: 'stack-2' }, ...checks.map((check) =>
+        el('div', { class: 'flex between gap-3' },
+          el('div', {},
+            el('div', { class: 'strong' }, check.label),
+            el('div', { class: 'muted text-sm tnum' }, check.detail || '—')),
+          el('span', { class: `badge badge--${check.ok ? 'final_passed' : 'rejected'}` }, check.ok ? c.healthy : c.failed),
+        ))),
+    });
+
+    const issueList = report.issues?.length
+      ? el('div', { class: 'stack-2' }, ...report.issues.map((issue) =>
+          el('div', { class: 'flex gap-3', style: { alignItems: 'flex-start' } },
+            severityBadge(issue.severity),
+            el('div', {},
+              el('div', { class: 'strong' }, issue.message),
+              el('div', { class: 'muted text-sm' }, `${issue.entity_type}${issue.entity_id ? ` · ${issue.entity_id}` : ''}`)),
+          )))
+      : el('p', { class: 'muted' }, c.empty);
+
+    const health = Card({
+      title: c.health,
+      actions: [el('span', { class: 'badge badge--final_passed tnum' }, `${c.score} ${report.score}`)],
+      body: issueList,
+    });
+
+    const reuse = Card({
+      title: c.reuse,
+      body: reuseMap.length
+        ? el('div', { class: 'stack-2' }, ...reuseMap.map((item) =>
+            el('div', { class: 'flex between gap-3', style: { alignItems: 'flex-start' } },
+              el('div', {},
+                el('div', { class: 'strong' }, item.label),
+                el('div', { class: 'muted text-sm' },
+                  item.cover_letters?.length
+                    ? item.cover_letters.map((letter) => [letter.company, letter.position, letter.title].filter(Boolean).join(' · ')).join(' / ')
+                    : c.empty)),
+              el('span', { class: `badge badge--${item.reuse_count ? 'final_passed' : 'draft'} tnum` }, `${item.reuse_count} ${c.times}`),
+            )))
+        : el('p', { class: 'muted' }, c.empty),
+    });
+
+    async function verify(item, button) {
+      try {
+        button.disabled = true;
+        await post('/api/provenance/verify', {
+          entity_type: item.entity_type,
+          entity_id: item.entity_id,
+          verified: true,
+        });
+        toastOk(c.verify);
+        await render(ctx);
+      } catch (error) {
+        button.disabled = false;
+        toastError(error);
+      }
+    }
+
+    const provenance = Card({
+      title: c.provenance,
+      body: unverified.length
+        ? el('div', { class: 'stack-2' }, ...unverified.map((item) => {
+            const button = Btn(c.verify, { icon: 'check', sm: true, variant: 'ghost' });
+            button.addEventListener('click', () => verify(item, button));
+            return el('div', { class: 'flex between gap-3' },
+              el('div', {},
+                el('div', { class: 'strong' }, `${item.entity_type} · ${item.entity_id}`),
+                el('div', { class: 'muted text-sm' }, item.source_excerpt || item.source)),
+              button,
+            );
+          }))
+        : el('p', { class: 'muted' }, c.empty),
+    });
+
+    mount(ctx.view, el('div', { class: 'stack-4' },
+      el('p', { class: 'muted', style: { marginTop: 0 } }, c.subtitle),
+      localFirst,
+      runtime,
+      health,
+      reuse,
+      provenance,
+    ));
+  } catch (error) {
+    toastError(error);
+    mount(ctx.view, el('div', { class: 'card' }, el('div', { class: 'card__body' }, String(error))));
+  }
+}