npm - coxpit - Versions diffs - 5.27.5 → 6.0.0 - Mend

coxpit 5.27.5 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/src/cockpit.ts CHANGED Viewed

@@ -62,6 +62,16 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .wip{font-size:10.5px;color:var(--blocked);border:1px solid rgba(214,162,73,.4);border-radius:999px;padding:2px 9px}
   .toggle{font-size:12px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:5px 11px;background:none;cursor:pointer;font-family:var(--mono)}
   .toggle:hover{color:var(--ink);border-color:var(--line-hi)}
+  .toggle.on{color:var(--brand);border-color:rgba(78,201,176,.35)}   /* 무언가 켜져 있을 때만 액센트 — 켜짐이 헤더에서 보인다 */
+  /* ── 주의 환기 팝오버 (v5.28 A5) — 코크핏에는 설정 화면이 없다. 세 가지 취향이 사는
+     헤더 버튼 하나 밑의 작은 판. 행은 전부 기존 컴포넌트(.rchk 체크박스 · .modes/.mode 세그)를
+     그대로 쓰고, 이 규칙은 띄우는 자리만 만든다. 새 색 없음(래칫 불변). */
+  .apwrap{position:relative;display:inline-flex}
+  .apop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:238px;display:flex;flex-direction:column;gap:9px;
+    background:var(--surface);border:1px solid var(--line-hi);border-radius:11px;padding:12px;box-shadow:0 14px 40px rgba(0,0,0,.45)}
+  .apop[hidden]{display:none}
+  .apop .lbl{padding:0 0 1px}
+  .apop-note{font-family:var(--mono);font-size:10px;line-height:1.5;color:var(--faint)}
   .layout{display:grid;grid-template-columns:270px 1fr;height:calc(100dvh - 46px)}
   /* 포커스 모드 — 트리·요청바 숨기고 페인만(⌘.) */
@@ -80,8 +90,18 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .tnode .n{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
   .tnode .meta{color:var(--faint);font-size:11px}
   .tnode.repo{color:var(--ink)}
-  .tnode.goal{padding-left:20px} .tnode.goal .gi{color:var(--brand)}
+  /* goal/그룹 = repo 섹션 안의 얇은 띠. 보드 .gband 와 같은 규칙(점선 테두리, 좌측 액센트 바 금지)을 트리 폭으로 축약. */
+  .tnode.goal{margin:3px 4px 3px 12px;padding:5px 8px;border:1px dashed var(--line);border-radius:6px}
+  .tnode.goal .gi{color:var(--brand)}
   .tnode.task{padding-left:30px}
+  /* 트리 노드 액션(＋ 새 작업 · ▤ WORK.md · ＋ 에이전트) — hover 에서만 드러나고, 터치 기기는 옅게 상주 */
+  .tnode .tact{margin-left:auto;flex:none;white-space:nowrap;font-family:var(--mono);font-size:10.5px;line-height:1;
+    color:var(--faint);background:none;border:none;border-radius:5px;padding:3px 5px;cursor:pointer;opacity:0}
+  /* 한 행에 액션이 둘이면 앞의 것만 밀어낸다(둘 다 auto 면 남은 공간을 나눠 가져 사이가 벌어진다) */
+  .tnode .tact+.tact{margin-left:2px}
+  .tnode:hover .tact{opacity:1}
+  .tnode .tact:hover{color:var(--brand);background:var(--surface2)}
+  body.touch .tnode .tact{opacity:.7}
   .tnode.run{padding-left:44px;font-size:12px;cursor:pointer}
   .tnode.run:hover{background:var(--surface)}
   .tnode.run.open{background:var(--brand-dim);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(78,201,176,.22)}
@@ -91,6 +111,24 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .st.done{background:var(--done)} .st.blocked{background:var(--blocked)} .st.failed,.st.error{background:var(--failed)}
   .st.merged{background:var(--merged)} .st.open{background:var(--open)} .st.stopped{background:var(--stopped)}
   .st.preparing,.st.pending,.st.starting{background:var(--blocked)}
+  /* ── 에이전트 상태 점 (v5.28 A4) — 스트림이 말한 것만 칠한다 ──
+     working=--running · waiting=--blocked(맥박) · idle=--faint · exited=--done. 전부 기존 토큰이고 새 색은 없다.
+     .st 에 얹히면 트리 run 행의 상태 점을 덮고(트리가 곧 rail 이다), 단독 .as-dot 이면 탭의 작은 상태 점이다.
+     상태가 없는 run 은 아무 클래스도 안 붙어 점이 뜨지 않는다 — 없는 것을 그리지 않는다.
+     주의: .st.* 색 규칙보다 반드시 **뒤**에 와야 한다(같은 특이도 → 나중 규칙이 이긴다). */
+  .as-dot{width:6px;height:6px;border-radius:50%;flex:none;display:none}
+  .st.as-working,.as-dot.as-working{background:var(--running);box-shadow:none;display:inline-block}
+  .st.as-waiting,.as-dot.as-waiting{background:var(--blocked);box-shadow:none;display:inline-block;animation:aspulse 1.5s ease-in-out infinite}
+  .st.as-idle,.as-dot.as-idle{background:var(--faint);box-shadow:none;display:inline-block}
+  .st.as-exited,.as-dot.as-exited{background:var(--done);box-shadow:none;display:inline-block}
+  @keyframes aspulse{0%,100%{opacity:1}50%{opacity:.3}}
+  @media (prefers-reduced-motion:reduce){.st.as-waiting,.as-dot.as-waiting{animation:none}}
+  /* 대기 칩 — 헤더에 산다. 그래서 포커스 모드(.layout.focusmode 는 .rail·.reqbar 만 숨긴다)와
+     모바일 헤더에서 그대로 살아남는다. 부름은 항상 보여야 하니까. */
+  .waitchip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11.5px;color:var(--blocked);
+    background:rgba(214,162,73,.16);border:1px solid rgba(214,162,73,.4);border-radius:999px;padding:3px 10px;cursor:pointer}
+  .waitchip[hidden]{display:none}
+  .waitchip:hover{color:var(--ink);border-color:var(--blocked)}
   .tree-sep{height:1px;background:var(--line);margin:8px 4px}
   .railfoot{margin-top:auto;padding:8px;color:var(--faint);font-size:11px;border-top:1px solid var(--line)}
@@ -247,6 +285,18 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .pick-name:focus{outline:none;border-color:var(--brand)}
   .pick-name::placeholder{color:var(--faint)}
+  /* ── 작업/에이전트 시트 — 트리 노드에서 뜨는 작은 시트(폴더 피커 .pick 뼈대 재사용) ── */
+  .sheet-note{padding:11px 15px 0;font-size:11px;color:var(--faint);line-height:1.55}
+  .sheet-note b{color:var(--muted);font-weight:600}
+  .sheet-body{padding:12px 15px 4px;display:flex;flex-direction:column;gap:5px}
+  .sheet-body .pick-name{width:100%;flex:none}
+  .sheet-body .modes{align-self:flex-start;margin-bottom:3px}
+  /* 둘 곳 선택 바로 밑의 정직한 한 줄 — 둘 다인 척하지 않는다(P4) */
+  .sheet-tradeoff{font-size:11px;color:var(--faint);font-family:var(--mono);line-height:1.5}
+  /* 시트 안에서 이유를 말하는 자리(예: IN_PLACE_BUSY) — 토스트로 날려보내지 않는다 */
+  .sheet-err{font-size:11px;color:var(--failed);line-height:1.5;margin-top:4px}
+  .sheet-err[hidden]{display:none}
+  .flabel{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:5px}
   .sec-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:12.5px;color:var(--ink)}
   .sec-row:hover{background:var(--surface2)}
   .sec-row .snm{flex:1;font-family:var(--mono)}
@@ -267,6 +317,10 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .leaf-h .lock:hover{color:var(--brand)}
   .leaf-h .sendkey{font:inherit;font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--panel);border:1px solid var(--brand);border-radius:5px;padding:1px 6px;width:150px;outline:none}
   .lbl .lnk{color:var(--brand);cursor:pointer;font-size:10px;letter-spacing:0;text-transform:none}
+  /* 섹션 라벨에 액션이 둘 이상이면 한 묶음으로 — 양쪽 끝으로 흩어지지 않게(.tact+.tact 와 같은 이유) */
+  .lbl .lacts{display:flex;align-items:center;gap:10px}
+  /* v6.0 S1 — Scratch 는 아직 프로젝트가 아닌 것들이다. 한 줄로 그렇게 말한다 */
+  .tree-note{padding:0 8px 9px;font-size:10.5px;color:var(--faint);line-height:1.45;white-space:normal}
   .tnode.session{padding-left:20px;cursor:pointer} .tnode.session:hover{background:var(--surface)}
   .tnode.session.open{background:var(--brand-dim);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(78,201,176,.22)}
   /* 이름 우선: .n(flex:1) 이 공간을 갖고, 경로는 끝만 짧게(고정 폭) — hover 시 title 로 전체 표시 */
@@ -275,6 +329,31 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .tnode.session .del{margin-left:auto;color:var(--faint);border:none;background:none;cursor:pointer;font-size:13px;line-height:1;padding:0 3px;opacity:0;flex:none}
   .tnode.session:hover .del{opacity:1} .tnode.session .del:hover{color:var(--failed)}
   body.touch .tnode.session .del{opacity:.65}
+  /* v6.0 S2 — 승격(⇧). 행에 auto 마진은 **하나만** 둔다: 앞선 .pr 이 가져가고 .del 은 붙어 선다 */
+  .tnode.session .pr{margin-left:auto;color:var(--faint);border:none;background:none;cursor:pointer;font-size:12px;line-height:1;padding:0 3px;opacity:0;flex:none}
+  .tnode.session .pr+.del{margin-left:0}
+  .tnode.session:hover .pr{opacity:1} .tnode.session .pr:hover{color:var(--brand)}
+  body.touch .tnode.session .pr{opacity:.65}
+  /* ── v6.0 S1b — Scratch 정리 판 · S2 승격 시트 ── */
+  .scrub-row{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;font-size:12.5px;color:var(--muted);cursor:pointer}
+  .scrub-row:hover{background:var(--surface2)}
+  .scrub-row .snm{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .scrub-row .slive{flex:none;font-size:10.5px;color:var(--done)}
+  .scrub-row .slive.dead{color:var(--faint)}
+  .scrub-row .sage{flex:none;font-size:10.5px;color:var(--faint)}
+  /* 접힌 오래된 세션 — 목록을 훑을 수 있게 접을 뿐, 접힌 것은 지우지 않는다 */
+  .scrub-fold{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;font-size:11.5px;color:var(--muted);cursor:pointer}
+  .scrub-fold:hover{background:var(--surface2)}
+  .scrub-fold .sage{font-size:10.5px;color:var(--faint)}
+  /* v6.0 T6 — 같은 줄 모양을 프로젝트 정리·고아 터미널 판에서도 그대로 쓴다(새 컴포넌트 없음).
+     경고는 색이 아니라 말로 먼저 하고, 색은 이미 있는 주의색 하나만 빌린다 */
+  .scrub-row .swarn{flex:none;font-size:10.5px;color:var(--blocked)}
+  .scrub-row.risky .snm{color:var(--muted)}
+  /* 시트 뼈대(.pick) 바로 밑에 놓인 이유 줄도 같은 좌우 여백을 갖는다 */
+  .pick > .sheet-err{padding:2px 15px 10px}
+  .pick-row.on{background:var(--surface2);color:var(--ink)}
+  .pick-row.on .ic{color:var(--brand)}
   .toast{position:fixed;bottom:64px;left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--line-hi);color:var(--ink);
     font-family:var(--mono);font-size:12px;padding:8px 14px;border-radius:9px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:40;max-width:80vw}
@@ -380,10 +459,25 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   <div class="vtabs">
     <button type="button" class="vtab on" id="vtTerm"><span class="g">⌗</span><span class="b-txt">Terminal</span></button>
     <button type="button" class="vtab" id="vtReview"><span class="g">⧉</span><span class="b-txt">Review</span></button>
-    <button type="button" class="vtab" disabled title="Docs = 보드"><span class="g">▤</span><span class="b-txt">Docs</span></button>
+    <button type="button" class="vtab" id="vtDocs" title="Docs — 문서·아카이브는 보드 열람실에서 (Part B)"><span class="g">▤</span><span class="b-txt">Docs</span></button>
   </div>
   <div class="right">
     <span class="ver" id="ver" title="로드된 cockpit 버전 (캐시 확인용)">v__COXPIT_VER__</span>
