careermate 0.1.1 → 0.1.2

package/dist/install-page/.omc/state/agent-replay-55a58c0d-bb6e-43ea-8a05-4b6c93b80b34.jsonl

@@ -0,0 +1,12 @@
+{"t":0,"agent":"a10f819","agent_type":"workflow-subagent","event":"agent_start","parent_mode":"none"}
+{"t":0,"agent":"a10f819","agent_type":"workflow-subagent","event":"agent_stop","success":true,"duration_ms":143102}
+{"t":0,"agent":"aca9cea","agent_type":"workflow-subagent","event":"agent_start","parent_mode":"none"}
+{"t":0,"agent":"a4768e2","agent_type":"workflow-subagent","event":"agent_start","parent_mode":"none"}
+{"t":0,"agent":"a349ced","agent_type":"workflow-subagent","event":"agent_start","parent_mode":"none"}
+{"t":0,"agent":"a349ced","agent_type":"workflow-subagent","event":"agent_stop","success":true,"duration_ms":60038}
+{"t":0,"agent":"a4768e2","agent_type":"workflow-subagent","event":"agent_stop","success":true,"duration_ms":114215}
+{"t":0,"agent":"aca9cea","agent_type":"workflow-subagent","event":"agent_stop","success":true,"duration_ms":121159}
+{"t":0,"agent":"acc5653","agent_type":"unknown","event":"agent_stop","success":true}
+{"t":0,"agent":"a0edd5d","agent_type":"unknown","event":"agent_stop","success":true}
+{"t":0,"agent":"a245f43","agent_type":"unknown","event":"agent_stop","success":true}
+{"t":0,"agent":"aefa1c0","agent_type":"unknown","event":"agent_stop","success":true}

package/dist/install-page/.omc/state/idle-notif-cooldown.json

@@ -0,0 +1,3 @@
+{
+  "lastSentAt": "2026-06-16T12:35:20.708Z"
+}

package/dist/install-page/.omc/state/sessions/55a58c0d-bb6e-43ea-8a05-4b6c93b80b34/mission-state.json

