npm - coxpit - Versions diffs - 5.25.0 → 5.26.0 - Mend

coxpit 5.25.0 → 5.26.0

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

Files changed (2) hide show

package/package.json +1 -1
package/src/cockpit.ts +75 -10

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "coxpit",
-  "version": "5.25.0",
+  "version": "5.26.0",
   "description": "Self-hosted cockpit for running a fleet of AI coding agents across your own machines — parallel worktree runs, live board, compare & merge, web terminal, design capture.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/cockpit.ts CHANGED Viewed

@@ -54,6 +54,11 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .toggle:hover{color:var(--ink);border-color:var(--line-hi)}
   .layout{display:grid;grid-template-columns:270px 1fr;height:calc(100dvh - 46px)}
+  /* 포커스 모드 — 트리·요청바 숨기고 페인만(⌘.) */
+  .layout.focusmode{grid-template-columns:1fr}
+  .layout.focusmode .rail{display:none}
+  .layout.focusmode .reqbar{display:none}
+  .tc-btn.on{color:var(--brand-ink);background:var(--brand);border-color:var(--brand)}
   .layout > *{min-height:0;min-width:0}
   /* ── workspace tree ── */
@@ -82,7 +87,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   /* ── 탭 바 + 분할 트리 페인 ── */
   .stage{display:flex;flex-direction:column;min-width:0;background:var(--bg);position:relative}
   /* ── 터미널 스크롤백 검색바(⌘F) ── */
-  .term-find{position:absolute;top:44px;right:14px;z-index:30;display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line-hi);border-radius:9px;padding:5px 6px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
+  .term-find{position:absolute;top:44px;right:14px;z-index:30;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line-hi);border-radius:9px;padding:5px 6px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
+  .term-find[hidden]{display:none}          /* hidden 속성 존중 — 아래 규칙이 UA 를 이기지 않게 */
+  .term-find:not([hidden]){display:flex}
   .term-find input{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:5px 8px;width:200px;outline:none}
   .term-find input:focus{border-color:var(--brand)}
   .term-find .fc{font-family:var(--mono);font-size:10.5px;color:var(--faint);min-width:20px;text-align:center}
@@ -240,6 +247,11 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   .tnode.run .ract{margin-left:6px;font-size:10px;color:var(--brand);opacity:.85}
   .leaf-h .zoom{color:var(--faint);border:none;background:none;cursor:pointer;font-size:12px;padding:0 2px}
   .leaf-h .zoom:hover{color:var(--brand)}
+  .leaf-h .pact{color:var(--faint);border:none;background:none;cursor:pointer;font-size:12px;padding:0 2px}
+  .leaf-h .pact:hover{color:var(--brand)}
+  .leaf-h .bsel{display:none;color:var(--faint);border:none;background:none;cursor:pointer;font-size:11px;padding:0 2px}
+  body.bcastmode .leaf-h .bsel{display:inline-block}   /* 브로드캐스트 모드에서만 대상 선택 토글 노출 */
+  .leaf-h .bsel.on{color:var(--open)}
   .leaf-h .lock{color:var(--faint);border:none;background:none;cursor:pointer;font-size:12px;padding:0 2px}
   .leaf-h .lock:hover{color:var(--brand)}
   .leaf-h .sendkey{font:inherit;font-family:var(--mono);font-size:11px;color:var(--ink);background:var(--panel);border:1px solid var(--brand);border-radius:5px;padding:1px 6px;width:150px;outline:none}
@@ -367,7 +379,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
 </header>
 <div class="scrim" id="scrim"></div>
-<div class="layout">
+<div class="layout" id="layout">
   <aside class="rail" id="rail">
     <div class="lbl"><span>Workspace</span><span id="machName" style="color:var(--faint)">local</span></div>
     <div id="tree"></div>
@@ -382,6 +394,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
         <button class="tc-btn" id="splitCol" title="가로 분할 — 포커스 페인을 상하로" disabled>▬ split</button>
         <button class="tc-btn session" id="sessionBtn" title="자유 세션(폴더 지정 터미널) 열기">＋<span class="b-txt"> Session</span></button>
         <button class="tc-btn" id="fileBtn" title="파일 보기 — md·html·pdf·이미지·텍스트 뷰어(터미널 옆 페인)">▤<span class="b-txt"> File</span></button>