+    <button type="button" class="waitchip" id="waitChip" hidden title="입력을 기다리는 에이전트 — 클릭하면 차례로 그 터미널로">◔ <span id="waitN">0</span></button>
+    <div class="apwrap" id="apWrap">
+      <button type="button" class="toggle" id="attnBtn" aria-haspopup="true" aria-expanded="false" title="알림 — 소리 · 브라우저 알림 · 울릴 전이">◎</button>
+      <div class="apop" id="attnPop" hidden role="group" aria-label="알림">
+        <div class="lbl"><span>알림</span></div>
+        <label class="rchk" title="대기·완료 전이에 짧은 신호음"><input type="checkbox" id="attnSound" /> 소리</label>
+        <label class="rchk" title="처음 켤 때 브라우저 권한을 묻습니다"><input type="checkbox" id="attnNotify" /> 브라우저 알림</label>
+        <div class="modes" id="attnOn" role="group" aria-label="울릴 전이">
+          <button type="button" class="mode" id="attnOnWaiting" title="입력 대기일 때만">대기만</button>
+          <button type="button" class="mode" id="attnOnExited" title="완료(종료)일 때만">완료만</button>
+          <button type="button" class="mode" id="attnOnBoth" title="대기·완료 둘 다">둘 다</button>
+        </div>
+        <div class="apop-note">전부 기본 꺼짐. 보고 있는 탭은 자신을 울리지 않습니다.</div>
+      </div>
+    </div>
     <span class="ws" id="ws"><span class="dot"></span><span id="wstext" class="b-txt">connecting</span></span>
     <button type="button" class="toggle" id="secretsBtn" title="시크릿(API 키) 관리 — 세션에 env 로 주입">∗<span class="b-txt"> Secrets</span></button>
     <a class="toggle" href="/" title="보드(모니터) 뷰로">←<span class="b-txt"> Board</span></a>
@@ -393,7 +487,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
 <div class="scrim" id="scrim"></div>
 <div class="layout" id="layout">
   <aside class="rail" id="rail">
-    <div class="lbl"><span>Workspace</span><span id="machName" style="color:var(--faint)">local</span></div>
+    <div class="lbl"><span>Workspace</span><span class="lacts"><span class="lnk" id="reapBtn" title="고아 터미널 — run 기록이 없는 coxpit-r* tmux 세션을 찾아 정리합니다(유지보수: 보드의 Reclaim 과 같은 가족)">↻ 고아 터미널</span><span id="machName" style="color:var(--faint)">local</span></span></div>
     <div id="tree"></div>
     <div class="railfoot">클릭한 run·세션은 <b>탭</b>으로 열립니다 · split 으로 페인을 나란히 배치</div>
   </aside>
@@ -501,6 +595,117 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   </div>
 </div>
+<div class="modal" id="workModal">
+  <div class="pick" style="width:min(460px,92vw)">
+    <div class="pick-h"><span class="t">새 작업</span><button class="x" id="workClose" title="닫기">×</button></div>
+    <div class="pick-path" id="workRepoName">…</div>
+    <div class="sheet-note">작업을 만들면 그 <b>repo 체크아웃</b>에서 <b>main</b> 터미널이 바로 열립니다 — 에이전트도 worktree 도 없는 내 손 터미널입니다. 에이전트는 작업 아래에서 따로 추가합니다.</div>
+    <div class="pick-f">
+      <input class="pick-name" id="workName" placeholder="작업 이름 (예: 기능 업데이트 6.0)" autocomplete="off" />
+      <button class="go" id="workGo">만들고 열기</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="agentModal">
+  <div class="pick" style="width:min(460px,92vw)">
+    <div class="pick-h"><span class="t">＋ 에이전트</span><button class="x" id="agentClose" title="닫기">×</button></div>
+    <div class="pick-path" id="agentWorkName">…</div>
+    <div class="sheet-body">
+      <div class="flabel">역할 이름</div>
+      <input class="pick-name" id="agentRole" placeholder="예: 구현 (비우면 에이전트 이름)" maxlength="60" autocomplete="off" />
+      <div class="flabel">에이전트</div>
+      <div class="modes" id="agentProv"></div>
+      <div class="flabel">모델</div>
+      <input class="pick-name" id="agentModel" placeholder="비우면 CLI 기본 (예: opus)" autocomplete="off" spellcheck="false" />
+      <div class="flabel">둘 곳</div>
+      <div class="modes" id="agentPlace">
+        <button type="button" class="mode on" data-place="worktree">worktree</button>
+        <button type="button" class="mode" data-place="inplace">in-place</button>
+      </div>
+      <div class="sheet-tradeoff">in-place = 체크아웃 공유, 순차 · worktree = 병렬, 나중에 머지</div>
+      <div class="sheet-err" id="agentErr" hidden></div>
+    </div>
+    <div class="pick-f">
+      <label class="rchk" title="실제 CLI 실행 (기본=드라이런)"><input type="checkbox" id="agentReal" /> real</label>
+      <span class="shint" id="agentPlaceHint" style="flex:1">worktree 로 격리해 띄웁니다 — 나란히 비교하고 승자만 머지</span>
+      <button class="go" id="agentGo">에이전트 추가</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="scrubModal">
+  <div class="pick" style="width:min(540px,92vw)">
+    <div class="pick-h"><span class="t">Scratch 정리</span><button class="x" id="scrubClose" title="닫기">×</button></div>
+    <div class="sheet-note">체크한 세션은 <b>터미널만 종료</b>됩니다 — <b>폴더와 파일은 언제나 그대로 보존</b>됩니다. 터미널이 없는 것만 미리 체크해 뒀고, 접어 둔 오래된 세션은 <b>선택되지도 지워지지도 않습니다</b>.</div>
+    <div class="pick-list" id="scrubList"></div>
+    <div class="pick-f">
+      <span id="scrubHint" style="flex:1;font-size:11px;color:var(--faint)">…</span>
+      <button class="go" id="scrubGo">선택 삭제</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="promoModal">
+  <div class="pick" style="width:min(540px,92vw)">
+    <div class="pick-h"><span class="t">⇧ 프로젝트로</span><button class="x" id="promoClose" title="닫기">×</button></div>
+    <div class="pick-path" id="promoPath">…</div>
+    <div class="sheet-body">
+      <div class="modes" id="promoMode">
+        <button type="button" class="mode on" data-promo="register">프로젝트로 등록</button>
+        <button type="button" class="mode" data-promo="move">프로젝트로 이동</button>
+      </div>
+      <div class="sheet-tradeoff" id="promoWhat">이 폴더를 repo 로 등록하고 이 작업을 그 아래로 옮깁니다</div>
+      <div class="sheet-err" id="promoErr" hidden></div>
+    </div>
+    <div class="pick-list" id="promoRepos" hidden></div>
+    <div class="pick-f">
+      <span id="promoWarn" style="flex:1;font-size:11px;color:var(--blocked);line-height:1.45;white-space:normal" hidden></span>
+      <button class="go" id="promoGo">등록하고 옮기기</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="tidyModal">
+  <div class="pick" style="width:min(560px,92vw)">
+    <div class="pick-h"><span class="t">묵은 작업 정리</span><button class="x" id="tidyClose" title="닫기">×</button></div>
+    <div class="pick-path" id="tidyRepoName">…</div>
+    <div class="sheet-note">더 돌고 있지 않은(정착한) 작업만 올라옵니다 — <b>터미널이 살아 있는 작업은 목록에 없습니다</b>. 닫으면 그 작업의 <b>run worktree 가 제거</b>되고, <b>repo 체크아웃과 그 파일은 그대로</b>입니다. <b>미머지 표시가 붙은 것은 미리 체크하지 않습니다</b>.</div>
+    <div class="pick-list" id="tidyList"></div>
+    <div class="sheet-err" id="tidyErr" hidden></div>
+    <div class="pick-f">
+      <span id="tidyHint" style="flex:1;font-size:11px;color:var(--faint)">…</span>
+      <button class="go" id="tidyGo">선택 닫기</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="unregModal">
+  <div class="pick" style="width:min(520px,92vw)">
+    <div class="pick-h"><span class="t">등록 해제</span><button class="x" id="unregClose" title="닫기">×</button></div>
+    <div class="pick-path" id="unregPath">…</div>
+    <div class="sheet-note"><b>목록에서만 뺍니다 — 디스크의 폴더와 파일은 손대지 않습니다.</b> 다시 등록하는 데는 클릭 한 번이면 됩니다(같은 경로를 그대로 고르면 됩니다). 지워지는 것은 coxpit 의 등록 기록뿐입니다.</div>
+    <div class="sheet-body"><div class="sheet-tradeoff" id="unregRisk">…</div></div>
+    <div class="sheet-err" id="unregErr" hidden></div>
+    <div class="pick-f">
+      <span style="flex:1;font-size:11px;color:var(--faint)">폴더는 그대로 · 다시 등록하면 그만입니다</span>
+      <button class="go" id="unregGo">등록 해제</button>
+    </div>
+  </div>
+</div>
+<div class="modal" id="reapModal">
+  <div class="pick" style="width:min(560px,92vw)">
+    <div class="pick-h"><span class="t">↻ 고아 터미널</span><button class="x" id="reapClose" title="닫기">×</button></div>
+    <div class="sheet-note">run 기록이 사라졌는데 남아 있는 <b>coxpit-r* tmux 세션</b>들입니다 — <b>살아 있는 run 의 세션은 여기 오르지 않습니다</b>. 빈 셸만 미리 체크했고, <b>무언가 돌고 있는 세션은 표시만 하고 절대 미리 고르지 않습니다</b>. 종료되는 것은 터미널뿐, 폴더·파일은 그대로입니다.</div>
+    <div class="pick-list" id="reapList"></div>
+    <div class="pick-f">
+      <span id="reapHint" style="flex:1;font-size:11px;color:var(--faint)">…</span>
+      <button class="go" id="reapGo">선택 종료</button>
+    </div>
+  </div>
+</div>
 <div class="modal" id="fpickModal">
   <div class="pick">
     <div class="pick-h"><span class="t">파일 보기</span><button class="x" id="fpClose" title="닫기">×</button></div>
@@ -594,6 +799,144 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   function repoOfRun(runId){ var r=runById[runId]; var t=r&&taskById[r.taskId]; return t?t.repoId:null; }
   function runIsSession(runId){ var r=runById[runId]; var t=r&&taskById[r.taskId]; var rp=t&&repoById[t.repoId]; return !!(rp&&rp.kind==='sessions'); }