@@ -0,0 +1,147 @@
+{
+  "updatedAt": "2026-06-16T12:38:24.867Z",
+  "missions": [
+    {
+      "id": "session:55a58c0d-bb6e-43ea-8a05-4b6c93b80b34:none",
+      "source": "session",
+      "name": "none",
+      "objective": "Session mission",
+      "createdAt": "2026-06-16T12:14:33.928Z",
+      "updatedAt": "2026-06-16T12:38:24.867Z",
+      "status": "done",
+      "workerCount": 4,
+      "taskCounts": {
+        "total": 4,
+        "pending": 0,
+        "blocked": 0,
+        "inProgress": 0,
+        "completed": 4,
+        "failed": 0
+      },
+      "agents": [
+        {
+          "name": "workflow-subagent:a10f819",
+          "role": "workflow-subagent",
+          "ownership": "a10f8198a3ec53eed",
+          "status": "done",
+          "currentStep": null,
+          "latestUpdate": "completed",
+          "completedSummary": null,
+          "updatedAt": "2026-06-16T12:38:24.867Z"
+        },
+        {
+          "name": "workflow-subagent:aca9cea",
+          "role": "workflow-subagent",
+          "ownership": "aca9cea71d20c99c3",
+          "status": "done",
+          "currentStep": null,
+          "latestUpdate": "completed",
+          "completedSummary": null,
+          "updatedAt": "2026-06-16T12:18:58.856Z"
+        },
+        {
+          "name": "workflow-subagent:a4768e2",
+          "role": "workflow-subagent",
+          "ownership": "a4768e2be198162e9",
+          "status": "done",
+          "currentStep": null,
+          "latestUpdate": "completed",
+          "completedSummary": null,
+          "updatedAt": "2026-06-16T12:18:51.989Z"
+        },
+        {
+          "name": "workflow-subagent:a349ced",
+          "role": "workflow-subagent",
+          "ownership": "a349cedbc216266f2",
+          "status": "done",
+          "currentStep": null,
+          "latestUpdate": "completed",
+          "completedSummary": null,
+          "updatedAt": "2026-06-16T12:17:57.876Z"
+        }
+      ],
+      "timeline": [
+        {
+          "id": "session-start:aca9cea71d20c99c3:2026-06-16T12:16:57.697Z",
+          "at": "2026-06-16T12:16:57.697Z",
+          "kind": "update",
+          "agent": "workflow-subagent:aca9cea",
+          "detail": "started workflow-subagent:aca9cea",
+          "sourceKey": "session-start:aca9cea71d20c99c3"
+        },
+        {
+          "id": "session-start:a4768e2be198162e9:2026-06-16T12:16:57.774Z",
+          "at": "2026-06-16T12:16:57.774Z",
+          "kind": "update",
+          "agent": "workflow-subagent:a4768e2",
+          "detail": "started workflow-subagent:a4768e2",
+          "sourceKey": "session-start:a4768e2be198162e9"
+        },
+        {
+          "id": "session-start:a349cedbc216266f2:2026-06-16T12:16:57.838Z",
+          "at": "2026-06-16T12:16:57.838Z",
+          "kind": "update",
+          "agent": "workflow-subagent:a349ced",
+          "detail": "started workflow-subagent:a349ced",
+          "sourceKey": "session-start:a349cedbc216266f2"
+        },
+        {
+          "id": "session-stop:a349cedbc216266f2:2026-06-16T12:17:57.876Z",
+          "at": "2026-06-16T12:17:57.876Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a349ced",
+          "detail": "completed",
+          "sourceKey": "session-stop:a349cedbc216266f2"
+        },
+        {
+          "id": "session-stop:a4768e2be198162e9:2026-06-16T12:18:51.989Z",
+          "at": "2026-06-16T12:18:51.989Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a4768e2",
+          "detail": "completed",
+          "sourceKey": "session-stop:a4768e2be198162e9"
+        },
+        {
+          "id": "session-stop:aca9cea71d20c99c3:2026-06-16T12:18:58.856Z",
+          "at": "2026-06-16T12:18:58.856Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:aca9cea",
+          "detail": "completed",
+          "sourceKey": "session-stop:aca9cea71d20c99c3"
+        },
+        {
+          "id": "session-stop:acc5653c169518c6f:2026-06-16T12:27:45.167Z",
+          "at": "2026-06-16T12:27:45.167Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a10f819",
+          "detail": "completed",
+          "sourceKey": "session-stop:acc5653c169518c6f"
+        },
+        {
+          "id": "session-stop:a0edd5de5c096a00d:2026-06-16T12:30:47.256Z",
+          "at": "2026-06-16T12:30:47.256Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a10f819",
+          "detail": "completed",
+          "sourceKey": "session-stop:a0edd5de5c096a00d"
+        },
+        {
+          "id": "session-stop:a245f437d88f5966f:2026-06-16T12:35:27.111Z",
+          "at": "2026-06-16T12:35:27.111Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a10f819",
+          "detail": "completed",
+          "sourceKey": "session-stop:a245f437d88f5966f"
+        },
+        {
+          "id": "session-stop:aefa1c00c62034d9b:2026-06-16T12:38:24.867Z",
+          "at": "2026-06-16T12:38:24.867Z",
+          "kind": "completion",
+          "agent": "workflow-subagent:a10f819",
+          "detail": "completed",
+          "sourceKey": "session-stop:aefa1c00c62034d9b"
+        }
+      ]
+    }
+  ]
+}

package/dist/install-page/.omc/state/sessions/55a58c0d-bb6e-43ea-8a05-4b6c93b80b34/pre-tool-advisory-throttle.json

@@ -0,0 +1,22 @@
+{
+  "version": 1,
+  "entries": {
+    "79a93d4a2f8f50b95f852280616242fee1855dc99a3c75211917f55e72e95fae": {
+      "last_emitted_at_ms": 1781613182539,
+      "message": "Use parallel execution for independent tasks. Use run_in_background for long operations (npm install, builds, tests)."
+    },
+    "445ed27a3872b681d98190bae61ccb84954e1bc4e140df5370be958dee776b3a": {
+      "last_emitted_at_ms": 1781612517441,
+      "message": "Verify changes work after editing. Test functionality before marking complete."
+    },
+    "466399dafa2d20f60587180bad0a07358eb7f2bce724df0ff682f038ad33f5ad": {
+      "last_emitted_at_ms": 1781612380768,
+      "message": "Read multiple files in parallel when possible for faster analysis."
+    },
+    "459c54e5f35d6a58dcd90d2aecc21fa6d1f35d241bc5b134c506f87dc7b6d67b": {
+      "last_emitted_at_ms": 1781612184981,
+      "message": "Combine searches in parallel when investigating multiple patterns."
+    }
+  },
+  "updated_at": "2026-06-16T12:33:02.539Z"
+}

package/dist/install-page/.omc/state/sessions/55a58c0d-bb6e-43ea-8a05-4b6c93b80b34/subagent-tracking-state.json

