careermate 0.0.9 → 0.0.10

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' },
 ];
 
@@ -24,6 +24,10 @@ const actionsEl = document.getElementById('topbar-actions');
 const routeStatusEl = document.getElementById('route-status');
 const moduleCache = new Map();
 
+function removePrivateRepositoryLinks(root = document) {
+  root.querySelectorAll?.('a[href*="github.com/osntak/careermate"]').forEach((link) => link.remove());
+}
+
 function parseHash() {
   const raw = location.hash.replace(/^#\/?/, '');
   const segments = raw.split('/').filter(Boolean);
@@ -35,7 +39,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 +71,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 +92,10 @@ 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).
+    removePrivateRepositoryLinks(view);
     if (routeStatusEl) routeStatusEl.textContent = titleEl.textContent || t('nav.' + def.id);
   } catch (err) {
     if (token !== renderToken) return;
@@ -106,9 +108,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 +125,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,36 +136,32 @@ 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';
     faq.href = en ? 'https://careermate.life/en/faq' : 'https://careermate.life/faq';
     faq.title = en ? 'FAQ' : '자주 묻는 질문';
   }
+  removePrivateRepositoryLinks();
 }
 
 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();
 }
 
-boot();
+boot();

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/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/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';
 
@@ -144,12 +144,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({

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}`),
     }));
   }

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))));
+  }
+}

package/dist/public/pages/jobs.js

@@ -314,11 +314,11 @@ async function renderDetail(ctx, jobId) {
   ]);
 
   // --- Page head ------------------------------------------------------------
-  // 수정은 상단바(ctx.setActions)에만 둔다 — 여기엔 상태 변경·원문·삭제만.
+  // 수정은 상단바(ctx.setActions)에만 둔다 — 여기엔 상태 변경·원문만.
+  // 삭제는 위험 액션이라 페이지 최하단 '위험 구역'으로 강등한다(아래 DangerZone).
   const headActions = el('div', { class: 'flex gap-2 center wrap' },
     statusSelect,
     job.url ? el('a', { class: 'btn btn--ghost btn--sm', href: job.url, attrs: { target: '_blank', rel: 'noopener noreferrer' } }, icon('external'), el('span', {}, t('jobs.detail.openPosting'))) : null,
-    delBtn,
   );
 
   const head = el('div', { class: 'page-head' },
@@ -344,10 +344,23 @@ async function renderDetail(ctx, jobId) {
     FitCard(job.fit),
     TimelineCard(job.timeline),
     RelatedCard(job.related),
+    DangerZone(delBtn),
   );
   mount(ctx.view, wrap);
 }
 
+// Delete is destructive, so it sits at the very bottom in a quiet 위험 구역 row
+// (not a card, per the design guide) instead of competing in the top-right header.
+function DangerZone(delBtn) {
+  return el('div', { class: 'stack-2', style: { marginTop: '8px' } },
+    el('div', { class: 'divider' }),
+    el('div', { class: 'flex between center wrap gap-3' },
+      el('div', { style: { maxWidth: '440px' } },
+        el('div', { class: 'strong text-sm' }, t('jobs.detail.dangerZone')),
+        el('div', { class: 'muted text-sm', style: { lineHeight: '1.6' } }, t('jobs.detail.dangerZoneHint'))),
+      delBtn));
+}
+
 /* ----------------------------------------------------------- detail cards */
 
 function PostingCard(job) {
@@ -534,7 +547,12 @@ function CoverLettersCard(coverLetters) {
           icon('file', 'muted'),
           el('div', {},
             el('div', { class: 'strong' }, cl.title),
-            el('div', { class: 'muted text-sm' }, t('jobs.cover.versions', { count: cl.version_count ?? 1 })))),
+            // Preview line: version count + last-updated date so the row isn't a bare
+            // title. (The latest version's note isn't in this response — listByJob maps
+            // without versions — so we fall back to the date per the design.)
+            el('div', { class: 'muted text-sm' },
+              t('jobs.cover.versions', { count: cl.version_count ?? 1 }),
+              cl.updated_at ? ` · ${fmtDate(cl.updated_at)}` : ''))),
         icon('chevronRight', 'muted')))),
   });
 }

package/dist/public/styles.css

@@ -419,6 +419,9 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .pipefunnel__value { font-size: 24px; font-weight: 700; letter-spacing: -.02em; margin-top: 5px; line-height: 1.1; }
 .pipefunnel__conv { font-size: 12px; color: var(--text-tertiary); margin-top: 2px; }
 @media (max-width: 560px){ .pipefunnel { grid-template-columns: repeat(2, 1fr); } }
+/* Home KPI tiles (the only .grid--4) read better as a 2×2 on phones than a single
+   full-width column; overrides the ≤900px collapse for this narrow range. */
+@media (max-width: 560px){ .grid--4 { grid-template-columns: repeat(2, 1fr); } }
 
 /* ----------------------------------------------------------------- check row (onboarding)
    The ONE place setup guidance lives. Outcome rows auto-detect completion. */