tabby-agentdeck 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@angular/common"), require("@angular/core"), (function webpackLoadOptionalExternalModule() { try { return require("electron"); } catch(e) {} }()), require("fs"), require("os"), require("path"), require("rxjs"), require("tabby-core"), require("tabby-settings"), require("tabby-terminal"));
+		module.exports = factory(require("@angular/common"), require("@angular/core"), require("@angular/forms"), (function webpackLoadOptionalExternalModule() { try { return require("electron"); } catch(e) {} }()), require("fs"), require("os"), require("path"), require("rxjs"), require("tabby-core"), require("tabby-settings"), require("tabby-terminal"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@angular/common", "@angular/core", "electron", "fs", "os", "path", "rxjs", "tabby-core", "tabby-settings", "tabby-terminal"], factory);
+		define(["@angular/common", "@angular/core", "@angular/forms", "electron", "fs", "os", "path", "rxjs", "tabby-core", "tabby-settings", "tabby-terminal"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@angular/common"), require("@angular/core"), (function webpackLoadOptionalExternalModule() { try { return require("electron"); } catch(e) {} }()), require("fs"), require("os"), require("path"), require("rxjs"), require("tabby-core"), require("tabby-settings"), require("tabby-terminal")) : factory(root["@angular/common"], root["@angular/core"], root["electron"], root["fs"], root["os"], root["path"], root["rxjs"], root["tabby-core"], root["tabby-settings"], root["tabby-terminal"]);
+		var a = typeof exports === 'object' ? factory(require("@angular/common"), require("@angular/core"), require("@angular/forms"), (function webpackLoadOptionalExternalModule() { try { return require("electron"); } catch(e) {} }()), require("fs"), require("os"), require("path"), require("rxjs"), require("tabby-core"), require("tabby-settings"), require("tabby-terminal")) : factory(root["@angular/common"], root["@angular/core"], root["@angular/forms"], root["electron"], root["fs"], root["os"], root["path"], root["rxjs"], root["tabby-core"], root["tabby-settings"], root["tabby-terminal"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(global, (__WEBPACK_EXTERNAL_MODULE__angular_common__, __WEBPACK_EXTERNAL_MODULE__angular_core__, __WEBPACK_EXTERNAL_MODULE_electron__, __WEBPACK_EXTERNAL_MODULE_fs__, __WEBPACK_EXTERNAL_MODULE_os__, __WEBPACK_EXTERNAL_MODULE_path__, __WEBPACK_EXTERNAL_MODULE_rxjs__, __WEBPACK_EXTERNAL_MODULE_tabby_core__, __WEBPACK_EXTERNAL_MODULE_tabby_settings__, __WEBPACK_EXTERNAL_MODULE_tabby_terminal__) => {
+})(global, (__WEBPACK_EXTERNAL_MODULE__angular_common__, __WEBPACK_EXTERNAL_MODULE__angular_core__, __WEBPACK_EXTERNAL_MODULE__angular_forms__, __WEBPACK_EXTERNAL_MODULE_electron__, __WEBPACK_EXTERNAL_MODULE_fs__, __WEBPACK_EXTERNAL_MODULE_os__, __WEBPACK_EXTERNAL_MODULE_path__, __WEBPACK_EXTERNAL_MODULE_rxjs__, __WEBPACK_EXTERNAL_MODULE_tabby_core__, __WEBPACK_EXTERNAL_MODULE_tabby_settings__, __WEBPACK_EXTERNAL_MODULE_tabby_terminal__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -31,19 +31,47 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `#agentdeck-sidebar {
+___CSS_LOADER_EXPORT___.push([module.id, `body.agentdeck-active.ad-bg-clip .content-tab-active::before {
+  left: var(--ad-bg-left) !important;
+  top: var(--ad-bg-top) !important;
+  right: auto !important;
+  bottom: auto !important;
+  width: var(--ad-bg-width) !important;
+  height: var(--ad-bg-height) !important;
+}
+
+#agentdeck-sidebar {
   display: flex;
   flex-direction: column;
-  flex: 0 0 auto;
-  height: 100%;
-  min-width: 180px;
+  z-index: 5;
   overflow: hidden;
   background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));
-  border-left: 1px solid rgba(255, 255, 255, 0.08);
   font-size: 12px;
   user-select: none;
   -webkit-app-region: no-drag;
 }
+#agentdeck-sidebar.ad-dock-right {
+  border-left: 1px solid rgba(255, 255, 255, 0.08);
+}
+#agentdeck-sidebar.ad-dock-left {
+  border-right: 1px solid rgba(255, 255, 255, 0.08);
+}
+#agentdeck-sidebar.ad-dock-top {
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+#agentdeck-sidebar.ad-dock-bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
+}
+#agentdeck-sidebar.ad-dock-top .ad-list, #agentdeck-sidebar.ad-dock-bottom .ad-list {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  gap: 0 6px;
+  overflow-y: auto;
+}
+#agentdeck-sidebar.ad-dock-top .ad-tab, #agentdeck-sidebar.ad-dock-bottom .ad-tab {
+  flex: 0 0 220px;
+}
 #agentdeck-sidebar .ad-head {
   display: flex;
   align-items: center;
@@ -53,7 +81,46 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#agentdeck-sidebar {
   font-size: 10px;
   font-weight: 700;
   color: rgba(255, 255, 255, 0.4);
-  -webkit-app-region: drag;
+  -webkit-app-region: no-drag;
+  cursor: grab;
+}
+#agentdeck-sidebar .ad-head:active {
+  cursor: grabbing;
+}
+#agentdeck-sidebar .ad-resize {
+  position: absolute;
+  z-index: 6;
+  background: transparent;
+  transition: background 0.12s ease;
+}
+#agentdeck-sidebar .ad-resize:hover, body.ad-resizing #agentdeck-sidebar .ad-resize {
+  background: rgba(97, 175, 239, 0.5);
+}
+#agentdeck-sidebar .ad-resize-right,
+#agentdeck-sidebar .ad-resize-left {
+  top: 0;
+  bottom: 0;
+  width: 6px;
+  cursor: col-resize;
+}
+#agentdeck-sidebar .ad-resize-right {
+  left: 0;
+}
+#agentdeck-sidebar .ad-resize-left {
+  right: 0;
+}
+#agentdeck-sidebar .ad-resize-top,
+#agentdeck-sidebar .ad-resize-bottom {
+  left: 0;
+  right: 0;
+  height: 6px;
+  cursor: row-resize;
+}
+#agentdeck-sidebar .ad-resize-bottom {
+  top: 0;
+}
+#agentdeck-sidebar .ad-resize-top {
+  bottom: 0;
 }
 #agentdeck-sidebar .ad-head-count {
   -webkit-app-region: no-drag;
@@ -136,12 +203,24 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#agentdeck-sidebar {
   text-decoration: underline dotted;
   text-underline-offset: 2px;
 }
+#agentdeck-sidebar .ad-prompt {
+  display: flex;
+  align-items: center;
+  margin-top: 2px;
+  min-width: 0;
+  font-size: 11px;
+  line-height: 1.4;
+}
 #agentdeck-sidebar .ad-label {
+  flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: rgba(255, 255, 255, 0.6);
 }
+#agentdeck-sidebar .ad-label.empty {
+  color: rgba(255, 255, 255, 0.25);
+}
 #agentdeck-sidebar .ad-elapsed {
   flex: 0 0 auto;
   margin-left: auto;
@@ -202,6 +281,12 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#agentdeck-sidebar {
   background: rgba(255, 255, 255, 0.08);
   color: #fff;
 }