@@ -0,0 +1,44 @@
+{
+  "agents": [
+    {
+      "agent_id": "a10f8198a3ec53eed",
+      "agent_type": "workflow-subagent",
+      "started_at": "2026-06-16T12:14:33.928Z",
+      "parent_mode": "none",
+      "status": "completed",
+      "completed_at": "2026-06-16T12:16:57.030Z",
+      "duration_ms": 143102
+    },
+    {
+      "agent_id": "aca9cea71d20c99c3",
+      "agent_type": "workflow-subagent",
+      "started_at": "2026-06-16T12:16:57.697Z",
+      "parent_mode": "none",
+      "status": "completed",
+      "completed_at": "2026-06-16T12:18:58.856Z",
+      "duration_ms": 121159
+    },
+    {
+      "agent_id": "a4768e2be198162e9",
+      "agent_type": "workflow-subagent",
+      "started_at": "2026-06-16T12:16:57.774Z",
+      "parent_mode": "none",
+      "status": "completed",
+      "completed_at": "2026-06-16T12:18:51.989Z",
+      "duration_ms": 114215
+    },
+    {
+      "agent_id": "a349cedbc216266f2",
+      "agent_type": "workflow-subagent",
+      "started_at": "2026-06-16T12:16:57.838Z",
+      "parent_mode": "none",
+      "status": "completed",
+      "completed_at": "2026-06-16T12:17:57.876Z",
+      "duration_ms": 60038
+    }
+  ],
+  "total_spawned": 3,
+  "total_completed": 4,
+  "total_failed": 0,
+  "last_updated": "2026-06-16T12:38:24.985Z"
+}

package/dist/install-page/index.html

@@ -7,7 +7,7 @@
   <script>
     (function () {
       try {
-        var t = window.localStorage.getItem('cf-theme');
+        var t = window.localStorage.getItem('careermate-theme') || window.localStorage.getItem('cf-theme');
         document.documentElement.setAttribute('data-theme', t === 'light' || t === 'dark' ? t : 'dark');
       } catch (e) { document.documentElement.setAttribute('data-theme', 'dark'); }
     })();
@@ -44,6 +44,7 @@
   <link rel="stylesheet" href="style.css" />
 </head>
 <body>
+  <a class="skip-link" href="#top">본문으로 건너뛰기</a>
   <!-- ============================================================ nav -->
   <nav class="nav">
     <a class="nav__brand" href="#top">
@@ -67,7 +68,7 @@
     </div>
   </nav>
 
-  <main id="top">
+  <main id="top" tabindex="-1">
 
     <!-- ========================================================== hero -->
     <header class="hero">
@@ -80,16 +81,23 @@
         나만의 <span class="accent">커리어 비서</span>로
       </h1>
       <p class="hero__lede">
-        이력서·자기소개서·지원 현황을 <strong>이 컴퓨터 안에서</strong> 관리하세요.<br />
-        분석과 글쓰기는 평소 쓰던 AI가, 데이터 보관은 CareerMate가 맡습니다.
+        <strong>공고 분석 · 맞춤 자기소개서 · 지원 현황 추적</strong>을 평소 쓰던 AI에게 말로 시키면,<br />
+        결과가 이 컴퓨터 안에 쌓이고, 한 번 정리한 경력은 대화마다 다시 붙여넣지 않아도 돼요.
       </p>
 
+      <ul class="trust-strip" aria-label="안심 포인트">
+        <li>내 컴퓨터에만 저장</li>
+        <li>외부 업로드 없음</li>
+        <li>계정·API 키 불필요</li>
+        <li>언제든 삭제</li>
+      </ul>
+
       <div class="hero__cta">
-        <a class="btn btn--primary" href="#install">
+        <a class="btn btn--primary" href="start.html">처음이세요? — 내게 맞는 설치법 찾기</a>
+        <a class="btn btn--ghost" href="#install">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><path d="M7 10l5 5 5-5"/><path d="M12 15V3"/></svg>
-          설치 방법 보기
+          바로 설치 방법 보기
         </a>
-        <a class="btn btn--ghost" href="start.html">처음이세요? — 내게 맞는 길 찾기</a>
       </div>
 
       <p class="hero__note">
@@ -117,8 +125,8 @@
           <div class="feature__icon">
             <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 12h6"/><path d="M9 12a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3"/><path d="M15 12a3 3 0 0 0 3 3v2a3 3 0 0 1-3 3"/></svg>
           </div>
-          <h3>2. MCP로 연결</h3>
-          <p>표준 프로토콜 MCP가 AI와 CareerMate를 잇는 “USB-C” 역할을 합니다.<br />AI가 24개 도구로 당신의 커리어 DB를 읽고 씁니다.</p>
+          <h3>2. 안전하게 연결</h3>
+          <p>표준 연결 방식(MCP)이 AI와 CareerMate를 잇는 다리가 됩니다.<br />AI가 당신의 커리어 기록을 직접 읽고 정리해 저장합니다.</p>
         </article>
         <article class="feature">
           <div class="feature__icon">
@@ -152,7 +160,11 @@
       <div class="section__head">
         <span class="eyebrow">대시보드</span>
         <h2>내 데이터를 <span class="accent">눈으로</span> 확인</h2>