+        <button class="tc-btn" id="focusBtn" title="포커스 모드 — 트리·요청바 숨기고 페인만 (⌘.)">◱<span class="b-txt"> Focus</span></button>
         <button class="tc-btn" id="closeBtn" title="포커스 페인 닫기(탭은 유지)" disabled>×<span class="b-txt"> pane</span></button>
       </div>
     </div>
@@ -564,6 +577,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   var fold = {};   // 접힘 상태(repo/goal/task 노드)
   function isFold(k){ return fold[k]===true; }
   function repoOfRun(runId){ var r=runById[runId]; var t=r&&taskById[r.taskId]; return t?t.repoId:null; }
+  function runIsSession(runId){ var r=runById[runId]; var t=r&&taskById[r.taskId]; var rp=t&&repoById[t.repoId]; return !!(rp&&rp.kind==='sessions'); }
   async function hydrate(){
     try{
@@ -686,6 +700,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   var layout = { leaf:true, id:'L0', tab:null };  // 분할 트리 루트
   var focusLeaf = 'L0';
   var zoomLeaf = null;   // 페인 최대화(줌) — 설정되면 그 리프만 전체 렌더
+  var bcastSel = {};     // 브로드캐스트 선택 대상(tab id → true). 비어있으면 전체.
   var leafSeq = 1;
   var viewerSeq = 1;         // 뷰어 탭 키(문자열 'v#')
   var MAX_LEAVES = 6;
@@ -761,7 +776,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       if(ev.type==='keydown' && (ev.metaKey||ev.ctrlKey)){
         if(ev.key==='c'||ev.key==='C'){ if(term.hasSelection()){ copySel(); return false; } }
         // 전역 단축키(⌘K·⌘F·⌘⏎·⌘1~9)는 터미널로 보내지 않는다 — 문서 핸들러가 처리.
-        if(ev.key==='k'||ev.key==='K'||ev.key==='f'||ev.key==='F'||ev.key==='Enter'||(ev.key>='1'&&ev.key<='9')) return false;
+        if(ev.key==='k'||ev.key==='K'||ev.key==='f'||ev.key==='F'||ev.key==='Enter'||ev.key==='.'||(ev.key>='1'&&ev.key<='9')) return false;
       }
       return true;
     });
@@ -930,6 +945,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
             + '<span data-role="act" class="pane-act">'+esc(latestActivity(node.tab))+'</span>'
             + '<span data-role="chip" class="chip '+esc(r?r.status:'')+'">'+esc(r?r.status:'')+'</span>'
             + '<span data-role="vslot">'+vbadge(r&&r.verifyStatus)+'</span>'
+            + '<button class="bsel'+(bcastSel[node.tab]?' on':'')+'" data-bcast="'+node.tab+'" title="브로드캐스트 대상 토글">'+(bcastSel[node.tab]?'◉':'◯')+'</button>'
+            + (runIsSession(node.tab)?'':'<button class="pact" data-diff="'+node.id+'" title="이 run 의 diff (Review)">⧉</button>')
+            + '<button class="pact" data-hist="'+node.id+'" title="이 run 히스토리 (대화·터미널)">↺</button>'
             + '<button class="lock" data-lock="'+node.id+'" title="이 페인에 시크릿/비밀번호 전송(터미널에 안 찍힘)">⊟</button>'
             + zoomBtn + '<button class="x" title="이 페인 닫기(탭은 유지)">×</button>')
         : '<span class="nm" style="color:var(--faint)">빈 페인</span><button class="x" title="이 페인 닫기">×</button>';
@@ -988,6 +1006,28 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   // 페인 순서(트리 순회) → ⌘1..9 로 N번째 포커스
   function leafOrder(){ var out=[]; eachLeaf(layout,function(l){ out.push(l); }); return out; }
+  // ── 레이아웃 저장/복원 (localStorage, 기기별) ──
+  // 트리 + 각 페인의 탭을 복원 키(run=runId · viewer=경로)로 직렬화한다.
+  function serializeNode(node){
+    if(node.leaf){ var d=null; if(node.tab!=null){ var t=tabs[node.tab]; if(t){ d = (t.kind==='viewer') ? {type:'viewer',path:t.path,name:t.name} : {type:'run',runId:node.tab}; } }
+      return {leaf:true, tab:d}; }
+    return {split:true, dir:node.dir, ratio:node.ratio, a:serializeNode(node.a), b:serializeNode(node.b)};
+  }
+  function rebuildNode(sn){
+    if(sn.leaf){ var tabId=null;
+      if(sn.tab){ if(sn.tab.type==='viewer'){ var vt=ensureViewer(sn.tab.path, sn.tab.name); tabId=vt.runId; }
+        else if(sn.tab.type==='run' && runById[sn.tab.runId]){ ensureTab(sn.tab.runId); tabId=sn.tab.runId; } }
+      return {leaf:true, id:newLeafId(), tab:tabId}; }
+    return {split:true, id:newLeafId(), dir:sn.dir, ratio:sn.ratio, a:rebuildNode(sn.a), b:rebuildNode(sn.b)};
+  }
+  function loadLayouts(){ try{ return JSON.parse(localStorage.getItem('coxpit.layouts')||'{}')||{}; }catch(e){ return {}; } }
+  function saveLayouts(o){ try{ localStorage.setItem('coxpit.layouts', JSON.stringify(o)); }catch(e){} }
+  function saveLayout(){ if(!tabOrder.length){ toast('저장할 페인이 없습니다'); return; } var nm=prompt('레이아웃 이름'); if(!nm||!nm.trim()) return; nm=nm.trim();
+    var o=loadLayouts(); o[nm]={tree:serializeNode(layout), ts:Date.now()}; saveLayouts(o); toast('레이아웃 저장 · '+nm); }
+  function restoreLayout(nm){ var o=loadLayouts(); var s=o[nm]; if(!s){ toast('없는 레이아웃'); return; }
+    layout=rebuildNode(s.tree); zoomLeaf=null; var f=firstLeaf(); focusLeaf=f?f.id:'L0'; render(); renderTree(); toast('레이아웃 복원 · '+nm); }
+  function deleteLayout(nm){ var o=loadLayouts(); delete o[nm]; saveLayouts(o); toast('레이아웃 삭제 · '+nm); }
   // 탭 열기 = 포커스 슬롯에 표시(강제 분할 없음). 기존 호출부(openRunPane) 호환.
   function openTab(runId){
     zoomLeaf=null;   // 새 탭은 보여야 하므로 줌 해제
@@ -1105,6 +1145,14 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   $('panes').addEventListener('click', function(e){
     var zoomBtn=e.target.closest('[data-zoom]');
     if (zoomBtn){ e.stopPropagation(); toggleZoom(zoomBtn.getAttribute('data-zoom')); return; }
+    var bcBtn=e.target.closest('[data-bcast]');
+    if (bcBtn){ e.stopPropagation(); var bid=bcBtn.getAttribute('data-bcast'); bcastSel[bid]=!bcastSel[bid];
+      bcBtn.classList.toggle('on', !!bcastSel[bid]); bcBtn.textContent = bcastSel[bid]?'◉':'◯';
+      if(reqMode==='bcast') setMode('bcast'); return; }
+    var diffBtn=e.target.closest('[data-diff]');
+    if (diffBtn){ e.stopPropagation(); var dl=findLeaf(diffBtn.getAttribute('data-diff')); if(dl&&dl.tab!=null) openReviewForRun(dl.tab); return; }
+    var histBtn=e.target.closest('[data-hist]');
+    if (histBtn){ e.stopPropagation(); var hl=findLeaf(histBtn.getAttribute('data-hist')); if(hl&&hl.tab!=null){ setLeafFocus(hl.id); openHistory(); } return; }
     var lockBtn=e.target.closest('[data-lock]');
     if (lockBtn){ e.stopPropagation(); startSecretSend(lockBtn.getAttribute('data-lock'), lockBtn); return; }
     var leaf=e.target.closest('[data-leaf]'); if(!leaf) return;
@@ -1170,6 +1218,9 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
       {k:'cmd', label:'세로 분할', run:function(){ splitFocused('row'); }},
       {k:'cmd', label:'가로 분할', run:function(){ splitFocused('col'); }},
       {k:'cmd', label:'포커스 페인 닫기', run:function(){ if(focusLeaf) closeSlot(focusLeaf); }},
+      {k:'cmd', label:'포커스 모드 (트리 숨김, ⌘.)', run:toggleFocus},
+      {k:'cmd', label:'페인 최대화 토글 (⌘⏎)', run:function(){ toggleZoom(focusLeaf); }},
+      {k:'cmd', label:'레이아웃 저장 (현재 페인 배치)', run:saveLayout},
       {k:'cmd', label:'뷰어 / 히스토리', run:openHistory},
       {k:'cmd', label:'Review 열기 (비교·머지)', run:showReview},
       {k:'cmd', label:'시크릿 (env 주입)', run:openSecrets},
@@ -1191,6 +1242,10 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     // 프로젝트 → 요청바 대상 지정(팬아웃 준비)
     Object.keys(repoById).forEach(function(id){ var repo=repoById[id]; if(repo.kind==='sessions') return;
       items.push({k:'project', label:repo.name, hint:'팬아웃 대상 지정', run:function(){ try{ $('reqRepo').value=String(repo.id); }catch(e){} var i=$('reqInput'); if(i){ i.focus(); } }}); });
+    // 저장된 레이아웃 → 복원 / 삭제
+    var lays=loadLayouts(); var names=Object.keys(lays);
+    names.forEach(function(nm){ items.push({k:'layout', label:'레이아웃 · '+nm, hint:'복원', run:function(){ restoreLayout(nm); }}); });
+    names.forEach(function(nm){ items.push({k:'layout', label:'레이아웃 삭제 · '+nm, hint:'삭제', run:function(){ deleteLayout(nm); }}); });
     return items;
   }
   function renderPalette(q){
@@ -1221,10 +1276,15 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   document.addEventListener('keydown', function(e){
     if((e.metaKey||e.ctrlKey) && (e.key==='k'||e.key==='K')){ e.preventDefault(); if($('palette').classList.contains('on')) closePalette(); else openPalette(); }
   });
-  // ── 페인 단축키: ⌘⏎ 최대화 토글 · ⌘1~9 N번째 페인 포커스 ──
+  // ── 포커스 모드 — 트리·요청바 숨기고 페인만 ──
+  function toggleFocus(){ var on=$('layout').classList.toggle('focusmode'); $('focusBtn').classList.toggle('on', on); requestAnimationFrame(fitAllVisible); setTimeout(fitAllVisible, 120); }
+  $('focusBtn').addEventListener('click', toggleFocus);
+  // ── 페인 단축키: ⌘. 포커스 모드 · ⌘⏎ 최대화 토글 · ⌘1~9 N번째 페인 포커스 ──
   function typingInField(e){ var el=e.target; if(!el) return false; var tag=el.tagName||''; return (tag==='INPUT'||tag==='TEXTAREA') && !el.classList.contains('xterm-helper-textarea'); }
   document.addEventListener('keydown', function(e){
     if(!(e.metaKey||e.ctrlKey) || e.altKey) return;
+    if(e.key==='.'){ if(!typingInField(e)){ e.preventDefault(); toggleFocus(); } return; }
     if(!tabOrder.length || typingInField(e)) return;
     if(e.key==='Enter' && !e.shiftKey){ e.preventDefault(); toggleZoom(focusLeaf); return; }
     if(e.key>='1' && e.key<='9'){ var order=leafOrder(); var idx=Number(e.key)-1; if(order[idx]){ e.preventDefault(); if(zoomLeaf){ zoomLeaf=order[idx].id; focusLeaf=order[idx].id; render(); } else setLeafFocus(order[idx].id); } }
@@ -1445,10 +1505,12 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
     else if (m==='steer'){ var rid=focusRun(); go.textContent='Steer ⏎';
       $('reqTgt').textContent = rid?('➤ r'+rid+' 에 후속 지시'):'포커스한 페인 없음';
       inp.placeholder = rid?('r'+rid+' 에이전트에게 다음 지시…'):'왼쪽 트리에서 run 을 열어 포커스하세요'; }
-    else { go.textContent='Send ⏎'; var n=tabOrder.length;
-      $('reqTgt').textContent = '⊞ 열린 탭 '+n+'개에 브로드캐스트';
-      inp.placeholder = n?('열린 '+n+'개 터미널에 그대로 전송 (엔터 포함)'):'열린 탭이 없습니다'; }
+    else { go.textContent='Send ⏎'; var n=tabOrder.length; var sel=bcastCount();
+      $('reqTgt').textContent = sel ? ('⊞ 선택 '+sel+'개 페인에 전송') : ('⊞ 열린 탭 '+n+'개 전체에 전송');
+      inp.placeholder = n?(sel?('선택한 '+sel+'개에만 그대로 전송'):'전체 '+n+'개 터미널에 전송 — 페인 ◯ 로 대상 선택'):'열린 탭이 없습니다'; }
+    document.body.classList.toggle('bcastmode', m==='bcast');
   }
+  function bcastCount(){ var c=0; Object.keys(bcastSel).forEach(function(k){ if(bcastSel[k] && tabs[k] && tabs[k].ws) c++; }); return c; }
   Array.prototype.forEach.call(document.querySelectorAll('.mode'), function(b){ b.addEventListener('click', function(){ setMode(b.dataset.mode); $('reqInput').focus(); }); });
   var submitting = false;
@@ -1485,13 +1547,14 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
         else { var j = await res.json().catch(function(){return{};}); toast('steer 불가: '+(j.error||res.status)); }
       }catch(e){ toast('steer 실패: '+e); }
       finally{ submitting=false; $('reqGo').disabled=false; }
-    } else { // broadcast
+    } else { // broadcast — 선택 페인이 있으면 거기로만, 없으면 열린 탭 전체
       if (!tabOrder.length){ toast('열린 탭이 없습니다'); return; }
       var payload = text + '\\r';
+      var onlySel = bcastCount()>0;
       var sent=0;
-      tabOrder.forEach(function(rid){ var t=tabs[rid]; if (t && t.ws && t.ws.readyState===1){ t.ws.send(JSON.stringify({t:'i',d:payload})); sent++; } });
+      tabOrder.forEach(function(rid){ if(onlySel && !bcastSel[rid]) return; var t=tabs[rid]; if (t && t.ws && t.ws.readyState===1){ t.ws.send(JSON.stringify({t:'i',d:payload})); sent++; } });
       inp.value='';
-      toast('브로드캐스트 → '+sent+'개 탭');
+      toast('브로드캐스트 → '+sent+'개'+(onlySel?' (선택)':' (전체)'));
     }
   }
   $('reqGo').addEventListener('click', submitReq);
@@ -1501,6 +1564,8 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
   var reviewOn = false, rvTaskId = null;
   function showTerminal(){ reviewOn=false; $('review').classList.remove('on'); $('vtReview').classList.remove('on'); $('vtTerm').classList.add('on'); }
   function showReview(){ reviewOn=true; $('review').classList.add('on'); $('vtReview').classList.add('on'); $('vtTerm').classList.remove('on'); renderReviewPicker(); }
+  // 페인 헤더 → 이 run 의 diff 를 Review 로 (그 run 의 태스크 선택 후 compare)
+  function openReviewForRun(runId){ var r=runById[runId]; if(!r){ toast('run 정보 없음'); return; } showReview(); rvTaskId=r.taskId; try{ $('rvTask').value=String(r.taskId); }catch(e){} syncVcmd(); loadCompare(r.taskId); }
   $('vtTerm').addEventListener('click', showTerminal);
   $('vtReview').addEventListener('click', showReview);
   function reviewableTasks(){