+#agentdeck-sidebar .ad-repair {
+  flex: 0 0 auto;
+  min-width: 28px;
+  font-size: 13px;
+  line-height: 1;
+}
 
 .ad-menu {
   position: fixed;
@@ -226,14 +311,74 @@ ___CSS_LOADER_EXPORT___.push([module.id, `#agentdeck-sidebar {
   color: #fff;
 }
 
+.ad-dock-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 9998;
+  pointer-events: none;
+}
+
+.ad-dock-preview {
+  position: fixed;
+  display: none;
+  border: 1px solid rgba(97, 175, 239, 0.9);
+  background: rgba(97, 175, 239, 0.22);
+  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.18);
+  transition: left 0.08s ease, top 0.08s ease, width 0.08s ease, height 0.08s ease;
+}
+
+.ad-dock-zone {
+  position: fixed;
+  width: 46px;
+  height: 46px;
+  margin: -23px 0 0 -23px;
+  border: 1px solid rgba(255, 255, 255, 0.35);
+  border-radius: 6px;
+  background: rgba(38, 42, 49, 0.92);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ad-dock-zone .ad-dock-mark {
+  width: 26px;
+  height: 26px;
+  border: 1px solid rgba(255, 255, 255, 0.45);
+  border-radius: 3px;
+}
+.ad-dock-zone.active {
+  border-color: rgba(97, 175, 239, 0.95);
+  background: rgba(97, 175, 239, 0.35);
+}
+.ad-dock-zone.ad-dock-zone-left .ad-dock-mark {
+  border-left: 4px solid rgba(97, 175, 239, 0.95);
+}
+.ad-dock-zone.ad-dock-zone-right .ad-dock-mark {
+  border-right: 4px solid rgba(97, 175, 239, 0.95);
+}
+.ad-dock-zone.ad-dock-zone-top .ad-dock-mark {
+  border-top: 4px solid rgba(97, 175, 239, 0.95);
+}
+.ad-dock-zone.ad-dock-zone-bottom .ad-dock-mark {
+  border-bottom: 4px solid rgba(97, 175, 239, 0.95);
+}
+
+body.ad-resizing {
+  cursor: inherit;
+}
+body.ad-resizing .content.main {
+  pointer-events: none;
+}
+
 body.agentdeck-active .content.main > .tab-bar {
   display: none !important;
 }
 body.agentdeck-active .window {
   display: flex;
   flex-direction: row;
+  position: relative;
   background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));
-}`, "",{"version":3,"sources":["webpack://./src/styles.scss"],"names":[],"mappings":"AAGA;EACI,aAAA;EACA,sBAAA;EACA,cAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;EAEA,0DAAA;EACA,gDAAA;EACA,eAAA;EACA,iBAAA;EACA,2BAAA;AAHJ;AAKI;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,+BAAA;EAEA,wBAAA;AAJR;AAOI;EACI,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,qCAAA;EACA,gCAAA;AALR;AASI;EACI,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,oBAAA;AAPR;AASQ;EACI,UAAA;AAPZ;AAUQ;EACI,qCAAA;EACA,kBAAA;AARZ;AAUY;EACI,qCAAA;AARhB;AAaI;EACI,kBAAA;EACA,aAAA;EACA,oBAAA;EACA,QAAA;EACA,kBAAA;EACA,sBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;AAXR;AAaQ;EACI,qCAAA;AAXZ;AAaY;EACI,aAAA;AAXhB;AAeQ;EACI,oCAAA;AAbZ;AAeY;EACI,WAAA;AAbhB;AAmBI;EACI,aAAA;EACA,kBAAA;EACA,oCAAA;AAjBR;AAoBI;EACI,cAAA;EACA,YAAA;AAlBR;AAqBI;EACI,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,gCAAA;EACA,iBAAA;EACA,iBAAA;AAnBR;AAsBI;EACI,aAAA;EACA,mBAAA;EACA,QAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,gCAAA;AApBR;AAuBI;EACI,cAAA;EACA,+BAAA;EACA,gBAAA;AArBR;AAwBQ;EACI,iCAAA;EACA,0BAAA;AAtBZ;AA0BI;EACI,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,+BAAA;AAxBR;AA2BI;EACI,cAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;AAzBR;AA4BI;EACI,cAAA;EACA,YAAA;EACA,cAAA;EACA,2CAAA;EACA,kBAAA;EACA,+BAAA;EACA,WAAA;EACA,iBAAA;EACA,aAAA;AA1BR;AA4BQ;EACI,sCAAA;AA1BZ;AA8BI;EACI,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;EACA,uBAAA;EACA,+BAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,mDAAA;AA5BR;AA8BQ;EACI,qBAAA;EACA,mCAAA;AA5BZ;AAgCI;EACI,aAAA;EACA,QAAA;EACA,YAAA;EACA,+CAAA;AA9BR;AAiCI;EACI,cAAA;EACA,gBAAA;EACA,2CAAA;EACA,kBAAA;EACA,uBAAA;EACA,+BAAA;EACA,eAAA;EACA,eAAA;AA/BR;AAiCQ;EACI,qCAAA;EACA,WAAA;AA/BZ;;AAqCA;EACI,eAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;EACA,2CAAA;EACA,kBAAA;EACA,mBAAA;EACA,yCAAA;EACA,eAAA;EACA,iBAAA;AAlCJ;AAoCI;EACI,iBAAA;EACA,kBAAA;EACA,gCAAA;EACA,eAAA;AAlCR;AAoCQ;EACI,oCAAA;EACA,WAAA;AAlCZ;;AAyCI;EACI,wBAAA;AAtCR;AAyCI;EACI,aAAA;EACA,mBAAA;EAGA,0DAAA;AAzCR","sourcesContent":["// AgentDeck 사이드바 스타일\n// Tabby 테마 변수(--bs-*)를 우선 쓰되, 없을 때를 대비해 폴백 색을 함께 준다.\n\n#agentdeck-sidebar {\n    display: flex;\n    flex-direction: column;\n    flex: 0 0 auto;\n    height: 100%;\n    min-width: 180px;\n    overflow: hidden;\n    // --ad-panel-bg 는 agentdeck 이 sidebarOpacity 로 내려준다 (배경 이미지가 비치게)\n    background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\n    border-left: 1px solid rgba(255, 255, 255, 0.08);\n    font-size: 12px;\n    user-select: none;\n    -webkit-app-region: no-drag;\n\n    .ad-head {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px 8px;\n        letter-spacing: 0.12em;\n        font-size: 10px;\n        font-weight: 700;\n        color: rgba(255, 255, 255, 0.4);\n        // 창 상단을 잡아 끌 수 있게 (프레임리스 대비)\n        -webkit-app-region: drag;\n    }\n\n    .ad-head-count {\n        -webkit-app-region: no-drag;\n        padding: 1px 6px;\n        border-radius: 8px;\n        background: rgba(255, 255, 255, 0.08);\n        color: rgba(255, 255, 255, 0.55);\n    }\n\n    // 요구 2-1: 탭이 많아지면 이 영역만 스크롤된다\n    .ad-list {\n        flex: 1 1 auto;\n        overflow-y: auto;\n        overflow-x: hidden;\n        padding: 2px 6px 8px;\n\n        &::-webkit-scrollbar {\n            width: 8px;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            background: rgba(255, 255, 255, 0.14);\n            border-radius: 4px;\n\n            &:hover {\n                background: rgba(255, 255, 255, 0.24);\n            }\n        }\n    }\n\n    .ad-tab {\n        position: relative;\n        display: flex;\n        align-items: stretch;\n        gap: 8px;\n        margin-bottom: 3px;\n        padding: 7px 6px 7px 0;\n        border-radius: 5px;\n        cursor: pointer;\n        transition: background 0.1s ease;\n\n        &:hover {\n            background: rgba(255, 255, 255, 0.05);\n\n            .ad-close {\n                opacity: 0.65;\n            }\n        }\n\n        &.active {\n            background: rgba(255, 255, 255, 0.1);\n\n            .ad-title {\n                color: #fff;\n            }\n        }\n    }\n\n    // 상태색 표시 바\n    .ad-bar {\n        flex: 0 0 3px;\n        border-radius: 2px;\n        background: var(--ad-color, #6b727d);\n    }\n\n    .ad-body {\n        flex: 1 1 auto;\n        min-width: 0;\n    }\n\n    .ad-title {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: rgba(255, 255, 255, 0.82);\n        font-size: 12.5px;\n        line-height: 1.35;\n    }\n\n    .ad-meta {\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        margin-top: 2px;\n        font-size: 10.5px;\n        line-height: 1.4;\n        color: rgba(255, 255, 255, 0.45);\n    }\n\n    .ad-badge {\n        flex: 0 0 auto;\n        color: var(--ad-color, #6b727d);\n        font-weight: 600;\n\n        // 수동/훅으로 고정된 상태는 밑줄로 구분\n        &.pinned {\n            text-decoration: underline dotted;\n            text-underline-offset: 2px;\n        }\n    }\n\n    .ad-label {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .ad-elapsed {\n        flex: 0 0 auto;\n        margin-left: auto;\n        font-variant-numeric: tabular-nums;\n        opacity: 0.55;\n    }\n\n    .ad-label-input {\n        flex: 1 1 auto;\n        min-width: 0;\n        padding: 0 4px;\n        border: 1px solid rgba(255, 255, 255, 0.25);\n        border-radius: 3px;\n        background: rgba(0, 0, 0, 0.35);\n        color: #fff;\n        font-size: 10.5px;\n        outline: none;\n\n        &:focus {\n            border-color: var(--ad-color, #61afef);\n        }\n    }\n\n    .ad-close {\n        flex: 0 0 auto;\n        align-self: center;\n        width: 18px;\n        height: 18px;\n        padding: 0;\n        border: 0;\n        border-radius: 3px;\n        opacity: 0;\n        background: transparent;\n        color: rgba(255, 255, 255, 0.8);\n        font-size: 15px;\n        line-height: 1;\n        cursor: pointer;\n        transition: opacity 0.1s ease, background 0.1s ease;\n\n        &:hover {\n            opacity: 1 !important;\n            background: rgba(255, 80, 80, 0.35);\n        }\n    }\n\n    .ad-foot {\n        display: flex;\n        gap: 6px;\n        padding: 8px;\n        border-top: 1px solid rgba(255, 255, 255, 0.07);\n    }\n\n    .ad-btn {\n        flex: 1 1 auto;\n        padding: 5px 8px;\n        border: 1px solid rgba(255, 255, 255, 0.12);\n        border-radius: 4px;\n        background: transparent;\n        color: rgba(255, 255, 255, 0.6);\n        font-size: 11px;\n        cursor: pointer;\n\n        &:hover {\n            background: rgba(255, 255, 255, 0.08);\n            color: #fff;\n        }\n    }\n}\n\n// 우클릭 상태 메뉴\n.ad-menu {\n    position: fixed;\n    z-index: 10000;\n    min-width: 130px;\n    padding: 4px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    background: #262a31;\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\n    font-size: 12px;\n    user-select: none;\n\n    .ad-menu-item {\n        padding: 6px 10px;\n        border-radius: 4px;\n        color: rgba(255, 255, 255, 0.75);\n        cursor: pointer;\n\n        &:hover {\n            background: rgba(255, 255, 255, 0.1);\n            color: #fff;\n        }\n    }\n}\n\n// AgentDeck 이 켜져 있을 때만 순정 탭바를 감춘다 (사이드바가 그 역할을 대신함)\nbody.agentdeck-active {\n    .content.main > .tab-bar {\n        display: none !important;\n    }\n\n    .window {\n        display: flex;\n        flex-direction: row;\n        // 4:3 터미널 왼쪽에 남는 여백이 밝은 기본 배경으로 튀지 않게 한다\n        // (--ad-panel-bg 가 있으면 배경 이미지가 이 여백으로도 비친다)\n        background: var(--ad-panel-bg, var(--bs-body-bg, #1e2127));\n    }\n}\n"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./src/styles.scss"],"names":[],"mappings":"AAMA;EACI,kCAAA;EACA,gCAAA;EACA,sBAAA;EACA,uBAAA;EACA,oCAAA;EACA,sCAAA;AALJ;;AAQA;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,gBAAA;EAEA,0DAAA;EACA,eAAA;EACA,iBAAA;EACA,2BAAA;AAPJ;AAUI;EAAkB,gDAAA;AAPtB;AAQI;EAAiB,iDAAA;AALrB;AAMI;EAAgB,kDAAA;AAHpB;AAII;EAAmB,+CAAA;AADvB;AAMQ;EACI,aAAA;EACA,eAAA;EACA,yBAAA;EACA,UAAA;EACA,gBAAA;AAJZ;AAOQ;EACI,eAAA;AALZ;AASI;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,sBAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,+BAAA;EAEA,2BAAA;EACA,YAAA;AARR;AAUQ;EACI,gBAAA;AARZ;AAaI;EACI,kBAAA;EACA,UAAA;EACA,uBAAA;EACA,iCAAA;AAXR;AAaQ;EAEI,mCAAA;AAZZ;AAgBI;;EAEI,MAAA;EACA,SAAA;EACA,UAAA;EACA,kBAAA;AAdR;AAiBI;EAAmB,OAAA;AAdvB;AAeI;EAAkB,QAAA;AAZtB;AAcI;;EAEI,OAAA;EACA,QAAA;EACA,WAAA;EACA,kBAAA;AAZR;AAeI;EAAoB,MAAA;AAZxB;AAaI;EAAiB,SAAA;AAVrB;AAYI;EACI,2BAAA;EACA,gBAAA;EACA,kBAAA;EACA,qCAAA;EACA,gCAAA;AAVR;AAcI;EACI,cAAA;EACA,gBAAA;EACA,kBAAA;EACA,oBAAA;AAZR;AAcQ;EACI,UAAA;AAZZ;AAeQ;EACI,qCAAA;EACA,kBAAA;AAbZ;AAeY;EACI,qCAAA;AAbhB;AAkBI;EACI,kBAAA;EACA,aAAA;EACA,oBAAA;EACA,QAAA;EACA,kBAAA;EACA,sBAAA;EACA,kBAAA;EACA,eAAA;EACA,gCAAA;AAhBR;AAkBQ;EACI,qCAAA;AAhBZ;AAkBY;EACI,aAAA;AAhBhB;AAoBQ;EACI,oCAAA;AAlBZ;AAoBY;EACI,WAAA;AAlBhB;AAwBI;EACI,aAAA;EACA,kBAAA;EACA,oCAAA;AAtBR;AAyBI;EACI,cAAA;EACA,YAAA;AAvBR;AA0BI;EACI,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,gCAAA;EACA,iBAAA;EACA,iBAAA;AAxBR;AA2BI;EACI,aAAA;EACA,mBAAA;EACA,QAAA;EACA,eAAA;EACA,iBAAA;EACA,gBAAA;EACA,gCAAA;AAzBR;AA4BI;EACI,cAAA;EACA,+BAAA;EACA,gBAAA;AA1BR;AA6BQ;EACI,iCAAA;EACA,0BAAA;AA3BZ;AAgCI;EACI,aAAA;EACA,mBAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;AA9BR;AAiCI;EACI,cAAA;EACA,gBAAA;EACA,uBAAA;EACA,mBAAA;EACA,+BAAA;AA/BR;AAkCQ;EACI,gCAAA;AAhCZ;AAoCI;EACI,cAAA;EACA,iBAAA;EACA,kCAAA;EACA,aAAA;AAlCR;AAqCI;EACI,cAAA;EACA,YAAA;EACA,cAAA;EACA,2CAAA;EACA,kBAAA;EACA,+BAAA;EACA,WAAA;EACA,iBAAA;EACA,aAAA;AAnCR;AAqCQ;EACI,sCAAA;AAnCZ;AAuCI;EACI,cAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,kBAAA;EACA,UAAA;EACA,uBAAA;EACA,+BAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;EACA,mDAAA;AArCR;AAuCQ;EACI,qBAAA;EACA,mCAAA;AArCZ;AAyCI;EACI,aAAA;EACA,QAAA;EACA,YAAA;EACA,+CAAA;AAvCR;AA0CI;EACI,cAAA;EACA,gBAAA;EACA,2CAAA;EACA,kBAAA;EACA,uBAAA;EACA,+BAAA;EACA,eAAA;EACA,eAAA;AAxCR;AA0CQ;EACI,qCAAA;EACA,WAAA;AAxCZ;AA6CI;EACI,cAAA;EACA,eAAA;EACA,eAAA;EACA,cAAA;AA3CR;;AAgDA;EACI,eAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;EACA,2CAAA;EACA,kBAAA;EACA,mBAAA;EACA,yCAAA;EACA,eAAA;EACA,iBAAA;AA7CJ;AA+CI;EACI,iBAAA;EACA,kBAAA;EACA,gCAAA;EACA,eAAA;AA7CR;AA+CQ;EACI,oCAAA;EACA,WAAA;AA7CZ;;AAmDA;EACI,eAAA;EACA,QAAA;EACA,aAAA;EAEA,oBAAA;AAjDJ;;AAqDA;EACI,eAAA;EACA,aAAA;EACA,yCAAA;EACA,oCAAA;EACA,4CAAA;EACA,gFAAA;AAlDJ;;AAsDA;EACI,eAAA;EACA,WAAA;EACA,YAAA;EACA,uBAAA;EACA,2CAAA;EACA,kBAAA;EACA,kCAAA;EACA,0CAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;AAnDJ;AAqDI;EACI,WAAA;EACA,YAAA;EACA,2CAAA;EACA,kBAAA;AAnDR;AAsDI;EACI,sCAAA;EACA,oCAAA;AApDR;AAwDI;EAAoC,+CAAA;AArDxC;AAsDI;EAAqC,gDAAA;AAnDzC;AAoDI;EAAmC,8CAAA;AAjDvC;AAkDI;EAAsC,iDAAA;AA/C1C;;AAmDA;EACI,eAAA;AAhDJ;AAkDI;EACI,oBAAA;AAhDR;;AAsDI;EACI,wBAAA;AAnDR;AAsDI;EACI,aAAA;EACA,mBAAA;EAEA,kBAAA;EAGA,0DAAA;AAvDR","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        .ad-tab {\r\n            flex: 0 0 220px;\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    .ad-head-count {\r\n        -webkit-app-region: no-drag;\r\n        padding: 1px 6px;\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    }\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\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    .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        flex: 0 0 auto;\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    // 두 번째 줄 — 마지막으로 보낸 프롬프트\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        flex: 0 0 auto;\r\n        min-width: 28px;\r\n        font-size: 13px;\r\n        line-height: 1;\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// 경계선을 끄는 동안에는 터미널이 커서를 뺏지 않게 한다\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"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -700,6 +845,164 @@ const STATUS_STYLES = {
 };
 
 
+/***/ },
+
+/***/ "./src/claudeHooks.ts"
+/*!****************************!*\
+  !*** ./src/claudeHooks.ts ***!
+  \****************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   claudeSettingsPath: () => (/* binding */ claudeSettingsPath),
+/* harmony export */   hooksInstalled: () => (/* binding */ hooksInstalled),
+/* harmony export */   hooksSupported: () => (/* binding */ hooksSupported),
+/* harmony export */   installHooks: () => (/* binding */ installHooks),
+/* harmony export */   isMerged: () => (/* binding */ isMerged),
+/* harmony export */   mergeHooks: () => (/* binding */ mergeHooks),
+/* harmony export */   notifyScriptPath: () => (/* binding */ notifyScriptPath),
+/* harmony export */   stripHooks: () => (/* binding */ stripHooks),
+/* harmony export */   uninstallHooks: () => (/* binding */ uninstallHooks)
+/* 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 path__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! path */ "path");
+/* harmony import */ var path__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+/**
+ * Claude Code 상태 통보 훅을 사용자의 Claude 설정에 등록/해제한다.
+ *
+ * 왜 플러그인이 남의 설정 파일을 만지나 — 훅은 Claude Code 쪽 설정(`~/.claude/settings.json`)에
+ * 있어야 하고, npm 으로 배포되는 Tabby 플러그인은 그 파일에 손댈 방법이 달리 없다.
+ * 그래서 "설치할지" 를 사용자가 설정 창에서 직접 고르게 하고, 고른 순간에만 쓴다.
+ * 쓰기 전에 항상 백업을 남기고, 남의 훅은 건드리지 않는다.
+ *
+ * 훅이 있으면 상태 판정이 정확해진다. 에이전트가 "지시를 받았다 / 승인을 기다린다 / 끝났다" 를
+ * 직접 알려주기 때문이다. 훅이 없으면 화면에 그려진 글자로 추측하는 폴백(detect.ts)이 도는데,
+ * 그건 TUI 가 화면을 어떻게 그리는지에 기대는 만큼 흔들린다.
+ */
+/** 우리 훅인지 알아보는 표식 — 파일 이름이 그대로 명령줄에 들어간다 */
+const MARK = 'agentdeck-notify';
+/**
+ * 어떤 순간에 무엇을 보고할지.
+ *
+ * **상태만 보낸다 — 작업 이름은 여기서 보내지 않는다.** 라벨은 플러그인이 Enter 시점에
+ * 입력창을 읽어 매번 갱신하는 경로(`claimEnterLabel`)가 전담한다. 예전에는 여기에
+ * `-PromptAsLabel` 이 붙어 있었는데, 훅이 상태 파일의 직전 라벨을 도로 써 넣는 바람에
+ * 플러그인이 방금 넣은 최신 프롬프트를 옛 값으로 되돌렸다 (2026-09-01 실측).
+ */
+const PLAN = [
+    // 지시를 받았다
+    { event: 'UserPromptSubmit', args: '-Status running' },
+    // 승인을 기다린다
+    { event: 'Notification', args: '-Status waiting' },
+    // 답이 끝났다
+    { event: 'Stop', args: '-Status done' },
+];
+function claudeSettingsPath() {
+    return path__WEBPACK_IMPORTED_MODULE_2__.join(os__WEBPACK_IMPORTED_MODULE_1__.homedir(), '.claude', 'settings.json');
+}
+/** 훅 스크립트의 실제 경로. dist/index.js 기준으로 한 단계 위가 패키지 뿌리다 */
+function notifyScriptPath() {
+    return path__WEBPACK_IMPORTED_MODULE_2__.join(__dirname, '..', 'hooks', 'agentdeck-notify.ps1');
+}
+/** 이 환경에서 훅을 걸 수 있나 — 통보 스크립트가 PowerShell 이라 Windows 전용이다 */
+function hooksSupported() {
+    return process.platform === 'win32' && fs__WEBPACK_IMPORTED_MODULE_0__.existsSync(notifyScriptPath());
+}
+function readSettings() {
+    try {
+        const raw = fs__WEBPACK_IMPORTED_MODULE_0__.readFileSync(claudeSettingsPath(), 'utf8');
+        return raw.trim() ? JSON.parse(raw) : {};
+    }
+    catch {
+        // 파일이 없거나 아직 JSON 이 아니다 — 새로 만드는 것으로 본다
+        return {};
+    }
+}
+/** 이 이벤트에 걸린 훅 중 우리 것이 아닌 것만 남긴다 */
+function withoutOurs(entries) {
+    return (Array.isArray(entries) ? entries : [])
+        .filter(e => !JSON.stringify(e !== null && e !== void 0 ? e : '').includes(MARK));
+}
+/**
+ * 우리 훅이 세 이벤트에 모두 걸려 있나 — 파일을 읽지 않는 순수 판정.
+ * 파일 접근과 분리해 둔 이유는 이 판단을 테스트로 묶어 두기 위해서다.
+ */
+function isMerged(settings) {
+    var _a;
+    const hooks = (_a = settings === null || settings === void 0 ? void 0 : settings.hooks) !== null && _a !== void 0 ? _a : {};
+    return PLAN.every(p => {
+        const entries = Array.isArray(hooks[p.event]) ? hooks[p.event] : [];
+        return entries.some((e) => JSON.stringify(e !== null && e !== void 0 ? e : '').includes(MARK));
+    });
+}
+/**
+ * 설정 객체에 우리 훅을 더한 새 객체를 돌려준다 (원본은 건드리지 않는다).
+ * 이미 우리 것이 있으면 명령줄만 지금 경로로 갈아끼우고, 남이 걸어 둔 훅은 그대로 둔다.
+ */
+function mergeHooks(settings, script) {
+    var _a;
+    const next = { ...(settings !== null && settings !== void 0 ? settings : {}) };
+    next.hooks = { ...((_a = next.hooks) !== null && _a !== void 0 ? _a : {}) };
+    for (const p of PLAN) {
+        const command = `powershell -NoProfile -ExecutionPolicy Bypass -File "${script}" ${p.args}`;
+        next.hooks[p.event] = [
+            ...withoutOurs(next.hooks[p.event]),
+            { matcher: '*', hooks: [{ type: 'command', command, timeout: 5 }] },
+        ];
+    }
+    return next;
+}
+/** 우리 훅만 걷어낸 새 객체. 비어 버린 이벤트 키는 지워서 설정을 깨끗하게 남긴다 */
+function stripHooks(settings) {
+    const next = { ...(settings !== null && settings !== void 0 ? settings : {}) };
+    if (!next.hooks) {
+        return next;
+    }
+    next.hooks = { ...next.hooks };
+    for (const p of PLAN) {
+        const kept = withoutOurs(next.hooks[p.event]);
+        if (kept.length) {
+            next.hooks[p.event] = kept;
+        }
+        else {
+            delete next.hooks[p.event];
+        }
+    }
+    return next;
+}
+function hooksInstalled() {
+    return isMerged(readSettings());
+}
+/** 훅을 등록한다 */
+function installHooks() {
+    const script = notifyScriptPath();
+    if (!fs__WEBPACK_IMPORTED_MODULE_0__.existsSync(script)) {
+        throw new Error(`훅 스크립트를 찾지 못했다: ${script}`);
+    }
+    writeSettings(mergeHooks(readSettings(), script));
+}
+/** 훅을 뗀다 */
+function uninstallHooks() {
+    writeSettings(stripHooks(readSettings()));
+}
+function writeSettings(settings) {
+    const file = claudeSettingsPath();
+    fs__WEBPACK_IMPORTED_MODULE_0__.mkdirSync(path__WEBPACK_IMPORTED_MODULE_2__.dirname(file), { recursive: true });
+    // 남의 설정을 고치는 일이라 되돌릴 수 있게 한 벌 남긴다
+    if (fs__WEBPACK_IMPORTED_MODULE_0__.existsSync(file)) {
+        fs__WEBPACK_IMPORTED_MODULE_0__.copyFileSync(file, file + '.agentdeck-backup');
+    }
+    fs__WEBPACK_IMPORTED_MODULE_0__.writeFileSync(file, JSON.stringify(settings, null, 2) + '\n', 'utf8');
+}
+
+
 /***/ },
 
 /***/ "./src/config.ts"
@@ -710,11 +1013,31 @@ const STATUS_STYLES = {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AgentDeckConfigProvider: () => (/* binding */ AgentDeckConfigProvider)
+/* harmony export */   AgentDeckConfigProvider: () => (/* binding */ AgentDeckConfigProvider),
+/* harmony export */   LAYOUT_DEFAULTS: () => (/* binding */ LAYOUT_DEFAULTS)
 /* harmony export */ });
 /* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tabby-core */ "tabby-core");
 /* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_0__);
 
+/**
+ * 마우스로 만진 배치만 따로 모아 둔다 — 설정 탭의 "배치 초기화" 가 이 값으로 되돌린다.
+ * 기본값 정의와 초기화 대상이 어긋나지 않도록 아래 defaults 도 이걸 펼쳐 쓴다.
+ */
+const LAYOUT_DEFAULTS = {
+    /**
+     * 사이드바가 붙는 방향. 헤더를 잡고 창 가장자리로 끌어다 놓으면 바뀐다.
+     * 'left' | 'right' | 'top' | 'bottom'
+     */
+    sidebarDock: 'right',
+    /**
+     * 좌/우 도킹일 때의 사이드바 폭 (px). 0 이면 자동 —
+     * 화면비(aspectW:aspectH)로 터미널 폭을 역산하고 남는 만큼을 사이드바가 갖는다.
+     * 경계선을 드래그하는 순간 그 폭이 여기 박히고, 그 뒤로는 자동 계산을 쓰지 않는다.
+     */
+    sidebarWidth: 0,
+    /** 상/하 도킹일 때의 사이드바 높이 (px). 경계선 드래그로 바뀐다 */
+    sidebarHeight: 200,
+};
 /** @hidden */
 class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.ConfigProvider {
     constructor() {
@@ -733,6 +1056,8 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                  */
                 sidebarMin: 200,
                 sidebarMax: 560,
+                // 마우스로 만지는 배치 (도킹 방향 / 폭 / 높이) — 정의는 LAYOUT_DEFAULTS 에 있다
+                ...LAYOUT_DEFAULTS,
                 /**
                  * 훅이 상태를 밀어 넣는 TCP 채널의 포트 (127.0.0.1 전용).
                  *
@@ -745,11 +1070,20 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                 /**
                  * 외부 통보 채널(TCP + 상태 파일 폴링)을 열지.
                  *
-                 * 기본은 꺼 둔다 — 라벨은 Enter 시점 입력창에서(`enterAsLabel`), 상태는 출력 패턴에서
-                 * 플러그인이 스스로 얻으므로 바깥에서 밀어 넣어 줄 것이 없다. 켜 두면 쓰지도 않는
-                 * 400ms 폴링과 포트 점유만 남는다. 외부 도구가 상태를 직접 보고하고 싶을 때만 켠다.
+                 * 기본으로 켠다. 에이전트 훅이 보내 주는 상태가 가장 정확한 원천이기 때문이다 —
+                 * 출력 패턴으로 추측하는 경로(detect.ts)는 훅이 없는 환경을 위한 폴백일 뿐이고,
+                 * TUI 가 화면을 어떻게 그리는지에 기대는 만큼 판정이 흔들린다
+                 * (2026-09-01: Claude Code 가 놀 때도 상태줄을 매초 갱신해 진행중이 안 풀렸다).
+                 * 훅을 안 쓰더라도 비용은 유휴 포트 하나와 400ms 폴링뿐이다.
+                 */
+                notifyChannel: true,
+                /**
+                 * 훅 설치 안내를 다시 띄우지 않는다.
+                 *
+                 * 기동할 때 훅이 안 걸려 있으면 한 번 물어보는데, "다시 묻지 않기" 를 고르면 켜진다.
+                 * 설정 창의 설치 버튼은 이 값과 무관하게 언제든 쓸 수 있다.
                  */
-                notifyChannel: false,
+                hookPromptDismissed: false,
                 /** PTY 출력이 이 시간(ms) 이상 없으면 running -> idle */
                 idleAfterMs: 2500,
                 /** 출력 패턴으로 상태를 자동 추론할지 */
@@ -765,15 +1099,8 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                  * (사이드바 DOM 갱신뿐이라 미미하다).
                  */
                 keepRenderingWhenHidden: true,
-                /**
-                 * 사이드바의 제목 줄에 탭 제목 대신 작업 라벨을 쓴다.
-                 * Claude Code 는 세션 시작 때 붙인 콘솔 제목을 계속 들고 있어서 다음 작업으로
-                 * 넘어가도 안 바뀐다(2026-08-28 실측) — 제목만 보여주면 사이드바가 옛 작업 이름에
-                 * 박혀 있게 된다. 라벨이 없는 탭은 그대로 제목을 보여준다.
-                 * Tabby 의 탭 제목 자체(customTitle)는 건드리지 않는다 — 앱이 넣는 제목을
-                 * 가리지 않아야 그게 갱신되는지 계속 관측할 수 있다.
-                 */
-                labelAsTitle: true,
+                // labelAsTitle 은 없앴다 — 사이드바가 제목/프롬프트/상태를 각자 줄에 보여주게 되면서
+                // (deck.service renderTab) 둘 중 하나를 고를 이유가 사라졌다.
                 /**
                  * Enter 로 프롬프트를 보낼 때 그 원문을 작업 라벨로 삼는다 (claimEnterLabel 주석 참고).
                  * 훅도 콘솔 제목도 못 믿는 배포 환경에서 라벨을 최신으로 유지하는 유일한 경로다.
@@ -837,18 +1164,115 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                 /** 사이드바 배경 불투명도 (%). 터미널과 같은 이유로 배경 이미지가 비치게 한다 */
                 sidebarOpacity: 75,
                 /**
-                 * 새 탭에서 첫 화면이 깨질 때, 세션이 열린 뒤 이 시간(ms)에 pty 크기를 한 번 흔든다.
-                 * 0 이면 끄기. 자세한 이유는 deck.service 의 kickPtySize 주석 참고
+                 * tabby-background 의 배경 이미지를 **터미널 영역(`.content.main`) 안에만** 그린다.
+                 *
+                 * 그 플러그인은 이미지를 `.content-tab-active::before` 에 `position:fixed; 100%x100%`
+                 * 로 깔아 창 전체를 덮으므로, 사이드바가 반투명이면 이미지가 사이드바 밑까지 비친다
+                 * (2026-09-02 유저 지적: "배경이 agentdeck 사이드바를 침범한다").
+                 * true 면 relayout 때마다 터미널 영역 좌표를 CSS 변수(`--ad-bg-*`)로 내려
+                 * 그 레이어의 위치·크기를 터미널 영역으로 잘라 붙인다. false 면 순정(창 전체).
+                 */
+                clipBackgroundToTerminal: true,
+                // 크기 보정 설정(`sizeWatchMs` / `sizeWatchIntervalMs` / `redrawKickMs` /
+                // `startupWindowKickMs`)은 그 장치들과 함께 폐지했다 (2026-09-02).
+                // 줄맞춤은 Tabby 순정이 한다 — xterm `ResizeObserver` → `fitAddon.fit()` →
+                // `session.resize()`. agentdeck 은 폭만 정해 `.content.main` 에 적는다.
+                // 자세한 경위는 `deck.service.ts` 의 relayout 주석 참고.
+                /**
+                 * 화면 복구(사이드바 `↻` / `agentdeck-repair` 핫키)가 **스크롤백까지 지우고**
+                 * 터미널 상태를 초기화한다(`xterm.reset()`).
+                 *
+                 * true 인 이유: 깨진 화면에는 옛 폭으로 그려진 잔상이 셀에 남아 있는데, 앱이 다시
+                 * 그려도 자기가 쓰는 자리만 덮으므로 그 바깥은 지워지지 않는다. 지난 대화를 남기고
+                 * 싶으면 false — 그때는 크기 정합 + 흔들기까지만 한다(그것만으로는 안 고쳐지는
+                 * 경우가 있다, 2026-09-01 확인).
+                 */
+                /**
+                 * 화면이 깨졌는지 **주기적으로 직접 보고**, 깨졌으면 조용히 복구한다.
+                 *
+                 * 이게 필요한 이유 — 크기 감시(`sizeWatchMs`)는 "우리가 pty 에 보낸 값" 과
+                 * "xterm 이 가진 값" 을 비교한다. 그런데 세션이 막 열린 직후의 `session.resize()` 는
+                 * **pty 에 도달하지 못하고 유실된다**(2026-09-01 실측: 진단 로그에
+                 * `pty resize 254x78 -> 280x78` 을 찍고 `pane.size` 도 280 으로 남겼는데,
+                 * 같은 탭에서 셸에 물어보니 `PTYW=254 xtermCols=280`). 보낸 값을 낙관적으로
+                 * 기록하기 때문에 감시는 "이제 맞다" 고 보고 손을 뗀다. 그 뒤에 뜨는 TUI 는
+                 * 254 폭으로 그리고, 오른쪽 26칸에는 옛 프레임(`Try "how do I …"` 힌트)이 남는다.
+                 *
+                 * 그래서 판정 기준을 **화면 자체**로 바꾼다. 입력창 테두리 길이가 화면 폭과 다르거나,
+                 * 가로선과 입력 텍스트가 한 줄에 섞였거나, 입력창 머리가 둘 보이면 깨진 것이다
+                 * (`screen.ts` 의 `judgeScreen` — 정상/깨짐 실측 케이스로 유닛 테스트가 걸려 있다).
+                 * 원인이 무엇이든 결과를 보고 고치므로, 원인 하나를 쫓다 다른 것이 깨지는 일이 없다.
+                 */
+                /**
+                 * **다시 켬 (2026-09-02).** 껐던 근거가 오진이었다.
+                 *
+                 * 껐을 때의 이유는 "Claude Code 는 테두리를 `cols - 1` 로 그리는데 판정이
+                 * `== cols` 를 정상으로 봐서 멀쩡한 화면을 깨짐으로 친다" 였다. **그 전제가 틀렸다.**
+                 * 격리 인스턴스에서 실물 claude 를 띄워 xterm 버퍼를 직접 덤프해 보니
+                 * (2026-09-02, cols=271):
+                 *
+                 *   71 len=271 wrap=0 "────…"   ← 테두리는 cols 를 꽉 채운다
+                 *   72 len=2   wrap=1 "❯ "      ← 꽉 찼기 때문에 autowrap 으로 넘어온 행이다
+                 *   73 len=271 wrap=0 "────…"
+                 *
+                 * 즉 `len == cols` 가 정상이고, `len == cols - 1` 은 **앱이 폭을 1 작게 알고 있는**
+                 * 진짜 깨짐이다. 그때는 테두리가 폭을 못 채워 autowrap 이 안 걸리므로 `❯` 가
+                 * 윗줄에 붙어버리고 **입력행이 통째로 사라진다**(항목 25 의 ④ 증상이 이것이다).
+                 * 껐던 탓에 실사용에서 깨져도 아무도 고치지 않고 방치됐다.
+                 *
+                 * 예전 자동복구가 화면을 흔들어 놓은 진짜 이유는 판정이 아니라 **조건이 없어서**였다.
+                 * 프레임을 그리는 도중을 한 번 잡아도 바로 복구를 때렸다. 그래서 이번에는
+                 * `autoRepairMinStreak` 로 "몇 초 넘게 깨진 채로 있을 때만" 손대게 한다.
                  */
-                redrawKickMs: 900,
                 /**
-                 * 기동 후 이 시간(ms)에 **창을 복원→최대화로 한 번 흔든다**. 0 이면 끄기.
+                 * **다시 끔 (2026-09-02, 실사용 실측 4/4 실패).** 위 판정 근거는 여전히 맞지만
+                 * **복구 수단이 이 유형에 안 듣는다.** 실사용 로그 06:02:27~06:03:12 —
+                 * `redraw nudge 277x78` → `pty resize 276x78 -> 277x78` → `Ctrl+L` 을 다 보내고도
+                 * 네 번 모두 `auto-after 아직 깨짐 rule@73 len=276 != cols=277`.
+                 * 그동안 10초마다 화면이 흔들려 유저 체감만 나빠졌다("최대화됐다 다시 깨지네").
                  *
-                 * pty 크기 흔들기(redrawKickMs)가 놓치는 경우를 위한 최종 보험이다. 사용자가 손으로
-                 * 하던 바로 그 동작이고, OS 가 진짜 SIGWINCH 를 두 번 내므로 TUI 가 반드시 다시 그린다.
-                 * 창이 최대화 상태일 때만 동작한다 — 아니면 창 상태를 멋대로 바꾸게 되므로.
+                 * 격리에서 한 번에 복구됐던 건 `session.resize(cols-1)` 로 **pty 를 직접 좁혀** 만든
+                 * 표본이라, 흔들기가 되돌릴 대상이 실제로 있었다. 실사용은 pty 가 이미 277 로 맞고
+                 * **앱만 276** 이라 되돌릴 것이 없다 — 항목 27 이 이 유형을 정확히 짚었던 것이고,
+                 * 항목 28 의 반전은 그 표본에는 해당하지 않았다.
+                 * 되살리려면 "앱이 pty 폭을 다시 읽게 만드는" 수단부터 찾을 것. 감지·채증(`screenWatch`)은 계속 돈다.
+                 */
+                autoRepairScreen: false,
+                /**
+                 * 화면을 **보고 기록만** 한다 (복구는 하지 않는다).
+                 *
+                 * `autoRepairScreen` 을 끄면서 감지·채증까지 같이 꺼진 게 문제였다 —
+                 * 실사용에서 깨져도 `~/.agentdeck-screen.log` 에 한 줄도 안 남아,
+                 * "고쳤다고 했는데 또 깨진다" 를 확인할 증거가 없었다
+                 * (2026-09-02 실측: Tabby 재시작 11:21 이후 기록 0줄, 그 사이 화면은 깨져 있었다).
+                 * 그래서 **관측과 조치를 분리한다.** 이 값이 켜져 있으면 깨짐을 판정해
+                 * 화면 원문을 남기기만 하고 키는 쏘지 않는다 — 부작용이 없으니 기본으로 켠다.
+                 */
+                screenWatch: true,
+                /** 자동 복구를 한 번 한 뒤 이만큼은 다시 하지 않는다 (ms) */
+                autoRepairCooldownMs: 10000,
+                /**
+                 * 깨짐이 이만큼 **연속으로** 보여야 복구한다 (화면 검사는 2초 그물이므로 2 면 2초 이상).
+                 * TUI 는 한 프레임을 여러 번의 write 로 그리므로 그 도중을 읽으면 멀쩡한 화면도
+                 * 한 번은 깨져 보인다 — 그 중간 프레임에 키를 쏘지 않기 위한 조건이다.
+                 */
+                autoRepairMinStreak: 2,
+                /**
+                 * 한 탭에서 자동 복구를 최대 몇 번까지 할지. 판정이 오탐이거나 앱이 정말
+                 * 그렇게 그리는 경우에 무한히 흔드는 것을 막는 안전장치다. 0 이면 무제한.
+                 */
+                autoRepairMaxPerTab: 3,
+                /**
+                 * 복구 때 `xterm.reset()` 까지 한다 — **스크롤백(지난 대화)이 날아간다.**
+                 * 기본은 끔. 잔상은 `clearInputArea`(화면만 비우고 스크롤백은 보존)로 지우므로
+                 * 여기까지 갈 일이 거의 없다. 그걸로도 안 풀리는 화면을 만나면 그때 켠다.
+                 */
+                repairHard: false,
+                /**
+                 * 복구 마지막에 `Ctrl+L`(0x0C)을 보내 TUI 에게 전체 재렌더를 시킨다.
+                 * 입력 중이던 글자는 유지된다. 이걸 다른 뜻으로 쓰는 앱을 만나면 끈다.
                  */
-                startupWindowKickMs: 1500,
+                repairSendRedrawKey: true,
                 /**
                  * 작업 루트 전용 프로필을 만들고 기본 프로필로 삼는다.
                  *
@@ -877,8 +1301,6 @@ class AgentDeckConfigProvider extends tabby_core__WEBPACK_IMPORTED_MODULE_0__.Co
                     COLORTERM: 'truecolor',
                     FORCE_COLOR: '3',
                 },
-                /** true 면 탭마다 UAC 승격 (Tabby 자체를 관리자로 띄웠다면 불필요) */
-                rootProfileAdmin: false,
                 /** 기본 프로필 지정을 이미 했는지 — 사용자 선택을 매번 덮어쓰지 않기 위한 플래그 */
                 rootProfileClaimed: false,
             },
@@ -928,6 +1350,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _detect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./detect */ "./src/detect.ts");
 /* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./api */ "./src/api.ts");
 /* harmony import */ var _prompt__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./prompt */ "./src/prompt.ts");