-        <p>모든 기록은 이 컴퓨터의 대시보드(<code>127.0.0.1:4319</code>)에 모입니다. 아래는 실제 화면입니다.</p>
+        <p>모든 기록은 이 컴퓨터의 대시보드(<code>127.0.0.1:4319</code>)에 모입니다.<br>아래는 실제 화면 — 설치 없이 바로 둘러볼 수 있어요.</p>
+        <div class="section__cta">
+          <a class="btn btn--primary" href="demo/">데모 둘러보기 →</a>
+          <span class="section__cta-note">샘플 데이터로 클릭해 보는 미리보기 · 설치·로그인 불필요</span>
+        </div>
       </div>
 
       <div class="carousel" id="dash-carousel" role="group" aria-roledescription="캐러셀" aria-label="대시보드 화면 미리보기" tabindex="0">
@@ -276,19 +288,20 @@
       <details class="acc" open>
         <summary><span class="track__tag">추천 · 앱에서 한 문장</span> 내 AI 앱에서 빈 폴더 잡고 한 문장</summary>
         <div class="acc__body">
-          <p class="track-desc"><strong>Claude 데스크톱의 “Code” 탭</strong>처럼 폴더를 잡고 작동하는 AI 앱이면 <strong>별도 터미널 없이</strong> 앱 안에서 끝납니다(Codex는 <strong>CLI</strong> 권장 — 데스크톱 앱은 등록이 사라지는 버그가 있어요). 작업 폴더 하나를 정하고 아래 문장만 주면, 에이전트가 공개 안내(<code>careermate.life/llms-install.txt</code>)를 읽고 <strong>그 폴더 안에</strong> 설치·연결합니다 — 데이터까지 그 폴더에 모여(<code>.cm/data</code>) 백업·이동이 폴더 하나로 끝.</p>
+          <p class="track-desc"><strong>Claude 데스크톱의 “Code” 탭</strong>처럼 폴더를 잡고 작동하는 AI 앱이면 <strong>별도 터미널 없이</strong> 앱 안에서 끝납니다(Codex는 <strong>CLI</strong> 권장 — 데스크톱 앱은 등록이 사라질 수 있습니다). 작업 폴더 하나를 정하고 아래 문장만 주면, 에이전트가 공개 안내(<code>careermate.life/llms-install.txt</code>)를 읽고 <strong>그 폴더 안에</strong> 설치·연결합니다. 데이터까지 그 폴더에 모여(<code>.cm/data</code>) 백업·이동이 폴더 하나로 끝.</p>
           <ol class="steps">
           <li class="step">
             <div class="step__no">1</div>
             <div class="step__body">
               <h3>앱 열고 빈 폴더 선택</h3>
