triflux 10.3.4 → 10.7.0

package/hub/team/tui.mjs

@@ -2,40 +2,41 @@
 // virtual row buffer 기반. dirty-row만 갱신. isTTY 아닐 때 append-only fallback.
 // Tier1(상단 고정) / Tier2(worker rail) / Tier3(focus pane) 3단 계층.
 
+import { execFile as _execFile } from "../lib/spawn-trace.mjs";
 import {
-  RESET,
-  FG,
-  MOCHA,
-  color,
-  dim,
+  altScreenOff,
+  altScreenOn,
   bold,
   box,
-  padRight,
-  truncate,
-  clip,
-  stripAnsi,
-  wcswidth,
-  progressBar,
-  statusBadge,
-  altScreenOn,
-  altScreenOff,
+  clearLine,
   clearScreen,
-  cursorHome,
+  clip,
+  color,
   cursorHide,
+  cursorHome,
   cursorShow,
+  dim,
+  FG,
+  MOCHA,
   moveTo,
-  clearLine,
+  padRight,
+  progressBar,
+  RESET,
+  statusBadge,
+  stripAnsi,
+  truncate,
+  wcswidth,
 } from "./ansi.mjs";
 
-import { execFile as _execFile } from "node:child_process";
-
 // package.json에서 동적 로드 (실패 시 fallback)
 let VERSION = "7.x";
 try {
   const { createRequire } = await import("node:module");
   const require = createRequire(import.meta.url);
   VERSION = require("../../package.json").version;
-} catch { /* fallback */ }
+} catch {
+  /* fallback */
+}
 
 const FALLBACK_COLUMNS = 100;
 const FALLBACK_ROWS = 30;
@@ -45,10 +46,13 @@ const MIN_CARD_WIDTH = 28;
 // 프레임: ["·","✢","✳","✶","✻","✽"] + 역재생 = 12프레임 왕복
 // 타이밍: 2000ms/cycle, RGB truecolor 보간
 const SPINNER_FRAMES_RAW = ["·", "✢", "✳", "✶", "✻", "✽"];
-const SPINNER_FRAMES = [...SPINNER_FRAMES_RAW, ...[...SPINNER_FRAMES_RAW].reverse()];
+const SPINNER_FRAMES = [
+  ...SPINNER_FRAMES_RAW,
+  ...[...SPINNER_FRAMES_RAW].reverse(),
+];
 const SPINNER_CYCLE_MS = 2000;
 const SPINNER_BASE_COLOR = { r: 203, g: 166, b: 247 }; // Catppuccin Mocha mauve
-const SPINNER_SHIMMER = { r: 171, g: 43, b: 63 };      // Claude shimmer #ab2b3f
+const SPINNER_SHIMMER = { r: 171, g: 43, b: 63 }; // Claude shimmer #ab2b3f
 const spinnerStart = Date.now();
 let spinnerTick = 0;
 
@@ -68,18 +72,28 @@ function pseudoRandomFrame(step, seed) {
   return Math.abs(Math.imul(step + seed, 2654435761)) % SPINNER_FRAMES.length;
 }
 
