tabby-agentdeck 1.0.0 → 1.1.1

package/dist/index.js

@@ -312,6 +312,106 @@ ___CSS_LOADER_EXPORT___.push([module.id, `body.agentdeck-active.ad-bg-clip .cont
   font-variant-numeric: tabular-nums;
   opacity: 0.55;
 }
+#agentdeck-sidebar .ad-resume-head {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin: 5px 0 2px;
+  padding: 2px 4px 2px 11px;
+  border-radius: 4px;
+  color: rgba(255, 255, 255, 0.34);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  cursor: pointer;
+  transition: background 0.1s ease, color 0.1s ease;
+}
+#agentdeck-sidebar .ad-resume-head:hover {
+  background: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.6);
+}
+#agentdeck-sidebar .ad-resume-head .ad-group-count {
+  background: rgba(255, 255, 255, 0.06);
+  color: rgba(255, 255, 255, 0.45);
+}
+#agentdeck-sidebar .ad-resume-head .ad-group-caret {
+  margin-left: auto;
+}
+#agentdeck-sidebar .ad-resume {
+  display: flex;
+  align-items: stretch;
+  gap: 8px;
+  margin: 0 0 3px 11px;
+  padding: 5px 6px 5px 0;
+  border-radius: 5px;
+  cursor: pointer;
+  opacity: 0.66;
+  transition: background 0.1s ease, opacity 0.1s ease;
+}
+#agentdeck-sidebar .ad-resume:hover {
+  background: rgba(255, 255, 255, 0.05);
+  opacity: 1;
+}
+#agentdeck-sidebar .ad-resume .ad-bar {
+  background: #3a404b;
+  background-image: linear-gradient(var(--ad-panel-bg, var(--bs-body-bg, #1e2127)) 50%, transparent 0);
+  background-size: 100% 5px;
+}
+#agentdeck-sidebar .ad-resume .ad-title {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.72);
+}
+#agentdeck-sidebar .ad-resume .ad-meta {
+  gap: 5px;
+  margin-top: 1px;
+  font-size: 10px;
+  color: rgba(255, 255, 255, 0.36);
+}
+#agentdeck-sidebar .re-was {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 600;
+}
+#agentdeck-sidebar .re-was.s-done {
+  color: rgba(152, 195, 121, 0.62);
+}
+#agentdeck-sidebar .re-was.s-error {
+  color: rgba(224, 108, 117, 0.68);
+}
+#agentdeck-sidebar .re-was.s-limited {
+  color: rgba(198, 120, 221, 0.62);
+}
+#agentdeck-sidebar .re-was.s-waiting {
+  color: rgba(97, 175, 239, 0.62);
+}
+#agentdeck-sidebar .re-was.s-running {
+  color: rgba(229, 192, 123, 0.62);
+}
+#agentdeck-sidebar .re-was.s-idle {
+  color: rgba(255, 255, 255, 0.3);
+}
+#agentdeck-sidebar .re-was.live {
+  padding: 0 4px;
+  border-radius: 7px;
+  background: rgba(229, 192, 123, 0.16);
+  color: #e5c07b;
+}
+#agentdeck-sidebar .re-when {
+  flex: 0 0 auto;
+  margin-left: auto;
+  padding-left: 6px;
+  font-variant-numeric: tabular-nums;
+}
+#agentdeck-sidebar .ad-resume.open {
+  opacity: 0.9;
+}
+#agentdeck-sidebar .ad-resume.open .ad-bar {
+  background: #e5c07b;
+  background-image: none;
+}
 #agentdeck-sidebar .ad-label-input {
   flex: 1 1 auto;
   min-width: 0;
@@ -1431,7 +1531,7 @@ body.agentdeck-active .window {
   color: rgba(255, 255, 255, 0.5);
   font-size: 11px;
   cursor: pointer;
-}`, "",{"version":3,"sources":["webpack://./src/styles.scss"],"names":[],"mappings":"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","sourcesContent":["// AgentDeck 사이드바 스타일\r\n// Tabby 테마 변수(--bs-*)를 우선 쓰되, 없을 때를 대비해 폴백 색을 함께 준다.\r\n\r\n// tabby-background 의 배경 이미지 레이어(.content-tab-active::before)를 터미널 영역으로 자른다.\r\n// 좌표 변수(--ad-bg-*)는 deck.service 의 syncBackgroundClip 이 relayout 마다 내려준다.\r\n// 그 플러그인은 런타임에 <style> 을 만들어 head 뒤쪽에 붙이므로 순서로는 못 이긴다 — !important 필수.\r\nbody.agentdeck-active.ad-bg-clip .content-tab-active::before {\r\n    left: var(--ad-bg-left) !important;\r\n    top: var(--ad-bg-top) !important;\r\n    right: auto !important;\r\n    bottom: auto !important;\r\n    width: var(--ad-bg-width) !important;\r\n    height: var(--ad-bg-height) !important;\r\n}\r\n\r\n#agentdeck-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    // 실제 위치와 크기는 deck.service 의 relayout 이 인라인으로 준다 (도킹 방향에 따라 달라짐)\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    // --ad-panel-bg 는 agentdeck 이 sidebarOpacity 로 내려준다 (배경 이미지가 비치게)\r\n    background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    font-size: 12px;\r\n    user-select: none;\r\n    -webkit-app-region: no-drag;\r\n\r\n    // 붙어 있는 쪽 반대편에만 경계선을 그린다\r\n    &.ad-dock-right { border-left: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-left { border-right: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-top { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }\r\n\r\n    // 상/하 도킹은 세로가 짧으므로 목록을 가로로 흘린다\r\n    &.ad-dock-top,\r\n    &.ad-dock-bottom {\r\n        .ad-list {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-content: flex-start;\r\n            gap: 0 6px;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        // 한 줄에 여러 탭이 나란히 서므로 폭을 220px 로 못박는다 — 제목 길이에 따라\r\n        // 들쭉날쭉하면 어느 칸이 어느 세션인지 눈으로 못 따라가고, 제목이 바뀔 때마다 자리가 밀린다.\r\n        //\r\n        // **`min-width: 0` 이 있어야 `flex-basis` 가 살아남는다.** flex 아이템은\r\n        // `min-width: auto`(초깃값) + `overflow: visible` 이면 **자동 최소 크기**가 걸려\r\n        // 최소내용폭(min-content) 밑으로는 줄지 않는다. 그래서 제목이 긴 탭은 220 을 밀어올렸다\r\n        // (2026-09-09 CDP 실측: 1700 창·탭 6개에서 220 지정인데 384.7px, 한 줄에 4개 +\r\n        // 둘째 줄이 반쯤 잘림). 폭을 못박아도 제목은 읽힌다 — `.ad-title` 이 이미 말줄임을\r\n        // 갖고 있고, 220 은 좌/우 도킹의 평소 줄 폭(사이드바 기본 200px)보다 오히려 넓다.\r\n        .ad-tab {\r\n            flex: 0 0 220px;\r\n            min-width: 0;\r\n        }\r\n\r\n        // 그룹 헤더는 한 줄을 다 차지해 가로 흘림을 끊는다 — 그래야 헤더 아래 줄부터 그 그룹의\r\n        // 탭이 흐른다. 헤더를 div 로 감싸는 대신 형제로 두는 이유가 이것이다(deck.service renderGroupHead)\r\n        .ad-group-head {\r\n            flex: 0 0 100%;\r\n            margin-top: 2px;\r\n        }\r\n    }\r\n\r\n    .ad-head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 10px 12px 8px;\r\n        letter-spacing: 0.12em;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        // 헤더를 잡아 끌면 도킹 방향을 바꾼다 (OS 창 이동에 뺏기면 안 되므로 no-drag)\r\n        -webkit-app-region: no-drag;\r\n        cursor: grab;\r\n\r\n        &:active {\r\n            cursor: grabbing;\r\n        }\r\n    }\r\n\r\n    // 경계선 — 잡아 끌면 크기가 바뀐다. 붙어 있는 쪽 반대편 가장자리에 놓는다\r\n    .ad-resize {\r\n        position: absolute;\r\n        z-index: 6;\r\n        background: transparent;\r\n        transition: background 0.12s ease;\r\n\r\n        &:hover,\r\n        body.ad-resizing & {\r\n            background: rgba(97, 175, 239, 0.5);\r\n        }\r\n    }\r\n\r\n    .ad-resize-right,\r\n    .ad-resize-left {\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 6px;\r\n        cursor: col-resize;\r\n    }\r\n\r\n    .ad-resize-right { left: 0; }\r\n    .ad-resize-left { right: 0; }\r\n\r\n    .ad-resize-top,\r\n    .ad-resize-bottom {\r\n        left: 0;\r\n        right: 0;\r\n        height: 6px;\r\n        cursor: row-resize;\r\n    }\r\n\r\n    .ad-resize-bottom { top: 0; }\r\n    .ad-resize-top { bottom: 0; }\r\n\r\n    // 상태별 집계 칩 한 줄 — `⏸ 2  ● 3  ○ 1`. 헤더 높이는 총 개수만 있던 때와 같게 유지한다\r\n    .ad-head-count {\r\n        -webkit-app-region: no-drag;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex: 0 0 auto;\r\n        white-space: nowrap;\r\n        letter-spacing: 0;\r\n        color: rgba(255, 255, 255, 0.55);\r\n    }\r\n\r\n    .ad-cnt {\r\n        padding: 1px 6px;\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: var(--ad-color, rgba(255, 255, 255, 0.55));\r\n        font-size: 10px;\r\n        line-height: 1.3;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    // 요구 2-1: 탭이 많아지면 이 영역만 스크롤된다\r\n    .ad-list {\r\n        flex: 1 1 auto;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        padding: 2px 6px 8px;\r\n        // **못박아 둔다** — 드래그 자동 스크롤(deck.service `dragScrollTick`)이 매 프레임\r\n        // `scrollTop` 에 몇 px 를 더하는 식으로 목록을 흘린다. 여기가 `smooth` 면 그 대입마다\r\n        // 새 애니메이션이 시작돼 서로를 덮어써서 목록이 기어가거나 아예 멈춘다.\r\n        // 지금 이 값을 `smooth` 로 켜는 곳은 없지만(전역 검색 0건), 나중에 누가 켜면\r\n        // 그 기능이 **조용히** 못 쓰게 되는 자리라 의도를 여기 남긴다.\r\n        scroll-behavior: auto;\r\n\r\n        &::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        &::-webkit-scrollbar-thumb {\r\n            background: rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n\r\n            &:hover {\r\n                background: rgba(255, 255, 255, 0.24);\r\n            }\r\n        }\r\n    }\r\n\r\n    // 프로젝트(작업 폴더) 그룹 헤더 — `▾ tabby-agentdeck  3`. 그룹이 둘 이상일 때만 그린다.\r\n    // 헤더 자체는 탭보다 작고 어둡게 둔다 — 세션 목록이 주인공이고 이건 칸막이다.\r\n    .ad-group-head {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        margin: 7px 0 2px;\r\n        padding: 2px 4px;\r\n        border-radius: 4px;\r\n        color: rgba(255, 255, 255, 0.42);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.06em;\r\n        cursor: pointer;\r\n        transition: background 0.1s ease, color 0.1s ease;\r\n\r\n        // 첫 그룹은 목록 맨 위에 붙어야 자연스럽다 (.ad-list 가 이미 위쪽 여백을 준다)\r\n        &:first-child {\r\n            margin-top: 1px;\r\n        }\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        // 접힌 그룹은 \"여기 뭔가 숨어 있다\" 가 보여야 한다 — 개수 칩을 살짝 밝게\r\n        &.collapsed .ad-group-count {\r\n            background: rgba(255, 255, 255, 0.14);\r\n            color: rgba(255, 255, 255, 0.75);\r\n        }\r\n    }\r\n\r\n    .ad-group-caret {\r\n        flex: 0 0 auto;\r\n        width: 9px;\r\n        font-size: 9px;\r\n        line-height: 1;\r\n        opacity: 0.75;\r\n    }\r\n\r\n    .ad-group-label {\r\n        // 폴더 이름은 길 수 있다(사이드바는 200~560px) — 개수 칩을 밀어내지 않게 줄이고 말줄임\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    // 검색 때문에 임시로 펴 둔 그룹 — 캐럿만 흐리게 해서 \"내가 접어 둔 그룹인데 지금은\r\n    // 검색 때문에 보이는 중\" 임을 알린다. 이유 전문은 헤더 title 에 있다(renderGroupHead).\r\n    // 줄 배경이나 라벨 색을 바꾸지 않는 이유: 검색 결과 자체가 이미 강조된 화면이라\r\n    // 여기서 또 강조하면 무엇이 걸린 줄인지가 흐려진다.\r\n    .ad-group-head.filter-open .ad-group-caret {\r\n        opacity: 0.45;\r\n    }\r\n\r\n    .ad-group-count {\r\n        flex: 0 0 auto;\r\n        padding: 0 5px;\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 9.5px;\r\n        line-height: 1.5;\r\n        letter-spacing: 0;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .ad-tab {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: stretch;\r\n        gap: 8px;\r\n        margin-bottom: 3px;\r\n        padding: 7px 6px 7px 0;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n        transition: background 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n\r\n            .ad-close {\r\n                opacity: 0.65;\r\n            }\r\n        }\r\n\r\n        &.active {\r\n            background: rgba(255, 255, 255, 0.1);\r\n\r\n            .ad-title {\r\n                color: #fff;\r\n            }\r\n        }\r\n    }\r\n\r\n    // 상태색 표시 바\r\n    .ad-bar {\r\n        flex: 0 0 3px;\r\n        border-radius: 2px;\r\n        background: var(--ad-color, #6b727d);\r\n    }\r\n\r\n    .ad-body {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n    }\r\n\r\n    .ad-title {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: rgba(255, 255, 255, 0.82);\r\n        font-size: 12.5px;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .ad-meta {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-top: 2px;\r\n        font-size: 10.5px;\r\n        line-height: 1.4;\r\n        color: rgba(255, 255, 255, 0.45);\r\n    }\r\n\r\n    .ad-badge {\r\n        // 이유가 붙으면(승인대기 · Bash 권한) 길어질 수 있다 — 경과시간을 밀어내지 않게 줄이고 말줄임\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: var(--ad-color, #6b727d);\r\n        font-weight: 600;\r\n\r\n        // 수동/훅으로 고정된 상태는 밑줄로 구분\r\n        &.pinned {\r\n            text-decoration: underline dotted;\r\n            text-underline-offset: 2px;\r\n        }\r\n    }\r\n\r\n    // 도는 서브에이전트 개수 (`❖3`) — 상태 배지 바로 뒤. 자리 선정 이유는 deck.service `renderTab` 주석\r\n    .ad-subagents {\r\n        // 배지가 길어져도 이건 줄이지 않는다 — 개수는 한두 글자고, 줄어들면 읽을 수가 없다\r\n        flex: 0 0 auto;\r\n        padding: 0 4px;\r\n        border-radius: 7px;\r\n        // 상태색(`--ad-color`)을 쓰지 않는다 — 상태와 다른 축의 정보라 같은 색이면 배지의\r\n        // 일부로 읽힌다. 배경까지 넣어 숫자가 상태 문구에 섞이지 않게 칩으로 떼어 둔다\r\n        background: rgba(86, 182, 194, 0.18);\r\n        color: #56b6c2;\r\n        font-weight: 600;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    // 두 번째 줄 — 마지막으로 보낸 프롬프트\r\n    .ad-prompt {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-top: 2px;\r\n        min-width: 0;\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .ad-label {\r\n        flex: 1 1 auto;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: rgba(255, 255, 255, 0.6);\r\n\r\n        // 아직 프롬프트가 없는 탭 — 자리는 지키되 눈에 덜 걸리게\r\n        &.empty {\r\n            color: rgba(255, 255, 255, 0.25);\r\n        }\r\n    }\r\n\r\n    .ad-elapsed {\r\n        flex: 0 0 auto;\r\n        margin-left: auto;\r\n        font-variant-numeric: tabular-nums;\r\n        opacity: 0.55;\r\n    }\r\n\r\n    .ad-label-input {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 0 4px;\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        border-radius: 3px;\r\n        background: rgba(0, 0, 0, 0.35);\r\n        color: #fff;\r\n        font-size: 10.5px;\r\n        outline: none;\r\n\r\n        &:focus {\r\n            border-color: var(--ad-color, #61afef);\r\n        }\r\n    }\r\n\r\n    .ad-close {\r\n        flex: 0 0 auto;\r\n        align-self: center;\r\n        width: 18px;\r\n        height: 18px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        opacity: 0;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-size: 15px;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n        transition: opacity 0.1s ease, background 0.1s ease;\r\n\r\n        &:hover {\r\n            opacity: 1 !important;\r\n            background: rgba(255, 80, 80, 0.35);\r\n        }\r\n    }\r\n\r\n    .ad-foot {\r\n        display: flex;\r\n        gap: 6px;\r\n        padding: 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.07);\r\n    }\r\n\r\n    .ad-btn {\r\n        flex: 1 1 auto;\r\n        padding: 5px 8px;\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 글자가 한 자뿐인 버튼들은 나머지와 같은 비율로 늘어나면 허전하다\r\n    .ad-repair,\r\n    .ad-viewtoggle {\r\n        flex: 0 0 auto;\r\n        min-width: 28px;\r\n        font-size: 13px;\r\n        line-height: 1;\r\n    }\r\n    // ---------- 세션 검색 / 상태 필터 (deck.service buildSidebar · wireSearch) ----------\r\n    // 유닛 T 가 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    //\r\n    // 검색 줄은 헤더와 목록 사이의 별도 flex 아이템이다. `.ad-list` 안에 두면 `render()` 의\r\n    // innerHTML 초기화에 입력창이 매 글자마다 새로 만들어져 포커스·IME 조합이 날아간다.\r\n    .ad-search {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n        align-items: center;\r\n        padding: 0 8px 6px;\r\n        -webkit-app-region: no-drag;\r\n    }\r\n\r\n    .ad-search-input {\r\n        // 사이드바는 200~560px — 입력창이 남는 폭을 다 쓰되 줄어들 때 버튼을 밀지 않게\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 3px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        outline: none;\r\n        background: rgba(0, 0, 0, 0.28);\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n\r\n        &::placeholder {\r\n            color: rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        &:focus {\r\n            border-color: rgba(97, 175, 239, 0.7);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 지우기 버튼은 **걸린 필터가 있을 때만** 보인다 (deck.service syncSearchUi 가 `.has-query`).\r\n    // 늘 자리를 잡으면 입력창이 그만큼 좁아지고, 빈 칸 옆의 ✕ 는 무엇을 지우는지 알 수 없다.\r\n    .ad-search-clear {\r\n        display: none;\r\n        flex: 0 0 auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.12);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    .ad-search.has-query .ad-search-clear {\r\n        display: block;\r\n    }\r\n\r\n    // 집계 칩은 상태 필터의 조작부다 (renderHeadCount → toggleStatusFilter).\r\n    // 위쪽 `.ad-cnt` 규칙에 \"누를 수 있다\" 와 \"지금 걸려 있다\" 만 덧붙인다.\r\n    .ad-cnt {\r\n        cursor: pointer;\r\n        // 헤더는 도킹 드래그 핸들이라 글자가 잡히면 드래그가 지저분해진다\r\n        user-select: none;\r\n        transition: background 0.1s ease, color 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.16);\r\n        }\r\n\r\n        // 걸려 있는 필터 — 배경 알파는 SCSS 가 var() 를 계산할 수 없으니\r\n        // 상태색은 안쪽 테두리와 글자색으로만 쓴다\r\n        &.active {\r\n            box-shadow: inset 0 0 0 1px var(--ad-color, #61afef);\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: var(--ad-color, #fff);\r\n        }\r\n    }\r\n\r\n    // 필터에 아무것도 안 걸렸을 때의 한 줄 (deck.service renderEmpty).\r\n    // 빈 목록만 남기면 \"탭이 다 닫혔다\" 로 읽히므로 이유를 글로 남긴다.\r\n    .ad-empty {\r\n        padding: 10px 8px;\r\n        color: rgba(255, 255, 255, 0.42);\r\n        text-align: center;\r\n        word-break: break-all;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    // 키보드 포커스 링 (deck.service `isNavFocused`) — **활성 탭 표시와 다른 것이어야 한다.**\r\n    // 활성(선택)은 배경으로, 키보드 포커스는 테두리로 말한다. 둘을 같은 모양으로 그리면\r\n    // \"지금 보고 있는 줄\" 과 \"지금 쓰고 있는 탭\" 이 화면에서 구별되지 않고, 그 구별이 이\r\n    // 기능의 전부다(이동만으로는 탭이 바뀌지 않는다, `navFocus` 주석).\r\n    //\r\n    // outline 대신 inset box-shadow 를 쓰는 이유 둘 — outline 은 `.ad-list` 의\r\n    // `overflow-y: auto` 경계에서 잘리고, border 는 줄 높이를 1px 밀어 포커스가 지나갈 때마다\r\n    // 목록 전체가 흔들린다. 상태색(`--ad-color`)을 쓰지 않는 것도 일부러다: 포커스는 세션 상태와\r\n    // 무관한 \"내 손이 어디 있나\" 라서, 상태색으로 그리면 배지 색과 섞여 읽힌다.\r\n    .ad-tab.ad-nav-focus,\r\n    .ad-group-head.ad-nav-focus {\r\n        box-shadow: inset 0 0 0 1px rgba(97, 175, 239, 0.85);\r\n        background: rgba(97, 175, 239, 0.1);\r\n    }\r\n\r\n    // 포커스가 활성 탭 위에 있을 때 — 배경은 활성 쪽(밝은 회색)을 유지하고 테두리만 얹는다.\r\n    // 그래야 \"이 줄이 지금 쓰는 탭이고, 포커스도 여기 있다\" 가 한 줄에서 다 읽힌다\r\n    .ad-tab.active.ad-nav-focus {\r\n        background: rgba(255, 255, 255, 0.14);\r\n    }\r\n\r\n    // 목록 자체가 포커스를 받는다(tabindex=-1) — 브라우저 기본 outline 은 지운다.\r\n    // 사각형이 목록 전체에 둘러쳐지면 어느 **줄**에 있는지가 오히려 안 보인다\r\n    .ad-list:focus,\r\n    .ad-list:focus-visible {\r\n        outline: none;\r\n    }\r\n\r\n    // 끌고 있는 줄 — 원래 자리에 흐릿하게 남긴다. 줄을 실제로 옮겨 그리지 않는 이유는\r\n    // deck.service `render` 의 드래그 가드에 있다(목록을 다시 만들면 끌던 DOM 이 사라진다).\r\n    // \"무엇을 들고 있나\" 는 이 흐릿한 줄이, \"어디에 놓이나\" 는 삽입선(.ad-reorder-line)이 말한다.\r\n    .ad-tab.ad-dragging {\r\n        opacity: 0.45;\r\n        background: rgba(255, 255, 255, 0.06);\r\n        outline: 1px dashed rgba(255, 255, 255, 0.28);\r\n        outline-offset: -1px;\r\n    }\r\n\r\n    // 순서를 바꿀 수 없는 상태에서 끌었을 때의 한 줄 (deck.service noteReorderBlocked).\r\n    // 목록 위에 겹쳐 띄운다 — flex 자식으로 흐르면 줄들이 밀려 드래그하던 자리가 움직인다.\r\n    .ad-reorder-note {\r\n        position: absolute;\r\n        left: 8px;\r\n        right: 8px;\r\n        bottom: 34px;\r\n        z-index: 3;\r\n        padding: 7px 9px;\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        border-radius: 5px;\r\n        background: rgba(38, 42, 49, 0.96);\r\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);\r\n        color: rgba(255, 255, 255, 0.78);\r\n        font-size: 11px;\r\n        line-height: 1.45;\r\n        // 안내를 누르려는 손짓이 아래 줄의 클릭(탭 선택)으로 가지 않게\r\n        pointer-events: none;\r\n    }\r\n\r\n    // 상/하 도킹 — 세로가 짧다(기본 sidebarHeight 200px). 검색 줄 높이를 줄이고,\r\n    // 가로로 흐르는 목록에서 안내 한 줄은 폭을 다 차지하게 한다 (`.ad-group-head` 와 같은 이유)\r\n    &.ad-dock-top .ad-search,\r\n    &.ad-dock-bottom .ad-search {\r\n        padding: 0 8px 4px;\r\n    }\r\n\r\n    &.ad-dock-top .ad-list .ad-empty,\r\n    &.ad-dock-bottom .ad-list .ad-empty {\r\n        flex: 0 0 100%;\r\n    }\r\n}\r\n\r\n// ---------- 결과물 미리보기 패널 (viewPanel.ts) ----------\r\n// 사이드바와 같은 규칙을 따른다 — 위치·폭은 deck.service 의 relayout 이 인라인으로 준다.\r\n#agentdeck-view {\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    font-size: 12px;\r\n    -webkit-app-region: no-drag;\r\n\r\n    // 터미널과 닿는 쪽에만 경계선\r\n    &.ad-view-right { border-left: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-view-left { border-right: 1px solid rgba(255, 255, 255, 0.08); }\r\n\r\n    &.ad-view-dropping {\r\n        outline: 1px dashed rgba(97, 175, 239, 0.8);\r\n        outline-offset: -3px;\r\n    }\r\n\r\n    .ad-view-head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 6px;\r\n        padding: 8px 8px 6px 12px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-title {\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        color: rgba(255, 255, 255, 0.82);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-view-tools {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 2px;\r\n    }\r\n\r\n    .ad-view-btn {\r\n        min-width: 24px;\r\n        padding: 2px 5px;\r\n        border: 0;\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 12px;\r\n        line-height: 1.2;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: #fff;\r\n        }\r\n\r\n        // 켜져 있는 도구(편집 중의 ✎) — 지금 어떤 상태인지 버튼만 보고 알 수 있어야 한다\r\n        &.ad-view-btn-on {\r\n            background: rgba(97, 175, 239, 0.22);\r\n            color: #9ecbff;\r\n        }\r\n    }\r\n\r\n    .ad-view-path {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n\r\n        input {\r\n            width: 100%;\r\n            padding: 4px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n            background: rgba(0, 0, 0, 0.25);\r\n            color: #e6e6e6;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &:focus {\r\n                outline: 0;\r\n                border-color: rgba(97, 175, 239, 0.7);\r\n            }\r\n        }\r\n    }\r\n\r\n    // 경로 줄 안내 — \"없는 파일이다, 한 번 더 Enter\" 같은 말이 여기 뜬다\r\n    .ad-view-path-note {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        color: rgba(229, 192, 123, 0.9);\r\n        font-size: 11px;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n\r\n        &:empty {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    // 찾기 줄 (Ctrl+F). 경로 줄과 같은 자리·같은 옷을 입힌다 — 둘 다 헤더 아래 한 줄짜리 도구다\r\n    .ad-view-find {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n\r\n        input {\r\n            flex: 1 1 auto;\r\n            min-width: 0;\r\n            padding: 4px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n            background: rgba(0, 0, 0, 0.25);\r\n            color: #e6e6e6;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &:focus {\r\n                outline: 0;\r\n                border-color: rgba(97, 175, 239, 0.7);\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-find-count {\r\n        flex: 0 0 auto;\r\n        min-width: 44px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        font-size: 11px;\r\n        text-align: right;\r\n    }\r\n\r\n    // 일치 표시. 지금 보고 있는 것 하나만 진하게 — 개수가 많아도 어디에 있는지 눈에 든다\r\n    mark.ad-find-hit {\r\n        border-radius: 2px;\r\n        background: rgba(229, 192, 123, 0.35);\r\n        color: inherit;\r\n    }\r\n\r\n    mark.ad-find-cur {\r\n        background: rgba(229, 192, 123, 0.85);\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    // 편집 줄 — 저장/취소는 본문 밖에 둔다 (본문은 갱신마다 다시 그려진다)\r\n    .ad-view-editbar {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n        padding: 5px 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        background: rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .ad-view-edit-note {\r\n        overflow: hidden;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 11px;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ad-view-edit-btns {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n    }\r\n\r\n    .ad-view-edit-save,\r\n    .ad-view-edit-cancel {\r\n        padding: 2px 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover:not(:disabled) {\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n            background: rgba(255, 255, 255, 0.08);\r\n            color: #fff;\r\n        }\r\n\r\n        &:disabled {\r\n            opacity: 0.35;\r\n            cursor: default;\r\n        }\r\n    }\r\n\r\n    .ad-view-edit-save {\r\n        border-color: rgba(97, 175, 239, 0.5);\r\n        color: #9ecbff;\r\n    }\r\n\r\n    // 편집기 — 본문 자리를 그대로 채운다. 글꼴·줄간격을 코드 보기와 맞춰야 편집 전후로\r\n    // 글자가 튀지 않는다\r\n    textarea.ad-view-edit {\r\n        display: block;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 200px;\r\n        padding: 6px 8px;\r\n        border: 0;\r\n        background: rgba(0, 0, 0, 0.22);\r\n        color: #e6e6e6;\r\n        font-family: monospace;\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n        resize: none;\r\n        tab-size: 4;\r\n\r\n        &:focus {\r\n            outline: 0;\r\n        }\r\n    }\r\n\r\n    // 최근 파일 칩 — Codex 앱의 결과물 탭 자리\r\n    .ad-view-tabs {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-tab {\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n        padding: 2px 7px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 10px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            color: #fff;\r\n            border-color: rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        &.ad-view-tab-on {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #cfe6ff;\r\n        }\r\n    }\r\n\r\n    .ad-view-body {\r\n        flex: 1 1 auto;\r\n        overflow: auto;\r\n        padding: 10px 12px 16px;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        // 문서를 읽는 자리라 글자 선택은 열어 둔다 (사이드바는 막아 둔다)\r\n        user-select: text;\r\n    }\r\n\r\n    .ad-view-foot {\r\n        flex: 0 0 auto;\r\n        overflow: hidden;\r\n        padding: 5px 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        color: rgba(255, 255, 255, 0.35);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 10px;\r\n    }\r\n\r\n    // 폭 조절 손잡이 — 터미널과 닿는 쪽 경계선\r\n    .ad-view-resize {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 6px;\r\n        cursor: col-resize;\r\n        z-index: 6;\r\n    }\r\n\r\n    &.ad-view-right .ad-view-resize { left: -2px; }\r\n    &.ad-view-left .ad-view-resize { right: -2px; }\r\n\r\n    .ad-view-empty {\r\n        padding: 8px 2px;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        line-height: 1.7;\r\n\r\n        ul { padding-left: 18px; margin: 6px 0 0; }\r\n        li { margin: 2px 0; }\r\n    }\r\n\r\n    .ad-view-dim {\r\n        color: rgba(255, 255, 255, 0.35);\r\n        font-size: 11px;\r\n    }\r\n\r\n    // ---------- 종류별 본문 ----------\r\n\r\n    .ad-view-image {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n\r\n        img {\r\n            max-width: 100%;\r\n            // 원본보다 키우지 않는다 — 확대하면 스크린샷 글자가 뭉개진다\r\n            height: auto;\r\n            background: rgba(255, 255, 255, 0.04);\r\n        }\r\n    }\r\n\r\n    .ad-view-code {\r\n        display: flex;\r\n        gap: 8px;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n\r\n        pre {\r\n            margin: 0;\r\n            white-space: pre;\r\n        }\r\n\r\n        .ad-view-gutter {\r\n            flex: 0 0 auto;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-view-src {\r\n            flex: 1 1 auto;\r\n            overflow-x: auto;\r\n            color: rgba(255, 255, 255, 0.85);\r\n        }\r\n    }\r\n\r\n    .ad-view-table {\r\n        overflow-x: auto;\r\n\r\n        table {\r\n            border-collapse: collapse;\r\n            font-size: 11px;\r\n        }\r\n\r\n        th, td {\r\n            max-width: 260px;\r\n            overflow: hidden;\r\n            padding: 3px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        th {\r\n            position: sticky;\r\n            top: 0;\r\n            background: #262a31;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .ad-view-rownum {\r\n            color: rgba(255, 255, 255, 0.3);\r\n            text-align: right;\r\n        }\r\n    }\r\n\r\n    // ---------- 마크다운 ----------\r\n    .ad-view-md {\r\n        line-height: 1.65;\r\n        word-break: break-word;\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            margin: 1.1em 0 0.5em;\r\n            color: #fff;\r\n            line-height: 1.3;\r\n        }\r\n        h1 { font-size: 18px; }\r\n        h2 { font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\r\n        h3 { font-size: 14px; }\r\n        h4, h5, h6 { font-size: 13px; }\r\n\r\n        p { margin: 0.6em 0; }\r\n\r\n        a {\r\n            color: #61afef;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n\r\n            &:hover { text-decoration: underline; }\r\n        }\r\n\r\n        code {\r\n            padding: 1px 4px;\r\n            border-radius: 3px;\r\n            background: rgba(255, 255, 255, 0.08);\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n        }\r\n\r\n        pre {\r\n            overflow-x: auto;\r\n            margin: 0.7em 0;\r\n            padding: 8px 10px;\r\n            border: 1px solid rgba(255, 255, 255, 0.07);\r\n            border-radius: 5px;\r\n            background: rgba(0, 0, 0, 0.28);\r\n\r\n            code {\r\n                padding: 0;\r\n                background: transparent;\r\n                line-height: 1.5;\r\n            }\r\n        }\r\n\r\n        ul, ol { padding-left: 20px; margin: 0.5em 0; }\r\n        li { margin: 0.15em 0; }\r\n\r\n        .ad-md-task { list-style: none; margin-left: -14px; }\r\n        .ad-md-check { color: rgba(255, 255, 255, 0.6); }\r\n\r\n        blockquote {\r\n            margin: 0.7em 0;\r\n            padding: 2px 0 2px 10px;\r\n            border-left: 3px solid rgba(255, 255, 255, 0.18);\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        hr {\r\n            margin: 1.2em 0;\r\n            border: 0;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n        }\r\n\r\n        table {\r\n            display: block;\r\n            overflow-x: auto;\r\n            border-collapse: collapse;\r\n            margin: 0.7em 0;\r\n            font-size: 11px;\r\n        }\r\n\r\n        th, td {\r\n            padding: 4px 8px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: left;\r\n        }\r\n\r\n        th { background: rgba(255, 255, 255, 0.05); color: #fff; }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .ad-md-noimg {\r\n            padding: 1px 5px;\r\n            border-radius: 3px;\r\n            background: rgba(255, 255, 255, 0.06);\r\n            color: rgba(255, 255, 255, 0.45);\r\n            font-size: 11px;\r\n        }\r\n    }\r\n\r\n    // ---------- 변경 탭 (파일/변경 스위치 + git diff) ----------\r\n    // 최근 파일 칩과 같은 모양을 쓴다 — 같은 자리에서 같은 방식으로 고르는 것이라서.\r\n    .ad-view-modes {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-mode {\r\n        flex: 0 0 auto;\r\n        padding: 3px 12px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(255, 255, 255, 0.25);\r\n            color: #fff;\r\n        }\r\n\r\n        &.ad-view-mode-on {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #cfe6ff;\r\n        }\r\n    }\r\n\r\n    .ad-view-diff {\r\n        .ad-plus { color: #98c379; }\r\n        .ad-minus { color: #e06c75; }\r\n    }\r\n\r\n    // `2 files changed +9 -6` 자리\r\n    .ad-view-diff-sum {\r\n        padding-bottom: 6px;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-view-diff-list {\r\n        margin-bottom: 10px;\r\n        padding-bottom: 6px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .ad-view-diff-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        width: 100%;\r\n        padding: 2px 4px;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        text-align: left;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover { background: rgba(255, 255, 255, 0.07); }\r\n\r\n        .ad-view-diff-st {\r\n            flex: 0 0 auto;\r\n            min-width: 40px;\r\n            color: rgba(255, 255, 255, 0.4);\r\n            text-align: center;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .ad-view-diff-st-added { color: #98c379; }\r\n        .ad-view-diff-st-deleted { color: #e06c75; }\r\n        .ad-view-diff-st-renamed { color: #61afef; }\r\n\r\n        .ad-view-diff-name {\r\n            flex: 1 1 auto;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            // 경로는 등폭이 읽기 쉽다 — 같은 폴더가 세로로 줄을 맞춘다\r\n            font-family: monospace;\r\n        }\r\n\r\n        .ad-view-diff-num {\r\n            flex: 0 0 auto;\r\n\r\n            b {\r\n                margin-left: 5px;\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-diff-sub {\r\n        margin: 4px 0;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-diff-untracked {\r\n        margin-bottom: 10px;\r\n        padding-bottom: 6px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n\r\n        .ad-view-diff-u {\r\n            overflow: hidden;\r\n            padding: 1px 4px;\r\n            color: rgba(255, 255, 255, 0.5);\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &[data-ad-open] {\r\n                cursor: pointer;\r\n\r\n                &:hover { background: rgba(255, 255, 255, 0.07); color: #fff; }\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-diff-file {\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    // 파일명은 스크롤해도 남아 있어야 한다 — 긴 diff 를 내려가다 보면 어느 파일인지 잊는다\r\n    .ad-view-diff-fhead {\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 1;\r\n        overflow: hidden;\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 4px 4px 0 0;\r\n        background: #262a31;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover { color: #fff; }\r\n    }\r\n\r\n    .ad-view-diff-note {\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-top: 0;\r\n        color: rgba(255, 255, 255, 0.35);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-diff-lines {\r\n        overflow-x: auto;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-top: 0;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    // 한 줄 = 구 번호 · 신 번호 · 본문. 배경이 줄 전체를 덮어야 추가/삭제가 눈에 띈다\r\n    .ad-dl {\r\n        display: flex;\r\n        // 가로 스크롤 안에서도 배경이 끊기지 않게 (본문이 넘치면 줄이 넓어진다)\r\n        min-width: 100%;\r\n        min-height: 17px;\r\n        white-space: pre;\r\n\r\n        .ad-dl-no {\r\n            flex: 0 0 auto;\r\n            width: 38px;\r\n            padding-right: 6px;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-dl-tx {\r\n            flex: 1 0 auto;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n    }\r\n\r\n    .ad-dl-add {\r\n        background: rgba(152, 195, 121, 0.12);\r\n\r\n        .ad-dl-tx { color: #b7d99b; }\r\n    }\r\n\r\n    .ad-dl-del {\r\n        background: rgba(224, 108, 117, 0.12);\r\n\r\n        .ad-dl-tx { color: #eda3a9; }\r\n    }\r\n\r\n    .ad-dl-hunk {\r\n        background: rgba(97, 175, 239, 0.1);\r\n\r\n        .ad-dl-tx { color: rgba(97, 175, 239, 0.85); }\r\n    }\r\n\r\n    // ---------- 스테이지 딱지 (파일 목록 / 추적 안 됨 줄) ----------\r\n    // 유닛 L 이 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    // 상태 색은 `.ad-view-diff-st-*` 와 같은 팔레트를 쓴다 (같은 줄에서 두 딱지가 싸우지 않게).\r\n    .ad-view-stage {\r\n        flex: 0 0 auto;\r\n        min-width: 44px;\r\n        padding: 0 4px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 3px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        text-align: center;\r\n        font-size: 10px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(255, 255, 255, 0.4);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    .ad-view-stage-staged {\r\n        border-color: rgba(152, 195, 121, 0.5);\r\n        background: rgba(152, 195, 121, 0.14);\r\n        color: #b7d99b;\r\n    }\r\n\r\n    .ad-view-stage-both {\r\n        border-color: rgba(229, 192, 123, 0.5);\r\n        background: rgba(229, 192, 123, 0.12);\r\n        color: #e5c07b;\r\n    }\r\n\r\n    .ad-view-stage-conflict {\r\n        border-color: rgba(224, 108, 117, 0.6);\r\n        background: rgba(224, 108, 117, 0.14);\r\n        color: #eda3a9;\r\n    }\r\n\r\n    // ---------- `파일:라인` 참조 ----------\r\n    // 유닛 U 가 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    //\r\n    // 누를 수 있는 줄은 커서와 왼쪽 선으로 알린다. 줄번호 칸은 `user-select: none` 이라\r\n    // 거기를 눌러도 글자 선택이 시작되지 않는다 (본문 복사와 싸우지 않게)\r\n    .ad-dl[data-ad-ref-line],\r\n    .ad-dl[data-ad-ref-del],\r\n    .ad-cl[data-ad-ref-line] {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ad-dl[data-ad-ref-line]:hover,\r\n    .ad-cl[data-ad-ref-line]:hover {\r\n        box-shadow: inset 2px 0 0 rgba(97, 175, 239, 0.55);\r\n    }\r\n\r\n    // 고른 줄. 추가/삭제 배경(`.ad-dl-add`/`.ad-dl-del`)을 덮어야 하므로 두 클래스로 특정한다\r\n    .ad-dl.ad-ref-sel,\r\n    .ad-cl.ad-ref-sel {\r\n        box-shadow: inset 2px 0 0 #61afef;\r\n        background: rgba(97, 175, 239, 0.22);\r\n\r\n        .ad-dl-no,\r\n        .ad-cl-no {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .ad-dl-tx,\r\n        .ad-cl-tx {\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // ---------- `파일` 모드 코드 보기: 줄마다 한 칸 ----------\r\n    // 원래는 `<pre>` 두 장을 좌우로 놓는 flex 였다. 줄 단위로 그리게 되면서(어느 줄을 눌렀는지\r\n    // 알아야 한다) 세로로 쌓아야 하므로 배치만 되돌린다 — 글꼴·크기·줄높이는 그대로 쓴다\r\n    .ad-view-code.ad-view-code-rows {\r\n        display: block;\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .ad-cl {\r\n        display: flex;\r\n        // 가로 스크롤 안에서도 강조 배경이 끊기지 않게 (`.ad-dl` 과 같은 사정)\r\n        min-width: 100%;\r\n        min-height: 17px;\r\n        white-space: pre;\r\n\r\n        .ad-cl-no {\r\n            flex: 0 0 auto;\r\n            width: 44px;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-cl-tx {\r\n            flex: 1 0 auto;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.85);\r\n        }\r\n    }\r\n\r\n    // ---------- 참조 안내줄 (본문 밖 — 자동 갱신에 지워지지 않는 자리) ----------\r\n    .ad-view-ref {\r\n        flex: 0 0 auto;\r\n        overflow: hidden;\r\n        padding: 4px 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        color: rgba(255, 255, 255, 0.5);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 10px;\r\n    }\r\n\r\n    // 방금 넣었다 — REF_FLASH_MS(2.5초)만 켜진다\r\n    .ad-view-ref-on {\r\n        background: rgba(97, 175, 239, 0.14);\r\n        color: #cfe6ff;\r\n    }\r\n\r\n    // ---------- 커밋 줄 (본문 밖 — 자동 갱신에 지워지지 않는 자리) ----------\r\n    .ad-view-commit {\r\n        flex: 0 0 auto;\r\n        padding: 6px 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .ad-view-commit-sum {\r\n        margin-bottom: 4px;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-commit-row {\r\n        display: flex;\r\n        gap: 6px;\r\n        align-items: center;\r\n    }\r\n\r\n    .ad-view-commit-msg {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: rgba(0, 0, 0, 0.25);\r\n        color: #e6e6e6;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n\r\n        &:focus {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            outline: 0;\r\n        }\r\n    }\r\n\r\n    .ad-view-commit-go {\r\n        flex: 0 0 auto;\r\n        padding: 4px 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover:not(:disabled) {\r\n            border-color: rgba(255, 255, 255, 0.35);\r\n            color: #fff;\r\n        }\r\n\r\n        // 메시지가 비면 잠긴다 — 잠긴 것이 눈에 보여야 \"왜 안 눌리나\" 를 묻지 않는다\r\n        &:disabled {\r\n            opacity: 0.45;\r\n            cursor: default;\r\n        }\r\n\r\n        // 확인 대기: 다음 누름이 실제 커밋이라는 것을 색으로 경고한다\r\n        &.ad-view-commit-armed {\r\n            border-color: rgba(224, 108, 117, 0.7);\r\n            background: rgba(224, 108, 117, 0.18);\r\n            color: #ffd7da;\r\n        }\r\n    }\r\n\r\n    .ad-view-commit-note {\r\n        margin-top: 4px;\r\n        overflow: hidden;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n// 우클릭 상태 메뉴\r\n.ad-menu {\r\n    position: fixed;\r\n    z-index: 10000;\r\n    min-width: 130px;\r\n    padding: 4px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 6px;\r\n    background: #262a31;\r\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\r\n    font-size: 12px;\r\n    user-select: none;\r\n\r\n    .ad-menu-item {\r\n        padding: 6px 10px;\r\n        border-radius: 4px;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: #fff;\r\n        }\r\n    }\r\n}\r\n\r\n// 도킹 가이드 — 헤더를 끌고 있는 동안만 창 위에 뜬다\r\n.ad-dock-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9998;\r\n    // 커서 판정은 좌표로 직접 하므로 오버레이가 이벤트를 가로채면 안 된다\r\n    pointer-events: none;\r\n}\r\n\r\n// 놓으면 사이드바가 자리잡을 영역\r\n.ad-dock-preview {\r\n    position: fixed;\r\n    display: none;\r\n    border: 1px solid rgba(97, 175, 239, 0.9);\r\n    background: rgba(97, 175, 239, 0.22);\r\n    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.18);\r\n    transition: left 0.08s ease, top 0.08s ease, width 0.08s ease, height 0.08s ease;\r\n}\r\n\r\n// 네 가장자리에 뜨는 도킹 표적\r\n.ad-dock-zone {\r\n    position: fixed;\r\n    width: 46px;\r\n    height: 46px;\r\n    margin: -23px 0 0 -23px;\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    border-radius: 6px;\r\n    background: rgba(38, 42, 49, 0.92);\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ad-dock-mark {\r\n        width: 26px;\r\n        height: 26px;\r\n        border: 1px solid rgba(255, 255, 255, 0.45);\r\n        border-radius: 3px;\r\n    }\r\n\r\n    &.active {\r\n        border-color: rgba(97, 175, 239, 0.95);\r\n        background: rgba(97, 175, 239, 0.35);\r\n    }\r\n\r\n    // 표적 안의 작은 사각형이 \"어느 쪽 절반에 붙는지\" 를 그대로 보여준다\r\n    &.ad-dock-zone-left .ad-dock-mark { border-left: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-right .ad-dock-mark { border-right: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-top .ad-dock-mark { border-top: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-bottom .ad-dock-mark { border-bottom: 4px solid rgba(97, 175, 239, 0.95); }\r\n}\r\n\r\n// 놓일 자리를 가리키는 삽입선 — 줄을 끌고 있는 동안만 뜬다 (deck.service drawReorderLine).\r\n// 좌표는 인라인으로 준다(가로 도킹은 세로선, 상/하 도킹은 가로선). `.ad-list` 안이 아니라\r\n// body 에 붙는 이유는 그 함수 주석에 있다 — 목록을 다시 그릴 때 날아가지 않게, 그리고\r\n// 회귀 프로브가 목록의 자식만 훑어 그룹을 읽으므로 낯선 노드를 끼워 넣지 않게.\r\n.ad-reorder-line {\r\n    position: fixed;\r\n    z-index: 9997;\r\n    border-radius: 1px;\r\n    background: rgba(97, 175, 239, 0.95);\r\n    box-shadow: 0 0 5px rgba(97, 175, 239, 0.6);\r\n    // 좌표 판정은 elementFromPoint 로 한다 — 선이 이벤트를 가로채면 자기 자신을 짚는다\r\n    pointer-events: none;\r\n}\r\n\r\n// 줄을 끄는 동안 — 커서를 옮기기 모양으로 두고, 커서가 터미널 위로 넘어가도 모양이 유지되게\r\nbody.ad-reordering {\r\n    cursor: grabbing;\r\n\r\n    // 줄 자신은 `cursor: pointer`(클릭=탭 선택)라 body 것으로는 덮이지 않는다.\r\n    // 끌고 있는 동안만 사이드바 안쪽을 통째로 덮어써 손 모양이 도중에 바뀌지 않게 한다.\r\n    #agentdeck-sidebar,\r\n    #agentdeck-sidebar * {\r\n        cursor: grabbing !important;\r\n    }\r\n\r\n    .content.main {\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n// 경계선을 끄는 동안에는 터미널이 커서를 뺏지 않게 한다\r\nbody.ad-resizing {\r\n    cursor: inherit;\r\n\r\n    .content.main {\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n// AgentDeck 이 켜져 있을 때만 순정 탭바를 감춘다 (사이드바가 그 역할을 대신함)\r\nbody.agentdeck-active {\r\n    .content.main > .tab-bar {\r\n        display: none !important;\r\n    }\r\n\r\n    .window {\r\n        display: flex;\r\n        flex-direction: row;\r\n        // 사이드바를 창 안에 절대 배치하므로 기준점이 필요하다\r\n        position: relative;\r\n        // 터미널 옆에 남는 여백이 밝은 기본 배경으로 튀지 않게 한다\r\n        // (--ad-panel-bg 가 있으면 배경 이미지가 이 여백으로도 비친다)\r\n        background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    }\r\n}\r\n\r\n// ---------- 드롭 확인 배너 (터미널 위에 파일을 끌어다 놓았을 때) ----------\r\n// OS 모달이 아니라 인라인 카드다 — 모달은 터미널 흐름을 끊고 CDP 로 검증할 수 없다.\r\n// 화면 오른쪽 아래에 띄운다: 입력창(아래 중앙)과 사이드바(좌/우 가장자리)를 둘 다 피하려면\r\n// 그 모서리가 가장 덜 겹친다. `z-index` 는 사이드바(#agentdeck-sidebar)보다 위여야 한다.\r\n.ad-drop-ask {\r\n    position: fixed;\r\n    right: 16px;\r\n    bottom: 16px;\r\n    z-index: 10000;\r\n    min-width: 260px;\r\n    max-width: 420px;\r\n    padding: 10px 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 6px;\r\n    background: rgba(24, 26, 30, 0.97);\r\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);\r\n    color: #e6e6e6;\r\n    font-size: 12px;\r\n\r\n    .ad-drop-ask-msg {\r\n        overflow: hidden;\r\n        margin-bottom: 8px;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-drop-ask-row {\r\n        display: flex;\r\n        gap: 6px;\r\n        align-items: center;\r\n    }\r\n\r\n    button {\r\n        flex: 1 1 auto;\r\n        padding: 5px 8px;\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 12px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 닫기는 강조하지 않는다 — 기본 선택이 아니다\r\n    .ad-drop-ask-close {\r\n        flex: 0 0 auto;\r\n        min-width: 26px;\r\n        padding: 5px 6px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n    }\r\n\r\n    .ad-drop-ask-again {\r\n        display: flex;\r\n        gap: 5px;\r\n        align-items: center;\r\n        margin-top: 8px;\r\n        margin-bottom: 0;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n    }\r\n}\r\n"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./src/styles.scss"],"names":[],"mappings":"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","sourcesContent":["// AgentDeck 사이드바 스타일\r\n// Tabby 테마 변수(--bs-*)를 우선 쓰되, 없을 때를 대비해 폴백 색을 함께 준다.\r\n\r\n// tabby-background 의 배경 이미지 레이어(.content-tab-active::before)를 터미널 영역으로 자른다.\r\n// 좌표 변수(--ad-bg-*)는 deck.service 의 syncBackgroundClip 이 relayout 마다 내려준다.\r\n// 그 플러그인은 런타임에 <style> 을 만들어 head 뒤쪽에 붙이므로 순서로는 못 이긴다 — !important 필수.\r\nbody.agentdeck-active.ad-bg-clip .content-tab-active::before {\r\n    left: var(--ad-bg-left) !important;\r\n    top: var(--ad-bg-top) !important;\r\n    right: auto !important;\r\n    bottom: auto !important;\r\n    width: var(--ad-bg-width) !important;\r\n    height: var(--ad-bg-height) !important;\r\n}\r\n\r\n#agentdeck-sidebar {\r\n    display: flex;\r\n    flex-direction: column;\r\n    // 실제 위치와 크기는 deck.service 의 relayout 이 인라인으로 준다 (도킹 방향에 따라 달라짐)\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    // --ad-panel-bg 는 agentdeck 이 sidebarOpacity 로 내려준다 (배경 이미지가 비치게)\r\n    background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    font-size: 12px;\r\n    user-select: none;\r\n    -webkit-app-region: no-drag;\r\n\r\n    // 붙어 있는 쪽 반대편에만 경계선을 그린다\r\n    &.ad-dock-right { border-left: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-left { border-right: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-top { border-bottom: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-dock-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }\r\n\r\n    // 상/하 도킹은 세로가 짧으므로 목록을 가로로 흘린다\r\n    &.ad-dock-top,\r\n    &.ad-dock-bottom {\r\n        .ad-list {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-content: flex-start;\r\n            gap: 0 6px;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        // 한 줄에 여러 탭이 나란히 서므로 폭을 220px 로 못박는다 — 제목 길이에 따라\r\n        // 들쭉날쭉하면 어느 칸이 어느 세션인지 눈으로 못 따라가고, 제목이 바뀔 때마다 자리가 밀린다.\r\n        //\r\n        // **`min-width: 0` 이 있어야 `flex-basis` 가 살아남는다.** flex 아이템은\r\n        // `min-width: auto`(초깃값) + `overflow: visible` 이면 **자동 최소 크기**가 걸려\r\n        // 최소내용폭(min-content) 밑으로는 줄지 않는다. 그래서 제목이 긴 탭은 220 을 밀어올렸다\r\n        // (2026-09-09 CDP 실측: 1700 창·탭 6개에서 220 지정인데 384.7px, 한 줄에 4개 +\r\n        // 둘째 줄이 반쯤 잘림). 폭을 못박아도 제목은 읽힌다 — `.ad-title` 이 이미 말줄임을\r\n        // 갖고 있고, 220 은 좌/우 도킹의 평소 줄 폭(사이드바 기본 200px)보다 오히려 넓다.\r\n        .ad-tab {\r\n            flex: 0 0 220px;\r\n            min-width: 0;\r\n        }\r\n\r\n        // 그룹 헤더는 한 줄을 다 차지해 가로 흘림을 끊는다 — 그래야 헤더 아래 줄부터 그 그룹의\r\n        // 탭이 흐른다. 헤더를 div 로 감싸는 대신 형제로 두는 이유가 이것이다(deck.service renderGroupHead)\r\n        .ad-group-head {\r\n            flex: 0 0 100%;\r\n            margin-top: 2px;\r\n        }\r\n    }\r\n\r\n    .ad-head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 10px 12px 8px;\r\n        letter-spacing: 0.12em;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        // 헤더를 잡아 끌면 도킹 방향을 바꾼다 (OS 창 이동에 뺏기면 안 되므로 no-drag)\r\n        -webkit-app-region: no-drag;\r\n        cursor: grab;\r\n\r\n        &:active {\r\n            cursor: grabbing;\r\n        }\r\n    }\r\n\r\n    // 경계선 — 잡아 끌면 크기가 바뀐다. 붙어 있는 쪽 반대편 가장자리에 놓는다\r\n    .ad-resize {\r\n        position: absolute;\r\n        z-index: 6;\r\n        background: transparent;\r\n        transition: background 0.12s ease;\r\n\r\n        &:hover,\r\n        body.ad-resizing & {\r\n            background: rgba(97, 175, 239, 0.5);\r\n        }\r\n    }\r\n\r\n    .ad-resize-right,\r\n    .ad-resize-left {\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 6px;\r\n        cursor: col-resize;\r\n    }\r\n\r\n    .ad-resize-right { left: 0; }\r\n    .ad-resize-left { right: 0; }\r\n\r\n    .ad-resize-top,\r\n    .ad-resize-bottom {\r\n        left: 0;\r\n        right: 0;\r\n        height: 6px;\r\n        cursor: row-resize;\r\n    }\r\n\r\n    .ad-resize-bottom { top: 0; }\r\n    .ad-resize-top { bottom: 0; }\r\n\r\n    // 상태별 집계 칩 한 줄 — `⏸ 2  ● 3  ○ 1`. 헤더 높이는 총 개수만 있던 때와 같게 유지한다\r\n    .ad-head-count {\r\n        -webkit-app-region: no-drag;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        flex: 0 0 auto;\r\n        white-space: nowrap;\r\n        letter-spacing: 0;\r\n        color: rgba(255, 255, 255, 0.55);\r\n    }\r\n\r\n    .ad-cnt {\r\n        padding: 1px 6px;\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: var(--ad-color, rgba(255, 255, 255, 0.55));\r\n        font-size: 10px;\r\n        line-height: 1.3;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    // 요구 2-1: 탭이 많아지면 이 영역만 스크롤된다\r\n    .ad-list {\r\n        flex: 1 1 auto;\r\n        overflow-y: auto;\r\n        overflow-x: hidden;\r\n        padding: 2px 6px 8px;\r\n        // **못박아 둔다** — 드래그 자동 스크롤(deck.service `dragScrollTick`)이 매 프레임\r\n        // `scrollTop` 에 몇 px 를 더하는 식으로 목록을 흘린다. 여기가 `smooth` 면 그 대입마다\r\n        // 새 애니메이션이 시작돼 서로를 덮어써서 목록이 기어가거나 아예 멈춘다.\r\n        // 지금 이 값을 `smooth` 로 켜는 곳은 없지만(전역 검색 0건), 나중에 누가 켜면\r\n        // 그 기능이 **조용히** 못 쓰게 되는 자리라 의도를 여기 남긴다.\r\n        scroll-behavior: auto;\r\n\r\n        &::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n\r\n        &::-webkit-scrollbar-thumb {\r\n            background: rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n\r\n            &:hover {\r\n                background: rgba(255, 255, 255, 0.24);\r\n            }\r\n        }\r\n    }\r\n\r\n    // 프로젝트(작업 폴더) 그룹 헤더 — `▾ tabby-agentdeck  3`. 그룹이 둘 이상일 때만 그린다.\r\n    // 헤더 자체는 탭보다 작고 어둡게 둔다 — 세션 목록이 주인공이고 이건 칸막이다.\r\n    .ad-group-head {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        margin: 7px 0 2px;\r\n        padding: 2px 4px;\r\n        border-radius: 4px;\r\n        color: rgba(255, 255, 255, 0.42);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.06em;\r\n        cursor: pointer;\r\n        transition: background 0.1s ease, color 0.1s ease;\r\n\r\n        // 첫 그룹은 목록 맨 위에 붙어야 자연스럽다 (.ad-list 가 이미 위쪽 여백을 준다)\r\n        &:first-child {\r\n            margin-top: 1px;\r\n        }\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        // 접힌 그룹은 \"여기 뭔가 숨어 있다\" 가 보여야 한다 — 개수 칩을 살짝 밝게\r\n        &.collapsed .ad-group-count {\r\n            background: rgba(255, 255, 255, 0.14);\r\n            color: rgba(255, 255, 255, 0.75);\r\n        }\r\n    }\r\n\r\n    .ad-group-caret {\r\n        flex: 0 0 auto;\r\n        width: 9px;\r\n        font-size: 9px;\r\n        line-height: 1;\r\n        opacity: 0.75;\r\n    }\r\n\r\n    .ad-group-label {\r\n        // 폴더 이름은 길 수 있다(사이드바는 200~560px) — 개수 칩을 밀어내지 않게 줄이고 말줄임\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    // 검색 때문에 임시로 펴 둔 그룹 — 캐럿만 흐리게 해서 \"내가 접어 둔 그룹인데 지금은\r\n    // 검색 때문에 보이는 중\" 임을 알린다. 이유 전문은 헤더 title 에 있다(renderGroupHead).\r\n    // 줄 배경이나 라벨 색을 바꾸지 않는 이유: 검색 결과 자체가 이미 강조된 화면이라\r\n    // 여기서 또 강조하면 무엇이 걸린 줄인지가 흐려진다.\r\n    .ad-group-head.filter-open .ad-group-caret {\r\n        opacity: 0.45;\r\n    }\r\n\r\n    .ad-group-count {\r\n        flex: 0 0 auto;\r\n        padding: 0 5px;\r\n        border-radius: 8px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 9.5px;\r\n        line-height: 1.5;\r\n        letter-spacing: 0;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    .ad-tab {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: stretch;\r\n        gap: 8px;\r\n        margin-bottom: 3px;\r\n        padding: 7px 6px 7px 0;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n        transition: background 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n\r\n            .ad-close {\r\n                opacity: 0.65;\r\n            }\r\n        }\r\n\r\n        &.active {\r\n            background: rgba(255, 255, 255, 0.1);\r\n\r\n            .ad-title {\r\n                color: #fff;\r\n            }\r\n        }\r\n    }\r\n\r\n    // 상태색 표시 바\r\n    .ad-bar {\r\n        flex: 0 0 3px;\r\n        border-radius: 2px;\r\n        background: var(--ad-color, #6b727d);\r\n    }\r\n\r\n    .ad-body {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n    }\r\n\r\n    .ad-title {\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: rgba(255, 255, 255, 0.82);\r\n        font-size: 12.5px;\r\n        line-height: 1.35;\r\n    }\r\n\r\n    .ad-meta {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        margin-top: 2px;\r\n        font-size: 10.5px;\r\n        line-height: 1.4;\r\n        color: rgba(255, 255, 255, 0.45);\r\n    }\r\n\r\n    .ad-badge {\r\n        // 이유가 붙으면(승인대기 · Bash 권한) 길어질 수 있다 — 경과시간을 밀어내지 않게 줄이고 말줄임\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: var(--ad-color, #6b727d);\r\n        font-weight: 600;\r\n\r\n        // 수동/훅으로 고정된 상태는 밑줄로 구분\r\n        &.pinned {\r\n            text-decoration: underline dotted;\r\n            text-underline-offset: 2px;\r\n        }\r\n    }\r\n\r\n    // 도는 서브에이전트 개수 (`❖3`) — 상태 배지 바로 뒤. 자리 선정 이유는 deck.service `renderTab` 주석\r\n    .ad-subagents {\r\n        // 배지가 길어져도 이건 줄이지 않는다 — 개수는 한두 글자고, 줄어들면 읽을 수가 없다\r\n        flex: 0 0 auto;\r\n        padding: 0 4px;\r\n        border-radius: 7px;\r\n        // 상태색(`--ad-color`)을 쓰지 않는다 — 상태와 다른 축의 정보라 같은 색이면 배지의\r\n        // 일부로 읽힌다. 배경까지 넣어 숫자가 상태 문구에 섞이지 않게 칩으로 떼어 둔다\r\n        background: rgba(86, 182, 194, 0.18);\r\n        color: #56b6c2;\r\n        font-weight: 600;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    // 두 번째 줄 — 마지막으로 보낸 프롬프트\r\n    .ad-prompt {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-top: 2px;\r\n        min-width: 0;\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .ad-label {\r\n        flex: 1 1 auto;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: rgba(255, 255, 255, 0.6);\r\n\r\n        // 아직 프롬프트가 없는 탭 — 자리는 지키되 눈에 덜 걸리게\r\n        &.empty {\r\n            color: rgba(255, 255, 255, 0.25);\r\n        }\r\n    }\r\n\r\n    .ad-elapsed {\r\n        flex: 0 0 auto;\r\n        margin-left: auto;\r\n        font-variant-numeric: tabular-nums;\r\n        opacity: 0.55;\r\n    }\r\n\r\n    // ── 지난 세션 (닫힌 Claude Code 세션 이어받기) ─────────────────────────\r\n    //\r\n    // 그룹의 **서랍**이다 — 살아 있는 탭 뒤에 오고 기본은 접혀 있다.\r\n    // 들여쓰기(11px)로 그룹 헤더보다 한 단계 안쪽임을 보인다: 이 줄들은 그룹에 속한\r\n    // 목록이지 또 하나의 그룹이 아니다.\r\n    .ad-resume-head {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n        margin: 5px 0 2px;\r\n        padding: 2px 4px 2px 11px;\r\n        border-radius: 4px;\r\n        // 그룹 헤더(0.42)보다 더 죽인다 — 살아 있는 목록이 먼저 읽혀야 한다\r\n        color: rgba(255, 255, 255, 0.34);\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.06em;\r\n        cursor: pointer;\r\n        transition: background 0.1s ease, color 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .ad-group-count {\r\n            background: rgba(255, 255, 255, 0.06);\r\n            color: rgba(255, 255, 255, 0.45);\r\n        }\r\n\r\n        // 캐럿은 오른쪽 끝으로 — 그룹 헤더는 캐럿이 앞에 있는데, 이 줄은 그룹의 하위라\r\n        // 같은 자리에 두면 두 헤더가 같은 층으로 읽힌다\r\n        .ad-group-caret {\r\n            margin-left: auto;\r\n        }\r\n    }\r\n\r\n    .ad-resume {\r\n        display: flex;\r\n        align-items: stretch;\r\n        gap: 8px;\r\n        margin: 0 0 3px 11px;\r\n        padding: 5px 6px 5px 0;\r\n        border-radius: 5px;\r\n        cursor: pointer;\r\n        // 죽은 세션은 **색이 아니라 형태**로 구분한다. 상태 6색(api.ts STATUS_STYLES)이 이미\r\n        // 꽉 차 있어 일곱 번째 색을 들이면 배지가 뜻하는 바가 흐려진다\r\n        opacity: 0.66;\r\n        transition: background 0.1s ease, opacity 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            opacity: 1;\r\n        }\r\n\r\n        // 좌측 바를 점선으로 끊는다 — 살아 있는 줄의 실선 상태바와 한눈에 갈린다\r\n        .ad-bar {\r\n            background: #3a404b;\r\n            background-image: linear-gradient(var(--ad-panel-bg, var(--bs-body-bg, #1e2127)) 50%, transparent 0);\r\n            background-size: 100% 5px;\r\n        }\r\n\r\n        .ad-title {\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.72);\r\n        }\r\n\r\n        .ad-meta {\r\n            gap: 5px;\r\n            margin-top: 1px;\r\n            font-size: 10px;\r\n            color: rgba(255, 255, 255, 0.36);\r\n        }\r\n    }\r\n\r\n    // 끝난 상태의 흔적 — 살아 있는 배지와 같은 세기로 칠하지 않는다(그러면 도는 줄로 읽힌다)\r\n    .re-was {\r\n        flex: 0 1 auto;\r\n        min-width: 0;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        font-weight: 600;\r\n\r\n        &.s-done { color: rgba(152, 195, 121, 0.62); }\r\n        &.s-error { color: rgba(224, 108, 117, 0.68); }\r\n        &.s-limited { color: rgba(198, 120, 221, 0.62); }\r\n        &.s-waiting { color: rgba(97, 175, 239, 0.62); }\r\n        &.s-running { color: rgba(229, 192, 123, 0.62); }\r\n        &.s-idle { color: rgba(255, 255, 255, 0.3); }\r\n\r\n        // 이미 열려 있는 세션 — 이건 죽지 않았으므로 상태색을 그대로 쓴다\r\n        &.live {\r\n            padding: 0 4px;\r\n            border-radius: 7px;\r\n            background: rgba(229, 192, 123, 0.16);\r\n            color: #e5c07b;\r\n        }\r\n    }\r\n\r\n    .re-when {\r\n        flex: 0 0 auto;\r\n        margin-left: auto;\r\n        padding-left: 6px;\r\n        font-variant-numeric: tabular-nums;\r\n    }\r\n\r\n    // 열려 있는 세션은 흐리게 두지 않는다 — 지금 도는 작업이라 목록에서도 살아 보여야 한다\r\n    .ad-resume.open {\r\n        opacity: 0.9;\r\n\r\n        .ad-bar {\r\n            background: #e5c07b;\r\n            background-image: none;\r\n        }\r\n    }\r\n\r\n    .ad-label-input {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 0 4px;\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        border-radius: 3px;\r\n        background: rgba(0, 0, 0, 0.35);\r\n        color: #fff;\r\n        font-size: 10.5px;\r\n        outline: none;\r\n\r\n        &:focus {\r\n            border-color: var(--ad-color, #61afef);\r\n        }\r\n    }\r\n\r\n    .ad-close {\r\n        flex: 0 0 auto;\r\n        align-self: center;\r\n        width: 18px;\r\n        height: 18px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        opacity: 0;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-size: 15px;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n        transition: opacity 0.1s ease, background 0.1s ease;\r\n\r\n        &:hover {\r\n            opacity: 1 !important;\r\n            background: rgba(255, 80, 80, 0.35);\r\n        }\r\n    }\r\n\r\n    .ad-foot {\r\n        display: flex;\r\n        gap: 6px;\r\n        padding: 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.07);\r\n    }\r\n\r\n    .ad-btn {\r\n        flex: 1 1 auto;\r\n        padding: 5px 8px;\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 글자가 한 자뿐인 버튼들은 나머지와 같은 비율로 늘어나면 허전하다\r\n    .ad-repair,\r\n    .ad-viewtoggle {\r\n        flex: 0 0 auto;\r\n        min-width: 28px;\r\n        font-size: 13px;\r\n        line-height: 1;\r\n    }\r\n    // ---------- 세션 검색 / 상태 필터 (deck.service buildSidebar · wireSearch) ----------\r\n    // 유닛 T 가 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    //\r\n    // 검색 줄은 헤더와 목록 사이의 별도 flex 아이템이다. `.ad-list` 안에 두면 `render()` 의\r\n    // innerHTML 초기화에 입력창이 매 글자마다 새로 만들어져 포커스·IME 조합이 날아간다.\r\n    .ad-search {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n        align-items: center;\r\n        padding: 0 8px 6px;\r\n        -webkit-app-region: no-drag;\r\n    }\r\n\r\n    .ad-search-input {\r\n        // 사이드바는 200~560px — 입력창이 남는 폭을 다 쓰되 줄어들 때 버튼을 밀지 않게\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 3px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        outline: none;\r\n        background: rgba(0, 0, 0, 0.28);\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 11px;\r\n        line-height: 1.4;\r\n\r\n        &::placeholder {\r\n            color: rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        &:focus {\r\n            border-color: rgba(97, 175, 239, 0.7);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 지우기 버튼은 **걸린 필터가 있을 때만** 보인다 (deck.service syncSearchUi 가 `.has-query`).\r\n    // 늘 자리를 잡으면 입력창이 그만큼 좁아지고, 빈 칸 옆의 ✕ 는 무엇을 지우는지 알 수 없다.\r\n    .ad-search-clear {\r\n        display: none;\r\n        flex: 0 0 auto;\r\n        width: 18px;\r\n        height: 18px;\r\n        padding: 0;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        font-size: 14px;\r\n        line-height: 1;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.12);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    .ad-search.has-query .ad-search-clear {\r\n        display: block;\r\n    }\r\n\r\n    // 집계 칩은 상태 필터의 조작부다 (renderHeadCount → toggleStatusFilter).\r\n    // 위쪽 `.ad-cnt` 규칙에 \"누를 수 있다\" 와 \"지금 걸려 있다\" 만 덧붙인다.\r\n    .ad-cnt {\r\n        cursor: pointer;\r\n        // 헤더는 도킹 드래그 핸들이라 글자가 잡히면 드래그가 지저분해진다\r\n        user-select: none;\r\n        transition: background 0.1s ease, color 0.1s ease;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.16);\r\n        }\r\n\r\n        // 걸려 있는 필터 — 배경 알파는 SCSS 가 var() 를 계산할 수 없으니\r\n        // 상태색은 안쪽 테두리와 글자색으로만 쓴다\r\n        &.active {\r\n            box-shadow: inset 0 0 0 1px var(--ad-color, #61afef);\r\n            background: rgba(255, 255, 255, 0.2);\r\n            color: var(--ad-color, #fff);\r\n        }\r\n    }\r\n\r\n    // 필터에 아무것도 안 걸렸을 때의 한 줄 (deck.service renderEmpty).\r\n    // 빈 목록만 남기면 \"탭이 다 닫혔다\" 로 읽히므로 이유를 글로 남긴다.\r\n    .ad-empty {\r\n        padding: 10px 8px;\r\n        color: rgba(255, 255, 255, 0.42);\r\n        text-align: center;\r\n        word-break: break-all;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    // 키보드 포커스 링 (deck.service `isNavFocused`) — **활성 탭 표시와 다른 것이어야 한다.**\r\n    // 활성(선택)은 배경으로, 키보드 포커스는 테두리로 말한다. 둘을 같은 모양으로 그리면\r\n    // \"지금 보고 있는 줄\" 과 \"지금 쓰고 있는 탭\" 이 화면에서 구별되지 않고, 그 구별이 이\r\n    // 기능의 전부다(이동만으로는 탭이 바뀌지 않는다, `navFocus` 주석).\r\n    //\r\n    // outline 대신 inset box-shadow 를 쓰는 이유 둘 — outline 은 `.ad-list` 의\r\n    // `overflow-y: auto` 경계에서 잘리고, border 는 줄 높이를 1px 밀어 포커스가 지나갈 때마다\r\n    // 목록 전체가 흔들린다. 상태색(`--ad-color`)을 쓰지 않는 것도 일부러다: 포커스는 세션 상태와\r\n    // 무관한 \"내 손이 어디 있나\" 라서, 상태색으로 그리면 배지 색과 섞여 읽힌다.\r\n    .ad-tab.ad-nav-focus,\r\n    .ad-group-head.ad-nav-focus {\r\n        box-shadow: inset 0 0 0 1px rgba(97, 175, 239, 0.85);\r\n        background: rgba(97, 175, 239, 0.1);\r\n    }\r\n\r\n    // 포커스가 활성 탭 위에 있을 때 — 배경은 활성 쪽(밝은 회색)을 유지하고 테두리만 얹는다.\r\n    // 그래야 \"이 줄이 지금 쓰는 탭이고, 포커스도 여기 있다\" 가 한 줄에서 다 읽힌다\r\n    .ad-tab.active.ad-nav-focus {\r\n        background: rgba(255, 255, 255, 0.14);\r\n    }\r\n\r\n    // 목록 자체가 포커스를 받는다(tabindex=-1) — 브라우저 기본 outline 은 지운다.\r\n    // 사각형이 목록 전체에 둘러쳐지면 어느 **줄**에 있는지가 오히려 안 보인다\r\n    .ad-list:focus,\r\n    .ad-list:focus-visible {\r\n        outline: none;\r\n    }\r\n\r\n    // 끌고 있는 줄 — 원래 자리에 흐릿하게 남긴다. 줄을 실제로 옮겨 그리지 않는 이유는\r\n    // deck.service `render` 의 드래그 가드에 있다(목록을 다시 만들면 끌던 DOM 이 사라진다).\r\n    // \"무엇을 들고 있나\" 는 이 흐릿한 줄이, \"어디에 놓이나\" 는 삽입선(.ad-reorder-line)이 말한다.\r\n    .ad-tab.ad-dragging {\r\n        opacity: 0.45;\r\n        background: rgba(255, 255, 255, 0.06);\r\n        outline: 1px dashed rgba(255, 255, 255, 0.28);\r\n        outline-offset: -1px;\r\n    }\r\n\r\n    // 순서를 바꿀 수 없는 상태에서 끌었을 때의 한 줄 (deck.service noteReorderBlocked).\r\n    // 목록 위에 겹쳐 띄운다 — flex 자식으로 흐르면 줄들이 밀려 드래그하던 자리가 움직인다.\r\n    .ad-reorder-note {\r\n        position: absolute;\r\n        left: 8px;\r\n        right: 8px;\r\n        bottom: 34px;\r\n        z-index: 3;\r\n        padding: 7px 9px;\r\n        border: 1px solid rgba(255, 255, 255, 0.12);\r\n        border-radius: 5px;\r\n        background: rgba(38, 42, 49, 0.96);\r\n        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);\r\n        color: rgba(255, 255, 255, 0.78);\r\n        font-size: 11px;\r\n        line-height: 1.45;\r\n        // 안내를 누르려는 손짓이 아래 줄의 클릭(탭 선택)으로 가지 않게\r\n        pointer-events: none;\r\n    }\r\n\r\n    // 상/하 도킹 — 세로가 짧다(기본 sidebarHeight 200px). 검색 줄 높이를 줄이고,\r\n    // 가로로 흐르는 목록에서 안내 한 줄은 폭을 다 차지하게 한다 (`.ad-group-head` 와 같은 이유)\r\n    &.ad-dock-top .ad-search,\r\n    &.ad-dock-bottom .ad-search {\r\n        padding: 0 8px 4px;\r\n    }\r\n\r\n    &.ad-dock-top .ad-list .ad-empty,\r\n    &.ad-dock-bottom .ad-list .ad-empty {\r\n        flex: 0 0 100%;\r\n    }\r\n}\r\n\r\n// ---------- 결과물 미리보기 패널 (viewPanel.ts) ----------\r\n// 사이드바와 같은 규칙을 따른다 — 위치·폭은 deck.service 의 relayout 이 인라인으로 준다.\r\n#agentdeck-view {\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 5;\r\n    overflow: hidden;\r\n    background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    font-size: 12px;\r\n    -webkit-app-region: no-drag;\r\n\r\n    // 터미널과 닿는 쪽에만 경계선\r\n    &.ad-view-right { border-left: 1px solid rgba(255, 255, 255, 0.08); }\r\n    &.ad-view-left { border-right: 1px solid rgba(255, 255, 255, 0.08); }\r\n\r\n    &.ad-view-dropping {\r\n        outline: 1px dashed rgba(97, 175, 239, 0.8);\r\n        outline-offset: -3px;\r\n    }\r\n\r\n    .ad-view-head {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 6px;\r\n        padding: 8px 8px 6px 12px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-title {\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        color: rgba(255, 255, 255, 0.82);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-view-tools {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 2px;\r\n    }\r\n\r\n    .ad-view-btn {\r\n        min-width: 24px;\r\n        padding: 2px 5px;\r\n        border: 0;\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 12px;\r\n        line-height: 1.2;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: #fff;\r\n        }\r\n\r\n        // 켜져 있는 도구(편집 중의 ✎) — 지금 어떤 상태인지 버튼만 보고 알 수 있어야 한다\r\n        &.ad-view-btn-on {\r\n            background: rgba(97, 175, 239, 0.22);\r\n            color: #9ecbff;\r\n        }\r\n    }\r\n\r\n    .ad-view-path {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n\r\n        input {\r\n            width: 100%;\r\n            padding: 4px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n            background: rgba(0, 0, 0, 0.25);\r\n            color: #e6e6e6;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &:focus {\r\n                outline: 0;\r\n                border-color: rgba(97, 175, 239, 0.7);\r\n            }\r\n        }\r\n    }\r\n\r\n    // 경로 줄 안내 — \"없는 파일이다, 한 번 더 Enter\" 같은 말이 여기 뜬다\r\n    .ad-view-path-note {\r\n        width: 100%;\r\n        overflow: hidden;\r\n        color: rgba(229, 192, 123, 0.9);\r\n        font-size: 11px;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n\r\n        &:empty {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    // 찾기 줄 (Ctrl+F). 경로 줄과 같은 자리·같은 옷을 입힌다 — 둘 다 헤더 아래 한 줄짜리 도구다\r\n    .ad-view-find {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n\r\n        input {\r\n            flex: 1 1 auto;\r\n            min-width: 0;\r\n            padding: 4px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.14);\r\n            border-radius: 4px;\r\n            background: rgba(0, 0, 0, 0.25);\r\n            color: #e6e6e6;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &:focus {\r\n                outline: 0;\r\n                border-color: rgba(97, 175, 239, 0.7);\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-find-count {\r\n        flex: 0 0 auto;\r\n        min-width: 44px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        font-size: 11px;\r\n        text-align: right;\r\n    }\r\n\r\n    // 일치 표시. 지금 보고 있는 것 하나만 진하게 — 개수가 많아도 어디에 있는지 눈에 든다\r\n    mark.ad-find-hit {\r\n        border-radius: 2px;\r\n        background: rgba(229, 192, 123, 0.35);\r\n        color: inherit;\r\n    }\r\n\r\n    mark.ad-find-cur {\r\n        background: rgba(229, 192, 123, 0.85);\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    // 편집 줄 — 저장/취소는 본문 밖에 둔다 (본문은 갱신마다 다시 그려진다)\r\n    .ad-view-editbar {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 8px;\r\n        padding: 5px 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        background: rgba(0, 0, 0, 0.18);\r\n    }\r\n\r\n    .ad-view-edit-note {\r\n        overflow: hidden;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 11px;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .ad-view-edit-btns {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n    }\r\n\r\n    .ad-view-edit-save,\r\n    .ad-view-edit-cancel {\r\n        padding: 2px 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover:not(:disabled) {\r\n            border-color: rgba(255, 255, 255, 0.3);\r\n            background: rgba(255, 255, 255, 0.08);\r\n            color: #fff;\r\n        }\r\n\r\n        &:disabled {\r\n            opacity: 0.35;\r\n            cursor: default;\r\n        }\r\n    }\r\n\r\n    .ad-view-edit-save {\r\n        border-color: rgba(97, 175, 239, 0.5);\r\n        color: #9ecbff;\r\n    }\r\n\r\n    // 편집기 — 본문 자리를 그대로 채운다. 글꼴·줄간격을 코드 보기와 맞춰야 편집 전후로\r\n    // 글자가 튀지 않는다\r\n    textarea.ad-view-edit {\r\n        display: block;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n        height: 100%;\r\n        min-height: 200px;\r\n        padding: 6px 8px;\r\n        border: 0;\r\n        background: rgba(0, 0, 0, 0.22);\r\n        color: #e6e6e6;\r\n        font-family: monospace;\r\n        font-size: 12px;\r\n        line-height: 1.5;\r\n        resize: none;\r\n        tab-size: 4;\r\n\r\n        &:focus {\r\n            outline: 0;\r\n        }\r\n    }\r\n\r\n    // 최근 파일 칩 — Codex 앱의 결과물 탭 자리\r\n    .ad-view-tabs {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-tab {\r\n        max-width: 100%;\r\n        overflow: hidden;\r\n        padding: 2px 7px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 10px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            color: #fff;\r\n            border-color: rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        &.ad-view-tab-on {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #cfe6ff;\r\n        }\r\n    }\r\n\r\n    .ad-view-body {\r\n        flex: 1 1 auto;\r\n        overflow: auto;\r\n        padding: 10px 12px 16px;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        // 문서를 읽는 자리라 글자 선택은 열어 둔다 (사이드바는 막아 둔다)\r\n        user-select: text;\r\n    }\r\n\r\n    .ad-view-foot {\r\n        flex: 0 0 auto;\r\n        overflow: hidden;\r\n        padding: 5px 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        color: rgba(255, 255, 255, 0.35);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 10px;\r\n    }\r\n\r\n    // 폭 조절 손잡이 — 터미널과 닿는 쪽 경계선\r\n    .ad-view-resize {\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        width: 6px;\r\n        cursor: col-resize;\r\n        z-index: 6;\r\n    }\r\n\r\n    &.ad-view-right .ad-view-resize { left: -2px; }\r\n    &.ad-view-left .ad-view-resize { right: -2px; }\r\n\r\n    .ad-view-empty {\r\n        padding: 8px 2px;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        line-height: 1.7;\r\n\r\n        ul { padding-left: 18px; margin: 6px 0 0; }\r\n        li { margin: 2px 0; }\r\n    }\r\n\r\n    .ad-view-dim {\r\n        color: rgba(255, 255, 255, 0.35);\r\n        font-size: 11px;\r\n    }\r\n\r\n    // ---------- 종류별 본문 ----------\r\n\r\n    .ad-view-image {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        justify-content: center;\r\n\r\n        img {\r\n            max-width: 100%;\r\n            // 원본보다 키우지 않는다 — 확대하면 스크린샷 글자가 뭉개진다\r\n            height: auto;\r\n            background: rgba(255, 255, 255, 0.04);\r\n        }\r\n    }\r\n\r\n    .ad-view-code {\r\n        display: flex;\r\n        gap: 8px;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n\r\n        pre {\r\n            margin: 0;\r\n            white-space: pre;\r\n        }\r\n\r\n        .ad-view-gutter {\r\n            flex: 0 0 auto;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-view-src {\r\n            flex: 1 1 auto;\r\n            overflow-x: auto;\r\n            color: rgba(255, 255, 255, 0.85);\r\n        }\r\n    }\r\n\r\n    .ad-view-table {\r\n        overflow-x: auto;\r\n\r\n        table {\r\n            border-collapse: collapse;\r\n            font-size: 11px;\r\n        }\r\n\r\n        th, td {\r\n            max-width: 260px;\r\n            overflow: hidden;\r\n            padding: 3px 6px;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        th {\r\n            position: sticky;\r\n            top: 0;\r\n            background: #262a31;\r\n            color: rgba(255, 255, 255, 0.7);\r\n        }\r\n\r\n        .ad-view-rownum {\r\n            color: rgba(255, 255, 255, 0.3);\r\n            text-align: right;\r\n        }\r\n    }\r\n\r\n    // ---------- 마크다운 ----------\r\n    .ad-view-md {\r\n        line-height: 1.65;\r\n        word-break: break-word;\r\n\r\n        h1, h2, h3, h4, h5, h6 {\r\n            margin: 1.1em 0 0.5em;\r\n            color: #fff;\r\n            line-height: 1.3;\r\n        }\r\n        h1 { font-size: 18px; }\r\n        h2 { font-size: 16px; padding-bottom: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\r\n        h3 { font-size: 14px; }\r\n        h4, h5, h6 { font-size: 13px; }\r\n\r\n        p { margin: 0.6em 0; }\r\n\r\n        a {\r\n            color: #61afef;\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n\r\n            &:hover { text-decoration: underline; }\r\n        }\r\n\r\n        code {\r\n            padding: 1px 4px;\r\n            border-radius: 3px;\r\n            background: rgba(255, 255, 255, 0.08);\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n        }\r\n\r\n        pre {\r\n            overflow-x: auto;\r\n            margin: 0.7em 0;\r\n            padding: 8px 10px;\r\n            border: 1px solid rgba(255, 255, 255, 0.07);\r\n            border-radius: 5px;\r\n            background: rgba(0, 0, 0, 0.28);\r\n\r\n            code {\r\n                padding: 0;\r\n                background: transparent;\r\n                line-height: 1.5;\r\n            }\r\n        }\r\n\r\n        ul, ol { padding-left: 20px; margin: 0.5em 0; }\r\n        li { margin: 0.15em 0; }\r\n\r\n        .ad-md-task { list-style: none; margin-left: -14px; }\r\n        .ad-md-check { color: rgba(255, 255, 255, 0.6); }\r\n\r\n        blockquote {\r\n            margin: 0.7em 0;\r\n            padding: 2px 0 2px 10px;\r\n            border-left: 3px solid rgba(255, 255, 255, 0.18);\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        hr {\r\n            margin: 1.2em 0;\r\n            border: 0;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n        }\r\n\r\n        table {\r\n            display: block;\r\n            overflow-x: auto;\r\n            border-collapse: collapse;\r\n            margin: 0.7em 0;\r\n            font-size: 11px;\r\n        }\r\n\r\n        th, td {\r\n            padding: 4px 8px;\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            text-align: left;\r\n        }\r\n\r\n        th { background: rgba(255, 255, 255, 0.05); color: #fff; }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .ad-md-noimg {\r\n            padding: 1px 5px;\r\n            border-radius: 3px;\r\n            background: rgba(255, 255, 255, 0.06);\r\n            color: rgba(255, 255, 255, 0.45);\r\n            font-size: 11px;\r\n        }\r\n    }\r\n\r\n    // ---------- 변경 탭 (파일/변경 스위치 + git diff) ----------\r\n    // 최근 파일 칩과 같은 모양을 쓴다 — 같은 자리에서 같은 방식으로 고르는 것이라서.\r\n    .ad-view-modes {\r\n        display: flex;\r\n        flex: 0 0 auto;\r\n        gap: 4px;\r\n        padding: 6px 8px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n        user-select: none;\r\n    }\r\n\r\n    .ad-view-mode {\r\n        flex: 0 0 auto;\r\n        padding: 3px 12px;\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(255, 255, 255, 0.25);\r\n            color: #fff;\r\n        }\r\n\r\n        &.ad-view-mode-on {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #cfe6ff;\r\n        }\r\n    }\r\n\r\n    .ad-view-diff {\r\n        .ad-plus { color: #98c379; }\r\n        .ad-minus { color: #e06c75; }\r\n    }\r\n\r\n    // `2 files changed +9 -6` 자리\r\n    .ad-view-diff-sum {\r\n        padding-bottom: 6px;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-view-diff-list {\r\n        margin-bottom: 10px;\r\n        padding-bottom: 6px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .ad-view-diff-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        width: 100%;\r\n        padding: 2px 4px;\r\n        border: 0;\r\n        border-radius: 3px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        text-align: left;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover { background: rgba(255, 255, 255, 0.07); }\r\n\r\n        .ad-view-diff-st {\r\n            flex: 0 0 auto;\r\n            min-width: 40px;\r\n            color: rgba(255, 255, 255, 0.4);\r\n            text-align: center;\r\n            font-size: 10px;\r\n        }\r\n\r\n        .ad-view-diff-st-added { color: #98c379; }\r\n        .ad-view-diff-st-deleted { color: #e06c75; }\r\n        .ad-view-diff-st-renamed { color: #61afef; }\r\n\r\n        .ad-view-diff-name {\r\n            flex: 1 1 auto;\r\n            overflow: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            // 경로는 등폭이 읽기 쉽다 — 같은 폴더가 세로로 줄을 맞춘다\r\n            font-family: monospace;\r\n        }\r\n\r\n        .ad-view-diff-num {\r\n            flex: 0 0 auto;\r\n\r\n            b {\r\n                margin-left: 5px;\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-diff-sub {\r\n        margin: 4px 0;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-diff-untracked {\r\n        margin-bottom: 10px;\r\n        padding-bottom: 6px;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n\r\n        .ad-view-diff-u {\r\n            overflow: hidden;\r\n            padding: 1px 4px;\r\n            color: rgba(255, 255, 255, 0.5);\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            font-family: monospace;\r\n            font-size: 11px;\r\n\r\n            &[data-ad-open] {\r\n                cursor: pointer;\r\n\r\n                &:hover { background: rgba(255, 255, 255, 0.07); color: #fff; }\r\n            }\r\n        }\r\n    }\r\n\r\n    .ad-view-diff-file {\r\n        margin-bottom: 14px;\r\n    }\r\n\r\n    // 파일명은 스크롤해도 남아 있어야 한다 — 긴 diff 를 내려가다 보면 어느 파일인지 잊는다\r\n    .ad-view-diff-fhead {\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 1;\r\n        overflow: hidden;\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 4px 4px 0 0;\r\n        background: #262a31;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover { color: #fff; }\r\n    }\r\n\r\n    .ad-view-diff-note {\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-top: 0;\r\n        color: rgba(255, 255, 255, 0.35);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-diff-lines {\r\n        overflow-x: auto;\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-top: 0;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    // 한 줄 = 구 번호 · 신 번호 · 본문. 배경이 줄 전체를 덮어야 추가/삭제가 눈에 띈다\r\n    .ad-dl {\r\n        display: flex;\r\n        // 가로 스크롤 안에서도 배경이 끊기지 않게 (본문이 넘치면 줄이 넓어진다)\r\n        min-width: 100%;\r\n        min-height: 17px;\r\n        white-space: pre;\r\n\r\n        .ad-dl-no {\r\n            flex: 0 0 auto;\r\n            width: 38px;\r\n            padding-right: 6px;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-dl-tx {\r\n            flex: 1 0 auto;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n    }\r\n\r\n    .ad-dl-add {\r\n        background: rgba(152, 195, 121, 0.12);\r\n\r\n        .ad-dl-tx { color: #b7d99b; }\r\n    }\r\n\r\n    .ad-dl-del {\r\n        background: rgba(224, 108, 117, 0.12);\r\n\r\n        .ad-dl-tx { color: #eda3a9; }\r\n    }\r\n\r\n    .ad-dl-hunk {\r\n        background: rgba(97, 175, 239, 0.1);\r\n\r\n        .ad-dl-tx { color: rgba(97, 175, 239, 0.85); }\r\n    }\r\n\r\n    // ---------- 스테이지 딱지 (파일 목록 / 추적 안 됨 줄) ----------\r\n    // 유닛 L 이 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    // 상태 색은 `.ad-view-diff-st-*` 와 같은 팔레트를 쓴다 (같은 줄에서 두 딱지가 싸우지 않게).\r\n    .ad-view-stage {\r\n        flex: 0 0 auto;\r\n        min-width: 44px;\r\n        padding: 0 4px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 3px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n        text-align: center;\r\n        font-size: 10px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(255, 255, 255, 0.4);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    .ad-view-stage-staged {\r\n        border-color: rgba(152, 195, 121, 0.5);\r\n        background: rgba(152, 195, 121, 0.14);\r\n        color: #b7d99b;\r\n    }\r\n\r\n    .ad-view-stage-both {\r\n        border-color: rgba(229, 192, 123, 0.5);\r\n        background: rgba(229, 192, 123, 0.12);\r\n        color: #e5c07b;\r\n    }\r\n\r\n    .ad-view-stage-conflict {\r\n        border-color: rgba(224, 108, 117, 0.6);\r\n        background: rgba(224, 108, 117, 0.14);\r\n        color: #eda3a9;\r\n    }\r\n\r\n    // ---------- `파일:라인` 참조 ----------\r\n    // 유닛 U 가 넘긴 CSS — 그 유닛은 이 파일을 소유하지 않아 배리어에서 메인이 넣는다.\r\n    //\r\n    // 누를 수 있는 줄은 커서와 왼쪽 선으로 알린다. 줄번호 칸은 `user-select: none` 이라\r\n    // 거기를 눌러도 글자 선택이 시작되지 않는다 (본문 복사와 싸우지 않게)\r\n    .ad-dl[data-ad-ref-line],\r\n    .ad-dl[data-ad-ref-del],\r\n    .ad-cl[data-ad-ref-line] {\r\n        cursor: pointer;\r\n    }\r\n\r\n    .ad-dl[data-ad-ref-line]:hover,\r\n    .ad-cl[data-ad-ref-line]:hover {\r\n        box-shadow: inset 2px 0 0 rgba(97, 175, 239, 0.55);\r\n    }\r\n\r\n    // 고른 줄. 추가/삭제 배경(`.ad-dl-add`/`.ad-dl-del`)을 덮어야 하므로 두 클래스로 특정한다\r\n    .ad-dl.ad-ref-sel,\r\n    .ad-cl.ad-ref-sel {\r\n        box-shadow: inset 2px 0 0 #61afef;\r\n        background: rgba(97, 175, 239, 0.22);\r\n\r\n        .ad-dl-no,\r\n        .ad-cl-no {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .ad-dl-tx,\r\n        .ad-cl-tx {\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // ---------- `파일` 모드 코드 보기: 줄마다 한 칸 ----------\r\n    // 원래는 `<pre>` 두 장을 좌우로 놓는 flex 였다. 줄 단위로 그리게 되면서(어느 줄을 눌렀는지\r\n    // 알아야 한다) 세로로 쌓아야 하므로 배치만 되돌린다 — 글꼴·크기·줄높이는 그대로 쓴다\r\n    .ad-view-code.ad-view-code-rows {\r\n        display: block;\r\n        overflow-x: auto;\r\n    }\r\n\r\n    .ad-cl {\r\n        display: flex;\r\n        // 가로 스크롤 안에서도 강조 배경이 끊기지 않게 (`.ad-dl` 과 같은 사정)\r\n        min-width: 100%;\r\n        min-height: 17px;\r\n        white-space: pre;\r\n\r\n        .ad-cl-no {\r\n            flex: 0 0 auto;\r\n            width: 44px;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.25);\r\n            text-align: right;\r\n            user-select: none;\r\n        }\r\n\r\n        .ad-cl-tx {\r\n            flex: 1 0 auto;\r\n            padding-right: 8px;\r\n            color: rgba(255, 255, 255, 0.85);\r\n        }\r\n    }\r\n\r\n    // ---------- 참조 안내줄 (본문 밖 — 자동 갱신에 지워지지 않는 자리) ----------\r\n    .ad-view-ref {\r\n        flex: 0 0 auto;\r\n        overflow: hidden;\r\n        padding: 4px 10px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n        color: rgba(255, 255, 255, 0.5);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 10px;\r\n    }\r\n\r\n    // 방금 넣었다 — REF_FLASH_MS(2.5초)만 켜진다\r\n    .ad-view-ref-on {\r\n        background: rgba(97, 175, 239, 0.14);\r\n        color: #cfe6ff;\r\n    }\r\n\r\n    // ---------- 커밋 줄 (본문 밖 — 자동 갱신에 지워지지 않는 자리) ----------\r\n    .ad-view-commit {\r\n        flex: 0 0 auto;\r\n        padding: 6px 8px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n    }\r\n\r\n    .ad-view-commit-sum {\r\n        margin-bottom: 4px;\r\n        color: rgba(255, 255, 255, 0.55);\r\n        font-size: 11px;\r\n    }\r\n\r\n    .ad-view-commit-row {\r\n        display: flex;\r\n        gap: 6px;\r\n        align-items: center;\r\n    }\r\n\r\n    .ad-view-commit-msg {\r\n        flex: 1 1 auto;\r\n        min-width: 0;\r\n        padding: 4px 6px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: rgba(0, 0, 0, 0.25);\r\n        color: #e6e6e6;\r\n        font-family: monospace;\r\n        font-size: 11px;\r\n\r\n        &:focus {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            outline: 0;\r\n        }\r\n    }\r\n\r\n    .ad-view-commit-go {\r\n        flex: 0 0 auto;\r\n        padding: 4px 10px;\r\n        border: 1px solid rgba(255, 255, 255, 0.14);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.7);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n\r\n        &:hover:not(:disabled) {\r\n            border-color: rgba(255, 255, 255, 0.35);\r\n            color: #fff;\r\n        }\r\n\r\n        // 메시지가 비면 잠긴다 — 잠긴 것이 눈에 보여야 \"왜 안 눌리나\" 를 묻지 않는다\r\n        &:disabled {\r\n            opacity: 0.45;\r\n            cursor: default;\r\n        }\r\n\r\n        // 확인 대기: 다음 누름이 실제 커밋이라는 것을 색으로 경고한다\r\n        &.ad-view-commit-armed {\r\n            border-color: rgba(224, 108, 117, 0.7);\r\n            background: rgba(224, 108, 117, 0.18);\r\n            color: #ffd7da;\r\n        }\r\n    }\r\n\r\n    .ad-view-commit-note {\r\n        margin-top: 4px;\r\n        overflow: hidden;\r\n        color: rgba(255, 255, 255, 0.4);\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-size: 11px;\r\n    }\r\n}\r\n\r\n// 우클릭 상태 메뉴\r\n.ad-menu {\r\n    position: fixed;\r\n    z-index: 10000;\r\n    min-width: 130px;\r\n    padding: 4px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 6px;\r\n    background: #262a31;\r\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\r\n    font-size: 12px;\r\n    user-select: none;\r\n\r\n    .ad-menu-item {\r\n        padding: 6px 10px;\r\n        border-radius: 4px;\r\n        color: rgba(255, 255, 255, 0.75);\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: #fff;\r\n        }\r\n    }\r\n}\r\n\r\n// 도킹 가이드 — 헤더를 끌고 있는 동안만 창 위에 뜬다\r\n.ad-dock-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 9998;\r\n    // 커서 판정은 좌표로 직접 하므로 오버레이가 이벤트를 가로채면 안 된다\r\n    pointer-events: none;\r\n}\r\n\r\n// 놓으면 사이드바가 자리잡을 영역\r\n.ad-dock-preview {\r\n    position: fixed;\r\n    display: none;\r\n    border: 1px solid rgba(97, 175, 239, 0.9);\r\n    background: rgba(97, 175, 239, 0.22);\r\n    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.18);\r\n    transition: left 0.08s ease, top 0.08s ease, width 0.08s ease, height 0.08s ease;\r\n}\r\n\r\n// 네 가장자리에 뜨는 도킹 표적\r\n.ad-dock-zone {\r\n    position: fixed;\r\n    width: 46px;\r\n    height: 46px;\r\n    margin: -23px 0 0 -23px;\r\n    border: 1px solid rgba(255, 255, 255, 0.35);\r\n    border-radius: 6px;\r\n    background: rgba(38, 42, 49, 0.92);\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .ad-dock-mark {\r\n        width: 26px;\r\n        height: 26px;\r\n        border: 1px solid rgba(255, 255, 255, 0.45);\r\n        border-radius: 3px;\r\n    }\r\n\r\n    &.active {\r\n        border-color: rgba(97, 175, 239, 0.95);\r\n        background: rgba(97, 175, 239, 0.35);\r\n    }\r\n\r\n    // 표적 안의 작은 사각형이 \"어느 쪽 절반에 붙는지\" 를 그대로 보여준다\r\n    &.ad-dock-zone-left .ad-dock-mark { border-left: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-right .ad-dock-mark { border-right: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-top .ad-dock-mark { border-top: 4px solid rgba(97, 175, 239, 0.95); }\r\n    &.ad-dock-zone-bottom .ad-dock-mark { border-bottom: 4px solid rgba(97, 175, 239, 0.95); }\r\n}\r\n\r\n// 놓일 자리를 가리키는 삽입선 — 줄을 끌고 있는 동안만 뜬다 (deck.service drawReorderLine).\r\n// 좌표는 인라인으로 준다(가로 도킹은 세로선, 상/하 도킹은 가로선). `.ad-list` 안이 아니라\r\n// body 에 붙는 이유는 그 함수 주석에 있다 — 목록을 다시 그릴 때 날아가지 않게, 그리고\r\n// 회귀 프로브가 목록의 자식만 훑어 그룹을 읽으므로 낯선 노드를 끼워 넣지 않게.\r\n.ad-reorder-line {\r\n    position: fixed;\r\n    z-index: 9997;\r\n    border-radius: 1px;\r\n    background: rgba(97, 175, 239, 0.95);\r\n    box-shadow: 0 0 5px rgba(97, 175, 239, 0.6);\r\n    // 좌표 판정은 elementFromPoint 로 한다 — 선이 이벤트를 가로채면 자기 자신을 짚는다\r\n    pointer-events: none;\r\n}\r\n\r\n// 줄을 끄는 동안 — 커서를 옮기기 모양으로 두고, 커서가 터미널 위로 넘어가도 모양이 유지되게\r\nbody.ad-reordering {\r\n    cursor: grabbing;\r\n\r\n    // 줄 자신은 `cursor: pointer`(클릭=탭 선택)라 body 것으로는 덮이지 않는다.\r\n    // 끌고 있는 동안만 사이드바 안쪽을 통째로 덮어써 손 모양이 도중에 바뀌지 않게 한다.\r\n    #agentdeck-sidebar,\r\n    #agentdeck-sidebar * {\r\n        cursor: grabbing !important;\r\n    }\r\n\r\n    .content.main {\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n// 경계선을 끄는 동안에는 터미널이 커서를 뺏지 않게 한다\r\nbody.ad-resizing {\r\n    cursor: inherit;\r\n\r\n    .content.main {\r\n        pointer-events: none;\r\n    }\r\n}\r\n\r\n// AgentDeck 이 켜져 있을 때만 순정 탭바를 감춘다 (사이드바가 그 역할을 대신함)\r\nbody.agentdeck-active {\r\n    .content.main > .tab-bar {\r\n        display: none !important;\r\n    }\r\n\r\n    .window {\r\n        display: flex;\r\n        flex-direction: row;\r\n        // 사이드바를 창 안에 절대 배치하므로 기준점이 필요하다\r\n        position: relative;\r\n        // 터미널 옆에 남는 여백이 밝은 기본 배경으로 튀지 않게 한다\r\n        // (--ad-panel-bg 가 있으면 배경 이미지가 이 여백으로도 비친다)\r\n        background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\r\n    }\r\n}\r\n\r\n// ---------- 드롭 확인 배너 (터미널 위에 파일을 끌어다 놓았을 때) ----------\r\n// OS 모달이 아니라 인라인 카드다 — 모달은 터미널 흐름을 끊고 CDP 로 검증할 수 없다.\r\n// 화면 오른쪽 아래에 띄운다: 입력창(아래 중앙)과 사이드바(좌/우 가장자리)를 둘 다 피하려면\r\n// 그 모서리가 가장 덜 겹친다. `z-index` 는 사이드바(#agentdeck-sidebar)보다 위여야 한다.\r\n.ad-drop-ask {\r\n    position: fixed;\r\n    right: 16px;\r\n    bottom: 16px;\r\n    z-index: 10000;\r\n    min-width: 260px;\r\n    max-width: 420px;\r\n    padding: 10px 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 6px;\r\n    background: rgba(24, 26, 30, 0.97);\r\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45);\r\n    color: #e6e6e6;\r\n    font-size: 12px;\r\n\r\n    .ad-drop-ask-msg {\r\n        overflow: hidden;\r\n        margin-bottom: 8px;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .ad-drop-ask-row {\r\n        display: flex;\r\n        gap: 6px;\r\n        align-items: center;\r\n    }\r\n\r\n    button {\r\n        flex: 1 1 auto;\r\n        padding: 5px 8px;\r\n        border: 1px solid rgba(255, 255, 255, 0.16);\r\n        border-radius: 4px;\r\n        background: transparent;\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 12px;\r\n        cursor: pointer;\r\n\r\n        &:hover {\r\n            border-color: rgba(97, 175, 239, 0.6);\r\n            background: rgba(97, 175, 239, 0.14);\r\n            color: #fff;\r\n        }\r\n    }\r\n\r\n    // 닫기는 강조하지 않는다 — 기본 선택이 아니다\r\n    .ad-drop-ask-close {\r\n        flex: 0 0 auto;\r\n        min-width: 26px;\r\n        padding: 5px 6px;\r\n        color: rgba(255, 255, 255, 0.45);\r\n    }\r\n\r\n    .ad-drop-ask-again {\r\n        display: flex;\r\n        gap: 5px;\r\n        align-items: center;\r\n        margin-top: 8px;\r\n        margin-bottom: 0;\r\n        color: rgba(255, 255, 255, 0.5);\r\n        font-size: 11px;\r\n        cursor: pointer;\r\n    }\r\n}\r\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -3039,6 +3139,23 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                  * 설정 창에서 토글한다 (recovery.service.ts).
                  */
                 noTabRecovery: false,
+                /**
+                 * 기동할 때 npm 레지스트리를 보고 **새 버전을 받아 둔다** (적용은 다음 기동).
+                 *
+                 * Tabby 는 플러그인을 기동할 때 한 번 읽으므로 돌고 있는 것을 갈아끼울 수 없다 —
+                 * 그래서 받아만 두고 한 번 알린다. 기동 20초 뒤에 한 번, 그 뒤로는 아래 간격마다.
+                 *
+                 * **개발 설치(소스 트리 junction)에는 설치하지 않는다.** 거기에 `npm install` 이 돌면
+                 * 작업 중인 소스를 덮어쓴다 — 새 버전이 있다는 것만 알리고 손대지 않는다
+                 * (판정은 `update.ts` 의 `canSelfUpdate`).
+                 */
+                autoUpdate: true,
+                /** 확인 간격 (시간). 기동마다 묻지 않는다 */
+                updateCheckIntervalHours: 6,
+                /** 마지막으로 레지스트리에 물어본 시각 (epoch ms) — 설정이 아니라 상태다 */
+                lastUpdateCheck: 0,
+                /** 레지스트리 주소. 사내 미러를 쓰면 여기를 바꾼다 */
+                updateRegistry: 'https://registry.npmjs.org',
                 /** PTY 출력이 이 시간(ms) 이상 없으면 running -> idle */
                 idleAfterMs: 2500,
                 /** 출력 패턴으로 상태를 자동 추론할지 */
@@ -3144,36 +3261,43 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                  * 아무 일도 일어나지 않는다(hover 리스너를 두지 않았다).
                  */
                 dragAutoScroll: true,
+                // 세션 그룹에는 설정이 없다 — **항상 켜져 있고 경계도 자동으로 잡는다.**
+                //
+                // 스위치(`groupByProject`)를 없앤 근거: 그룹이 하나뿐이면 헤더를 아예 그리지 않고
+                // 순서도 건드리지 않으므로(deck.service `renderPlan`), 한 프로젝트만 쓰는 사람에게는
+                // 켜 둔 화면과 끈 화면이 **같다.** 끌 이유가 없는 스위치는 설정 창에서 고를 것만 늘린다.
+                // 경계를 적는 값(`groupRoot`)도 없앴다 — `project-root.ts` 가 저장소 루트(`.git` 등)를
+                // 직접 찾는다. 사람이 상위 폴더를 적는 방식은 프로젝트들이 한 폴더에 나란히 있을 때만
+                // 맞고, 깊이가 다르면 어떤 값을 적어도 한쪽이 틀렸다.
+                // 묶는 기준은 **탭이 태어난 cwd** 다 — 셸에서 `cd` 를 해도 따라오지 않으므로
+                // (docs/DEVELOPMENT.md 0.5.0 실측) 세션이 사는 동안 그룹이 흔들리지 않는다.
                 /**
-                 * 사이드바 탭을 **작업 폴더(프로젝트) 단위로 묶고** 그룹 헤더로 접을 수 있게 한다.
+                 * 접어 둔 그룹 키 목록. 그룹 헤더를 클릭할 때마다 갱신되고 다음 기동에 복원된다.
                  *
-                 * 기본으로 켠다 — 그룹이 하나뿐이면 헤더를 아예 그리지 않으므로(deck.service `render`)
-                 * 한 프로젝트만 쓰는 사람에게는 0.6.0 까지와 화면이 똑같고, 탭이 열 개를 넘겨
-                 * 여러 프로젝트가 섞이는 순간에만 헤더가 생긴다. 즉 켜 둬서 잃는 것이 없다.
-                 * 묶는 기준은 **탭이 태어난 cwd** 다 — 셸에서 `cd` 를 해도 따라오지 않으므로
-                 * (docs/DEVELOPMENT.md 0.5.0 실측) 세션이 사는 동안 그룹이 흔들리지 않는다.
-                 * 그룹 안의 탭 순서는 `sortByStatus` 를 그대로 따른다.
+                 * 키는 `group.ts` 가 정규화한 경로를 **소문자로 접은** 값이다(`foldGroupKey`) —
+                 * 셸이 알려주는 경로의 대소문자·구분자가 기동마다 달라도 접힘이 유지돼야 하기 때문이다.
                  */
-                groupByProject: true,
+                collapsedGroups: [],
                 /**
-                 * 프로젝트 경계의 기준 폴더. 비우면 `rootProfileCwd` 를 쓴다.
+                 * 그룹 안에 **지난 세션**(죽은 Claude Code 세션) 줄을 그린다.
                  *
-                 * 이게 필요한 이유 — cwd 를 그대로 키로 쓰면 `D:\Project\a` 에서 띄운 탭과
-                 * `D:\Project\a\sub` 에서 띄운 탭이 다른 그룹으로 갈린다(서브폴더에서 에이전트를
-                 * 띄우는 건 흔하다). 이 값을 `D:\Project` 로 채워 두면 그 **직하 한 단계**가 그룹이
-                 * 되어 둘이 같은 그룹에 들어온다(`group.ts` `groupKeyOf`).
-                 * 둘 다 비면 cwd 자체가 키다 — 프로젝트들이 한 상위 폴더에 모여 있지 않은 경우다.
-                 * 저장소 루트(`.git`)를 찾아 자동으로 정하지는 않는다 — 렌더는 초당 여러 번 불리므로
-                 * 그때마다 디스크를 훑을 수 없다.
+                 * 이 기능이 있는 이유는 `recovery.service.ts` 주석에 있다 — agentdeck 은 Tabby 의 순정
+                 * 탭 복원을 껐다(셸만 살아나고 세션은 죽어 있어 "주인 없는 탭" 이 남는다).
+                 * `claude --resume` 이 그 자리에 들어갈 진짜 복원이고, 사람이 막히는 곳은 명령이 아니라
+                 * UUID 목록에서 자기 작업을 찾는 것이라 **라벨을 붙여 보여주는 것** 이 이 기능의 전부다.
                  */
-                groupRoot: '',
+                resumeList: true,
+                /** 그룹당 몇 줄까지 보여줄지. 0 이면 제한 없음 (목록이 길어지면 살아 있는 탭이 밀린다) */
+                resumeListLimit: 5,
                 /**
-                 * 접어 둔 그룹 키 목록. 그룹 헤더를 클릭할 때마다 갱신되고 다음 기동에 복원된다.
-                 *
-                 * 키는 `group.ts` 가 정규화한 경로를 **소문자로 접은** 값이다(`foldGroupKey`) —
-                 * 셸이 알려주는 경로의 대소문자·구분자가 기동마다 달라도 접힘이 유지돼야 하기 때문이다.
+                 * 며칠치까지. 기간 밖 세션은 **화면에서만** 빠지고 원장·기록은 그대로다.
+                 * stat 단계에서 잘라내므로 이 값이 작을수록 펼치는 순간이 싸다.
                  */
-                collapsedGroups: [],
+                resumeListDays: 7,
+                /** 지난 세션 줄을 펼쳐 둔 그룹 키 (`collapsedGroups` 와 반대로 **펼침**을 적는다 — 기본이 접힘이라서) */
+                resumeExpanded: [],
+                /** 사람이 목록에서 숨긴 세션 id */
+                resumeHidden: [],
                 /**
                  * 창이 가려져 있어도 사이드바를 계속 갱신한다 (Electron backgroundThrottling 해제).
                  *
@@ -3408,10 +3532,24 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                  */
                 repairHard: false,
                 /**
-                 * 복구 마지막에 `Ctrl+L`(0x0C)을 보내 TUI 에게 전체 재렌더를 시킨다.
-                 * 입력 중이던 글자는 유지된다. 이걸 다른 뜻으로 쓰는 앱을 만나면 끈다.
+                 * 복구 마지막에 `Ctrl+L`(0x0C)을 보낸다.
+                 *
+                 * **기본 끔 (2026-09-11 전환).** 0x0C 를 "전부 다시 그려라" 로 받는 앱을 전제했는데,
+                 * **Claude Code 는 "화면을 지워라" 로 받는다** — 채증으로 확정했다.
+                 * `↻` 를 누른 뒤 스냅샷(`.agentdeck-screen.log` 06:04:52→54)에서 78행 중 **0~72행이
+                 * 통째로 비고** 입력창(73~77행)만 남았고, 진단 로그의 순서가 원인을 못 박는다:
+                 * `clear input area row=73/78`(73~77행만 지움) → `repair redraw-key ctrl-l` → 화면 전멸.
+                 * 사용자에게는 "새로고침하면 출력이 한참 위로 올라가 버린다" 로 보인다(유저 지적).
+                 *
+                 * 끄고도 복구는 된다 — 실제로 고치는 것은 잔상 지우기(`clearInputArea`)와
+                 * 크기 정합·흔들기(SIGWINCH)이고, 0x0C 는 그 위에 얹은 "확실히 해두기" 였다.
+                 * 지운 자리의 입력창은 앱이 자기 렌더 주기에 다시 그린다(Claude Code 는 상태줄을
+                 * 매초 갱신하므로 즉시 돌아온다). 수동 복구는 흔들기까지 하므로 그 자리에서 돌아온다.
+                 *
+                 * 켜는 경우 — Ctrl+L 이 실제로 재렌더인 앱만 쓰거나, 셸에서 화면이 지워져도
+                 * 상관없을 때. 켜면 자동복구에도 적용되므로 오탐 한 번에 보고 있던 화면이 밀린다.
                  */
-                repairSendRedrawKey: true,
+                repairSendRedrawKey: false,
                 /**
                  * 작업 루트 전용 프로필을 만들고 기본 프로필로 삼는다.
                  *
@@ -3521,10 +3659,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _dock__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./dock */ "./src/dock.ts");
 /* harmony import */ var _order__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./order */ "./src/order.ts");
 /* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./group */ "./src/group.ts");
-/* harmony import */ var _nav__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./nav */ "./src/nav.ts");
-/* harmony import */ var _viewPanel__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./viewPanel */ "./src/viewPanel.ts");
-/* harmony import */ var _viewer__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./viewer */ "./src/viewer.ts");
-/* harmony import */ var _diag__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./diag */ "./src/diag.ts");
+/* harmony import */ var _project_root__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./project-root */ "./src/project-root.ts");
+/* harmony import */ var _nav__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./nav */ "./src/nav.ts");
+/* harmony import */ var _sessionLedger_service__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./sessionLedger.service */ "./src/sessionLedger.service.ts");
+/* harmony import */ var _sessionLedger__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./sessionLedger */ "./src/sessionLedger.ts");
+/* harmony import */ var _viewPanel__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./viewPanel */ "./src/viewPanel.ts");
+/* harmony import */ var _viewer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./viewer */ "./src/viewer.ts");
+/* harmony import */ var _diag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./diag */ "./src/diag.ts");
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -3551,6 +3692,9 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
+
+
+
 
 const SIDEBAR_ID = 'agentdeck-sidebar';
 const BODY_CLASS = 'agentdeck-active';