-              <p><strong>Claude 데스크톱</strong> → <strong>Code</strong> 탭에서 빈 폴더를 작업 폴더로 선택(<strong>Pro 이상</strong> 구독, <strong>Windows는 Git 먼저</strong>). <strong>Codex</strong>는 빈 폴더에서 <code>codex</code>(CLI, <strong>ChatGPT Plus 이상</strong>)로 실행하세요 — <strong>데스크톱 앱은 현재 등록이 사라지는 버그</strong>(openai/codex#24718)가 있어 권하지 않습니다.</p>
+              <p><strong>Claude 데스크톱</strong> → <strong>Code</strong> 탭에서 빈 폴더를 작업 폴더로 선택(<strong>Pro 이상</strong> 구독, <strong>Windows는 Git 먼저</strong>). <strong>Codex</strong>는 빈 폴더에서 <code>codex</code>(CLI, <strong>ChatGPT Plus 이상</strong>)로 실행하세요 — <strong>데스크톱 앱은 등록이 사라질 수 있어</strong> 권장하지 않습니다.</p>
             </div>
           </li>
           <li class="step">
             <div class="step__no">2</div>
             <div class="step__body">
               <h3>이 문장 붙여넣기</h3>
+              <p class="paste-note">💬 위에서 연 <strong>AI 앱의 대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
               <div class="code">
                 <button class="copy-btn" type="button" data-copy-target="code-prompt-agent">복사</button>
                 <pre id="code-prompt-agent">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre>
@@ -300,7 +313,7 @@
             <div class="step__no">3</div>
             <div class="step__body">
               <h3>재시작 후 확인</h3>
-              <p>AI 앱을 완전히 종료했다 다시 켜고(처음 한 번 승인을 물으면 허용), <strong>“<code>get_onboarding_status</code> 호출해서 확인해줘”</strong>로 점검하세요. Codex는 <code>/mcp</code>로도 확인됩니다.</p>
+              <p>AI 앱을 완전히 종료했다 다시 켜고(처음 한 번 승인을 물으면 허용), <strong>“커리어메이트 연결됐는지 확인해줘”</strong>라고 말해 보세요. Codex는 <code>/mcp</code>로도 확인됩니다.</p>
             </div>
           </li>
           </ol>
@@ -329,7 +342,7 @@
             <div class="step__no">2</div>
             <div class="step__body">
               <h3>AI 앱 재시작 후 확인</h3>
-              <p>연결한 AI 앱을 <strong>완전히 종료했다 다시 켜고</strong>, <strong>“<code>get_onboarding_status</code> 호출해서 연결됐는지 확인해줘”</strong>라고 말해 결과가 돌아오면 정상입니다.</p>
+              <p>연결한 AI 앱을 <strong>완전히 종료했다 다시 켜고</strong>, <strong>“커리어메이트 연결됐는지 확인해줘”</strong>라고 말해 결과가 돌아오면 정상입니다.</p>
             </div>
           </li>
           <li class="step">
@@ -347,7 +360,7 @@
       <details class="acc">
         <summary><span class="track__tag">Claude Desktop · <code>.mcpb</code></span> 설치 파일로 추가 (터미널 없이)</summary>
         <div class="acc__body">
-          <p class="track-desc">터미널·Node 없이 파일 하나로 끝나지만, <strong>Claude Desktop 내장 Node 버전에 따라 불안정할 수 있어요.</strong> 잘 안 되면 위 <strong>에이전트가 직접 설치</strong> 또는 <strong>터미널 한 줄</strong>을 쓰세요.</p>
+          <p class="track-desc">터미널·Node 없이 파일 하나로 끝나지만, <strong>Claude Desktop 내장 Node 버전에 따라 불안정할 수 있습니다.</strong> 잘 안 되면 위 <strong>에이전트가 직접 설치</strong> 또는 <strong>터미널 한 줄</strong>을 쓰세요.</p>
           <ol class="steps">
           <li class="step">
             <div class="step__no">1</div>
@@ -372,7 +385,7 @@
             <div class="step__no">3</div>
             <div class="step__body">
               <h3>재시작하고 확인</h3>
-              <p>Claude Desktop을 완전히 종료했다 다시 켜고, <strong>“<code>get_onboarding_status</code> 호출해서 확인해줘”</strong>로 점검하세요.</p>
+              <p>Claude Desktop을 완전히 종료했다 다시 켜고, <strong>“커리어메이트 연결됐는지 확인해줘”</strong>라고 말해 보세요.</p>
             </div>
           </li>
           </ol>
@@ -436,7 +449,7 @@
         </div>
         <div class="privacy-card__text">
           <h2>당신의 데이터는 당신 컴퓨터를 떠나지 않습니다</h2>
-          <p>대시보드 서버는 <code>127.0.0.1</code>(이 컴퓨터)에만 바인딩되어 외부에서 접근할 수 없고,<br />MCP 서버는 네트워크 호출을 하지 않습니다. 분석·글쓰기는 당신이 직접 고른 AI가 수행합니다.</p>
+          <p>대시보드 서버는 <code>127.0.0.1</code>(이 컴퓨터)에만 바인딩되어 외부에서 접근할 수 없습니다.<br />MCP 서버가 외부로 내보내는 것은 (끌 수 있는) <strong>최신 버전 확인</strong>뿐이며, <strong>당신의 커리어 데이터는 전송하지 않습니다.</strong> 분석·글쓰기는 당신이 직접 고른 AI가 수행합니다.</p>
           <ul class="privacy-card__list">
             <li><strong>저장 위치</strong> <code>~/.careermate/careermate.sqlite</code></li>
             <li><strong>내보내기</strong> 자기소개서 등을 <code>~/.careermate/exports</code>로</li>
@@ -460,42 +473,10 @@
 
   <div class="sr-only" role="status" aria-live="polite" id="copy-status"></div>
 
+  <script src="landing.js"></script>
   <script>
     (function () {
       'use strict';
-      var status = document.getElementById('copy-status');
-
-      // --- generic clipboard helper ------------------------------------
-      function legacyCopy(text) {
-        var ta = document.createElement('textarea');
-        ta.value = text; ta.setAttribute('readonly', '');
-        ta.style.position = 'absolute'; ta.style.left = '-9999px';
-        document.body.appendChild(ta); ta.select();
-        var ok = false;
-        try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
-        document.body.removeChild(ta);
-        return ok;
-      }
-      function copyText(text, onok) {
-        if (navigator.clipboard && navigator.clipboard.writeText) {
-          navigator.clipboard.writeText(text).then(onok, function () { if (legacyCopy(text)) onok(); });
-        } else if (legacyCopy(text)) { onok(); }
-      }
-      function announce(msg) { if (status) status.textContent = msg; }
-
-      // --- copy buttons (code blocks) ----------------------------------
-      function flashSmall(btn) {
-        var original = btn.textContent;
-        btn.textContent = '복사됨'; btn.classList.add('copied');
-        announce('클립보드에 복사되었습니다.');
-        window.setTimeout(function () { btn.textContent = original; btn.classList.remove('copied'); }, 1600);
-      }
-      document.querySelectorAll('.copy-btn').forEach(function (btn) {
-        btn.addEventListener('click', function () {
-          var src = document.getElementById(btn.getAttribute('data-copy-target'));
-          if (src) copyText(src.textContent || '', function () { flashSmall(btn); });
-        });
-      });
 
       // --- config tabs -------------------------------------------------
       var tablist = document.querySelector('.tabs[role="tablist"]');
@@ -540,26 +521,6 @@
         revealEls.forEach(function (el) { io.observe(el); });
       }
 
-      // --- theme toggle (persist) --------------------------------------
-      var root = document.documentElement;
-      var toggle = document.getElementById('theme-toggle');
-      var saved = null;
-      try { saved = window.localStorage.getItem('cf-theme'); } catch (e) {}
-      if (saved === 'dark' || saved === 'light') root.setAttribute('data-theme', saved);
-      function isDark() {
-        var t = root.getAttribute('data-theme');
-        if (t === 'dark') return true;
-        if (t === 'light') return false;
-        return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-      }
-      if (toggle) {
-        toggle.addEventListener('click', function () {
-          var next = isDark() ? 'light' : 'dark';
-          root.setAttribute('data-theme', next);
-          try { window.localStorage.setItem('cf-theme', next); } catch (e) {}
-        });
-      }
-
       // --- dashboard carousel (prev/next + dots + keyboard + swipe) -----
       var carousel = document.getElementById('dash-carousel');
       var track = document.getElementById('carousel-track');

package/dist/install-page/landing.js

@@ -0,0 +1,54 @@
+// Shared behavior for the CareerMate landing pages (index.html, start.html).
+// Loaded after the DOM is parsed; wires the clipboard "copy" buttons and the theme toggle.
+// NOTE: the pre-paint theme resolution stays INLINE in each page's <head> to avoid a flash (FOUC) --
+// do not move that into this file.
+(function () {
+  'use strict';
+  var status = document.getElementById('copy-status');
+
+  // --- clipboard ---------------------------------------------------
+  function legacyCopy(text) {
+    var ta = document.createElement('textarea');
+    ta.value = text; ta.setAttribute('readonly', '');
+    ta.style.position = 'absolute'; ta.style.left = '-9999px';
+    document.body.appendChild(ta); ta.select();
+    var ok = false;
+    try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
+    document.body.removeChild(ta);
+    return ok;
+  }
+  function copyText(text, onok) {
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(text).then(onok, function () { if (legacyCopy(text)) onok(); });
+    } else if (legacyCopy(text)) { onok(); }
+  }
+  document.querySelectorAll('.copy-btn').forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      var src = document.getElementById(btn.getAttribute('data-copy-target'));
+      if (!src) return;
+      copyText(src.textContent || '', function () {
+        var original = btn.textContent;
+        btn.textContent = '복사됨'; btn.classList.add('copied');
+        if (status) status.textContent = '클립보드에 복사되었습니다.';
+        window.setTimeout(function () { btn.textContent = original; btn.classList.remove('copied'); }, 1600);
+      });
+    });
+  });
+
+  // --- theme toggle (persist) --------------------------------------
+  var root = document.documentElement;
+  var toggle = document.getElementById('theme-toggle');
+  function isDark() {
+    var t = root.getAttribute('data-theme');
+    if (t === 'dark') return true;
+    if (t === 'light') return false;
+    return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+  }
+  if (toggle) {
+    toggle.addEventListener('click', function () {
+      var next = isDark() ? 'light' : 'dark';
+      root.setAttribute('data-theme', next);
+      try { window.localStorage.setItem('careermate-theme', next); window.localStorage.removeItem('cf-theme'); } catch (e) {}
+    });
+  }
+})();