-function heartbeat(status, shimmerIntensity = 0, statusChangedAt = 0, time = Date.now()) {
-  const transitionElapsed = statusChangedAt ? Math.max(0, time - statusChangedAt) : Number.POSITIVE_INFINITY;
+function heartbeat(
+  status,
+  shimmerIntensity = 0,
+  statusChangedAt = 0,
+  time = Date.now(),
+) {
+  const transitionElapsed = statusChangedAt
+    ? Math.max(0, time - statusChangedAt)
+    : Number.POSITIVE_INFINITY;
   if (transitionElapsed < 500) {
     const step = Math.floor(transitionElapsed / 50);
     const idx = pseudoRandomFrame(step, statusChangedAt % 997);
-    const targetColor = status === "failed" || status === "error"
-      ? MOCHA.fail
-      : status === "done" || status === "completed"
-        ? MOCHA.ok
-        : shimmerIntensity > 0
-          ? rgbSeq(lerpRgb(SPINNER_BASE_COLOR, SPINNER_SHIMMER, shimmerIntensity))
-          : MOCHA.executing;
+    const targetColor =
+      status === "failed" || status === "error"
+        ? MOCHA.fail
+        : status === "done" || status === "completed"
+          ? MOCHA.ok
+          : shimmerIntensity > 0
+            ? rgbSeq(
+                lerpRgb(SPINNER_BASE_COLOR, SPINNER_SHIMMER, shimmerIntensity),
+              )
+            : MOCHA.executing;
     return `${targetColor}${SPINNER_FRAMES[idx]}${RESET}`;
   }
 
@@ -87,10 +101,13 @@ function heartbeat(status, shimmerIntensity = 0, statusChangedAt = 0, time = Dat
   if (status === "failed" || status === "error") return color("✗", MOCHA.fail);
   if (status !== "running") return dim("○");
   const elapsed = time - spinnerStart;
-  const idx = Math.floor((elapsed / SPINNER_CYCLE_MS) * SPINNER_FRAMES.length) % SPINNER_FRAMES.length;
-  const c = shimmerIntensity > 0
-    ? lerpRgb(SPINNER_BASE_COLOR, SPINNER_SHIMMER, shimmerIntensity)
-    : SPINNER_BASE_COLOR;
+  const idx =
+    Math.floor((elapsed / SPINNER_CYCLE_MS) * SPINNER_FRAMES.length) %
+    SPINNER_FRAMES.length;
+  const c =
+    shimmerIntensity > 0
+      ? lerpRgb(SPINNER_BASE_COLOR, SPINNER_SHIMMER, shimmerIntensity)
+      : SPINNER_BASE_COLOR;
   return `${rgbSeq(c)}${SPINNER_FRAMES[idx]}${RESET}`;
 }
 
@@ -107,7 +124,9 @@ function activityWave(tick, count = 4) {
   let wave = "";
   for (let i = 0; i < count; i++) {
     const phase = tick * 0.3 + i * 1.5;
-    const idx = Math.floor((Math.sin(phase) * 0.5 + 0.5) * (WAVE_CHARS.length - 1));
+    const idx = Math.floor(
+      (Math.sin(phase) * 0.5 + 0.5) * (WAVE_CHARS.length - 1),
+    );
     wave += WAVE_CHARS[idx];
   }
   return `${MOCHA.executing}${wave}${RESET}`;
@@ -119,17 +138,33 @@ const DEFAULT_DETAIL_LINES = 10;
 const _TIER1_ROWS = 2;
 
 const SUMMARY_KEYS = [
-  "status", "lead_action", "verdict", "files_changed",
-  "confidence", "risk", "detail", "error_stage", "retryable", "partial_output",
+  "status",
+  "lead_action",
+  "verdict",
+  "files_changed",
+  "confidence",
+  "risk",
+  "detail",
+  "error_stage",
+  "retryable",
+  "partial_output",
 ];
 
 // ── 레이아웃 브레이크포인트 ──────────────────────────────────────────────
 // 80-119: 28col rail, 120-159: 36col rail, 160+: 균등
 function _resolveRailWidth(totalCols, columnCount) {
   if (columnCount <= 1) return totalCols;
-  if (totalCols >= 160) return Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount);
-  if (totalCols >= 120) return Math.min(36, Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount));
-  return Math.min(28, Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount));
+  if (totalCols >= 160)
+    return Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount);
+  if (totalCols >= 120)
+    return Math.min(
+      36,
+      Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount),
+    );
+  return Math.min(
+    28,
+    Math.floor((totalCols - GRID_GAP * (columnCount - 1)) / columnCount),
+  );
 }
 
 function _autoColumnCount(totalCols, workerCount) {
@@ -145,20 +180,24 @@ function clamp(value, min, max) {
 }
 
 function stripCodeBlocks(text) {
-  return String(text || "")
-    .replace(/\r/g, "")
-    // fenced code blocks
-    .replace(/```[\s\S]*?(?:```|$)/g, "\n")
-    .replace(/^\s*```.*$/gm, "")
-    // indented code blocks (4+ spaces or tab at line start)
-    .replace(/^(?: {4}|\t).+$/gm, "")
-    // shell prompts: PS C:\...>, >, $
-    .replace(/^(?:PS\s+\S[^\n]*?>|>\s+|\$\s+)[^\n]*/gm, "")
-    .trim();
+  return (
+    String(text || "")
+      .replace(/\r/g, "")
+      // fenced code blocks
+      .replace(/```[\s\S]*?(?:```|$)/g, "\n")
+      .replace(/^\s*```.*$/gm, "")
+      // indented code blocks (4+ spaces or tab at line start)
+      .replace(/^(?: {4}|\t).+$/gm, "")
+      // shell prompts: PS C:\...>, >, $
+      .replace(/^(?:PS\s+\S[^\n]*?>|>\s+|\$\s+)[^\n]*/gm, "")
+      .trim()
+  );
 }
 
 function sanitizeTextBlock(text, rawMode = false) {
-  const normalized = rawMode ? String(text || "").replace(/\r/g, "") : stripCodeBlocks(text);
+  const normalized = rawMode
+    ? String(text || "").replace(/\r/g, "")
+    : stripCodeBlocks(text);
   return normalized
     .split("\n")
     .map((line) => line.trim())
@@ -228,26 +267,27 @@ function statusColor(status) {
 
 // ── MOCHA RGB (gradual fade 보간용) ──
 const MOCHA_RGB = {
-  ok:        { r: 166, g: 227, b: 161 },
-  partial:   { r: 250, g: 179, b: 135 },
-  fail:      { r: 243, g: 139, b: 168 },
+  ok: { r: 166, g: 227, b: 161 },
+  partial: { r: 250, g: 179, b: 135 },
+  fail: { r: 243, g: 139, b: 168 },
   executing: { r: 116, g: 199, b: 236 },
-  muted:     { r: 147, g: 153, b: 178 },
-  border:    { r: 69,  g: 71,  b: 90  },
-  blue:      { r: 137, g: 180, b: 250 },
-  sky:       { r: 116, g: 199, b: 236 },
-  yellow:    { r: 249, g: 226, b: 175 },
-  peach:     { r: 250, g: 179, b: 135 },
-  maroon:    { r: 235, g: 160, b: 172 },
-  surface0:  { r: 49,  g: 50,  b: 68  },
-  thinking:  { r: 203, g: 166, b: 247 },
+  muted: { r: 147, g: 153, b: 178 },
+  border: { r: 69, g: 71, b: 90 },
+  blue: { r: 137, g: 180, b: 250 },
+  sky: { r: 116, g: 199, b: 236 },
+  yellow: { r: 249, g: 226, b: 175 },
+  peach: { r: 250, g: 179, b: 135 },
+  maroon: { r: 235, g: 160, b: 172 },
+  surface0: { r: 49, g: 50, b: 68 },
+  thinking: { r: 203, g: 166, b: 247 },
 };
 
 function statusToRgb(status) {
   if (status === "ok" || status === "completed") return MOCHA_RGB.ok;
   if (status === "partial") return MOCHA_RGB.partial;
   if (status === "failed") return MOCHA_RGB.fail;
-  if (status === "running" || status === "in_progress") return MOCHA_RGB.executing;
+  if (status === "running" || status === "in_progress")
+    return MOCHA_RGB.executing;
   return MOCHA_RGB.muted;
 }
 
@@ -288,7 +328,7 @@ function _flashFadeBorderColor(currentStatus, prevStatus, changedAt) {
 }
 
 function easeOutCubic(t) {
-  return 1 - ((1 - t) ** 3);
+  return 1 - (1 - t) ** 3;
 }
 
 function borderHighlightPosition(width, bodyLines, time = Date.now()) {
@@ -299,13 +339,20 @@ function borderHighlightPosition(width, bodyLines, time = Date.now()) {
 }
 
 function titleFlash(status, changeElapsed) {
-  const isCompleted = status === "completed" || status === "done" || status === "ok";
-  const isFailed = status === "failed" || status === "error" || status === "fail";
+  const isCompleted =
+    status === "completed" || status === "done" || status === "ok";
+  const isFailed =
+    status === "failed" || status === "error" || status === "fail";
   if ((!isCompleted && !isFailed) || changeElapsed > 800) return null;
   const flashRgb = isCompleted ? MOCHA_RGB.ok : MOCHA_RGB.fail;
-  const bgRgb = changeElapsed <= 300
-    ? flashRgb
-    : lerpRgb(flashRgb, MOCHA_RGB.surface0, clamp((changeElapsed - 300) / 500, 0, 1));
+  const bgRgb =
+    changeElapsed <= 300
+      ? flashRgb
+      : lerpRgb(
+          flashRgb,
+          MOCHA_RGB.surface0,
+          clamp((changeElapsed - 300) / 500, 0, 1),
+        );
   return rgbSeq(bgRgb, 48);
 }
 
@@ -334,9 +381,18 @@ function wrapLine(text, width) {
   let current = "";
   for (const word of words) {
     const candidate = current ? `${current} ${word}` : word;
-    if (wcswidth(candidate) <= limit) { current = candidate; continue; }
-    if (current) { lines.push(current); current = ""; }
-    if (wcswidth(word) <= limit) { current = word; continue; }
+    if (wcswidth(candidate) <= limit) {
+      current = candidate;
+      continue;
+    }
+    if (current) {
+      lines.push(current);
+      current = "";
+    }
+    if (wcswidth(word) <= limit) {
+      current = word;
+      continue;
+    }
     let offset = 0;
     while (offset < word.length) {
       lines.push(word.slice(offset, offset + limit));
@@ -347,20 +403,34 @@ function wrapLine(text, width) {
   return lines.length > 0 ? lines : [source.slice(0, limit)];
 }
 
-function _wrapText(text, width, maxLines = DEFAULT_DETAIL_LINES, rawMode = false) {
+function _wrapText(
+  text,
+  width,
+  maxLines = DEFAULT_DETAIL_LINES,
+  rawMode = false,
+) {
   if (maxLines <= 0) return [];
   const input = sanitizeTextBlock(text, rawMode);
   if (!input) return [];
-  const wrapped = input.split("\n").flatMap((line) => wrapLine(line, width)).filter(Boolean);
+  const wrapped = input
+    .split("\n")
+    .flatMap((line) => wrapLine(line, width))
+    .filter(Boolean);
   if (wrapped.length <= maxLines) return wrapped;
-  return [...wrapped.slice(0, maxLines - 1), truncate(wrapped[wrapped.length - 1], width)];
+  return [
+    ...wrapped.slice(0, maxLines - 1),
+    truncate(wrapped[wrapped.length - 1], width),
+  ];
 }
 
 // 스크롤 없이 전체 줄 반환 (focus pane용)
 function wrapTextAll(text, width, rawMode = false) {
   const input = sanitizeTextBlock(text, rawMode);
   if (!input) return [];
-  return input.split("\n").flatMap((line) => wrapLine(line, width)).filter(Boolean);
+  return input
+    .split("\n")
+    .flatMap((line) => wrapLine(line, width))
+    .filter(Boolean);
 }
 
 // ── virtual row buffer ────────────────────────────────────────────────────
@@ -388,13 +458,20 @@ class RowBuffer {
     this._prev = [...this._rows];
   }
 
-  get rows() { return this._rows; }
-  get prevLen() { return this._prev.length; }
+  get rows() {
+    return this._rows;
+  }
+  get prevLen() {
+    return this._prev.length;
+  }
 }
 
 // ── 상태 집계 ─────────────────────────────────────────────────────────────
 function countStatuses(names, workers) {
-  let ok = 0, partial = 0, failed = 0, running = 0;
+  let ok = 0,
+    partial = 0,
+    failed = 0,
+    running = 0;
   for (const name of names) {
     const st = workers.get(name);
     const s = runtimeStatus(st);
@@ -409,25 +486,40 @@ function countStatuses(names, workers) {
 // ── Tier1: 상단 고정 1행 ─────────────────────────────────────────────────
 function phaseColor(phase, time = Date.now()) {
   const shimmer = currentShimmer(time);
-  if (phase === "exec" || phase === "executing") return rgbSeq(lerpRgb(MOCHA_RGB.blue, MOCHA_RGB.sky, shimmer));
-  if (phase === "verify" || phase === "verifying") return rgbSeq(lerpRgb(MOCHA_RGB.yellow, MOCHA_RGB.peach, shimmer));
-  if (phase === "fix" || phase === "fixing") return rgbSeq(lerpRgb(MOCHA_RGB.fail, MOCHA_RGB.maroon, shimmer));
+  if (phase === "exec" || phase === "executing")
+    return rgbSeq(lerpRgb(MOCHA_RGB.blue, MOCHA_RGB.sky, shimmer));
+  if (phase === "verify" || phase === "verifying")
+    return rgbSeq(lerpRgb(MOCHA_RGB.yellow, MOCHA_RGB.peach, shimmer));
+  if (phase === "fix" || phase === "fixing")
+    return rgbSeq(lerpRgb(MOCHA_RGB.fail, MOCHA_RGB.maroon, shimmer));
   return FG.accent;
 }
 
-function buildTier1(names, workers, pipeline, elapsed, width, version, time = Date.now()) {
+function buildTier1(
+  names,
+  workers,
+  pipeline,
+  elapsed,
+  width,
+  version,
+  time = Date.now(),
+) {
   const { ok, partial, failed, running } = countStatuses(names, workers);
   const phase = pipeline.phase || "exec";
   const row1 = truncate(
     `${color("▲", FG.triflux)} v${version} ${dim("│")} ${color(phase, phaseColor(phase, time))} ${dim("│")} ${elapsed}s ${dim("│")} ` +
-    `${color(`✓${ok}`, MOCHA.ok)} ${color(`◑${partial}`, MOCHA.partial)} ${color(`✗${failed}`, MOCHA.fail)} ${dim(`▶${running}`)}${running > 0 ? ` ${activityWave(spinnerTick)}` : ""}`,
+      `${color(`✓${ok}`, MOCHA.ok)} ${color(`◑${partial}`, MOCHA.partial)} ${color(`✗${failed}`, MOCHA.fail)} ${dim(`▶${running}`)}${running > 0 ? ` ${activityWave(spinnerTick)}` : ""}`,
     width,
   );
-  const keysHint = color("Tab:focus • j/k/↑↓:nav • f:follow • r:raw • l:tab • n:recent • 1-9:jump", MOCHA.subtext);
+  const keysHint = color(
+    "Tab:focus • j/k/↑↓:nav • f:follow • r:raw • l:tab • n:recent • 1-9:jump",
+    MOCHA.subtext,
+  );
   const hintWidth = wcswidth(stripAnsi(keysHint));
-  const row2 = hintWidth >= width
-    ? truncate(keysHint, width)
-    : padRight(`${" ".repeat(width - hintWidth)}${keysHint}`, width);
+  const row2 =
+    hintWidth >= width
+      ? truncate(keysHint, width)
+      : padRight(`${" ".repeat(width - hintWidth)}${keysHint}`, width);
   return [row1, row2];
 }
 
@@ -437,7 +529,8 @@ function detailText(st) {
   const lines = [];
   for (const key of SUMMARY_KEYS) {
     const value = st.handoff?.[key];
-    if (Array.isArray(value) && value.length > 0) lines.push(`${key}: ${value.join(", ")}`);
+    if (Array.isArray(value) && value.length > 0)
+      lines.push(`${key}: ${value.join(", ")}`);
     else if (value) lines.push(`${key}: ${value}`);
   }
   if (st.snapshot) lines.unshift(st.snapshot);
@@ -452,7 +545,10 @@ function detailHighlights(st) {
     .map((line) => line.replace(/^verdict\s*:\s*/i, "").trim())
     .filter(Boolean)
     .filter((line) => line !== verdict)
-    .filter((line) => !SUMMARY_KEYS.some((key) => line.toLowerCase().startsWith(`${key}:`)))
+    .filter(
+      (line) =>
+        !SUMMARY_KEYS.some((key) => line.toLowerCase().startsWith(`${key}:`)),
+    )
     .slice(0, 2);
 }
 
@@ -460,7 +556,7 @@ function buildWorkerRail(name, st, opts = {}) {
   const {
     width,
     selected = false,
-    focused = false,  // rail 포커스 여부
+    focused = false, // rail 포커스 여부
     previousSelected = false,
     _rawMode = false,
     compact = false,
@@ -471,19 +567,29 @@ function buildWorkerRail(name, st, opts = {}) {
   const role = sanitizeOneLine(st.role);
   const status = runtimeStatus(st);
   const sec = Number.isFinite(st._logSec) ? st._logSec : 0;
-  const changeElapsed = st._statusChangedAt ? Math.max(0, time - st._statusChangedAt) : Number.POSITIVE_INFINITY;
+  const changeElapsed = st._statusChangedAt
+    ? Math.max(0, time - st._statusChangedAt)
+    : Number.POSITIVE_INFINITY;
 
   // Tier2 행 1: 이름 + CLI + role
   const selMark = selected
-    ? (focused ? color("▶", MOCHA.blue) : color(">", FG.triflux))
+    ? focused
+      ? color("▶", MOCHA.blue)
+      : color(">", FG.triflux)
     : previousSelected
       ? dim("~")
       : " ";
-  const hb = heartbeat(status, status === "running" ? currentShimmer(time) : 0, st._statusChangedAt, time);
+  const hb = heartbeat(
+    status,
+    status === "running" ? currentShimmer(time) : 0,
+    st._statusChangedAt,
+    time,
+  );
   // host 배지 (원격 워커용)
-  const hostBadge = st.host && st.host !== "local"
-    ? color(`[${st.host}]`, MOCHA.mauve) + " "
-    : "";
+  const hostBadge =
+    st.host && st.host !== "local"
+      ? color(`[${st.host}]`, MOCHA.mauve) + " "
+      : "";
   const displayRole = dedupeRole(role, name, cli);
   const title = truncate(
     `${selMark} ${hb} ${hostBadge}${color(name, FG.triflux)} ${color("•", MOCHA.overlay)} ${color(cli, cliColor(cli))}${displayRole ? ` ${color(`(${displayRole})`, MOCHA.overlay)}` : ""}`,
@@ -491,7 +597,9 @@ function buildWorkerRail(name, st, opts = {}) {
   );
 
   const cardWidth = Math.max(MIN_CARD_WIDTH, width);
-  const borderHighlight = focused ? borderHighlightPosition(cardWidth, compact ? 2 : 6, time) : undefined;
+  const borderHighlight = focused
+    ? borderHighlightPosition(cardWidth, compact ? 2 : 6, time)
+    : undefined;
   const titleFlashBg = titleFlash(status, changeElapsed);
 
   // status-specific border: focused→mauve, selected→bright, non-selected→glow decay
@@ -502,37 +610,58 @@ function buildWorkerRail(name, st, opts = {}) {
     }
     if (selected) return statusColor(status);
     const from = statusToRgb(status);
-    const decayBase = st._statusChangedAt ? clamp(changeElapsed / CARD_GLOW_MS, 0, 1) : 1;
+    const decayBase = st._statusChangedAt
+      ? clamp(changeElapsed / CARD_GLOW_MS, 0, 1)
+      : 1;
     const decayT = easeOutCubic(decayBase);
-    return rgbSeq(lerpRgb(from, MOCHA_RGB.border, 0.5 + (0.5 * decayT)));
+    return rgbSeq(lerpRgb(from, MOCHA_RGB.border, 0.5 + 0.5 * decayT));
   })();
 
   if (compact) {
     // compact 2-line 카드
-    const progress = Number.isFinite(st.progress) ? clamp(st.progress, 0, 1) : (status === "running" ? 0.3 : 1);
+    const progress = Number.isFinite(st.progress)
+      ? clamp(st.progress, 0, 1)
+      : status === "running"
+        ? 0.3
+        : 1;
     const percent = Math.round(progress * 100);
     const compactLine1 = truncate(
       `${selMark} ${hb} ${hostBadge}${color(name, FG.triflux)} ${dim("•")} ${color(cli, cliColor(cli))} ${statusBadge(status)} ${String(percent).padStart(3)}%`,
       innerWidth,
     );
-    const verdict = sanitizeOneLine(st.handoff?.verdict || st.summary || st.snapshot, status);
+    const verdict = sanitizeOneLine(
+      st.handoff?.verdict || st.summary || st.snapshot,
+      status,
+    );
     const compactLine2 = truncate(color(verdict, MOCHA.text), innerWidth);
-    const framed = box([compactLine1, compactLine2], cardWidth, statusBorderColor, {
-      highlightPos: borderHighlight,
-      titleFlashBg,
-    });
+    const framed = box(
+      [compactLine1, compactLine2],
+      cardWidth,
+      statusBorderColor,
+      {
+        highlightPos: borderHighlight,
+        titleFlashBg,
+      },
+    );
     return [framed.top, ...framed.body, framed.bot];
   }
 
   // Tier2 행 2: 상태 배지 + elapsed + tokens + conf
-  const confidence = sanitizeOneLine(st.handoff?.confidence || st.confidence, "n/a");
+  const confidence = sanitizeOneLine(
+    st.handoff?.confidence || st.confidence,
+    "n/a",
+  );
   const statusLine = truncate(
     `${statusBadge(status)} ${color("•", MOCHA.overlay)} ${color(`${sec}s`, MOCHA.subtext)} ${color("•", MOCHA.overlay)} ${color(`tok ${formatTokens(st.tokens)}`, MOCHA.subtext)} ${color("•", MOCHA.overlay)} ${color(`conf ${confidence}`, MOCHA.subtext)}`,
     innerWidth,
   );
 
   // Tier2 행 3: progress bar
-  const progress = Number.isFinite(st.progress) ? clamp(st.progress, 0, 1) : (status === "running" ? 0.3 : 1);
+  const progress = Number.isFinite(st.progress)
+    ? clamp(st.progress, 0, 1)
+    : status === "running"
+      ? 0.3
+      : 1;
   const percent = Math.round(progress * 100);
   const barWidth = clamp(Math.floor(innerWidth * 0.3), 8, 16);
   const bar = progressBar(percent, barWidth, time);
@@ -542,18 +671,33 @@ function buildWorkerRail(name, st, opts = {}) {
   );
 
   // Tier2 행 4-6: verdict / findings / files
-  const verdict = sanitizeOneLine(st.handoff?.verdict || st.summary || st.snapshot, status);
-  const findings = detailHighlights(st).join(" / ") || "no notable findings yet";
-  const files = sanitizeFiles(st.handoff?.files_changed || st.files_changed).join(", ") || "none";
+  const verdict = sanitizeOneLine(
+    st.handoff?.verdict || st.summary || st.snapshot,
+    status,
+  );
+  const findings =
+    detailHighlights(st).join(" / ") || "no notable findings yet";
+  const files =
+    sanitizeFiles(st.handoff?.files_changed || st.files_changed).join(", ") ||
+    "none";
 
   const verdictClr = statusColor(status);
   const lines = [
     title,
     statusLine,
     progressLine,
-    truncate(`${color("verdict", MOCHA.overlay)} ${color(verdict, verdictClr)}`, innerWidth),
-    truncate(`${color("findings", MOCHA.overlay)} ${color(findings, MOCHA.subtext)}`, innerWidth),
-    truncate(`${color("files", MOCHA.overlay)} ${color(files, MOCHA.subtext)}`, innerWidth),
+    truncate(
+      `${color("verdict", MOCHA.overlay)} ${color(verdict, verdictClr)}`,
+      innerWidth,
+    ),
+    truncate(
+      `${color("findings", MOCHA.overlay)} ${color(findings, MOCHA.subtext)}`,
+      innerWidth,
+    ),
+    truncate(
+      `${color("files", MOCHA.overlay)} ${color(files, MOCHA.subtext)}`,
+      innerWidth,
+    ),
   ];
 
   const framed = box(lines, cardWidth, statusBorderColor, {
@@ -577,23 +721,47 @@ function buildFocusPane(name, st, opts = {}) {
   const innerWidth = Math.max(12, width - 4);
 
   // verdict sticky 4행
-  const verdict = sanitizeOneLine(st.handoff?.verdict || st.summary || st.snapshot, "—");
-  const confidence = sanitizeOneLine(st.handoff?.confidence || st.confidence, "n/a");
+  const verdict = sanitizeOneLine(
+    st.handoff?.verdict || st.summary || st.snapshot,
+    "—",
+  );
+  const confidence = sanitizeOneLine(
+    st.handoff?.confidence || st.confidence,
+    "n/a",
+  );
   const files = sanitizeFiles(st.handoff?.files_changed || st.files_changed);
   const status = runtimeStatus(st);
 
   // Tab bar: 활성 탭은 MOCHA.blue + bold, 비활성은 MOCHA.overlay
   const activeTab = opts.activeTab || "log";
-  const tabLog = activeTab === "log" ? `${MOCHA.blue}${bold("[Log]")}` : color("[Log]", MOCHA.overlay);
-  const tabDetail = activeTab === "detail" ? `${MOCHA.blue}${bold("[Detail]")}` : color("[Detail]", MOCHA.overlay);
-  const tabFiles = activeTab === "files" ? `${MOCHA.blue}${bold(`[Files ${files.length}]`)}` : color(`[Files ${files.length}]`, MOCHA.overlay);
+  const tabLog =
+    activeTab === "log"
+      ? `${MOCHA.blue}${bold("[Log]")}`
+      : color("[Log]", MOCHA.overlay);
+  const tabDetail =
+    activeTab === "detail"
+      ? `${MOCHA.blue}${bold("[Detail]")}`
+      : color("[Detail]", MOCHA.overlay);
+  const tabFiles =
+    activeTab === "files"
+      ? `${MOCHA.blue}${bold(`[Files ${files.length}]`)}`
+      : color(`[Files ${files.length}]`, MOCHA.overlay);
   const tabBar = truncate(`${tabLog} ${tabDetail} ${tabFiles}`, innerWidth);
 
   const stickyLines = [
-    truncate(`${color(name, FG.triflux)} ${color("•", MOCHA.overlay)} ${statusBadge(status)}`, innerWidth),
+    truncate(
+      `${color(name, FG.triflux)} ${color("•", MOCHA.overlay)} ${statusBadge(status)}`,
+      innerWidth,
+    ),
     tabBar,
-    truncate(`${color("verdict", MOCHA.overlay)}  ${color(verdict, statusColor(status))}`, innerWidth),
-    truncate(`${color("conf", MOCHA.overlay)}     ${color(confidence, MOCHA.text)}`, innerWidth),
+    truncate(
+      `${color("verdict", MOCHA.overlay)}  ${color(verdict, statusColor(status))}`,
+      innerWidth,
+    ),
+    truncate(
+      `${color("conf", MOCHA.overlay)}     ${color(confidence, MOCHA.text)}`,
+      innerWidth,
+    ),
     color("─", MOCHA.surface0).repeat(Math.max(4, innerWidth)),
   ];
 
@@ -605,17 +773,22 @@ function buildFocusPane(name, st, opts = {}) {
     const summaryLines = [];
     for (const key of SUMMARY_KEYS) {
       const value = st.handoff?.[key];
-      if (Array.isArray(value) && value.length > 0) summaryLines.push(`${key}: ${value.join(", ")}`);
+      if (Array.isArray(value) && value.length > 0)
+        summaryLines.push(`${key}: ${value.join(", ")}`);
       else if (value) summaryLines.push(`${key}: ${value}`);
     }
-    allBodyLines = summaryLines.length > 0
-      ? summaryLines.flatMap((l) => wrapLine(l, innerWidth))
-      : [dim("no structured data")];
+    allBodyLines =
+      summaryLines.length > 0
+        ? summaryLines.flatMap((l) => wrapLine(l, innerWidth))
+        : [dim("no structured data")];
   } else if (activeTab === "files") {
-    const filesList = sanitizeFiles(st.handoff?.files_changed || st.files_changed);
-    allBodyLines = filesList.length > 0
-      ? filesList.map((f, i) => `${i + 1}. ${f}`)
-      : [dim("no files changed")];
+    const filesList = sanitizeFiles(
+      st.handoff?.files_changed || st.files_changed,
+    );
+    allBodyLines =
+      filesList.length > 0
+        ? filesList.map((f, i) => `${i + 1}. ${f}`)
+        : [dim("no files changed")];
   } else {
     allBodyLines = wrapTextAll(detailText(st), innerWidth, rawMode);
   }
@@ -624,16 +797,24 @@ function buildFocusPane(name, st, opts = {}) {
   if (followTail) {
     startIdx = Math.max(0, allBodyLines.length - bodyAvail);
   } else {
-    startIdx = clamp(scrollOffset, 0, Math.max(0, allBodyLines.length - bodyAvail));
+    startIdx = clamp(
+      scrollOffset,
+      0,
+      Math.max(0, allBodyLines.length - bodyAvail),
+    );
   }
 
   const bodySlice = allBodyLines.slice(startIdx, startIdx + bodyAvail);
   if (bodySlice.length === 0) bodySlice.push(dim("no detail available"));
 
   // scroll indicator — MOCHA.overlay for position
-  const scrollInfo = allBodyLines.length > bodyAvail
-    ? color(`${startIdx + 1}-${Math.min(startIdx + bodyAvail, allBodyLines.length)}/${allBodyLines.length}`, MOCHA.overlay)
-    : color(`${allBodyLines.length} lines`, MOCHA.overlay);
+  const scrollInfo =
+    allBodyLines.length > bodyAvail
+      ? color(
+          `${startIdx + 1}-${Math.min(startIdx + bodyAvail, allBodyLines.length)}/${allBodyLines.length}`,
+          MOCHA.overlay,
+        )
+      : color(`${allBodyLines.length} lines`, MOCHA.overlay);
 
   const contentLines = [
     ...stickyLines,
@@ -647,23 +828,49 @@ function buildFocusPane(name, st, opts = {}) {
     : MOCHA.border;
   const paneWidth = Math.max(MIN_CARD_WIDTH, width);
   const framed = box(contentLines, paneWidth, borderColor, {
-    highlightPos: focused ? borderHighlightPosition(paneWidth, contentLines.length, time) : undefined,
+    highlightPos: focused
+      ? borderHighlightPosition(paneWidth, contentLines.length, time)
+      : undefined,
   });
   return [framed.top, ...framed.body, framed.bot];
 }
 
 // ── summary bar (≥4 workers) ──────────────────────────────────────────────
-function buildSummaryBar(names, workers, selectedWorker, pipeline, width, version) {
-  const maxChipWidth = clamp(Math.floor((width - 6) / Math.min(names.length, 4)), 16, 26);
+function buildSummaryBar(
+  names,
+  workers,
+  selectedWorker,
+  pipeline,
+  width,
+  version,
+) {
+  const maxChipWidth = clamp(
+    Math.floor((width - 6) / Math.min(names.length, 4)),
+    16,
+    26,
+  );
   const chips = names.map((name, idx) => {
     const st = workers.get(name);
     const status = runtimeStatus(st);
-    const progress = Number.isFinite(st.progress) ? clamp(st.progress, 0, 1) : (status === "running" ? 0.3 : 1);
+    const progress = Number.isFinite(st.progress)
+      ? clamp(st.progress, 0, 1)
+      : status === "running"
+        ? 0.3
+        : 1;
     const label = `${selectedWorker === name ? ">" : " "} ${idx + 1}.${name} ${status} ${Math.round(progress * 100)}%`;
     return padRight(truncate(label, maxChipWidth), maxChipWidth);
   });
-  const chipsLine = truncate(chips.join(color(" │ ", MOCHA.overlay)), width - 4);
-  const keysLine = truncate(color("Tab:focus • j/k/↑↓:nav • f:follow • r:raw • l:tab • n:recent • 1-9:jump", MOCHA.subtext), width - 4);
+  const chipsLine = truncate(
+    chips.join(color(" │ ", MOCHA.overlay)),
+    width - 4,
+  );
+  const keysLine = truncate(
+    color(
+      "Tab:focus • j/k/↑↓:nav • f:follow • r:raw • l:tab • n:recent • 1-9:jump",
+      MOCHA.subtext,
+    ),
+    width - 4,
+  );
   const framed = box([chipsLine, keysLine], width);
   return [framed.top, ...framed.body, framed.bot];
 }
@@ -696,7 +903,9 @@ function buildHelpOverlay(width, height) {
   const framed = box(helpLines, innerWidth + 4, MOCHA.blue);
   const framedRows = [framed.top, ...framed.body, framed.bot];
   const topPad = Math.max(0, Math.floor((height - framedRows.length) / 2));
-  const leftPad = " ".repeat(Math.max(0, Math.floor((width - innerWidth - 4) / 2)));
+  const leftPad = " ".repeat(
+    Math.max(0, Math.floor((width - innerWidth - 4) / 2)),
+  );
   const result = [];
   for (let i = 0; i < height; i++) {
     const fi = i - topPad;
@@ -714,51 +923,96 @@ function _joinColumns(blocks, gap = GRID_GAP) {
   const maxHeight = Math.max(...blocks.map((b) => b.length));
   return Array.from({ length: maxHeight }, (_, rowIdx) =>
     blocks
-      .map((block) => block[rowIdx] || " ".repeat(wcswidth(stripAnsi(block[0] || ""))))
+      .map(
+        (block) =>
+          block[rowIdx] || " ".repeat(wcswidth(stripAnsi(block[0] || ""))),
+      )
       .join(" ".repeat(gap)),
   );
 }
 
 // ── normalizeWorkerState ──────────────────────────────────────────────────
 function normalizeWorkerState(existing, state) {
-  const nextHandoff = state.handoff === undefined
-    ? existing.handoff
-    : {
-        ...(existing.handoff || {}),
-        ...(state.handoff || {}),
-        verdict: state.handoff?.verdict !== undefined
-          ? sanitizeOneLine(state.handoff.verdict)
-          : existing.handoff?.verdict,
-        files_changed: state.handoff?.files_changed !== undefined
-          ? sanitizeFiles(state.handoff.files_changed)
-          : existing.handoff?.files_changed,
-        confidence: state.handoff?.confidence !== undefined
-          ? sanitizeOneLine(state.handoff.confidence)
-          : existing.handoff?.confidence,
-        status: state.handoff?.status !== undefined
-          ? sanitizeOneLine(state.handoff.status)
-          : existing.handoff?.status,
-      };
+  const nextHandoff =
+    state.handoff === undefined
+      ? existing.handoff
+      : {
+          ...(existing.handoff || {}),
+          ...(state.handoff || {}),
+          verdict:
+            state.handoff?.verdict !== undefined
+              ? sanitizeOneLine(state.handoff.verdict)
+              : existing.handoff?.verdict,
+          files_changed:
+            state.handoff?.files_changed !== undefined
+              ? sanitizeFiles(state.handoff.files_changed)
+              : existing.handoff?.files_changed,
+          confidence:
+            state.handoff?.confidence !== undefined
+              ? sanitizeOneLine(state.handoff.confidence)
+              : existing.handoff?.confidence,
+          status:
+            state.handoff?.status !== undefined
+              ? sanitizeOneLine(state.handoff.status)
+              : existing.handoff?.status,
+        };
 
   return {
     ...existing,
     ...state,
-    cli: state.cli !== undefined ? sanitizeOneLine(state.cli, existing.cli || "codex") : (existing.cli || "codex"),
-    role: state.role !== undefined ? sanitizeOneLine(state.role) : existing.role,
-    status: state.status !== undefined ? sanitizeOneLine(state.status, existing.status || "pending") : (existing.status || "pending"),
-    snapshot: state.snapshot !== undefined ? sanitizeTextBlock(state.snapshot) : existing.snapshot,
-    summary: state.summary !== undefined ? sanitizeTextBlock(state.summary) : existing.summary,
-    detail: state.detail !== undefined ? sanitizeTextBlock(state.detail) : existing.detail,
-    findings: state.findings !== undefined ? sanitizeFindings(state.findings) : existing.findings,
-    files_changed: state.files_changed !== undefined ? sanitizeFiles(state.files_changed) : existing.files_changed,
-    confidence: state.confidence !== undefined ? sanitizeOneLine(state.confidence) : existing.confidence,
-    tokens: state.tokens !== undefined ? normalizeTokens(state.tokens) : existing.tokens,
-    progress: state.progress !== undefined ? clamp(Number(state.progress) || 0, 0, 1) : existing.progress,
+    cli:
+      state.cli !== undefined
+        ? sanitizeOneLine(state.cli, existing.cli || "codex")
+        : existing.cli || "codex",
+    role:
+      state.role !== undefined ? sanitizeOneLine(state.role) : existing.role,
+    status:
+      state.status !== undefined
+        ? sanitizeOneLine(state.status, existing.status || "pending")
+        : existing.status || "pending",
+    snapshot:
+      state.snapshot !== undefined
+        ? sanitizeTextBlock(state.snapshot)
+        : existing.snapshot,
+    summary:
+      state.summary !== undefined
+        ? sanitizeTextBlock(state.summary)
+        : existing.summary,
+    detail:
+      state.detail !== undefined
+        ? sanitizeTextBlock(state.detail)
+        : existing.detail,
+    findings:
+      state.findings !== undefined
+        ? sanitizeFindings(state.findings)
+        : existing.findings,
+    files_changed:
+      state.files_changed !== undefined
+        ? sanitizeFiles(state.files_changed)
+        : existing.files_changed,
+    confidence:
+      state.confidence !== undefined
+        ? sanitizeOneLine(state.confidence)
+        : existing.confidence,
+    tokens:
+      state.tokens !== undefined
+        ? normalizeTokens(state.tokens)
+        : existing.tokens,
+    progress:
+      state.progress !== undefined
+        ? clamp(Number(state.progress) || 0, 0, 1)
+        : existing.progress,
     handoff: nextHandoff,
-    _prevStatus: (state.status !== undefined && sanitizeOneLine(state.status) !== existing.status)
-      ? existing.status : existing._prevStatus,
-    _statusChangedAt: (state.status !== undefined && sanitizeOneLine(state.status) !== existing.status)
-      ? Date.now() : (existing._statusChangedAt || 0),
+    _prevStatus:
+      state.status !== undefined &&
+      sanitizeOneLine(state.status) !== existing.status
+        ? existing.status
+        : existing._prevStatus,
+    _statusChangedAt:
+      state.status !== undefined &&
+      sanitizeOneLine(state.status) !== existing.status
+        ? Date.now()
+        : existing._statusChangedAt || 0,
   };
 }
 
@@ -822,16 +1076,20 @@ export function createLogDashboard(opts = {}) {
   function getViewportColumns() {
     const v = Number.isFinite(columns)
       ? columns
-      : (Number.isFinite(stream?.columns)
-          ? stream.columns
-          : (Number.isFinite(process.stdout?.columns) ? process.stdout.columns : FALLBACK_COLUMNS));
+      : Number.isFinite(stream?.columns)
+        ? stream.columns
+        : Number.isFinite(process.stdout?.columns)
+          ? process.stdout.columns
+          : FALLBACK_COLUMNS;
     return Math.max(48, v || FALLBACK_COLUMNS);
   }
 
   function getViewportRows() {
     const v = Number.isFinite(stream?.rows)
       ? stream.rows
-      : (Number.isFinite(process.stdout?.rows) ? process.stdout.rows : FALLBACK_ROWS);
+      : Number.isFinite(process.stdout?.rows)
+        ? process.stdout.rows
+        : FALLBACK_ROWS;
     return Math.max(10, v || FALLBACK_ROWS);
   }
 
@@ -840,8 +1098,12 @@ export function createLogDashboard(opts = {}) {
   }
 
   function ensureSelectedWorker(names) {
-    if (names.length === 0) { selectedWorker = null; return; }
-    if (!selectedWorker || !workers.has(selectedWorker)) selectedWorker = names[0];
+    if (names.length === 0) {
+      selectedWorker = null;
+      return;
+    }
+    if (!selectedWorker || !workers.has(selectedWorker))
+      selectedWorker = names[0];
   }
 
   function setSelectedWorker(nextWorker, { preserveTrail = true } = {}) {
@@ -885,8 +1147,10 @@ export function createLogDashboard(opts = {}) {
   function doClose() {
     if (closed) return;
     if (timer) clearInterval(timer);
-    if (inputAttached && typeof input?.off === "function") input.off("data", handleInput);
-    if (rawModeEnabled && typeof input?.setRawMode === "function") input.setRawMode(false);
+    if (inputAttached && typeof input?.off === "function")
+      input.off("data", handleInput);
+    if (rawModeEnabled && typeof input?.setRawMode === "function")
+      input.setRawMode(false);
     if (inputAttached && typeof input?.pause === "function") input.pause();
     exitAltScreen();
     closed = true;
@@ -923,33 +1187,84 @@ export function createLogDashboard(opts = {}) {
     }
 
     // Shift+Arrow: 포커스 이동 + 워커 선택
-    if (key === "\x1b[1;2A") { selectRelative(-1); return; } // Shift+Up → 워커 위
-    if (key === "\x1b[1;2B") { selectRelative(1); return; }  // Shift+Down → 워커 아래
-    if (key === "\x1b[1;2D") { focus = "rail"; render(); return; }   // Shift+Left → rail
-    if (key === "\x1b[1;2C") { focus = "detail"; render(); return; } // Shift+Right → detail
+    if (key === "\x1b[1;2A") {
+      selectRelative(-1);
+      return;
+    } // Shift+Up → 워커 위
+    if (key === "\x1b[1;2B") {
+      selectRelative(1);
+      return;
+    } // Shift+Down → 워커 아래
+    if (key === "\x1b[1;2D") {
+      focus = "rail";
+      render();
+      return;
+    } // Shift+Left → rail
+    if (key === "\x1b[1;2C") {
+      focus = "detail";
+      render();
+      return;
+    } // Shift+Right → detail
 
     if (focus === "detail") {
       // detail 포커스: j/k/ArrowDown/Up = 스크롤
-      if (key === "j" || key === "\u001b[B") { scrollDetail(1); return; }
-      if (key === "k" || key === "\u001b[A") { scrollDetail(-1); return; }
+      if (key === "j" || key === "\u001b[B") {
+        scrollDetail(1);
+        return;
+      }
+      if (key === "k" || key === "\u001b[A") {
+        scrollDetail(-1);
+        return;
+      }
     } else {
       // rail 포커스: j/k = 워커 선택
-      if (key === "j" || key === "\u001b[B") { selectRelative(1); return; }
-      if (key === "k" || key === "\u001b[A") { selectRelative(-1); return; }
+      if (key === "j" || key === "\u001b[B") {
+        selectRelative(1);
+        return;
+      }
+      if (key === "k" || key === "\u001b[A") {
+        selectRelative(-1);
+        return;
+      }
     }
 
     // g: focus pane 상단 점프
-    if (key === "g") { followTail = false; detailScrollOffset = 0; render(); return; }
+    if (key === "g") {
+      followTail = false;
+      detailScrollOffset = 0;
+      render();
+      return;
+    }
     // G: focus pane 하단 점프
-    if (key === "G") { followTail = true; detailScrollOffset = 0; render(); return; }
+    if (key === "G") {
+      followTail = true;
+      detailScrollOffset = 0;
+      render();
+      return;
+    }
     // PgUp/PgDn: 페이지 단위 스크롤
     const pageSize = Math.max(1, Math.floor(getViewportRows() / 2));
-    if (key === "\x1b[5~") { scrollDetail(-pageSize); return; } // PgUp
-    if (key === "\x1b[6~") { scrollDetail(pageSize); return; }  // PgDn
+    if (key === "\x1b[5~") {
+      scrollDetail(-pageSize);
+      return;
+    } // PgUp
+    if (key === "\x1b[6~") {
+      scrollDetail(pageSize);
+      return;
+    } // PgDn
     // f: follow-tail 토글
-    if (key === "f") { followTail = !followTail; if (followTail) detailScrollOffset = 0; render(); return; }
+    if (key === "f") {
+      followTail = !followTail;
+      if (followTail) detailScrollOffset = 0;
+      render();
+      return;
+    }
     // r: raw mode 토글
-    if (key === "r") { rawMode = !rawMode; render(); return; }
+    if (key === "r") {
+      rawMode = !rawMode;
+      render();
+      return;
+    }
     // l: 탭 전환 (Log → Detail → Files)
     if (key === "l") {
       const tabs = ["log", "detail", "files"];
@@ -959,16 +1274,29 @@ export function createLogDashboard(opts = {}) {
       return;
     }
     // n: 가장 최근 상태 변경 워커로 이동
-    if (key === "n") { selectMostRecentChangedWorker(); return; }
+    if (key === "n") {
+      selectMostRecentChangedWorker();
+      return;
+    }
     // h/?: 도움말 오버레이 토글
-    if (key === "h" || key === "?") { helpOverlay = true; render(); return; }
+    if (key === "h" || key === "?") {
+      helpOverlay = true;
+      render();
+      return;
+    }
     // q: 대시보드 종료
-    if (key === "q") { doClose(); return; }
+    if (key === "q") {
+      doClose();
+      return;
+    }
     // 1-9: 워커 직접 선택
     if (/^[1-9]$/.test(key)) {
       const names = visibleWorkerNames();
       const target = names[Number.parseInt(key, 10) - 1];
-      if (target) { setSelectedWorker(target); render(); }
+      if (target) {
+        setSelectedWorker(target);
+        render();
+      }
       return;
     }
   }
@@ -977,7 +1305,8 @@ export function createLogDashboard(opts = {}) {
   function attachToSession(worker) {
     const execFileFn = opts.deps?.execFile || _execFile;
     // 1. rawMode 해제 + input 일시정지 (키 이벤트 차단)
-    if (rawModeEnabled && typeof input?.setRawMode === "function") input.setRawMode(false);
+    if (rawModeEnabled && typeof input?.setRawMode === "function")
+      input.setRawMode(false);
     if (typeof input?.pause === "function") input.pause();
     // 2. altScreen 퇴장
     exitAltScreen();
@@ -988,21 +1317,52 @@ export function createLogDashboard(opts = {}) {
       const host = worker.host || "unknown";
       const ip = worker._sshIp || host;
       const title = `${host}:${worker.role || sessionName}`;
-      execFileFn("wt.exe", ["-w", "0", "nt", "--title", title, "--",
-        "ssh", `${worker.sshUser}@${ip}`, "-t", `psmux attach -t ${sessionName}`],
-        { detached: true, stdio: "ignore", windowsHide: false }, () => {});
+      execFileFn(
+        "wt.exe",
+        [
+          "-w",
+          "0",
+          "nt",
+          "--title",
+          title,
+          "--",
+          "ssh",
+          `${worker.sshUser}@${ip}`,
+          "-t",
+          `psmux attach -t ${sessionName}`,
+        ],
+        { detached: true, stdio: "ignore", windowsHide: false },
+        () => {},
+      );
     } else {
       // 로컬: psmux attach in new WT tab
       const title = worker.role || sessionName;
-      execFileFn("wt.exe", ["-w", "0", "nt", "--title", title, "--",
-        "psmux", "attach", "-t", sessionName],
-        { detached: true, stdio: "ignore", windowsHide: false }, () => {});
+      execFileFn(
+        "wt.exe",
+        [
+          "-w",
+          "0",
+          "nt",
+          "--title",
+          title,
+          "--",
+          "psmux",
+          "attach",
+          "-t",
+          sessionName,
+        ],
+        { detached: true, stdio: "ignore", windowsHide: false },
+        () => {},
+      );
     }
 
     // 3. 200ms 후 altScreen 복귀 + rawMode 재활성화
     setTimeout(() => {
       enterAltScreen();
-      if (typeof input?.setRawMode === "function") { input.setRawMode(true); rawModeEnabled = true; }
+      if (typeof input?.setRawMode === "function") {
+        input.setRawMode(true);
+        rawModeEnabled = true;
+      }
       if (typeof input?.resume === "function") input.resume();
       render();
     }, 200);
@@ -1014,15 +1374,26 @@ export function createLogDashboard(opts = {}) {
   function showFlash(msg, durationMs = 5000) {
     flashMessage = msg;
     if (flashTimer) clearTimeout(flashTimer);
-    flashTimer = setTimeout(() => { flashMessage = ""; render(); }, durationMs);
+    flashTimer = setTimeout(() => {
+      flashMessage = "";
+      render();
+    }, durationMs);
     render();
   }
 
   function attachInput() {
     if (inputAttached) return;
-    if (!isTTY || (!forceTTY && !input?.isTTY) || typeof input?.on !== "function") return;
+    if (
+      !isTTY ||
+      (!forceTTY && !input?.isTTY) ||
+      typeof input?.on !== "function"
+    )
+      return;
     inputAttached = true;
-    if (typeof input.setRawMode === "function") { input.setRawMode(true); rawModeEnabled = true; }
+    if (typeof input.setRawMode === "function") {
+      input.setRawMode(true);
+      rawModeEnabled = true;
+    }
     if (typeof input.resume === "function") input.resume();
     input.on("data", handleInput);
   }
@@ -1058,10 +1429,20 @@ export function createLogDashboard(opts = {}) {
     const renderTime = Date.now();
 
     // Tier1: 상단 고정 2행
-    const tier1 = buildTier1(names, workers, pipeline, elapsed, totalCols, VERSION, renderTime);
+    const tier1 = buildTier1(
+      names,
+      workers,
+      pipeline,
+      elapsed,
+      totalCols,
+      VERSION,
+      renderTime,
+    );
     // flash 메시지 (완료/실패 알림)
     if (flashMessage) {
-      tier1.push(truncate(` ${color("▸", MOCHA.green)} ${flashMessage}`, totalCols));
+      tier1.push(
+        truncate(` ${color("▸", MOCHA.green)} ${flashMessage}`, totalCols),
+      );
     }
 
     // 레이아웃 결정
@@ -1075,9 +1456,19 @@ export function createLogDashboard(opts = {}) {
 
     // summary+detail: summaryBar + focus pane
     if (effectiveLayout === "summary+detail") {
-      const summaryBar = buildSummaryBar(names, workers, selectedWorker, pipeline, totalCols, VERSION);
+      const summaryBar = buildSummaryBar(
+        names,
+        workers,
+        selectedWorker,
+        pipeline,
+        totalCols,
+        VERSION,
+      );
       const selectedState = workers.get(selectedWorker);
-      const focusPaneHeight = Math.max(8, totalRows - tier1.length - summaryBar.length);
+      const focusPaneHeight = Math.max(
+        8,
+        totalRows - tier1.length - summaryBar.length,
+      );
       const focusPane = buildFocusPane(selectedWorker, selectedState, {
         width: totalCols,
         height: focusPaneHeight,
@@ -1094,8 +1485,11 @@ export function createLogDashboard(opts = {}) {
     // 좌우 분할: Left Rail (30%) | Right Focus (70%)
     // 목업: Tier2 Left Rail + Tier3 Focus 나란히 렌더링
     const GAP = 1; // rail과 focus 사이 구분선
-    const railRatio = focus === "detail" ? 0.20 : 0.30;
-    const railWidth = Math.max(MIN_CARD_WIDTH, Math.floor(totalCols * railRatio));
+    const railRatio = focus === "detail" ? 0.2 : 0.3;
+    const railWidth = Math.max(
+      MIN_CARD_WIDTH,
+      Math.floor(totalCols * railRatio),
+    );
     const focusWidth = totalCols - railWidth - GAP;
     const bodyHeight = Math.max(6, totalRows - tier1.length - 1); // -1 for status bar
 
@@ -1118,7 +1512,8 @@ export function createLogDashboard(opts = {}) {
       railLines.push(...card);
     }
     // rail 높이를 bodyHeight에 맞춤 (부족하면 빈 줄, 넘치면 자름)
-    while (railLines.length < bodyHeight) railLines.push(padRight("", railWidth));
+    while (railLines.length < bodyHeight)
+      railLines.push(padRight("", railWidth));
     if (railLines.length > bodyHeight) railLines.length = bodyHeight;
 
     // Right Focus: 선택된 워커 상세
@@ -1135,7 +1530,8 @@ export function createLogDashboard(opts = {}) {
         time: renderTime,
       });
     }
-    while (focusLines.length < bodyHeight) focusLines.push(padRight("", focusWidth));
+    while (focusLines.length < bodyHeight)
+      focusLines.push(padRight("", focusWidth));
     if (focusLines.length > bodyHeight) focusLines.length = bodyHeight;
 
     // 좌우 합성: rail[i] + separator + focus[i]
@@ -1219,21 +1615,35 @@ export function createLogDashboard(opts = {}) {
   // ── 공개 API ─────────────────────────────────────────────────────────
   return {
     updateWorker(paneName, state) {
-      const existing = workers.get(paneName) || { cli: "codex", status: "pending" };
+      const existing = workers.get(paneName) || {
+        cli: "codex",
+        status: "pending",
+      };
       const merged = normalizeWorkerState(existing, state);
       const nextSig = JSON.stringify({
-        cli: merged.cli, status: merged.status, role: merged.role,
-        snapshot: merged.snapshot, summary: merged.summary, detail: merged.detail,
-        findings: merged.findings, files_changed: merged.files_changed,
-        confidence: merged.confidence, tokens: merged.tokens,
-        progress: merged.progress, handoff: merged.handoff,
+        cli: merged.cli,
+        status: merged.status,
+        role: merged.role,
+        snapshot: merged.snapshot,
+        summary: merged.summary,
+        detail: merged.detail,
+        findings: merged.findings,
+        files_changed: merged.files_changed,
+        confidence: merged.confidence,
+        tokens: merged.tokens,
+        progress: merged.progress,
+        handoff: merged.handoff,
       });
       const sigChanged = nextSig !== existing._sig;
-      const explicitElapsed = Number.isFinite(state.elapsed) ? Math.max(0, Math.round(state.elapsed)) : null;
+      const explicitElapsed = Number.isFinite(state.elapsed)
+        ? Math.max(0, Math.round(state.elapsed))
+        : null;
       merged._sig = nextSig;
       merged._logSec = sigChanged
         ? (explicitElapsed ?? nowElapsedSec())
-        : (Number.isFinite(existing._logSec) ? existing._logSec : (explicitElapsed ?? nowElapsedSec()));
+        : Number.isFinite(existing._logSec)
+          ? existing._logSec
+          : (explicitElapsed ?? nowElapsedSec());
       workers.set(paneName, merged);
       ensureSelectedWorker(visibleWorkerNames());
       // follow-tail: 새 데이터 → 자동 scroll 재계산
@@ -1287,7 +1697,10 @@ export function createLogDashboard(opts = {}) {
 
     setFocusTab(tab) {
       const valid = ["log", "detail", "files"];
-      if (valid.includes(tab)) { focusTab = tab; detailScrollOffset = 0; }
+      if (valid.includes(tab)) {
+        focusTab = tab;
+        detailScrollOffset = 0;
+      }
     },
 
     getLayout() {
@@ -1331,27 +1744,30 @@ export function createLogDashboard(opts = {}) {
 //              failed=red, dead/init/starting=dim
 
 const CONDUCTOR_STATE_LABEL = {
-  init:        { label: 'INIT',       seq: MOCHA.subtext  },
-  starting:    { label: 'START',      seq: MOCHA.executing },
-  healthy:     { label: 'OK',         seq: MOCHA.ok        },
-  stalled:     { label: 'STALL',      seq: MOCHA.yellow    },
-  input_wait:  { label: 'INPUT_WAIT', seq: FG.cyan         },
-  failed:      { label: 'FAIL',       seq: MOCHA.fail      },
-  restarting:  { label: 'RESTART',    seq: MOCHA.partial   },
-  dead:        { label: 'DEAD',       seq: FG.gray         },
-  completed:   { label: 'DONE',       seq: MOCHA.ok        },
+  init: { label: "INIT", seq: MOCHA.subtext },
+  starting: { label: "START", seq: MOCHA.executing },
+  healthy: { label: "OK", seq: MOCHA.ok },
+  stalled: { label: "STALL", seq: MOCHA.yellow },
+  input_wait: { label: "INPUT_WAIT", seq: FG.cyan },
+  failed: { label: "FAIL", seq: MOCHA.fail },
+  restarting: { label: "RESTART", seq: MOCHA.partial },
+  dead: { label: "DEAD", seq: FG.gray },
+  completed: { label: "DONE", seq: MOCHA.ok },
 };
 
 function conductorHealthCell(state) {
-  const entry = CONDUCTOR_STATE_LABEL[state] || { label: state.toUpperCase(), seq: FG.gray };
+  const entry = CONDUCTOR_STATE_LABEL[state] || {
+    label: state.toUpperCase(),
+    seq: FG.gray,
+  };
   return `${entry.seq}■ ${entry.label}${RESET}`;
 }
 
 function conductorRelTime(ms) {
-  if (!ms) return '—';
+  if (!ms) return "—";
   const sec = Math.round((Date.now() - ms) / 1000);
-  if (sec < 0)   return '—';
-  if (sec < 60)  return `${sec}s ago`;
+  if (sec < 0) return "—";
+  if (sec < 60) return `${sec}s ago`;
   if (sec < 3600) return `${Math.floor(sec / 60)}m ago`;
   return `${Math.floor(sec / 3600)}h ago`;
 }
@@ -1369,31 +1785,32 @@ export function renderConductorTier(snapshot, cols = 100) {
 
   // ── 열 너비 계산 ────────────────────────────────────────
   // ID(8) Agent(7) Host(6) Health(dyn) LastOut(dyn) Restarts(8) Why(rest)
-  const COL_ID       = 8;
-  const COL_AGENT    = 7;
-  const COL_HOST     = 6;
+  const COL_ID = 8;
+  const COL_AGENT = 7;
+  const COL_HOST = 6;
   const COL_RESTARTS = 4;
-  const COL_HEALTH   = 12; // '■ INPUT_WAIT' = 12 chars
-  const COL_LASTOUT  = 9;  // '999m ago' = 8 + space
+  const COL_HEALTH = 12; // '■ INPUT_WAIT' = 12 chars
+  const COL_LASTOUT = 9; // '999m ago' = 8 + space
   // Why gets the remainder
-  const fixedCols = COL_ID + COL_AGENT + COL_HOST + COL_HEALTH + COL_LASTOUT + COL_RESTARTS + 6; // 6 spaces between cols
+  const fixedCols =
+    COL_ID + COL_AGENT + COL_HOST + COL_HEALTH + COL_LASTOUT + COL_RESTARTS + 6; // 6 spaces between cols
   const COL_WHY = Math.max(4, inner - fixedCols);
 
   function cell(text, width_) {
-    return clip(String(text ?? ''), width_);
+    return clip(String(text ?? ""), width_);
   }
 
   function buildRow(id, agent, host, healthCell, lastOut, restarts, why) {
-    const idC       = cell(id,       COL_ID);
-    const agentC    = cell(agent,    COL_AGENT);
-    const hostC     = cell(host,     COL_HOST);
+    const idC = cell(id, COL_ID);
+    const agentC = cell(agent, COL_AGENT);
+    const hostC = cell(host, COL_HOST);
     const restartsC = cell(String(restarts ?? 0), COL_RESTARTS);
-    const lastOutC  = clip(lastOut,  COL_LASTOUT);
-    const whyC      = cell(why,      COL_WHY);
+    const lastOutC = clip(lastOut, COL_LASTOUT);
+    const whyC = cell(why, COL_WHY);
     // healthCell already has ANSI codes; pad its visible width manually
     const healthVis = wcswidth(stripAnsi(healthCell));
     const healthPad = Math.max(0, COL_HEALTH - healthVis);
-    const healthC   = healthCell + ' '.repeat(healthPad);
+    const healthC = healthCell + " ".repeat(healthPad);
 
     return `${idC} ${agentC} ${hostC} ${healthC} ${lastOutC} ${restartsC} ${whyC}`;
   }
@@ -1408,40 +1825,60 @@ export function renderConductorTier(snapshot, cols = 100) {
   const dashLeft = 1;
   const dashRight = Math.max(0, dashLen - dashLeft);
   const borderSeq = MOCHA.border;
-  const topBorder =
-    `${borderSeq}┌${'─'.repeat(dashLeft)}${RESET}${titleColored}${borderSeq}${'─'.repeat(dashRight)}┐${RESET}`;
+  const topBorder = `${borderSeq}┌${"─".repeat(dashLeft)}${RESET}${titleColored}${borderSeq}${"─".repeat(dashRight)}┐${RESET}`;
 
   // ── ヘッダー行 ───────────────────────────────────────────
-  const headerRow = buildRow('ID', 'Agent', 'Host', clip('Health', COL_HEALTH), 'Last Out', 'Rst', 'Why');
+  const headerRow = buildRow(
+    "ID",
+    "Agent",
+    "Host",
+    clip("Health", COL_HEALTH),
+    "Last Out",
+    "Rst",
+    "Why",
+  );
   const headerLine = `${borderSeq}│${RESET} ${dim(headerRow)} ${borderSeq}│${RESET}`;
 
   // ── データ行 ────────────────────────────────────────────
   const dataLines = [];
   if (!snapshot || snapshot.length === 0) {
-    const emptyMsg = color('(no sessions)', FG.muted);
-    const _emptyPad = clip(stripAnsi(emptyMsg) === '(no sessions)' ? emptyMsg : emptyMsg, inner);
-    dataLines.push(`${borderSeq}│${RESET} ${padRight(emptyMsg, inner - 2)} ${borderSeq}│${RESET}`);
+    const emptyMsg = color("(no sessions)", FG.muted);
+    const _emptyPad = clip(
+      stripAnsi(emptyMsg) === "(no sessions)" ? emptyMsg : emptyMsg,
+      inner,
+    );
+    dataLines.push(
+      `${borderSeq}│${RESET} ${padRight(emptyMsg, inner - 2)} ${borderSeq}│${RESET}`,
+    );
   } else {
     for (const s of snapshot) {
-      const id       = String(s.id   ?? '').slice(0, COL_ID);
-      const agent    = String(s.agent ?? 'unknown').slice(0, COL_AGENT);
-      const host     = 'local';
-      const state    = s.state ?? 'init';
+      const id = String(s.id ?? "").slice(0, COL_ID);
+      const agent = String(s.agent ?? "unknown").slice(0, COL_AGENT);
+      const host = "local";
+      const state = s.state ?? "init";
       const healthCell = conductorHealthCell(state);
-      const lastOut  = conductorRelTime(s.health?.lastProbeAt ?? null);
+      const lastOut = conductorRelTime(s.health?.lastProbeAt ?? null);
       const restarts = s.restarts ?? 0;
       // derive "why" from last state transition context
       const why = s.health?.inputWaitPattern
         ? String(s.health.inputWaitPattern).slice(0, COL_WHY)
-        : '';
-
-      const rowText = buildRow(id, agent, host, healthCell, lastOut, restarts, why);
+        : "";
+
+      const rowText = buildRow(
+        id,
+        agent,
+        host,
+        healthCell,
+        lastOut,
+        restarts,
+        why,
+      );
       dataLines.push(`${borderSeq}│${RESET} ${rowText} ${borderSeq}│${RESET}`);
     }
   }
 
   // ── Bottom border ─────────────────────────────────────
-  const botBorder = `${borderSeq}└${'─'.repeat(boxWidth)}┘${RESET}`;
+  const botBorder = `${borderSeq}└${"─".repeat(boxWidth)}┘${RESET}`;
 
   return [topBorder, headerLine, ...dataLines, botBorder];
 }