+  // ── 에이전트 상태 (v5.28 A4) ──
+  // 서버가 터미널 출력에서 읽어 보내준 거친 상태만 담는다. 여기 없는 run 은 점이 없다 —
+  // 클라이언트는 상태를 짐작하지도, 전이를 지어내지도 않는다(spec A6). 'unknown'(첫 출력 전)도 담지 않는다.
+  var agentState = {};   // runId(문자열 키) -> 'working'|'waiting'|'idle'|'exited'
+  var AS_CLASS = { working:'as-working', waiting:'as-waiting', idle:'as-idle', exited:'as-exited' };
+  function asClass(s){ return AS_CLASS[s]||''; }
+  function agentStateOf(runId){ return agentState[runId]||''; }
+  // 대기 중인 run — 칩의 숫자이자 순회 대상. id 순으로 고정해 클릭할 때마다 순서가 흔들리지 않게.
+  function waitingRunIds(){
+    var out=[]; Object.keys(agentState).forEach(function(k){ if(agentState[k]==='waiting') out.push(k); });
+    out.sort(function(a,b){ return Number(a)-Number(b); });
+    return out;
+  }
+  // 델타 한 건 = 그 run 자리만 칠한다(리하이드레이트 없음). 탭 점 · 트리 run 행 점 · 대기 칩.
+  function paintAgentState(runId, state){
+    var prev = agentState[runId]||'';   // 덮어쓰기 **전**의 상태 — 전이를 아는 유일한 지점
+    if (state && state!=='unknown') agentState[runId]=state; else delete agentState[runId];
+    var cls=asClass(state);
+    var tabDot=$('tabs').querySelector('.tab[data-tab="'+runId+'"] [data-role=asdot]');
+    if (tabDot) tabDot.className='as-dot '+cls;
+    // 트리 run 행(세션 행 포함) — 기존 run 상태 점을 에이전트 상태로 덮어쓴다. 순서는 건드리지 않는다.
+    var row=$('tree').querySelector('.tnode[data-run="'+runId+'"] .st');
+    if (row){ var r=runById[runId]; row.className='st '+((r&&r.status)||'')+(cls?' '+cls:''); }
+    updateWaitChip();
+    raiseAttention(runId, prev, state);   // 점·칩은 항상 켜져 있고, 소리/알림만 취향을 탄다
+  }
+  function updateWaitChip(){
+    var n=waitingRunIds().length;
+    $('waitN').textContent=String(n);
+    $('waitChip').hidden = n===0;   // N>0 일 때만 존재한다
+  }
+  // 칩 클릭 = 다음 대기 터미널로. 이미 열린 탭이면 그 페인에 포커스, 아니면 탭으로 연다.
+  var waitCycle=0;
+  function jumpNextWaiting(){
+    var ids=waitingRunIds(); if(!ids.length) return;
+    if (waitCycle>=ids.length) waitCycle=0;
+    var id=Number(ids[waitCycle]); waitCycle=(waitCycle+1)%ids.length;
+    if(!runById[id]){ toast('대기 중인 run 을 찾을 수 없습니다 · r'+id); return; }
+    openTab(id);
+  }
+  $('waitChip').addEventListener('click', jumpNextWaiting);
+  // ── 주의 환기 (v5.28 A5) ──
+  // 부름은 opt-in 이고, 정직하며, 그것을 부른 사건보다 결코 시끄럽지 않다.
+  // 시각(탭 점·트리 점·◔ 칩)은 항상 켜져 있고 — 소리와 브라우저 알림만 여기 취향을 탄다.
+  // 세 취향은 코크핏에 설정 화면이 없어서 헤더 버튼 하나 밑 작은 판에 산다(localStorage 기억).
+  function lsGet(k, d){ try{ var v=localStorage.getItem(k); return v==null?d:v; }catch(e){ return d; } }
+  function lsSet(k, v){ try{ localStorage.setItem(k, v); }catch(e){} }
+  var attn = {
+    sound: lsGet('coxpit.sound','0')==='1',
+    // 권한은 브라우저가 SSOT — 기억된 '켜짐'이라도 권한이 없으면 꺼진 것이다(지어낸 준비 상태 없음).
+    notify: lsGet('coxpit.notify','0')==='1' && ('Notification' in window) && Notification.permission==='granted',
+    on: (function(v){ return (v==='waiting'||v==='exited')?v:'both'; })(lsGet('coxpit.pingOn','both')),
+  };
+  // 두 음짜리 짧은 신호음 — WebAudio 로 그 자리에서 만든다(오디오 에셋도, 새 파일도 없다).
+  var actx=null;
+  function blip(){
+    try{
+      var AC = window.AudioContext||window.webkitAudioContext; if(!AC) return;
+      if(!actx) actx=new AC();
+      if(actx.state==='suspended') actx.resume();
+      var t0=actx.currentTime;
+      [[660,0],[880,0.11]].forEach(function(p){
+        var o=actx.createOscillator(), g=actx.createGain();
+        o.type='sine'; o.frequency.value=p[0];
+        g.gain.setValueAtTime(0.0001, t0+p[1]);
+        g.gain.exponentialRampToValueAtTime(0.06, t0+p[1]+0.015);   // 작게 — 터미널이 부르는 소리지 경보가 아니다
+        g.gain.exponentialRampToValueAtTime(0.0001, t0+p[1]+0.10);
+        o.connect(g); g.connect(actx.destination);
+        o.start(t0+p[1]); o.stop(t0+p[1]+0.12);
+      });
+    }catch(e){}
+  }
+  // 브라우저 알림 — 보드와 같은 패턴(권한 요청 + localStorage + 탭하면 그 자리로).
+  // 본문은 **세션 이름과 상태뿐**이다. 터미널 내용은 한 글자도 싣지 않는다.
+  function notifyAttn(runId, state){
+    if (!attn.notify || !('Notification' in window) || Notification.permission!=='granted') return;
+    try{
+      var n = new Notification('coxpit', {
+        body: runLabel(runId) + (state==='waiting' ? ' · 입력 대기' : ' · 완료'),
+        tag: 'coxpit-as-'+runId,
+      });
+      n.onclick = function(){ try{ window.focus(); }catch(e){} jumpToRun(Number(runId)); n.close(); };
+    }catch(e){}
+  }
+  // 칩의 순회와 같은 착지 — 열린 탭이면 그 페인 포커스, 아니면 탭으로 연다.
+  function jumpToRun(id){ if(!runById[id]){ toast('run 을 찾을 수 없습니다 · r'+id); return; } openTab(id); }
+  function raiseAttention(runId, prev, next){
+    if (next!=='waiting' && next!=='exited') return;   // 부를 만한 전이가 아니다
+    if (prev===next) return;                           // 같은 상태 재통보는 전이가 아니다
+    if (attn.on!=='both' && attn.on!==next) return;    // 울릴 전이 필터(대기만 / 완료만 / 둘 다)
+    var away = document.hidden || String(focusedRunId())!==String(runId);
+    if (!away) return;                                 // 보고 있는 탭은 절대 자신을 울리지 않는다
+    if (attn.sound) blip();
+    notifyAttn(runId, next);
+  }
+  // 팝오버 — 행은 기존 컴포넌트(.rchk · .modes/.mode) 그대로. 새 설정 시스템이 아니다.
+  var AT_ON = { waiting:'attnOnWaiting', exited:'attnOnExited', both:'attnOnBoth' };
+  function paintAttn(){
+    $('attnSound').checked = attn.sound;
+    $('attnNotify').checked = attn.notify;
+    Object.keys(AT_ON).forEach(function(k){ $(AT_ON[k]).classList.toggle('on', attn.on===k); });
+    $('attnBtn').classList.toggle('on', attn.sound||attn.notify);
+  }
+  function setAttnPop(open){
+    $('attnPop').hidden = !open;
+    $('attnBtn').setAttribute('aria-expanded', open?'true':'false');
+    if (open) $('attnSound').focus();   // 키보드로 열어도 바로 첫 행에 선다
+  }
+  $('attnBtn').addEventListener('click', function(e){ e.stopPropagation(); setAttnPop($('attnPop').hidden); });
+  document.addEventListener('click', function(e){ if(!$('attnPop').hidden && !$('apWrap').contains(e.target)) setAttnPop(false); });
+  document.addEventListener('keydown', function(e){ if(e.key==='Escape' && !$('attnPop').hidden){ e.preventDefault(); setAttnPop(false); $('attnBtn').focus(); } });
+  $('apWrap').addEventListener('focusout', function(){
+    setTimeout(function(){ if(!$('apWrap').contains(document.activeElement)) setAttnPop(false); }, 0);
+  });
+  $('attnSound').addEventListener('change', function(){
+    attn.sound = this.checked; lsSet('coxpit.sound', attn.sound?'1':'0'); paintAttn();
+    if (attn.sound) blip();   // 켜는 순간 한 번 들려준다(겸사겸사 사용자 제스처로 오디오 잠금 해제)
+  });
+  $('attnNotify').addEventListener('change', async function(){
+    if (this.checked){
+      if(!('Notification' in window)){ this.checked=false; toast('이 브라우저는 알림을 지원하지 않습니다'); return; }
+      var perm = Notification.permission;
+      if (perm!=='granted') perm = await Notification.requestPermission();
+      if (perm!=='granted'){ this.checked=false; attn.notify=false; lsSet('coxpit.notify','0'); paintAttn(); toast('알림 권한이 거부됐습니다'); return; }
+    }
+    attn.notify = this.checked; lsSet('coxpit.notify', attn.notify?'1':'0'); paintAttn();
+  });
+  Object.keys(AT_ON).forEach(function(k){
+    // this.focus() — Safari 는 버튼 클릭에 포커스를 안 옮겨서 focusout 이 판을 닫아버린다
+    $(AT_ON[k]).addEventListener('click', function(){ attn.on=k; lsSet('coxpit.pingOn', k); paintAttn(); this.focus(); });
+  });
+  paintAttn();
   async function hydrate(){
     try{
       var d = await (await fetch('/api/fleet?view=all')).json();
@@ -602,8 +945,13 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       (d.tasks||[]).forEach(function(t){ taskById[t.id]=t; });
       (d.repos||[]).forEach(function(r){ repoById[r.id]=r; });
       if (d.machines && d.machines[0]) { $('mach').textContent = d.machines[0].slug; $('machName').textContent = d.machines[0].slug; }
+      // 에이전트 상태 씨앗 — 갓 뜬(또는 재연결한) 코크핏이 다음 델타를 기다리지 않게. 맵은 서버가 준 것으로 통째 교체한다
+      // (터미널이 떨어진 run 은 서버 맵에서 빠지므로 여기서 자연히 사라진다).
+      agentState={}; var asm=d.agentStates||{};
+      Object.keys(asm).forEach(function(k){ var s=asm[k]&&asm[k].state; if(s && s!=='unknown') agentState[k]=s; });
       renderTree();
       syncPanes();
+      restoreSession();   // 첫 hydrate 로 runById 가 채워진 뒤 마지막 세션 탭을 되살린다(1회)
       populateReq();
       if (reviewOn) renderReviewPicker();
     }catch(e){ /* 재시도는 WS 재연결 or 다음 hydrate */ }
@@ -625,7 +973,24 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     else if (!$('reqAgent').options.length){ var o=document.createElement('option'); o.value='claude-code'; o.textContent='claude-code'; $('reqAgent').appendChild(o); }
   }