package/dist/install-page/start.html

@@ -6,7 +6,7 @@
   <script>
     (function () {
       try {
-        var t = window.localStorage.getItem('cf-theme');
+        var t = window.localStorage.getItem('careermate-theme') || window.localStorage.getItem('cf-theme');
         document.documentElement.setAttribute('data-theme', t === 'light' || t === 'dark' ? t : 'dark');
       } catch (e) { document.documentElement.setAttribute('data-theme', 'dark'); }
     })();
@@ -129,13 +129,15 @@
               </div></li>
               <li class="step"><div class="step__no">4</div><div class="step__body">
                 <h3>이 문장 한 번 붙여넣기</h3>
+                <p class="paste-note">💬 Code 탭의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 이 문장은 공개 안내 페이지만 읽어 설치하며, <strong>당신의 이력서·개인정보는 외부로 올라가지 않아요.</strong></p>
                 <div class="code"><button class="copy-btn" type="button" data-copy-target="p-claude">복사</button>
                   <pre id="p-claude">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
                 <p class="step__tip"><strong>Node가 없어도 됩니다.</strong> 필요하면 Claude가 먼저 확인하고 설치까지 도와줍니다.<br />직접 받으려면 아래 <strong>'필요한 프로그램 받기'</strong>의 Node.js를 보세요. 설치 중 뜨는 허용 창은 눌러 주세요.</p>
               </div></li>
               <li class="step"><div class="step__no">5</div><div class="step__body">
                 <h3>앱 재시작 → 확인</h3>
