coxpit 5.3.0 โ†’ 5.3.2

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 (3) hide show
  1. package/README.md +2 -0
  2. package/package.json +1 -1
  3. package/src/board.ts +21 -11
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  <p align="center"><img src="docs/brand/og-lockup.png" alt="coxpit โ€” the cockpit for your agent fleet" width="640"></p>
2
2
 
3
+ > ๐Ÿ““ **Build log** ยท how this was built, on the [AIP Lab blog](https://aiplab.kr/blog/coxpit-fleet.html).
4
+
3
5
  # Coxpit
4
6
 
5
7
  **Own your agent fleet. Run parallel AI coding agents across your own machines โ€” steer them from any browser.**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coxpit",
3
- "version": "5.3.0",
3
+ "version": "5.3.2",
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/board.ts CHANGED
@@ -339,20 +339,21 @@ export const BOARD_HTML = /* html */ `<!doctype html>
339
339
  /* v5.1 Documents (๋ฌธ์„œํ•จ) โ€” grouped by run, list only, no cards */
340
340
  #docbox .db-sub,#setbox .db-sub{color:var(--muted);font-size:13px;margin:0 0 14px}
341
341
  #setbox .db-sub code{font-family:var(--mono);color:var(--brand);font-size:12px}
342
- .set-list{max-width:620px;display:flex;flex-direction:column;gap:14px}
343
- .set-sec{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px 16px}
342
+ .set-list{max-width:620px;min-width:0;display:flex;flex-direction:column;gap:14px}
343
+ .set-sec{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:14px 16px;min-width:0}
344
344
  .set-h{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:0 0 12px}
345
345
  .set-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
346
- .set-lbl{flex:0 0 140px;font-size:13px;color:var(--muted)}
347
- .set-row input:not([type=checkbox]),.set-row select{flex:1;background:#0e1118;border:1px solid var(--line);border-radius:7px;
346
+ .set-lbl{flex:0 0 150px;font-size:13px;color:var(--muted)}
347
+ .set-row input:not([type=checkbox]),.set-row select{flex:1;box-sizing:border-box;max-width:100%;background:#0e1118;border:1px solid var(--line);border-radius:7px;
348
348
  color:var(--ink);font-family:var(--mono);font-size:13px;padding:8px 10px;outline:none;min-width:0}
349
349
  .set-row input:focus,.set-row select:focus{border-color:var(--brand)}
350
- .set-row input:disabled,.set-row select:disabled{opacity:.5;cursor:not-allowed}
350
+ .set-row input:disabled,.set-row select:disabled,.set-check input:disabled{opacity:.4;cursor:not-allowed;background:#0b0d12}
351
+ .set-check input:disabled ~ span{opacity:.5}
351
352
  .set-check{align-items:flex-start;gap:10px}
352
353
  .set-check input[type=checkbox]{flex:0 0 auto;width:15px;height:15px;margin:2px 0 0;accent-color:var(--brand)}
353
354
  .set-check span{flex:1;min-width:0;font-size:12.5px;color:var(--muted);line-height:1.5}
354
355
  .set-note{font-size:11.5px;color:var(--faint);margin-top:6px}
355
- .set-lock{font-family:var(--mono);font-size:10px;color:var(--s-preparing);margin-left:6px}
356
+ .set-lock{display:block;font-family:var(--mono);font-size:10px;color:var(--s-preparing);margin-top:2px;text-transform:none;letter-spacing:0}
356
357
  .set-state{font-size:12.5px;color:var(--ink);margin-bottom:10px}
357
358
  .set-actions{display:flex;gap:8px;margin-top:4px}
358
359
  .set-kv{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;padding:3px 0;color:var(--muted)}
@@ -856,6 +857,11 @@ export const BOARD_HTML = /* html */ `<!doctype html>
856
857
  /* ์˜จ๋ณด๋”ฉ ํŒจ๋„์ด ์ข์€ ํ™”๋ฉด์„ ๋„˜์น˜์ง€ ์•Š๊ฒŒ */
857
858
  .empty{padding:24px 0}
858
859
  .setup{max-width:100%;width:100%;margin:8px 0}
860
+ /* Settings โ€” ์ข์€ ํ™”๋ฉด์—์„  ๋ผ๋ฒจ ์œ„/์ธํ’‹ ์•„๋ž˜๋กœ ์Šคํƒ(๊ฐ€๋กœ ๋„˜์นจ ๋ฐฉ์ง€) */
861
+ .set-row:not(.set-check){flex-direction:column;align-items:stretch;gap:6px}
862
+ .set-row:not(.set-check) .set-lbl{flex:auto}
863
+ .set-kv{flex-direction:column;gap:2px}
864
+ .set-kv b{text-align:left}
859
865
  .chk .v{min-width:0}
860
866
  .cmp{flex-direction:column;overflow-y:auto;overflow-x:hidden}
861
867
  .cmp-col{min-width:0;border-right:none;border-bottom:1px solid var(--line);flex:0 0 auto;max-height:72vh}
@@ -1795,6 +1801,10 @@ async function renderSettings(){
1795
1801
  + '<label class="set-row"><span class="set-lbl">Public URL '+lockNote(L.publicUrl,'COXPIT_PUBLIC_URL')+'</span>'
1796
1802
  + '<input id="setPublic" value="'+escA(ef.publicUrl||'')+'" placeholder="https://โ€ฆ (deep-link base in notifications)"'+dis(L.publicUrl)+'></label>'
1797
1803
  + '</div>'
1804
+ + '<div class="set-sec"><div class="set-h">Remote access</div>'
1805
+ + '<div class="set-state">Reach this daemon from your other devices โ€” coxpit detects your Tailscale and drives it, or hands a copy-paste recipe. It never hosts a relay.</div>'
1806
+ + '<div id="rmtSettings" class="rmt">checkingโ€ฆ</div>'
1807
+ + '</div>'
1798
1808
  + '<div class="set-sec"><div class="set-h">About</div>'
1799
1809
  + '<div class="set-kv"><span>version</span><b>'+esc(s.version)+'</b></div>'
1800
1810
  + '<div class="set-kv"><span>data folder</span><b>'+esc(s.dataDir)+'</b></div>'
@@ -1802,6 +1812,7 @@ async function renderSettings(){
1802
1812
  + '<div class="set-save"><button type="button" class="btn" id="setSave">Save settings</button>'
1803
1813
  + '<span class="set-saved" id="setSaved"></span></div>';
1804
1814
  wireSettings();
1815
+ loadRemote(); // Remote access ์„น์…˜(#rmtSettings) ์ฑ„์šฐ๊ธฐ + ํ† ๊ธ€ ๋ฐฐ์„ 
1805
1816
  }
1806
1817
  function wireSettings(){
1807
1818
  const save = $('setSave'); if (!save) return;
@@ -1983,10 +1994,9 @@ function paintOnboarding(goalsOnly){
1983
1994
  + '<li><b>Write a task</b> โ€” title + a prompt that names the target files</li>'
1984
1995
  + '<li><b>Run fleet</b> โ€” try <b>Dry run</b> first (free rehearsal), then <b>Real agent</b></li>'
1985
1996
  + '</ol></div>'
1986
- + '<div class="setup-sec"><p class="setup-label">Remote access</p>'
1987
- + '<div id="rmtOnboard" class="rmt">checking Tailscaleโ€ฆ</div></div>'
1988
1997
  + '</div>';
1989
- loadRemote();
1998
+ // Remote access(Serve/Funnel)๋Š” ๋Œ€๋‹ค์ˆ˜ ์‚ฌ์šฉ์ž์—๊ฒ ๋ถˆํ•„์š” โ†’ ์˜จ๋ณด๋”ฉ์—์„œ ์ œ๊ฑฐํ•˜๊ณ  Settings ์—์„œ ์ƒ์„ธํžˆ ๋‹ค๋ฃฌ๋‹ค.
1999
+ // (ํ—ค๋” โคข ๋ฒ„ํŠผ์œผ๋กœ๋„ ์—ฌ์ „ํžˆ ์ ‘๊ทผ ๊ฐ€๋Šฅ)
1990
2000
  }
1991
2001
  function cardHTML(r){
1992
2002
  const task = tasks.get(r.taskId);
@@ -3758,9 +3768,9 @@ async function loadRemote(){
3758
3768
  function paintRemote(){
3759
3769
  const html = remoteCardHTML(remoteData);
3760
3770
  const ov = $('remoteBody'); if (ov) ov.innerHTML = html;
3761
- const ob = $('rmtOnboard'); if (ob) ob.innerHTML = html;
3771
+ const st = $('rmtSettings'); if (st) st.innerHTML = html; // Settings ํŽ˜์ด์ง€ ์ธ๋ผ์ธ
3762
3772
  wireRemote($('remoteOverlay'));
3763
- wireRemote(document.getElementById('empty'));
3773
+ wireRemote(document.getElementById('setbox'));
3764
3774
  }
3765
3775
 
3766
3776
  function wireRemote(scope){