@@ -3743,7 +3887,7 @@ function getClipboard() {
     }
     catch (e) {
         cachedClipboard = null;
-        (0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagCatch)('clipboard require(electron)', e);
+        (0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('clipboard require(electron)', e);
     }
     if (!cachedClipboard) {
         try {
@@ -3752,12 +3896,12 @@ function getClipboard() {
         }
         catch (e) {
             cachedClipboard = null;
-            (0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagCatch)('clipboard window.require', e);
+            (0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('clipboard window.require', e);
         }
     }
     if (!cachedClipboard) {
         // 이미지 붙여넣기가 통째로 안 되는 상태다. 사유 없이는 "붙여넣기가 안 된다" 제보를 가를 수 없다
-        (0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagOnce)('clipboard-missing', 'clipboard 없음 — 이미지 붙여넣기 불가');
+        (0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagOnce)('clipboard-missing', 'clipboard 없음 — 이미지 붙여넣기 불가');
     }
     return cachedClipboard;
 }
@@ -3848,7 +3992,9 @@ let AgentDeckService = class AgentDeckService {
     constructor(app, config, status, hotkeys, profiles, hostWindow, platform, 
     // 서브에이전트 개수를 물어보는 창구(`subagentsOf`). 순환 의존이 아니다 —
     // notify 쪽은 deck 을 모른다(상태는 `status.service` 를 거쳐 만난다)
-    notify, zone) {
+    notify, 
+    // 지난 세션 원장. deck 이 라벨·cwd 를 아는 유일한 자리라 적는 쪽도 여기다
+    ledger, zone) {
         this.app = app;
         this.config = config;
         this.status = status;
@@ -3857,6 +4003,7 @@ let AgentDeckService = class AgentDeckService {
         this.hostWindow = hostWindow;
         this.platform = platform;
         this.notify = notify;
+        this.ledger = ledger;
         this.zone = zone;
         this.sidebar = null;
         this.listEl = null;
@@ -3947,6 +4094,11 @@ let AgentDeckService = class AgentDeckService {
          * `CWD_TTL_MS` 동안 재사용한다 (cd 로 옮겨 다녀도 그 정도면 따라간다).
          */
         this.cwdCache = new WeakMap();
+        /**
+         * 지난 세션 목록에서 "이미 열림" 으로 그린 줄이 가리키는 탭 — `세션id -> 탭`.
+         * 매 렌더마다 `liveSessionIds()` 가 다시 채운다(탭이 닫히면 그 줄은 이어받기로 돌아간다).
+         */
+        this.resumeTabs = new Map();
         /**
          * 이 서비스의 출력 구독이 실제로 몇 번 돌았나 (진단용).
          *
@@ -3996,12 +4148,14 @@ let AgentDeckService = class AgentDeckService {
             var _a, _b, _c, _d, _e;
             // 진단 로그는 setup 보다 먼저 연다 — `.window` 를 못 찾아 배치를 포기하는 경로도
             // 로그에 남아야 하고, 세션 스탬프(버전·환경)는 그 판정보다 앞에 찍혀야 한다
-            (0,_diag__WEBPACK_IMPORTED_MODULE_17__.startDiagSession)({
+            (0,_diag__WEBPACK_IMPORTED_MODULE_20__.startDiagSession)({
                 tabby: (_b = (_a = this.platform).getAppVersion) === null || _b === void 0 ? void 0 : _b.call(_a),
                 osRelease: (_d = (_c = this.platform).getOSRelease) === null || _d === void 0 ? void 0 : _d.call(_c),
                 config: this.diagConfig(),
             });
-            (0,_diag__WEBPACK_IMPORTED_MODULE_17__.installErrorCapture)();
+            (0,_diag__WEBPACK_IMPORTED_MODULE_20__.installErrorCapture)();
+            // 원장 스캔이 끝나면 다시 그린다 — 스캔은 비동기라 첫 렌더에는 목록이 비어 있다
+            this.ledger.onChange = () => this.scheduleRender();
             // setup 도중 예외가 나면 그 뒤 배선(탭 감시, 흔들기 예약)이 통째로 죽는데
             // 콘솔을 안 보면 알 길이 없다. 진단 파일에 남겨 밖에서 읽을 수 있게 한다
             try {
@@ -4018,15 +4172,15 @@ let AgentDeckService = class AgentDeckService {
      * relayout 처럼 초당 여러 번 불리는 자리에서 조기 return 사유를 남길 때 쓴다
      */
     diagOnce(key, line) {
-        ;(0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagOnce)(key, line);
+        ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagOnce)(key, line);
     }
     /** 진단 한 줄 — 회전·시각 표기·메모리 보관은 `diag.ts` 가 한다 */
     diag(line) {
-        ;(0,_diag__WEBPACK_IMPORTED_MODULE_17__.diag)(line);
+        ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diag)(line);
     }
     /** 세션 머리말에 넣을 설정 — 고르는 기준은 `diag.ts` 의 `configStamp` 에 적혀 있다 */
     diagConfig() {
-        return (0,_diag__WEBPACK_IMPORTED_MODULE_17__.configStamp)(this.config.store);
+        return (0,_diag__WEBPACK_IMPORTED_MODULE_20__.configStamp)(this.config.store);
     }
     setup() {
         var _a;
@@ -4350,15 +4504,19 @@ let AgentDeckService = class AgentDeckService {
                 const idx = (g) => g.tabs.map(t => all.indexOf(t));
                 return {
                     cwdCache: all.map((t, i) => {
-                        var _a, _b, _c, _d, _e;
+                        var _a, _b, _c, _d, _e, _f, _g;
                         return ({
                             index: i,
                             title: String((_a = t.title) !== null && _a !== void 0 ? _a : '').slice(0, 40),
                             dir: (_c = (_b = this.cwdCache.get(t)) === null || _b === void 0 ? void 0 : _b.dir) !== null && _c !== void 0 ? _c : null,
                             at: (_e = (_d = this.cwdCache.get(t)) === null || _d === void 0 ? void 0 : _d.at) !== null && _e !== void 0 ? _e : null,
+                            // 이 탭의 cwd 에서 찾아낸 프로젝트 루트 (`null` = 못 찾음 → cwd 자체가 키)
+                            projectRoot: (0,_project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootOf)((_g = (_f = this.cwdCache.get(t)) === null || _f === void 0 ? void 0 : _f.dir) !== null && _g !== void 0 ? _g : null),
                         });
                     }),
-                    groupRoot: this.config.store.agentDeck.groupRoot || this.config.store.agentDeck.rootProfileCwd || null,
+                    // 지금까지 탐지해 둔 폴더→루트 — 그룹이 안 갈릴 때 "탐지가 아직" 인지
+                    // "루트가 같아서" 인지 이것 없이는 가를 수 없다 (cwd 를 같이 여는 것과 같은 이유)
+                    projectRoots: (0,_project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootCacheSnapshot)(),
                     /**
                      * 그룹 계산 결과 (헤더 생략과 무관하게 `groupsFor` 가 낸 것).
                      *
@@ -4402,6 +4560,46 @@ let AgentDeckService = class AgentDeckService {
                     fold: (k) => (0,_group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey)(k),
                 };
             },
+            /**
+             * 지난 세션 목록을 **제품 계산 그대로** 돌려준다 (`resumeRowsFor` + 원장 상태).
+             *
+             * `groups()` 와 같은 이유로 연다 — 검증 도구가 "어느 세션이 어느 그룹에 붙나" 를
+             * 사본으로 재계산하면 그 사본이 낡는다. 화면에 그려졌는지는 프로브가 DOM
+             * (`.ad-resume`)과 대조해 판정한다.
+             */
+            sessions: () => {
+                const cfg = this.config.store.agentDeck;
+                const rp = this.renderPlan();
+                const live = this.liveSessionIds();
+                const records = this.ledger.records();
+                return {
+                    ledger: this.ledger.snapshot(),
+                    /** 원장+디스크를 합친 전체 (그룹 필터 전) */
+                    records: records.map(r => ({ ...r })),
+                    /** 지금 탭이 들고 있는 세션 */
+                    live: [...live.keys()],
+                    enabled: cfg.resumeList !== false,
+                    /** 그룹별로 실제 그릴 줄 — 화면 순서의 정답이다 */
+                    byGroup: rp.plan.map(g => ({
+                        key: g.key,
+                        label: g.label,
+                        expanded: this.isResumeExpanded(g.key),
+                        rows: (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_17__.resumeRowsFor)(records, {
+                            groupKeys: this.resumeKeysOf(g),
+                            keyOf: cwd => (0,_group__WEBPACK_IMPORTED_MODULE_13__.groupKeyOf)(cwd, _project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootOf),
+                            fold: _group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey,
+                            live,
+                            days: Number(cfg.resumeListDays) || 0,
+                            limit: Number(cfg.resumeListLimit) || 0,
+                            hidden: new Set(Array.isArray(cfg.resumeHidden) ? cfg.resumeHidden : []),
+                            now: Date.now(),
+                        }).map(r => ({ sessionId: r.sessionId, label: r.label, cwd: r.cwd,
+                            lastStatus: r.lastStatus, openTabId: r.openTabId })),
+                    })),
+                };
+            },
+            /** 원장 스캔을 지금 한 번 돌린다 (프로브가 기다릴 수 있게 Promise 를 준다) */
+            rescanSessions: () => this.ledger.refresh(true),
             // 에이전트 판정 상태 — 진단 로그는 값이 바뀔 때만 찍히므로 "조회가 돌았는지" 를
             // 로그만으로는 가를 수 없다 (2026-09-08 검증 중 실제로 막혔다)
             debug: () => ({ outputHits: this.outputHits, decorator: this.status.debug }),
@@ -4506,7 +4704,7 @@ let AgentDeckService = class AgentDeckService {
                     void this.probeAgent(root, 'manual');
                 }
             },
-            kickLog: (0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagMemory)(),
+            kickLog: (0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagMemory)(),
             /**
              * 진단 묶음을 만들고 경로를 돌려준다 — 설정 창의 "진단 로그 모으기" 와 같은 동작.
              * 콘솔에서 쓰는 경로도 남겨 두는 이유: 설정 창을 열 수 없을 만큼 깨진 상태에서도 채증이 돼야 한다
@@ -4519,15 +4717,15 @@ let AgentDeckService = class AgentDeckService {
              * "아무 줄도 안 남았다" 로 거짓 실패한다 — 2026-09-09 에 IN9·PR4·PR5 가 그렇게
              * 한꺼번에 뒤집혔다. 경로는 제품에게 물어야 한다.
              */
-            diagPaths: () => ({ diag: _diag__WEBPACK_IMPORTED_MODULE_17__.DIAG_PATH, prev: _diag__WEBPACK_IMPORTED_MODULE_17__.DIAG_PREV_PATH, screen: _diag__WEBPACK_IMPORTED_MODULE_17__.SCREEN_PATH }),
+            diagPaths: () => ({ diag: _diag__WEBPACK_IMPORTED_MODULE_20__.DIAG_PATH, prev: _diag__WEBPACK_IMPORTED_MODULE_20__.DIAG_PREV_PATH, screen: _diag__WEBPACK_IMPORTED_MODULE_20__.SCREEN_PATH }),
             collectDiag: (includeScreen = false) => {
                 var _a, _b, _c, _d;
-                return (0,_diag__WEBPACK_IMPORTED_MODULE_17__.collectDiagBundle)({
+                return (0,_diag__WEBPACK_IMPORTED_MODULE_20__.collectDiagBundle)({
                     includeScreen,
                     stamp: {
                         tabby: (_b = (_a = this.platform).getAppVersion) === null || _b === void 0 ? void 0 : _b.call(_a),
                         osRelease: (_d = (_c = this.platform).getOSRelease) === null || _d === void 0 ? void 0 : _d.call(_c),
-                        config: (0,_diag__WEBPACK_IMPORTED_MODULE_17__.configStamp)(this.config.store),
+                        config: (0,_diag__WEBPACK_IMPORTED_MODULE_20__.configStamp)(this.config.store),
                     },
                 });
             },
@@ -4632,9 +4830,11 @@ let AgentDeckService = class AgentDeckService {
         catch { }
         // ③ 크기가 이미 맞아도 무조건 흔든다 — 이 함수를 부르는 이유 자체가 "맞는데 깨졌다" 다
         this.nudgePtyRedraw(pane);
-        // ④ 앱에게 직접 "다시 그려라". 흔들기가 도착해 앱이 새 폭을 받은 뒤에 보내야 하므로
-        //    nudge 의 되돌리기(60ms)보다 확실히 뒤에 둔다.
-        if (cfg.repairSendRedrawKey !== false) {
+        // ④ `Ctrl+L` — **기본으로 보내지 않는다** (`repairSendRedrawKey` 기본 끔).
+        //    Claude Code 가 이걸 "화면 지우기" 로 받아 보고 있던 대화를 스크롤백으로 밀어내는 것을
+        //    2026-09-11 채증으로 확정했다(`sendRedrawKey` 주석). ①~③ 이 이미 고치므로 없어도 된다.
+        //    켜 둔 경우에만 보내고, 흔들기가 도착한 뒤여야 하므로 nudge 되돌리기(60ms)보다 뒤에 둔다.
+        if (cfg.repairSendRedrawKey === true) {
             setTimeout(() => this.sendRedrawKey(pane), REPAIR_REDRAW_DELAY_MS);
         }
         // ⑤ 채증 — "↻ 를 눌렀는데 안 고쳐진다" 를 감이 아니라 파일로 가른다.
@@ -4647,10 +4847,17 @@ let AgentDeckService = class AgentDeckService {
         }, SNAP_AFTER_MS);
     }
     /**
-     * TUI 에 "화면을 전부 다시 그려라" 를 보낸다 — `Ctrl+L`(0x0C).
+     * `Ctrl+L`(0x0C) 을 보낸다 — **기본 경로가 아니다** (`repairSendRedrawKey`, 기본 끔).
      *
-     * Claude Code·Codex 를 포함해 거의 모든 TUI 와 셸이 이걸 전체 재렌더로 받는다.
-     * 입력 중이던 글자는 건드리지 않는다(readline·TUI 모두 입력 버퍼는 유지하고 화면만 다시 그린다).
+     * **"거의 모든 TUI 가 이걸 전체 재렌더로 받는다" 는 틀린 전제였다** (2026-09-11 채증으로 확정).
+     * Claude Code 는 이걸 **화면 지우기**로 받는다 — 지운 뒤 자기 입력창만 다시 그리므로
+     * 보고 있던 대화가 통째로 스크롤백으로 밀려난다. `.agentdeck-screen.log` 06:04:52→54 의
+     * `manual-before`(0~77행 전부 내용) → `manual-after`(73~77행만 남음) 가 그 증거이고,
+     * `clear input area row=73/78` 이 73행 아래만 지웠음을 진단 로그가 확인해 준다.
+     * 즉 0~72행을 날린 것은 우리 지우기가 아니라 이 키다.
+     *
+     * 그래서 복구의 기본 수단은 이 키가 아니라 **잔상 지우기 + 크기 정합/흔들기**다.
+     * 자세한 근거와 켜는 기준은 `config.ts` 의 `repairSendRedrawKey` 주석에 있다.
      */
     sendRedrawKey(pane) {
         var _a;
@@ -4847,10 +5054,12 @@ let AgentDeckService = class AgentDeckService {
         // 스크롤백을 지우는 hard 복구도 하지 않는다 — 자동 경로에서 오탐 한 번에 지난 대화가
         // 날아가면 손해가 크다(`repairHard` 는 사람이 켤 때만).
         //
-        // 잔상을 **먼저** 지우고 그 다음에 앱에게 다시 그리라고 한다.
-        // 앱은 자기가 쓰는 자리만 덮으므로, 지우지 않으면 옛 줄이 `❯` 자리를 계속 차지한다.
+        // 잔상을 지우면 앱이 **자기 렌더 주기에** 그 자리를 다시 그린다 — 앱은 자기가 쓰는
+        // 자리만 덮으므로, 지우지 않으면 옛 줄이 `❯` 자리를 계속 차지한다.
+        // `Ctrl+L` 로 재렌더를 재촉하던 것은 기본에서 뺐다 — Claude Code 가 그걸 화면 지우기로
+        // 받아 대화를 밀어냈다(`sendRedrawKey` 주석). 자동 경로에서 그게 터지면 더 나쁘다.
         this.clearInputArea(pane, read);
-        if (cfg.repairSendRedrawKey !== false) {
+        if (cfg.repairSendRedrawKey === true) {
             setTimeout(() => this.sendRedrawKey(pane), REPAIR_REDRAW_DELAY_MS);
         }
         // 복구가 실제로 먹혔는지 같은 파일에 이어 남긴다 — 앱이 다시 그릴 시간을 준다
@@ -4885,7 +5094,7 @@ let AgentDeckService = class AgentDeckService {
         }
         this.autoRepairCount.delete(pane);
         this.autoRepairHealthySince.delete(pane);
-        (0,_diag__WEBPACK_IMPORTED_MODULE_17__.resetDiagOnce)('auto-repair-cap');
+        (0,_diag__WEBPACK_IMPORTED_MODULE_20__.resetDiagOnce)('auto-repair-cap');
         this.diag(`screen auto-repair 예산 회복`
             + ` (화면이 ${Math.round((now - since) / 1000)}초 동안 온전했다)`);
     }
@@ -4960,7 +5169,7 @@ let AgentDeckService = class AgentDeckService {
             .map((l, i) => ({ i, t: l.text.replace(/\s+$/, ''), w: l.wrapped }))
             .filter(l => l.t)
             .map(l => `${String(l.i).padStart(3)} w=${l.w ? 1 : 0} len=${l.t.length} ${JSON.stringify(l.t)}`);
-        (0,_diag__WEBPACK_IMPORTED_MODULE_17__.appendScreenLog)([head, ...body, ''].join('\n'));
+        (0,_diag__WEBPACK_IMPORTED_MODULE_20__.appendScreenLog)([head, ...body, ''].join('\n'));
     }
     // ---------- 세션 감시 ----------
     /**
@@ -5119,7 +5328,7 @@ let AgentDeckService = class AgentDeckService {
                 }
                 catch (e) {
                     // 세션이 막 닫혔다 — 흔한 사유지만 그 밖의 실패도 여기로 오므로 남긴다
-                    ;(0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagCatch)('announce-size resize', e);
+                    ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('announce-size resize', e);
                 }
             }, delay);
         }
@@ -5267,7 +5476,7 @@ let AgentDeckService = class AgentDeckService {
             if (!inList && this.isDeckUiKey(event.target)) {
                 return;
             }
-            const tab = (0,_nav__WEBPACK_IMPORTED_MODULE_14__.pickCloseTarget)({
+            const tab = (0,_nav__WEBPACK_IMPORTED_MODULE_15__.pickCloseTarget)({
                 inList,
                 focus: this.navFocus,
                 active: (_a = this.app.activeTab) !== null && _a !== void 0 ? _a : null,
@@ -6688,7 +6897,7 @@ let AgentDeckService = class AgentDeckService {
         }
         catch (e) {
             // 세션이 막 닫혔다 — 다음 refit 때 다시 잡힌다
-            ;(0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagCatch)('pty resize', e);
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('pty resize', e);
             return;
         }
         // **보냈다고 도착한 것이 아니다.**
@@ -6716,7 +6925,7 @@ let AgentDeckService = class AgentDeckService {
                     }
                     catch (e) {
                         // 세션이 닫혔다
-                        ;(0,_diag__WEBPACK_IMPORTED_MODULE_17__.diagCatch)('pty resize retry', e);
+                        ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('pty resize retry', e);
                     }
                 }, delay);
             }
@@ -6994,7 +7203,7 @@ let AgentDeckService = class AgentDeckService {
      */
     migrateFollowConfig() {
         const cfg = this.config.store.agentDeck;
-        const moved = (0,_viewer__WEBPACK_IMPORTED_MODULE_16__.migrateFollow)(cfg.viewerFollowMode, cfg.viewerFollow);
+        const moved = (0,_viewer__WEBPACK_IMPORTED_MODULE_19__.migrateFollow)(cfg.viewerFollowMode, cfg.viewerFollow);
         if (!moved) {
             return;
         }
@@ -7018,7 +7227,7 @@ let AgentDeckService = class AgentDeckService {
             return;
         }
         const cfg = () => this.config.store.agentDeck;
-        this.view = new _viewPanel__WEBPACK_IMPORTED_MODULE_15__.ViewPanel({
+        this.view = new _viewPanel__WEBPACK_IMPORTED_MODULE_18__.ViewPanel({
             windowEl: this.windowEl,
             getSide: () => this.viewSide,
             getWidth: () => cfg().viewerWidth || 420,
@@ -7028,7 +7237,7 @@ let AgentDeckService = class AgentDeckService {
             getRecentMax: () => cfg().viewerRecentMax || 12,
             // 토글 두 개(`viewerPreload`/`viewerAutoOpen`)를 모드로 접는다.
             // 옛 목록값은 기동 때 `migrateFollowConfig` 가 이 둘로 옮기고 비운다
-            getFollowMode: () => (0,_viewer__WEBPACK_IMPORTED_MODULE_16__.followModeOf)(cfg().viewerPreload, cfg().viewerAutoOpen),
+            getFollowMode: () => (0,_viewer__WEBPACK_IMPORTED_MODULE_19__.followModeOf)(cfg().viewerPreload, cfg().viewerAutoOpen),
             // 상대경로는 그 탭의 cwd 로 푼다. 아직 못 물어봤으면 작업 루트라도 써 본다
             cwdFor: tab => { var _a; return ((_a = this.cwdCache.get(tab)) === null || _a === void 0 ? void 0 : _a.dir) || cfg().rootProfileCwd || null; },
             commit: () => this.zone.run(() => this.config.save()),
@@ -7216,6 +7425,7 @@ let AgentDeckService = class AgentDeckService {
                 }
             }
         }
+        this.syncLedger();
         // 서브에이전트 개수는 `notify.service` 의 2초 스캔이 갱신하는데 렌더를 부르는 경로가
         // 없다 — 경과시간을 끈 사람에게도 숫자가 흐르게 여기서 같이 그린다. 비용은 이미
         // 기본값(`showElapsed: true`)으로 매초 그리던 것과 같다
@@ -7223,6 +7433,39 @@ let AgentDeckService = class AgentDeckService {
             this.render();
         }
     }
+    /**
+     * 살아 있는 세션의 라벨·cwd·상태를 원장에 적는다 (매초).
+     *
+     * **여기가 적는 유일한 자리다.** 세 조각이 각각 다른 곳에 있기 때문이다 —
+     * 세션↔탭은 `notify`, 라벨·상태는 `status.service`, cwd 는 이 서비스의 `cwdCache`.
+     * 한 곳에서 모아 적지 않으면 셋이 어긋난 원장이 남는다.
+     *
+     * 매초 파일을 쓰지는 않는다 — `note` 가 값이 그대로면 저장을 예약하지 않고, 예약도 2초로 모은다.
+     */
+    syncLedger() {
+        var _a, _b;
+        if (this.config.store.agentDeck.resumeList === false) {
+            return;
+        }
+        let live;
+        try {
+            live = this.notify.liveSessions();
+        }
+        catch {
+            return;
+        }
+        for (const [sid, tab] of live) {
+            if (!this.app.tabs.includes(tab)) {
+                continue;
+            }
+            const st = this.status.get(tab);
+            this.ledger.note(sid, {
+                cwd: (_b = (_a = this.cwdCache.get(tab)) === null || _a === void 0 ? void 0 : _a.dir) !== null && _b !== void 0 ? _b : null,
+                label: st.label,
+                status: st.status,
+            });
+        }
+    }
     /**
      * 사이드바를 **무엇을 어떤 순서로** 그릴지 한 번에 계산한다 (그리지는 않는다).
      *
@@ -7250,7 +7493,7 @@ let AgentDeckService = class AgentDeckService {
             : tabs;
         const groups = this.groupsFor(visible);
         // 그룹이 하나뿐이면 헤더를 그리지 않는다 — 단일 프로젝트에서는 아무것도 가르지 못하면서
-        // 세로 공간만 먹는다. `groupByProject` 를 끈 경우도 여기로 떨어진다(그룹이 1개니까).
+        // 세로 공간만 먹는다 — 그룹을 항상 계산해도 한 프로젝트만 쓰는 화면이 예전과 같은 이유다.
         //
         // **세는 것은 "작업 폴더를 아는 그룹" 뿐이다.** cwd 를 모르는 탭(Welcome 탭, 조회 실패)은
         // `기타` 그룹으로 모이는데, 그것까지 세면 Welcome 탭 하나 때문에 항상 2그룹이 되어
@@ -7318,7 +7561,174 @@ let AgentDeckService = class AgentDeckService {
             for (const tab of group.tabs) {
                 this.listEl.appendChild(this.renderTab(tab));
             }
+            this.renderResume(group, filtering);
+        }
+    }
+    /**
+     * 그룹 끝에 **지난 세션** 줄을 붙인다 — `⟲ 지난 세션 5` 한 줄(기본 접힘)과, 펴면 그 목록.
+     *
+     * 살아 있는 탭 뒤에 오는 이유: 사이드바의 주인공은 지금 도는 작업이고 이건 그 밑의 서랍이다.
+     * 검색·상태필터가 걸려 있을 때는 아예 그리지 않는다 — 그 둘은 **탭**을 좁히는 장치라
+     * (`tabMatchesFilter`) 죽은 세션에는 적용되지 않는데, 걸러진 화면에 안 걸러진 줄이 섞이면
+     * "검색 결과" 라는 말이 깨진다.
+     */
+    renderResume(group, filtering) {
+        const cfg = this.config.store.agentDeck;
+        if (cfg.resumeList === false || !this.listEl || filtering) {
+            return;
+        }
+        // 목록은 캐시에서 즉시 나온다. 스캔은 비동기로 돌고 끝나면 `onChange` 가 다시 그린다
+        void this.ledger.refresh();
+        const rows = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_17__.resumeRowsFor)(this.ledger.records(), {
+            groupKeys: this.resumeKeysOf(group),
+            keyOf: cwd => (0,_group__WEBPACK_IMPORTED_MODULE_13__.groupKeyOf)(cwd, _project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootOf),
+            fold: _group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey,
+            live: this.liveSessionIds(),
+            days: Number(cfg.resumeListDays) || 0,
+            limit: Number(cfg.resumeListLimit) || 0,
+            hidden: new Set(Array.isArray(cfg.resumeHidden) ? cfg.resumeHidden : []),
+            now: Date.now(),
+        });
+        if (!rows.length) {
+            // 지난 세션이 없는 그룹에는 줄 자체를 그리지 않는다 — Claude Code 가 아닌 탭
+            // (Codex·Gemini)만 있는 그룹에서는 이 서랍이 늘 비어 있는데, 빈 서랍이 매번
+            // 보이면 사이드바에 읽을 것 없는 줄이 하나 더 생길 뿐이다
+            return;
+        }
+        const expanded = this.isResumeExpanded(group.key);
+        this.listEl.appendChild(this.renderResumeHead(group, rows.length, expanded));
+        if (!expanded) {
+            return;
+        }
+        for (const row of rows) {
+            this.listEl.appendChild(this.renderResumeRow(row));
+        }
+    }
+    /**
+     * 이 줄 묶음이 덮는 그룹 키들.
+     *
+     * 헤더를 그리는 화면에서는 `group.key` 하나지만, **그룹이 하나뿐이면 사이드바는 헤더를
+     * 안 그리고 목록을 평면 한 덩이로 만든다**(`renderPlan`) — 그때 `group.key` 는 `null`(기타)이
+     * 되어 어떤 세션도 안 걸린다. 프로젝트를 하나만 열어 둔 화면이 가장 흔하므로 그대로 두면
+     * 기능이 평소에 안 보인다. 그래서 **그 덩이에 실제로 들어 있는 탭들의 키**를 모아 쓴다.
+     */
+    resumeKeysOf(group) {
+        var _a, _b;
+        if (group.key !== null) {
+            return [group.key];
+        }
+        const keys = new Set();
+        for (const tab of group.tabs) {
+            keys.add((0,_group__WEBPACK_IMPORTED_MODULE_13__.groupKeyOf)((_b = (_a = this.cwdCache.get(tab)) === null || _a === void 0 ? void 0 : _a.dir) !== null && _b !== void 0 ? _b : null, _project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootOf));
+        }
+        // 탭이 하나도 없으면(있을 수 없지만) 빈 목록 — `null` 을 넣으면 cwd 를 모르는 세션이 딸려 온다
+        return [...keys];
+    }
+    /** 지금 탭이 들고 있는 세션 — `세션id -> 탭 식별용 문자열`. 되돌아올 탭은 `resumeTabs` 가 들고 있다 */
+    liveSessionIds() {
+        this.resumeTabs.clear();
+        const out = new Map();
+        let live;
+        try {
+            live = this.notify.liveSessions();
+        }
+        catch {
+            return out;
+        }
+        for (const [sid, tab] of live) {
+            if (!this.app.tabs.includes(tab)) {
+                continue;
+            }
+            out.set(sid, sid);
+            this.resumeTabs.set(sid, tab);
+        }
+        return out;
+    }
+    /** 지난 세션 서랍이 펴져 있나. `collapsedGroups` 와 **반대로 펼침을 적는다** — 기본이 접힘이라서 */
+    isResumeExpanded(key) {
+        const stored = this.config.store.agentDeck.resumeExpanded;
+        if (!Array.isArray(stored)) {
+            return false;
+        }
+        const id = (0,_group__WEBPACK_IMPORTED_MODULE_13__.collapseIdOf)(key);
+        return stored.some((k) => typeof k === 'string' && (0,_group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey)(k) === (0,_group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey)(id));
+    }
+    toggleResumeExpanded(key) {
+        const cfg = this.config.store.agentDeck;
+        const id = (0,_group__WEBPACK_IMPORTED_MODULE_13__.collapseIdOf)(key);
+        const stored = Array.isArray(cfg.resumeExpanded)
+            ? cfg.resumeExpanded.filter((k) => typeof k === 'string')
+            : [];
+        const kept = stored.filter(k => (0,_group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey)(k) !== (0,_group__WEBPACK_IMPORTED_MODULE_13__.foldGroupKey)(id));
+        cfg.resumeExpanded = kept.length === stored.length ? [...stored, id] : kept;
+        this.config.save();
+        this.render();
+    }
+    renderResumeHead(group, count, expanded) {
+        const head = document.createElement('div');
+        head.className = 'ad-resume-head' + (expanded ? '' : ' collapsed');
+        head.innerHTML = [
+            '<span class="ad-resume-glyph">⟲</span>',
+            '<span class="ad-group-label"></span>',
+            '<span class="ad-group-count"></span>',
+            '<span class="ad-group-caret"></span>',
+        ].join('');
+        head.querySelector('.ad-group-label').textContent = '지난 세션';
+        head.querySelector('.ad-group-count').textContent = String(count);
+        head.querySelector('.ad-group-caret').textContent = expanded ? '▾' : '▸';
+        head.title = '닫힌 Claude Code 세션 — 누르면 그 대화를 이어받는다';
+        head.addEventListener('click', e => {
+            e.preventDefault();
+            e.stopPropagation();
+            this.toggleResumeExpanded(group.key);
+        });
+        return head;
+    }
+    renderResumeRow(row) {
+        const el = document.createElement('div');
+        el.className = 'ad-resume' + (row.openTabId ? ' open' : '');
+        el.innerHTML = [
+            '<div class="ad-bar"></div>',
+            '<div class="ad-body">',
+            '  <div class="ad-title"></div>',
+            '  <div class="ad-meta">',
+            '    <span class="re-was"></span>',
+            '    <span class="re-when"></span>',
+            '  </div>',
+            '</div>',
+        ].join('\n');
+        // 라벨이 비면 세션 id 앞자리로 대신한다 — 줄을 지우면 "이어받을 게 있는데 안 보인다" 가 된다
+        const title = row.label || `세션 ${row.sessionId.slice(0, 8)}`;
+        el.querySelector('.ad-title').textContent = title;
+        const was = el.querySelector('.re-was');
+        if (row.openTabId) {
+            was.textContent = '● 열림';
+            was.className = 're-was live';
         }
+        else {
+            const style = _api__WEBPACK_IMPORTED_MODULE_7__.STATUS_STYLES[row.lastStatus];
+            // 끝난 상태는 **흔적으로만** 남긴다 — 살아 있는 배지와 같은 세기로 칠하면
+            // 죽은 줄이 도는 줄처럼 읽힌다. 색 대신 형태(점선 바 + 흐림)가 죽음을 말한다
+            was.textContent = style ? style.label : '';
+            was.className = 're-was' + (row.lastStatus ? ' s-' + row.lastStatus : '');
+        }
+        el.querySelector('.re-when').textContent = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_17__.formatWhen)(row.lastSeen, Date.now());
+        el.title = row.openTabId
+            ? `${title}\n이미 열려 있다 — 누르면 그 탭으로 이동`
+            : `${title}\n누르면 새 탭에서 이어받는다 (${row.sessionId})`
+                + '\n작업 폴더: ' + (row.cwd || '모름')
+                + '\n※ 대화만 돌아온다 — 그때 띄워 둔 서버·백그라운드 프로세스는 되살아나지 않는다';
+        el.addEventListener('click', e => {
+            e.preventDefault();
+            e.stopPropagation();
+            this.zone.run(() => { void this.activateResume(row, false); });
+        });
+        el.addEventListener('contextmenu', e => {
+            e.preventDefault();
+            e.stopPropagation();
+            this.zone.run(() => this.showResumeMenu(row, e));
+        });
+        return el;
     }
     /**
      * 필터에 걸린 것이 하나도 없을 때의 한 줄.
@@ -7349,19 +7759,16 @@ let AgentDeckService = class AgentDeckService {
      * cwd 는 **이미 채워져 있는 `cwdCache`** 만 본다 — 여기서 `getWorkingDirectory()` 를
      * 새로 부르면 렌더(초당 여러 번, `scheduleRender`)마다 OS 호출이 탭 수만큼 늘어난다.
      * 아직 캐시가 빈 탭은 `기타` 에 있다가, 출력이 흐를 때 `touchCwd` 가 채우면 제 그룹으로 옮겨온다.
+     * 프로젝트 루트(`projectRootOf`)도 같은 성질이다 — 처음 보는 폴더는 그 순간엔 cwd 자체가
+     * 키였다가, 탐지가 끝나면 저장소 루트로 합쳐진다.
      *
      * 비용은 탭 수만큼의 맵 조작 + 그룹 수²의 라벨 대조뿐이라(group.ts `groupTabs` 주석)
      * 캐시를 두지 않는다 — 캐시 무효화용 시그니처를 만드는 비용이 계산 비용과 같기 때문이다.
      */
     groupsFor(tabs) {
-        const cfg = this.config.store.agentDeck;
-        if (!cfg.groupByProject) {
-            // 한 덩어리로 돌려주면 아래에서 헤더 없이 예전과 똑같은 평면 목록이 된다
-            return [{ key: null, label: _group__WEBPACK_IMPORTED_MODULE_13__.UNGROUPED_LABEL, tabs: [...tabs] }];
-        }
-        // 프로젝트 경계 기준은 설정에서 받는다 — 저장소 루트를 찾으려면 디스크를 훑어야 해서
-        const root = cfg.groupRoot || cfg.rootProfileCwd || null;
-        return (0,_group__WEBPACK_IMPORTED_MODULE_13__.groupTabs)(tabs, tab => { var _a, _b; return (_b = (_a = this.cwdCache.get(tab)) === null || _a === void 0 ? void 0 : _a.dir) !== null && _b !== void 0 ? _b : null; }, { root });
+        // 프로젝트 경계는 **자동으로** 찾는다 (`project-root.ts`) — 조회는 캐시라 렌더를 막지
+        // 않고, 처음 보는 폴더는 백그라운드 탐지가 끝나면 다시 그린다.
+        return (0,_group__WEBPACK_IMPORTED_MODULE_13__.groupTabs)(tabs, tab => { var _a, _b; return (_b = (_a = this.cwdCache.get(tab)) === null || _a === void 0 ? void 0 : _a.dir) !== null && _b !== void 0 ? _b : null; }, cwd => (0,_project_root__WEBPACK_IMPORTED_MODULE_14__.projectRootOf)(cwd, () => this.scheduleRender()));
     }
     /** 설정에 남아 있는 접힌 그룹 키들 — 저장·비교는 항상 폴딩한 값으로 (group.ts `collapseIdOf`) */
     collapsedKeys() {
@@ -7638,7 +8045,7 @@ let AgentDeckService = class AgentDeckService {
      */
     navPlan() {
         const { withHeads, plan, collapseOf } = this.renderPlan();
-        const rows = (0,_nav__WEBPACK_IMPORTED_MODULE_14__.navRowsOf)(plan.map(group => ({
+        const rows = (0,_nav__WEBPACK_IMPORTED_MODULE_15__.navRowsOf)(plan.map(group => ({
             key: group.key,
             tabs: group.tabs,
             head: withHeads,
@@ -7792,7 +8199,7 @@ let AgentDeckService = class AgentDeckService {
             ? 0
             : to === 'last'
                 ? rows.length - 1
-                : (0,_nav__WEBPACK_IMPORTED_MODULE_14__.stepNavIndex)(rows.length, index, step, wrap);
+                : (0,_nav__WEBPACK_IMPORTED_MODULE_15__.stepNavIndex)(rows.length, index, step, wrap);
         if (next < 0) {
             return;
         }
@@ -8502,26 +8909,160 @@ let AgentDeckService = class AgentDeckService {
         });
         input.addEventListener('blur', () => finish(true));
     }
-    /** 우클릭 -> 상태 직접 지정 */
-    showStatusMenu(ev, tab) {
+    /**
+     * 지난 세션 한 줄을 누른 결과 — **이미 열려 있으면 이어받지 않고 그 탭으로 보낸다.**
+     *
+     * 같은 세션을 두 탭에서 `--resume` 하면 두 프로세스가 같은 기록 파일에 덧쓴다.
+     * 세션↔탭 매핑은 `notify` 가 이미 들고 있어 판정에 드는 비용이 없으니 막는다.
+     */
+    async activateResume(row, fork) {
+        if (row.openTabId) {
+            const tab = this.resumeTabs.get(row.openTabId);
+            if (tab && this.app.tabs.includes(tab)) {
+                this.app.selectTab(tab);
+                return;
+            }
+            // 그 사이 닫혔다 — 이어받기로 흘려보낸다
+        }
+        const command = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_17__.resumeCommand)(row.sessionId, fork);
+        if (!command) {
+            this.diag(`resume 거부 sid=${row.sessionId}`);
+            return;
+        }
+        await this.openResumeTab(row, command);
+    }
+    /**
+     * 이어받기용 새 탭.
+     *
+     * **프로필의 `command` 를 갈아끼우지 않고, 평소 프로필로 셸을 띄운 뒤 명령을 써 넣는다.**
+     * 이유는 `sessionLedger.ts` 의 `resumeCommand` 주석에 있다 — 기존 `agentdeck:root` 프로필의
+     * 인자(`-ExecutionPolicy Bypass`)가 npm 전역 `.ps1` 래퍼 문제를 이미 풀어 두었고,
+     * claude 가 끝나도 셸이 남아 사람이 이어서 쓸 수 있다.
+     *
+     * **cwd 는 그 세션의 것으로 덮는다.** `--resume` 은 cwd 로 세션을 묶기 때문에(같은 세션도
+     * 다른 폴더에서 띄우면 목록에 없다) 여기를 틀리면 이어받기 자체가 실패한다.
+     */
+    async openResumeTab(row, command) {
+        var _a, _b, _c, _d;
+        try {
+            const wanted = this.config.store.terminal.profile;
+            const all = await this.profiles.getProfiles();
+            const base = (_a = all.find(p => p.id === wanted)) !== null && _a !== void 0 ? _a : all[0];
+            if (!base) {
+                this.diag('resume 프로필 없음');
+                return;
+            }
+            // 원본 프로필을 건드리지 않는다 — 설정에 저장되는 객체라 cwd 를 박으면 그 뒤
+            // 새 탭이 전부 그 폴더에서 열린다
+            const profile = {
+                ...base,
+                options: { ...base.options, cwd: row.cwd || ((_b = base.options) === null || _b === void 0 ? void 0 : _b.cwd) },
+            };
+            const tab = await this.profiles.openNewTabForProfile(profile);
+            this.diag(`resume 탭 sid=${row.sessionId.slice(0, 8)} cwd=${(_d = (_c = profile.options) === null || _c === void 0 ? void 0 : _c.cwd) !== null && _d !== void 0 ? _d : '?'} tab=${tab ? 'yes' : 'null'}`);
+            if (!tab) {
+                return;
+            }
+            // 라벨을 미리 물려준다 — 셸이 뜨고 claude 가 붙기까지 몇 초 동안 줄이 `—` 로 비어
+            // 있으면 방금 무엇을 눌렀는지 사라진다. 사람이 Enter 를 치면 그때 덮인다
+            if (row.label) {
+                this.status.setLabel(tab, row.label);
+            }
+            this.sendResumeCommand(tab, command);
+        }
+        catch (e) {
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('resume 탭 열기', e);
+        }
+    }
+    /**
+     * 갓 뜬 셸에 명령을 써 넣는다.
+     *
+     * **바로 쏘면 삼켜진다** — pty 는 열렸는데 셸이 아직 프롬프트를 안 그린 상태에서 쓴 바이트는
+     * 어디에도 안 남는다(같은 이유로 `sendInput` 을 쓰는 다른 경로들도 프론트엔드 준비를 기다린다).
+     * 그래서 출력이 한 번이라도 흐른 뒤에 보내고, 끝내 안 오면 정해진 시각에 한 번은 보낸다 —
+     * 아무것도 안 보내고 조용히 끝나는 것이 제일 나쁜 결과다.
+     */
+    sendResumeCommand(tab, command) {
+        /** 첫 출력(=셸이 프롬프트를 그렸다)을 보고 나서 더 기다리는 시간 */
+        const RESUME_SETTLE_MS = 700;
+        /** 출력이 끝내 안 와도 여기서는 한 번 쏜다 — 아무것도 안 보내고 조용히 끝나는 게 제일 나쁘다 */
+        const RESUME_GIVEUP_MS = 6000;
+        /** 세션이 붙기를 기다리는 간격 */
+        const RESUME_POLL_MS = 200;
+        let sent = false;
+        let sub = null;
+        const fire = () => {
+            var _a;
+            if (sent) {
+                return;
+            }
+            const anyPane = this.firstPane(tab);
+            if (!anyPane || typeof anyPane.sendInput !== 'function') {
+                return;
+            }
+            sent = true;
+            (_a = sub === null || sub === void 0 ? void 0 : sub.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(sub);
+            this.sendToPane(anyPane, 'resume', () => anyPane.sendInput(command + '\r'));
+            this.diag('resume 명령 전송');
+        };
+        /**
+         * **세션은 탭이 만들어진 직후엔 아직 없다** (2026-09-11 실측: `openNewTabForProfile` 이
+         * 돌아온 시점에 `pane.session` 이 `undefined`). 그때 한 번만 보고 포기하면 구독이 영영
+         * 안 걸려 매번 6초를 꽉 채우고서야 명령이 나간다. 그래서 붙을 때까지 짧게 되물어본다.
+         */
+        const t0 = Date.now();
+        const arm = () => {
+            var _a, _b, _c;
+            if (sent || sub) {
+                return;
+            }
+            let pane = null;
+            try {
+                pane = this.firstPane(tab);
+                sub = (_c = (_b = (_a = pane === null || pane === void 0 ? void 0 : pane.session) === null || _a === void 0 ? void 0 : _a.output$) === null || _b === void 0 ? void 0 : _b.subscribe) === null || _c === void 0 ? void 0 : _c.call(_b, () => setTimeout(fire, RESUME_SETTLE_MS));
+            }
+            catch (e) {
+                ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('resume 출력 구독', e);
+                return;
+            }
+            if (sub) {
+                this.diag(`resume 구독 armed after=${Date.now() - t0}ms`);
+                return;
+            }
+            if (Date.now() - t0 < RESUME_GIVEUP_MS) {
+                setTimeout(arm, RESUME_POLL_MS);
+            }
+        };
+        arm();
+        setTimeout(fire, RESUME_GIVEUP_MS);
+    }
+    /** 지난 세션 줄 우클릭 */
+    showResumeMenu(row, ev) {
         const old = document.querySelector('.ad-menu');
         if (old) {
             old.remove();
         }
         const menu = document.createElement('div');
         menu.className = 'ad-menu';
-        const statuses = ['running', 'waiting', 'limited', 'done', 'error', 'idle'];
-        const items = statuses.map(s => {
-            const label = _api__WEBPACK_IMPORTED_MODULE_7__.STATUS_STYLES[s].icon + ' ' + _api__WEBPACK_IMPORTED_MODULE_7__.STATUS_STYLES[s].label;
-            const action = () => this.status.setManual(tab, s);
-            return [label, action];
-        });
-        items.push(['↺ 자동 감지로', () => this.status.unpin(tab)]);
-        // 이 탭만 다시 그리기 — 사이드바 아래 ↻ 는 모든 탭이 대상이라 무거울 때가 있다
-        items.push(['↻ 화면 복구', () => {
-                this.app.selectTab(tab);
-                this.repair('active');
+        const items = [];
+        if (row.openTabId) {
+            items.push(['이 탭으로 이동', () => { void this.activateResume(row, false); }]);
+        }
+        else {
+            items.push(['새 탭에서 이어받기', () => { void this.activateResume(row, false); }]);
+            // 분기는 기록을 복제한다 — 기본 동작으로 두면 목록이 비슷한 이름으로 불어난다
+            items.push(['분기해서 이어받기', () => { void this.activateResume(row, true); }]);
+        }
+        items.push(['세션 ID 복사', () => {
+                var _a, _b;
+                try {
+                    (_b = (_a = this.platform).setClipboard) === null || _b === void 0 ? void 0 : _b.call(_a, { text: row.sessionId });
+                }
+                catch (e) {
+                    ;(0,_diag__WEBPACK_IMPORTED_MODULE_20__.diagCatch)('세션 ID 복사', e);
+                }
             }]);
+        items.push(['목록에서 숨기기', () => this.hideResumeRow(row.sessionId)]);
         for (const [label, action] of items) {
             const item = document.createElement('div');
             item.className = 'ad-menu-item';
@@ -8543,10 +9084,63 @@ let AgentDeckService = class AgentDeckService {
         };
         setTimeout(() => document.addEventListener('mousedown', close), 0);
     }
-    formatElapsed(ms) {
-        const s = Math.floor(ms / 1000);
-        if (s < 60) {
-            return s + '초';
+    /** 목록에서만 감춘다 — 기록 파일은 건드리지 않는다(그건 사람이 지울 일이다) */
+    hideResumeRow(sessionId) {
+        const cfg = this.config.store.agentDeck;
+        const stored = Array.isArray(cfg.resumeHidden)
+            ? cfg.resumeHidden.filter((k) => typeof k === 'string')
+            : [];
+        if (!stored.includes(sessionId)) {
+            cfg.resumeHidden = [...stored, sessionId];
+            this.config.save();
+        }
+        this.render();
+    }
+    /** 우클릭 -> 상태 직접 지정 */
+    showStatusMenu(ev, tab) {
+        const old = document.querySelector('.ad-menu');
+        if (old) {
+            old.remove();
+        }
+        const menu = document.createElement('div');
+        menu.className = 'ad-menu';
+        const statuses = ['running', 'waiting', 'limited', 'done', 'error', 'idle'];
+        const items = statuses.map(s => {
+            const label = _api__WEBPACK_IMPORTED_MODULE_7__.STATUS_STYLES[s].icon + ' ' + _api__WEBPACK_IMPORTED_MODULE_7__.STATUS_STYLES[s].label;
+            const action = () => this.status.setManual(tab, s);
+            return [label, action];
+        });
+        items.push(['↺ 자동 감지로', () => this.status.unpin(tab)]);
+        // 이 탭만 다시 그리기 — 사이드바 아래 ↻ 는 모든 탭이 대상이라 무거울 때가 있다
+        items.push(['↻ 화면 복구', () => {
+                this.app.selectTab(tab);
+                this.repair('active');
+            }]);
+        for (const [label, action] of items) {
+            const item = document.createElement('div');
+            item.className = 'ad-menu-item';
+            item.textContent = label;
+            item.addEventListener('click', () => {
+                action();
+                menu.remove();
+            });
+            menu.appendChild(item);
+        }
+        document.body.appendChild(menu);
+        menu.style.left = ev.clientX + 'px';
+        menu.style.top = Math.min(ev.clientY, window.innerHeight - menu.offsetHeight - 8) + 'px';
+        const close = (e) => {
+            if (!menu.contains(e.target)) {
+                menu.remove();
+                document.removeEventListener('mousedown', close);
+            }
+        };
+        setTimeout(() => document.addEventListener('mousedown', close), 0);
+    }
+    formatElapsed(ms) {
+        const s = Math.floor(ms / 1000);
+        if (s < 60) {
+            return s + '초';
         }
         const m = Math.floor(s / 60);
         if (m < 60) {
@@ -8565,6 +9159,7 @@ AgentDeckService = __decorate([
         tabby_core__WEBPACK_IMPORTED_MODULE_1__.HostWindowService,
         tabby_core__WEBPACK_IMPORTED_MODULE_1__.PlatformService,
         _notify_service__WEBPACK_IMPORTED_MODULE_4__.WorkNotifyService,
+        _sessionLedger_service__WEBPACK_IMPORTED_MODULE_16__.SessionLedgerService,
         _angular_core__WEBPACK_IMPORTED_MODULE_0__.NgZone])
 ], AgentDeckService);
 
@@ -10543,6 +11138,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   groupTabs: () => (/* binding */ groupTabs),
 /* harmony export */   isStoredCollapsed: () => (/* binding */ isStoredCollapsed),
 /* harmony export */   normalizeCwd: () => (/* binding */ normalizeCwd),
+/* harmony export */   parentPath: () => (/* binding */ parentPath),
 /* harmony export */   resolveGroupCollapse: () => (/* binding */ resolveGroupCollapse),
 /* harmony export */   resolveGroupCollapseFor: () => (/* binding */ resolveGroupCollapseFor)
 /* harmony export */ });
@@ -10555,8 +11151,8 @@ __webpack_require__.r(__webpack_exports__);
  * 따라오지 않아 사실상 "탭이 태어난 폴더" 를 준다(docs/DEVELOPMENT.md 0.5.0 실측).
  * 즉 이 값은 세션이 사는 동안 안 바뀌는 = 그룹 키로 쓸 만한 유일한 값이다.
  *
- * 이 모듈은 **git 저장소 루트를 모른다** (fs 접근이 없다). 프로젝트 경계는 호출부가 넘기는
- * `root`(설정 `groupRoot` / `rootProfileCwd`) 로만 정한다 — `groupKeyOf` 주석 참고.
+ * 이 모듈은 **여전히 fs 를 모른다.** 프로젝트 경계(저장소 루트)를 실제로 찾는 것은
+ * `project-root.ts` 이고, 여기는 호출부가 넘긴 `rootOf` 조회 함수를 부를 뿐이다 —
  * 경계를 알아내려고 여기서 `.git` 을 찾기 시작하면 렌더마다 디스크를 때리게 된다
  * (렌더는 초당 여러 번 불린다 — deck.service `scheduleRender`).
  */
@@ -10620,7 +11216,11 @@ function segsOf(rest) {
 }
 function joinPath(s, segs) {
     if (!segs.length) {
-        // 루트 자체 — `C:` / `//server/share` 는 그대로, POSIX 루트는 `/`
+        // 루트 자체 — 드라이브는 `C:/` 로 되돌린다(`normalizeCwd` 가 남기는 꼴과 같아야
+        // 같은 폴더가 `C:` 와 `C:/` 두 값으로 갈리지 않는다). UNC 공유 루트는 그대로, POSIX 는 `/`
+        if (/^[A-Za-z]:$/.test(s.prefix)) {
+            return s.prefix + '/';
+        }
         return s.prefix || (s.abs ? '/' : '');
     }
     return s.prefix + (s.abs ? '/' : '') + segs.join('/');
@@ -10635,34 +11235,48 @@ function startsWithSegs(segs, prefix) {
 /**
  * cwd 를 그룹 키로 — 없으면 null(그룹 없음).
  *
- * 깊이 규칙이 이 함수의 핵심이다. cwd 를 그대로 쓰면 `D:\Project\a\sub` 에서 띄운 탭과
- * `D:\Project\a` 에서 띄운 탭이 다른 그룹으로 갈린다(에이전트를 서브폴더에서 띄우는 건 흔하다).
- * 그래서 `root` 를 받으면 그 **직하 한 단계**를 키로 삼는다 — `root = D:/Project` 면
- * `D:/Project/a/sub` 도 `D:/Project/a` 도 키가 `D:/Project/a` 다.
- * `root` 가 없거나 cwd 가 그 밖이면 cwd 자체를 키로 쓴다(그때는 `maxDepth` 로만 줄인다).
+ * cwd 를 그대로 키로 쓰면 `D:\Project\a\sub` 에서 띄운 탭과 `D:\Project\a` 에서 띄운 탭이
+ * 다른 그룹으로 갈린다(에이전트를 서브폴더에서 띄우는 건 흔하다). 그래서 **그 폴더가 속한
+ * 프로젝트 루트**를 키로 삼는다 — 루트는 `rootOf` 가 알려주고(보통 `.git` 이 있는 폴더),
+ * 모르면 cwd 자체가 키다(예전 동작 그대로).
+ *
+ * `rootOf` 가 준 값이 cwd 의 조상이 아니면 **버린다.** 엉뚱한 값 하나가 상관없는 탭들을
+ * 한 그룹으로 빨아들이는 것이 "안 묶임" 보다 훨씬 나쁘기 때문이다.
  */
-function groupKeyOf(cwd, opts) {
-    var _a;
+function groupKeyOf(cwd, rootOf) {
     const p = normalizeCwd(cwd);
     if (!p) {
         return null;
     }
-    const root = normalizeCwd(opts === null || opts === void 0 ? void 0 : opts.root);
-    const pp = splitPath(p);
-    if (root) {
-        const rp = splitPath(root);
-        if (foldGroupKey(rp.prefix) === foldGroupKey(pp.prefix) && startsWithSegs(pp.segs, rp.segs)) {
-            // cwd 가 root 자체면 root 가 키다 (min 이 그걸 처리한다)
-            const depth = Math.min(pp.segs.length, rp.segs.length + 1);
-            return joinPath(pp, pp.segs.slice(0, depth));
-        }
+    const root = rootOf ? normalizeCwd(rootOf(p)) : null;
+    if (!root) {
+        return p;
     }
-    const max = (_a = opts === null || opts === void 0 ? void 0 : opts.maxDepth) !== null && _a !== void 0 ? _a : 0;
-    if (max > 0 && pp.segs.length > max) {
-        return joinPath(pp, pp.segs.slice(0, max));
+    const pp = splitPath(p);
+    const rp = splitPath(root);
+    if (foldGroupKey(rp.prefix) === foldGroupKey(pp.prefix) && startsWithSegs(pp.segs, rp.segs)) {
+        return root;
     }
     return p;
 }
+/**
+ * 한 단계 위 폴더 — 더 올라갈 데가 없으면 null.
+ *
+ * `project-root.ts` 가 마커를 찾아 올라갈 때 쓴다. 여기 두는 이유는 드라이브(`C:/`)·UNC
+ * (`//server/share`) 경계를 아는 것이 `splitPath` 뿐이라서다 — `path.dirname` 은 UNC 공유
+ * 루트에서 호스트만 남기는 등 경로가 아닌 값을 만든다.
+ */
+function parentPath(p) {
+    const norm = normalizeCwd(p);
+    if (!norm) {
+        return null;
+    }
+    const s = splitPath(norm);
+    if (!s.segs.length) {
+        return null;
+    }
+    return joinPath(s, s.segs.slice(0, -1));
+}
 /**
  * 그룹에 붙일 짧은 이름 — 경로 마지막 조각. 다른 그룹과 겹치면 상위를 한 단계씩 더 붙인다.
  *
@@ -10719,12 +11333,12 @@ function compareGroups(a, b) {
  * 반환 길이가 1 이면 호출부는 그룹 헤더를 생략한다 — 단일 프로젝트에서 세로 공간을 낭비하지 않게.
  * 비용은 탭 수만큼의 맵 조작 + 그룹 수²의 라벨 대조뿐이라 렌더마다 불러도 된다.
  */
-function groupTabs(tabs, cwdOf, opts) {
+function groupTabs(tabs, cwdOf, rootOf) {
     const order = [];
     const byFold = new Map();
     const ungrouped = [];
     for (const tab of tabs) {
-        const key = groupKeyOf(cwdOf(tab), opts);
+        const key = groupKeyOf(cwdOf(tab), rootOf);
         if (!key) {
             ungrouped.push(tab);
             continue;
@@ -12303,6 +12917,18 @@ let WorkNotifyService = class WorkNotifyService {
         return `${head}\n가장 오래된 것: ${formatAge(Date.now() - oldest)} 전 시작`
             + ' (종료 알림을 못 받은 것이면 이 값만 계속 늘어난다)';
     }
+    /**
+     * 지금 탭이 들고 있는 세션들 — `세션id -> 탭`.
+     *
+     * 사이드바의 "지난 세션" 목록이 이걸 본다. 살아 있는 세션은 이어받는 대신 그 탭으로 보내야
+     * 하기 때문이다: 같은 세션을 두 탭에서 `--resume` 하면 두 프로세스가 같은 기록 파일에
+     * 덧쓴다. 매핑은 이 서비스가 훅 보고로 이미 만들어 두었으니 판정에 드는 비용이 없다.
+     *
+     * 사본을 돌려준다 — 호출부가 들고 있는 동안 이쪽에서 지워도(`sessionTab.delete`) 순회가 깨지지 않게.
+     */
+    liveSessions() {
+        return new Map(this.sessionTab);
+    }
     /**
      * 탭에 묶인 세션들의 대화기록을 **자란 만큼만** 읽어 개수를 갱신한다 (2초마다).
      *
@@ -12783,6 +13409,181 @@ AgentDeckProfileService = __decorate([
 
 
 
+/***/ },
+
+/***/ "./src/project-root.ts"
+/*!*****************************!*\
+  !*** ./src/project-root.ts ***!
+  \*****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PROJECT_MARKERS: () => (/* binding */ PROJECT_MARKERS),
+/* harmony export */   clearProjectRootCache: () => (/* binding */ clearProjectRootCache),
+/* harmony export */   findProjectRoot: () => (/* binding */ findProjectRoot),
+/* harmony export */   homeBoundary: () => (/* binding */ homeBoundary),
+/* harmony export */   projectRootCacheSnapshot: () => (/* binding */ projectRootCacheSnapshot),
+/* harmony export */   projectRootOf: () => (/* binding */ projectRootOf),
+/* harmony export */   walkUp: () => (/* binding */ walkUp)
+/* harmony export */ });
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! fs */ "fs");
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! os */ "os");
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(os__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _group__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./group */ "./src/group.ts");
+/**
+ * cwd 가 속한 **프로젝트 루트**를 찾는다 — 사이드바 그룹 경계의 유일한 출처.
+ *
+ * 예전에는 사람이 설정(`groupRoot`)에 상위 폴더를 적어 두고 "그 직하 한 단계" 를 그룹으로
+ * 삼았다. 그 규칙은 프로젝트들이 한 폴더에 나란히 있을 때만 맞고, `D:/Project/SoloLV/Root` 와
+ * `D:/Project/tabby-agentdeck` 처럼 깊이가 다르면 어떤 값을 적어도 한쪽이 틀린다.
+ * 그래서 설정을 없애고 **저장소 루트를 직접 찾는다** — 사람이 프로젝트라고 부르는 경계는
+ * 사실상 버전관리의 경계이기 때문이다.
+ *
+ * 두 가지를 지킨다 —
+ *  1. **렌더 중에 디스크를 훑지 않는다.** 조회는 캐시를 보고 즉시 돌아오고(`projectRootOf`),
+ *     처음 보는 폴더는 백그라운드로 찾은 뒤 `onResolved` 로 다시 그리게 한다. cwd 는 탭이
+ *     사는 동안 안 바뀌므로(group.ts 주석) 탭당 한 번이면 끝난다.
+ *  2. **판정 규칙은 순수 함수로 둔다**(`walkUp`/`findProjectRoot`) — fs 없이 단위 테스트한다.
+ *
+ * 캐시는 프로세스 수명 동안 유지된다. 세션 도중 `git init` 을 한 폴더는 다음 기동에 잡힌다 —
+ * 그걸 따라가려면 폴더를 계속 다시 물어야 하는데, 얻는 것에 비해 비용이 크다.
+ */
+
+
+
+/**
+ * 프로젝트 루트임을 알리는 표식. 위로 올라가며 **가장 먼저** 만나는 것이 루트다
+ * (중첩 저장소·서브모듈에서는 가까운 쪽이 그 탭의 프로젝트다).
+ *
+ * `.git` 은 폴더가 아닐 수도 있다 — worktree·서브모듈에서는 파일이다. 그래서 존재만 본다.
+ * `package.json` 류는 넣지 않았다: 모노레포·하위 패키지마다 있어서 프로젝트를 잘게 쪼갠다.
+ */
+const PROJECT_MARKERS = ['.git', '.hg', '.svn', '.p4config'];
+/** 위로 올라가는 최대 단계 — 경로가 이상하게 길어도 여기서 멈춘다 */
+const MAX_UP = 64;
+/**
+ * **홈 디렉토리는 프로젝트가 아니다 — 거기서 멈춘다.**
+ *
+ * dotfiles 를 git 으로 관리하면 `~/.git` 이 있고(이 PC 가 그렇다), 그러면 홈 아래에서 띄운
+ * 모든 탭 — `%LOCALAPPDATA%` 임시 폴더까지 — 이 `junggon` 이라는 한 그룹으로 빨려 들어간다.
+ * 2026-09-11 실측: 한글 경로 검증용으로 연 탭이 그 폴더 대신 홈 그룹에 들어갔다.
+ * 홈 위(`C:/Users`, `C:/`)도 같은 이유로 볼 필요가 없다.
+ */
+function homeBoundary() {
+    try {
+        return (0,_group__WEBPACK_IMPORTED_MODULE_2__.normalizeCwd)(os__WEBPACK_IMPORTED_MODULE_1__.homedir());
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * cwd 자신부터 루트까지 — `['D:/a/b', 'D:/a', 'D:/']`.
+ *
+ * `stopAt`(보통 홈)에 닿으면 **그 폴더를 빼고** 멈춘다 — 거기 있는 마커는 프로젝트 경계가 아니다.
+ */
+function walkUp(cwd, stopAt) {
+    let dir = (0,_group__WEBPACK_IMPORTED_MODULE_2__.normalizeCwd)(cwd);
+    const stop = (0,_group__WEBPACK_IMPORTED_MODULE_2__.normalizeCwd)(stopAt);
+    const out = [];
+    for (let i = 0; dir && i < MAX_UP; i++) {
+        if (stop && (0,_group__WEBPACK_IMPORTED_MODULE_2__.foldGroupKey)(dir) === (0,_group__WEBPACK_IMPORTED_MODULE_2__.foldGroupKey)(stop)) {
+            break;
+        }
+        out.push(dir);
+        const up = (0,_group__WEBPACK_IMPORTED_MODULE_2__.parentPath)(dir);
+        if (!up || (0,_group__WEBPACK_IMPORTED_MODULE_2__.foldGroupKey)(up) === (0,_group__WEBPACK_IMPORTED_MODULE_2__.foldGroupKey)(dir)) {
+            break;
+        }
+        dir = up;
+    }
+    return out;
+}
+/**
+ * 표식을 가진 가장 가까운 조상 — 없으면 null(그때는 cwd 자체가 그룹이다).
+ *
+ * `hasMarker` 를 주입받는 이유는 테스트 때문만이 아니다 — 실제 조회는 비동기라
+ * (`detect`) 이 함수는 "어느 순서로 무엇을 묻는가" 만 정하고 묻는 방법은 모른다.
+ */
+function findProjectRoot(cwd, hasMarker, stopAt) {
+    for (const dir of walkUp(cwd, stopAt)) {
+        if (hasMarker(dir)) {
+            return dir;
+        }
+    }
+    return null;
+}
+/** 폴딩한 cwd → 루트(없으면 null). `undefined` 는 "아직 안 찾아봤다" 와 구별하려고 안 넣는다 */
+const cache = new Map();
+/** 지금 찾고 있는 폴더 — 같은 cwd 로 탭이 여럿이어도 한 번만 훑는다 */
+const pending = new Set();
+/** 마커 하나가 있나 — 접근 실패(권한·끊긴 네트워크)는 "없다" 로 본다 */
+async function hasMarkerAsync(dir) {
+    for (const marker of PROJECT_MARKERS) {
+        try {
+            await fs__WEBPACK_IMPORTED_MODULE_0__.promises.access(dir + '/' + marker);
+            return true;
+        }
+        catch {
+            // 다음 마커로
+        }
+    }
+    return false;
+}
+async function detect(cwd) {
+    for (const dir of walkUp(cwd, homeBoundary())) {
+        if (await hasMarkerAsync(dir)) {
+            return dir;
+        }
+    }
+    return null;
+}
+/**
+ * 그룹 키 계산용 조회 — **절대 막히지 않는다.**
+ *
+ * 캐시에 있으면 그 값, 없으면 null 을 돌려주고 탐지를 백그라운드로 건다. 탐지가 끝나서
+ * 그룹이 달라질 때만(`root` 를 찾았을 때만) `onResolved` 를 부른다 — 못 찾은 경우는
+ * 키가 cwd 그대로라 화면이 바뀌지 않으므로 다시 그릴 이유가 없다.
+ */
+function projectRootOf(cwd, onResolved) {
+    const p = (0,_group__WEBPACK_IMPORTED_MODULE_2__.normalizeCwd)(cwd);
+    if (!p) {
+        return null;
+    }
+    const id = (0,_group__WEBPACK_IMPORTED_MODULE_2__.foldGroupKey)(p);
+    const hit = cache.get(id);
+    if (hit !== undefined) {
+        return hit;
+    }
+    if (!pending.has(id)) {
+        pending.add(id);
+        detect(p).then(root => {
+            cache.set(id, root);
+            pending.delete(id);
+            if (root) {
+                onResolved === null || onResolved === void 0 ? void 0 : onResolved();
+            }
+        }).catch(() => {
+            // 못 찾은 것으로 굳힌다 — 실패한 경로를 매 렌더마다 다시 훑지 않게
+            cache.set(id, null);
+            pending.delete(id);
+        });
+    }
+    return null;
+}
+/** 테스트·진단용 — 캐시를 비운다 (다음 조회가 다시 훑는다) */
+function clearProjectRootCache() {
+    cache.clear();
+    pending.clear();
+}
+/** 진단용 — 지금까지 찾아 둔 것 (`__agentdeck.groups()` 가 보여준다) */
+function projectRootCacheSnapshot() {
+    return [...cache.entries()].map(([cwd, root]) => ({ cwd, root }));
+}
+
+
 /***/ },
 
 /***/ "./src/prompt.ts"
@@ -13477,24 +14278,28 @@ function judgeScreen(lines, cols, shape) {
 
 /***/ },
 
-/***/ "./src/settings.component.ts"
-/*!***********************************!*\
-  !*** ./src/settings.component.ts ***!
-  \***********************************/
+/***/ "./src/sessionLedger.service.ts"
+/*!**************************************!*\
+  !*** ./src/sessionLedger.service.ts ***!
+  \**************************************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AgentDeckSettingsTabComponent: () => (/* binding */ AgentDeckSettingsTabComponent)
+/* harmony export */   SessionLedgerService: () => (/* binding */ SessionLedgerService)
 /* harmony export */ });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "@angular/core");
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tabby-core */ "tabby-core");
 /* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./src/config.ts");
-/* harmony import */ var _claudeHooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./claudeHooks */ "./src/claudeHooks.ts");
-/* harmony import */ var _recovery_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./recovery.service */ "./src/recovery.service.ts");
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! fs */ "fs");
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! os */ "os");
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(os__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! path */ "path");
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var _diag__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./diag */ "./src/diag.ts");
+/* harmony import */ var _sessionLedger__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sessionLedger */ "./src/sessionLedger.ts");
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -13510,108 +14315,737 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
-const DOCK_LABELS = {
-    left: '왼쪽',
-    right: '오른쪽',
-    top: '위쪽',
-    bottom: '아래쪽',
-};
+
 /**
- * 설정 > AgentDeck 탭.
- *
- * 사용자가 실제로 바꿀 일이 있는 것만 노출한다 — 레이아웃 on/off, 기동 시 탭 복원 끄기,
- * 사이드바 목록(키보드 조작 · 서브에이전트 개수), 세션 그룹, 미리보기 패널, 작업 루트 프로필.
- * 나머지(화면비, 사이드바 폭, 투명도, 상태 감지, 붙여넣기/줄바꿈 가로채기, 렌더 보정)는
- * 손댈 이유가 거의 없고 잘못 만지면 화면이 깨지는 값이라 `config.ts` 의 기본값으로 고정하고
- * 설정 창에서는 뺐다. 정말 필요하면 설정 파일의 `agentDeck.*` 를 직접 고친다.
- *
- * `enabled` 는 deck.service 가 `config.changed$` 를 구독해 즉시 반영한다(deck.service.ts:256).
- * 루트 프로필은 기동 시 한 번만 읽으므로 재시작이 필요하다고 적어 둔다.
+ * 지난 세션 원장의 **파일 담당** — 읽고, 쓰고, 기록 폴더를 훑는다.
+ * 무엇을 보여줄지 정하는 규칙은 전부 `sessionLedger.ts` 에 있다(fs 없이 테스트되는 쪽).
  *
- * `사이드바 목록` 절을 `세션 그룹` **앞**에 둔 이유 — 그룹도 결국 이 목록의 세부 규칙이라
- * 목록 전체에 걸리는 것(키보드 조작 · 줄에 무엇을 보일지)을 먼저 읽는 편이 순서가 맞는다.
- * 0.14.0 의 `dragAutoScroll` 도 같은 절에 뒀다 — 정하는 것이 "목록을 다루는 방법" 이라
- * 키보드 조작과 성질이 같고, 따로 절을 만들면 항목 하나뿐인 절이 생긴다.
- * 0.13.0 에서 생긴 세 값(`keyboardNav` / `keyboardNavWrap` / `subagentCount`)은
- * 설정 창에 자리가 없어 `config.yaml` 을 손으로 고쳐야만 바꿀 수 있었다.
- *
- * `keyboardNavWrap` 과 `keyboardCloseTab`(0.19.0) 은 `keyboardNav` 를 끄면 아무 뜻이 없으므로 그때는 줄을 아예 감춘다 —
- * `groupRoot`·`collapsedGroups` 를 `groupByProject` 에 매달아 둔 것과 같은 방식이고,
- * 꺼진 값을 회색으로 남겨 두는 것보다 "지금 만질 수 있는 것" 이 짧아진다.
- * 이 세 값은 deck.service/notify.service 가 쓸 때마다 store 를 다시 읽으므로
- * (deck.service.ts `navCanFocus`/`moveNav`, notify.service `subagentEnabled`)
- * 토글하면 바로 듣는다 — 그래서 재시작 안내를 붙이지 않았다.
+ * 저장 위치는 `%LOCALAPPDATA%\tabby-agentdeck\sessions.json` — 훅 상태 파일 폴더 옆이다.
+ * **Tabby 설정(`config.yaml`)에 넣지 않는다.** 세션은 계속 쌓이는데 거기 넣으면 남의 설정 파일이
+ * 수백 줄 불어나고, 라벨이 바뀔 때마다 `config.save()` 가 돌아 관계없는 설정까지 다시 쓴다.
  */
-let AgentDeckSettingsTabComponent = class AgentDeckSettingsTabComponent {
-    constructor(config, recovery, platform) {
+let SessionLedgerService = class SessionLedgerService {
+    constructor(config) {
         this.config = config;
-        this.recovery = recovery;
-        this.platform = platform;
-        /** 이 환경에서 훅을 걸 수 있나 (통보 스크립트가 PowerShell 이라 Windows 전용) */
-        this.hooksSupported = (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.hooksSupported)();
-        /** 지금 걸려 있나 — 파일을 매번 읽지 않도록 화면용으로 들고 있는다 */
-        this.hooksOn = false;
-        /** 훅을 쓰다 실패한 이유 — 조용히 삼키면 사용자는 버튼이 먹통인 줄 안다 */
-        this.hookError = '';
-        /** 신고 안내에 그대로 보여줄 진단 로그 경로 */
-        this.diagPath = _diag__WEBPACK_IMPORTED_MODULE_5__.DIAG_PATH;
-        /** 신고 본문에 적을 버전 — 사용자가 어느 버전을 쓰는지 스스로 알 방법이 없었다 */
-        this.diagVersion = (0,_diag__WEBPACK_IMPORTED_MODULE_5__.pluginVersion)();
-        /** 묶음에 화면 원문까지 넣나 (기본 제외 — 터미널에 찍힌 내용이 그대로 들어간다) */
-        this.diagIncludeScreen = false;
-        /** 마지막으로 만든 묶음 경로 */
-        this.diagBundlePath = '';
-        /** 묶음을 만들다 실패한 이유 */
-        this.diagError = '';
-        this.refreshHooks();
-    }
-    refreshHooks() {
-        var _a;
+        this.root = path__WEBPACK_IMPORTED_MODULE_4__.join(process.env.LOCALAPPDATA || path__WEBPACK_IMPORTED_MODULE_4__.join(os__WEBPACK_IMPORTED_MODULE_3__.homedir(), 'AppData', 'Local'), 'tabby-agentdeck');
+        this.file = path__WEBPACK_IMPORTED_MODULE_4__.join(this.root, 'sessions.json');
+        /** Claude Code 대화기록이 사는 곳 (`notify.service` 와 같은 자리) */
+        this.projectsDir = path__WEBPACK_IMPORTED_MODULE_4__.join(os__WEBPACK_IMPORTED_MODULE_3__.homedir(), '.claude', 'projects');
+        /** 세션 id -> 원장 한 줄. 사람이 친 라벨이 여기 남는다 */
+        this.ledger = new Map();
+        /** 디스크 스캔 결과 (기록 파일에서 읽은 것) */
+        this.scanned = [];
+        /**
+         * 기록 앞부분 파싱 캐시 — `세션id:mtime` 키. 파일이 자라도 **앞부분은 안 바뀐다**.
+         * 그래도 mtime 을 키에 넣는 이유는 세션이 이어받기로 되살아나 새 줄이 앞에 붙는 경우가
+         * 아니라, 파일이 통째로 갈렸을 때(삭제 후 재생성) 옛 값을 물고 있지 않기 위해서다.
+         */
+        this.headCache = new Map();
+        this.loaded = false;
+        this.saveTimer = null;
+        this.scanning = null;
+        this.lastScan = 0;
+        /** 목록이 바뀌었을 때 호출부(사이드바)가 다시 그리도록 */
+        this.onChange = null;
+    }
+    // ── 원장 ────────────────────────────────────────────────────────────────
+    load() {
+        if (this.loaded) {
+            return;
+        }
+        this.loaded = true;
         try {
-            this.hooksOn = this.hooksSupported && (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.hooksInstalled)();
+            const raw = fs__WEBPACK_IMPORTED_MODULE_2__.readFileSync(this.file, 'utf8');
+            const parsed = JSON.parse(raw);
+            const rows = Array.isArray(parsed === null || parsed === void 0 ? void 0 : parsed.records) ? parsed.records : [];
+            for (const r of rows) {
+                if (r && typeof r.sessionId === 'string' && r.sessionId) {
+                    this.ledger.set(r.sessionId, {
+                        sessionId: r.sessionId,
+                        cwd: typeof r.cwd === 'string' ? r.cwd : null,
+                        label: (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.clampLabel)(r.label),
+                        lastStatus: typeof r.lastStatus === 'string' ? r.lastStatus : null,
+                        lastSeen: Number(r.lastSeen) || 0,
+                        from: r.from === 'head' ? 'head' : 'live',
+                    });
+                }
+            }
         }
-        catch (e) {
-            this.hooksOn = false;
-            this.hookError = `설정을 읽지 못했다: ${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e}`;
+        catch {
+            // 아직 없다 / 깨졌다 — 빈 원장으로 시작한다. 디스크 스캔만으로도 목록은 선다
         }
     }
     /**
-     * 훅을 걸거나 뗀다.
-     *
-     * 걸 때는 통보 채널도 같이 켠다 — 훅만 걸고 채널이 닫혀 있으면 보고가 어디에도 닿지 않는데,
-     * 사용자 입장에서는 "설치했는데 아무 일도 안 일어난다" 로만 보인다.
+     * 저장을 한 번으로 모은다. 라벨은 사람이 Enter 를 칠 때마다 갱신되므로
+     * 그때마다 파일을 쓰면 타자 속도로 디스크를 때린다.
      */
-    toggleHooks() {
-        var _a;
-        this.hookError = '';
+    scheduleSave() {
+        if (this.saveTimer) {
+            return;
+        }
+        this.saveTimer = setTimeout(() => {
+            this.saveTimer = null;
+            this.save();
+        }, 2000);
+    }
+    save() {
         try {
-            if (this.hooksOn) {
-                (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.uninstallHooks)();
-            }
-            else {
-                (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.installHooks)();
-                if (!this.config.store.agentDeck.notifyChannel) {
-                    this.config.store.agentDeck.notifyChannel = true;
-                    this.config.save();
-                }
-            }
+            fs__WEBPACK_IMPORTED_MODULE_2__.mkdirSync(this.root, { recursive: true });
+            const records = [...this.ledger.values()];
+            fs__WEBPACK_IMPORTED_MODULE_2__.writeFileSync(this.file, JSON.stringify({ version: 1, records }, null, 1) + '\n', 'utf8');
         }
         catch (e) {
-            this.hookError = `${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e}`;
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_5__.diagCatch)('세션 원장 저장', e);
         }
-        this.refreshHooks();
     }
     /**
-     * OS 폴더 선택 창을 띄워 작업 폴더를 고른다.
+     * 세션 하나의 지금을 원장에 적는다.
      *
-     * `pickDirectory` 는 취소하면 null/undefined 를 주므로 그때는 기존 값을 건드리지 않는다.
-     * 다이얼로그 제목은 Tabby 버전에 따라 인자를 받기도 하고 안 받기도 해서 any 로 넘긴다 —
-     * 안 받는 쪽은 그냥 무시하므로 어느 쪽에서도 깨지지 않는다.
-     * 돌려받은 경로는 백슬래시를 슬래시로 바꿔 저장한다. 설정 파일에 그대로 적히는 값이라
-     * 손으로 고칠 때 이스케이프 사고가 나지 않게 하려는 것이고, Windows 도 슬래시 경로를 받는다.
+     * 라벨은 **비어 있지 않을 때만** 덮는다 — 탭이 막 열려 아직 프롬프트가 없을 때 빈 문자열로
+     * 덮으면 지난 실행에서 적어 둔 좋은 라벨을 지우게 된다.
      */
+    note(sessionId, patch) {
+        var _a, _b, _c;
+        if (!sessionId) {
+            return;
+        }
+        this.load();
+        const prev = this.ledger.get(sessionId);
+        const label = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.clampLabel)(patch.label);
+        const next = {
+            sessionId,
+            cwd: patch.cwd || (prev === null || prev === void 0 ? void 0 : prev.cwd) || null,
+            label: label || (prev === null || prev === void 0 ? void 0 : prev.label) || '',
+            lastStatus: (_b = (_a = patch.status) !== null && _a !== void 0 ? _a : prev === null || prev === void 0 ? void 0 : prev.lastStatus) !== null && _b !== void 0 ? _b : null,
+            lastSeen: Date.now(),
+            from: label ? 'live' : ((_c = prev === null || prev === void 0 ? void 0 : prev.from) !== null && _c !== void 0 ? _c : 'live'),
+        };
+        const same = prev
+            && prev.cwd === next.cwd
+            && prev.label === next.label
+            && prev.lastStatus === next.lastStatus;
+        this.ledger.set(sessionId, next);
+        // 값이 그대로면 저장만 미룬다 — `lastSeen` 하나 때문에 2초마다 쓰지 않게
+        if (!same) {
+            this.scheduleSave();
+        }
+    }
+    // ── 디스크 스캔 ─────────────────────────────────────────────────────────
     /**
-     * 진단 묶음을 만들고 그 파일이 있는 폴더를 연다.
+     * 기록 폴더를 훑어 세션 목록을 다시 만든다.
+     *
+     * **폴링하지 않는다.** `notify.service.ts:64` 가 적어 둔 대로 `~/.claude/projects` 전체를
+     * 2초마다 readdir 하면 안 된다. 목록을 펼칠 때와 탭이 닫힐 때만 부른다.
+     */
+    async refresh(force = false) {
+        const now = Date.now();
+        if (!force && now - this.lastScan < 15000) {
+            return;
+        }
+        if (this.scanning) {
+            return this.scanning;
+        }
+        this.scanning = this.scan().finally(() => {
+            this.scanning = null;
+            this.lastScan = Date.now();
+        });
+        return this.scanning;
+    }
+    async scan() {
+        var _a;
+        this.load();
+        const cfg = this.config.store.agentDeck;
+        const days = Number(cfg.resumeListDays) || 0;
+        const cutoff = days > 0 ? Date.now() - days * 86400000 : 0;
+        const found = [];
+        /**
+         * 기간과 **무관하게** 디스크에 파일이 있는 세션 전부. 원장 청소는 이걸로 판정한다 —
+         * `found` 는 기간 필터를 통과한 것만이라 그걸로 지우면 오래된(그러나 멀쩡한) 기록의
+         * 라벨이 통째로 날아간다. 기간은 "화면에 안 보인다" 이지 "없다" 가 아니다.
+         */
+        const onDisk = new Set();
+        try {
+            const dirs = await fs__WEBPACK_IMPORTED_MODULE_2__.promises.readdir(this.projectsDir, { withFileTypes: true });
+            for (const entry of dirs) {
+                if (!entry.isDirectory()) {
+                    continue;
+                }
+                const dir = path__WEBPACK_IMPORTED_MODULE_4__.join(this.projectsDir, entry.name);
+                let names;
+                try {
+                    names = await fs__WEBPACK_IMPORTED_MODULE_2__.promises.readdir(dir);
+                }
+                catch {
+                    // 권한·경합으로 못 읽는 폴더 하나 때문에 나머지를 포기하지 않는다
+                    continue;
+                }
+                for (const name of names) {
+                    const sid = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.sessionIdFromFile)(name);
+                    if (!sid) {
+                        continue;
+                    }
+                    const full = path__WEBPACK_IMPORTED_MODULE_4__.join(dir, name);
+                    onDisk.add(sid);
+                    try {
+                        const st = await fs__WEBPACK_IMPORTED_MODULE_2__.promises.stat(full);
+                        // 기간 밖은 **앞부분을 읽기 전에** 버린다 — 파싱이 아니라 stat 이 필터다
+                        if (cutoff && st.mtimeMs < cutoff) {
+                            continue;
+                        }
+                        found.push({ sessionId: sid, file: full, mtime: st.mtimeMs });
+                    }
+                    catch {
+                        // 방금 지워졌다 — 다음 스캔에서 사라진다
+                    }
+                }
+            }
+        }
+        catch {
+            // `~/.claude/projects` 자체가 없다 — Claude Code 를 안 쓰는 환경. 목록은 비고 화면엔 아무것도 안 그려진다
+            this.scanned = [];
+            return;
+        }
+        found.sort((a, b) => b.mtime - a.mtime);
+        // 앞부분 읽기에 상한을 둔다 — 기록이 수백 개인 사람에게도 펼치는 순간이 멈추지 않게.
+        // 그룹당 몇 줄만 그리므로 최신 200개면 화면에 닿는 것은 다 들어온다
+        const HEAD_SCAN_MAX = 200;
+        const slice = found.slice(0, HEAD_SCAN_MAX);
+        const out = [];
+        for (const f of slice) {
+            const key = `${f.sessionId}:${Math.round(f.mtime)}`;
+            let head = this.headCache.get(key);
+            if (!head) {
+                head = await this.readHeadOf(f.file);
+                this.headCache.set(key, head);
+            }
+            out.push({
+                sessionId: f.sessionId,
+                cwd: head.cwd,
+                label: head.label,
+                lastStatus: null,
+                lastSeen: f.mtime,
+                from: 'head',
+            });
+        }
+        this.scanned = out;
+        // 기록이 사라진 세션은 원장에서 지운다 — 이어받아도 복원할 것이 없다
+        const before = this.ledger.size;
+        const kept = (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.pruneLedger)([...this.ledger.values()], onDisk);
+        if (kept.length !== before) {
+            this.ledger = new Map(kept.map(r => [r.sessionId, r]));
+            this.scheduleSave();
+        }
+        (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /**
+     * 기록 파일 앞부분만 읽는다 — 전체를 읽지 않는 이유는 `HEAD_LINE_LIMIT` 주석에 있다.
+     * 마지막 조각은 줄이 잘려 있을 수 있으니 버린다(파싱 실패로 조용히 넘어가긴 하지만,
+     * 버리는 편이 "왜 라벨이 가끔 이상한가" 를 애초에 만들지 않는다).
+     */
+    async readHeadOf(file) {
+        let fh = null;
+        try {
+            fh = await fs__WEBPACK_IMPORTED_MODULE_2__.promises.open(file, 'r');
+            const buf = Buffer.alloc(_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.HEAD_BYTE_LIMIT);
+            const { bytesRead } = await fh.read(buf, 0, _sessionLedger__WEBPACK_IMPORTED_MODULE_6__.HEAD_BYTE_LIMIT, 0);
+            const text = buf.slice(0, bytesRead).toString('utf8');
+            const lines = text.split('\n');
+            if (bytesRead === _sessionLedger__WEBPACK_IMPORTED_MODULE_6__.HEAD_BYTE_LIMIT) {
+                lines.pop();
+            }
+            return (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.readHead)(lines.slice(0, _sessionLedger__WEBPACK_IMPORTED_MODULE_6__.HEAD_LINE_LIMIT));
+        }
+        catch (e) {
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_5__.diagCatch)(`세션 기록 앞부분 읽기 ${path__WEBPACK_IMPORTED_MODULE_4__.basename(file)}`, e);
+            return { cwd: null, label: '', startedAt: null };
+        }
+        finally {
+            await (fh === null || fh === void 0 ? void 0 : fh.close().catch(() => { }));
+        }
+    }
+    // ── 조회 ────────────────────────────────────────────────────────────────
+    /** 원장 + 디스크를 합친 전체 목록. 렌더 중에 불러도 막히지 않는다(캐시만 본다) */
+    records() {
+        this.load();
+        return (0,_sessionLedger__WEBPACK_IMPORTED_MODULE_6__.mergeSessions)([...this.ledger.values()], this.scanned);
+    }
+    /** 진단용 — `__agentdeck.sessions()` 가 보여준다 */
+    snapshot() {
+        return {
+            ledger: this.ledger.size,
+            scanned: this.scanned.length,
+            file: this.file,
+            lastScan: this.lastScan,
+        };
+    }
+};
+SessionLedgerService = __decorate([
+    (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Injectable)({ providedIn: 'root' }),
+    __metadata("design:paramtypes", [tabby_core__WEBPACK_IMPORTED_MODULE_1__.ConfigService])
+], SessionLedgerService);
+
+
+
+/***/ },
+
+/***/ "./src/sessionLedger.ts"
+/*!******************************!*\
+  !*** ./src/sessionLedger.ts ***!
+  \******************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HEAD_BYTE_LIMIT: () => (/* binding */ HEAD_BYTE_LIMIT),
+/* harmony export */   HEAD_LINE_LIMIT: () => (/* binding */ HEAD_LINE_LIMIT),
+/* harmony export */   LABEL_MAX: () => (/* binding */ LABEL_MAX),
+/* harmony export */   clampLabel: () => (/* binding */ clampLabel),
+/* harmony export */   formatWhen: () => (/* binding */ formatWhen),
+/* harmony export */   isHumanPrompt: () => (/* binding */ isHumanPrompt),
+/* harmony export */   mergeSessions: () => (/* binding */ mergeSessions),
+/* harmony export */   promptFromRecord: () => (/* binding */ promptFromRecord),
+/* harmony export */   pruneLedger: () => (/* binding */ pruneLedger),
+/* harmony export */   readHead: () => (/* binding */ readHead),
+/* harmony export */   resumeCommand: () => (/* binding */ resumeCommand),
+/* harmony export */   resumeRowsFor: () => (/* binding */ resumeRowsFor),
+/* harmony export */   sessionIdFromFile: () => (/* binding */ sessionIdFromFile)
+/* harmony export */ });
+/**
+ * **지난 세션 원장** — 죽은 Claude Code 세션을 다시 찾아낼 수 있게 하는 순수 규칙.
+ *
+ * 왜 필요한가 — `recovery.service.ts` 가 적어 둔 대로 agentdeck 은 Tabby 의 순정 탭 복원을
+ * 의도적으로 껐다. 되살아나는 것은 셸뿐이고 그 안의 세션은 이미 죽어 있어 "주인 없는 탭" 만
+ * 남기 때문이다. 그 자리에 들어갈 진짜 복원이 `claude --resume <세션id>` 인데, 사람이 막히는
+ * 지점은 명령이 아니라 **UUID 목록에서 내 작업을 못 찾는 것** 이다.
+ *
+ * agentdeck 은 그 답을 이미 갖고 있다 — Enter 시점에 입력창에서 주운 프롬프트 원문(라벨).
+ * 문제는 그게 **메모리에만 있다는 것** 이다(`status.service` 의 `TabState.label`). 탭이 닫히면
+ * 같이 증발한다. 그래서 이 모듈이 라벨·상태·cwd 를 세션 id 에 묶어 남기고, 목록을 만든다.
+ *
+ * fs·타이머는 여기 없다 — `group.ts`·`subagents.ts` 와 같은 이유다. 파일을 읽고 주기를
+ * 관리하는 것은 호출부(서비스)의 일이고, 이 파일은 **무엇을 어떤 순서로 보여줄지** 만 정한다.
+ * 그래야 `npm test` 에서 돌릴 수 있다.
+ */
+/**
+ * 기록 파일 앞부분을 얼마나 읽을지.
+ *
+ * 전부 파싱하면 안 된다 — 실측 세션이 2.6MB(1,021줄)·5.5MB 고, 목록 한 번에 수십 개를 훑는다.
+ * 필요한 것은 `cwd` 와 **첫 사람 프롬프트** 둘뿐인데 실측에서 `cwd` 는 5번째 줄,
+ * 프롬프트는 65번째 줄에 나왔다(2026-09-11, `f54b20b9`). 앞의 60여 줄은 훅 주입·모드·첨부라
+ * 여유를 크게 잡아도 이 정도면 닿는다. 못 찾으면 라벨 없이 두지, 파일을 더 파고들지 않는다.
+ */
+const HEAD_LINE_LIMIT = 400;
+/** 줄 수와 별개로 이 바이트를 넘기면 멈춘다 — 한 줄이 통째로 거대한 기록(대용량 첨부)이 있다 */
+const HEAD_BYTE_LIMIT = 512 * 1024;
+/**
+ * 첫 프롬프트로 치지 않는 것들.
+ *
+ * 기록의 `type:"user"` 줄에는 사람이 친 것만 오지 않는다 — 훅이 주입한 컨텍스트, 한도 리셋
+ * 안내, 서브에이전트 종료 알림, 슬래시 명령의 출력이 같은 모양으로 들어온다(실측: `9e0c954f`
+ * 의 마지막 user 줄 8개가 전부 `Your claude.ai usage limit has reset…` 이었다).
+ * 그걸 라벨로 올리면 목록의 모든 줄이 같은 문장이 되어 아무것도 구별하지 못한다.
+ */
+const NOISE_PREFIXES = [
+    '<',
+    'Caveat:',
+    '[Request interrupted',
+    'Your claude.ai usage limit',
+];
+/** 사람이 친 프롬프트로 볼 수 있는 문자열인가 */
+function isHumanPrompt(text) {
+    if (typeof text !== 'string') {
+        return false;
+    }
+    const t = text.trim();
+    if (!t) {
+        return false;
+    }
+    return !NOISE_PREFIXES.some(p => t.startsWith(p));
+}
+/**
+ * 기록 줄(파싱된 JSON) 하나에서 사람이 친 프롬프트를 꺼낸다 — 아니면 null.
+ *
+ * `message.content` 는 문자열일 때도 있고 블록 배열일 때도 있다. 배열이면 `text` 블록만 잇는다
+ * (`tool_result` 가 섞여 들어오면 라벨이 도구 출력으로 오염된다).
+ */
+function promptFromRecord(rec) {
+    var _a;
+    if (!rec || rec.type !== 'user' || rec.isMeta === true) {
+        return null;
+    }
+    const content = (_a = rec.message) === null || _a === void 0 ? void 0 : _a.content;
+    let text = null;
+    if (typeof content === 'string') {
+        text = content;
+    }
+    else if (Array.isArray(content)) {
+        const parts = content
+            .filter((b) => b && b.type === 'text' && typeof b.text === 'string')
+            .map((b) => b.text);
+        text = parts.length ? parts.join(' ') : null;
+    }
+    return isHumanPrompt(text) ? text.trim() : null;
+}
+/** 라벨로 쓸 길이로 줄인다 — 사이드바 한 줄은 말줄임이 있지만 원장에 소설을 담을 이유는 없다 */
+const LABEL_MAX = 140;
+function clampLabel(text) {
+    if (!text) {
+        return '';
+    }
+    // 줄바꿈이 들어오면 한 줄로 — 여러 줄 프롬프트가 그대로 오면 목록 높이가 튄다
+    const one = text.replace(/\s+/g, ' ').trim();
+    return one.length > LABEL_MAX ? one.slice(0, LABEL_MAX - 1) + '…' : one;
+}
+/**
+ * 기록 앞부분의 줄들에서 cwd·첫 프롬프트를 뽑는다.
+ *
+ * **폴더 이름 규칙을 흉내내지 않는다.** `~/.claude/projects/<폴더>` 의 이름은 작업 경로를 `-` 로
+ * 뭉갠 것이라 드라이브 문자·한글·특수문자에서 되돌릴 수 없다(`notify.service.ts:1006` 이 같은
+ * 이유로 폴더 이름 대신 파일명 매칭을 쓴다). 기록 안에 `cwd` 가 그대로 들어 있으니 그걸 읽는다.
+ */
+function readHead(lines) {
+    let cwd = null;
+    let label = '';
+    let startedAt = null;
+    for (const line of lines) {
+        if (!line) {
+            continue;
+        }
+        let rec;
+        try {
+            rec = JSON.parse(line);
+        }
+        catch {
+            // 잘린 줄 하나 때문에 나머지를 포기하지 않는다 (증분 읽기와 같은 태도)
+            continue;
+        }
+        if (!cwd && typeof (rec === null || rec === void 0 ? void 0 : rec.cwd) === 'string' && rec.cwd) {
+            cwd = rec.cwd;
+        }
+        if (startedAt === null && typeof (rec === null || rec === void 0 ? void 0 : rec.timestamp) === 'string') {
+            const t = Date.parse(rec.timestamp);
+            if (!Number.isNaN(t)) {
+                startedAt = t;
+            }
+        }
+        if (!label) {
+            const p = promptFromRecord(rec);
+            if (p) {
+                label = clampLabel(p);
+            }
+        }
+        if (cwd && label && startedAt !== null) {
+            break;
+        }
+    }
+    return { cwd, label, startedAt };
+}
+/**
+ * 원장과 디스크 스캔을 합친다 — **세션 id 가 키, 원장이 우선.**
+ *
+ * 두 경로가 다 필요하다. 원장에만 기대면 agentdeck 설치 이전 세션과 다른 터미널에서 띄운
+ * 세션이 통째로 안 보이고, 디스크에만 기대면 사람이 친 라벨(가장 좋은 단서)을 잃는다.
+ *
+ * 원장이 이기는 것은 **라벨과 상태** 뿐이다. `lastSeen` 은 둘 중 큰 값을 쓴다 — 원장은 탭이
+ * 닫힐 때 멈추는데 그 뒤 다른 터미널에서 같은 세션을 이어받았을 수 있고, 그때는 디스크가 맞다.
+ */
+function mergeSessions(ledger, scanned) {
+    var _a;
+    const out = new Map();
+    for (const rec of scanned) {
+        if (rec.sessionId) {
+            out.set(rec.sessionId, { ...rec });
+        }
+    }
+    for (const rec of ledger) {
+        if (!rec.sessionId) {
+            continue;
+        }
+        const disk = out.get(rec.sessionId);
+        if (!disk) {
+            // 기록 파일이 사라진 세션. **목록에 넣지 않는다** — 이어받아도 복원할 것이 없다.
+            // 원장 청소(`pruneLedger`)가 같은 판정으로 지운다
+            continue;
+        }
+        out.set(rec.sessionId, {
+            ...disk,
+            label: rec.label || disk.label,
+            from: rec.label ? rec.from : disk.from,
+            lastStatus: (_a = rec.lastStatus) !== null && _a !== void 0 ? _a : disk.lastStatus,
+            cwd: disk.cwd || rec.cwd,
+            lastSeen: Math.max(rec.lastSeen || 0, disk.lastSeen || 0),
+        });
+    }
+    return [...out.values()];
+}
+/**
+ * 기록 파일이 남아 있는 세션만 남긴다 — 원장이 무한히 부풀지 않게.
+ *
+ * 디스크를 진실로 삼는 이유: 사람이 `~/.claude/projects` 를 지우면 그 세션은 이어받을 수 없고,
+ * 그걸 원장이 계속 보여주면 눌렀을 때 빈 세션이 뜬다.
+ */
+function pruneLedger(ledger, aliveIds) {
+    return ledger.filter(r => r.sessionId && aliveIds.has(r.sessionId));
+}
+/**
+ * 한 그룹에 그릴 지난 세션 줄.
+ *
+ * **살아 있는 세션을 빼지 않는다** — `openTabId` 를 달아 그대로 둔다. 지우면 "내가 방금 보던
+ * 그 작업이 목록에 없다" 가 되어 사람이 같은 세션을 다시 찾아 헤맨다. 대신 눌렀을 때
+ * 이어받지 않고 그 탭으로 보낸다(같은 세션을 두 번 이어받으면 두 프로세스가 한 기록에 덧쓴다).
+ *
+ * 정렬은 **마지막 활동 내림차순** 하나뿐이다. 상태별로 묶고 싶어질 수 있는데, 지난 세션에서
+ * 사람이 찾는 것은 "방금 하던 것" 이지 "완료된 것" 이 아니다.
+ */
+function resumeRowsFor(records, opts) {
+    var _a;
+    const want = new Set(opts.groupKeys.map(k => opts.fold(k)));
+    const cutoff = opts.days > 0 ? opts.now - opts.days * 86400000 : null;
+    const rows = [];
+    for (const rec of records) {
+        if (!rec.sessionId || opts.hidden.has(rec.sessionId)) {
+            continue;
+        }
+        if (!want.has(opts.fold(opts.keyOf(rec.cwd)))) {
+            continue;
+        }
+        if (cutoff !== null && rec.lastSeen < cutoff) {
+            continue;
+        }
+        rows.push({ ...rec, openTabId: (_a = opts.live.get(rec.sessionId)) !== null && _a !== void 0 ? _a : null });
+    }
+    rows.sort((a, b) => b.lastSeen - a.lastSeen || a.sessionId.localeCompare(b.sessionId));
+    return opts.limit > 0 ? rows.slice(0, opts.limit) : rows;
+}
+/**
+ * 마지막 활동 시각을 사람이 읽는 짧은 꼴로.
+ *
+ * 오늘이면 시각(`14:12`), 어제면 `어제`, 그보다 오래면 `9/10`. 사이드바 줄의 오른쪽 끝에
+ * 들어가므로 길면 제목 폭을 먹는다 — 연도는 넣지 않는다(제한 기간이 기본 7일이라 못 만난다).
+ */
+function formatWhen(ts, now) {
+    if (!ts || !Number.isFinite(ts)) {
+        return '';
+    }
+    const d = new Date(ts);
+    const n = new Date(now);
+    const sameDay = d.getFullYear() === n.getFullYear()
+        && d.getMonth() === n.getMonth()
+        && d.getDate() === n.getDate();
+    if (sameDay) {
+        return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;
+    }
+    const y = new Date(now);
+    y.setDate(y.getDate() - 1);
+    if (d.getFullYear() === y.getFullYear() && d.getMonth() === y.getMonth() && d.getDate() === y.getDate()) {
+        return '어제';
+    }
+    return `${d.getMonth() + 1}/${d.getDate()}`;
+}
+/** 세션 id 처럼 생겼나 — 기록 폴더에는 우리 것이 아닌 파일도 있을 수 있다 */
+const SESSION_FILE_RE = /^([0-9a-fA-F-]{8,64})\.jsonl$/;
+/** 파일 이름에서 세션 id 를 꺼낸다 (아니면 null) */
+function sessionIdFromFile(name) {
+    const m = SESSION_FILE_RE.exec(name || '');
+    return m ? m[1] : null;
+}
+/**
+ * 셸에 보낼 이어받기 명령.
+ *
+ * **프로필의 `command` 를 갈아끼우지 않고 셸에 문자열로 보낸다.** 이유 둘 —
+ *  ① 기존 `agentdeck:root` 프로필(`-NoLogo -ExecutionPolicy Bypass`, COLORTERM/FORCE_COLOR)을
+ *     그대로 쓴다. npm 전역 `.ps1` 래퍼가 실행정책에 막히는 문제를 그 인자가 이미 풀어 둔다
+ *     (`profile.service.ts:58`).
+ *  ② claude 가 끝나도 셸이 남아 사람이 이어서 쓸 수 있다. `command` 로 박으면
+ *     `behaviorOnSessionEnd` 에 따라 탭이 닫힌다.
+ *
+ * 세션 id 는 우리가 파일 이름에서 읽은 값이고 `SESSION_FILE_RE` 를 통과한 것만 여기 온다 —
+ * 그래도 명령을 만드는 자리이므로 한 번 더 막는다. 통과 못 하면 빈 문자열이고 호출부가 아무것도 보내지 않는다.
+ */
+function resumeCommand(sessionId, fork) {
+    if (!/^[0-9a-fA-F-]{8,64}$/.test(sessionId || '')) {
+        return '';
+    }
+    return `claude --resume ${sessionId}${fork ? ' --fork-session' : ''}`;
+}
+
+
+/***/ },
+
+/***/ "./src/settings.component.ts"
+/*!***********************************!*\
+  !*** ./src/settings.component.ts ***!
+  \***********************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AgentDeckSettingsTabComponent: () => (/* binding */ AgentDeckSettingsTabComponent)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "@angular/core");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tabby-core */ "tabby-core");
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config */ "./src/config.ts");
+/* harmony import */ var _claudeHooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./claudeHooks */ "./src/claudeHooks.ts");
+/* harmony import */ var _recovery_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./recovery.service */ "./src/recovery.service.ts");
+/* harmony import */ var _update_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./update.service */ "./src/update.service.ts");
+/* harmony import */ var _diag__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./diag */ "./src/diag.ts");
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+
+
+
+/** 확인 결과를 사람 말로 — 설정 창의 한 줄 안내 */
+const UPDATE_OUTCOME_TEXT = {
+    'disabled': '자동 업데이트가 꺼져 있다',
+    'too-soon': '방금 확인했다',
+    'dev-install': '새 버전이 있지만 개발 설치라 건드리지 않는다',
+    'unknown': 'npm 에 물어보지 못했다 (네트워크·프록시)',
+    'up-to-date': '최신이다',
+    'update-ready': '새 버전이 있다',
+    'skipped': '이 버전은 건너뛰기로 했다',
+    'postponed': '나중에 하기로 했다',
+    'installing': '설치를 시작했다 — Tabby 가 곧 닫혔다가 다시 켜진다',
+    'failed': '업데이트를 시작하지 못했다',
+};
+const DOCK_LABELS = {
+    left: '왼쪽',
+    right: '오른쪽',
+    top: '위쪽',
+    bottom: '아래쪽',
+};
+/**
+ * 설정 > AgentDeck 탭.
+ *
+ * 사용자가 실제로 바꿀 일이 있는 것만 노출한다 — 레이아웃 on/off, 기동 시 탭 복원 끄기,
+ * 사이드바 목록(키보드 조작 · 서브에이전트 개수), 세션 그룹, 미리보기 패널, 작업 루트 프로필.
+ * 나머지(화면비, 사이드바 폭, 투명도, 상태 감지, 붙여넣기/줄바꿈 가로채기, 렌더 보정)는
+ * 손댈 이유가 거의 없고 잘못 만지면 화면이 깨지는 값이라 `config.ts` 의 기본값으로 고정하고
+ * 설정 창에서는 뺐다. 정말 필요하면 설정 파일의 `agentDeck.*` 를 직접 고친다.
+ *
+ * `enabled` 는 deck.service 가 `config.changed$` 를 구독해 즉시 반영한다(deck.service.ts:256).
+ * 루트 프로필은 기동 시 한 번만 읽으므로 재시작이 필요하다고 적어 둔다.
+ *
+ * `사이드바 목록` 절을 `세션 그룹` **앞**에 둔 이유 — 그룹도 결국 이 목록의 세부 규칙이라
+ * 목록 전체에 걸리는 것(키보드 조작 · 줄에 무엇을 보일지)을 먼저 읽는 편이 순서가 맞는다.
+ * 0.14.0 의 `dragAutoScroll` 도 같은 절에 뒀다 — 정하는 것이 "목록을 다루는 방법" 이라
+ * 키보드 조작과 성질이 같고, 따로 절을 만들면 항목 하나뿐인 절이 생긴다.
+ * 0.13.0 에서 생긴 세 값(`keyboardNav` / `keyboardNavWrap` / `subagentCount`)은
+ * 설정 창에 자리가 없어 `config.yaml` 을 손으로 고쳐야만 바꿀 수 있었다.
+ *
+ * `keyboardNavWrap` 과 `keyboardCloseTab`(0.19.0) 은 `keyboardNav` 를 끄면 아무 뜻이 없으므로 그때는 줄을 아예 감춘다 —
+ * 꺼진 값을 회색으로 남겨 두는 것보다 "지금 만질 수 있는 것" 이 짧아진다.
+ * 세션 그룹 절에 값이 하나도 없는 것(0.20.0)도 같은 기준이다 — 끌 이유가 없는 스위치와
+ * 자동으로 알아낼 수 있는 경로는 설정이 아니라 동작이어야 한다.
+ * 이 세 값은 deck.service/notify.service 가 쓸 때마다 store 를 다시 읽으므로
+ * (deck.service.ts `navCanFocus`/`moveNav`, notify.service `subagentEnabled`)
+ * 토글하면 바로 듣는다 — 그래서 재시작 안내를 붙이지 않았다.
+ */
+let AgentDeckSettingsTabComponent = class AgentDeckSettingsTabComponent {
+    constructor(config, recovery, update, platform) {
+        this.config = config;
+        this.recovery = recovery;
+        this.update = update;
+        this.platform = platform;
+        /** 이 환경에서 훅을 걸 수 있나 (통보 스크립트가 PowerShell 이라 Windows 전용) */
+        this.hooksSupported = (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.hooksSupported)();
+        /** 지금 걸려 있나 — 파일을 매번 읽지 않도록 화면용으로 들고 있는다 */
+        this.hooksOn = false;
+        /** 훅을 쓰다 실패한 이유 — 조용히 삼키면 사용자는 버튼이 먹통인 줄 안다 */
+        this.hookError = '';
+        /** 신고 안내에 그대로 보여줄 진단 로그 경로 */
+        this.diagPath = _diag__WEBPACK_IMPORTED_MODULE_6__.DIAG_PATH;
+        /** 신고 본문에 적을 버전 — 사용자가 어느 버전을 쓰는지 스스로 알 방법이 없었다 */
+        this.diagVersion = (0,_diag__WEBPACK_IMPORTED_MODULE_6__.pluginVersion)();
+        /** 묶음에 화면 원문까지 넣나 (기본 제외 — 터미널에 찍힌 내용이 그대로 들어간다) */
+        this.diagIncludeScreen = false;
+        /** 마지막으로 만든 묶음 경로 */
+        this.diagBundlePath = '';
+        /** 묶음을 만들다 실패한 이유 */
+        this.diagError = '';
+        /** `지금 확인` 이 도는 동안 버튼을 잠근다 (레지스트리 응답까지 몇 초) */
+        this.updateBusy = false;
+        /** 마지막 확인 결과 한 줄 */
+        this.updateMsg = '';
+        this.refreshHooks();
+    }
+    /**
+     * 사람이 직접 누른 확인. `force` 라 간격과 `다시 묻지 않기` 를 건너뛴다 —
+     * 눌렀다는 것 자체가 "지금 알고 싶다" 는 뜻이다.
+     */
+    async checkUpdate() {
+        var _a, _b;
+        this.updateBusy = true;
+        this.updateMsg = '';
+        try {
+            this.updateMsg = (_a = UPDATE_OUTCOME_TEXT[await this.update.run('settings', true)]) !== null && _a !== void 0 ? _a : '';
+        }
+        catch (e) {
+            this.updateMsg = `확인하지 못했다: ${(_b = e === null || e === void 0 ? void 0 : e.message) !== null && _b !== void 0 ? _b : e}`;
+        }
+        finally {
+            this.updateBusy = false;
+        }
+    }
+    refreshHooks() {
+        var _a;
+        try {
+            this.hooksOn = this.hooksSupported && (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.hooksInstalled)();
+        }
+        catch (e) {
+            this.hooksOn = false;
+            this.hookError = `설정을 읽지 못했다: ${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e}`;
+        }
+    }
+    /**
+     * 훅을 걸거나 뗀다.
+     *
+     * 걸 때는 통보 채널도 같이 켠다 — 훅만 걸고 채널이 닫혀 있으면 보고가 어디에도 닿지 않는데,
+     * 사용자 입장에서는 "설치했는데 아무 일도 안 일어난다" 로만 보인다.
+     */
+    toggleHooks() {
+        var _a;
+        this.hookError = '';
+        try {
+            if (this.hooksOn) {
+                (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.uninstallHooks)();
+            }
+            else {
+                (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.installHooks)();
+                if (!this.config.store.agentDeck.notifyChannel) {
+                    this.config.store.agentDeck.notifyChannel = true;
+                    this.config.save();
+                }
+            }
+        }
+        catch (e) {
+            this.hookError = `${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e}`;
+        }
+        this.refreshHooks();
+    }
+    /**
+     * OS 폴더 선택 창을 띄워 작업 폴더를 고른다.
+     *
+     * `pickDirectory` 는 취소하면 null/undefined 를 주므로 그때는 기존 값을 건드리지 않는다.
+     * 다이얼로그 제목은 Tabby 버전에 따라 인자를 받기도 하고 안 받기도 해서 any 로 넘긴다 —
+     * 안 받는 쪽은 그냥 무시하므로 어느 쪽에서도 깨지지 않는다.
+     * 돌려받은 경로는 백슬래시를 슬래시로 바꿔 저장한다. 설정 파일에 그대로 적히는 값이라
+     * 손으로 고칠 때 이스케이프 사고가 나지 않게 하려는 것이고, Windows 도 슬래시 경로를 받는다.
+     */
+    /**
+     * 진단 묶음을 만들고 그 파일이 있는 폴더를 연다.
      *
      * 폴더를 여는 것까지가 한 동작인 이유 — 경로만 알려 주면 "그 폴더가 어디냐" 가 다시 질문으로
      * 돌아온다. 압축이 안 되는 환경에서는 폴더 경로가 나오므로 그대로 열어 주면 된다.
@@ -13621,12 +15055,12 @@ let AgentDeckSettingsTabComponent = class AgentDeckSettingsTabComponent {
         this.diagError = '';
         this.diagBundlePath = '';
         try {
-            const bundle = (0,_diag__WEBPACK_IMPORTED_MODULE_5__.collectDiagBundle)({
+            const bundle = (0,_diag__WEBPACK_IMPORTED_MODULE_6__.collectDiagBundle)({
                 includeScreen: this.diagIncludeScreen,
                 stamp: {
                     tabby: (_b = (_a = this.platform).getAppVersion) === null || _b === void 0 ? void 0 : _b.call(_a),
                     osRelease: (_d = (_c = this.platform).getOSRelease) === null || _d === void 0 ? void 0 : _d.call(_c),
-                    config: (0,_diag__WEBPACK_IMPORTED_MODULE_5__.configStamp)(this.config.store),
+                    config: (0,_diag__WEBPACK_IMPORTED_MODULE_6__.configStamp)(this.config.store),
                 },
             });
             this.diagBundlePath = bundle.path;
@@ -13678,15 +15112,6 @@ let AgentDeckSettingsTabComponent = class AgentDeckSettingsTabComponent {
         this.config.store.agentDeck.collapsedGroups = [];
         this.config.save();
     }
-    /** 프로젝트 기준 폴더를 OS 다이얼로그로 고른다 (작업 폴더와 같은 방식) */
-    async pickGroupRoot() {
-        const picked = await this.platform.pickDirectory('프로젝트 기준 폴더 선택');
-        if (!picked) {
-            return;
-        }
-        this.config.store.agentDeck.groupRoot = String(picked).replace(/\\/g, '/');
-        this.config.save();
-    }
     async pickCwd() {
         const picked = await this.platform.pickDirectory('작업 폴더 선택');
         if (!picked) {
@@ -13737,6 +15162,64 @@ AgentDeckSettingsTabComponent = __decorate([
     <toggle [ngModel]="config.store.agentDeck.noTabRecovery" (ngModelChange)="recovery.setNoTabRecovery($event)"></toggle>
 </div>
 
+<div class="form-line">
+    <div class="header">
+        <div class="title">자동 업데이트</div>
+        <div class="description">
+            기동할 때 npm 을 보고 새 버전이 있으면 <b>물어본 뒤</b> 업데이트한다.
+            승낙하면 Tabby 가 닫히고 → 설치하고 → <b>스스로 다시 켜진다</b> (사람이 할 일은 없다).
+            돌고 있는 플러그인은 갈아끼울 수 없어서 이 방법뿐이다.
+            끊긴 Claude Code 대화는 <code>⟲ 지난 세션</code> 에서 이어받으면 된다.
+            <b>개발 설치(소스 링크)에는 설치하지 않는다</b> — 작업 중인 소스를 덮어쓰기 때문이다.
+        </div>
+    </div>
+    <toggle [(ngModel)]="config.store.agentDeck.autoUpdate" (ngModelChange)="config.save()"></toggle>
+</div>
+
+<div class="form-line" *ngIf="config.store.agentDeck.autoUpdate">
+    <div class="header">
+        <div class="title">지금 확인</div>
+        <div class="description">
+            간격({{config.store.agentDeck.updateCheckIntervalHours}}시간)과 <code>다시 묻지 않기</code> 를 무시하고 한 번 확인한다.
+            <span *ngIf="updateMsg">— {{updateMsg}}</span>
+        </div>
+    </div>
+    <button class="btn btn-secondary" type="button" [disabled]="updateBusy" (click)="checkUpdate()">
+        <i class="fas fa-rotate me-2"></i>{{updateBusy ? '확인 중…' : '확인'}}
+    </button>
+</div>
+
+<div class="form-line">
+    <div class="header">
+        <div class="title">지난 세션 이어받기</div>
+        <div class="description">
+            그룹 끝에 <code>⟲ 지난 세션</code> 서랍을 둔다 (기본 접힘). 펴면 <b>닫힌 Claude Code 세션</b>이
+            그때 친 프롬프트로 보이고, 누르면 그 세션의 작업 폴더에서 <code>claude --resume</code> 으로
+            대화가 되살아난다. 위의 <b>탭 복원 끄기</b> 와 한 쌍이다 — 순정 복원은 셸만 되살리지만
+            이건 대화를 되살린다. <b>다만 그때 띄워 둔 서버·백그라운드 프로세스는 돌아오지 않는다.</b>
+        </div>
+    </div>
+    <toggle [(ngModel)]="config.store.agentDeck.resumeList" (ngModelChange)="config.save()"></toggle>
+</div>
+
+<div class="form-line" *ngIf="config.store.agentDeck.resumeList">
+    <div class="header">
+        <div class="title">몇 줄까지 · 며칠치</div>
+        <div class="description">
+            그룹마다 최근 <b>{{config.store.agentDeck.resumeListLimit}}줄</b>까지,
+            최근 <b>{{config.store.agentDeck.resumeListDays}}일</b> 안의 세션만 보여준다.
+            길게 잡으면 살아 있는 탭이 아래로 밀린다. 숨긴 세션은 줄 우클릭으로 되돌릴 수 없고
+            <code>config.yaml</code> 의 <code>resumeHidden</code> 을 비우면 다시 나온다.
+        </div>
+    </div>
+    <div class="d-flex align-items-center">
+        <input class="form-control text-end me-2" style="width: 5rem" type="number" min="0" max="50"
+            [(ngModel)]="config.store.agentDeck.resumeListLimit" (ngModelChange)="config.save()">
+        <input class="form-control text-end" style="width: 5rem" type="number" min="0" max="365"
+            [(ngModel)]="config.store.agentDeck.resumeListDays" (ngModelChange)="config.save()">
+    </div>
+</div>
+
 <h3 class="mt-4 mb-3">사이드바 목록</h3>
 <div class="text-muted mb-3">
     세션 목록을 마우스 없이 다루는 방법과, 줄에 무엇까지 보일지를 정한다. 바꾸면 곧바로 적용된다.
@@ -13815,41 +15298,16 @@ AgentDeckSettingsTabComponent = __decorate([
 
 <h3 class="mt-4 mb-3">세션 그룹</h3>
 <div class="text-muted mb-3">
-    사이드바의 세션을 <b>작업 폴더(프로젝트) 단위</b>로 묶고 헤더를 눌러 접는다.
-    그룹이 하나뿐이면 헤더를 그리지 않으므로 한 프로젝트만 쓸 때는 화면이 예전과 같다.
+    사이드바의 세션을 <b>프로젝트 단위</b>로 묶고 헤더를 눌러 접는다. 끄고 켜는 값이 없다 —
+    그룹이 하나뿐이면 헤더도 순서도 건드리지 않으므로, 한 프로젝트만 쓸 때는 묶지 않은 화면과 같다.
+    <br>
+    묶는 기준은 <b>탭이 태어난 작업 폴더</b>다 — 셸에서 <code>cd</code> 를 해도 따라오지 않으므로
+    세션이 사는 동안 그룹이 흔들리지 않는다. 그룹 안의 순서는 상태 정렬을 그대로 따른다.
+    경계는 <b>저장소 루트</b>(<code>.git</code> 등)를 위로 훑어 자동으로 잡으므로 하위 폴더에서 띄운
+    세션도 같은 프로젝트로 들어오고, 저장소가 아닌 폴더는 그 폴더 자체가 그룹이다.
 </div>
 
 <div class="form-line">
-    <div class="header">
-        <div class="title">프로젝트로 묶기</div>
-        <div class="description">
-            묶는 기준은 <b>탭이 태어난 작업 폴더</b>다 — 셸에서 <code>cd</code> 를 해도 따라오지 않으므로
-            세션이 사는 동안 그룹이 흔들리지 않는다. 그룹 안의 순서는 상태 정렬을 그대로 따른다.
-        </div>
-    </div>
-    <toggle [(ngModel)]="config.store.agentDeck.groupByProject" (ngModelChange)="config.save()"></toggle>
-</div>
-
-<div class="form-line" *ngIf="config.store.agentDeck.groupByProject">
-    <div class="header">
-        <div class="title">프로젝트 기준 폴더</div>
-        <div class="description">
-            비우면 위의 <b>작업 루트</b>(<code>rootProfileCwd</code>)를 쓴다.
-            이걸 채우면 그 <b>직하 한 단계</b>가 그룹이 되어, 하위 폴더에서 띄운 세션도 같은 그룹에 들어온다
-            (예: <code>D:/Project</code> → <code>D:/Project/a</code> 와 <code>D:/Project/a/sub</code> 가 한 그룹).
-            둘 다 비면 작업 폴더 자체가 그룹이다. 슬래시로 적는다.
-        </div>
-    </div>
-    <div class="input-group w-50">
-        <input class="form-control" type="text" placeholder="D:/Project"
-               [(ngModel)]="config.store.agentDeck.groupRoot" (change)="config.save()">
-        <button class="btn btn-secondary" type="button" (click)="pickGroupRoot()">
-            <i class="fas fa-folder-open me-2"></i>찾아보기
-        </button>
-    </div>
-</div>
-
-<div class="form-line" *ngIf="config.store.agentDeck.groupByProject">
     <div class="header">
         <div class="title">접어 둔 그룹 펼치기</div>
         <div class="description">
@@ -14066,6 +15524,7 @@ AgentDeckSettingsTabComponent = __decorate([
     }),
     __metadata("design:paramtypes", [tabby_core__WEBPACK_IMPORTED_MODULE_1__.ConfigService,
         _recovery_service__WEBPACK_IMPORTED_MODULE_4__.AgentDeckRecoveryService,
+        _update_service__WEBPACK_IMPORTED_MODULE_5__.AgentDeckUpdateService,
         tabby_core__WEBPACK_IMPORTED_MODULE_1__.PlatformService])
 ], AgentDeckSettingsTabComponent);
 
@@ -14653,6 +16112,498 @@ function pickTabByTabId(tabId, tabIds) {
 }
 
 
+/***/ },
+
+/***/ "./src/update.service.ts"
+/*!*******************************!*\
+  !*** ./src/update.service.ts ***!
+  \*******************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AgentDeckUpdateService: () => (/* binding */ AgentDeckUpdateService)
+/* harmony export */ });
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "@angular/core");
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tabby-core */ "tabby-core");
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var child_process__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! child_process */ "child_process");
+/* harmony import */ var child_process__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(child_process__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! fs */ "fs");
+/* harmony import */ var fs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(fs__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var http__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! http */ "http");
+/* harmony import */ var http__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(http__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var https__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! https */ "https");
+/* harmony import */ var https__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(https__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! os */ "os");
+/* harmony import */ var os__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(os__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! path */ "path");
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _diag__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./diag */ "./src/diag.ts");
+/* harmony import */ var _update__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./update */ "./src/update.ts");
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+
+
+
+
+
+
+/** 레지스트리 응답을 기다리는 시간 — 기동 직후라 오래 붙들면 안 된다 */
+const FETCH_TIMEOUT_MS = 6000;
+/** 기동하고 이만큼 뒤에 확인한다 — 창이 뜨는 순간에 네트워크를 건드리지 않는다 */
+const STARTUP_DELAY_MS = 8000;
+/** 응답 본문 상한 — 레지스트리가 아닌 무언가가 답할 때 메모리를 먹지 않게 */
+const MAX_BODY_BYTES = 512 * 1024;
+/**
+ * npm 레지스트리를 보고 **Tabby 를 껐다 켜면서** 새 버전을 깐다.
+ *
+ * 흐름은 넷이다 —
+ *  ① 기동하고 잠시 뒤 레지스트리에 묻는다
+ *  ② 새 버전이 있으면 **물어본다** (`지금 업데이트` / `나중에` / `다시 묻지 않기`)
+ *  ③ 승낙하면 설치 스크립트를 **밖으로 띄우고** Tabby 를 닫는다
+ *  ④ 스크립트가 Tabby 종료를 기다렸다가 설치하고 다시 띄운다
+ *
+ * **왜 밖에서 까나.** 돌고 있는 플러그인은 자기를 갈아끼울 수 없다 — Tabby 는 기동할 때
+ * `dist/index.js` 를 한 번 읽어 메모리에 올리므로 디스크를 바꿔도 돌던 코드는 옛것이다.
+ * 게다가 Windows 는 로드된 파일을 잡고 있어서, 떠 있는 동안 npm 이 그 폴더를 지우려 들면
+ * 반쯤 지운 채 실패할 수 있다 — 플러그인이 깨진 채 남는 것이 가장 나쁜 결과다.
+ *
+ * **개발 설치에는 설치하지 않는다.** 플러그인 폴더의 `tabby-agentdeck` 은 개발 중에는 소스
+ * 트리를 가리키는 링크이고(`plugins/package.json` 에 `file:D:/Project/tabby-agentdeck` 로 적힌다),
+ * 거기에 `npm install` 이 돌면 작업 중인 트리를 덮어쓴다. 판정은 `update.ts` 의 `canSelfUpdate`.
+ */
+let AgentDeckUpdateService = class AgentDeckUpdateService {
+    constructor(app, config, platform, notifications) {
+        this.app = app;
+        this.config = config;
+        this.platform = platform;
+        this.notifications = notifications;
+    }
+    init() {
+        this.app.ready$.subscribe(() => {
+            var _a;
+            // 개발/검증용 — deck.service 가 만든 `__agentdeck` 에 붙는다 (없으면 만든다).
+            // `run` 은 **설치까지 간다**(승낙하면 Tabby 가 닫힌다) — 회귀에서 부를 때는
+            // 개발 설치라 `dev-install` 에서 멈추는 것을 전제로 한다
+            const g = globalThis;
+            g.__agentdeck = (_a = g.__agentdeck) !== null && _a !== void 0 ? _a : {};
+            g.__agentdeck.update = {
+                run: (force = true) => this.run('diag', force),
+                marks: () => this.installMarks(),
+                canSelfUpdate: () => (0,_update__WEBPACK_IMPORTED_MODULE_9__.canSelfUpdate)(this.installMarks()),
+                pluginsDir: () => this.pluginsDir(),
+                version: () => (0,_diag__WEBPACK_IMPORTED_MODULE_8__.pluginVersion)(),
+            };
+            setTimeout(() => { void this.run('startup'); }, STARTUP_DELAY_MS);
+        });
+    }
+    /**
+     * 한 번 확인하고, 새 버전이면 물어본 뒤 설치를 건다.
+     *
+     * `force` 는 설정 창의 `지금 확인` 용 — 간격 제한과 `다시 묻지 않기` 를 건너뛴다
+     * (사람이 직접 눌렀으니 그 순간만큼은 묻는 게 맞다). 기능 자체를 끈 것은 존중한다.
+     */
+    async run(reason, force = false) {
+        const cfg = this.config.store.agentDeck;
+        const current = (0,_diag__WEBPACK_IMPORTED_MODULE_8__.pluginVersion)();
+        const marks = this.installMarks();
+        const devInstall = !(0,_update__WEBPACK_IMPORTED_MODULE_9__.canSelfUpdate)(marks);
+        if (cfg.autoUpdate === false) {
+            (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update skip=disabled reason=${reason}`);
+            return 'disabled';
+        }
+        if (!force && !(0,_update__WEBPACK_IMPORTED_MODULE_9__.shouldCheck)(cfg.lastUpdateCheck, Date.now(), Number(cfg.updateCheckIntervalHours) || _update__WEBPACK_IMPORTED_MODULE_9__.DEFAULT_INTERVAL_HOURS)) {
+            (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update skip=too-soon reason=${reason}`);
+            return 'too-soon';
+        }
+        let latest = null;
+        try {
+            latest = (0,_update__WEBPACK_IMPORTED_MODULE_9__.parseLatestVersion)(await this.fetch((0,_update__WEBPACK_IMPORTED_MODULE_9__.latestUrl)(cfg.updateRegistry)));
+        }
+        catch (e) {
+            // 오프라인·사내망·프록시 — 흔한 일이고 사람에게 알릴 것이 아니다
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_8__.diagCatch)('update 레지스트리 조회', e);
+        }
+        // 물어본 것 자체를 기록한다(성공이든 아니든) — 실패할 때마다 기동마다 다시 묻지 않게
+        cfg.lastUpdateCheck = Date.now();
+        this.config.save();
+        const outcome = (0,_update__WEBPACK_IMPORTED_MODULE_9__.decide)({
+            enabled: true,
+            lastCheckAt: 0,
+            now: Date.now(),
+            intervalHours: 0,
+            devInstall,
+            current,
+            latest,
+        });
+        (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update check=${reason} current=${current} latest=${latest !== null && latest !== void 0 ? latest : '?'} outcome=${outcome}`
+            + ` dev=${devInstall} marks=${JSON.stringify(marks)}`);
+        if (outcome === 'dev-install') {
+            // 개발 중인 사람에게는 알려 줄 값이 있다 — 다만 손대지 않는다
+            this.notifications.info(`AgentDeck ${latest} 가 나왔다 (지금 ${current})`, '개발 설치(소스 링크)라 자동으로 갈아끼우지 않는다. 소스에서 직접 올릴 것.');
+            return outcome;
+        }
+        if (outcome !== 'update-ready') {
+            return outcome;
+        }
+        // 이 버전은 건너뛰기로 한 적이 있나 — `다시 묻지 않기` 는 **그 버전에만** 건다.
+        // 영구히 끄는 것은 설정의 `autoUpdate` 쪽이고, 여기서 영구히 막으면 다음 버전도 못 받는다
+        if (!force && cfg.updateSkipVersion === latest) {
+            (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update skip=asked-not-to version=${latest}`);
+            return 'skipped';
+        }
+        return this.confirmAndInstall(current, latest);
+    }
+    /** ② 물어보고 ③ 설치 스크립트를 띄운 뒤 Tabby 를 닫는다 */
+    async confirmAndInstall(current, latest) {
+        var _a;
+        const r = await this.platform.showMessageBox({
+            type: 'warning',
+            message: `AgentDeck ${latest} 로 업데이트할까요? (지금 ${current})`,
+            detail: [
+                '업데이트하려면 Tabby 를 닫아야 합니다 — 돌고 있는 플러그인은 갈아끼울 수 없습니다.',
+                '',
+                '누르면 이렇게 됩니다:',
+                '  1. Tabby 가 닫힙니다 (열린 탭과 돌고 있는 세션이 끊깁니다)',
+                '  2. 백그라운드에서 새 버전을 내려받아 설치합니다',
+                '  3. Tabby 가 다시 켜집니다',
+                '',
+                '끊긴 Claude Code 대화는 사이드바의 `⟲ 지난 세션` 에서 이어받을 수 있습니다.',
+            ].join('\n'),
+            buttons: ['지금 업데이트', '나중에', '다시 묻지 않기'],
+            defaultId: 1,
+            cancelId: 1,
+        });
+        if (r.response === 2) {
+            // 이 버전만 건너뛴다 — 다음 버전이 나오면 다시 묻는다
+            this.config.store.agentDeck.updateSkipVersion = latest;
+            this.config.save();
+            (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update skip-version=${latest}`);
+            return 'skipped';
+        }
+        if (r.response !== 0) {
+            return 'postponed';
+        }
+        try {
+            this.launchUpdater(latest);
+        }
+        catch (e) {
+            ;(0,_diag__WEBPACK_IMPORTED_MODULE_8__.diagCatch)('update 설치 스크립트 기동', e);
+            this.notifications.error('업데이트를 시작하지 못했다', `${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e} — 설정 → 플러그인 에서 직접 업데이트할 수 있다.`);
+            return 'failed';
+        }
+        // 스크립트가 우리 종료를 기다리고 있다. 여기서 닫아 줘야 설치가 시작된다
+        ;(0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update quit for install ${current} -> ${latest}`);
+        setTimeout(() => this.platform.quit(), 300);
+        return 'installing';
+    }
+    /**
+     * 설치 스크립트를 **패키지 밖에서** 떼어 띄운다.
+     *
+     * 임시 폴더로 복사하는 이유: 이 스크립트는 곧 npm 이 통째로 갈아엎을 폴더 안에 산다.
+     * 제자리에서 돌리면 자기 발밑이 사라진다.
+     *
+     * `detached` + `unref` 라야 Tabby 가 죽어도 살아남는다 — 부모가 죽을 때 같이 끌려가면
+     * 설치는커녕 Tabby 를 다시 띄우지도 못한다.
+     */
+    launchUpdater(version) {
+        const src = path__WEBPACK_IMPORTED_MODULE_7__.join(__dirname, '..', 'updater', 'agentdeck-update.ps1');
+        if (!fs__WEBPACK_IMPORTED_MODULE_3__.existsSync(src)) {
+            throw new Error(`설치 스크립트를 찾지 못했다: ${src}`);
+        }
+        const dir = fs__WEBPACK_IMPORTED_MODULE_3__.mkdtempSync(path__WEBPACK_IMPORTED_MODULE_7__.join(os__WEBPACK_IMPORTED_MODULE_6__.tmpdir(), 'agentdeck-up-'));
+        const script = path__WEBPACK_IMPORTED_MODULE_7__.join(dir, 'agentdeck-update.ps1');
+        fs__WEBPACK_IMPORTED_MODULE_3__.copyFileSync(src, script);
+        const pluginsDir = this.pluginsDir();
+        if (!pluginsDir) {
+            throw new Error('Tabby 플러그인 폴더를 찾지 못했다');
+        }
+        const child = (0,child_process__WEBPACK_IMPORTED_MODULE_2__.spawn)('powershell.exe', [
+            '-NoProfile', '-ExecutionPolicy', 'Bypass', '-WindowStyle', 'Hidden',
+            '-File', script,
+            '-Version', version,
+            '-PluginsDir', pluginsDir,
+            // Electron 에서 `process.execPath` 가 곧 Tabby.exe 다 — 경로를 짐작하지 않는다
+            '-TabbyExe', process.execPath,
+        ], { detached: true, stdio: 'ignore' });
+        child.unref();
+        (0,_diag__WEBPACK_IMPORTED_MODULE_8__.diag)(`update updater spawned pid=${child.pid} script=${script}`);
+    }
+    /** `<Tabby 설정폴더>/plugins` — npm 이 `--prefix` 로 받을 경로 */
+    pluginsDir() {
+        var _a, _b;
+        try {
+            const configPath = (_b = (_a = this.platform).getConfigPath) === null || _b === void 0 ? void 0 : _b.call(_a);
+            return configPath ? path__WEBPACK_IMPORTED_MODULE_7__.join(path__WEBPACK_IMPORTED_MODULE_7__.dirname(configPath), 'plugins') : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * 이 설치본이 개발 설치인지 가리는 표식.
+     *
+     * 배포본에는 `dist`·`hooks`·`updater`·`install.ps1` 만 들어간다(`package.json` 의 `files`).
+     * `src/`·`webpack.config.js`·`.git` 중 하나라도 있으면 소스 트리이고, 플러그인 폴더의
+     * 항목이 링크면 junction 설치다 — 어느 쪽이든 건드리면 안 된다.
+     */
+    installMarks() {
+        // `__dirname` 은 `<플러그인>/dist` 다. junction 으로 깔려 있으면 node 가 실경로로 풀어 주므로
+        // 이 값 자체가 이미 소스 트리를 가리킨다 — 그래서 아래 파일 표식이 곧바로 걸린다
+        const root = path__WEBPACK_IMPORTED_MODULE_7__.join(__dirname, '..');
+        const has = (rel) => {
+            try {
+                return fs__WEBPACK_IMPORTED_MODULE_3__.existsSync(path__WEBPACK_IMPORTED_MODULE_7__.join(root, rel));
+            }
+            catch {
+                return false;
+            }
+        };
+        return {
+            hasSrc: has('src'),
+            hasGit: has('.git'),
+            hasWebpackConfig: has('webpack.config.js'),
+            isLink: this.pluginEntryIsLink(),
+        };
+    }
+    /** Tabby 플러그인 폴더의 우리 항목이 링크인가 — junction 설치의 가장 직접적인 증거 */
+    pluginEntryIsLink() {
+        try {
+            const dir = this.pluginsDir();
+            if (!dir) {
+                return false;
+            }
+            return fs__WEBPACK_IMPORTED_MODULE_3__.lstatSync(path__WEBPACK_IMPORTED_MODULE_7__.join(dir, 'node_modules', _update__WEBPACK_IMPORTED_MODULE_9__.PACKAGE_NAME)).isSymbolicLink();
+        }
+        catch {
+            // 경로를 못 찾거나 항목이 없다 — 링크라고 단정하지 않는다(파일 표식이 따로 본다)
+            return false;
+        }
+    }
+    /** GET 한 번. 리다이렉트는 따라가지 않는다 — 레지스트리 `/latest` 는 200 으로 답한다 */
+    fetch(url) {
+        return new Promise((resolve, reject) => {
+            const mod = url.startsWith('http://') ? http__WEBPACK_IMPORTED_MODULE_4__ : https__WEBPACK_IMPORTED_MODULE_5__;
+            const req = mod.get(url, { headers: { accept: 'application/json' } }, (res) => {
+                if (res.statusCode !== 200) {
+                    res.resume();
+                    reject(new Error(`HTTP ${res.statusCode}`));
+                    return;
+                }
+                let body = '';
+                res.setEncoding('utf8');
+                res.on('data', (chunk) => {
+                    body += chunk;
+                    if (body.length > MAX_BODY_BYTES) {
+                        req.destroy(new Error('응답이 너무 크다'));
+                    }
+                });
+                res.on('end', () => resolve(body));
+            });
+            req.setTimeout(FETCH_TIMEOUT_MS, () => req.destroy(new Error('시간 초과')));
+            req.on('error', reject);
+        });
+    }
+};
+AgentDeckUpdateService = __decorate([
+    (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Injectable)({ providedIn: 'root' }),
+    __metadata("design:paramtypes", [tabby_core__WEBPACK_IMPORTED_MODULE_1__.AppService,
+        tabby_core__WEBPACK_IMPORTED_MODULE_1__.ConfigService,
+        tabby_core__WEBPACK_IMPORTED_MODULE_1__.PlatformService,
+        tabby_core__WEBPACK_IMPORTED_MODULE_1__.NotificationsService])
+], AgentDeckUpdateService);
+
+
+
+/***/ },
+
+/***/ "./src/update.ts"
+/*!***********************!*\
+  !*** ./src/update.ts ***!
+  \***********************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DEFAULT_INTERVAL_HOURS: () => (/* binding */ DEFAULT_INTERVAL_HOURS),
+/* harmony export */   DEFAULT_REGISTRY: () => (/* binding */ DEFAULT_REGISTRY),
+/* harmony export */   PACKAGE_NAME: () => (/* binding */ PACKAGE_NAME),
+/* harmony export */   canSelfUpdate: () => (/* binding */ canSelfUpdate),
+/* harmony export */   compareVersions: () => (/* binding */ compareVersions),
+/* harmony export */   decide: () => (/* binding */ decide),
+/* harmony export */   isNewer: () => (/* binding */ isNewer),
+/* harmony export */   latestUrl: () => (/* binding */ latestUrl),
+/* harmony export */   parseLatestVersion: () => (/* binding */ parseLatestVersion),
+/* harmony export */   parseVersion: () => (/* binding */ parseVersion),
+/* harmony export */   shouldCheck: () => (/* binding */ shouldCheck)
+/* harmony export */ });
+/**
+ * **자동 업데이트의 판단 규칙** — 언제 확인할지, 새 버전인지, 업데이트해도 되는지.
+ *
+ * 네트워크·fs·타이머는 여기 없다 (`group.ts`·`sessionLedger.ts` 와 같은 이유). 이 파일은
+ * "무엇을 근거로 결정하는가" 만 정하고, 실제로 묻고 설치하는 것은 `update.service.ts` 다.
+ *
+ * ## 왜 "받아 두고 다음 기동에 적용" 인가
+ *
+ * Tabby 는 플러그인을 **기동할 때 한 번** 읽는다. 돌고 있는 플러그인을 갈아끼울 방법이 없으므로
+ * 어떤 방식으로 업데이트하든 재시작이 필요하다. 그래서 이 기능은 조용히 받아만 두고
+ * "재시작하면 적용된다" 고 한 번 알린다 — 사람의 작업을 끊지 않는 유일한 모양이다.
+ */
+/** npm 레지스트리 기본값. 사내 미러를 쓰는 사람은 설정으로 바꾼다 */
+const DEFAULT_REGISTRY = 'https://registry.npmjs.org';
+/** 이 패키지 이름 — 레지스트리에 물어볼 대상이자 `installPlugin` 에 넘길 이름 */
+const PACKAGE_NAME = 'tabby-agentdeck';
+/** 확인 간격 기본값 (시간). 기동마다 묻지 않는다 — 레지스트리에도 사람 네트워크에도 예의가 아니다 */
+const DEFAULT_INTERVAL_HOURS = 6;
+/**
+ * 버전 문자열을 숫자 3개 + 프리릴리스로 가른다.
+ * semver 가 아니면 `null` — 그런 값이 오면 비교하지 않고 "모른다" 로 둔다(업데이트를 강행하지 않는다).
+ */
+function parseVersion(v) {
+    var _a;
+    if (typeof v !== 'string') {
+        return null;
+    }
+    const m = /^\s*v?(\d+)\.(\d+)\.(\d+)(?:-([0-9A-Za-z.-]+))?(?:\+[0-9A-Za-z.-]+)?\s*$/.exec(v);
+    if (!m) {
+        return null;
+    }
+    return { nums: [Number(m[1]), Number(m[2]), Number(m[3])], pre: (_a = m[4]) !== null && _a !== void 0 ? _a : null };
+}
+/**
+ * semver 비교 — `a < b` 면 -1, 같으면 0, `a > b` 면 1. 못 읽으면 `null`.
+ *
+ * 프리릴리스는 같은 숫자의 정식판보다 **낮다**(`1.1.0-beta` < `1.1.0`). 프리릴리스끼리는
+ * 점으로 끊어 숫자는 수로, 그 외는 문자열로 비교한다 (semver 규칙 그대로).
+ */
+function compareVersions(a, b) {
+    const pa = parseVersion(a);
+    const pb = parseVersion(b);
+    if (!pa || !pb) {
+        return null;
+    }
+    for (let i = 0; i < 3; i++) {
+        if (pa.nums[i] !== pb.nums[i]) {
+            return pa.nums[i] < pb.nums[i] ? -1 : 1;
+        }
+    }
+    if (pa.pre === pb.pre) {
+        return 0;
+    }
+    // 한쪽만 프리릴리스면 그쪽이 낮다
+    if (pa.pre === null) {
+        return 1;
+    }
+    if (pb.pre === null) {
+        return -1;
+    }
+    const xa = pa.pre.split('.');
+    const xb = pb.pre.split('.');
+    for (let i = 0; i < Math.max(xa.length, xb.length); i++) {
+        const ta = xa[i];
+        const tb = xb[i];
+        if (ta === undefined) {
+            return -1;
+        }
+        if (tb === undefined) {
+            return 1;
+        }
+        const na = /^\d+$/.test(ta);
+        const nb = /^\d+$/.test(tb);
+        if (na && nb) {
+            if (Number(ta) !== Number(tb)) {
+                return Number(ta) < Number(tb) ? -1 : 1;
+            }
+        }
+        else if (ta !== tb) {
+            return ta < tb ? -1 : 1;
+        }
+    }
+    return 0;
+}
+/** 레지스트리의 것이 지금 것보다 새로운가. 못 읽으면 `false` — 모르면 건드리지 않는다 */
+function isNewer(current, latest) {
+    return compareVersions(current, latest) === -1;
+}
+/** 레지스트리 응답(JSON 문자열)에서 버전을 꺼낸다 — `<registry>/<pkg>/latest` 의 모양 */
+function parseLatestVersion(body) {
+    var _a;
+    try {
+        const v = (_a = JSON.parse(body)) === null || _a === void 0 ? void 0 : _a.version;
+        return parseVersion(v) ? String(v).trim() : null;
+    }
+    catch {
+        // HTML 오류 페이지·프록시 응답 — 버전을 모르는 것으로 본다
+        return null;
+    }
+}
+/** 물어볼 주소. 레지스트리 끝의 `/` 가 있든 없든 같은 주소가 나오게 한다 */
+function latestUrl(registry, pkg = PACKAGE_NAME) {
+    const base = (registry || DEFAULT_REGISTRY).replace(/\/+$/, '');
+    return `${base}/${encodeURIComponent(pkg)}/latest`;
+}
+/** 지금 확인할 때가 됐나. `lastCheckAt` 이 미래면(시계가 뒤로 갔다) 확인한다 */
+function shouldCheck(lastCheckAt, now, intervalHours) {
+    const last = Number(lastCheckAt) || 0;
+    if (last > now) {
+        return true;
+    }
+    const interval = Math.max(0, Number(intervalHours) || 0) * 3600000;
+    return now - last >= interval;
+}
+/**
+ * 이 설치본을 자동으로 갈아끼워도 되나.
+ *
+ * **개발 설치(소스 트리로의 junction)에는 절대 하면 안 된다.** Tabby 플러그인 폴더의
+ * `tabby-agentdeck` 은 개발 중에는 `D:\Project\tabby-agentdeck` 을 가리키는 링크이고
+ * (`install.ps1`), 거기에 `npm install` 이 돌면 **작업 중인 소스 트리를 덮어쓴다.**
+ *
+ * 판정은 두 가지를 본다 — 둘 다 배포본에는 없는 것들이다
+ * (`package.json` 의 `files` 는 `dist`·`hooks`·`install.ps1` 뿐이다):
+ *  - `src/` 나 `webpack.config.js` 가 있다 = 소스 트리
+ *  - `.git` 이 있다 = 저장소
+ * 하나라도 걸리면 확인만 하고 설치는 하지 않는다.
+ */
+function canSelfUpdate(marks) {
+    return !(marks.hasSrc || marks.hasGit || marks.hasWebpackConfig || marks.isLink);
+}
+/**
+ * 확인 결과로 무엇을 할지 — 순수 결정.
+ *
+ * 설치 성공/실패는 이 함수가 모르므로(`installPlugin` 이 비동기다) 여기서는
+ * `update-ready` 직전까지만 정하고, 실제 설치는 서비스가 하고 실패하면 `failed` 로 덮는다.
+ */
+function decide(input) {
+    if (!input.enabled) {
+        return 'disabled';
+    }
+    if (!shouldCheck(input.lastCheckAt, input.now, input.intervalHours)) {
+        return 'too-soon';
+    }
+    if (input.latest === null) {
+        return 'unknown';
+    }
+    if (!isNewer(input.current, input.latest)) {
+        return 'up-to-date';
+    }
+    // 새 버전이 있는데 개발 설치다 — 알려만 주고 손대지 않는다
+    return input.devInstall ? 'dev-install' : 'update-ready';
+}
+
+
 /***/ },
 
 /***/ "./src/viewPanel.ts"
