careermate 0.0.3 → 0.0.5

package/dist/migrate.mjs

@@ -4436,7 +4436,20 @@ var optLine = external_exports.string().max(MAX_LINE).optional();
 var optNote = external_exports.string().max(MAX_NOTE).optional();
 var optBody = external_exports.string().max(MAX_BODY).optional();
 var reqBody = external_exports.string().max(MAX_BODY).refine((s) => s.trim().length > 0, { message: EMPTY_MSG });
-var strList = external_exports.array(external_exports.string().max(MAX_ITEM)).max(MAX_ITEMS);
+function toStrList(v) {
+  if (typeof v !== "string") return v;
+  const s = v.trim();
+  if (!s) return [];
+  if (s.startsWith("[")) {
+    try {
+      const parsed = JSON.parse(s);
+      if (Array.isArray(parsed)) return parsed;
+    } catch {
+    }
+  }
+  return s.split(/[\n,]/).map((x) => x.trim()).filter(Boolean);
+}
+var strList = external_exports.preprocess(toStrList, external_exports.array(external_exports.string().max(MAX_ITEM)).max(MAX_ITEMS));
 var baseRecord = {
   id,
   created_at: isoDateTime,
@@ -4498,6 +4511,9 @@ var ExperienceRecordSchema = external_exports.object({
   tech: external_exports.array(external_exports.string()),
   order_index: external_exports.number()
 });
+var ExperienceBatchInputSchema = external_exports.object({
+  experiences: external_exports.array(ExperienceInputSchema).min(1).max(MAX_ITEMS).describe("\uCD94\uAC00\uD560 \uACBD\uB825 \uBAA9\uB85D(\uD55C \uAC74\uC774\uC5B4\uB3C4 \uBC30\uC5F4\uB85C). \uAC19\uC740 \uD68C\uC0AC\xB7\uC9C1\uBB34\xB7\uC785\uC0AC\uC77C\uC740 \uAC31\uC2E0\uB418\uACE0 \uC911\uBCF5 \uC0DD\uC131\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.")
+});
 var ProjectInputSchema = external_exports.object({
   name: reqLine,
   role: optLine,
@@ -4521,6 +4537,9 @@ var ProjectRecordSchema = external_exports.object({
   end_date: external_exports.string().nullable(),
   order_index: external_exports.number()
 });
+var ProjectBatchInputSchema = external_exports.object({
+  projects: external_exports.array(ProjectInputSchema).min(1).max(MAX_ITEMS).describe("\uCD94\uAC00\uD560 \uD504\uB85C\uC81D\uD2B8 \uBAA9\uB85D(\uD55C \uAC1C\uC5EC\uB3C4 \uBC30\uC5F4\uB85C). \uAC19\uC740 \uC774\uB984\uC758 \uD504\uB85C\uC81D\uD2B8\uB294 \uAC31\uC2E0\uB418\uACE0 \uC911\uBCF5 \uC0DD\uC131\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.")
+});
 var SkillInputSchema = external_exports.object({
   name: reqLine,
   category: external_exports.string().max(MAX_LINE).optional().describe("\uC5B8\uC5B4/\uD504\uB808\uC784\uC6CC\uD06C/\uD234/\uC18C\uD504\uD2B8\uC2A4\uD0AC \uB4F1"),
@@ -4536,6 +4555,9 @@ var SkillRecordSchema = external_exports.object({
   years: external_exports.number().nullable(),
   order_index: external_exports.number()
 });
+var SkillBatchInputSchema = external_exports.object({
+  skills: external_exports.array(SkillInputSchema).min(1).max(MAX_ITEMS).describe("\uCD94\uAC00\uD560 \uAE30\uC220\uC2A4\uD0DD \uBAA9\uB85D(\uD55C \uAC1C\uC5EC\uB3C4 \uBC30\uC5F4\uB85C). \uAC19\uC740 \uC774\uB984\uC758 \uAE30\uC220\uC740 \uAC31\uC2E0\uB418\uACE0 \uC911\uBCF5 \uC0DD\uC131\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.")
+});
 var DocumentInputSchema = external_exports.object({
   kind: external_exports.enum(DOCUMENT_KINDS),
   title: reqLine,

package/dist/public/lib.js

@@ -83,6 +83,7 @@ const ICONS = {
   trash: '<path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M6 6v14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6"/>',
   copy: '<rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/>',
   download: '<path d="M12 3v12"/><path d="m7 11 5 4 5-4"/><path d="M5 21h14"/>',
+  upload: '<path d="M12 21V9"/><path d="m7 13 5-4 5 4"/><path d="M5 3h14"/>',
   external: '<path d="M15 3h6v6"/><path d="M10 14 21 3"/><path d="M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5"/>',
   check: '<path d="m20 6-11 11-5-5"/>',
   sparkle: '<path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l2.5 2.5M15.5 15.5 18 18M18 6l-2.5 2.5M8.5 15.5 6 18"/>',
@@ -135,7 +136,11 @@ export async function api(method, path, body) {
   const text = await res.text();
   let data = {};
   if (text) { try { data = JSON.parse(text); } catch { /* non-JSON error page */ } }
-  if (!res.ok) throw new Error(data.error || friendlyStatus(res.status));
+  if (!res.ok) {
+    const e = new Error(data.error || friendlyStatus(res.status));
+    e.status = res.status; // lets callers self-heal (e.g. drop a stale row on 404)
+    throw e;
+  }
   return data;
 }
 // Friendly fallback when the server didn't supply a message — never show a raw status code.

package/dist/public/pages/applications.js

@@ -100,6 +100,13 @@ export async function render(ctx) {
       await render(ctx); // refetch + re-render so the item moves to its new group
     } catch (err) {
       toastError(err);
+      if (err && err.status === 404) {
+        // The job/application no longer exists (e.g. a stale tab after a reset).
+        // Refresh so the phantom row disappears instead of erroring on every retry.
+        await ctx.refreshNav();
+        await render(ctx);
+        return;
+      }
       selectEl.value = app.status; // revert on failure
       selectEl.disabled = false;
     }

package/dist/public/pages/jobs.js

@@ -262,7 +262,13 @@ async function renderDetail(ctx, jobId) {
           if (res && res.hint) toastOk(res.hint);
           await ctx.refreshNav();
           await remount();
-        } catch (err) { toastError(err); e.target.value = job.status; }
+        } catch (err) {
+          toastError(err);
+          // Stale tab: the job was removed since this page loaded. Re-render so the
+          // detail reflects reality (shows "not found") instead of looping the error.
+          if (err && err.status === 404) { await ctx.refreshNav(); await remount(); return; }
+          e.target.value = job.status;
+        }
       },
     },
   );
@@ -309,21 +315,19 @@ async function renderDetail(ctx, jobId) {
     el('div', { class: 'page-head__actions' }, headActions),
   );
 
-  // --- Layout: two columns (info+fit left, side cards right) ----------------
-  const left = el('div', { class: 'stack-4' },
+  // --- Layout ---------------------------------------------------------------
+  // 자기소개서·면접을 맨 위 2열로(둘 다 짧음), 그 아래 공고 정보(원문은 접힘)와
+  // 적합도를 전체폭으로 쌓는다. 한쪽 칼럼만 길어 빈 공간이 도드라지던 50/50
+  // 그리드를 대체한다. 관련 기록은 있을 때만 맨 아래.
+  const wrap = el('div', { class: 'stack-4' },
+    head,
+    el('div', { class: 'grid grid--2' },
+      CoverLettersCard(job.cover_letters),
+      InterviewCard(job)),
     PostingCard(job),
     FitCard(job.fit),
-  );
-  const right = el('div', { class: 'stack-4' },
-    CoverLettersCard(job.cover_letters),
-    InterviewCard(job),
     RelatedCard(job.related),
   );
-
-  const wrap = el('div', { class: 'stack-4' },
-    head,
-    el('div', { class: 'grid grid--2' }, left, right),
-  );
   mount(ctx.view, wrap);
 }
 
@@ -353,9 +357,12 @@ function PostingCard(job) {
   }
 
   if (job.description) {
-    body.push(el('div', { class: 'mt-3' },
-      el('div', { class: 'muted text-sm mb-2' }, '공고 원문'),
-      el('div', { class: 'doc-preview' }, job.description)));
+    // 원문은 가장 길어 칼럼을 늘리는 주범 — 기본 접힘(아코디언)으로 둔다.
+    body.push(el('details', { class: 'disclosure mt-3' },
+      el('summary', { class: 'disclosure__summary' },
+        icon('chevronRight', 'disclosure__chevron'),
+        el('span', {}, '공고 원문')),
+      el('div', { class: 'doc-preview mt-2' }, job.description)));
   }
 
   return Card({ title: '공고 정보', body });

package/dist/public/pages/settings.js

@@ -10,6 +10,12 @@ const COUNT_LABELS = {
   documents: '문서', cover_letters: '자기소개서', jobs: '채용공고',
   applications: '지원', interview_preps: '면접 준비',
 };
+const BACKUP_COUNT_LABELS = {
+  ...COUNT_LABELS,
+  cover_letter_versions: '자소서 버전',
+  fit_analyses: '적합도 분석',
+  activities: '활동',
+};
 
 export async function render(ctx) {
   ctx.setActions([]);
@@ -21,7 +27,7 @@ export async function render(ctx) {
     Theme(),
     VerifyMode(info),
     MyData(info.counts),
-    Backup(backups, () => render(ctx)),
+    Backup(backups, async () => { await ctx.refreshNav(); await render(ctx); }),
     DangerZone(ctx),
   );
 
@@ -64,18 +70,42 @@ function DataLocation(info) {
 
 /* ---------------------------------------------------------- 연결 상태 */
 function Connection(info) {
-  const dashRow = el('div', { class: 'flex between gap-3', style: { padding: '4px 0' } },
-    el('div', { class: 'flex gap-3', style: { alignItems: 'center' } },
+  async function createShortcut() {
+    try {
+      const { shortcut } = await post('/api/settings/dashboard-shortcut', { open: true });
+      toastOk('대시보드 바로가기를 만들었어요.');
+      openModal({
+        title: '바로가기 생성',
+        body: el('div', { class: 'stack-3' },
+          el('div', { class: 'callout' },
+            icon('info'),
+            el('div', {},
+              el('div', { class: 'callout__title' }, '폴더를 만들었습니다'),
+              el('div', { class: 'callout__body' },
+                '대시보드가 실행 중이면 브라우저만 열고, 꺼져 있으면 서버를 시작한 뒤 브라우저를 엽니다.'))),
+          el('dl', { class: 'kv' },
+            ...kvRow('폴더', shortcut.shortcut_dir, true),
+            ...kvRow('바로가기', shortcut.launcher_path, true))),
+        footer: (close) => [
+          Btn('경로 복사', { icon: 'copy', onClick: () => copyText(shortcut.launcher_path) }),
+          Btn('확인', { variant: 'primary', onClick: close }),
+        ],
+      });
+    } catch (e) {
+      toastError(e);
+    }
+  }
+
+  const dashRow = el('div', { class: 'settings-action-row flex between gap-3', style: { padding: '4px 0' } },
+    el('div', { class: 'settings-action-row__main flex gap-3', style: { alignItems: 'center' } },
       el('span', { class: 'badge badge--final_passed' }, el('span', { class: 'dot' }), '실행 중'),
       el('div', {},
         el('div', { class: 'strong' }, '대시보드'),
         el('div', { class: 'muted text-sm tnum' }, info.url || '—'))),
-    info.url
-      ? Btn('새 탭에서 열기', { icon: 'external', sm: true, variant: 'ghost', onClick: () => window.open(info.url, '_blank') })
-      : null);
+    Btn('바로가기 만들기', { icon: 'copy', sm: true, variant: 'ghost', onClick: createShortcut }));
 
-  const mcpRow = el('div', { class: 'flex between gap-3', style: { padding: '4px 0', alignItems: 'flex-start' } },
-    el('div', { class: 'flex gap-3', style: { alignItems: 'flex-start' } },
+  const mcpRow = el('div', { class: 'settings-action-row flex between gap-3', style: { padding: '4px 0', alignItems: 'flex-start' } },
+    el('div', { class: 'settings-action-row__main flex gap-3', style: { alignItems: 'flex-start' } },
       el('div', { class: 'empty__icon', style: { width: '30px', height: '30px', margin: 0, borderRadius: '8px' } }, icon('link')),
       el('div', {},
         el('div', { class: 'strong' }, 'MCP 서버'),
@@ -193,8 +223,26 @@ function MyData(counts = {}) {
   });
 }
 
-/* ------------------------------------------------- 백업 / 내보내기 */
+/* ------------------------------------------------- 내보내기 / 가져오기 */
 function Backup(backups = [], rerender) {
+  const fileInput = el('input', {
+    type: 'file',
+    accept: '.json,application/json',
+    style: { display: 'none' },
+    onChange: async (e) => {
+      const file = e.target.files?.[0];
+      e.target.value = '';
+      if (!file) return;
+      try {
+        const backup = await readBackupFile(file);
+        const { preview } = await post('/api/settings/import-preview', { backup });
+        openImportModal({ fileName: file.name, backup, preview, rerender });
+      } catch (err) {
+        toastError(err);
+      }
+    },
+  });
+
   async function createBackup() {
     try {
       const res = await post('/api/settings/backup');
@@ -213,15 +261,113 @@ function Backup(backups = [], rerender) {
           el('td', {}, el('span', { class: 'truncate', title: b.path || b.filename }, b.filename)),
           el('td', { class: 'muted text-sm' }, fmtRelative(b.created_at)),
           el('td', { class: 'muted text-sm tnum', style: { textAlign: 'right' } }, `${Math.round((b.size || 0) / 1024)} KB`)))))
-    : el('p', { class: 'muted', style: { margin: 0 } }, '아직 백업이 없습니다. "백업 생성"으로 현재 데이터를 안전하게 보관하세요.');
+    : el('p', { class: 'muted', style: { margin: 0 } }, '아직 로컬 백업이 없습니다. "현재 상태 백업"으로 지금 데이터를 보관하세요.');
 
   return Card({
-    title: '백업 / 내보내기',
+    title: '내보내기 / 가져오기',
     actions: [
-      Btn('백업 생성', { icon: 'copy', sm: true, variant: 'primary', onClick: createBackup }),
-      Btn('전체 데이터 내보내기(JSON)', { icon: 'download', sm: true, variant: 'ghost', onClick: () => downloadUrl('/api/settings/export-all') }),
+      Btn('내보내기(JSON)', { icon: 'download', sm: true, variant: 'primary', onClick: () => downloadUrl('/api/settings/export-all') }),
+      Btn('가져오기(JSON)', { icon: 'upload', sm: true, variant: 'ghost', onClick: () => fileInput.click() }),
+      Btn('현재 상태 백업', { icon: 'copy', sm: true, variant: 'ghost', onClick: createBackup }),
     ],
-    body: list,
+    body: el('div', { class: 'stack-3' }, fileInput, list),
+  });
+}
+
+function readBackupFile(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onerror = () => reject(new Error('백업 파일을 읽지 못했어요.'));
+    reader.onload = () => {
+      try {
+        resolve(JSON.parse(String(reader.result || '')));
+      } catch {
+        reject(new Error('JSON 백업 파일만 복원할 수 있어요.'));
+      }
+    };
+    reader.readAsText(file);
+  });
+}
+
+function fmtBackupDate(iso) {
+  if (!iso) return '알 수 없음';
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return `${d.getFullYear()}.${String(d.getMonth() + 1).padStart(2, '0')}.${String(d.getDate()).padStart(2, '0')} ${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+}
+
+function previewRows(counts = {}) {
+  const entries = Object.entries(counts)
+    .filter(([, count]) => Number(count) > 0)
+    .sort(([a], [b]) => (BACKUP_COUNT_LABELS[a] || a).localeCompare(BACKUP_COUNT_LABELS[b] || b, 'ko'));
+
+  if (!entries.length) {
+    return el('p', { class: 'muted', style: { margin: 0 } }, '복원할 항목이 없습니다.');
+  }
+
+  return el('table', { class: 'table' },
+    el('thead', {}, el('tr', {}, el('th', {}, '데이터'), el('th', { style: { textAlign: 'right' } }, '항목'))),
+    el('tbody', {}, ...entries.map(([key, count]) => el('tr', {},
+      el('td', {}, BACKUP_COUNT_LABELS[key] || key),
+      el('td', { class: 'tnum', style: { textAlign: 'right' } }, String(count))))));
+}
+
+function openImportModal({ fileName, backup, preview, rerender }) {
+  let confirmBtn;
+  const input = Input({
+    placeholder: '가져오기',
+    onInput: (e) => { if (confirmBtn) confirmBtn.disabled = e.target.value.trim() !== '가져오기'; },
+    onKeydown: (e) => {
+      if (e.key === 'Enter' && e.target.value.trim() === '가져오기' && confirmBtn && !confirmBtn.disabled) confirmBtn.click();
+    },
+  });
+
+  openModal({
+    title: '데이터 가져오기',
+    size: 'lg',
+    body: el('div', { class: 'stack-3' },
+      el('div', { class: 'callout' },
+        icon('info'),
+        el('div', {},
+          el('div', { class: 'callout__title' }, '현재 데이터는 먼저 백업됩니다'),
+          el('div', { class: 'callout__body' },
+            '가져오면 이 컴퓨터의 CareerMate 데이터가 선택한 JSON 내용으로 전체 교체됩니다.'))),
+      el('dl', { class: 'kv' },
+        ...kvRow('파일', fileName, false),
+        ...kvRow('백업 시각', fmtBackupDate(preview.exported_at), false),
+        ...kvRow('스키마', `${preview.version} / 현재 ${preview.current_version}`, false),
+        ...kvRow('전체 항목', String(preview.total_rows || 0), false)),
+      previewRows(preview.counts),
+      preview.warnings?.length
+        ? el('div', { class: 'callout' },
+            icon('info'),
+            el('div', {},
+              el('div', { class: 'callout__title' }, '확인 필요'),
+              el('div', { class: 'callout__body' }, preview.warnings.join(' '))))
+        : null,
+      el('p', { class: 'text-secondary', style: { margin: 0, lineHeight: '1.6' } },
+        '계속하려면 아래 입력란에 ', el('span', { class: 'strong' }, '가져오기'), ' 를 입력하세요.'),
+      input),
+    footer: (close) => {
+      confirmBtn = Btn('가져오기', {
+        icon: 'upload',
+        variant: 'danger',
+        disabled: true,
+        onClick: async () => {
+          confirmBtn.disabled = true;
+          try {
+            await post('/api/settings/restore', { backup, confirm: 'RESTORE' });
+            close();
+            toastOk('데이터를 가져왔어요.');
+            await rerender();
+          } catch (e) {
+            toastError(e);
+            confirmBtn.disabled = input.value.trim() !== '가져오기';
+          }
+        },
+      });
+      return [Btn('취소', { onClick: close }), confirmBtn];
+    },
   });
 }
 

package/dist/public/styles.css

@@ -190,10 +190,10 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 
 /* ----------------------------------------------------------------- card */
 .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
-.card__head { padding: 14px 18px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; }
+.card__head { padding: 14px 18px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; min-width: 0; }
 .card__head h3 { font-size: 15px; }
 .card__head .sub { color: var(--text-tertiary); font-size: 13px; }
-.card__head .right { margin-left: auto; display: flex; gap: 6px; }
+.card__head .right { margin-left: auto; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; min-width: 0; max-width: 100%; }
 .card__body { padding: 18px; }
 .card__body--tight { padding: 0; }
 /* a light bordered block for grouping inside a card/modal — never nest a full .card */
@@ -403,11 +403,24 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
 /* ----------------------------------------------------------------- doc preview */
 .doc-preview { white-space: pre-wrap; word-break: break-word; font-size: 15px; line-height: 1.75; color: var(--text);
   background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 26px; max-height: 60vh; overflow-y: auto; }
+
+/* disclosure — native <details> for collapsing long content (예: 공고 원문) */
+.disclosure__summary { display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
+  list-style: none; color: var(--text-secondary); font-size: 13px; font-weight: 600; user-select: none; }
+.disclosure__summary::-webkit-details-marker { display: none; }
+.disclosure__summary:hover { color: var(--text); }
+.disclosure__summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
+.disclosure__chevron { width: 16px; height: 16px; flex: none; transition: transform .15s ease; }
+.disclosure[open] .disclosure__chevron { transform: rotate(90deg); }
 .kv { display: grid; grid-template-columns: 132px 1fr; gap: 8px 16px; }
 .kv dt { color: var(--text-tertiary); font-size: 13px; }
 /* 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; }
+.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; }
+.settings-action-row > .btn { flex: 0 0 auto; }
 
 /* ----------------------------------------------------------------- modal */
 .modal-root { position: fixed; inset: 0; z-index: 60; display: none; }
@@ -496,5 +509,9 @@ h1,h2,h3,h4 { margin: 0; font-weight: 650; letter-spacing: -0.01em; }
   .kv{ grid-template-columns: 1fr; gap: 0; }
   .kv dt{ margin-top: 10px; }
   .kv dd{ margin: 0 0 2px; }
+  .settings-action-row{ align-items: stretch; flex-direction: column; }
+  .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; }
   .page-head{ flex-wrap: wrap; }
 }