+/* harmony import */ var _screen__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./screen */ "./src/screen.ts");
+/* harmony import */ var _dock__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./dock */ "./src/dock.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);
@@ -947,16 +1371,18 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
+
+
 const SIDEBAR_ID = 'agentdeck-sidebar';
 const BODY_CLASS = 'agentdeck-active';
-/** pty 흔들기 재시도 간격/횟수 — 첫 기동 때 셸이 늦게 열리는 구간을 덮는다 (최대 약 6초) */
-const KICK_RETRY_MS = 400;
-const KICK_RETRY_MAX = 15;
-/**
- * 기동 직후 이 시간(ms) 안에 `.content.main` 폭이 실제로 바뀌면 그때 열려 있던 pane 을 다시 흔든다.
- * 첫 흔들기가 폭 변경보다 먼저 끝나버리면 TUI 는 다시 옛 폭 화면으로 남기 때문이다.
- */
-const KICK_REARM_MS = 8000;
+/** 배경 이미지 레이어를 터미널 영역으로 자르는 중일 때 body 에 붙는 클래스 (styles.scss 참조) */
+const BG_CLIP_CLASS = 'ad-bg-clip';
+/** 터미널이 이보다 좁아지거나 낮아지지 않게 막는다 — 드래그로 사이드바를 끝까지 밀어도 */
+const MIN_TERM_W = 320;
+const MIN_TERM_H = 160;
+/** 사이드바가 이보다 작아지면 목록을 읽을 수 없다 — 드래그로도 이 밑으로는 안 내려간다 */
+const MIN_SIDEBAR_W = 140;
+const MIN_SIDEBAR_H = 90;
 /** Ctrl+V 를 눌렀을 때 xterm 의 네이티브 paste 가 오는지 기다려보는 시간 */
 const PASTE_NATIVE_WAIT_MS = 60;
 /**
@@ -971,8 +1397,56 @@ const PASTE_DEDUPE_MS = 80;
 const PASTE_PROBE_MS = 5000;
 /** 입력창을 찾으려고 화면 아래에서 훑어 올라갈 줄 수 — 여러 줄 프롬프트를 덮을 만큼만 */
 const PROMPT_SCAN_ROWS = 14;
+/**
+ * 복구할 때 Ctrl+L 을 보내기까지 기다리는 시간.
+ * 앞선 흔들기(`nudgePtyRedraw`)가 60ms 뒤에 폭을 되돌리므로, 앱이 그 두 번째 SIGWINCH 로
+ * 새 폭을 받아들인 다음에 "다시 그려라" 가 도착해야 한다. 순서가 뒤집히면 옛 폭으로 다시 그린다.
+ */
+const REPAIR_REDRAW_DELAY_MS = 180;
+/** 복구 뒤 화면을 다시 재는 시각 — 앱이 새 프레임을 다 그릴 만큼은 기다린다 */
+const SNAP_AFTER_MS = 1500;
 /** 진단 로그 — devtools 를 못 여는 상황에서도 밖에서 읽을 수 있게 파일로 남긴다 */
+/**
+ * 화면 깨짐 검사를 출력이 멈춘 뒤 이만큼 기다렸다 한다.
+ * TUI 가 한 프레임을 여러 번의 write 로 그리므로, 그리는 도중에 읽으면 멀쩡한 화면도 깨져 보인다.
+ */
+const SCREEN_CHECK_DEBOUNCE_MS = 700;
+/**
+ * pty 크기를 고친 뒤 같은 값을 다시 보내는 시점 (ms).
+ * 세션 초기화 직후의 resize 는 유실되므로(syncPtySize 주석) 시간을 벌려 몇 번 더 던진다.
+ */
+const PTY_RESIZE_RETRY_MS = [150, 400, 900, 1800, 3000];
+/**
+ * 탭이 열린 뒤 "지금 xterm 이 쓰는 크기" 를 pty 에 알려 주는 시점 (ms).
+ *
+ * 순정이 못 메우는 구멍이 딱 하나 남아 있다 — **새 탭.** Tabby 는 프론트엔드의 첫 `resize$`
+ * 값으로 세션을 스폰하므로(tabby-local `initializeSession(this.size…)`), 그 스냅샷이
+ * 레이아웃 확정보다 이르면 pty 만 좁게 태어난다. 그 뒤 xterm 이 넓어져도 **크기 변화
+ * 이벤트가 나지 않으므로** ResizeObserver 도 fit() 도 아무것도 보내지 않는다(fit 은 열/행이
+ * 이미 맞으면 no-op). 아무도 pty 에 알려주지 않아 그대로 굳는다.
+ *
+ * 실측(2026-09-02, 격리 인스턴스): 평범하게 연 새 탭 3개가 전부 `xterm=88 / pane.size=88`
+ * 인데 pty 는 72 였고, TUI 는 72 폭으로 그려 테두리 두 줄이 73·88 로 어긋났다.
+ * 같은 값(`session.resize(88, 39)`)을 **한 번** 보내자 즉시 정상으로 돌아왔다.
+ *
+ * 그래서 되살린 개입은 이것 하나뿐이다 — "현재 크기를 몇 번 알려준다". 흔들기(cols-1 ↔ cols)도,
+ * 250ms 감시 루프도, fit 강제도 아니다. 값이 이미 맞으면 SIGWINCH 가 나지 않아 무해하고,
+ * xterm 을 건드리지 않으므로 그리는 중인 프레임과 경쟁하지도 않는다.
+ */
+const TAB_OPEN_ANNOUNCE_MS = [250, 800, 1800];
+/** 화면 깨짐 주기 검사 간격 (ms) — 출력 구독이 없는 탭도 잡기 위한 그물 */
+const SCREEN_SWEEP_MS = 2000;
+/** 자식이 아직 없는 래퍼 탭을 다시 훑는 간격과 횟수 */
+const EMPTY_TAB_RETRY_MS = 400;
+const EMPTY_TAB_RETRY_MAX = 20;
 const DIAG_PATH = path__WEBPACK_IMPORTED_MODULE_5__.join(os__WEBPACK_IMPORTED_MODULE_4__.homedir(), '.agentdeck-diag.log');
+/**
+ * 깨진 화면의 **원문**을 남기는 곳. 진단 로그(한 줄 요약)와 따로 두는 이유 —
+ * 원인을 못 찾는 이유가 늘 "깨졌을 때의 화면을 아무도 안 봐 뒀다" 여서다.
+ * 감지 직후(before)와 복구 뒤(after)를 같이 남기므로, 다음에 깨지면 추측 없이
+ * "무엇이 깨졌나 / 복구가 실제로 고쳤나" 를 이 파일 하나로 가른다.
+ */
+const SNAP_PATH = path__WEBPACK_IMPORTED_MODULE_5__.join(os__WEBPACK_IMPORTED_MODULE_4__.homedir(), '.agentdeck-screen.log');
 let cachedClipboard;
 /**
  * Electron 의 clipboard 를 런타임에 가져온다.
@@ -1059,16 +1533,24 @@ let AgentDeckService = class AgentDeckService {
         /** 직전에 적용한 폭 — 같은 값이면 DOM 을 다시 건드리지 않는다 */
         this.lastTermW = -1;
         this.lastSidebarW = -1;
+        /** 직전에 적용한 도킹 방향 — 크기가 같아도 방향이 바뀌면 다시 그려야 한다 */
+        this.lastDock = null;
+        /** 경계선 드래그(크기)와 헤더 드래그(도킹 방향)를 맡는다 */
+        this.dock = null;
         this.refitQueued = false;
         /** 이미 감시를 건 래퍼 탭 / pane — 중복 구독 방지 */
         this.watched = new WeakSet();
         this.watchedPanes = new WeakSet();
-        /** 첫 화면 복구용 pty 흔들기를 이미 한 pane — 탭당 한 번만 한다 */
-        this.kickedPanes = new WeakSet();
-        /** setup() 시각 — 기동 직후 구간인지 판단한다 (0 이면 아직 setup 전) */
-        this.setupAt = 0;
-        /** 기동 직후 구간에 잡힌 pane 들 — 폭이 바뀌면 이들만 다시 흔든다. 구간이 지나면 비운다 */
-        this.startupPanes = [];
+        /** 화면 깨짐 검사 예약 타이머 — pane 당 하나만 돈다 */
+        this.screenCheckTimers = new WeakMap();
+        /** 빈 래퍼 탭을 다시 훑은 횟수 */
+        this.emptyTabRetries = new WeakMap();
+        /** 마지막 화면 판정 결과 — 상태가 바뀔 때만 채증하려고 들고 있는다 */
+        this.screenObs = new WeakMap();
+        /** 마지막 자동 복구 시각 — 쿨다운 판정용 */
+        this.autoRepairAt = new WeakMap();
+        /** 자동 복구 횟수 — 오탐으로 무한히 흔드는 것을 막는다 */
+        this.autoRepairCount = new WeakMap();
         /** 진단 기록 — devtools 의 `__agentdeck.kickLog` 와 DIAG_PATH 파일에 함께 남는다 */
         this.kickLog = [];
         /** diagOnce 가 이미 남긴 키 */
@@ -1132,7 +1614,6 @@ let AgentDeckService = class AgentDeckService {
         catch {
             // 진단 파일을 못 열어도 그냥 간다
         }
-        this.setupAt = Date.now();
         this.diag(`${new Date().toISOString()} setup start tabs=${this.app.tabs.length}`);
         this.buildSidebar();
         this.applyEnabled();
@@ -1181,6 +1662,10 @@ let AgentDeckService = class AgentDeckService {
             this.relayout();
             this.scheduleRender();
         });
+        // 화면 깨짐 주기 검사. 출력 구독(scheduleScreenCheck)이 더 정밀하지만, 구독이 붙지
+        // 못한 탭에서는 아무도 보지 않게 되므로 그물을 하나 더 둔다. 활성 탭만 본다 —
+        // 숨은 탭은 폭이 0 이라 판정할 근거가 없다.
+        setInterval(() => this.sweepScreens(), SCREEN_SWEEP_MS);
         // 창 크기 변화 -> 4:3 폭 재계산
         this.observer = new ResizeObserver(() => this.relayout());
         this.observer.observe(this.windowEl);
@@ -1197,10 +1682,12 @@ let AgentDeckService = class AgentDeckService {
             if (hotkey === 'agentdeck-paste') {
                 this.doPaste('hotkey');
             }
+            if (hotkey === 'agentdeck-repair') {
+                this.repair('all');
+            }
         });
         // 경과 시간 갱신 + running -> idle 자동 복귀
         setInterval(() => this.tick(), 1000);
-        this.scheduleWindowKick();
         this.relayout();
         this.render();
         this.diag(`${new Date().toISOString()} setup done tabs=${this.app.tabs.length} enabled=${this.enabled} mainEl=${!!this.mainEl}`);
@@ -1210,205 +1697,529 @@ let AgentDeckService = class AgentDeckService {
             status: this.status,
             relayout: () => this.relayout(),
             render: () => this.render(),
+            repair: (scope = 'all') => this.repair(scope),
             kickLog: this.kickLog,
         };
     }
-    // ---------- 세션 감시 ----------
+    // ---------- 화면 복구 ----------
     /**
-     * 탭(그리고 그 안의 모든 pane)의 PTY 출력을 구독한다.
+     * 깨진 화면을 사람이 직접 되살린다 — 창을 복원→최대화로 흔드는 것을 코드로 대신한다.
      *
-     * TerminalDecorator 는 프론트엔드 첫 리사이즈 시점에만 붙어서 복원된 탭 등을
-     * 놓치는 경우가 있다. 이쪽은 탭이 목록에 들어오는 즉시 붙으므로 그 빈틈을 메운다.
-     * 같은 출력을 decorator 와 둘 다 먹어도 상태 설정이 멱등이라 결과는 같다.
+     * 자동 경로(`watchSize`)는 "xterm 과 pty 의 크기가 어긋났다" 를 보고 고치는데, 그 감시는
+     * 탭이 열리고 `sizeWatchMs`(기본 6초) 동안만 돈다. 그 뒤에 깨지는 경우가 남는다 —
+     * 두 크기는 서로 맞는데 **TUI 가 들고 있는 프레임만** 옛것인 상황이다. 크기가 이미 같으니
+     * 커널은 SIGWINCH 를 내지 않고, 앱은 다시 그릴 이유를 영영 못 받는다. 증상은
+     * "statusline 이 사라지고 입력창 구분선이 중간에서 끊긴다" (2026-09-01 실측).
+     *
+     * 그래서 복구는 크기를 맞추는 것으로 끝내지 않고 **항상 한 번 흔든다**(`nudgePtyRedraw`).
+     * 어긋남이 없어도 무해하다 — 폭이 한 칸 줄었다 돌아올 뿐이고 xterm 은 건드리지 않는다.
+     *
+     * @param scope `active` = 지금 보고 있는 탭만, `all` = 열려 있는 모든 탭
      */