@@ -15281,22 +17232,37 @@ class ViewPanel {
             }
         });
     }
-    /** 터미널과 닿는 쪽 경계선을 끌어 폭을 바꾼다 (사이드바의 dock.ts 와 같은 조작) */
+    /**
+     * 터미널과 닿는 쪽 경계선을 끌어 폭을 바꾼다.
+     *
+     * **폭은 "잡은 순간의 폭 + 끈 거리" 로 잰다 — 창 가장자리부터 재면 안 된다.**
+     * 사이드바와 패널이 같은 쪽에 붙으면 패널은 창 가장자리에서 사이드바 폭만큼 안쪽에 앉는데
+     * (`deck.service.ts` relayout 의 `outerOffset`), `rect.right - clientX` 는 그 몫까지
+     * 폭으로 세어 버린다. 그래서 잡자마자 사이드바 폭(200~560px)만큼 한 번 커지고, 사용자는
+     * 그걸 도로 줄이는 것으로 조작을 시작하게 된다 (2026-09-11 유저 지적).
+     * 델타 방식은 그 몫도, 손잡이 안에서 어디를 잡았는지도 상쇄되어 **튐이 아예 없다.**
+     * (사이드바 `dock.ts` 가 절대 거리로 재는 것은 거기서만 맞다 — 사이드바는 창에 딱 붙는다.)
+     */
     installResize(handle) {
         handle.addEventListener('mousedown', (e) => {
+            var _a;
             e.preventDefault();
             e.stopPropagation();
             this.resizing = true;
             document.body.classList.add('ad-resizing');
+            const startX = e.clientX;
+            // 기준은 **화면에 실제로 그려져 있는 폭**이다. 설정값(`getWidth`)을 쓰면 좁은 창에서
+            // 또 튄다 — `extent()` 가 `room` 으로 깎아 그리는데 설정에는 안 깎인 값이 남아 있어서다.
+            const startW = ((_a = this.el) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || this.host.getWidth();
             const move = (ev) => {
                 if (!this.resizing) {
                     return;
                 }
-                const rect = this.host.windowEl.getBoundingClientRect();
-                const px = this.host.getSide() === 'right'
-                    ? rect.right - ev.clientX
-                    : ev.clientX - rect.left;
-                this.host.setWidth(Math.max(MIN_VIEW_W, Math.round(px)));
+                // 오른쪽 패널은 커서가 왼쪽으로 갈수록 넓어지고, 왼쪽 패널은 그 반대다
+                const delta = this.host.getSide() === 'right'
+                    ? startX - ev.clientX
+                    : ev.clientX - startX;
+                this.host.setWidth(Math.max(MIN_VIEW_W, Math.round(startW + delta)));
                 this.host.relayout();
             };
             const up = () => {
@@ -17266,6 +19232,26 @@ function planFollow(mode, opened, editing) {
 }
 
 
+/***/ },
+
+/***/ "http"
+/*!***********************!*\
+  !*** external "http" ***!
+  \***********************/
+(module) {
+
+module.exports = require("http");
+
+/***/ },
+
+/***/ "https"
+/*!************************!*\
+  !*** external "https" ***!
+  \************************/
+(module) {
+
+module.exports = require("https");
+
 /***/ },
 
 /***/ "net"
@@ -17485,7 +19471,7 @@ let __webpack_exports__ = {};
   \**********************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   STATUS_STYLES: () => (/* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_17__.STATUS_STYLES),
+/* harmony export */   STATUS_STYLES: () => (/* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_18__.STATUS_STYLES),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "@angular/core");
@@ -17508,10 +19494,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _notify_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./notify.service */ "./src/notify.service.ts");
 /* harmony import */ var _alert_service__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./alert.service */ "./src/alert.service.ts");
 /* harmony import */ var _recovery_service__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./recovery.service */ "./src/recovery.service.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-/* harmony import */ var _settings_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./settings.component */ "./src/settings.component.ts");
-/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./styles.scss */ "./src/styles.scss");
-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./api */ "./src/api.ts");
+/* harmony import */ var _update_service__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./update.service */ "./src/update.service.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _settings_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./settings.component */ "./src/settings.component.ts");
+/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./styles.scss */ "./src/styles.scss");
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./api */ "./src/api.ts");
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -17539,15 +19526,18 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
+
 let AgentDeckModule = class AgentDeckModule {
-    constructor(deck, profiles, notify, alert, recovery) {
-        // 다섯 서비스 모두 app.ready$ 를 기다렸다가 스스로 붙는다.
+    constructor(deck, profiles, notify, alert, recovery, update) {
+        // 여섯 서비스 모두 app.ready$ 를 기다렸다가 스스로 붙는다.
         // alert 는 deck 이 만드는 `__agentdeck` 에 붙으므로 deck 뒤에 둔다
         deck.init();
         profiles.init();
         notify.init();
         alert.init();
         recovery.init();
+        // 자동 업데이트는 기동 20초 뒤에 한 번 움직인다 — 창이 뜨는 순간에 네트워크를 건드리지 않는다
+        update.init();
     }
 };
 AgentDeckModule = __decorate([
@@ -17562,17 +19552,18 @@ AgentDeckModule = __decorate([
             { provide: tabby_core__WEBPACK_IMPORTED_MODULE_3__.ConfigProvider, useClass: _config__WEBPACK_IMPORTED_MODULE_6__.AgentDeckConfigProvider, multi: true },
             { provide: tabby_core__WEBPACK_IMPORTED_MODULE_3__.HotkeyProvider, useClass: _hotkeys__WEBPACK_IMPORTED_MODULE_7__.AgentDeckHotkeyProvider, multi: true },
             { provide: tabby_terminal__WEBPACK_IMPORTED_MODULE_5__.TerminalDecorator, useClass: _decorator__WEBPACK_IMPORTED_MODULE_8__.AgentDeckDecorator, multi: true },
-            { provide: tabby_settings__WEBPACK_IMPORTED_MODULE_4__.SettingsTabProvider, useClass: _settings__WEBPACK_IMPORTED_MODULE_14__.AgentDeckSettingsTabProvider, multi: true },
+            { provide: tabby_settings__WEBPACK_IMPORTED_MODULE_4__.SettingsTabProvider, useClass: _settings__WEBPACK_IMPORTED_MODULE_15__.AgentDeckSettingsTabProvider, multi: true },
         ],
         declarations: [
-            _settings_component__WEBPACK_IMPORTED_MODULE_15__.AgentDeckSettingsTabComponent,
+            _settings_component__WEBPACK_IMPORTED_MODULE_16__.AgentDeckSettingsTabComponent,
         ],
     }),
     __metadata("design:paramtypes", [_deck_service__WEBPACK_IMPORTED_MODULE_9__.AgentDeckService,
         _profile_service__WEBPACK_IMPORTED_MODULE_10__.AgentDeckProfileService,
         _notify_service__WEBPACK_IMPORTED_MODULE_11__.WorkNotifyService,
         _alert_service__WEBPACK_IMPORTED_MODULE_12__.AgentDeckAlertService,
-        _recovery_service__WEBPACK_IMPORTED_MODULE_13__.AgentDeckRecoveryService])
+        _recovery_service__WEBPACK_IMPORTED_MODULE_13__.AgentDeckRecoveryService,
+        _update_service__WEBPACK_IMPORTED_MODULE_14__.AgentDeckUpdateService])
 ], AgentDeckModule);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentDeckModule);