@phenx-inc/ctlsurf 0.5.0 → 0.5.1

package/out/headless/index.mjs

@@ -5471,7 +5471,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@phenx-inc/ctlsurf",
-      version: "0.5.0",
+      version: "0.5.1",
       description: "Agent-agnostic terminal and desktop app for ctlsurf \u2014 run Claude Code, Codex, or any coding agent with live session logging and remote control",
       main: "out/main/index.js",
       bin: {
@@ -7758,6 +7758,9 @@ var Tui = class {
       let selected = 0;
       let trackTime = options.initialTrackTime;
       let logChat = options.initialLogChat;
+      const trackIdx = agents.length;
+      const logIdx = agents.length + 1;
+      const itemCount = agents.length + 2;
       const modalWidth = 44;
       const modalHeight = agents.length + 4 + 3;
       const startCol = Math.max(1, Math.floor((this.cols - modalWidth) / 2));
@@ -7796,23 +7799,23 @@ var Tui = class {
         const innerSep = "\u251C" + "\u2500".repeat(modalWidth - 2) + "\u2524";
         const sepRow = startRow + 3 + agents.length;
         this.write(`${CSI}${sepRow};${startCol}H${BG_MODAL}${FG_DIM}${innerSep}${RESET}`);
+        const drawCheckboxRow = (row, label, checked, isSelected) => {
+          const bg = isSelected ? BG_SELECTED : BG_MODAL;
+          const pointer = isSelected ? `${FG_ACCENT}\u25B8 ` : "  ";
+          const checkbox = checked ? `${FG_GREEN}[\u2713]${RESET}${bg}` : `${FG_DIM}[ ]${RESET}${bg}`;
+          const labelFg = checked || isSelected ? FG_WHITE : FG_DIM;
+          const content = `${pointer}${checkbox} ${labelFg}${label}${RESET}${bg}`;
+          const contentLen = 2 + 3 + 1 + label.length;
+          const pad = " ".repeat(Math.max(0, modalWidth - 2 - contentLen));
+          this.write(`${CSI}${row};${startCol}H${bg}${FG_DIM}\u2502${RESET}${bg}${content}${pad}${RESET}${BG_MODAL}${FG_DIM}\u2502${RESET}`);
+        };
         const trackRow = sepRow + 1;
-        const checkbox = trackTime ? `${FG_GREEN}[\u2713]${RESET}${BG_MODAL}` : `${FG_DIM}[ ]${RESET}${BG_MODAL}`;
-        const trackLabelFg = trackTime ? FG_WHITE : FG_DIM;
-        const trackContent = `  ${checkbox} ${trackLabelFg}Track time${RESET}${BG_MODAL}`;
-        const trackContentLen = 2 + 3 + 1 + "Track time".length;
-        const trackPad = " ".repeat(Math.max(0, modalWidth - 2 - trackContentLen));
-        this.write(`${CSI}${trackRow};${startCol}H${BG_MODAL}${FG_DIM}\u2502${RESET}${BG_MODAL}${trackContent}${trackPad}${FG_DIM}\u2502${RESET}`);
+        drawCheckboxRow(trackRow, "Track time", trackTime, selected === trackIdx);
         const logRow = trackRow + 1;
-        const logCheckbox = logChat ? `${FG_GREEN}[\u2713]${RESET}${BG_MODAL}` : `${FG_DIM}[ ]${RESET}${BG_MODAL}`;
-        const logLabelFg = logChat ? FG_WHITE : FG_DIM;
-        const logContent = `  ${logCheckbox} ${logLabelFg}Log chat${RESET}${BG_MODAL}`;
-        const logContentLen = 2 + 3 + 1 + "Log chat".length;
-        const logPad = " ".repeat(Math.max(0, modalWidth - 2 - logContentLen));
-        this.write(`${CSI}${logRow};${startCol}H${BG_MODAL}${FG_DIM}\u2502${RESET}${BG_MODAL}${logContent}${logPad}${FG_DIM}\u2502${RESET}`);
+        drawCheckboxRow(logRow, "Log chat", logChat, selected === logIdx);
         const botRow = logRow + 1;
         this.write(`${CSI}${botRow};${startCol}H${BG_MODAL}${FG_DIM}${botBorder}${RESET}`);
-        const hint = "\u2191\u2193 nav \xB7 Enter \xB7 t track \xB7 l log \xB7 q quit";
+        const hint = "\u2191\u2193 nav \xB7 Enter select \xB7 Space toggle \xB7 q quit";
         const hintCol = Math.max(1, Math.floor((this.cols - hint.length) / 2));
         this.write(`${CSI}${botRow + 2};${hintCol}H${FG_DIM}${hint}${RESET}`);
       };
@@ -7823,11 +7826,22 @@ var Tui = class {
       process.stdin.resume();
       const onKey = (data) => {
         const key = data.toString();
+        const toggleSelected = () => {
+          if (selected === trackIdx) {
+            trackTime = !trackTime;
+          } else if (selected === logIdx) {
+            logChat = !logChat;
+          } else {
+            return false;
+          }
+          drawModal();
+          return true;
+        };
         if (key === "\x1B[A" || key === "k") {
-          selected = (selected - 1 + agents.length) % agents.length;
+          selected = (selected - 1 + itemCount) % itemCount;
           drawModal();
         } else if (key === "\x1B[B" || key === "j") {
-          selected = (selected + 1) % agents.length;
+          selected = (selected + 1) % itemCount;
           drawModal();
         } else if (key === "t" || key === "T") {
           trackTime = !trackTime;
@@ -7835,9 +7849,13 @@ var Tui = class {
         } else if (key === "l" || key === "L") {
           logChat = !logChat;
           drawModal();
+        } else if (key === " ") {
+          toggleSelected();
         } else if (key === "\r" || key === "\n") {
-          cleanup();
-          resolve({ agentIdx: selected, trackTime, logChat });
+          if (!toggleSelected()) {
+            cleanup();
+            resolve({ agentIdx: selected, trackTime, logChat });
+          }
         } else if (key === "q" || key === "\x1B" || key === "") {
           cleanup();
           this.write(`${CSI}?25h`);