-  // ── 트리 렌더: Machine ▸ Repo ▸ Goal ▸ Task ▸ Run ──
+  // ── 표시 이름 (v6.0 T4) ──
+  // ① 역할 이름(run.title) ② 프로젝트 아래 root 세션 = main(내 손 터미널)
+  // ③ Sessions 버킷은 지금까지처럼 태스크 이름 ④ 그 외는 프로바이더 이름.
+  function runLabel(runId){
+    var r=runById[runId]; if(!r) return 'r'+runId;
+    if (r.title) return r.title;
+    var task=taskById[r.taskId]; var rp=task&&repoById[task.repoId];
+    if (rp && rp.kind==='sessions') return (task&&task.title)||('session r'+runId);
+    if (r.agent==='session') return 'main';
+    return r.agent||('r'+runId);
+  }
+  // 트리 행은 역할 옆에 모델까지 — 스펙의 "구현 · opus" 모양.
+  function runTreeName(runId){
+    var r=runById[runId]; var nm=runLabel(runId);
+    return (r && r.model) ? (nm+' · '+r.model) : nm;
+  }
+  // ── 트리 렌더: Scratch ▸ (프로젝트=Repo 섹션 ▸ Goal 띠 ▸ 작업=Task ▸ 세션=Run) ──
   function renderTree(){
     var el = $('tree');
     var repos = fleet.repos||[], tasks = fleet.tasks||[], groups = fleet.groups||[], runs = fleet.runs||[];
@@ -640,16 +1005,22 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     sessRuns.sort(function(a,b){ return b.run.id-a.run.id; });
     var html = '';
-    // ── SESSIONS (자유 세션) ──
-    html += '<div class="lbl"><span>Sessions</span><span class="lnk" data-newsession="1">＋ 새 세션</span></div>';
+    // ── SCRATCH (자유 세션 = 아직 프로젝트가 아닌 것들) ──
+    // v6.0 S1: 데이터는 그대로(kind='sessions') — 바뀐 건 이름과 어포던스다. 여기서 바로
+    // 정리(S1b)하고, 여기서 바로 프로젝트로 졸업(S2)시킨다. 어지러워지는 자리에서 치울 수 있어야 한다.
+    html += '<div class="lbl"><span>Scratch</span><span class="lacts">'
+      + '<span class="lnk" data-scrub="1" title="정리 — 터미널이 없는 세션을 한 번에 지웁니다(폴더는 보존)">정리…</span>'
+      + '<span class="lnk" data-newsession="1">＋ 새 세션</span></span></div>';
+    html += '<div class="tree-note">프로젝트가 되기 전의 생각들 — 자라면 ⇧ 로 프로젝트가 됩니다</div>';
     if (sessRuns.length){
       sessRuns.forEach(function(s){
         var r=s.run; var open = tabs[r.id] ? ' open' : '';
         var sPath=(r.worktreePath||'');
         var sTail=sPath.replace(/^.*\\/([^/]+)$/,'$1');   // 마지막 폴더명만(끝 조금)
-        html += '<div class="tnode session'+open+'" data-run="'+r.id+'" title="'+esc(sPath)+'"><span class="st '+esc(r.status)+'"></span>'
+        html += '<div class="tnode session'+open+'" data-run="'+r.id+'" title="'+esc(sPath)+'"><span class="st '+esc(r.status)+' '+asClass(agentStateOf(r.id))+'"></span>'
           + '<span class="n" title="'+esc(s.title||'session')+'">'+esc(s.title||'session')+'</span>'
           + '<span class="p" title="'+esc(sPath)+'">'+esc(sTail)+'</span>'
+          + '<button class="pr" data-promote="'+r.id+'" title="프로젝트로 — 이 폴더를 등록하거나 기존 프로젝트로 옮깁니다(터미널은 이 폴더 그대로)">⇧</button>'
           + '<button class="del" data-delsession="'+r.id+'" title="세션 삭제 — 터미널만 종료, 폴더·파일은 보존">×</button></div>';
       });
     } else {
@@ -658,12 +1029,19 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     html += '<div class="tree-sep"></div>';
     html += '<div class="lbl"><span>Projects</span></div>';
     if (!realRepos.length){ html += '<div class="tnode empty">등록된 repo 가 없습니다 — 보드에서 추가하세요.</div>'; }
+    // 프로젝트(repo) 하나 = 섹션 하나. 그 안에 작업(task) 들이 있고, 작업 아래에 세션(run) 이 달린다.
     realRepos.forEach(function(repo){
       var rk = 'repo'+repo.id;
       var rTasks = (tasksByRepo[repo.id]||[]).filter(function(t){ return t.status!=='closed'; });
       var runCount = rTasks.reduce(function(n,t){ return n+((runsByTask[t.id]||[]).length); }, 0);
+      // 프로젝트 행의 어포던스 셋: 만들기 하나(＋ 새 작업) + 치우기 둘(v6.0 T6).
+      // 치우는 둘은 **디스크의 파일을 건드리지 않는다** — 하나는 작업을 닫고, 하나는 등록만 뺀다.
       html += '<div class="tnode repo" data-fold="'+rk+'"><span class="car">'+(isFold(rk)?'▸':'▾')+'</span>'
-        + '<span class="n">'+esc(repo.name)+'</span><span class="meta">'+runCount+' run'+(runCount===1?'':'s')+'</span></div>';
+        + '<span class="n" title="'+esc(repo.path||repo.name)+'">'+esc(repo.name)+'</span>'
+        + '<button class="tact" data-newwork="'+repo.id+'" title="새 작업 — 작업을 만들고 repo 체크아웃에서 main 터미널을 엽니다">＋ 새 작업</button>'
+        + '<button class="tact" data-tidy="'+repo.id+'" title="묵은 작업 정리 — 더 안 도는(정착한) 작업들을 한 번에 닫습니다. 미머지 산출물은 표로 한 번에 보여줍니다">정리…</button>'
+        + '<button class="tact" data-unreg="'+repo.id+'" title="등록 해제 — 목록에서만 뺍니다. 디스크의 폴더는 그대로이고, 다시 등록하는 데 클릭 한 번입니다">등록 해제</button>'
+        + '<span class="meta">'+runCount+' run'+(runCount===1?'':'s')+'</span></div>';
       if (isFold(rk)) return;
       // goal(group) 로 묶기
       var byGroup = {}, ungrouped = [];
@@ -679,20 +1057,42 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     });
     el.innerHTML = html;
   }
+  // 작업(task) 한 줄 + 그 아래 세션(run) 들. 이름은 작업이 갖고, run 은 역할로 읽힌다.
   function taskHTML(t, rns){
     var tk='task'+t.id;
     var s = '<div class="tnode task" data-fold="'+tk+'"><span class="car">'+(rns.length?(isFold(tk)?'▸':'▾'):' ')+'</span>'
-      + '<span class="n">'+esc(t.title)+'</span></div>';
+      + '<span class="n" title="'+esc(t.title)+'">'+esc(t.title)+'</span>'
+      + '<button class="tact" data-workmd="'+t.id+'" title="WORK.md — 이 작업의 공유 컨텍스트(목표·결정·제약). 저장한 내용은 다음 발사·steer 부터 에이전트에게 전달됩니다(돌고 있는 턴에는 반영되지 않습니다).">▤ WORK.md</button>'
+      + '<button class="tact" data-newagent="'+t.id+'" title="에이전트 추가 — 이 작업 아래에 역할 세션 하나(worktree 격리)">＋ 에이전트</button></div>';
     if (!isFold(tk)) rns.sort(function(a,b){return a.id-b.id;}).forEach(function(r){
       var open = tabs[r.id] ? ' open' : '';
       var act=latestActivity(r.id);
-      s += '<div class="tnode run'+open+'" data-run="'+r.id+'"><span class="st '+esc(r.status)+'"></span>'
-        + '<span class="n">r'+r.id+' · '+esc(r.status)+'</span>'+(act?'<span class="ract">'+esc(act)+'</span>':'')+'</div>';
+      // in-place 는 브랜치 칩이 없다 — 격리가 없으니 보여줄 브랜치도 없다. 대신 어디서 일하는지를 적는다.
+      var ip = r.inPlace ? ' · in-place' : '';
+      var tip = 'r'+r.id+' · '+r.status+(r.inPlace?' · repo 체크아웃에서 직접 작업(격리 없음)':'');
+      // 점 하나에 두 층 — 에이전트 상태가 살아 있으면 그게 이기고, 없으면 지금까지의 run 상태 그대로.
+      s += '<div class="tnode run'+open+'" data-run="'+r.id+'" title="'+esc(tip)+'"><span class="st '+esc(r.status)+' '+asClass(agentStateOf(r.id))+'"></span>'
+        + '<span class="n">'+esc(runTreeName(r.id))+'</span>'+(act?'<span class="ract">'+esc(act)+'</span>':'')
+        + '<span class="meta">r'+r.id+esc(ip)+'</span></div>';
     });
     return s;
   }
   $('tree').addEventListener('click', function(e){
     if (e.target.closest('[data-newsession]')){ openSession(); return; }
+    if (e.target.closest('[data-scrub]')){ openScrub(); return; }
+    var pm = e.target.closest('[data-promote]');
+    if (pm){ e.stopPropagation(); openPromote(+pm.dataset.promote); return; }
+    // 노드 액션은 접기(data-fold)·열기(data-run) 보다 먼저 가로챈다 — 같은 행 안에 있으므로.
+    var nw = e.target.closest('[data-newwork]');
+    if (nw){ e.stopPropagation(); openNewWork(+nw.dataset.newwork); return; }
+    var td = e.target.closest('[data-tidy]');
+    if (td){ e.stopPropagation(); openTidy(+td.dataset.tidy); return; }
+    var ur = e.target.closest('[data-unreg]');
+    if (ur){ e.stopPropagation(); openUnreg(+ur.dataset.unreg); return; }
+    var na = e.target.closest('[data-newagent]');
+    if (na){ e.stopPropagation(); openAddAgent(+na.dataset.newagent); return; }
+    var wm = e.target.closest('[data-workmd]');
+    if (wm){ e.stopPropagation(); openWorkDoc(+wm.dataset.workmd); return; }
     var del = e.target.closest('[data-delsession]');
     if (del){ e.stopPropagation(); deleteSession(+del.dataset.delsession); return; }
     var run = e.target.closest('[data-run]');
@@ -736,12 +1136,8 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   function focusRun(){ return focusedRunId(); }   // 기존 호출부(steer/review) 호환
   function copyInto(dst,src){ Object.keys(dst).forEach(function(k){delete dst[k];}); Object.keys(src).forEach(function(k){dst[k]=src[k];}); }
-  function tabName(runId){
-    var r=runById[runId]; if(!r) return 'r'+runId;
-    var task=taskById[r.taskId]; var rp=task&&repoById[task.repoId];
-    if (rp && rp.kind==='sessions') return (task&&task.title)||('session r'+runId);
-    return 'r'+runId;
-  }
+  // 탭 라벨 = 역할 하나(작업 이름은 트리가 이미 보여준다).
+  function tabName(runId){ return runLabel(runId); }
   function ensureTab(runId){
     if (tabs[runId]) return tabs[runId];
@@ -817,10 +1213,13 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   }
   // ── 파일 뷰어 탭(비터미널) — md/html/pdf/이미지/텍스트 보기 + .env 등 편집 ──
-  function ensureViewer(path, name){
+  // opts.workTaskId — WORK.md 전용(뷰어 루트 밖일 때). 읽기·쓰기만 그 작업의 창구로 바뀌고
+  // 렌더러·편집 UI 는 완전히 같은 것을 쓴다. opts.edit — 열자마자 편집 모드로.
+  function ensureViewer(path, name, opts){
     var id='v'+(viewerSeq++);
     var host=document.createElement('div'); host.className='view-host';
-    var t={ runId:id, name:name||(path.split('/').pop()||path), kind:'viewer', term:null, ws:null, host:host, path:path, closing:false, opened:false };
+    var t={ runId:id, name:name||(path.split('/').pop()||path), kind:'viewer', term:null, ws:null, host:host, path:path, closing:false, opened:false,
+            workTaskId:(opts&&opts.workTaskId)||null, _openEdit:!!(opts&&opts.edit) };
     tabs[id]=t; tabOrder.push(id);
     renderViewer(t);
     return t;
@@ -852,18 +1251,24 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     var bar=host.querySelector('.view-bar'), body=host.querySelector('.view-body');
     bar.querySelector('.vp').textContent=t.path;
     var rawUrl='/api/fs/raw?path='+encodeURIComponent(t.path);
-    fetch('/api/fs/read?path='+encodeURIComponent(t.path)).then(function(r){ return r.json(); }).then(function(d){
+    var readUrl=t.workTaskId ? ('/api/tasks/'+t.workTaskId+'/work') : ('/api/fs/read?path='+encodeURIComponent(t.path));
+    fetch(readUrl).then(function(r){ return r.json(); }).then(function(d){
       if(d.error){ body.innerHTML='<div class="view-msg">열 수 없습니다: '+esc(d.error)+'</div>'; return; }
-      // 공통 액션: 원본 열기(새 탭/시스템)
-      var actions='<button data-act="raw" title="원본을 새 탭/시스템 뷰어로">↗ 원본</button>';
+      // 공통 액션: 원본 열기(새 탭/시스템). 뷰어 루트 밖 문서(WORK.md 대체 경로)는 원본 링크가 닿지 않는다.
+      var actions=t.workTaskId ? '' : '<button data-act="raw" title="원본을 새 탭/시스템 뷰어로">↗ 원본</button>';
+      // md 도 편집한다 — WORK.md 가 사는 곳이다(v6.0 W2). 미리보기 ↔ 편집은 같은 페인 안에서 오간다.
+      if(d.kind==='md' && d.editable) actions='<button data-act="edit" class="prim">편집</button>'+actions;
       if(d.kind==='md' || d.kind==='html' || d.kind==='pdf' || d.kind==='image'){
         bar.innerHTML='<span class="vp"></span>'+actions; bar.querySelector('.vp').textContent=t.path;
       }
       if(d.kind==='md'){
+        t._text=d.text||''; t._editable=!!d.editable;
         var html='<!doctype html><html><head><meta charset="utf-8"><base target="_blank"><style>'+MD_FRAME_CSS+'</style></head><body>'
           + ((window.marked&&window.marked.parse)?window.marked.parse(d.text||''):esc(d.text||'')) + '</body></html>';
         var f=document.createElement('iframe'); f.setAttribute('sandbox','allow-popups allow-popups-to-escape-sandbox'); f.srcdoc=html;
         body.innerHTML=''; body.appendChild(f);
+        // 처음 열 때만 바로 편집으로(WORK.md) — 저장·취소 뒤에는 평소대로 미리보기로 돌아온다.
+        if(t._openEdit && d.editable){ t._openEdit=false; startEdit(t); }
       } else if(d.kind==='html'){
         // 저장된/임의 HTML 은 신뢰 불가 → same-origin 금지 sandbox(불투명 출처라 쿠키·API 접근 차단)
         var fh=document.createElement('iframe'); fh.setAttribute('sandbox','allow-scripts allow-popups allow-popups-to-escape-sandbox'); fh.src=rawUrl;
@@ -883,6 +1288,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
         bar.innerHTML='<span class="vp"></span>'+actions; bar.querySelector('.vp').textContent=t.path;
         var pre=document.createElement('pre'); pre.className='vtext'; pre.textContent=d.text||''; body.innerHTML=''; body.appendChild(pre);
         t._text=d.text||''; t._editable=!!d.editable;
+        if(t._openEdit && d.editable){ t._openEdit=false; startEdit(t); }
       }
     }).catch(function(){ body.innerHTML='<div class="view-msg">불러오기 실패</div>'; });
@@ -907,7 +1313,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   }
   function saveEdit(t){
     var ta=t._ta; if(!ta) return; var content=ta.value;
-    fetch('/api/fs/write',{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({path:t.path,content:content})})
+    var wUrl=t.workTaskId ? ('/api/tasks/'+t.workTaskId+'/work') : '/api/fs/write';
+    var wBody=t.workTaskId ? JSON.stringify({content:content}) : JSON.stringify({path:t.path,content:content});
+    fetch(wUrl,{method:(t.workTaskId?'PUT':'POST'),headers:{'content-type':'application/json'},body:wBody})
       .then(function(r){ return r.json(); }).then(function(d){
         if(d.error){ toast('저장 실패: '+d.error); return; }
         t._text=content; toast('저장됨 · '+t.name+' ('+fmtSize(d.size||0)+')'); renderViewer(t);
@@ -953,12 +1361,15 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
         return;
       }
       var r=runById[runId];
+      // 이름 뒤의 작은 점이 에이전트 상태 — 앞의 점(run 상태)과 축이 다르다. 상태가 없으면 뜨지 않는다.
       html += '<div class="tab'+(shown[runId]?' shown':'')+'" draggable="true" data-tab="'+runId+'" title="더블클릭=이름변경 · 드래그=페인에 배치">'
         + '<span class="st '+esc(r?r.status:'')+'"></span>'
         + '<span class="nm">'+esc(t.name)+'</span>'
+        + '<span data-role="asdot" class="as-dot '+asClass(agentStateOf(runId))+'"></span>'
         + '<button class="x" title="탭 닫기(터미널 종료)">×</button></div>';
     });
     $('tabs').innerHTML = html;
+    updateWaitChip();
   }
   function buildNode(node){
     if (node.leaf){
@@ -1017,6 +1428,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     if (typeof reqMode!=='undefined') setMode(reqMode);
     requestAnimationFrame(fitAllVisible);
     setTimeout(fitAllVisible, 60);   // 레이아웃 확정 후 재핏(초기 0-size 보정)
+    persistSession();   // 탭·페인 배치가 바뀔 때마다 마지막 세션 스냅샷 저장(복원 후에만 동작)
   }
   function setLeafFocus(id){
     focusLeaf=id;
@@ -1057,6 +1469,32 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     layout=rebuildNode(s.tree); zoomLeaf=null; var f=firstLeaf(); focusLeaf=f?f.id:'L0'; render(); renderTree(); toast('레이아웃 복원 · '+nm); }
   function deleteLayout(nm){ var o=loadLayouts(); delete o[nm]; saveLayouts(o); toast('레이아웃 삭제 · '+nm); }
+  // ── 마지막 세션 자동 기억/복원 (localStorage 'coxpit.session', 기기·데몬 origin 별) ──
+  // 탭·페인 배치가 바뀔 때마다 스냅샷을 저장하고, 코크핏을 다시 열면 마지막 모습 그대로 되살린다.
+  // rebuildNode 가 이미 사라진 run 은 걸러내므로 죽은 세션은 자동 제외된다. 별도 조작 불필요.
+  var SESSION_KEY='coxpit.session';
+  var sessionRestoreDone=false;
+  function persistSession(){
+    if(!sessionRestoreDone) return;   // 첫 복원 전(초기 빈 render)에 저장하면 스냅샷을 덮어써 버린다
+    try{ localStorage.setItem(SESSION_KEY, JSON.stringify(serializeNode(layout))); }catch(e){}
+  }
+  function restoreSession(){
+    if(sessionRestoreDone) return;    // 1회만(이후 hydrate 는 통과)
+    sessionRestoreDone=true;
+    // 이미 탭이 열려 있으면(딥링크 등) 손대지 않는다. 그 외에는 저장분을 되살린다.
+    if(!tabOrder.length){
+      var raw; try{ raw=localStorage.getItem(SESSION_KEY); }catch(e){ raw=null; }
+      var sn=null; if(raw){ try{ sn=JSON.parse(raw); }catch(e){ sn=null; } }
+      if(sn){ try{
+        var rebuilt=rebuildNode(sn);   // 살아있는 run·뷰어 탭을 되살린다(죽은 것은 tab=null 로 떨궈짐)
+        if(rebuilt){ layout=rebuilt; zoomLeaf=null; var f=firstLeaf(); focusLeaf=f?f.id:'L0'; }
+        if(!tabOrder.length){ layout={leaf:true,id:'L0',tab:null}; focusLeaf='L0'; }  // 되살릴 게 없으면 깔끔한 빈 상태
+        render(); renderTree();
+      }catch(e){} }
+    }
+    persistSession();   // 복원할 게 없거나 이미 탭이 있어도, 지금부터 현재 상태를 마지막-세션으로 기록한다
+  }
   // 탭 열기 = 포커스 슬롯에 표시(강제 분할 없음). 기존 호출부(openRunPane) 호환.
   function openTab(runId){
     zoomLeaf=null;   // 새 탭은 보여야 하므로 줌 해제
@@ -1100,6 +1538,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     try{ if(t.ro) t.ro.disconnect(); }catch(e){}
     try{ if(t.term) t.term.dispose(); }catch(e){}
     eachLeaf(layout,function(l){ if(l.tab===runId) l.tab=null; });
+    // 이 클라이언트의 터미널이 떨어졌으니 로컬 상태도 버린다(대기 칩에 갈 수 없는 곳이 남지 않게).
+    // 다른 클라이언트가 아직 붙어 있어 서버 맵엔 남아 있을 수 있는데, 그 어긋남은 다음 hydrate 가 통째 교체하며 스스로 맞춘다.
+    delete agentState[runId];
     delete tabs[runId]; tabOrder=tabOrder.filter(function(x){return x!==runId;});
     render(); renderTree();
   }
@@ -1146,12 +1587,21 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       var val=input.value.trim();
       var span=document.createElement('span'); span.className='nm'; span.textContent=(commit&&val)?val:t.name;
       input.replaceWith(span);
-      if(commit && val && val!==t.name) renameTask(r.taskId, val);
+      // 세션 버킷 탭은 지금까지처럼 태스크(=세션) 이름을, 그 외 run 은 역할 이름을 바꾼다.
+      if(commit && val && val!==t.name){ if(runIsSession(runId)) renameTask(r.taskId, val); else renameRun(runId, val); }
     }
     input.addEventListener('keydown', function(e){ e.stopPropagation(); if(e.key==='Enter'){ e.preventDefault(); finish(true); } else if(e.key==='Escape'){ finish(false); } });
     input.addEventListener('blur', function(){ finish(true); });
     input.addEventListener('click', function(e){ e.stopPropagation(); });
   }
+  // run 역할 이름(v6.0 T4) — PATCH /api/runs/:id { title }
+  async function renameRun(runId, title){
+    try{
+      var res=await fetch('/api/runs/'+runId,{method:'PATCH',headers:{'content-type':'application/json'},body:JSON.stringify({title:title})});
+      if(res.ok){ if(runById[runId]) runById[runId].title=title; toast('이름 변경 · '+title); await hydrate(); }
+      else { var j=await res.json().catch(function(){return{};}); toast('이름 변경 실패: '+(j.error||res.status)); }
+    }catch(e){ toast('이름 변경 실패: '+e); }
+  }
   async function renameTask(taskId, title){
     try{
       var res=await fetch('/api/tasks/'+taskId,{method:'PATCH',headers:{'content-type':'application/json'},body:JSON.stringify({title:title})});
@@ -1266,6 +1716,8 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   });
   // ── ⌘K 커맨드 팔레트 — 이동(세션·run·프로젝트) + 명령 ──
+  // 보드로 나가는 유일한 길. 헤더의 ← Board 와 같은 이동이고, 뷰만 딥링크로 지정한다.
+  function gotoBoard(view){ location.href = view ? ('/?view='+encodeURIComponent(view)) : '/'; }
   var palItems=[], palSel=0;
   function paletteItems(){
     var items=[
@@ -1281,7 +1733,11 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       {k:'cmd', label:'뷰어 / 히스토리', run:openHistory},
       {k:'cmd', label:'Review 열기 (비교·머지)', run:showReview},
       {k:'cmd', label:'시크릿 (env 주입)', run:openSecrets},
-      {k:'cmd', label:'보드로 전환', run:function(){ location.href='/'; }}
+      // 보드는 읽는 방이다 — ⌘K 한 번이면 닿지만, 현관은 아니다(v6.0 Part B).
+      // 뷰 전환은 보드가 이미 가진 setView 를 /?view= 딥링크로 깨울 뿐, 새 길을 내지 않는다.
+      {k:'board', label:'Board — 보드 (리뷰·기록실)', hint:'/', run:function(){ gotoBoard(''); }},
+      {k:'board', label:'Archive — 닫힌 작업 보관함', hint:'/?view=archive', run:function(){ gotoBoard('archive'); }},
+      {k:'board', label:'Workrooms — 골 워크룸', hint:'/?view=goals', run:function(){ gotoBoard('goals'); }}
     ];
     // 세션 → 페인으로 열기
     var runs=[]; Object.keys(runById).forEach(function(id){ runs.push(runById[id]); });
@@ -1406,15 +1862,390 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   // ── 자유 세션 — 폴더를 지정해 tmux 셸(프로젝트 비소속). ──
   var pickPathCur = '';
   function machineSlug(){ return (fleet.machines && fleet.machines[0] && fleet.machines[0].slug) || 'local'; }
+  // 세션 삭제의 유일한 길 — 한 건이든 정리 판의 여러 건이든 이 요청 하나를 지난다.
+  // 서버는 sessions 버킷 run 만 받아주고, 폴더는 **어느 경우에도** 건드리지 않는다.
+  async function delSessionReq(runId){
+    try{
+      var res=await fetch('/api/runs/'+runId,{method:'DELETE'});
+      var j=await res.json().catch(function(){return{};});
+      if(res.ok && tabs[runId]) closeTab(runId);
+      return { ok:res.ok, detail:(j.error||j.detail||('HTTP '+res.status)) };
+    }catch(e){ return { ok:false, detail:String(e) }; }
+  }
   async function deleteSession(runId){
     if(!confirm('이 세션을 삭제할까요?\\n터미널만 종료됩니다 · 폴더와 파일은 그대로 보존됩니다.')) return;
+    var r=await delSessionReq(runId);
+    if(r.ok){ toast('세션 삭제됨 (폴더 보존)'); await hydrate(); }
+    else toast('삭제 실패: '+r.detail);
+  }
+  // ── v6.0 S1b — Scratch 정리 ──
+  // 신호는 **이미 들고 있는 /api/fleet** 것만 쓴다(추가 엔드포인트 없음):
+  // tmuxWindow+status = 터미널이 살아 있나 · startedAt/endedAt = 마지막으로 움직인 게 언제였나.
+  // 규칙 둘: ① 터미널 없는 것만 미리 체크 ② 14일 넘게 조용한 것은 접어만 두고 **절대 미리 체크하지 않는다**
+  //          (보이지 않는 것을 지우는 판은 청소 도구가 아니라 함정이다).
+  var SCRUB_STALE_DAYS = 14;
+  var scrubSel = {}, scrubOldOpen = false, scrubbing = false;
+  function scratchRows(){
+    var out=[];
+    (fleet.runs||[]).forEach(function(r){
+      var t=taskById[r.taskId]; var rp=t&&repoById[t.repoId];
+      if(!rp || rp.kind!=='sessions') return;
+      var last=Math.max(r.endedAt?new Date(r.endedAt).getTime():0, r.startedAt?new Date(r.startedAt).getTime():0);
+      var days=last?Math.floor((Date.now()-last)/86400000):0;
+      var live=!!r.tmuxWindow && (r.status==='open'||r.status==='running');
+      out.push({ id:r.id, title:(t&&t.title)||('session r'+r.id), path:r.worktreePath||'', live:live, days:days, last:last });
+    });
+    out.sort(function(a,b){ return b.id-a.id; });
+    return out;
+  }
+  function scrubAge(x){ return !x.last ? '시각 모름' : (x.days===0 ? '오늘' : (x.days+'일 전')); }
+  function scrubRowHTML(x){
+    return '<label class="scrub-row" title="'+esc(x.path)+'"><input type="checkbox" data-scrubchk="'+x.id+'"'+(scrubSel[x.id]?' checked':'')+' />'
+      + '<span class="snm">'+esc(x.title)+'</span>'
+      + '<span class="slive'+(x.live?'':' dead')+'">'+(x.live?'터미널 살아 있음':'터미널 없음')+'</span>'
+      + '<span class="sage">r'+x.id+' · '+scrubAge(x)+'</span></label>';
+  }
+  function renderScrub(){
+    var rows=scratchRows(), fresh=[], old=[];
+    rows.forEach(function(x){ ((!x.live && x.days>=SCRUB_STALE_DAYS) ? old : fresh).push(x); });
+    var html = fresh.map(scrubRowHTML).join('');
+    if (old.length){
+      html += '<div class="scrub-fold" data-scrubold="1">'+(scrubOldOpen?'▾':'▸')+' 오래된 세션 '+old.length
+        + '<span class="sage">'+SCRUB_STALE_DAYS+'일 넘게 조용 · 접힌 것은 지워지지 않습니다</span></div>';
+      if (scrubOldOpen) html += old.map(scrubRowHTML).join('');
+    }
+    if (!rows.length) html = '<div class="pick-row" style="cursor:default;color:var(--faint)">정리할 세션이 없습니다</div>';
+    $('scrubList').innerHTML = html;
+    var n=scrubCount();
+    $('scrubHint').textContent = rows.length
+      ? (n+'개 선택 · 세션 '+rows.length+'개 중'+(old.length?(' · 오래된 '+old.length+'개는 접힘'):''))
+      : '';
+    $('scrubGo').disabled = n===0;
+  }
+  function scrubCount(){ var n=0; Object.keys(scrubSel).forEach(function(k){ if(scrubSel[k]) n++; }); return n; }
+  function openScrub(){
+    scrubSel={}; scrubOldOpen=false;
+    scratchRows().forEach(function(x){ if(!x.live && x.days<SCRUB_STALE_DAYS) scrubSel[x.id]=true; });
+    renderScrub(); $('scrubModal').classList.add('on');
+  }
+  function closeScrub(){ $('scrubModal').classList.remove('on'); }
+  async function runScrub(){
+    if (scrubbing) return;
+    var ids=Object.keys(scrubSel).filter(function(k){ return scrubSel[k]; }).map(Number);
+    if (!ids.length){ toast('선택한 세션이 없습니다'); return; }
+    scrubbing=true; $('scrubGo').disabled=true;
+    var okN=0, bad='';
+    for (var i=0;i<ids.length;i++){
+      var r=await delSessionReq(ids[i]);
+      if (r.ok) okN++; else if(!bad) bad=r.detail;
+    }
+    scrubbing=false; scrubSel={};
+    await hydrate();
+    toast('세션 '+okN+'개 삭제됨 (폴더 보존)'+(okN<ids.length?(' · 실패 '+(ids.length-okN)+(bad?(': '+bad):'')):''));
+    if (scratchRows().length) renderScrub(); else closeScrub();
+  }
+  $('scrubClose').addEventListener('click', closeScrub);
+  $('scrubModal').addEventListener('click', function(e){ if(e.target===this) closeScrub(); });
+  $('scrubGo').addEventListener('click', runScrub);
+  $('scrubList').addEventListener('change', function(e){
+    var c=e.target.closest('[data-scrubchk]'); if(!c) return;
+    scrubSel[+c.dataset.scrubchk]=c.checked; renderScrub();
+  });
+  $('scrubList').addEventListener('click', function(e){
+    if (e.target.closest('[data-scrubold]')){ scrubOldOpen=!scrubOldOpen; renderScrub(); }
+  });
+  // ── v6.0 S2 — 승격: 생각이 프로젝트가 된다(터미널은 잃지 않고) ──
+  // 길 둘. ① 이 폴더가 자랐다 → 기존 등록 흐름(POST /api/repos)으로 repo 로 만들고 작업을 그 아래로.
+  //        ② 이 작업이 저 프로젝트 것이다 → 이미 있는 repo 를 골라 PATCH /api/tasks/:id { repoId }.
+  // 어느 쪽이든 run 은 손대지 않는다 — worktreePath 가 그대로라 터미널은 같은 폴더에서 계속 돈다.
+  var promoTaskId=null, promoPath='', promoMode='register', promoRepoId=null, promoting=false;
+  function promoErr(msg){ var el=$('promoErr'); if(!msg){ el.hidden=true; el.textContent=''; return; } el.textContent=msg; el.hidden=false; }
+  function realRepoList(){ return (fleet.repos||[]).filter(function(x){ return x.kind!=='sessions'; }); }
+  function renderPromoRepos(){
+    var repos=realRepoList();
+    if (!repos.length){ $('promoRepos').innerHTML='<div class="pick-row" style="cursor:default;color:var(--faint)">등록된 프로젝트가 없습니다 — 먼저 등록으로 만드세요</div>'; return; }
+    $('promoRepos').innerHTML = repos.map(function(x){
+      return '<div class="pick-row'+(promoRepoId===x.id?' on':'')+'" data-promorepo="'+x.id+'">'
+        + '<span class="ic">'+(promoRepoId===x.id?'◉':'◯')+'</span><span>'+esc(x.name)+'</span>'
+        + '<span class="rel" title="'+esc(x.path)+'">'+esc(x.path)+'</span></div>';
+    }).join('');
+  }
+  // 폴더가 그 프로젝트 밖이면 숨기지 않고 말한다 — 바뀌는 건 소속뿐이고 터미널은 이 폴더에 남는다.
+  function paintPromoWarn(){
+    var w=$('promoWarn');
+    var rp=(promoMode==='move' && promoRepoId!=null) ? repoById[promoRepoId] : null;
+    var base=rp ? String(rp.path||'').replace(/\\/+$/,'') : '';
+    var inside = !!base && !!promoPath && (promoPath===base || promoPath.indexOf(base+'/')===0);
+    if (!rp || inside){ w.hidden=true; w.textContent=''; return; }
+    w.textContent='이 세션 폴더는 '+(rp.name||'그 프로젝트')+' 밖입니다 — 바뀌는 건 소속(정리)뿐이고, 터미널은 이 폴더에서 그대로 돕니다.';
+    w.hidden=false;
+  }
+  function setPromoMode(m){
+    promoMode = (m==='move') ? 'move' : 'register';
+    Array.prototype.forEach.call($('promoMode').querySelectorAll('.mode'), function(x){
+      x.classList.toggle('on', x.getAttribute('data-promo')===promoMode);
+    });
+    var reg = promoMode==='register';
+    $('promoWhat').textContent = reg
+      ? '이 폴더를 repo 로 등록하고 이 작업을 그 아래로 옮깁니다 (git 저장소여야 합니다)'
+      : '이미 등록된 프로젝트를 골라 이 작업을 그 아래로 옮깁니다';
+    $('promoRepos').hidden = reg;
+    $('promoGo').textContent = reg ? '등록하고 옮기기' : '여기로 옮기기';
+    if (!reg) renderPromoRepos();
+    promoErr(''); paintPromoWarn();
+  }
+  function openPromote(runId){
+    var r=runById[runId]; if(!r){ toast('세션을 찾을 수 없습니다'); return; }
+    promoTaskId=r.taskId; promoPath=r.worktreePath||''; promoRepoId=null;
+    $('promoPath').textContent = promoPath || '(폴더 없음)';
+    setPromoMode('register');
+    $('promoModal').classList.add('on');
+  }
+  function closePromote(){ $('promoModal').classList.remove('on'); }
+  async function doPromote(){
+    if (promoting || promoTaskId==null) return;
+    promoting=true; $('promoGo').disabled=true; promoErr('');
     try{
-      var res=await fetch('/api/runs/'+runId,{method:'DELETE'});
+      var repoId=promoRepoId;
+      if (promoMode==='register'){
+        if (!promoPath){ promoErr('이 세션의 폴더를 알 수 없습니다'); return; }
+        // 이미 등록된 폴더면 다시 등록하지 않는다 — 중복 등록은 트리를 어지럽힐 뿐이다.
+        var dup=realRepoList().filter(function(x){ return x.path===promoPath; })[0];
+        if (dup) repoId=dup.id;
+        else {
+          var rr=await fetch('/api/repos',{method:'POST',headers:{'content-type':'application/json'},
+            body:JSON.stringify({machineSlug:machineSlug(), path:promoPath})});
+          var rj=await rr.json().catch(function(){return{};});
+          if (!rr.ok || !rj.repo){ promoErr('등록 실패: '+(rj.detail||rj.hint||rj.error||rr.status)); return; }
+          repoId=rj.repo.id;
+        }
+      }
+      if (repoId==null){ promoErr('옮길 프로젝트를 고르세요'); return; }
+      var res=await fetch('/api/tasks/'+promoTaskId,{method:'PATCH',headers:{'content-type':'application/json'},
+        body:JSON.stringify({repoId:repoId})});
       var j=await res.json().catch(function(){return{};});
-      if(res.ok){ if(tabs[runId]) closeTab(runId); toast('세션 삭제됨 (폴더 보존)'); await hydrate(); }
-      else toast('삭제 실패: '+(j.error||res.status));
-    }catch(e){ toast('삭제 실패: '+e); }
+      if (!res.ok){ promoErr('옮기기 실패: '+(j.detail||j.error||res.status)); return; }
+      closePromote(); await hydrate();
+      toast('프로젝트로 승격 · 터미널은 이 폴더 그대로입니다');
+    }catch(e){ promoErr('승격 실패: '+e); }
+    finally{ promoting=false; $('promoGo').disabled=false; }
+  }
+  $('promoClose').addEventListener('click', closePromote);
+  $('promoModal').addEventListener('click', function(e){ if(e.target===this) closePromote(); });
+  $('promoGo').addEventListener('click', doPromote);
+  $('promoMode').addEventListener('click', function(e){
+    var b=e.target.closest('[data-promo]'); if(!b) return;
+    setPromoMode(b.getAttribute('data-promo'));
+  });
+  $('promoRepos').addEventListener('click', function(e){
+    var row=e.target.closest('[data-promorepo]'); if(!row) return;
+    promoRepoId=+row.dataset.promorepo; renderPromoRepos(); promoErr(''); paintPromoWarn();
+  });
+  // ── v6.0 T6 — 프로젝트 쪽 정리(그리고 고아 터미널) ──
+  // Scratch 가 S1b 로 치워지듯, 프로젝트도 **어질러지는 자리에서** 치워져야 한다. 셋 다 이미 있는
+  // 길만 지난다: 등록 해제=DELETE /api/repos/:id · 묵은 작업 정리=POST /api/tasks/:id/close ·
+  // 고아 터미널=/api/tmux/orphans. 규칙 하나는 셋이 공유한다 —
+  // **살아 있는 것도, 디스크의 폴더도, 놀라서 사라지는 일은 없다.**
+  var LIVE_RUN = { running:true, preparing:true, pending:true, open:true };
+  function taskRuns(taskId){ return (fleet.runs||[]).filter(function(r){ return r.taskId===taskId; }); }
+  function taskSettled(taskId){ return !taskRuns(taskId).some(function(r){ return LIVE_RUN[r.status]===true; }); }
+  function repoOpenTasks(repoId){ return (fleet.tasks||[]).filter(function(t){ return t.repoId===repoId && t.status!=='closed'; }); }
+  // v4.1 close 가드(taskCloseRisk)의 클라이언트 쪽 읽기 — 신호는 **이미 들고 있는 fleet** 것만 쓴다
+  // (정착 + 바뀐 파일 있음 + export·pr 로 빠져나간 적 없음). 최종 판정은 언제나 서버다:
+  // 닫기가 409 로 막으면 서버가 준 목록을 그대로, 한 번에 보여준다.
+  function closeRiskOf(taskId){
+    var out=[];
+    taskRuns(taskId).forEach(function(r){
+      if (['done','failed','stopped'].indexOf(r.status)<0) return;
+      if (!(r.filesChanged>0)) return;
+      if ((r.events||[]).some(function(e){ return e.kind==='export'||e.kind==='pr'; })) return;
+      out.push({ runId:r.id, filesChanged:r.filesChanged });
+    });
+    return out;
+  }
+  function riskText(list){
+    return list.map(function(x){ return 'r'+x.runId+'·'+x.filesChanged+'파일'; }).join(' ');
+  }
+  // ── 묵은 작업 정리 — 표 하나, 닫기 한 번 ──
+  var tidyRepoId=null, tidySel={}, tidyForce=null, tidying=false;
+  function tidyErr(msg){ var el=$('tidyErr'); if(!msg){ el.hidden=true; el.textContent=''; return; } el.textContent=msg; el.hidden=false; }
+  function tidyRows(){
+    return repoOpenTasks(tidyRepoId).filter(function(t){ return taskSettled(t.id); }).map(function(t){
+      var risk=closeRiskOf(t.id);
+      return { id:t.id, title:t.title||('task #'+t.id), runN:taskRuns(t.id).length, risk:risk };
+    }).sort(function(a,b){ return b.id-a.id; });
+  }
+  function tidyCount(){ var n=0; Object.keys(tidySel).forEach(function(k){ if(tidySel[k]) n++; }); return n; }
+  function tidyRowHTML(x){
+    return '<label class="scrub-row'+(x.risk.length?' risky':'')+'" title="'+esc(x.title)+'"><input type="checkbox" data-tidychk="'+x.id+'"'+(tidySel[x.id]?' checked':'')+' />'
+      + '<span class="snm">'+esc(x.title)+'</span>'
+      + (x.risk.length ? '<span class="swarn">미머지 '+esc(riskText(x.risk))+'</span>' : '')
+      + '<span class="sage">#'+x.id+' · run '+x.runN+'</span></label>';
+  }
+  function renderTidy(){
+    var rows=tidyRows();
+    $('tidyList').innerHTML = rows.length ? rows.map(tidyRowHTML).join('')
+      : '<div class="pick-row" style="cursor:default;color:var(--faint)">정리할 묵은 작업이 없습니다 — 남은 작업은 아직 돌고 있습니다</div>';
+    var n=tidyCount(), riskN=0;
+    rows.forEach(function(x){ if(x.risk.length && tidySel[x.id]) riskN++; });
+    $('tidyHint').textContent = rows.length
+      ? (n+'개 선택 · 정착한 작업 '+rows.length+'개'+(riskN?(' · 그중 미머지 '+riskN+'개'):''))
+      : '';
+    // 409 를 한 번 받았으면 버튼은 "그래도 닫기" 로 바뀐다 — 확인 창이 작업 수만큼 뜨는 일은 없다.
+    if (tidyForce && tidyForce.length){ $('tidyGo').textContent='그래도 닫기 ('+tidyForce.length+')'; $('tidyGo').disabled=false; }
+    else { $('tidyGo').textContent='선택 닫기'; $('tidyGo').disabled=n===0; }
+  }
+  function openTidy(repoId){
+    var rp=repoById[repoId]; if(!rp){ toast('프로젝트를 찾을 수 없습니다'); return; }
+    tidyRepoId=repoId; tidySel={}; tidyForce=null; tidyErr('');
+    $('tidyRepoName').textContent=(rp.name||'')+' — '+(rp.path||'');
+    // 미리 체크하는 것은 **위험 표시가 없는 것만**(S1b 와 같은 규칙: 안 보이는 위험을 대신 삼키지 않는다)
+    tidyRows().forEach(function(x){ if(!x.risk.length) tidySel[x.id]=true; });
+    renderTidy(); $('tidyModal').classList.add('on');
   }
+  function closeTidy(){ $('tidyModal').classList.remove('on'); }
+  async function closeTaskReq(taskId, force){
+    var res=await fetch('/api/tasks/'+taskId+'/close',{method:'POST',headers:{'content-type':'application/json'},
+      body:JSON.stringify(force?{force:true}:{})});
+    var j=await res.json().catch(function(){return{};});
+    return { ok:res.ok, status:res.status, atRisk:j.atRisk||[], detail:j.detail||j.error||('HTTP '+res.status) };
+  }
+  async function runTidy(){
+    if (tidying || tidyRepoId==null) return;
+    var force=!!(tidyForce && tidyForce.length);
+    var ids = force ? tidyForce.slice() : Object.keys(tidySel).filter(function(k){ return tidySel[k]; }).map(Number);
+    if (!ids.length){ toast('선택한 작업이 없습니다'); return; }
+    tidying=true; $('tidyGo').disabled=true; tidyErr('');
+    var okN=0, blocked=[], bad='';
+    for (var i=0;i<ids.length;i++){
+      var r=await closeTaskReq(ids[i], force);
+      if (r.ok){ okN++; delete tidySel[ids[i]]; }
+      else if (r.status===409){ blocked.push({ id:ids[i], atRisk:r.atRisk }); }
+      else if (!bad){ bad=r.detail; }
+    }
+    tidying=false; tidyForce=null;
+    await hydrate();
+    if (blocked.length){
+      // 서버 가드가 막은 것들 — 한 판에 모아 한 번만 묻는다(v4.1 그룹 닫기와 같은 규칙).
+      tidyForce = blocked.map(function(b){ return b.id; });
+      blocked.forEach(function(b){ tidySel[b.id]=true; });
+      var lines = blocked.map(function(b){
+        var t=taskById[b.id];
+        return ((t&&t.title)||('#'+b.id))+' — '+(riskText(b.atRisk||[])||'미머지 산출물');
+      }).join(' · ');
+      tidyErr('아직 살릴 곳이 없는 산출물이 있습니다(머지도 export 도 PR 도 아님): '+lines
+        + ' · 그래도 닫으면 그 변경은 worktree 와 함께 사라집니다.');
+    }
+    if (okN || bad) toast('작업 '+okN+'개 닫음'+(bad?(' · 실패: '+bad):'')+(blocked.length?(' · 확인 필요 '+blocked.length+'개'):''));
+    if (tidyRows().length || blocked.length) renderTidy(); else closeTidy();
+  }
+  $('tidyClose').addEventListener('click', closeTidy);
+  $('tidyModal').addEventListener('click', function(e){ if(e.target===this) closeTidy(); });
+  $('tidyGo').addEventListener('click', runTidy);
+  $('tidyList').addEventListener('change', function(e){
+    var c=e.target.closest('[data-tidychk]'); if(!c) return;
+    tidySel[+c.dataset.tidychk]=c.checked; tidyForce=null; tidyErr(''); renderTidy();
+  });
+  // ── 등록 해제 — 목록에서만 뺀다. 디스크는 건드리지 않는다 ──
+  var unregRepoId=null, unregging=false;
+  function unregErr(msg){ var el=$('unregErr'); if(!msg){ el.hidden=true; el.textContent=''; return; } el.textContent=msg; el.hidden=false; }
+  function openUnreg(repoId){
+    var rp=repoById[repoId]; if(!rp){ toast('프로젝트를 찾을 수 없습니다'); return; }
+    unregRepoId=repoId; unregErr('');
+    $('unregPath').textContent=(rp.name||'')+' — '+(rp.path||'');
+    // 열린 작업의 close 가드를 여기서 미리 합산해 보여준다 — 거절당하고 나서야 아는 일이 없게.
+    var open=repoOpenTasks(repoId), riskN=0;
+    open.forEach(function(t){ if(closeRiskOf(t.id).length) riskN++; });
+    $('unregRisk').textContent = open.length
+      ? ('열린 작업 '+open.length+'개'+(riskN?(' · 그중 미머지 산출물 '+riskN+'개'):'')+' — 열린 작업이 남아 있으면 해제는 거절됩니다. 「정리…」로 먼저 닫으세요.')
+      : '열린 작업 없음 — 바로 해제됩니다.';
+    $('unregModal').classList.add('on');
+  }
+  function closeUnreg(){ $('unregModal').classList.remove('on'); }
+  async function doUnreg(){
+    if (unregging || unregRepoId==null) return;
+    unregging=true; $('unregGo').disabled=true; unregErr('');
+    try{
+      var res=await fetch('/api/repos/'+unregRepoId,{method:'DELETE'});
+      var j=await res.json().catch(function(){return{};});
+      if (!res.ok){
+        unregErr('해제 실패: '+(j.detail||j.error||('HTTP '+res.status))+(res.status===409?' — 「정리…」로 먼저 닫으세요.':''));
+        return;
+      }
+      closeUnreg(); await hydrate();
+      toast('등록 해제됨 · 폴더와 파일은 그대로입니다');
+    }catch(e){ unregErr('해제 실패: '+e); }
+    finally{ unregging=false; $('unregGo').disabled=false; }
+  }
+  $('unregClose').addEventListener('click', closeUnreg);
+  $('unregModal').addEventListener('click', function(e){ if(e.target===this) closeUnreg(); });
+  $('unregGo').addEventListener('click', doUnreg);
+  // ── 고아 터미널(↻ — 보드의 Reclaim worktrees 와 같은 유지보수 가족) ──
+  // 2026-09-17 에 손으로 13개를 걷어낸 그 일. 목록은 서버가 판정한다(DB 에 run 이 없는 coxpit-r* 만).
+  // 빈 셸만 미리 체크하고, 무언가 돌고 있는 세션은 **표시만** 한다 — 지우는 판이 보여주지 않은 것을
+  // 지우는 순간 그건 빗자루가 아니라 함정이 된다.
+  var reapRows=[], reapSel={}, reaping=false;
+  function reapRowHTML(x){
+    return '<label class="scrub-row'+(x.idle?'':' risky')+'" title="'+esc(x.name)+'"><input type="checkbox" data-reapchk="'+esc(x.name)+'"'+(reapSel[x.name]?' checked':'')+' />'
+      + '<span class="snm">'+esc(x.name)+'</span>'
+      + (x.idle ? '<span class="slive dead">빈 셸</span>' : '<span class="swarn">돌고 있음: '+esc(x.command||'?')+'</span>')
+      + '<span class="sage">r'+x.runId+' · run 기록 없음</span></label>';
+  }
+  function reapCount(){ var n=0; Object.keys(reapSel).forEach(function(k){ if(reapSel[k]) n++; }); return n; }
+  function renderReap(){
+    $('reapList').innerHTML = reapRows.length ? reapRows.map(reapRowHTML).join('')
+      : '<div class="pick-row" style="cursor:default;color:var(--faint)">고아 터미널이 없습니다 — 남은 tmux 세션은 모두 아는 run 의 것입니다</div>';
+    var n=reapCount(), busy=0;
+    reapRows.forEach(function(x){ if(!x.idle) busy++; });
+    $('reapHint').textContent = reapRows.length
+      ? (n+'개 선택 · 고아 '+reapRows.length+'개'+(busy?(' · 돌고 있는 '+busy+'개는 미선택'):''))
+      : '';
+    $('reapGo').disabled = n===0;
+  }
+  async function loadReap(){
+    $('reapList').innerHTML='<div class="pick-row" style="cursor:default;color:var(--faint)">tmux 세션을 읽는 중…</div>';
+    $('reapHint').textContent=''; $('reapGo').disabled=true;
+    reapRows=[]; reapSel={};
+    try{
+      var res=await fetch('/api/tmux/orphans');
+      var j=await res.json();
+      reapRows=j.sessions||[];
+      reapRows.forEach(function(x){ if(x.idle) reapSel[x.name]=true; });   // 빈 셸만 미리 체크
+    }catch(e){ reapRows=[]; }
+    renderReap();
+  }
+  function openReap(){ $('reapModal').classList.add('on'); loadReap(); }
+  function closeReap(){ $('reapModal').classList.remove('on'); }
+  async function runReap(){
+    if (reaping) return;
+    var names=Object.keys(reapSel).filter(function(k){ return reapSel[k]; });
+    if (!names.length){ toast('선택한 세션이 없습니다'); return; }
+    reaping=true; $('reapGo').disabled=true;
+    try{
+      var res=await fetch('/api/tmux/orphans/kill',{method:'POST',headers:{'content-type':'application/json'},
+        body:JSON.stringify({sessions:names})});
+      var j=await res.json().catch(function(){return{};});
+      if (!res.ok){ toast('종료 실패: '+(j.detail||j.error||('HTTP '+res.status))); }
+      else { toast('고아 터미널 '+(j.count||0)+'개 종료됨'+((j.skipped&&j.skipped.length)?(' · 건너뜀 '+j.skipped.length+'개'):'')); }
+    }catch(e){ toast('종료 실패: '+e); }
+    finally{ reaping=false; }
+    await loadReap();
+  }
+  $('reapBtn').addEventListener('click', openReap);
+  $('reapClose').addEventListener('click', closeReap);
+  $('reapModal').addEventListener('click', function(e){ if(e.target===this) closeReap(); });
+  $('reapGo').addEventListener('click', runReap);
+  $('reapList').addEventListener('change', function(e){
+    var c=e.target.closest('[data-reapchk]'); if(!c) return;
+    reapSel[c.dataset.reapchk]=c.checked; renderReap();
+  });
   function openSession(){ $('pickModal').classList.add('on'); $('pickName').value=''; browseTo(''); }
   function closePicker(){ $('pickModal').classList.remove('on'); }
   async function browseTo(p){
@@ -1456,6 +2287,117 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   $('pickName').addEventListener('keydown', function(e){ if(e.key==='Enter'){ e.preventDefault(); $('pickGo').click(); } });
   $('sessionBtn').addEventListener('click', openSession);
+  // ── v6.0 Part T — 새 작업(＋ 새 작업) / 에이전트 추가(＋ 에이전트) ──
+  // 작업 = task(이름이 사는 곳), 그 아래 세션 = run. 작업을 만들면 repo 체크아웃에
+  // main 터미널(root 세션)이 바로 열리고, 에이전트는 그 작업 아래에 worktree 로 붙는다.
+  // v6.0 Part P — 격리는 강제가 아니라 선택이다. 'worktree'(기본, 지금까지의 손버릇 그대로)
+  // 아니면 'inplace'(repo 체크아웃 공유 · 순차). 도구는 대가를 그대로 말하고, 한 체크아웃에
+  // 에이전트 둘은 절대 안 돌린다(서버가 409 로 막고, 그 이유는 시트 안에서 보인다).
+  var workRepoId=null, agentTaskId=null, agentProvId='', agentPlace='worktree';
+  var PLACE_HINT={ worktree:'worktree 로 격리해 띄웁니다 — 나란히 비교하고 승자만 머지',
+                   inplace:'repo 체크아웃에서 그대로 띄웁니다 — main 터미널에서 편집이 바로 보입니다' };
+  function setAgentPlace(p){
+    agentPlace = (p==='inplace') ? 'inplace' : 'worktree';
+    Array.prototype.forEach.call($('agentPlace').querySelectorAll('.mode'), function(x){
+      x.classList.toggle('on', x.getAttribute('data-place')===agentPlace);
+    });
+    $('agentPlaceHint').textContent = PLACE_HINT[agentPlace];
+  }
+  function agentErr(msg){ var el=$('agentErr'); if(!msg){ el.hidden=true; el.textContent=''; return; } el.textContent=msg; el.hidden=false; }
+  function openNewWork(repoId){
+    var rp=repoById[repoId]; if(!rp){ toast('프로젝트를 찾을 수 없습니다'); return; }
+    workRepoId=repoId;
+    $('workRepoName').textContent=rp.name+(rp.path?(' · '+rp.path):'');
+    $('workName').value=''; $('workModal').classList.add('on');
+    setTimeout(function(){ try{ $('workName').focus(); }catch(e){} }, 30);
+  }
+  function closeNewWork(){ $('workModal').classList.remove('on'); }
+  var creatingWork=false;
+  async function createWork(){
+    if(creatingWork || workRepoId==null) return;
+    var title=$('workName').value.trim();
+    if(!title){ toast('작업 이름을 적어주세요'); $('workName').focus(); return; }
+    creatingWork=true; $('workGo').disabled=true;
+    try{
+      var res=await fetch('/api/workbench',{method:'POST',headers:{'content-type':'application/json'},
+        body:JSON.stringify({repoId:workRepoId, title:title, root:true})});
+      var j=await res.json().catch(function(){return{};});
+      if(res.ok && j.runId){ closeNewWork(); await hydrate(); openRunPane(j.runId); toast('작업 · '+title+' — main 터미널 열림'); }
+      else toast('작업 생성 실패: '+(j.detail||j.error||res.status));
+    }catch(e){ toast('작업 생성 실패: '+e); }
+    finally{ creatingWork=false; $('workGo').disabled=false; }
+  }
+  // WORK.md — 이 작업의 공유 컨텍스트(목표·결정·제약). 서버가 없으면 빈 파일로 만들어 주고,
+  // 그 경로가 파일 뷰어 루트(기본=홈, ~/.coxpit 이 그 안) 안이면 **평소 쓰던 뷰어 페인** 그대로 연다.
+  // 밖이면(COXPIT_DB 를 홈 밖으로 옮긴 경우) 같은 페인이 전용 창구로 읽고 쓴다 — 어포던스는 깨지지 않는다.
+  // [주의] 저장은 **다음 발사·steer** 부터 닿는다. 돌고 있는 턴에 끼어드는 마법은 없다.
+  async function openWorkDoc(taskId){
+    var t=taskById[taskId]; if(!t){ toast('작업을 찾을 수 없습니다'); return; }
+    try{
+      var res=await fetch('/api/tasks/'+taskId+'/work',{method:'POST'});
+      var j=await res.json().catch(function(){return{};});
+      if(!res.ok || !j.path){ toast('WORK.md 를 열 수 없습니다: '+(j.detail||j.error||res.status)); return; }
+      var v=ensureViewer(j.path, 'WORK.md · '+(t.title||('task '+taskId)), { edit:true, workTaskId:(j.inRoot?null:taskId) });
+      openTab(v.runId); if (isMobile()) setDrawer(false);
+      toast('WORK.md · 저장한 내용은 다음 발사·steer 부터 전달됩니다');
+    }catch(e){ toast('WORK.md 를 열 수 없습니다: '+e); }
+  }
+  function openAddAgent(taskId){
+    var t=taskById[taskId]; if(!t){ toast('작업을 찾을 수 없습니다'); return; }
+    agentTaskId=taskId;
+    var rp=repoById[t.repoId];
+    $('agentWorkName').textContent=(rp?rp.name+' ▸ ':'')+t.title;
+    $('agentRole').value='';
+    var provs=(fleet.providers||[]).slice();
+    if(!provs.length) provs=[{id:'claude-code',label:'claude-code'}];
+    if(!agentProvId || !provs.some(function(p){ return p.id===agentProvId; })) agentProvId=provs[0].id;
+    $('agentProv').innerHTML=provs.map(function(p){
+      return '<button type="button" class="mode'+(p.id===agentProvId?' on':'')+'" data-prov="'+esc(p.id)+'">'+esc(p.label||p.id)+'</button>';
+    }).join('');
+    agentErr(''); setAgentPlace(agentPlace);
+    $('agentModal').classList.add('on');
+    setTimeout(function(){ try{ $('agentRole').focus(); }catch(e){} }, 30);
+  }
+  function closeAddAgent(){ $('agentModal').classList.remove('on'); }
+  var addingAgent=false;
+  async function addAgent(){
+    if(addingAgent || agentTaskId==null) return;
+    addingAgent=true; $('agentGo').disabled=true; agentErr('');
+    try{
+      var role=$('agentRole').value.trim();
+      var res=await fetch('/api/tasks/'+agentTaskId+'/run',{method:'POST',headers:{'content-type':'application/json'},
+        body:JSON.stringify({agent:agentProvId, count:1, real:$('agentReal').checked, model:$('agentModel').value.trim(), title:role,
+          inPlace:(agentPlace==='inplace')})});
+      var j=await res.json().catch(function(){return{};});
+      var ids=(j&&j.runs||[]).map(function(x){ return x.id; });
+      if(res.ok && ids.length){ closeAddAgent(); await hydrate(); openRunPane(ids[0]);
+        toast('에이전트 추가 · '+(role||agentProvId)+' · '+(agentPlace==='inplace'?'in-place':'worktree')); }
+      // 체크아웃이 이미 물려 있으면(409) 시트를 닫지 않는다 — 여기서 이유를 읽고 바로 고를 수 있게.
+      else if(res.status===409){ agentErr(j.detail||'이 체크아웃에서 이미 다른 에이전트가 일하고 있습니다 — steer 하거나 worktree 로 띄우세요'); }
+      else agentErr('에이전트 추가 실패: '+(j.detail||j.error||res.status));
+    }catch(e){ agentErr('에이전트 추가 실패: '+e); }
+    finally{ addingAgent=false; $('agentGo').disabled=false; }
+  }
+  $('workClose').addEventListener('click', closeNewWork);
+  $('workModal').addEventListener('click', function(e){ if(e.target===this) closeNewWork(); });
+  $('workGo').addEventListener('click', createWork);
+  $('workName').addEventListener('keydown', function(e){ e.stopPropagation(); if(e.key==='Enter' && !e.isComposing){ e.preventDefault(); createWork(); } });
+  $('agentClose').addEventListener('click', closeAddAgent);
+  $('agentModal').addEventListener('click', function(e){ if(e.target===this) closeAddAgent(); });
+  $('agentGo').addEventListener('click', addAgent);
+  $('agentProv').addEventListener('click', function(e){
+    var b=e.target.closest('[data-prov]'); if(!b) return;
+    agentProvId=b.getAttribute('data-prov');
+    Array.prototype.forEach.call(this.querySelectorAll('.mode'), function(x){ x.classList.toggle('on', x.getAttribute('data-prov')===agentProvId); });
+  });
+  $('agentPlace').addEventListener('click', function(e){
+    var b=e.target.closest('[data-place]'); if(!b) return;
+    setAgentPlace(b.getAttribute('data-place')); agentErr('');
+  });
+  Array.prototype.forEach.call([$('agentRole'),$('agentModel')], function(el){
+    el.addEventListener('keydown', function(e){ e.stopPropagation(); if(e.key==='Enter' && !e.isComposing){ e.preventDefault(); addAgent(); } });
+  });
   // ── 파일 피커(뷰어로 열기) — 폴더=이동, 파일=뷰어 ──
   var fpDirCur = '';
   function openFilePicker(){ $('fpickModal').classList.add('on'); $('fpSearch').value=''; fpTo(fpDirCur||''); setTimeout(function(){ try{ $('fpSearch').focus(); }catch(e){} },30); }
@@ -1631,6 +2573,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   function openReviewForRun(runId){ var r=runById[runId]; if(!r){ toast('run 정보 없음'); return; } showReview(); rvTaskId=r.taskId; try{ $('rvTask').value=String(r.taskId); }catch(e){} syncVcmd(); loadCompare(r.taskId); }
   $('vtTerm').addEventListener('click', showTerminal);
   $('vtReview').addEventListener('click', showReview);
+  // Docs = 보드 열람실(문서 스냅샷은 아카이브 뷰에 산다). Part B 원칙 그대로 gotoBoard 로 연다 —
+  // 죽은 버튼을 코크핏 안에 문서뷰를 다시 그리지 않고, 이미 있는 보드로 보낸다.
+  $('vtDocs').addEventListener('click', function(){ gotoBoard('archive'); });
   function reviewableTasks(){
     var byTask = {}; (fleet.runs||[]).forEach(function(r){ byTask[r.taskId]=(byTask[r.taskId]||0)+1; });
     return (fleet.tasks||[]).filter(function(t){
@@ -1677,10 +2622,12 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       rns.forEach(function(r){
         var col=document.createElement('div'); col.className='rv-col';
         var st = typeof r.stat==='string' ? r.stat.split('\\n').pop().trim() : '';
-        var mergeable = (r.status==='done'||r.status==='open'||r.status==='merged') && r.filesChanged>0;
+        // 브랜치가 없는 run(in-place · main 손터미널)은 머지할 것이 없다 — 편집이 이미 체크아웃에 있다.
+        var noIso = !r.branch;
+        var mergeable = !noIso && (r.status==='done'||r.status==='open'||r.status==='merged') && r.filesChanged>0;
         // green-gate: verifyCmd 있는데 pass 아니면 "merge anyway"(주의색) — 막지 않고 경고
-        var gated = hasVerify && r.verifyStatus!=='pass';
-        var mlabel = r.status==='merged' ? 'merged' : (gated ? 'merge anyway' : 'merge ▸');
+        var gated = !noIso && hasVerify && r.verifyStatus!=='pass';
+        var mlabel = noIso ? 'in-place' : (r.status==='merged' ? 'merged' : (gated ? 'merge anyway' : 'merge ▸'));
         var vline = '';
         if (hasVerify){
           var vs = r.verifyStatus||''; var out = (r.verifyOutput||'').split('\\n').pop();
@@ -1693,7 +2640,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
           + '<span class="rid">r'+r.id+'</span><span class="chip '+esc(r.status)+'">'+esc(r.status)+'</span>'
           + '<span class="stat">'+esc(st)+'</span>'
           + '<button class="rv-merge'+(gated?' caution':'')+'" data-merge="'+r.id+'"'+((r.status==='merged'||!mergeable)?' disabled':'')
-          + (gated?' title="검증 미통과 — 그래도 머지"':'')+'>'+mlabel+'</button></div>'
+          + (noIso?' title="체크아웃에서 직접 작업 — 머지할 것이 없습니다(아래는 커밋 안 한 변경)"':(gated?' title="검증 미통과 — 그래도 머지"':''))+'>'+mlabel+'</button></div>'
           + vline
           + '<div class="rv-diff">'+diffHTML(r.diff)+'</div>';
         col._vout = { text: r.verifyOutput||'' };
@@ -1746,7 +2693,13 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     var ws = new WebSocket(proto+'://'+location.host+'/ws');
     ws.onopen = function(){ $('ws').classList.add('on'); $('wstext').textContent='live'; };
     ws.onclose = function(){ $('ws').classList.remove('on'); $('wstext').textContent='reconnecting'; setTimeout(wsConnect, 1500); };
-    ws.onmessage = function(){ /* 델타는 종류가 많아 단순히 전체 리하이드레이트(디바운스) */ scheduleHydrate(); };
+    /* 델타는 종류가 많아 단순히 전체 리하이드레이트(디바운스).
+       단 agentstate 는 초당 여러 번 올 수 있어 리하이드레이트를 걸지 않는다 — 그 run 자리만 표적으로 칠한다(A4). */
+    ws.onmessage = function(m){
+      var ev=null; try{ ev = JSON.parse(m.data); }catch(e){}
+      if (ev && ev.type==='agentstate'){ paintAgentState(ev.runId, ev.state); return; }
+      scheduleHydrate();
+    };
   }
   var hydT=null;
   function scheduleHydrate(){ if (hydT) return; hydT = setTimeout(function(){ hydT=null; hydrate(); }, 400); }