-                <p>Claude 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인을 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 됩니다.</p>
+                <p>Claude 앱을 완전히 껐다 켜고(처음 한 번 MCP 승인 허용), <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하면 끝.</p>
+                <p class="recover"><strong>도구가 안 보이면?</strong> 앱을 트레이까지 <strong>완전히 종료</strong>했다 다시 켜고, 처음 뜬 승인 창을 허용했는지 확인하세요. 그래도 안 되면 <a href="index.html#install">파일로 설치(.mcpb)</a>나 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 보세요.</p>
               </div></li>
             </ol>
             <div class="filenote">📎 <strong>이력서 넣는 법:</strong> 가장 쉬운 방법은 <strong>이력서 내용을 대화창에 붙여넣기</strong>입니다. 또는 작업 폴더에 파일을 넣고 <em>"이력서.pdf 읽어서 등록해줘"</em>라고 하거나 채팅에 직접 첨부하세요. (스캔본·보안 PDF는 안 읽힐 수 있습니다 → 그땐 텍스트로 붙여넣으세요.)</div>
@@ -163,13 +165,15 @@
               </div></li>
               <li class="step"><div class="step__no">3</div><div class="step__body">
                 <h3>빈 폴더에서 codex 실행 → 이 문장</h3>
+                <p class="paste-note">💬 실행한 <strong>codex 안에</strong> 붙여넣으세요 — AI에게 보내는 메시지예요(쉘 명령이 아님). 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
                 <div class="code"><button class="copy-btn" type="button" data-copy-target="p-codex">복사</button>
                   <pre id="p-codex">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
                 <p class="step__tip">설치 중 <strong>네트워크 허용</strong>을 물으면 한 번 허용하세요(npm 다운로드 때문).</p>
               </div></li>
               <li class="step"><div class="step__no">4</div><div class="step__body">
                 <h3>확인</h3>
-                <p>Codex 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결된 것입니다.</p>
+                <p>Codex 안에서 <code>/mcp</code>를 입력해 <code>careermate</code>가 보이면 연결 성공.</p>
+                <p class="recover"><strong>안 보이면?</strong> <code>node --version</code>이 v22.5 이상인지, Codex를 껐다 켰는지 확인하세요. 그래도 안 되면 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 참고하세요.</p>
               </div></li>
             </ol>
             <div class="filenote">📎 <strong>이력서 넣는 법:</strong> 첨부 기능이 없으니, 작업 폴더에 파일을 넣고 <em>"./이력서.pdf 읽어서 등록해줘"</em>라고 하세요. PDF가 안 읽히면 내용을 <strong>텍스트로 붙여넣으세요.</strong></div>
@@ -183,7 +187,7 @@
 
             <div class="subcard">
               <strong>① 1순위 — Claude 데스크톱 + 파일 설치(터미널 없이)</strong>
-              <p class="hint" style="margin:.3rem 0 .8rem">Claude 무료 계정이면 됩니다. 터미널·Node 없이 파일 하나로 끝납니다.</p>
+              <p class="hint" style="margin:.3rem 0 .8rem">Claude 무료 계정이면 됩니다. 터미널·Node 없이 파일 하나로 끝.</p>
               <ol class="steps">
                 <li class="step"><div class="step__no">1</div><div class="step__body">
                   <h3>Claude 데스크톱 설치 → 로그인(무료 OK)</h3>
@@ -199,11 +203,11 @@
                 </div></li>
                 <li class="step"><div class="step__no">4</div><div class="step__body">
                   <h3>재시작 → 확인</h3>
