careermate 0.0.10 → 0.0.13

package/dist/migrate.mjs

@@ -536,7 +536,7 @@ function ensureTable2() {
   getDb().exec(`
     CREATE TABLE IF NOT EXISTS interview_retrospectives (
       id TEXT PRIMARY KEY,
-      job_id TEXT NOT NULL,
+      job_id TEXT NOT NULL REFERENCES jobs(id) ON DELETE CASCADE,
       interview_round TEXT,
       occurred_at TEXT,
       questions TEXT NOT NULL DEFAULT '[]',
@@ -549,15 +549,32 @@ function ensureTable2() {
     );
     CREATE INDEX IF NOT EXISTS idx_interview_retrospectives_job
       ON interview_retrospectives(job_id, occurred_at DESC, updated_at DESC);
-    CREATE TRIGGER IF NOT EXISTS trg_interview_retrospectives_delete_job
-      AFTER DELETE ON jobs
-      BEGIN
-        DELETE FROM interview_retrospectives WHERE job_id = OLD.id;
-      END;
+    DROP TRIGGER IF EXISTS trg_interview_retrospectives_delete_job;
   `);
 }
 ensureTable2();
 
+// packages/db/src/job-search.ts
+function ensureTables() {
+  getDb().exec(`
+    CREATE TABLE IF NOT EXISTS job_search_seen (
+      source TEXT NOT NULL,
+      external_id TEXT NOT NULL,
+      first_seen_at TEXT NOT NULL,
+      last_seen_at TEXT NOT NULL,
+      PRIMARY KEY (source, external_id)
+    );
+    CREATE TABLE IF NOT EXISTS job_search_preferences (
+      id INTEGER PRIMARY KEY CHECK (id = 1),
+      keyword TEXT NOT NULL DEFAULT '',
+      remember_categories TEXT NOT NULL DEFAULT '[]',
+      saramin_categories TEXT NOT NULL DEFAULT '[]',
+      updated_at TEXT NOT NULL
+    );
+  `);
+}
+ensureTables();
+
 // packages/shared/src/enums.ts
 var APPLICATION_STATUSES = [
   "draft",

package/dist/public/app.js

@@ -24,10 +24,6 @@ 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);
@@ -95,7 +91,6 @@ async function route() {
     if (token !== renderToken) return;
     clear(view);
     await mod.render(ctx);
-    removePrivateRepositoryLinks(view);
     if (routeStatusEl) routeStatusEl.textContent = titleEl.textContent || t('nav.' + def.id);
   } catch (err) {
     if (token !== renderToken) return;
@@ -142,7 +137,6 @@ function localizeShell() {
     faq.href = en ? 'https://careermate.life/en/faq' : 'https://careermate.life/faq';
     faq.title = en ? 'FAQ' : '자주 묻는 질문';
   }
-  removePrivateRepositoryLinks();
 }
 
 async function boot() {
@@ -164,4 +158,4 @@ async function boot() {
   await route();
 }
 
-boot();
+boot();

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/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

@@ -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({
@@ -376,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({
@@ -397,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

@@ -262,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/settings.js

@@ -30,12 +30,16 @@ export async function render(ctx) {
 }
 
 /* ----------------------------------------------------- 데이터 저장 위치 */
-function kvRow(label, value, copyable) {
+function kvRow(label, value, copyable, { wrapValue = false } = {}) {
   return [
     el('dt', {}, label),
     el('dd', {},
       el('div', { class: 'flex between gap-3' },
-        el('span', { class: 'truncate tnum', style: { fontFamily: 'var(--mono, ui-monospace, monospace)' }, title: value }, value || '—'),
+        el('span', {
+          class: `${wrapValue ? 'kv__value-wrap' : 'truncate'} tnum`,
+          style: { fontFamily: 'var(--mono, ui-monospace, monospace)' },
+          title: value,
+        }, value || '—'),
         copyable && value
           ? IconBtn('copy', { title: t('settings.copy'), onClick: () => copyText(value) })
           : null)),
@@ -70,9 +74,9 @@ function Connection(info) {
   async function createShortcut() {
     try {
       const { shortcut } = await post('/api/settings/dashboard-shortcut', { open: true });
-      toastOk(isDemo ? t('settings.connection.shortcutDemoToast') : t('settings.connection.shortcutToast'));
       openModal({
         title: isDemo ? t('settings.connection.shortcutDemoTitle') : t('settings.connection.shortcutTitle'),
+        intent: 'contextual',
         body: el('div', { class: 'stack-3' },
           el('div', { class: 'callout' },
             icon('info'),
@@ -83,11 +87,11 @@ function Connection(info) {
                   ? t('settings.connection.shortcutDemoCalloutBody')
                   : t('settings.connection.shortcutCalloutBody')))),
           el('dl', { class: 'kv' },
-            ...kvRow(t('settings.connection.shortcutFolder'), shortcut.shortcut_dir, true),
-            ...kvRow(t('settings.connection.shortcutLauncher'), shortcut.launcher_path, true))),
+            ...kvRow(t('settings.connection.shortcutFolder'), shortcut.shortcut_dir, true, { wrapValue: true }),
+            ...kvRow(t('settings.connection.shortcutLauncher'), shortcut.launcher_path, true, { wrapValue: true }))),
         footer: (close) => [
-          Btn(t('settings.copyPath'), { icon: 'copy', onClick: () => copyText(shortcut.launcher_path) }),
-          Btn(t('settings.confirm'), { variant: 'primary', onClick: close }),
+          Btn(t('settings.copyPath'), { icon: 'copy', variant: 'primary', onClick: () => copyText(shortcut.launcher_path) }),
+          Btn(t('common.close'), { variant: 'ghost', onClick: close }),
         ],
       });
     } catch (e) {
@@ -360,6 +364,7 @@ function openImportModal({ fileName, backup, preview, rerender }) {
   openModal({
     title: t('settings.import.title'),
     size: 'lg',
+    intent: 'alert',
     body: el('div', { class: 'stack-3' },
       el('div', { class: 'callout' },
         icon('info'),
@@ -409,15 +414,10 @@ function openImportModal({ fileName, backup, preview, rerender }) {
 /* -------------------------------------------------- 위험 구역 (Danger zone) */
 /* ----------------------------------------------------- 도움말 · 문제 신고 */
 function Support() {
-  const ext = (href, iconName, label) =>
-    el('a', { class: 'btn btn--ghost btn--sm', href, attrs: { target: '_blank', rel: 'noopener noreferrer' } },
-      icon(iconName), el('span', {}, label));
   return Card({
     title: t('settings.support.title'),
     sub: t('settings.support.sub'),
     body: el('div', { class: 'flex gap-2 wrap' },
-      ext('https://github.com/osntak/careermate/issues/new?template=bug_report.yml', 'external', t('settings.support.report')),
-      ext('https://github.com/osntak/careermate/discussions', 'external', t('settings.support.ask')),
       el('a', { class: 'btn btn--ghost btn--sm', href: 'mailto:osntak@gmail.com' }, icon('mail'), el('span', {}, t('settings.support.email'))),
     ),
   });
@@ -437,6 +437,7 @@ function DangerZone(ctx) {
 
     openModal({
       title: t('settings.reset.title'),
+      intent: 'alert',
       body: el('div', { class: 'stack-3' },
         el('div', { class: 'callout' },
           icon('info'),

package/dist/public/styles.css

@@ -406,6 +406,10 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .list-row:focus-within .row-action { opacity: 1; pointer-events: auto; }
 @media (hover: none) { .list-row .row-action { opacity: 1; pointer-events: auto; } }
 
+/* Home's "next action" lane is scanned repeatedly on mobile, so keep it tighter
+   than generic cards while preserving the shared ListRow structure. */
+.home-action-card .list-row__trail .badge { max-width: 116px; overflow: hidden; text-overflow: ellipsis; }
+
 /* ----------------------------------------------------------------- pipeline bar + funnel
    Visualizes the application status_breakdown. Segment color == badge--{status} hue,
    so a colour means the same stage everywhere (board, badges, here). */
@@ -467,6 +471,7 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 /* min-width:0 overrides a grid item's default min-width:auto so the 1fr column
    can shrink below its content — otherwise a long path/value overflows the grid. */
 .kv dd { margin: 0; min-width: 0; }
+.kv__value-wrap { min-width: 0; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.5; }
 .settings-action-row { align-items: flex-start; min-width: 0; }
 .settings-action-row__main { flex: 1 1 auto; min-width: 0; }
 .settings-action-row__main > div:last-child { min-width: 0; }
@@ -476,10 +481,13 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .modal-root { position: fixed; inset: 0; z-index: 60; display: none; }
 .modal-root.is-open { display: block; }
 .modal__scrim { position: absolute; inset: 0; background: rgba(16,16,20,.42); backdrop-filter: blur(2px); animation: fade .15s; }
+.modal-root[data-intent="contextual"] .modal__scrim { background: rgba(16,16,20,.22); backdrop-filter: blur(1px); }
+.modal-root[data-intent="alert"] .modal__scrim { background: rgba(16,16,20,.52); }
 .modal { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(640px, calc(100vw - 32px));
   max-height: calc(100vh - 48px); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
   box-shadow: var(--shadow-lg); display: flex; flex-direction: column; animation: pop .16s ease; }
 .modal--lg { width: min(880px, calc(100vw - 32px)); }
+.modal--alert { width: min(520px, calc(100vw - 32px)); }
 .modal__head { padding: 16px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; }
 .modal__head h3 { font-size: 15px; }
 .modal__body { padding: 20px; overflow-y: auto; }
@@ -488,6 +496,7 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 .modal__error[hidden] { display: none; }
 .modal__foot { padding: 14px 20px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 8px; }
 @keyframes pop { from { transform: translate(-50%,-46%); opacity: 0; } to { transform: translate(-50%,-50%); opacity: 1; } }
+@keyframes sheetup { from { transform: translateY(18px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
 @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
 
 /* Dropdown menu (Menu/ExportMenu) — fixed popover anchored to its trigger so it
@@ -507,6 +516,7 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 
 /* ----------------------------------------------------------------- toast */
 .toasts { position: fixed; bottom: 20px; right: 20px; z-index: 80; display: flex; flex-direction: column; gap: 10px; }
+body[data-modal-intent] .toasts { top: 20px; bottom: auto; }
 .toast { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: var(--radius);
   box-shadow: var(--shadow-md); padding: 12px 16px; min-width: 260px; max-width: 380px; animation: slidein .2s ease; font-size: 14px; }
 .toast--success { border-left-color: var(--green); }
@@ -578,7 +588,27 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
   .settings-action-row > .btn{ width: 100%; justify-content: center; }
   .card__head{ align-items: flex-start; flex-wrap: wrap; }
   .card__head .right{ margin-left: 0; width: 100%; justify-content: flex-start; }
+  .home-action-card .card__head{ align-items: center; flex-wrap: nowrap; padding: 12px 14px; }
+  .home-action-card .card__head .right{ margin-left: auto; width: auto; justify-content: flex-end; }
+  .home-action-card .card__body{ padding: 8px 14px; }
+  .home-action-card .list-row{ gap: 10px; padding: 8px 0; }
+  .home-action-card .list-row__trail{ gap: 6px; }
   .page-head{ flex-wrap: wrap; }
+  .modal-root[data-intent="contextual"] .modal{
+    top: auto; left: 0; right: 0; bottom: 0; transform: none; width: 100%;
+    max-height: min(86vh, calc(100vh - 24px)); border-radius: var(--radius-lg) var(--radius-lg) 0 0;
+    border-bottom: 0; animation: sheetup .16s ease;
+  }
+  .modal-root[data-intent="contextual"] .modal__foot{ justify-content: stretch; }
+  .modal-root[data-intent="contextual"] .modal__foot .btn{ flex: 1 1 auto; justify-content: center; }
+  .modal__foot{
+    justify-content: stretch; flex-wrap: wrap;
+    padding-bottom: max(14px, env(safe-area-inset-bottom));
+  }
+  .modal__foot .btn{ flex: 1 1 0; min-width: 0; min-height: 44px; justify-content: center; }
+  .toasts{ left: 16px; right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); }
+  body[data-modal-intent] .toasts{ top: calc(var(--topbar-h) + 16px); bottom: auto; }
+  .toast{ width: 100%; min-width: 0; max-width: none; }
 }
 
 /* ---------- reduced motion ----------