-    watchTab(root) {
-        const anyRoot = root;
-        if (!this.watched.has(root)) {
-            this.watched.add(root);
-            // 제목은 래퍼 탭이 자식 것을 위임받으므로 여기서 받는 게 가장 확실하다
-            if (anyRoot.titleChange$) {
-                anyRoot.titleChange$.subscribe((title) => {
-                    (0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyTitle)(this.status, root, title, this.config.store.agentDeck.autoDetect);
-                });
-            }
-            if (anyRoot.title) {
-                (0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyTitle)(this.status, root, anyRoot.title, this.config.store.agentDeck.autoDetect);
-            }
-            // 나중에 분할로 추가되는 pane 도 따라간다
-            if (anyRoot.tabAdded$) {
-                anyRoot.tabAdded$.subscribe((pane) => this.watchPane(root, pane));
-            }
-        }
-        // pane 은 래퍼보다 늦게 붙는 경우가 있으므로 호출될 때마다 다시 훑는다
-        // (래퍼만 보고 한 번에 끝내면 목록에 먼저 들어온 빈 SplitTab 을 잡고 끝나버린다)
-        const panes = typeof anyRoot.getAllTabs === 'function'
-            ? anyRoot.getAllTabs()
-            : [root];
-        this.diag(`${new Date().toISOString()} watchTab panes=${panes.length}`);
-        for (const pane of panes) {
-            this.watchPane(root, pane);
-        }
-    }
-    watchPane(root, pane) {
-        var _a;
-        if (this.watchedPanes.has(pane)) {
-            return;
-        }
-        this.watchedPanes.add(pane);
-        this.diag(`${new Date().toISOString()} watchPane ${(_a = pane.constructor) === null || _a === void 0 ? void 0 : _a.name}`);
-        if (this.setupAt && Date.now() - this.setupAt < KICK_REARM_MS) {
-            this.startupPanes.push(pane);
-        }
-        const anyPane = pane;
-        const bind = (session) => {
-            if (!session || !session.output$) {
-                return;
+    repair(scope = 'all') {
+        const targets = scope === 'active' && this.app.activeTab
+            ? [this.app.activeTab]
+            : this.app.tabs;
+        this.diag(`${new Date().toISOString()} repair scope=${scope} tabs=${targets.length}`);
+        // 1) 사이드바 폭부터 다시 잰다 — 어긋남의 출발점이 대개 여기다
+        this.relayout();
+        // 2) 레이아웃이 실제로 반영된 다음에 재야 한다 (scheduleRefit 과 같은 이유로 두 프레임)
+        requestAnimationFrame(() => requestAnimationFrame(() => {
+            for (const tab of targets) {
+                const anyTab = tab;
+                const panes = typeof anyTab.getAllTabs === 'function'
+                    ? anyTab.getAllTabs()
+                    : [tab];
+                for (const pane of panes) {
+                    this.repairPane(pane);
+                }
             }
-            session.output$.subscribe((data) => {
-                ;(0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyOutput)(this.status, root, pane, data, this.config.store.agentDeck.autoDetect);
-            });
-        };
-        bind(anyPane.session);
-        if (anyPane.sessionChanged$) {
-            anyPane.sessionChanged$.subscribe((session) => bind(session));
-        }
-        // 프론트엔드가 붙는 도중에 우리가 폭을 바꿨으면 그 변경은 유실된다
-        // (Tabby 는 attach() 맨 끝에서야 ResizeObserver 를 건다) — 준비되면 한 번 맞춰준다
-        if (anyPane.frontendReady$) {
-            anyPane.frontendReady$.subscribe(() => {
-                this.scheduleRefit();
-                this.scheduleRedrawKick(pane);
-            });
-        }
-        // frontendReady 는 replay 가 없는 맨 Subject 다 (tabby-terminal 의 `frontendReady: Subject<void>`).
-        // Tabby 를 처음 띄우면 복원된 탭의 프론트엔드가 우리 setup() 보다 먼저 붙어버려서
-        // 위 구독은 이미 지나간 이벤트를 영영 못 받는다 — 그래서 첫 기동에서만 흔들기가 빠졌다.
-        // (새 탭은 tabOpened$ 로 먼저 구독이 걸리니 정상 수신 → 새 탭만 되던 이유)
-        // 이벤트와 무관하게 항상 한 번 예약하고, 아직 준비 전이면 kickPtySize 가 재시도한다.
-        // kickedPanes WeakSet 이 있어 구독 경로와 겹쳐도 흔들기는 pane 당 한 번뿐이다.
-        this.scheduleRedrawKick(pane);
+        }));
     }
     /**
-     * 기동 직후 창을 **복원 -> 최대화**로 한 번 흔든다. 사용자가 손으로 하던 그 동작이다.
+     * 복구 한 pane 분 — **화면을 지우고 앱에게 처음부터 다시 그리게 한다.**
      *
-     * pty 크기 흔들기(kickPtySize)는 우리가 만든 가짜 SIGWINCH 라, 세션이 늦게 열리거나
-     * 폭 변경 타이밍이 어긋나면 놓칠 수 있다. 이쪽은 OS 가 진짜로 창 크기를 두 번 바꾸므로
-     * 그 아래 있는 xterm, pty, TUI 가 예외 없이 다시 그린다. 최종 보험이다.
+     * 흔들기(`nudgePtyRedraw`)만으로는 안 고쳐지는 경우가 실제로 있다(2026-09-01 유저 확인).
+     * 이유는 흔들기가 고치는 대상이 하나뿐이라서다 — 그건 "앱이 폭을 잘못 알고 있다" 를 푼다.
+     * 그런데 깨진 화면에는 그 말고도 두 가지가 더 얹혀 있다.
      *
-     * 최대화 상태일 때만 한다. 아니면 사용자의 창 상태를 멋대로 최대화해버린다.
+     *  - **xterm 쪽 잔상**: 옛 폭으로 그려진 글자가 셀에 그대로 남아 있다. 앱이 다시 그려도
+     *    앱은 자기가 쓴 자리만 덮으므로, 그 바깥(옛 프레임의 오른쪽·아래)은 영영 안 지워진다.
+     *  - **터미널 상태**: 스크롤 영역(DECSTBM)·줄바꿈 모드·속성이 옛 크기 기준으로 잡혀 있으면
+     *    새로 그린 것까지 어긋난 자리에 들어간다.
+     *
+     * 그래서 순서가 있다 — ① 크기를 맞추고 ② `reset()` 으로 터미널 상태와 화면을 비우고
+     * ③ 그래도 앱은 자기가 이미 그렸다고 믿고 있으니 흔들어 SIGWINCH 를 주고
+     * ④ 마지막으로 `Ctrl+L`(0x0C) 을 보내 "전부 다시 그려라" 를 명시로 시킨다.
+     * ③ 만으로 부족했던 이유가 ①②④ 가 빠져서였다.
+     *
+     * `reset()` 은 스크롤백을 함께 지운다. 지난 대화를 남기고 싶으면 `repairHard: false` —
+     * 그때는 예전처럼 크기 정합 + 흔들기까지만 한다.
      */
-    scheduleWindowKick() {
-        const delay = this.config.store.agentDeck.startupWindowKickMs;
-        if (!delay) {
-            this.diag(`${new Date().toISOString()} window-kick disabled startupWindowKickMs=${JSON.stringify(delay)}`);
+    repairPane(pane) {
+        var _a, _b, _c, _d, _e, _f;
+        const cfg = this.config.store.agentDeck;
+        const anyPane = pane;
+        const frontend = anyPane.frontend;
+        const xterm = frontend === null || frontend === void 0 ? void 0 : frontend.xterm;
+        // 숨겨진 탭은 컨테이너 폭이 0 이라 fit 하면 1열로 줄어든다 — 크기는 건드리지 않고
+        // 다시 선택될 때 Tabby 가 재측정하게 둔다
+        const host = (_a = xterm === null || xterm === void 0 ? void 0 : xterm.element) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!(host === null || host === void 0 ? void 0 : host.clientWidth) || !(host === null || host === void 0 ? void 0 : host.clientHeight)) {
             return;
         }
-        this.diag(`${new Date().toISOString()} window-kick scheduled +${delay}ms`);
-        setTimeout(() => {
-            let maximized = false;
+        const before = this.readScreen(pane);
+        const beforeVerdict = before ? (0,_screen__WEBPACK_IMPORTED_MODULE_10__.judgeScreen)(before.lines, before.cols) : null;
+        this.snapshot(pane, `manual-before ${beforeVerdict
+            ? (beforeVerdict.broken ? beforeVerdict.reasons.join(' / ') : '판정=정상')
+            : '읽을 수 없음'}`);
+        // ① 크기 정합 — 여기가 어긋나 있으면 뒤 단계가 전부 헛돈다
+        try {
+            (_c = (_b = frontend === null || frontend === void 0 ? void 0 : frontend.fitAddon) === null || _b === void 0 ? void 0 : _b.fit) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+        catch {
+            // 아직 붙는 중이다 — 아래 단계만이라도 태운다
+        }
+        this.syncPtySize(pane, frontend);
+        // ② 잔상 지우기 — 입력창 영역만 비운다 (대화는 남는다)
+        if (before) {
+            this.clearInputArea(pane, before);
+        }
+        // ②-b 그래도 안 되면 터미널 상태까지 초기화 (스크롤백이 날아가므로 기본은 끔)
+        if (cfg.repairHard === true) {
             try {
-                maximized = this.hostWindow.isMaximized();
+                (_d = xterm === null || xterm === void 0 ? void 0 : xterm.reset) === null || _d === void 0 ? void 0 : _d.call(xterm);
             }
             catch {
-                // 창 정보를 못 읽는 호스트(웹 빌드 등)라면 그냥 넘어간다
-            }
-            if (!maximized) {
-                this.diag(`${new Date().toISOString()} window-kick skipped (not maximized)`);
-                return;
+                // 프론트엔드가 막 떨어졌다
             }
-            this.diag(`${new Date().toISOString()} window-kick restore`);
-            this.hostWindow.toggleMaximize();
-            setTimeout(() => {
-                this.diag(`${new Date().toISOString()} window-kick maximize`);
-                this.hostWindow.toggleMaximize();
-            }, 220);
-        }, delay);
+        }
+        try {
+            (_e = xterm === null || xterm === void 0 ? void 0 : xterm.refresh) === null || _e === void 0 ? void 0 : _e.call(xterm, 0, ((_f = xterm.rows) !== null && _f !== void 0 ? _f : 1) - 1);
+        }
+        catch { }
+        // ③ 크기가 이미 맞아도 무조건 흔든다 — 이 함수를 부르는 이유 자체가 "맞는데 깨졌다" 다
+        this.nudgePtyRedraw(pane);
+        // ④ 앱에게 직접 "다시 그려라". 흔들기가 도착해 앱이 새 폭을 받은 뒤에 보내야 하므로
+        //    nudge 의 되돌리기(60ms)보다 확실히 뒤에 둔다.
+        if (cfg.repairSendRedrawKey !== false) {
+            setTimeout(() => this.sendRedrawKey(pane), REPAIR_REDRAW_DELAY_MS);
+        }
+        // ⑤ 채증 — "↻ 를 눌렀는데 안 고쳐진다" 를 감이 아니라 파일로 가른다.
+        //    누른 직후와 다시 그려진 뒤를 짝으로 남긴다.
+        setTimeout(() => {
+            const after = this.readScreen(pane);
+            const still = after ? (0,_screen__WEBPACK_IMPORTED_MODULE_10__.judgeScreen)(after.lines, after.cols) : null;
+            this.snapshot(pane, `manual-after ${still ? (still.broken ? '아직 깨짐: ' + still.reasons.join(' / ') : '복구됨') : '읽을 수 없음'}`);
+        }, SNAP_AFTER_MS);
     }
     /**
-     * 탭이 열린 직후 한 번만 pty 크기를 흔들어 TUI 가 화면 전체를 다시 그리게 한다.
-     *
-     * 왜 필요한가 — 탭이 만들어지는 동안 우리가 `.content.main` 폭을 바꾸면 그 사이에
-     * 이미 뜬 TUI(Claude Code 등)는 **옛 폭 기준으로 첫 화면을 그려 놓은 상태**가 된다.
-     * 그 뒤 refit/syncPtySize 가 크기를 맞춰도, 맞춘 값이 pty 가 이미 들고 있던 값과 같으면
-     * 커널은 SIGWINCH 를 내지 않는다 — TUI 는 "크기 안 바뀌었네" 하고 그대로 있고,
-     * 옛 폭으로 그린 입력창 프레임 잔상이 화면에 남는다 (2026-08-28 실측: 첫 한 번만 재현,
-     * 창 복원→최대화로 흔들면 즉시 정상 — 그게 SIGWINCH 를 두 번 내기 때문이다).
+     * TUI 에 "화면을 전부 다시 그려라" 를 보낸다 — `Ctrl+L`(0x0C).
      *
-     * 그래서 같은 일을 코드로 한다: 한 열 좁혔다가 곧바로 되돌린다. 두 번의 SIGWINCH 가
-     * 확실히 전달되어 TUI 가 전체 재렌더를 하고 잔상이 지워진다. 탭당 한 번뿐이라
-     * 정상 동작하던 탭에는 재렌더 1회 외에 영향이 없다.
+     * Claude Code·Codex 를 포함해 거의 모든 TUI 와 셸이 이걸 전체 재렌더로 받는다.
+     * 입력 중이던 글자는 건드리지 않는다(readline·TUI 모두 입력 버퍼는 유지하고 화면만 다시 그린다).
      */
-    scheduleRedrawKick(pane, force = false) {
-        if (!force && this.kickedPanes.has(pane)) {
+    sendRedrawKey(pane) {
+        var _a;
+        const anyPane = pane;
+        if (typeof anyPane.sendInput !== 'function' || !((_a = anyPane.session) === null || _a === void 0 ? void 0 : _a.open)) {
             return;
         }
-        const delay = this.config.store.agentDeck.redrawKickMs;
-        if (!delay) {
-            this.diag(`${new Date().toISOString()} kick disabled redrawKickMs=${JSON.stringify(delay)}`);
-            return;
+        this.diag(`${new Date().toISOString()} repair redraw-key ctrl-l`);
+        try {
+            anyPane.sendInput('\x0c');
+        }
+        catch {
+            // 세션이 막 닫혔다
         }
-        this.kickedPanes.add(pane);
-        this.diag(`${new Date().toISOString()} scheduled +${delay}ms`);
-        setTimeout(() => this.kickPtySize(pane), delay);
     }
-    kickPtySize(pane, attempt = 0) {
-        var _a, _b, _c, _d, _e;
+    /**
+     * 입력창 영역에 남은 **옛 프레임 잔상만** 지운다 (대화 = 스크롤백은 그대로 둔다).
+     *
+     * 복구가 계속 실패하던 진짜 이유가 여기 있었다 (2026-09-02 실측).
+     * `nudge` 도 `Ctrl+L` 도 하는 일은 "앱아 다시 그려라" 뿐인데, **앱은 자기가 쓰는 자리만 덮는다.**
+     * 그래서 옛 폭으로 그려진 줄이 `❯` 자리를 차지하고 있으면 아무도 그걸 못 지운다 —
+     * 채증 원문이 그 모양이었다 (`.agentdeck-screen.log` 06:02:27):
+     *
+     *   72 len=275 "        "   ← 위 테두리가 있어야 할 자리, 공백
+     *   73 len=276 "────…"      ← ❯ 자리에 옛 프레임(276) 잔상
+     *   74 len=277 "────…"      ← 앱이 새로 그린 아래 테두리(277, 정상)
+     *
+     * 앱은 이미 277 로 제대로 그리고 있는데 73 행 잔상 때문에 계속 깨짐으로 남았다.
+     * `auto-after 아직 깨짐` 이 두 번 연속 찍힌 게 이것이다.
+     *
+     * 그래서 **터미널 쪽에서 직접 지운다** — 입력창 첫 테두리 행으로 커서를 옮기고
+     * `ESC[J`(커서부터 화면 끝까지)로 비운다. 이건 화면만 비우고 스크롤백은 건드리지 않으므로
+     * `xterm.reset()`(스크롤백까지 날아감)과 다르다. 커서는 `ESC7`/`ESC8` 로 저장·복원해
+     * 앱이 들고 있는 커서 위치와 어긋나지 않게 한다. 지운 뒤 `Ctrl+L` 을 보내면 앱이
+     * 자기 UI 를 그 빈 자리에 다시 그린다.
+     */
+    clearInputArea(pane, read) {
+        var _a;
+        const xterm = (_a = pane.frontend) === null || _a === void 0 ? void 0 : _a.xterm;
+        if (!xterm || typeof xterm.write !== 'function') {
+            return false;
+        }
+        const lines = read.lines;
+        // 하단 16행 안에서만 본다 — 대화 이력에 남아 있는 옛 입력창까지 지우면 안 된다
+        const from = Math.max(0, lines.length - 16);
+        let last = -1;
+        for (let i = lines.length - 1; i >= from; i--) {
+            if (/^[─━═]{2,}$/.test(lines[i].text.trim())) {
+                last = i;
+                break;
+            }
+        }
+        if (last < 0) {
+            return false;
+        }
+        // 마지막 테두리에서 위로 최대 4행까지만 같은 입력창 블록으로 본다
+        let start = last;
+        for (let i = last - 1; i >= Math.max(from, last - 4); i--) {
+            if (/^[─━═]{2,}$/.test(lines[i].text.trim())) {
+                start = i;
+            }
+        }
+        const row = start + 1;
+        this.diag(`${new Date().toISOString()} clear input area row=${row}/${lines.length}`);
+        try {
+            xterm.write(`7[${row};1H8`);
+        }
+        catch {
+            return false;
+        }
+        return true;
+    }
+    // ---------- 화면 깨짐 자동 감지 ----------
+    /**
+     * 출력이 잠잠해지면 화면이 온전한지 본다.
+     *
+     * TUI 는 한 프레임을 여러 번의 write 로 그리므로, 그리는 도중에 읽으면 멀쩡한 화면도
+     * 깨져 보인다. 그래서 마지막 출력에서 `SCREEN_CHECK_DEBOUNCE_MS` 만큼 조용해진 뒤에만 본다.
+     */
+    scheduleScreenCheck(pane) {
+        // 감지·채증은 복구와 분리한다 — `autoRepairScreen` 이 꺼져 있어도 관측은 계속한다.
+        // (2026-09-02: 이 게이트가 채증까지 막아 실사용 재현이 통째로 증거 없이 지나갔다)
+        if (!this.screenObservingEnabled()) {
+            return;
+        }
+        const prev = this.screenCheckTimers.get(pane);
+        if (prev) {
+            clearTimeout(prev);
+        }
+        this.screenCheckTimers.set(pane, setTimeout(() => {
+            this.screenCheckTimers.delete(pane);
+            this.checkScreen(pane);
+        }, SCREEN_CHECK_DEBOUNCE_MS));
+    }
+    /** 감지·채증이 켜져 있나 — 복구(`autoRepairScreen`)와는 별개다 */
+    screenObservingEnabled() {
+        const cfg = this.config.store.agentDeck;
+        return cfg.screenWatch !== false || !!cfg.autoRepairScreen;
+    }
+    /** 화면을 판정해 채증하고, 복구가 켜져 있으면 조용히 고친다 */
+    checkScreen(pane) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        const cfg = this.config.store.agentDeck;
+        const read = this.readScreen(pane);
+        if (!read) {
+            return;
+        }
+        const verdict = (0,_screen__WEBPACK_IMPORTED_MODULE_10__.judgeScreen)(read.lines, read.cols);
+        // ---- 관측 (복구와 무관하게 항상) ----
+        // 상태가 바뀔 때만 남긴다 — 2초마다 도는 그물이라 매번 찍으면 파일이 같은 줄로 찬다.
+        const prevObs = this.screenObs.get(pane);
+        const reason = verdict.reasons.join(' / ');
+        // 같은 깨짐이 몇 번 연속으로 보였나 — TUI 가 한 프레임을 여러 write 로 그리는 도중을
+        // 잡으면 멀쩡한 화면도 한 번은 깨져 보인다. 그 중간 프레임에 손대지 않으려고 센다.
+        const streak = verdict.broken ? (((prevObs === null || prevObs === void 0 ? void 0 : prevObs.broken) ? ((_a = prevObs.streak) !== null && _a !== void 0 ? _a : 0) : 0) + 1) : 0;
+        const changed = !prevObs || prevObs.broken !== verdict.broken || prevObs.reason !== reason;
+        this.screenObs.set(pane, { broken: verdict.broken, reason, streak });
+        if (changed) {
+            if (verdict.broken) {
+                this.snapshot(pane, `detect 깨짐 ${reason}`);
+            }
+            else if (prevObs === null || prevObs === void 0 ? void 0 : prevObs.broken) {
+                // 우리가 아무것도 안 했는데 스스로 돌아왔다 — 트리거를 가르는 중요한 단서다
+                this.snapshot(pane, 'detect 스스로 복구됨');
+            }
+        }
+        if (!verdict.broken) {
+            return;
+        }
+        if (!cfg.autoRepairScreen) {
+            return;
+        }
+        // 한 번 스친 중간 프레임은 건드리지 않는다 — 2초 그물이므로 기본값 2 는 "2초 넘게
+        // 깨진 채로 있다" 는 뜻이다. 예전에 자동복구가 타이핑 중에 튀어나와 체감을 망친 것이
+        // 이 조건이 없어서였다 (2026-09-02 항목 27).
+        if (streak < ((_b = cfg.autoRepairMinStreak) !== null && _b !== void 0 ? _b : 2)) {
+            return;
+        }
         const anyPane = pane;
+        const now = Date.now();
+        const last = (_c = this.autoRepairAt.get(pane)) !== null && _c !== void 0 ? _c : 0;
+        const count = (_d = this.autoRepairCount.get(pane)) !== null && _d !== void 0 ? _d : 0;
+        const max = (_e = cfg.autoRepairMaxPerTab) !== null && _e !== void 0 ? _e : 5;
+        const cooldown = (_f = cfg.autoRepairCooldownMs) !== null && _f !== void 0 ? _f : 4000;
+        // 쿨다운/한도에 걸려 아무것도 하지 않을 때는 로그도 남기지 않는다 —
+        // 주기 검사가 2초마다 돌므로 판정이 오탐이면 진단 파일이 같은 줄로 가득 찬다
+        if (now - last < cooldown) {
+            return;
+        }
+        if (max > 0 && count >= max) {
+            this.diagOnce(`auto-repair-cap`, `screen auto-repair 한도 도달 (${count}/${max}) — 더 고치지 않는다.`
+                + ` 사이드바 ↻ 로 직접 복구할 것. 마지막 판정: ${verdict.reasons.join(' / ')}`);
+            return;
+        }
+        this.diag(`${new Date().toISOString()} screen BROKEN cols=${read.cols}`
+            + ` sent=${(_g = anyPane.size) === null || _g === void 0 ? void 0 : _g.columns}x${(_h = anyPane.size) === null || _h === void 0 ? void 0 : _h.rows} ${verdict.reasons.join(' / ')}`);
+        // 고치기 **전에** 화면 원문을 남긴다 — 복구가 덮어쓰면 증거가 사라진다
+        this.snapshot(pane, `auto-before ${verdict.reasons.join(' / ')}`);
+        this.autoRepairAt.set(pane, now);
+        this.autoRepairCount.set(pane, count + 1);
+        this.diag(`${new Date().toISOString()} screen auto-repair #${count + 1}`);
+        // 스크롤백을 지우는 hard 복구는 하지 않는다 — 자동으로 도는 경로에서 오탐 한 번에
+        // 지난 대화가 날아가면 손해가 크다. 크기 재동기 + pty 흔들기 + Ctrl+L 까지만 한다.
+        // 실측(2026-09-01): 세션이 열린 직후 유실됐던 resize 도 이 흔들기로는 pty 에 도달한다.
         const frontend = anyPane.frontend;
-        const cols = (_a = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _a === void 0 ? void 0 : _a.cols;
-        const rows = (_b = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _b === void 0 ? void 0 : _b.rows;
-        const session = anyPane.session;
-        if (!cols || !rows || cols < 2 || !(session === null || session === void 0 ? void 0 : session.open) || typeof session.resize !== 'function') {
-            // Tabby 첫 기동은 셸이 뜨는 데 시간이 걸려 예약 시점엔 세션이 아직 안 열려 있다.
-            // 여기서 그냥 포기하면 kickedPanes 에 이미 올라가 있어 두 번 다시 시도하지 않는다.
-            this.diag(`${new Date().toISOString()} not-ready attempt=${attempt} cols=${cols} open=${session === null || session === void 0 ? void 0 : session.open}`);
-            if (attempt < KICK_RETRY_MAX) {
-                setTimeout(() => this.kickPtySize(pane, attempt + 1), KICK_RETRY_MS);
+        // 크기를 건드리는 건 **실제로 어긋났을 때만.** 이번에 실사용에서 잡힌 유형은
+        // xterm 도 pty 도 277 로 맞는데 화면만 깨져 있었다 — 거기에 흔들기를 때리면
+        // 고치지도 못하면서 화면만 흔든다(`auto-after 아직 깨짐` 2연속이 그 결과다).
+        const xcols = (_j = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _j === void 0 ? void 0 : _j.cols;
+        const xrows = (_k = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _k === void 0 ? void 0 : _k.rows;
+        if (xcols > 1 && (((_l = anyPane.size) === null || _l === void 0 ? void 0 : _l.columns) !== xcols || ((_m = anyPane.size) === null || _m === void 0 ? void 0 : _m.rows) !== xrows)) {
+            try {
+                (_p = (_o = frontend === null || frontend === void 0 ? void 0 : frontend.fitAddon) === null || _o === void 0 ? void 0 : _o.fit) === null || _p === void 0 ? void 0 : _p.call(_o);
+            }
+            catch {
+                // 붙는 중이다 — 아래 단계만이라도 태운다
             }
+            this.syncPtySize(pane, frontend);
+            this.nudgePtyRedraw(pane);
+        }
+        // 잔상을 **먼저** 지우고 그 다음에 앱에게 다시 그리라고 한다.
+        // 앱은 자기가 쓰는 자리만 덮으므로, 지우지 않으면 옛 줄이 `❯` 자리를 계속 차지한다.
+        this.clearInputArea(pane, read);
+        if (cfg.repairSendRedrawKey !== false) {
+            setTimeout(() => this.sendRedrawKey(pane), REPAIR_REDRAW_DELAY_MS);
+        }
+        // 복구가 실제로 먹혔는지 같은 파일에 이어 남긴다 — 앱이 다시 그릴 시간을 준다
+        setTimeout(() => {
+            const after = this.readScreen(pane);
+            const still = after ? (0,_screen__WEBPACK_IMPORTED_MODULE_10__.judgeScreen)(after.lines, after.cols) : null;
+            this.snapshot(pane, `auto-after ${still ? (still.broken ? '아직 깨짐: ' + still.reasons.join(' / ') : '복구됨') : '읽을 수 없음'}`);
+        }, SNAP_AFTER_MS);
+    }
+    /** 활성 탭의 pane 들을 한 번씩 본다 (주기 그물) */
+    sweepScreens() {
+        if (!this.enabled || !this.screenObservingEnabled()) {
+            return;
+        }
+        const tab = this.app.activeTab;
+        if (!tab) {
+            return;
+        }
+        const anyTab = tab;
+        const panes = typeof anyTab.getAllTabs === 'function'
+            ? anyTab.getAllTabs()
+            : [tab];
+        for (const pane of panes) {
+            this.checkScreen(pane);
+        }
+    }
+    /** 판정에 넣을 화면 줄과 폭 — 숨겨진 탭이나 아직 안 붙은 프론트엔드는 건너뛴다 */
+    readScreen(pane) {
+        var _a, _b, _c, _d;
+        const anyPane = pane;
+        const xterm = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm;
+        const buf = (_b = xterm === null || xterm === void 0 ? void 0 : xterm.buffer) === null || _b === void 0 ? void 0 : _b.active;
+        if (!buf || typeof buf.getLine !== 'function' || !(xterm.cols > 1)) {
+            return null;
+        }
+        // 숨겨진 탭은 컨테이너 폭이 0 이라 xterm 이 1열로 줄어 있다 — 판정 대상이 아니다
+        const host = (_c = xterm.element) === null || _c === void 0 ? void 0 : _c.parentElement;
+        if (!(host === null || host === void 0 ? void 0 : host.clientWidth)) {
+            return null;
+        }
+        const lines = [];
+        for (let y = buf.baseY; y <= buf.baseY + xterm.rows - 1; y++) {
+            const line = buf.getLine(y);
+            lines.push({
+                text: (_d = line === null || line === void 0 ? void 0 : line.translateToString(false)) !== null && _d !== void 0 ? _d : '',
+                wrapped: !!(line === null || line === void 0 ? void 0 : line.isWrapped),
+            });
+        }
+        return { lines, cols: xterm.cols };
+    }
+    /**
+     * 화면 원문을 통째로 남긴다 — 깨짐 채증용.
+     *
+     * 판정 이유만 남기면 다음에 또 "왜 그렇게 됐는지" 를 추측하게 된다. 행 번호·wrap 플래그·
+     * 길이까지 그대로 적어 두면 `❯` 가 어느 행에 있었는지, 테두리가 몇 칸이었는지가 확정된다.
+     * before/after 를 짝으로 남기므로 복구가 실제로 먹혔는지도 이 파일에서 바로 갈린다.
+     */
+    snapshot(pane, tag) {
+        var _a, _b, _c, _d;
+        const read = this.readScreen(pane);
+        if (!read) {
             return;
         }
-        this.diag(`${new Date().toISOString()} kick cols=${cols} rows=${rows} attempt=${attempt} `
-            + `fit=${typeof ((_c = frontend === null || frontend === void 0 ? void 0 : frontend.fitAddon) === null || _c === void 0 ? void 0 : _c.fit)}`);
+        const anyPane = pane;
+        const xterm = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm;
+        const head = `\n===== ${new Date().toISOString()} ${tag}`
+            + ` cols=${read.cols} rows=${xterm === null || xterm === void 0 ? void 0 : xterm.rows} sent=${(_b = anyPane.size) === null || _b === void 0 ? void 0 : _b.columns}x${(_c = anyPane.size) === null || _c === void 0 ? void 0 : _c.rows}`
+            + ` title=${JSON.stringify((_d = pane.title) !== null && _d !== void 0 ? _d : '')} =====`;
+        const body = read.lines
+            .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)}`);
         try {
-            // PTY 만 흔들면 첫 기동은 고쳐지는데 새 탭은 안 고쳐진다.
-            // 첫 기동은 창 복원→최대화(scheduleWindowKick)가 창 자체를 리사이즈해서
-            // xterm 이 스스로 다시 계산하지만, 새 탭은 창 크기가 그대로라 그 계산이 일어나지 않는다.
-            // TUI 가 옛 폭 화면으로 남는 건 xterm 쪽 상태이므로 xterm 도 같이 흔든다.
-            (_e = (_d = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _d === void 0 ? void 0 : _d.resize) === null || _e === void 0 ? void 0 : _e.call(_d, cols - 1, rows);
-            session.resize(cols - 1, rows);
+            fs__WEBPACK_IMPORTED_MODULE_3__.appendFileSync(SNAP_PATH, [head, ...body, ''].join('\n'));
+        }
+        catch {
+            // 진단일 뿐이라 실패해도 동작에는 영향이 없다
+        }
+    }
+    // ---------- 세션 감시 ----------
+    /**
+     * 탭(그리고 그 안의 모든 pane)의 PTY 출력을 구독한다.
+     *
+     * TerminalDecorator 는 프론트엔드 첫 리사이즈 시점에만 붙어서 복원된 탭 등을
+     * 놓치는 경우가 있다. 이쪽은 탭이 목록에 들어오는 즉시 붙으므로 그 빈틈을 메운다.
+     * 같은 출력을 decorator 와 둘 다 먹어도 상태 설정이 멱등이라 결과는 같다.
+     */
+    watchTab(root) {
+        var _a;
+        const anyRoot = root;
+        if (!this.watched.has(root)) {
+            this.watched.add(root);
+            // 제목은 래퍼 탭이 자식 것을 위임받으므로 여기서 받는 게 가장 확실하다
+            if (anyRoot.titleChange$) {
+                anyRoot.titleChange$.subscribe((title) => {
+                    (0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyTitle)(this.status, root, title, this.config.store.agentDeck.autoDetect);
+                });
+            }
+            if (anyRoot.title) {
+                (0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyTitle)(this.status, root, anyRoot.title, this.config.store.agentDeck.autoDetect);
+            }
+            // 나중에 분할로 추가되는 pane 도 따라간다
+            if (anyRoot.tabAdded$) {
+                anyRoot.tabAdded$.subscribe((pane) => this.watchPane(root, pane));
+            }
+        }
+        // pane 은 래퍼보다 늦게 붙는 경우가 있으므로 호출될 때마다 다시 훑는다
+        // (래퍼만 보고 한 번에 끝내면 목록에 먼저 들어온 빈 SplitTab 을 잡고 끝나버린다)
+        const panes = typeof anyRoot.getAllTabs === 'function'
+            ? anyRoot.getAllTabs()
+            : [root];
+        this.diag(`${new Date().toISOString()} watchTab panes=${panes.length}`);
+        for (const pane of panes) {
+            this.watchPane(root, pane);
+        }
+        // 래퍼(SplitTabComponent)가 자식보다 먼저 목록에 들어오는 경우가 있다. 그때 여기서
+        // panes=0 을 보고 물러나면, 자식이 붙어도 다시 훑을 계기가 없어 그 탭은 영영
+        // 감시 밖에 남는다 — 상태 감지·Enter 라벨·화면 검사가 전부 안 돈다
+        // (2026-09-01 실측: 기동 직후 첫 탭에서 `watchTab panes=0` 만 두 번 찍히고
+        //  `session bind` 가 한 번도 없었다). 그래서 비어 있으면 잠시 뒤 다시 본다.
+        if (!panes.length) {
+            const tries = ((_a = this.emptyTabRetries.get(root)) !== null && _a !== void 0 ? _a : 0) + 1;
+            this.emptyTabRetries.set(root, tries);
+            if (tries <= EMPTY_TAB_RETRY_MAX) {
+                setTimeout(() => {
+                    if (this.app.tabs.includes(root)) {
+                        this.watchTab(root);
+                    }
+                }, EMPTY_TAB_RETRY_MS);
+            }
+        }
+    }
+    watchPane(root, pane) {
+        var _a;
+        if (this.watchedPanes.has(pane)) {
+            return;
+        }
+        this.watchedPanes.add(pane);
+        this.diag(`${new Date().toISOString()} watchPane ${(_a = pane.constructor) === null || _a === void 0 ? void 0 : _a.name}`);
+        const anyPane = pane;
+        const bind = (session) => {
+            var _a, _b, _c, _d, _e, _f;
+            if (!session || !session.output$) {
+                return;
+            }
+            // pty 가 어떤 폭으로 태어났는지 남긴다. Tabby 는 프론트엔드의 **첫** resize$ 값으로
+            // 세션을 스폰하므로(tabby-local: initializeSession(this.size...) -> spawn cols),
+            // 그 스냅샷이 우리 레이아웃보다 이르면 pty 만 옛 폭으로 굳는다 — 그 순간이 여기 찍힌다.
+            this.diag(`${new Date().toISOString()} session bind`
+                + ` xterm=${(_b = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm) === null || _b === void 0 ? void 0 : _b.cols}x${(_d = (_c = anyPane.frontend) === null || _c === void 0 ? void 0 : _c.xterm) === null || _d === void 0 ? void 0 : _d.rows}`
+                + ` paneSize=${(_e = anyPane.size) === null || _e === void 0 ? void 0 : _e.columns}x${(_f = anyPane.size) === null || _f === void 0 ? void 0 : _f.rows}`);
+            session.output$.subscribe((data) => {
+                (0,_detect__WEBPACK_IMPORTED_MODULE_7__.applyOutput)(this.status, root, pane, data, this.config.store.agentDeck.autoDetect);
+                // 출력이 멈춘 뒤 화면이 온전한지 본다 (그리는 도중에 읽으면 멀쩡한 화면도 깨져 보인다)
+                this.scheduleScreenCheck(pane);
+            });
+        };
+        bind(anyPane.session);
+        if (anyPane.sessionChanged$) {
+            anyPane.sessionChanged$.subscribe((session) => bind(session));
+        }
+        // 프론트엔드가 붙는 도중에 우리가 폭을 바꿨으면 그 변경은 유실될 수 있다
+        // (Tabby 는 attach() 맨 끝에서야 ResizeObserver 를 건다) — 준비되면 fit 한 번으로 깨워 준다.
+        // 여기서 하는 건 `fitAddon.fit()` 뿐이다. 그 뒤는 순정 경로가 이어받는다
+        // (fit → xterm onResize → Tabby 가 session.resize). 우리가 pty 에 직접 쏘지 않는다.
+        if (anyPane.frontendReady$) {
+            anyPane.frontendReady$.subscribe(() => {
+                this.scheduleRefit();
+                this.announceSizeOnOpen(pane);
+            });
+        }
+        // frontendReady 는 replay 가 없는 맨 Subject 라, 복원된 탭의 프론트엔드가 우리보다
+        // 먼저 붙어버리면 위 구독은 영영 못 받는다. 이벤트와 무관하게 한 번 더 예약한다 —
+        // 같은 크기를 두 번 알려도 SIGWINCH 가 안 나므로 무해하다.
+        this.announceSizeOnOpen(pane);
+    }
+    /**
+     * 탭이 열린 뒤 몇 차례, **지금 xterm 이 쓰는 크기를 pty 에 알려준다.**
+     *
+     * 순정이 유일하게 못 메우는 구멍(새 탭에서 pty 만 좁게 태어남)을 메우는 최소 개입이다.
+     * 자세한 근거와 실측은 `TAB_OPEN_ANNOUNCE_MS` 주석에 있다.
+     *
+     * 하지 않는 것 — xterm 은 건드리지 않고(fit 도 resize 도), 폭을 흔들지 않으며,
+     * 감시 루프도 돌지 않는다. 그 셋이 예전에 화면을 깨뜨린 장본인이다.
+     */
+    announceSizeOnOpen(pane) {
+        const anyPane = pane;
+        for (const delay of TAB_OPEN_ANNOUNCE_MS) {
             setTimeout(() => {
-                var _a, _b, _c, _d, _e, _f, _g;
+                var _a;
+                const x = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm;
+                const session = anyPane.session;
+                if (!(session === null || session === void 0 ? void 0 : session.open) || typeof session.resize !== 'function' || !((x === null || x === void 0 ? void 0 : x.cols) > 1)) {
+                    return;
+                }
+                const prev = anyPane.size;
+                if ((prev === null || prev === void 0 ? void 0 : prev.columns) !== x.cols || (prev === null || prev === void 0 ? void 0 : prev.rows) !== x.rows) {
+                    this.diag(`${new Date().toISOString()} announce size ${prev === null || prev === void 0 ? void 0 : prev.columns}x${prev === null || prev === void 0 ? void 0 : prev.rows}`
+                        + ` -> ${x.cols}x${x.rows} (+${delay}ms)`);
+                }
                 try {
-                    // fit() 이 뷰포트 실제 폭으로 되돌리면서 resize$ 를 흘려 session 까지 맞춘다.
-                    // fitAddon 이 없는 프론트엔드(웹 빌드 등)면 xterm 을 직접 되돌린다.
-                    if (typeof ((_a = frontend === null || frontend === void 0 ? void 0 : frontend.fitAddon) === null || _a === void 0 ? void 0 : _a.fit) === 'function') {
-                        frontend.fitAddon.fit();
-                    }
-                    else {
-                        (_c = (_b = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _b === void 0 ? void 0 : _b.resize) === null || _c === void 0 ? void 0 : _c.call(_b, cols, rows);
-                    }
-                    // 되돌릴 값은 fit() 이 실제로 잡은 폭이다. 흔들기 시작 시점의 cols 를
-                    // 그대로 pty 에 다시 박으면 그 사이 사이드바 폭이 바뀌었거나 fit 결과가
-                    // 달라진 경우 pty(옛 값) > xterm(실제) 로 어긋난 채 고정된다 —
-                    // TUI 는 넓은 폭으로 그리는데 화면은 좁아 입력창이 오른쪽으로 밀려 잘린다
-                    // (2026-08-28 실측: 새 탭에서 줄바꿈하는 순간 드러남).
-                    const fitCols = (_e = (_d = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _d === void 0 ? void 0 : _d.cols) !== null && _e !== void 0 ? _e : cols;
-                    const fitRows = (_g = (_f = frontend === null || frontend === void 0 ? void 0 : frontend.xterm) === null || _f === void 0 ? void 0 : _f.rows) !== null && _g !== void 0 ? _g : rows;
-                    if (fitCols !== cols || fitRows !== rows) {
-                        this.diag(`${new Date().toISOString()} kick refit ${cols}x${rows} -> ${fitCols}x${fitRows}`);
-                    }
-                    session.resize(fitCols, fitRows);
-                    anyPane.size = { columns: fitCols, rows: fitRows };
+                    session.resize(x.cols, x.rows);
+                    anyPane.size = { columns: x.cols, rows: x.rows };
                 }
                 catch {
-                    // 세션이 닫혔다 — 되돌릴 대상이 없다
+                    // 세션이 막 닫혔다
                 }
-            }, 80);
-        }
-        catch {
-            // 세션이 막 닫혔다
+            }, delay);
         }
     }
+    // 흔들기 장치는 전부 폐지했다 (2026-09-02).
+    //
+    // 여기에 있던 것들 — `scheduleWindowKick`(기동 시 창 복원→최대화), `scheduleRedrawKick`,
+    // `kickPtySize`(탭당 한 번 cols-1 ↔ cols) — 는 모두 "순정이 크기를 못 맞춘다" 는 전제에서
+    // 나온 우회책이었다. 전제가 틀렸다: Tabby 는 xterm `ResizeObserver` → `fitAddon.fit()` →
+    // `session.resize()` 로 스스로 맞춘다. 우리가 폭만 정해 주면 된다.
+    // 이 흔들기들은 순정 수렴과 경쟁하며 프레임을 반쯤 그린 상태를 남겨 화면을 깨뜨렸다.
+    // 수동 복구(`repairPane`)는 여전히 흔든다 — 거기는 사용자가 명시로 요청한 경로다.
     /**
      * Ctrl+V 를 **핫키 테이블에서 걷어낸다** (실제 처리는 claimCtrlVKey 가 한다).
      *
@@ -1929,15 +2740,53 @@ let AgentDeckService = class AgentDeckService {
             this.sidebar.style.display = this.enabled ? '' : 'none';
         }
         if (!this.enabled && this.mainEl) {
-            this.mainEl.style.removeProperty('flex');
-            this.mainEl.style.removeProperty('width');
-            this.mainEl.style.removeProperty('max-width');
-            this.mainEl.style.removeProperty('margin-left');
+            for (const prop of ['flex', 'width', 'max-width', 'height',
+                'margin-left', 'margin-right', 'margin-top', 'margin-bottom']) {
+                this.mainEl.style.removeProperty(prop);
+            }
             // 폭을 되돌렸으니 메모도 무효화하고 터미널에 새 폭을 알린다
             this.lastTermW = -1;
             this.lastSidebarW = -1;
+            this.lastDock = null;
             this.scheduleRefit();
         }
+        this.syncBackgroundClip();
+    }
+    /**
+     * tabby-background 의 이미지 레이어를 터미널 영역(`.content.main`)에 맞춰 자른다.
+     *
+     * 그 레이어는 `position: fixed` 라 viewport 좌표를 쓰므로 `getBoundingClientRect()` 값을
+     * 그대로 CSS 변수로 내리면 된다 (styles.scss 가 `!important` 로 덮어쓴다).
+     * relayout 직후에는 인라인 폭이 아직 레이아웃에 반영되지 않았을 수 있어 rAF 한 번 뒤에 잰다.
+     * 꺼져 있으면(또는 agentdeck 비활성) 클래스와 변수를 걷어 순정(창 전체)으로 되돌린다.
+     */
+    syncBackgroundClip() {
+        const root = document.documentElement;
+        const clear = () => {
+            document.body.classList.remove(BG_CLIP_CLASS);
+            for (const v of ['--ad-bg-left', '--ad-bg-top', '--ad-bg-width', '--ad-bg-height']) {
+                root.style.removeProperty(v);
+            }
+        };
+        if (!this.enabled || !this.config.store.agentDeck.clipBackgroundToTerminal || !this.mainEl) {
+            clear();
+            return;
+        }
+        requestAnimationFrame(() => {
+            if (!this.enabled || !this.mainEl) {
+                clear();
+                return;
+            }
+            const r = this.mainEl.getBoundingClientRect();
+            if (r.width <= 0 || r.height <= 0) {
+                return;
+            }
+            root.style.setProperty('--ad-bg-left', Math.round(r.left) + 'px');
+            root.style.setProperty('--ad-bg-top', Math.round(r.top) + 'px');
+            root.style.setProperty('--ad-bg-width', Math.round(r.width) + 'px');
+            root.style.setProperty('--ad-bg-height', Math.round(r.height) + 'px');
+            document.body.classList.add(BG_CLIP_CLASS);
+        });
     }
     /**
      * 터미널/사이드바 배경에 알파를 넣어 tabby-background 의 배경 이미지가 비치게 한다.
@@ -1979,8 +2828,46 @@ let AgentDeckService = class AgentDeckService {
         this.config.store.terminal.background = wantMode;
         this.config.save();
     }
-    /** 창 높이에서 터미널 폭을 역산해 .content.main 을 고정폭으로 만든다 */
+    /** 지금 사이드바가 붙어 있는 방향 (설정값이 망가져 있으면 오른쪽으로 본다) */
+    get dockSide() {
+        const v = this.config.store.agentDeck.sidebarDock;
+        return (0,_dock__WEBPACK_IMPORTED_MODULE_11__.isDockSide)(v) ? v : 'right';
+    }
+    /**
+     * 사이드바가 차지할 크기를 px 로 정한다 — 좌/우면 폭, 상/하면 높이.
+     *
+     * 사용자가 경계선을 한 번이라도 끌었으면 그 값(`sidebarWidth`/`sidebarHeight`)이 진실이다.
+     * 아직 안 끌었다면(폭이 0) 예전처럼 화면비로 터미널 폭을 역산해 남는 만큼을 사이드바가 갖는다.
+     */
+    sidebarExtent(availW, availH, winH) {
+        const cfg = this.config.store.agentDeck;
+        if ((0,_dock__WEBPACK_IMPORTED_MODULE_11__.isHorizontalDock)(this.dockSide)) {
+            const minSidebar = cfg.sidebarMin || 200;
+            const maxSidebar = Math.max(cfg.sidebarMax || 560, minSidebar);
+            let want = cfg.sidebarWidth || 0;
+            if (!want) {
+                // 화면비를 지킨다는 가정에서 터미널 폭을 높이로 역산하고 남는 폭을 사이드바에 준다
+                const ratio = (cfg.aspectW || 4) / (cfg.aspectH || 3);
+                let termW = Math.round(availH * ratio);
+                termW = Math.min(termW, availW - minSidebar);
+                termW = Math.max(termW, MIN_TERM_W);
+                want = availW - termW;
+            }
+            // 손으로 끈 값은 설정의 min/max 를 넘어설 수 있다 — 마우스가 우선이므로
+            // 목록이 읽히는 최소 폭과 터미널이 남을 최대 폭까지만 막는다
+            const hardMin = cfg.sidebarWidth ? MIN_SIDEBAR_W : minSidebar;
+            const hardMax = Math.max(availW - MIN_TERM_W, hardMin);
+            const softMax = cfg.sidebarWidth ? Math.max(maxSidebar, cfg.sidebarWidth) : maxSidebar;
+            return Math.min(Math.max(want, hardMin), softMax, hardMax);
+        }
+        // 세로 도킹은 창 높이를 기준으로 잡는다 — 터미널 높이(availH)는 사이드바를 뺀 값이라
+        // 그걸로 클램프하면 잴 때마다 값이 줄어드는 되먹임이 생긴다
+        const want = cfg.sidebarHeight || 200;
+        return Math.min(Math.max(want, MIN_SIDEBAR_H), Math.max(winH - MIN_TERM_H, MIN_SIDEBAR_H));
+    }
+    /** 사이드바를 창 한쪽에 붙이고, 남는 자리를 `.content.main` 이 갖게 한다 */
     relayout() {
+        var _a;
         if (!this.enabled || !this.windowEl) {
             this.diagOnce('relayout-skip-enabled', `relayout skipped enabled=${this.enabled} windowEl=${!!this.windowEl}`);
             return;
@@ -1993,53 +2880,114 @@ let AgentDeckService = class AgentDeckService {
             this.diagOnce('relayout-skip-mainel', 'relayout skipped mainEl=null');
             return;
         }
-        const cfg = this.config.store.agentDeck;
         const availW = this.windowEl.clientWidth;
+        // 화면비로 폭을 역산할 때 쓰는 높이는 터미널이 실제로 쓰는 높이여야 한다.
+        // 창 높이를 쓰면 탭바 등을 뺀 만큼 폭이 과대 계산돼 사이드바가 좁아진다
         const availH = this.mainEl.clientHeight || this.windowEl.clientHeight;
         if (!availW || !availH) {
             return;
         }
-        const ratio = (cfg.aspectW || 4) / (cfg.aspectH || 3);
-        const minSidebar = cfg.sidebarMin || 200;
-        const maxSidebar = Math.max(cfg.sidebarMax || 560, minSidebar);
-        // 1) 4:3 을 지킨다는 가정에서 터미널 폭을 높이로 역산한다
-        let termW = Math.round(availH * ratio);
-        termW = Math.min(termW, availW - minSidebar);
-        termW = Math.max(termW, 320);
-        // 2) 사이드바는 min~max 로 클램프한다 (max 는 config agentDeck.sidebarMax 로 사용자가 올릴 수 있다)
-        const sidebarW = Math.min(Math.max(availW - termW, minSidebar), maxSidebar);
-        // 3) 그래도 폭이 남으면 4:3 을 포기하고 터미널이 흡수한다 — 오른쪽에 빈 띠를 남기지 않는다
-        //    (2026-08-28 실측: 창2000 - 터미널1460 - 사이드바430 = 110px 잔여가 빈 띠로 보였다)
-        termW = Math.max(availW - sidebarW, 320);
+        const side = this.dockSide;
+        const horizontal = (0,_dock__WEBPACK_IMPORTED_MODULE_11__.isHorizontalDock)(side);
+        let extent = Math.round(this.sidebarExtent(availW, availH, this.windowEl.clientHeight));
+        // 터미널이 갖는 폭 — 가로 도킹일 때만 의미가 있다 (세로 도킹이면 폭 전체를 쓴다)
+        let termW = horizontal ? availW - extent : availW;
+        // 터미널 폭을 문자 셀의 정수배로 깎는다.
+        //
+        // 셀 폭으로 나누어떨어지지 않으면 오른쪽에 셀 하나가 안 되는 자투리가 남는데,
+        // fit() 은 그 자투리를 두고 창이 몇 px 만 흔들려도 열 수가 오르내린다. 열 수가 바뀔 때마다
+        // pty 에 새 크기가 나가고 TUI 는 전체를 다시 그린다 — 화면이 깜빡이고 어긋날 틈이 생긴다.
+        // 정수배로 맞춰 두면 자투리가 사라져 열 수가 흔들리지 않는다. 깎아 낸 픽셀은 사이드바가 갖는다.
+        // 한때 이 자리에서 터미널 폭을 문자 셀의 정수배로 깎았다. 자투리 픽셀을 없애려던 건데
+        // 오히려 화면이 계속 밀리는 원인이 됐다 — 셀 폭은 폰트가 자리를 잡는 동안 조금씩 다르게
+        // 잡히고(2026-09-01 실측: 같은 창에서 termW 가 1977 -> 1970 -> 1974 로 진동),
+        // 폭이 바뀔 때마다 pty 를 다시 맞추고 TUI 를 다시 그리게 만들었다.
+        // 폭은 사용자가 정한 사이드바 크기에서 곧장 나오는 값 하나로 고정하는 편이 안정적이다.
+        // 남는 자투리는 어차피 배경색이라 눈에 띄지 않는다.
+        extent = Math.round(extent);
+        termW = Math.round(termW);
         // 값이 그대로면 DOM 을 건드리지 않는다 — relayout 은 탭/상태가 바뀔 때마다 불리므로
         // 매번 스타일을 다시 쓰면 xterm 이 불필요하게 재측정한다
-        if (termW === this.lastTermW && sidebarW === this.lastSidebarW) {
+        if (termW === this.lastTermW && extent === this.lastSidebarW && side === this.lastDock) {
             return;
         }
         const prevTermW = this.lastTermW;
         this.lastTermW = termW;
-        this.lastSidebarW = sidebarW;
-        // 기동 직후에 폭이 실제로 바뀌었다면, 그 전에 그려진 TUI 첫 화면은 옛 폭 기준이다.
-        // 예약해둔 흔들기가 이미 지나갔을 수도 있으므로 여기서 다시 한 번 흔들어준다
-        // (창 복원→최대화를 손으로 하던 것과 같은 효과 — kickPtySize 주석 참고).
-        if (this.setupAt && Date.now() - this.setupAt < KICK_REARM_MS) {
-            this.diag(`${new Date().toISOString()} rearm kick termW ${prevTermW}->${termW} panes=${this.startupPanes.length}`);
-            for (const pane of this.startupPanes) {
-                this.kickedPanes.delete(pane);
-                this.scheduleRedrawKick(pane, true);
-            }
-        }
-        else if (this.startupPanes.length) {
-            // 기동 구간이 끝났다 — 닫힌 pane 을 붙들고 있지 않도록 목록을 비운다
-            this.startupPanes = [];
-        }
-        this.mainEl.style.flex = '0 0 ' + termW + 'px';
-        this.mainEl.style.width = termW + 'px';
-        this.mainEl.style.maxWidth = termW + 'px';
+        this.lastSidebarW = extent;
+        this.lastDock = side;
+        // 기동 직후 흔들기(rearm kick)는 폐지했다 — 아래 relayout 주석 참고.
+        // 사이드바는 창 위에 절대 배치한다. flex 자식으로 두면 도킹 방향을 바꿀 때마다
+        // `.window` 의 flex-direction 을 뒤집어야 하고, 그러면 같은 줄에 있는 profile-tree 까지
+        // 따라 움직인다. 절대 배치면 우리 것만 옮기면 된다.
         if (this.sidebar) {
-            this.sidebar.style.width = sidebarW + 'px';
+            const s = this.sidebar.style;
+            s.position = 'absolute';
+            s.left = side === 'right' ? 'auto' : '0';
+            s.right = side === 'left' ? 'auto' : '0';
+            s.top = side === 'bottom' ? 'auto' : '0';
+            s.bottom = side === 'top' ? 'auto' : '0';
+            s.width = horizontal ? extent + 'px' : 'auto';
+            s.height = horizontal ? 'auto' : extent + 'px';
+            for (const d of _dock__WEBPACK_IMPORTED_MODULE_11__.DOCK_SIDES) {
+                this.sidebar.classList.toggle('ad-dock-' + d, d === side);
+            }
+        }
+        // 터미널이 차지할 자리.
+        //
+        // 가로 도킹에서는 폭을 px 로 못 박는다. margin 만 주고 flex 에게 남는 폭을 맡겨 봤더니
+        // (2026-09-01) xterm 이 fit 할 때 잡는 폭과 TUI 가 아는 폭이 어긋나 입력창이 깨졌다 —
+        // 가로선과 입력 텍스트가 한 줄에 섞여 wrap 되는 그 증상이다. 폭을 직접 주면 xterm host 가
+        // 재는 값이 곧 우리가 정한 값이라 어긋날 여지가 없다.
+        // 세로 도킹은 폭을 건드릴 필요가 없고, `h-100`(height:100%) 때문에 margin 만으로는
+        // 그만큼 창 밖으로 넘치므로 높이를 대신 깎는다.
+        const m = this.mainEl.style;
+        if (horizontal) {
+            m.flex = '0 0 ' + termW + 'px';
+            m.width = termW + 'px';
+            m.maxWidth = termW + 'px';
+            m.removeProperty('height');
+            m.marginTop = '0';
+            m.marginBottom = '0';
+            // 왼쪽 도킹일 때만 앞자리를 비운다 (오른쪽 도킹은 고정폭만으로 자리가 남는다)
+            m.marginLeft = side === 'left' ? extent + 'px' : '0';
+            m.marginRight = '0';
+        }
+        else {
+            m.removeProperty('flex');
+            m.removeProperty('width');
+            m.removeProperty('max-width');
+            m.marginLeft = '0';
+            m.marginRight = '0';
+            m.marginTop = side === 'top' ? extent + 'px' : '0';
+            m.marginBottom = side === 'bottom' ? extent + 'px' : '0';
+            // **`important` 가 필요하다.** `.content.main` 에는 부트스트랩 `h-100` 클래스가 붙어
+            // 있고 그 규칙이 `height: 100% !important` 라, 평범한 인라인 스타일은 진다.
+            // 그래서 상하 도킹에서 터미널 높이가 전혀 줄지 않았다 — bottom 이면 아래쪽이
+            // 사이드바에 가리고, top 이면 그만큼 창 밖으로 넘쳤다
+            // (2026-09-02 실측, 창 1100x700 / 사이드바 200: 인라인은 `calc(100% - 200px)` 인데
+            //  computed 는 `700px`, host 는 top 에서 `1070x670@y=215` 로 하단 185px 가 잘렸다).
+            m.setProperty('height', 'calc(100% - ' + extent + 'px)', 'important');
         }
+        (_a = this.dock) === null || _a === void 0 ? void 0 : _a.syncHandle();
+        this.syncBackgroundClip();
+        // 우리가 하는 일은 여기까지다 — **폭을 정해 `.content.main` 에 적고 fit 한 번.**
+        //
+        // 2026-09-02 방향 전환(유저 지적): "Tabby 는 창 크기가 어떻든 알아서 줄맞춤 되잖아?" 맞다.
+        // 순정 경로는 xterm `ResizeObserver` → `fitAddon.fit()` → `session.resize()` 이고,
+        // 우리가 폭만 정해 주면 그 뒤는 Tabby 가 스스로 계산한다.
+        // 예전에는 "순정이 우리 CSS 변경을 못 따라온다"고 보고 보정을 4겹 쌓았다 —
+        // relayout 시 fit / `watchSize`(250ms 마다 fit+resize, 6초) / `syncPtySize` 재전송 사슬 /
+        // `nudgePtyRedraw`(cols-1↔cols 흔들기). 그 겹침이 순정 수렴과 경쟁하면서
+        // 프레임을 반쯤 그린 상태를 남겼고, 그게 실사용 깨짐의 정체였다(항목 24~28 은 전부 그 부작용).
+        // 전제도 로그로 반박됐다 — 폭은 탭이 생기기 전에 이미 확정돼 있는데도
+        // (`rearm kick termW -1->2000 panes=0`) 새 탭 xterm 이 254 로 뜬다. 그건 레이아웃 확정 전의
+        // 초기 측정값일 뿐이고 순정 옵저버가 어차피 수렴시킨다.
+        // 그래서 자동 보정은 전부 걷어냈다. 남은 건 이 fit 하나(순정 경로를 깨우는 용도)다.
         this.scheduleRefit();
+        // 폭이 어긋나는 사고를 다시 만나면 이 줄이 실제 값을 알려 준다 —
+        // 우리가 정한 값(termW)과 브라우저가 실제로 준 폭(clientWidth)이 다르면 그게 원인이다
+        this.diag(`${new Date().toISOString()} relayout dock=${side} avail=${availW}x${availH}`
+            + ` extent=${extent} termW=${termW} mainW=${this.mainEl.clientWidth}`);
     }
     /**
      * 폭을 바꿨으면 터미널에 반드시 알려야 한다.
@@ -2094,7 +3042,9 @@ let AgentDeckService = class AgentDeckService {
                 catch {
                     // 아직 붙지 않은 프론트엔드 — 다음 relayout 때 다시 잡힌다
                 }
-                this.syncPtySize(pane, frontend);
+                // 여기서 끝낸다. 예전에는 뒤이어 `syncPtySize` 로 pty 에 직접 크기를 쐈는데,
+                // fit() 이 이미 순정 경로(onResize → session.resize)를 태우므로 중복이고,
+                // 그 중복이 순정 수렴과 경쟁해 화면을 깨뜨렸다 (2026-09-02).
             }
         }
     }
@@ -2121,14 +3071,97 @@ let AgentDeckService = class AgentDeckService {
         if (!session || !session.open || typeof session.resize !== 'function') {
             return;
         }
+        // 이 경로는 지금까지 조용했다. 그래서 "언제 pty 폭이 바뀌었나" 가 로그에 안 남아
+        // 어긋남 사고를 만나도 발생 지점을 못 짚었다 (watchSize 의 `size fix` 만 남았다).
+        // 값이 실제로 달라질 때만 남긴다 — 같은 값 재전송은 매 refit 마다 일어나므로 시끄럽다.
+        const prev = anyPane.size;
+        if ((prev === null || prev === void 0 ? void 0 : prev.columns) !== cols || (prev === null || prev === void 0 ? void 0 : prev.rows) !== rows) {
+            this.diag(`${new Date().toISOString()} pty resize ${prev === null || prev === void 0 ? void 0 : prev.columns}x${prev === null || prev === void 0 ? void 0 : prev.rows}`
+                + ` -> ${cols}x${rows}`);
+        }
         try {
             session.resize(cols, rows);
             anyPane.size = { columns: cols, rows };
         }
         catch {
             // 세션이 막 닫혔다 — 다음 refit 때 다시 잡힌다
+            return;
+        }
+        // **보냈다고 도착한 것이 아니다.**
+        //
+        // 세션이 막 열린 직후의 `session.resize()` 는 pty 에 닿지 못하고 유실된다
+        // (2026-09-01 실측: `size fix 254x78 -> 280x78` + `pty resize` + `redraw nudge` 가
+        //  모두 돌고 `pane.size` 도 280 으로 남았는데, 같은 탭 셸에 물어보니 `PTYW=254`.
+        //  같은 호출을 몇 초 뒤에 CDP 로 하면 그때는 정상 반영된다 — 초기화 경합이다).
+        // 그런데 `pane.size` 에 낙관적으로 280 을 적어 두므로, 크기 감시(watchSize)는
+        // "이제 맞다" 고 보고 손을 뗀다. 그 뒤에 뜨는 TUI 는 254 폭으로 첫 화면을 그린다.
+        //
+        // 그래서 값이 실제로 바뀐 경우에만 같은 크기를 몇 번 더 보낸다. pty 크기가 이미
+        // 그 값이면 아무 일도 일어나지 않으므로(SIGWINCH 도 안 난다) 재전송은 무해하다.
+        if ((prev === null || prev === void 0 ? void 0 : prev.columns) !== cols || (prev === null || prev === void 0 ? void 0 : prev.rows) !== rows) {
+            for (const delay of PTY_RESIZE_RETRY_MS) {
+                setTimeout(() => {
+                    var _a, _b;
+                    const now = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm;
+                    // 그동안 폭이 또 바뀌었으면 그쪽 경로가 새 값을 보낸다 — 옛 값을 덮어쓰지 않는다
+                    if (!((_b = anyPane.session) === null || _b === void 0 ? void 0 : _b.open) || (now === null || now === void 0 ? void 0 : now.cols) !== cols || (now === null || now === void 0 ? void 0 : now.rows) !== rows) {
+                        return;
+                    }
+                    try {
+                        anyPane.session.resize(cols, rows);
+                    }
+                    catch {
+                        // 세션이 닫혔다
+                    }
+                }, delay);
+            }
+        }
+    }
+    /**
+     * pty 크기만 한 칸 줄였다 되돌려 TUI 가 화면을 다시 그리게 한다. **수동 복구 전용.**
+     *
+     * 자동 경로에서는 전부 걷어냈다 — 이 흔들기가 순정 수렴과 경쟁하며 깨진 화면을
+     * 만들어 왔다(2026-09-02). 남겨 둔 이유는 `repairPane`(사이드바 `↻` / `agentdeck-repair`)
+     * 때문이다. 거기서는 사용자가 "지금 깨졌으니 고쳐라" 를 명시로 눌렀고, 크기를 맞추는
+     * 것만으로는 앱이 다시 그리지 않는 경우가 실제로 있다 — 폭이 **실제로 바뀌어야**
+     * SIGWINCH 가 나가므로 한 칸 흔들어 두 번 내보낸다. 뒤이어 `Ctrl+L` 이 따라간다.
+     *
+     * 좁힌 값을 `pane.size` 에 그대로 적는다. 되돌리기가 유실됐는데 낙관적으로 `cols` 를
+     * 적어 두면 아무도 어긋남을 못 보고 한 열 좁은 채로 굳는다(옛 버그).
+     */
+    nudgePtyRedraw(pane) {
+        var _a, _b, _c, _d;
+        const anyPane = pane;
+        const session = anyPane.session;
+        const cols = (_b = (_a = anyPane.frontend) === null || _a === void 0 ? void 0 : _a.xterm) === null || _b === void 0 ? void 0 : _b.cols;
+        const rows = (_d = (_c = anyPane.frontend) === null || _c === void 0 ? void 0 : _c.xterm) === null || _d === void 0 ? void 0 : _d.rows;
+        if (!(session === null || session === void 0 ? void 0 : session.open) || typeof session.resize !== 'function' || !(cols > 1) || !(rows > 1)) {
+            return;
+        }
+        this.diag(`${new Date().toISOString()} redraw nudge ${cols}x${rows}`);
+        try {
+            session.resize(cols - 1, rows);
+            anyPane.size = { columns: cols - 1, rows };
+            setTimeout(() => {
+                var _a;
+                if (!((_a = anyPane.session) === null || _a === void 0 ? void 0 : _a.open)) {
+                    return;
+                }
+                // 되돌릴 값은 "지금" 의 xterm 폭이다 — 흔드는 사이 사이드바가 움직였을 수 있다
+                this.syncPtySize(pane, anyPane.frontend);
+            }, 60);
+        }
+        catch {
+            // 세션이 막 닫혔다
         }
     }
+    // 크기 감시(`watchSize` / `watchAllSizes`)도 폐지했다 (2026-09-02).
+    //
+    // 250ms 마다 `fitAddon.fit()` + `session.resize()` 를 6초간 쏘던 장치다. 목적은
+    // "xterm 은 넓어졌는데 pty 는 옛 폭" 을 잡는 것이었는데, 그 어긋남은 순정
+    // ResizeObserver 가 이미 수렴시킨다. 우리 감시는 그 수렴 도중의 중간값을 보고
+    // 계속 끼어들었고, 끝에 `nudgePtyRedraw` 흔들기까지 붙여 화면을 깨뜨렸다.
+    // 순정이 정말 못 맞추는 경우가 나오면 `screenWatch` 채증에 남는다 — 그때 근거를 갖고 되켠다.
     // ---------- 사이드바 DOM ----------
     buildSidebar() {
         const el = document.createElement('div');
@@ -2142,6 +3175,9 @@ let AgentDeckService = class AgentDeckService {
             '<div class="ad-foot">',
             '  <button class="ad-btn ad-new" title="새 탭">+ 새 탭</button>',
             '  <button class="ad-btn ad-settings" title="설정">설정</button>',
+            // 화면이 깨졌을 때 누르는 자리 — 창을 복원→최대화로 흔들던 것을 대신한다.
+            // 자주 쓰는 두 버튼(새 탭·설정) 뒤에 둔다 (2026-09-01 유저 요청)
+            '  <button class="ad-btn ad-repair" title="화면 복구 (모든 탭 다시 그리기)">↻</button>',
             '</div>',
         ].join('\n');
         // 순정 탭바보다 뒤(오른쪽)에 놓는다 — 왼쪽에 두면 세로로 길어 허전하다는 피드백(2026-08-28)
@@ -2151,9 +3187,45 @@ let AgentDeckService = class AgentDeckService {
         el.querySelector('.ad-new').addEventListener('click', () => {
             this.zone.run(() => { void this.openNewTab(); });
         });
+        el.querySelector('.ad-repair').addEventListener('click', () => {
+            this.zone.run(() => this.repair('all'));
+        });
         el.querySelector('.ad-settings').addEventListener('click', () => {
             this.zone.run(() => this.openSettings());
         });
+        // 크기/도킹은 설정 창이 아니라 마우스로 맞춘다.
+        // 드래그 중에는 relayout 이 초당 수십 번 불리므로 config.save() 는 손을 뗄 때만 부른다.
+        this.dock = new _dock__WEBPACK_IMPORTED_MODULE_11__.DockController({
+            sidebar: el,
+            windowEl: this.windowEl,
+            getDock: () => this.dockSide,
+            setDock: side => {
+                this.config.store.agentDeck.sidebarDock = side;
+            },
+            getSize: side => {
+                const cfg = this.config.store.agentDeck;
+                if (!(0,_dock__WEBPACK_IMPORTED_MODULE_11__.isHorizontalDock)(side)) {
+                    return cfg.sidebarHeight || 0;
+                }
+                // 지금 좌/우로 붙어 있다면 화면에 실제로 적용된 폭이 가장 정확하다
+                // (자동 계산 상태면 sidebarWidth 가 0 이라 물어봐야 소용이 없다)
+                return (0,_dock__WEBPACK_IMPORTED_MODULE_11__.isHorizontalDock)(this.dockSide) && this.lastSidebarW > 0
+                    ? this.lastSidebarW
+                    : (cfg.sidebarWidth || 0);
+            },
+            setSize: px => {
+                const cfg = this.config.store.agentDeck;
+                if ((0,_dock__WEBPACK_IMPORTED_MODULE_11__.isHorizontalDock)(this.dockSide)) {
+                    cfg.sidebarWidth = px;
+                }
+                else {
+                    cfg.sidebarHeight = px;
+                }
+            },
+            commit: () => this.zone.run(() => this.config.save()),
+            relayout: () => this.relayout(),
+        });
+        this.dock.install();
     }
     /** 설정에 지정된 기본 프로필(기본값 agentdeck:root)로 새 탭을 연다 */
     async openNewTab() {
@@ -2259,12 +3331,13 @@ let AgentDeckService = class AgentDeckService {
         row.style.setProperty('--ad-color', style.color);
         // [AD:...] 표식은 상태로 이미 반영했으니 제목에서는 지운다
         const tabTitle = (0,_detect__WEBPACK_IMPORTED_MODULE_7__.stripTitleMarker)(tab.customTitle || tab.title || '');
-        // 제목 줄은 라벨(= 지금 무슨 작업 중인지)이 있으면 그쪽을 쓴다.
-        // Claude Code 는 세션 시작 때 붙인 콘솔 제목을 계속 들고 있어 다음 작업으로 넘어가도
-        // 안 바뀐다(2026-08-28 실측 — 이 판정 때문에 제목을 라벨 원천으로 쓰려던 계획을 접었다).
-        // 제목만 보여주면 사이드바가 옛 작업 이름에, 최악엔 셸이 붙인 엉뚱한 문자열에 박혀 있게 된다.
-        const useLabel = this.config.store.agentDeck.labelAsTitle && !!st.label;
-        const title = (useLabel ? st.label : tabTitle) || tabTitle || '(제목 없음)';
+        // 세 줄은 서로 다른 것을 말한다 —
+        //  1) 제목: 에이전트가 세션에 붙인 이름. 세션이 사는 동안 거의 안 바뀐다
+        //     (Claude Code 는 시작 때 붙인 콘솔 제목을 계속 들고 있다, 2026-08-28 실측)
+        //  2) 프롬프트: 마지막으로 보낸 지시. 작업이 넘어갈 때마다 바뀐다
+        //  3) 상태: 지금 돌고 있는지 / 얼마나 됐는지
+        // 예전에는 1과 2를 한 줄에 겹쳐 놓느라 둘 중 하나를 못 봤다.
+        const title = tabTitle || '(제목 없음)';
         const elapsed = this.config.store.agentDeck.showElapsed
             ? this.formatElapsed(Date.now() - st.since)
             : '';
@@ -2272,9 +3345,11 @@ let AgentDeckService = class AgentDeckService {
             '<div class="ad-bar"></div>',
             '<div class="ad-body">',
             '  <div class="ad-title"></div>',
+            // 라벨은 더블클릭하면 입력창으로 바뀐다(startLabelEdit) — 그때 줄이 무너지지 않게
+            // 감싸는 줄을 따로 둔다
+            '  <div class="ad-prompt"><span class="ad-label"></span></div>',
             '  <div class="ad-meta">',
             '    <span class="ad-badge"></span>',
-            '    <span class="ad-label"></span>',
             '    <span class="ad-elapsed"></span>',
             '  </div>',
             '</div>',
@@ -2282,8 +3357,11 @@ let AgentDeckService = class AgentDeckService {
         ].join('\n');
         // textContent 로만 넣는다 — 탭 제목에 어떤 문자가 와도 마크업으로 해석되지 않게
         row.querySelector('.ad-title').textContent = title;
-        // 제목 줄로 승격된 라벨을 아래에 한 번 더 쓰지 않는다
-        row.querySelector('.ad-label').textContent = st.label === title ? '' : st.label;
+        const labelEl = row.querySelector('.ad-label');
+        // 아직 프롬프트가 없어도 줄은 남겨 둔다 — 줄 수가 들쭉날쭉하면 목록이 어지럽고,
+        // 더블클릭으로 이름을 붙일 자리도 사라진다
+        labelEl.textContent = st.label || '—';
+        labelEl.classList.toggle('empty', !st.label);
         row.querySelector('.ad-elapsed').textContent = elapsed;
         const badge = row.querySelector('.ad-badge');
         badge.textContent = style.icon + ' ' + style.label;
@@ -2358,6 +3436,11 @@ let AgentDeckService = class AgentDeckService {
             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';
@@ -2524,6 +3607,17 @@ const WAITING_RE = [
     /\[y\/N\]/i,
     /Press Enter to continue/i,
 ];
+/**
+ * 에이전트가 작업 중일 때만 화면에 내보내는 문구.
+ *
+ * 상태줄 갱신 같은 평시 출력과 구분하는 근거다 — 이 문구는 일을 붙잡고 있는 동안에만 뜨고
+ * 끝나면 사라지므로, 사라진 시점부터 시간을 재면 진행중에서 정확히 내려올 수 있다.
+ */
+const BUSY_RE = [
+    /esc to interrupt/i,
+    /ctrl\+c to (?:interrupt|cancel|stop)/i,
+    /\btokens?\b.{0,20}\besc\b/i,
+];
 const VALID = ['idle', 'running', 'waiting', 'done', 'error'];
 /** OSC 가 청크 경계에 걸리는 것을 막기 위한 잔여 버퍼 */
 const tails = new WeakMap();
@@ -2543,8 +3637,11 @@ function applyOutput(status, root, owner, data, autoDetect) {
     const buf = ((_a = tails.get(owner)) !== null && _a !== void 0 ? _a : '') + data;
     let matched = false;
     let m;
+    // 이미 처리한 OSC 가 어디까지인지 — 그 뒤만 다음 조각으로 넘긴다
+    let consumed = 0;
     OSC_RE.lastIndex = 0;
     while ((m = OSC_RE.exec(buf)) !== null) {
+        consumed = OSC_RE.lastIndex;
         const s = m[1].toLowerCase();
         if (VALID.includes(s)) {
             status.setManual(root, s, m[2]);
@@ -2552,8 +3649,11 @@ function applyOutput(status, root, owner, data, autoDetect) {
             matched = true;
         }
     }
-    // 미완성 OSC 가 남아있을 수 있으므로 꼬리만 보관
-    tails.set(owner, buf.slice(-256));
+    // 미완성 OSC 가 남아있을 수 있으므로 꼬리만 보관한다.
+    // 단 이미 처리한 부분은 반드시 버린다 — 완결된 OSC 가 짧으면 꼬리 안에 통째로 남고,
+    // 그러면 다음 출력마다 같은 시퀀스가 또 매치돼 상태가 그 값에 박혀 버린다
+    // (2026-09-01, detect 테스트에서 드러남).
+    tails.set(owner, buf.slice(Math.max(consumed, buf.length - 256)));
     if (matched || !autoDetect) {
         return;
     }
@@ -2561,6 +3661,19 @@ function applyOutput(status, root, owner, data, autoDetect) {
         status.setAuto(root, 'waiting');
         return;
     }
+    // 에이전트가 "지금 일하는 중" 이라고 스스로 밝히는 표시를 찾는다
+    if (BUSY_MARKS.some(mark => data.includes(mark)) || BUSY_RE.some(re => re.test(data))) {
+        status.markBusy(root);
+        status.setAuto(root, 'running');
+        return;
+    }
+    // 그 표시를 내는 탭(에이전트 TUI)이라면, 표시가 없는 출력은 진행중의 근거가 아니다.
+    // Claude Code 는 놀고 있을 때도 하단 상태줄을 매초 다시 그리기 때문에, 이 갈래가 없으면
+    // 사이드바가 영원히 "진행중" 에 박혀 있게 된다 (2026-09-01 실측 — 세 탭 모두 진행중).
+    if (status.isBusyMode(root)) {
+        return;
+    }
+    // 신호를 낼 줄 모르는 보통 셸 — 예전처럼 "출력이 있다 = 진행중" 으로 본다
     status.setAuto(root, 'running');
 }
 function forgetOutputBuffer(owner) {
@@ -2601,33 +3714,329 @@ function applyTitle(status, root, title, autoDetect) {
 
 /***/ },
 
-/***/ "./src/hotkeys.ts"
-/*!************************!*\
-  !*** ./src/hotkeys.ts ***!
-  \************************/
+/***/ "./src/dock.ts"
+/*!*********************!*\
+  !*** ./src/dock.ts ***!
+  \*********************/
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   AgentDeckHotkeyProvider: () => (/* binding */ AgentDeckHotkeyProvider)
+/* harmony export */   DOCK_SIDES: () => (/* binding */ DOCK_SIDES),
+/* harmony export */   DockController: () => (/* binding */ DockController),
+/* harmony export */   isDockSide: () => (/* binding */ isDockSide),
+/* harmony export */   isHorizontalDock: () => (/* binding */ isHorizontalDock)
 /* 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__);
-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;
-};
-
-
 /**
- * 핫키 "선언"만 한다.
+ * 사이드바를 마우스로 조절하는 부분 — 경계선 드래그로 크기, 헤더 드래그로 붙는 방향.
  *
- * 여기서 HotkeysService 를 주입하면 안 된다 — HotkeysService 자신이
- * HotkeyProvider 목록을 주입받으므로(tabby-core/src/services/hotkeys.service.ts:85)
+ * 설정 창에서 숫자를 넣게 하지 않고 Visual Studio 의 도킹처럼 직접 끌어서 맞추게 한다.
+ * DOM 을 직접 만지는 코드라 deck.service 밖으로 빼 두고, 값을 읽고 쓰는 통로만
+ * `DockHost` 로 받는다 (deck.service 가 config 와 relayout 을 쥐고 있으므로).
+ */
+const DOCK_SIDES = ['left', 'right', 'top', 'bottom'];
+function isDockSide(v) {
+    return DOCK_SIDES.includes(v);
+}
+/** 좌/우 도킹이면 폭, 상/하 도킹이면 높이를 다룬다 */
+function isHorizontalDock(side) {
+    return side === 'left' || side === 'right';
+}
+/** 드래그로 오해하지 않을 최소 이동 거리 (px) */
+const DRAG_THRESHOLD = 5;
+/** 존 버튼 밖에서 놓았을 때 가장자리로 인정하는 여백 비율 */
+const EDGE_RATIO = 0.25;
+class DockController {
+    constructor(host) {
+        this.host = host;
+        this.handle = null;
+        this.overlay = null;
+        this.preview = null;
+        this.zones = new Map();
+        this.resizing = false;
+        this.dragging = false;
+        this.dragArmed = false;
+        this.dragFrom = { x: 0, y: 0 };
+        this.hoverSide = null;
+    }
+    /** 사이드바가 만들어진 뒤 한 번 부른다 */
+    install() {
+        this.installResizeHandle();
+        this.installDockDrag();
+    }
+    /** 도킹 방향이 바뀌면 핸들 위치도 반대편으로 옮겨야 한다 */
+    syncHandle() {
+        if (!this.handle) {
+            return;
+        }
+        const side = this.host.getDock();
+        this.handle.className = 'ad-resize ad-resize-' + side;
+    }
+    // ---------- 경계선 드래그 (크기) ----------
+    installResizeHandle() {
+        const handle = document.createElement('div');
+        handle.className = 'ad-resize';
+        this.host.sidebar.appendChild(handle);
+        this.handle = handle;
+        this.syncHandle();
+        handle.addEventListener('pointerdown', (ev) => {
+            // 왼쪽 버튼만
+            if (ev.button !== 0) {
+                return;
+            }
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.resizing = true;
+            handle.setPointerCapture(ev.pointerId);
+            document.body.classList.add('ad-resizing');
+        });
+        handle.addEventListener('pointermove', (ev) => {
+            if (!this.resizing) {
+                return;
+            }
+            const side = this.host.getDock();
+            const rect = this.host.windowEl.getBoundingClientRect();
+            // 커서와 창 가장자리 사이의 거리가 곧 사이드바 크기다
+            let size;
+            if (side === 'right') {
+                size = rect.right - ev.clientX;
+            }
+            else if (side === 'left') {
+                size = ev.clientX - rect.left;
+            }
+            else if (side === 'bottom') {
+                size = rect.bottom - ev.clientY;
+            }
+            else {
+                size = ev.clientY - rect.top;
+            }
+            this.host.setSize(Math.round(size));
+            this.host.relayout();
+        });
+        const end = (ev) => {
+            if (!this.resizing) {
+                return;
+            }
+            this.resizing = false;
+            try {
+                handle.releasePointerCapture(ev.pointerId);
+            }
+            catch {
+                // 이미 놓쳤다 — 무시해도 상태는 위에서 정리됐다
+            }
+            document.body.classList.remove('ad-resizing');
+            this.host.commit();
+        };
+        handle.addEventListener('pointerup', end);
+        handle.addEventListener('pointercancel', end);
+    }
+    // ---------- 헤더 드래그 (도킹 방향) ----------
+    installDockDrag() {
+        const head = this.host.sidebar.querySelector('.ad-head');
+        if (!head) {
+            return;
+        }
+        head.addEventListener('pointerdown', (ev) => {
+            if (ev.button !== 0) {
+                return;
+            }
+            // 헤더 안의 버튼류를 누른 것이면 건드리지 않는다
+            if (ev.target.closest('button, input')) {
+                return;
+            }
+            this.dragArmed = true;
+            this.dragFrom = { x: ev.clientX, y: ev.clientY };
+            head.setPointerCapture(ev.pointerId);
+        });
+        head.addEventListener('pointermove', (ev) => {
+            if (!this.dragArmed) {
+                return;
+            }
+            if (!this.dragging) {
+                const dx = ev.clientX - this.dragFrom.x;
+                const dy = ev.clientY - this.dragFrom.y;
+                if (Math.hypot(dx, dy) < DRAG_THRESHOLD) {
+                    return;
+                }
+                // 여기서부터 도킹 드래그다 — 가이드를 띄운다
+                this.dragging = true;
+                this.showOverlay();
+            }
+            this.updateHover(ev.clientX, ev.clientY);
+        });
+        const end = (ev) => {
+            if (!this.dragArmed) {
+                return;
+            }
+            this.dragArmed = false;
+            try {
+                head.releasePointerCapture(ev.pointerId);
+            }
+            catch {
+                // 무시
+            }
+            if (!this.dragging) {
+                return;
+            }
+            this.dragging = false;
+            const side = this.hoverSide;
+            this.hideOverlay();
+            if (side && side !== this.host.getDock()) {
+                this.host.setDock(side);
+                this.host.relayout();
+                this.syncHandle();
+                this.host.commit();
+            }
+        };
+        head.addEventListener('pointerup', end);
+        head.addEventListener('pointercancel', end);
+    }
+    // ---------- 드롭 가이드 ----------
+    showOverlay() {
+        if (this.overlay) {
+            return;
+        }
+        const overlay = document.createElement('div');
+        overlay.className = 'ad-dock-overlay';
+        const preview = document.createElement('div');
+        preview.className = 'ad-dock-preview';
+        overlay.appendChild(preview);
+        for (const side of DOCK_SIDES) {
+            const zone = document.createElement('div');
+            zone.className = 'ad-dock-zone ad-dock-zone-' + side;
+            zone.innerHTML = '<span class="ad-dock-mark"></span>';
+            overlay.appendChild(zone);
+            this.zones.set(side, zone);
+        }
+        document.body.appendChild(overlay);
+        this.overlay = overlay;
+        this.preview = preview;
+        this.positionZones();
+    }
+    /** 존 버튼을 `.window` 네 가장자리 안쪽에 놓는다 (창이 전체화면이 아닐 수도 있으므로 매번 잰다) */
+    positionZones() {
+        const rect = this.host.windowEl.getBoundingClientRect();
+        const cx = rect.left + rect.width / 2;
+        const cy = rect.top + rect.height / 2;
+        const inset = 56;
+        const place = {
+            left: [rect.left + inset, cy],
+            right: [rect.right - inset, cy],
+            top: [cx, rect.top + inset],
+            bottom: [cx, rect.bottom - inset],
+        };
+        for (const side of DOCK_SIDES) {
+            const zone = this.zones.get(side);
+            if (!zone) {
+                continue;
+            }
+            const [x, y] = place[side];
+            zone.style.left = x + 'px';
+            zone.style.top = y + 'px';
+        }
+    }
+    /** 커서 위치로 어느 쪽에 붙일지 정하고 미리보기를 그린다 */
+    updateHover(x, y) {
+        const side = this.hitTest(x, y);
+        if (side !== this.hoverSide) {
+            this.hoverSide = side;
+            for (const [s, zone] of this.zones) {
+                zone.classList.toggle('active', s === side);
+            }
+        }
+        this.drawPreview(side);
+    }
+    /**
+     * 존 버튼 위에 있으면 그쪽, 아니면 커서가 창의 어느 가장자리 띠에 들어와 있는지로 정한다.
+     * 가운데에 있으면 null — 놓아도 아무 일이 없다.
+     */
+    hitTest(x, y) {
+        for (const [side, zone] of this.zones) {
+            const r = zone.getBoundingClientRect();
+            if (x >= r.left && x <= r.right && y >= r.top && y <= r.bottom) {
+                return side;
+            }
+        }
+        const rect = this.host.windowEl.getBoundingClientRect();
+        const dx = (x - rect.left) / rect.width;
+        const dy = (y - rect.top) / rect.height;
+        if (dx < EDGE_RATIO && dx <= dy && dx <= 1 - dy) {
+            return 'left';
+        }
+        if (dx > 1 - EDGE_RATIO && 1 - dx <= dy && 1 - dx <= 1 - dy) {
+            return 'right';
+        }
+        if (dy < EDGE_RATIO) {
+            return 'top';
+        }
+        if (dy > 1 - EDGE_RATIO) {
+            return 'bottom';
+        }
+        return null;
+    }
+    /** 놓으면 사이드바가 어디에 얼마만큼 자리잡는지 반투명 박스로 미리 보여준다 */
+    drawPreview(side) {
+        if (!this.preview) {
+            return;
+        }
+        if (!side) {
+            this.preview.style.display = 'none';
+            return;
+        }
+        const rect = this.host.windowEl.getBoundingClientRect();
+        const horizontal = isHorizontalDock(side);
+        // 방향마다 기억된 크기가 다르다 — 지금 붙어 있는 쪽이 아니라 놓으려는 쪽 값을 물어본다
+        const current = this.host.getSize(side);
+        const size = horizontal
+            ? Math.min(Math.max(current || 320, 180), rect.width * 0.6)
+            : Math.min(Math.max(current || 200, 120), rect.height * 0.6);
+        const s = this.preview.style;
+        s.display = 'block';
+        s.left = (side === 'right' ? rect.right - size : rect.left) + 'px';
+        s.top = (side === 'bottom' ? rect.bottom - size : rect.top) + 'px';
+        s.width = (horizontal ? size : rect.width) + 'px';
+        s.height = (horizontal ? rect.height : size) + 'px';
+    }
+    hideOverlay() {
+        var _a;
+        (_a = this.overlay) === null || _a === void 0 ? void 0 : _a.remove();
+        this.overlay = null;
+        this.preview = null;
+        this.zones.clear();
+        this.hoverSide = null;
+    }
+}
+
+
+/***/ },
+
+/***/ "./src/hotkeys.ts"
+/*!************************!*\
+  !*** ./src/hotkeys.ts ***!
+  \************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AgentDeckHotkeyProvider: () => (/* binding */ AgentDeckHotkeyProvider)
+/* 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__);
+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;
+};
+
+
+/**
+ * 핫키 "선언"만 한다.
+ *
+ * 여기서 HotkeysService 를 주입하면 안 된다 — HotkeysService 자신이
+ * HotkeyProvider 목록을 주입받으므로(tabby-core/src/services/hotkeys.service.ts:85)
  * 순환 의존이 되어 부분 초기화된 인스턴스가 넘어온다.
  * 실제 핫키 처리는 AgentDeckService 에서 구독한다.
  */
@@ -2646,6 +4055,10 @@ let AgentDeckHotkeyProvider = class AgentDeckHotkeyProvider extends tabby_core__
                 id: 'agentdeck-paste',
                 name: 'AgentDeck 붙여넣기 (텍스트는 그대로, 이미지는 Alt+V 로 위임)',
             },
+            {
+                id: 'agentdeck-repair',
+                name: 'AgentDeck 화면 복구 (깨진 TUI 다시 그리기)',
+            },
         ];
     }
 };
@@ -2680,6 +4093,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var path__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! path */ "path");
 /* harmony import */ var path__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(path__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var _status_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./status.service */ "./src/status.service.ts");
+/* harmony import */ var _claudeHooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./claudeHooks */ "./src/claudeHooks.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);
@@ -2696,12 +4110,17 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
+
 /**
- * 외부 도구 -> 사이드바 상태 채널. **기본은 꺼져 있다** (`notifyChannel`).
+ * 에이전트 훅 -> 사이드바 상태 채널. **기본으로 켜져 있다** (`notifyChannel`).
  *
- * 라벨은 Enter 시점 입력창에서, 상태는 출력 패턴에서 플러그인이 스스로 얻는 것이 기본 경로다
- * (claimEnterLabel / detect.ts). 설정 파일을 손봐야 도는 훅은 배포판에서 기대할 수 없어서
- * 라벨 원천에서 내렸다. 이 채널은 외부 도구가 상태를 직접 보고하고 싶을 때만 켠다.
+ * 이쪽이 상태의 정확한 원천이다 — 에이전트가 "지시를 받았다 / 승인을 기다린다 / 끝났다" 를
+ * 직접 알려준다. 출력 패턴으로 추측하는 경로(detect.ts)는 훅이 없는 환경을 위한 폴백이고,
+ * TUI 가 화면을 어떻게 그리는지에 기대는 만큼 흔들린다 (2026-09-01: Claude Code 가 놀 때도
+ * 상태줄을 매초 갱신해 진행중이 안 풀렸다).
+ *
+ * 훅은 Claude Code 쪽 설정에 있어야 해서 플러그인 설치만으로는 걸리지 않는다. 그래서
+ * 기동할 때 한 번 물어보고(promptHooksOnce), 설정 창에도 설치 버튼을 둔다(claudeHooks.ts).
  *
  * 왜 파일인가 — 콘솔 제목 방식(`hooks/agentdeck-status.ps1`)은 **훅에서는 통하지 않는다**.
  * Claude Code 는 훅을 파이프 stdio 로 띄우기 때문에 그 자식 프로세스는 터미널의 콘솔에
@@ -2725,10 +4144,11 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
  * 한 번 묶으면 그 뒤로는 활성 탭이 바뀌어도 같은 탭을 따라간다.
  */
 let WorkNotifyService = class WorkNotifyService {
-    constructor(app, config, status) {
+    constructor(app, config, status, platform) {
         this.app = app;
         this.config = config;
         this.status = status;
+        this.platform = platform;
         this.root = path__WEBPACK_IMPORTED_MODULE_5__.join(process.env.LOCALAPPDATA || path__WEBPACK_IMPORTED_MODULE_5__.join(os__WEBPACK_IMPORTED_MODULE_4__.homedir(), 'AppData', 'Local'), 'tabby-agentdeck');
         this.dir = path__WEBPACK_IMPORTED_MODULE_5__.join(this.root, 'status');
         /** 훅이 접속할 포트를 알려주는 파일 */
@@ -2743,11 +4163,75 @@ let WorkNotifyService = class WorkNotifyService {
         /** 폴링을 시작한 시각 — 이보다 오래된 파일은 지난 실행의 잔재다 */
         this.startedAt = 0;
     }
+    /**
+     * 훅이 안 걸려 있으면 기동할 때 한 번 물어본다.
+     *
+     * 훅은 Claude Code 쪽 설정(`~/.claude/settings.json`)에 있어야 해서 플러그인을 설치하는 것만으로는
+     * 걸리지 않는다. 그렇다고 말없이 남의 설정을 고칠 수는 없으니, 한 번 묻고 고른 대로 한다.
+     * "다시 묻지 않기" 를 고르면 그 뒤로는 조용하고, 설정 창의 설치 버튼은 언제든 그대로 쓸 수 있다.
+     */
+    async promptHooksOnce() {
+        var _a;
+        const cfg = this.config.store.agentDeck;
+        if (cfg.hookPromptDismissed || !(0,_claudeHooks__WEBPACK_IMPORTED_MODULE_7__.hooksSupported)()) {
+            return;
+        }
+        try {
+            if ((0,_claudeHooks__WEBPACK_IMPORTED_MODULE_7__.hooksInstalled)()) {
+                return;
+            }
+        }
+        catch {
+            // 설정을 못 읽었다 — 그 상태로 남의 파일을 고치자고 권할 수는 없다
+            return;
+        }
+        const r = await this.platform.showMessageBox({
+            // 이 타입에는 'question' 이 없다 (tabby-core MessageBoxOptions) — 경고로 띄우면
+            // 필요 이상으로 겁을 주므로 'warning' 대신 형만 맞추고 문구로 성격을 드러낸다
+            type: 'warning',
+            message: 'AgentDeck — Claude Code 상태 통보를 연결할까요?',
+            detail: [
+                '연결하면 에이전트가 "지시를 받았다 / 승인을 기다린다 / 끝났다" 를 사이드바에 직접 알려줍니다.',
+                '연결하지 않아도 동작은 하지만, 화면에 그려진 글자를 보고 추측하는 방식이라 상태가 부정확할 수 있습니다.',
+                '',
+                `설치 위치: ${(0,_claudeHooks__WEBPACK_IMPORTED_MODULE_7__.claudeSettingsPath)()}`,
+                '기존 훅은 건드리지 않고, 쓰기 전에 같은 폴더에 백업을 남깁니다. 설정 창에서 언제든 제거할 수 있습니다.',
+            ].join('\n'),
+            buttons: ['연결한다', '나중에', '다시 묻지 않기'],
+            defaultId: 0,
+            cancelId: 1,
+        });
+        if (r.response === 0) {
+            try {
+                (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_7__.installHooks)();
+                if (!cfg.notifyChannel) {
+                    cfg.notifyChannel = true;
+                }
+                this.config.save();
+            }
+            catch (e) {
+                await this.platform.showMessageBox({
+                    type: 'error',
+                    message: 'AgentDeck — 훅을 설치하지 못했습니다.',
+                    detail: `${(_a = e === null || e === void 0 ? void 0 : e.message) !== null && _a !== void 0 ? _a : e}`,
+                    buttons: ['확인'],
+                });
+            }
+            return;
+        }
+        if (r.response === 2) {
+            cfg.hookPromptDismissed = true;
+            this.config.save();
+        }
+    }
     init() {
         this.app.ready$.subscribe(() => {
-            // 기본은 꺼져 있다 — 라벨은 Enter 시점 입력창에서, 상태는 출력 패턴에서 코드가 스스로
-            // 얻는다(claimEnterLabel / detect.ts). 바깥에서 밀어 넣을 것이 없는데 채널만 열어 두면
-            // 400ms 폴링과 포트 점유가 헛돈다. 외부 도구가 직접 보고하고 싶을 때만 켠다
+            // 훅이 안 걸려 있으면 기동할 때 한 번 물어본다. 통로만 열려 있고 보고자가 없으면
+            // 아무 일도 일어나지 않는데, 사용자 눈에는 그냥 "상태가 이상하다" 로만 보인다.
+            // 기동 직후는 화면이 정신없으니 조금 뒤에 띄운다
+            setTimeout(() => { void this.promptHooksOnce(); }, 3000);
+            // 채널이 닫혀 있으면 훅이 보낸 보고가 어디에도 닿지 않는다.
+            // 기본은 열려 있고, 비용은 유휴 포트 하나와 400ms 폴링뿐이다
             if (!this.config.store.agentDeck.notifyChannel) {
                 return;
             }
@@ -2919,7 +4403,7 @@ let WorkNotifyService = class WorkNotifyService {
         // 제목을 라벨 원천으로 쓸 수 있는지 보려고 한동안 비워 뒀고, 판정은 났다 —
         // Claude Code 는 세션 첫 작업을 요약해 제목에 한 번 박고 그 뒤로 갱신하지 않는다.
         // 그래서 라벨은 Enter 시점 입력창에서 직접 읽고(claimEnterLabel), 사이드바는
-        // 제목 대신 그 라벨을 제목 줄에 그린다(labelAsTitle). 여기서 제목을 덮어쓸 이유가 없다.
+        // 제목과 그 라벨을 각자 줄에 나눠 그린다(renderTab). 여기서 제목을 덮어쓸 이유가 없다.
     }
     /**
      * 세션에 묶인 탭을 찾는다. 처음 보는 세션이면 지금 활성 탭에 묶는다.
@@ -2951,7 +4435,8 @@ WorkNotifyService = __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,
-        _status_service__WEBPACK_IMPORTED_MODULE_6__.WorkStatusService])
+        _status_service__WEBPACK_IMPORTED_MODULE_6__.WorkStatusService,
+        tabby_core__WEBPACK_IMPORTED_MODULE_1__.PlatformService])
 ], WorkNotifyService);
 
 
@@ -3017,9 +4502,9 @@ let AgentDeckProfileService = class AgentDeckProfileService {
                 args: [...(cfg.rootProfileArgs || [])],
                 cwd: cfg.rootProfileCwd,
                 env: { ...(cfg.rootProfileEnv || {}) },
-                // Tabby 를 이미 관리자로 띄웠다면 자식 프로세스가 권한을 물려받으므로
-                // 이 값은 꺼두는 편이 낫다 (켜면 탭마다 UAC 창이 뜬다)
-                runAsAdministrator: !!cfg.rootProfileAdmin,
+                // 권한 승격(runAsAdministrator)은 이 플러그인이 다루지 않는다 — Tabby 를 어떤 권한으로
+                // 띄울지는 사용자의 몫이다. 단 프로필에 runAsAdministrator 를 켜면 Tabby 가 셸을
+                // UAC.exe 릴레이로 감싸고 그 릴레이가 폭 1칸을 잃어 TUI 입력창이 깨진다(README 알려진 문제).
             },
         };
         if (existing) {
@@ -3161,6 +4646,477 @@ function extractPrompt(lines) {
 }
 
 
+/***/ },
+
+/***/ "./src/screen.ts"
+/*!***********************!*\
+  !*** ./src/screen.ts ***!
+  \***********************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   judgeScreen: () => (/* binding */ judgeScreen)
+/* harmony export */ });
+/**
+ * 터미널 화면이 깨졌는지 판정한다.
+ *
+ * "깨졌다" 의 정체는 하나다 — **TUI 가 아는 폭과 xterm 이 가진 폭이 다르다.**
+ * 그러면 TUI 가 그린 한 행이 xterm 에서 두 행으로 접히거나(폭이 더 크다),
+ * 행 오른쪽에 옛 프레임이 남는다(폭이 더 작다). 눈으로는 "입력창 구분선이 중간에서 끊긴다",
+ * "가로선과 입력 텍스트가 한 줄에 섞인다" 로 보인다.
+ *
+ * 정상 화면의 모양은 실측해서 확정했다 (2026-09-01, Claude Code 2.1.x, CDP 로 xterm 버퍼 원문).
+ * 사이드바를 켠 창(cols=280)과 순정 창(cols=360) 양쪽에서 완전히 같은 구조가 나왔다.
+ *
+ *   71 wrapped=0 len=278 "                    …           ● high · /effort"   ← 오른쪽 정렬 힌트
+ *   72 wrapped=0 len=280 "──────────────────────────────────────────────────"  ← len == cols
+ *   73 wrapped=1 len=  1 "❯"                                                  ← wrapped=1 이 정상
+ *   74 wrapped=0 len=280 "──────────────────────────────────────────────────"  ← len == cols
+ *   75 wrapped=0 len=155 "  ⚠ Transcript saving is off — …"
+ *   76 wrapped=0 len= 58 "  ⏱ 1s  컨텍스트 사용량: …"
+ *   77 wrapped=0 len= 38 "  ⏵⏵ auto mode on (shift+tab to cycle)"
+ *
+ * 여기서 놓치기 쉬운 세 가지 —
+ *  - 가로선은 **cols 를 정확히 꽉 채운다**. 그래서 그 다음 줄에 `wrapped=1` 이 붙는 것은
+ *    xterm 의 pending-wrap 이고 **정상이다**. `wrapped` 만 보고 깨졌다고 판정하면 안 된다.
+ *  - 프롬프트 오른쪽에 오는 힌트(`● high · /effort`, `Try "how does …"`)는 **별도 줄**이다.
+ *    프롬프트 줄과 같은 줄에 두 개의 머리(`❯`/`>`)가 보이면 그것이 깨진 화면이다.
+ *  - **폭이 다 맞아도 깨진 화면이 있다.** 테두리 두 줄이 맞붙어 `❯` 가 들어갈 행이
+ *    사라지는 모양인데, 두 테두리 모두 cols 를 꽉 채우므로 폭 기준 판정은 전부 통과한다
+ *    (2026-09-02: 사람 눈으로도 이 도구로도 "정상" 이라고 오판했다). 그래서 폭만이 아니라
+ *    **입력할 자리가 있는가**(테두리 사이 간격 ≥ 2)를 같이 본다.
+ *
+ * xterm 없이 검증할 수 있도록 줄 배열만 받는 순수 함수로 둔다.
+ */
+/**
+ * 가로선만으로 된 줄 (입력창 위/아래 테두리).
+ * 두 글자까지 내려 잡는 이유 — 테두리가 화면 폭을 넘치면 다음 줄에 한두 칸짜리
+ * 자투리로 떨어진다 (실측: cols=280 화면에 280칸 + `──` 2칸).
+ */
+const RULE_RE = /^[─━═]{2,}$/;
+/** 입력창 머리글자 — prompt.ts 와 같은 집합. 뒤가 줄 끝이어도(빈 입력창) 머리다 */
+const HEAD_RE = /^[>❯›❭➜](\s|$)/;
+/** 줄 어딘가에 있는 머리글자 — 가로선과 섞였는지 볼 때 쓴다 */
+const HEAD_ANYWHERE_RE = /[>❯›❭➜](\s|$)/;
+/** 선택지 커서(`❯ 1. Yes`)는 입력창 머리가 아니다 */
+const CHOICE_RE = /^[>❯›❭➜]\s*(\d+[.)]\s|(?:Yes|No)\b)/i;
+/** 가로선 문자 */
+const RULE_CHAR_RE = /[─━═]/;
+function judgeScreen(lines, cols) {
+    const reasons = [];
+    if (!(cols > 1) || !lines.length) {
+        return { broken: false, reasons: [] };
+    }
+    const rules = [];
+    const heads = [];
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        const body = line.text.replace(/\s+$/, '');
+        if (!body) {
+            continue;
+        }
+        if (RULE_RE.test(body)) {
+            rules.push(i);
+            // 테두리는 화면 폭을 꽉 채운다. 짧으면 TUI 가 더 좁은 폭으로 그린 것이고,
+            // 그보다 짧은 자투리 줄이면 넘쳐 접힌 꼬리다 — 어느 쪽이든 폭이 어긋났다.
+            //
+            // 2026-09-02: `cols - 1` 도 정상으로 봐주도록 한 번 완화했다가 되돌렸다.
+            // 근거로 삼은 `len=279` 스냅샷이 **전부 깨짐으로 판정된 화면**이었고,
+            // 같은 로그의 정상 표본(`auto-after 복구됨`)은 `len == cols == 280` 이었다.
+            // 병상 표본을 정상 기준으로 삼으면 안 된다.
+            if (body.length !== cols) {
+                reasons.push(`rule@${i} len=${body.length} != cols=${cols}`);
+            }
+            continue;
+        }
+        // 가로선과 다른 글자가 한 줄에 섞였다.
+        // 상자형 입력창(`╭──╮` / `│ > … │`)을 쓰는 앱도 있으므로, 머리글자가 같은 줄에
+        // 함께 있을 때만 깨진 것으로 본다 — 그것이 "가로선과 입력 텍스트가 섞인" 그 증상이다.
+        if (RULE_CHAR_RE.test(body) && HEAD_ANYWHERE_RE.test(body)) {
+            reasons.push(`mixed@${i} ${JSON.stringify(body.slice(0, 40))}`);
+        }
+        if (HEAD_RE.test(body) && !CHOICE_RE.test(body)) {
+            heads.push(i);
+        }
+    }
+    // 입력창 **안에** 머리가 두 개 이상 보인다 = 옛 프레임이 지워지지 않았다.
+    //
+    // 화면 전체의 머리 수를 세면 안 된다 — Claude Code 는 지난 사용자 프롬프트를
+    // `❯ 내가 보낸 말` 로 대화 이력에 남기고, 큐에 쌓인 메시지도 같은 모양으로 나열한다.
+    // 그래서 정상 화면에도 머리가 예사로 일곱 개 보인다 (2026-09-01 실측: `heads=7` 오탐으로
+    // 자동 복구가 2초마다 헛돌았다). 판정은 입력창 테두리(가로선) 사이 구간에서만 한다.
+    //
+    // 판정은 **맨 아래 두 테두리** 사이에서만 한다. 위쪽 테두리를 `rules[0]` 으로 잡으면
+    // 대화 이력에 스크롤되어 남은 옛 입력창의 테두리를 물어, 그 사이의 지난 프롬프트가
+    // 전부 머리로 세어진다. 입력창은 언제나 화면 맨 아래에 있다.
+    // 자투리 테두리(폭이 안 맞는 줄)는 위치 기준이 못 되므로 **화면 폭을 꽉 채운 것**만 쓴다.
+    const fullRules = rules.filter(i => lines[i].text.replace(/\s+$/, '').length === cols);
+    if (fullRules.length >= 2) {
+        const bottom = fullRules[fullRules.length - 1];
+        const top = fullRules[fullRules.length - 2];
+        // **입력할 자리가 없다** — 테두리 두 줄이 맞붙어 `❯` 가 들어갈 행이 사라졌다.
+        //
+        // 이것이 2026-09-02 에 사람 눈으로도 도구로도 놓친 그 증상이다. 폭은 멀쩡해서
+        // (테두리 둘 다 cols 를 꽉 채운다) 폭 기준 판정은 전부 통과해 버린다. 실측 픽셀:
+        // 가로선 y=59 와 y=76 이 행높이(17px) 1행 간격, 그 사이 커서 글리프가 아래 선을 관통.
+        // 정상이라면 두 테두리는 최소 한 행(입력줄)을 사이에 두므로 간격이 2 이상이다.
+        if (bottom - top < 2) {
+            reasons.push(`입력창에 자리가 없다 (테두리 ${top}·${bottom} 이 맞붙었다)`);
+        }
+        else {
+            const inside = heads.filter(i => i > top && i < bottom).length;
+            // 머리가 0 개인 것은 깨짐으로 보지 않는다 — 선택지 커서(`❯ 1. Yes`)만 있는
+            // 정상 화면이 그렇게 보인다 (CHOICE_RE 로 빼고 나면 머리가 0 이 된다).
+            if (inside > 1) {
+                reasons.push(`입력창 안 머리=${inside} (기대 1)`);
+            }
+        }
+    }
+    // **아래 테두리가 통째로 사라졌다.**
+    //
+    // 2026-09-02 실사용 실측(창 캡처 픽셀 스캔, 행높이 17px): 가로선이 `y=1295` 하나뿐이고
+    // 프롬프트 글리프(y≈1304~1320) 아래 `y≈1329` 에 있어야 할 두 번째 가로선이 없었다.
+    // 이 모양은 위 규칙들이 전부 통과한다 — 남은 테두리 하나는 폭을 꽉 채우고(폭 규칙 통과),
+    // 테두리가 하나뿐이라 `fullRules.length >= 2` 가 거짓이라 자리 규칙도 건너뛰고,
+    // `rules.length > 1` 도 거짓이라 섞임 규칙도 안 본다. 판정의 구멍이었다.
+    //
+    // 머리 **바로 위** 가 폭을 꽉 채운 테두리일 때만 본다. 그래야 3줄 입력창(`──/❯/──`)을
+    // 쓰는 화면에만 적용되고, 테두리가 없는 일반 셸이나 상자형 입력창은 건드리지 않는다.
+    // 대화 이력에 남은 옛 `❯ 내가 보낸 말` 도 안전하다 — 그 아래에는 현재 입력창의
+    // 테두리가 있으므로 "아래에 테두리가 없다" 조건에 걸리지 않는다.
+    if (heads.length && fullRules.length) {
+        const head = heads[heads.length - 1];
+        const topAttached = fullRules.includes(head - 1);
+        const belowHead = fullRules.some(i => i > head);
+        if (topAttached && !belowHead) {
+            reasons.push(`입력창 아래 테두리가 없다 (머리@${head}, 위 테두리@${head - 1})`);
+        }
+    }
+    // 테두리 길이가 서로 다르면 두 폭이 화면에 공존한다
+    if (rules.length > 1) {
+        const lens = new Set(rules.map(i => lines[i].text.replace(/\s+$/, '').length));
+        if (lens.size > 1) {
+            reasons.push(`rule lens=${[...lens].join(',')} (섞임)`);
+        }
+    }
+    return { broken: reasons.length > 0, reasons };
+}
+
+
+/***/ },
+
+/***/ "./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");
+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 DOCK_LABELS = {
+    left: '왼쪽',
+    right: '오른쪽',
+    top: '위쪽',
+    bottom: '아래쪽',
+};
+/**
+ * 설정 > AgentDeck 탭.
+ *
+ * 사용자가 실제로 바꿀 일이 있는 두 가지만 노출한다 — 레이아웃 on/off 와 작업 루트 프로필.
+ * 나머지(화면비, 사이드바 폭, 투명도, 상태 감지, 입력 가로채기, 렌더 보정, 통보 채널)는
+ * 손댈 이유가 거의 없고 잘못 만지면 화면이 깨지는 값이라 `config.ts` 의 기본값으로 고정하고
+ * 설정 창에서는 뺐다. 정말 필요하면 설정 파일의 `agentDeck.*` 를 직접 고친다.
+ *
+ * `enabled` 는 deck.service 가 `config.changed$` 를 구독해 즉시 반영한다(deck.service.ts:256).
+ * 루트 프로필은 기동 시 한 번만 읽으므로 재시작이 필요하다고 적어 둔다.
+ */
+let AgentDeckSettingsTabComponent = class AgentDeckSettingsTabComponent {
+    constructor(config, platform) {
+        this.config = config;
+        this.platform = platform;
+        /** 이 환경에서 훅을 걸 수 있나 (통보 스크립트가 PowerShell 이라 Windows 전용) */
+        this.hooksSupported = (0,_claudeHooks__WEBPACK_IMPORTED_MODULE_3__.hooksSupported)();
+        /** 지금 걸려 있나 — 파일을 매번 읽지 않도록 화면용으로 들고 있는다 */
+        this.hooksOn = false;
+        /** 훅을 쓰다 실패한 이유 — 조용히 삼키면 사용자는 버튼이 먹통인 줄 안다 */
+        this.hookError = '';
+        this.refreshHooks();
+    }
+    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 도 슬래시 경로를 받는다.
+     */
+    /** 배치가 기본값에서 벗어나 있나 — 벗어나 있을 때만 초기화 버튼이 살아 있다 */
+    layoutChanged() {
+        const cfg = this.config.store.agentDeck;
+        return Object.keys(_config__WEBPACK_IMPORTED_MODULE_2__.LAYOUT_DEFAULTS).some(k => cfg[k] !== _config__WEBPACK_IMPORTED_MODULE_2__.LAYOUT_DEFAULTS[k]);
+    }
+    dockLabel() {
+        var _a;
+        return (_a = DOCK_LABELS[this.config.store.agentDeck.sidebarDock]) !== null && _a !== void 0 ? _a : '오른쪽';
+    }
+    sizeLabel() {
+        const cfg = this.config.store.agentDeck;
+        if (cfg.sidebarDock === 'top' || cfg.sidebarDock === 'bottom') {
+            return '높이 ' + cfg.sidebarHeight + 'px';
+        }
+        return cfg.sidebarWidth ? '폭 ' + cfg.sidebarWidth + 'px' : '폭 자동';
+    }
+    /**
+     * 도킹 방향과 크기만 기본값으로 되돌린다.
+     *
+     * 되돌리기 쉬운 조작이라 확인 창은 두지 않는다. `config.save()` 가 `changed$` 를 발화시키고
+     * deck.service 가 그걸 받아 곧바로 다시 배치하므로(deck.service.ts:256) 재시작도 필요 없다.
+     */
+    resetLayout() {
+        Object.assign(this.config.store.agentDeck, _config__WEBPACK_IMPORTED_MODULE_2__.LAYOUT_DEFAULTS);
+        this.config.save();
+    }
+    async pickCwd() {
+        const picked = await this.platform.pickDirectory('작업 폴더 선택');
+        if (!picked) {
+            return;
+        }
+        this.config.store.agentDeck.rootProfileCwd = String(picked).replace(/\\/g, '/');
+        this.config.save();
+    }
+};
+AgentDeckSettingsTabComponent = __decorate([
+    (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Component)({
+        selector: 'agentdeck-settings-tab',
+        template: `
+<h3 class="mb-3">AgentDeck</h3>
+
+<div class="form-line">
+    <div class="header">
+        <div class="title">레이아웃 사용</div>
+        <div class="description">끄면 사이드바와 고정폭 레이아웃이 사라지고 Tabby 순정 화면으로 돌아간다.</div>
+    </div>
+    <toggle [(ngModel)]="config.store.agentDeck.enabled" (ngModelChange)="config.save()"></toggle>
+</div>
+
+<div class="form-line">
+    <div class="header">
+        <div class="title">UI 배치 초기화</div>
+        <div class="description">
+            마우스로 바꾼 사이드바 위치와 크기를 처음 상태로 되돌린다 —
+            오른쪽 도킹 + 화면비로 자동 계산한 폭.
+            <span *ngIf="layoutChanged()">지금: {{dockLabel()}} 도킹, {{sizeLabel()}}.</span>
+            <span *ngIf="!layoutChanged()">지금은 기본 상태다.</span>
+        </div>
+    </div>
+    <button class="btn btn-secondary" type="button" [disabled]="!layoutChanged()" (click)="resetLayout()">
+        <i class="fas fa-undo me-2"></i>초기화
+    </button>
+</div>
+
+<h3 class="mt-4 mb-3">Claude Code 연동</h3>
+<div class="text-muted mb-3">
+    에이전트가 "지시를 받았다 / 승인을 기다린다 / 끝났다" 를 직접 알려주게 한다.
+    이게 사이드바 상태의 가장 정확한 원천이다 — 걸지 않으면 화면에 그려진 글자를 보고
+    추측하는 방식으로 동작하고, 그만큼 판정이 흔들린다.
+</div>
+
+<div class="form-line" *ngIf="!hooksSupported">
+    <div class="header">
+        <div class="title">이 환경에서는 걸 수 없다</div>
+        <div class="description">통보 스크립트가 PowerShell 이라 Windows 에서만 동작한다. 상태는 출력 패턴으로 추측한다.</div>
+    </div>
+</div>
+
+<div class="form-line" *ngIf="hooksSupported">
+    <div class="header">
+        <div class="title">상태 통보 훅</div>
+        <div class="description">
+            {{hooksOn ? '설치됨' : '설치 안 됨'}} — <code>~/.claude/settings.json</code> 의
+            UserPromptSubmit / Notification / Stop 에 걸린다. 다른 훅은 건드리지 않고,
+            쓰기 전에 같은 폴더에 백업을 남긴다.
+            <span *ngIf="hookError" class="text-danger d-block mt-1">{{hookError}}</span>
+        </div>
+    </div>
+    <button class="btn" type="button"
+            [class.btn-secondary]="!hooksOn" [class.btn-outline-danger]="hooksOn"
+            (click)="toggleHooks()">
+        <i class="fas me-2" [class.fa-plug]="!hooksOn" [class.fa-trash]="hooksOn"></i>
+        {{hooksOn ? '제거' : '설치'}}
+    </button>
+</div>
+
+<div class="form-line" *ngIf="hooksSupported && hooksOn">
+    <div class="header">
+        <div class="title">통보 채널</div>
+        <div class="description">훅이 보낸 상태를 받는 통로. 꺼져 있으면 훅을 걸어도 전달되지 않는다. 변경은 Tabby 재시작 후 적용된다.</div>
+    </div>
+    <toggle [(ngModel)]="config.store.agentDeck.notifyChannel" (ngModelChange)="config.save()"></toggle>
+</div>
+
+<h3 class="mt-4 mb-3">작업 루트 프로필</h3>
+<div class="text-muted mb-3">새 탭이 항상 같은 작업 폴더에서 뜨도록 전용 프로필을 만든다. 변경은 Tabby 재시작 후 적용된다.</div>
+
+<div class="form-line">
+    <div class="header">
+        <div class="title">루트 프로필 사용</div>
+        <div class="description">켜고 작업 폴더를 채우면 해당 프로필을 만들어 기본 프로필로 삼는다.</div>
+    </div>
+    <toggle [(ngModel)]="config.store.agentDeck.rootProfile" (ngModelChange)="config.save()"></toggle>
+</div>
+
+<ng-container *ngIf="config.store.agentDeck.rootProfile">
+    <div class="form-line">
+        <div class="header">
+            <div class="title">프로필 이름</div>
+        </div>
+        <input class="form-control w-50" type="text"
+               [(ngModel)]="config.store.agentDeck.rootProfileName" (change)="config.save()">
+    </div>
+
+    <div class="form-line">
+        <div class="header">
+            <div class="title">작업 폴더</div>
+            <div class="description">비우면 프로필을 만들지 않는다. 직접 적을 때는 백슬래시 이스케이프 함정을 피하려고 슬래시로 적는다 (예: D:/Project).</div>
+        </div>
+        <div class="input-group w-50">
+            <input class="form-control" type="text" placeholder="D:/Project"
+                   [(ngModel)]="config.store.agentDeck.rootProfileCwd" (change)="config.save()">
+            <button class="btn btn-secondary" type="button" (click)="pickCwd()">
+                <i class="fas fa-folder-open me-2"></i>찾아보기
+            </button>
+        </div>
+    </div>
+
+    <div class="form-line">
+        <div class="header">
+            <div class="title">실행 명령</div>
+        </div>
+        <input class="form-control w-50" type="text"
+               [(ngModel)]="config.store.agentDeck.rootProfileCommand" (change)="config.save()">
+    </div>
+
+</ng-container>
+
+<div class="text-muted mt-4">
+    화면비·사이드바 폭·투명도·상태 감지·입력 처리 등 나머지 값은 기본값으로 고정돼 있다.
+    바꿔야 한다면 설정 파일의 <code>agentDeck.*</code> 를 직접 고친다.
+    단축키는 <b>단축키</b> 탭의 <code>agentdeck-*</code> 항목에서 바꾼다.
+</div>
+`,
+    }),
+    __metadata("design:paramtypes", [tabby_core__WEBPACK_IMPORTED_MODULE_1__.ConfigService,
+        tabby_core__WEBPACK_IMPORTED_MODULE_1__.PlatformService])
+], AgentDeckSettingsTabComponent);
+
+
+
+/***/ },
+
+/***/ "./src/settings.ts"
+/*!*************************!*\
+  !*** ./src/settings.ts ***!
+  \*************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AgentDeckSettingsTabProvider: () => (/* binding */ AgentDeckSettingsTabProvider)
+/* 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_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tabby-settings */ "tabby-settings");
+/* harmony import */ var tabby_settings__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tabby_settings__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _settings_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./settings.component */ "./src/settings.component.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;
+};
+
+
+
+/**
+ * 설정 창 왼쪽 목록에 AgentDeck 탭을 끼워 넣는다.
+ * `weight` 를 주지 않으면 등록 순서 뒤쪽에 붙는다 — 순정 탭들 아래로 가도록 그대로 둔다.
+ */
+let AgentDeckSettingsTabProvider = class AgentDeckSettingsTabProvider extends tabby_settings__WEBPACK_IMPORTED_MODULE_1__.SettingsTabProvider {
+    constructor() {
+        super(...arguments);
+        this.id = 'agentdeck';
+        this.icon = 'layer-group';
+        this.title = 'AgentDeck';
+    }
+    getComponentType() {
+        return _settings_component__WEBPACK_IMPORTED_MODULE_2__.AgentDeckSettingsTabComponent;
+    }
+};
+AgentDeckSettingsTabProvider = __decorate([
+    (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.Injectable)()
+], AgentDeckSettingsTabProvider);
+
+
+
 /***/ },
 
 /***/ "./src/status.service.ts"
@@ -3206,7 +5162,10 @@ let WorkStatusService = class WorkStatusService {
     get(tab) {
         let s = this.states.get(tab);
         if (!s) {
-            s = { status: 'idle', label: '', since: Date.now(), pinned: false, lastOutput: 0 };
+            s = {
+                status: 'idle', label: '', since: Date.now(), pinned: false,
+                lastOutput: 0, busyMode: false, lastBusy: 0,
+            };
             this.states.set(tab, s);
         }
         return s;
@@ -3247,6 +5206,21 @@ let WorkStatusService = class WorkStatusService {
     markOutput(tab) {
         this.get(tab).lastOutput = Date.now();
     }
+    /**
+     * 에이전트가 "작업 중" 이라고 스스로 밝힌 순간 — 스피너나 "esc to interrupt" 같은 표시.
+     *
+     * 이 신호를 한 번이라도 본 탭은 그 뒤로 신호만 보고 판단한다(busyMode).
+     * 상태줄을 매초 다시 그리는 TUI 를 "계속 일하는 중" 으로 오해하지 않기 위해서다.
+     */
+    markBusy(tab) {
+        const s = this.get(tab);
+        s.busyMode = true;
+        s.lastBusy = Date.now();
+    }
+    /** 이 탭을 에이전트 TUI 로 볼지 — 아니면 예전처럼 출력 유무로 판단한다 */
+    isBusyMode(tab) {
+        return this.get(tab).busyMode;
+    }
     forget(tab) {
         this.states.delete(tab);
         this.changed.next();
@@ -3257,7 +5231,10 @@ let WorkStatusService = class WorkStatusService {
         if (s.pinned || s.status !== 'running') {
             return false;
         }
-        if (s.lastOutput && Date.now() - s.lastOutput > idleAfterMs) {
+        // 에이전트 탭은 "작업 중" 신호가 끊긴 시점부터 잰다.
+        // 일반 셸은 예전대로 출력이 끊긴 시점부터 잰다 (신호를 낼 줄 모르므로)
+        const from = s.busyMode ? s.lastBusy : s.lastOutput;
+        if (from && Date.now() - from > idleAfterMs) {
             s.status = 'idle';
             s.since = Date.now();
             return true;
@@ -3303,6 +5280,16 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__angular_core__;
 
 /***/ },
 
+/***/ "@angular/forms"
+/*!*********************************!*\
+  !*** external "@angular/forms" ***!
+  \*********************************/
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__angular_forms__;
+
+/***/ },
+
 /***/ "electron"
 /*!***************************!*\
   !*** external "electron" ***!
@@ -3460,25 +5447,31 @@ 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_11__.STATUS_STYLES),
+/* harmony export */   STATUS_STYLES: () => (/* reexport safe */ _api__WEBPACK_IMPORTED_MODULE_15__.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");
 /* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_angular_core__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "@angular/common");
 /* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_angular_common__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tabby-core */ "tabby-core");
-/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var tabby_terminal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tabby-terminal */ "tabby-terminal");
-/* harmony import */ var tabby_terminal__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tabby_terminal__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./config */ "./src/config.ts");
-/* harmony import */ var _hotkeys__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hotkeys */ "./src/hotkeys.ts");
-/* harmony import */ var _decorator__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./decorator */ "./src/decorator.ts");
-/* harmony import */ var _deck_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./deck.service */ "./src/deck.service.ts");
-/* harmony import */ var _profile_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./profile.service */ "./src/profile.service.ts");
-/* harmony import */ var _notify_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./notify.service */ "./src/notify.service.ts");
-/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles.scss */ "./src/styles.scss");
-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./api */ "./src/api.ts");
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "@angular/forms");
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_angular_forms__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tabby-core */ "tabby-core");
+/* harmony import */ var tabby_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(tabby_core__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var tabby_settings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! tabby-settings */ "tabby-settings");
+/* harmony import */ var tabby_settings__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(tabby_settings__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var tabby_terminal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! tabby-terminal */ "tabby-terminal");
+/* harmony import */ var tabby_terminal__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tabby_terminal__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./config */ "./src/config.ts");
+/* harmony import */ var _hotkeys__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./hotkeys */ "./src/hotkeys.ts");
+/* harmony import */ var _decorator__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./decorator */ "./src/decorator.ts");
+/* harmony import */ var _deck_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./deck.service */ "./src/deck.service.ts");
+/* harmony import */ var _profile_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./profile.service */ "./src/profile.service.ts");
+/* harmony import */ var _notify_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./notify.service */ "./src/notify.service.ts");
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _settings_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./settings.component */ "./src/settings.component.ts");
+/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./styles.scss */ "./src/styles.scss");
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_15__ = __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);
@@ -3500,6 +5493,10 @@ var __metadata = (undefined && undefined.__metadata) || function (k, v) {
 
 
 
+
+
+
+
 let AgentDeckModule = class AgentDeckModule {
     constructor(deck, profiles, notify) {
         // 세 서비스 모두 app.ready$ 를 기다렸다가 스스로 붙는다
@@ -3512,17 +5509,23 @@ AgentDeckModule = __decorate([
     (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.NgModule)({
         imports: [
             _angular_common__WEBPACK_IMPORTED_MODULE_1__.CommonModule,
-            (tabby_core__WEBPACK_IMPORTED_MODULE_2___default()),
+            // 설정 탭이 [(ngModel)] 로 config.store 를 직접 물고 있어서 필요하다
+            _angular_forms__WEBPACK_IMPORTED_MODULE_2__.FormsModule,
+            (tabby_core__WEBPACK_IMPORTED_MODULE_3___default()),
         ],
         providers: [
-            { provide: tabby_core__WEBPACK_IMPORTED_MODULE_2__.ConfigProvider, useClass: _config__WEBPACK_IMPORTED_MODULE_4__.AgentDeckConfigProvider, multi: true },
-            { provide: tabby_core__WEBPACK_IMPORTED_MODULE_2__.HotkeyProvider, useClass: _hotkeys__WEBPACK_IMPORTED_MODULE_5__.AgentDeckHotkeyProvider, multi: true },
-            { provide: tabby_terminal__WEBPACK_IMPORTED_MODULE_3__.TerminalDecorator, useClass: _decorator__WEBPACK_IMPORTED_MODULE_6__.AgentDeckDecorator, multi: true },
+            { 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_12__.AgentDeckSettingsTabProvider, multi: true },
+        ],
+        declarations: [
+            _settings_component__WEBPACK_IMPORTED_MODULE_13__.AgentDeckSettingsTabComponent,
         ],
     }),
-    __metadata("design:paramtypes", [_deck_service__WEBPACK_IMPORTED_MODULE_7__.AgentDeckService,
-        _profile_service__WEBPACK_IMPORTED_MODULE_8__.AgentDeckProfileService,
-        _notify_service__WEBPACK_IMPORTED_MODULE_9__.WorkNotifyService])
+    __metadata("design:paramtypes", [_deck_service__WEBPACK_IMPORTED_MODULE_9__.AgentDeckService,
+        _profile_service__WEBPACK_IMPORTED_MODULE_10__.AgentDeckProfileService,
+        _notify_service__WEBPACK_IMPORTED_MODULE_11__.WorkNotifyService])
 ], AgentDeckModule);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentDeckModule);