coxpit 5.8.0 → 5.9.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
  1. package/package.json +1 -1
  2. package/src/cockpit.ts +38 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coxpit",
3
- "version": "5.8.0",
3
+ "version": "5.9.0",
4
4
  "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.",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/src/cockpit.ts CHANGED
@@ -81,7 +81,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
81
81
  .pb-btn{background:none;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;padding:3px 9px;cursor:pointer;font-family:var(--mono)}
82
82
  .pb-btn:hover:not([disabled]){color:var(--ink);border-color:var(--line-hi)}
83
83
  .pb-btn[disabled]{opacity:.4;cursor:default}
84
- .panes{flex:1;display:grid;gap:1px;background:var(--line);padding:1px;min-height:0}
84
+ .panes{flex:1;display:none;gap:1px;background:var(--line);padding:1px;min-height:0} /* 초기 숨김 — layoutPanes 가 페인 있을 때만 grid 로 */
85
85
  .pane{display:flex;flex-direction:column;background:var(--bg);min-width:0;min-height:0;overflow:hidden}
86
86
  .pane.focus .pane-h{background:var(--brand-dim)}
87
87
  .pane.focus{box-shadow:inset 0 0 0 1px rgba(78,201,176,.4)}
@@ -109,7 +109,13 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
109
109
  .empty .card{max-width:440px}
110
110
  .empty .glyph{font-family:var(--mono);font-size:24px;color:#2c3444;letter-spacing:5px;margin-bottom:14px}
111
111
  .empty h1{font-family:var(--mono);font-size:16px;margin:0 0 8px;color:var(--ink)}
112
- .empty p{color:var(--muted);font-size:13px;margin:0}
112
+ .empty p{color:var(--muted);font-size:13px;margin:0 0 18px}
113
+ .empty .cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;font-weight:600;
114
+ color:var(--brand-ink);background:var(--brand);border:none;border-radius:9px;padding:10px 16px;cursor:pointer}
115
+ .empty .cta:hover{filter:brightness(1.06)}
116
+ .empty .hint{color:var(--faint);font-size:11.5px;margin-top:12px}
117
+ .pb-btn.session{color:var(--brand);border-color:rgba(78,201,176,.35)}
118
+ .pb-btn.session:hover:not([disabled]){background:var(--brand-dim);border-color:var(--brand)}
113
119
 
114
120
  .reqbar{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);background:var(--surface);padding:9px 12px;font-family:var(--mono)}
115
121
  .modes{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--panel)}
@@ -188,14 +194,17 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
188
194
  <span id="paneCount">0 panes</span>
189
195
  <span style="color:var(--faint)">· run 을 열수록 자동 분할(타일)</span>
190
196
  <span class="grow"></span>
197
+ <button class="pb-btn session" id="sessionBtn" title="에이전트에 안 묶인 자유 작업 세션(터미널) 열기">＋ Session</button>
191
198
  <button class="pb-btn" id="closeBtn" disabled title="포커스 페인 닫기">× close focused</button>
192
199
  </div>
193
200
  <div class="panes" id="panes"></div>
194
201
  <div class="empty" id="empty">
195
202
  <div class="card">
196
203
  <div class="glyph">⌗ ⌗ ⌗</div>
197
- <h1>페인이 비어 있습니다</h1>
198
- <p>왼쪽 트리에서 <b>run</b> 을 클릭하면 그 에이전트 터미널이 여기 페인으로 열립니다. 여러 개 열면 자동으로 분할(타일)됩니다.</p>
204
+ <h1>여기서 작업을 시작하세요</h1>
205
+ <p>직접 몰고 갈 <b>작업 세션</b>(자유 터미널)을 열거나, 아래 요청바로 에이전트를 팬아웃하세요. 트리의 <b>run</b> 을 클릭해도 그 터미널이 페인으로 열립니다.</p>
206
+ <button class="cta" id="sessionCta">＋ 새 작업 세션 열기</button>
207
+ <div class="hint">세션 = repo 워크트리 + tmux 셸. 그 안에서 <code>claude</code> 를 띄워 “이 프로젝트 구현해줘” 처럼 직접 지시할 수 있습니다.</div>
199
208
  </div>
200
209
  </div>
201
210
  <div class="reqbar">
@@ -452,6 +461,30 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
452
461
  }
453
462
  $('closeBtn').addEventListener('click', function(){ if (focusId) closePane(focusId); });
454
463
 
464
+ // ── 자유 작업 세션(workbench) — 에이전트에 안 묶인 터미널. repo 워크트리 + tmux 셸. ──
465
+ var openingSession = false;
466
+ async function openSession(){
467
+ if (openingSession) return;
468
+ var repos = fleet.repos||[];
469
+ if (!repos.length){ toast('먼저 repo 를 등록하세요 — 보드(← Board)에서 Add repository'); return; }
470
+ var repoId = Number($('reqRepo').value) || repos[0].id;
471
+ var rp = repoById[repoId];
472
+ openingSession = true; $('sessionBtn').disabled = true;
473
+ try{
474
+ var res = await fetch('/api/workbench',{method:'POST',headers:{'content-type':'application/json'},
475
+ body:JSON.stringify({repoId:repoId, title:'Session'})});
476
+ var j = await res.json().catch(function(){return{};});
477
+ if (res.ok && j.runId){
478
+ await hydrate();
479
+ openRunPane(j.runId);
480
+ toast('세션 열림'+(rp?(' · '+rp.name):'')+' — 이 터미널에서 직접 에이전트를 구동하세요');
481
+ } else { toast('세션 실패: '+(j.detail||j.error||res.status)); }
482
+ }catch(e){ toast('세션 실패: '+e); }
483
+ finally{ openingSession=false; $('sessionBtn').disabled=false; }
484
+ }
485
+ $('sessionBtn').addEventListener('click', openSession);
486
+ $('sessionCta').addEventListener('click', openSession);
487
+
455
488
  // ── 요청바: New(팬아웃) / Steer / Broadcast ──
456
489
  var reqMode = 'new';
457
490
  function focusRun(){ if (!focusId) return null; var p = panes.find(function(x){return x.id===focusId;}); return p?p.runId:null; }
@@ -639,6 +672,7 @@ export const COCKPIT_HTML = /* html */ `<!doctype html>
639
672
  function scheduleHydrate(){ if (hydT) return; hydT = setTimeout(function(){ hydT=null; hydrate(); }, 400); }
640
673
 
641
674
  setMode('new');
675
+ layoutPanes(); // 초기 빈 상태 정합(paneCount·close 비활성·panes 숨김)
642
676
  hydrate();
643
677
  wsConnect();
644
678
  window.addEventListener('resize', function(){ panes.forEach(fitPane); });