-                  <p>앱을 껐다 켜고 <strong>"커리어메이트 연결됐는지 확인해줘"</strong>라고 말하세요. 도구가 보이면 됩니다.</p>
+                  <p>앱을 껐다 켜고 <strong>"커리어메이트 연결됐는지 확인해줘"</strong>. 도구가 보이면 끝.</p>
                 </div></li>
               </ol>
               <div class="filenote">📎 <strong>이력서 넣는 법:</strong> Claude 채팅창에 파일을 <strong>직접 첨부</strong>하면 됩니다(가장 쉬움).</div>
-              <p class="hint" style="margin-top:.7rem">⚠️ 만약 <strong>도구가 안 뜨면</strong>(Claude 내장 Node 버전 문제일 수 있음) → 아래 ②를 쓰세요.</p>
+              <p class="hint" style="margin-top:.7rem">⚠️ <strong>도구가 안 뜨면</strong>(Claude 내장 Node 버전 문제일 수 있습니다) → 아래 ②를 쓰세요.</p>
             </div>
 
             <div class="subcard">
@@ -216,12 +220,14 @@
                 </div></li>
                 <li class="step"><div class="step__no">2</div><div class="step__body">
                   <h3>빈 폴더 열고 → 이 문장</h3>
+                  <p class="paste-note">💬 Antigravity의 <strong>대화창에</strong> 붙여넣으세요 — 터미널 명령이 아니에요. 공개 안내만 읽어 설치하며, <strong>당신의 데이터는 외부로 올라가지 않아요.</strong></p>
                   <div class="code"><button class="copy-btn" type="button" data-copy-target="p-anti">복사</button>
                     <pre id="p-anti">https://careermate.life/llms-install.txt 를 읽고, 그 안내대로 CareerMate를 이 폴더에 설치하고 연결해줘. 데이터도 이 폴더의 .cm/data 안에 저장하고, Node 설치처럼 시스템에 바꿀 게 있으면 실행 전에 먼저 알려줘. 설치가 끝나면 앱 재시작 방법과 이력서를 주는 법, 대시보드 주소(http://127.0.0.1:4319)도 알려줘.</pre></div>
                 </div></li>
                 <li class="step"><div class="step__no">3</div><div class="step__body">
                   <h3>확인</h3>
                   <p>연결 상태를 확인하고(보통 <code>/mcp</code> 또는 "연결됐는지 확인해줘") 끝.</p>
+                  <p class="recover"><strong>안 보이면?</strong> 앱을 완전히 껐다 켜고 다시 시도하세요. 막히면 설치 전체의 <a href="index.html#install">문제가 생겼을 때</a>를 보세요.</p>
                 </div></li>
               </ol>
               <div class="filenote">📎 <strong>이력서 넣는 법:</strong> 작업 폴더에 파일을 넣고 파일명으로 지시. 안 읽히면 텍스트로 붙여넣기.</div>
@@ -275,39 +281,10 @@
 
   <div class="sr-only" role="status" aria-live="polite" id="copy-status"></div>
 
+  <script src="landing.js"></script>
   <script>
     (function () {
       'use strict';
-      var status = document.getElementById('copy-status');
-      // --- clipboard ---
-      function legacyCopy(text) {
-        var ta = document.createElement('textarea');
-        ta.value = text; ta.setAttribute('readonly', ''); ta.style.position = 'absolute'; ta.style.left = '-9999px';
-        document.body.appendChild(ta); ta.select();
-        var ok = false; try { ok = document.execCommand('copy'); } catch (e) { ok = false; }
-        document.body.removeChild(ta); return ok;
-      }
-      function copyText(text, onok) {
-        if (navigator.clipboard && navigator.clipboard.writeText) {
-          navigator.clipboard.writeText(text).then(onok, function () { if (legacyCopy(text)) onok(); });
-        } else if (legacyCopy(text)) { onok(); }
-      }
-      document.querySelectorAll('.copy-btn').forEach(function (btn) {
-        btn.addEventListener('click', function () {
-          var src = document.getElementById(btn.getAttribute('data-copy-target'));
-          if (!src) return;
-          copyText(src.textContent || '', function () {
-            var o = btn.textContent; btn.textContent = '복사됨'; btn.classList.add('copied');
-            if (status) status.textContent = '클립보드에 복사되었습니다.';
-            window.setTimeout(function () { btn.textContent = o; btn.classList.remove('copied'); }, 1600);
-          });
-        });
-      });
-
-      // --- theme toggle ---
-      var root = document.documentElement, toggle = document.getElementById('theme-toggle');
-      function isDark() { var t = root.getAttribute('data-theme'); if (t === 'dark') return true; if (t === 'light') return false; return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches; }
-      if (toggle) toggle.addEventListener('click', function () { var n = isDark() ? 'light' : 'dark'; root.setAttribute('data-theme', n); try { window.localStorage.setItem('cf-theme', n); } catch (e) {} });
 
       // --- wizard ---
       var result = document.getElementById('result');