@neriros/ralphy 2.13.5 → 2.13.6

package/dist/cli/index.js

@@ -56373,6 +56373,8 @@ var useApp = () => import_react17.useContext(AppContext_default);
 var use_app_default = useApp;
 // node_modules/.bun/ink@5.2.1+1f88f629f0141b18/node_modules/ink/build/hooks/use-stdout.js
 var import_react18 = __toESM(require_react(), 1);
+var useStdout = () => import_react18.useContext(StdoutContext_default);
+var use_stdout_default = useStdout;
 // node_modules/.bun/ink@5.2.1+1f88f629f0141b18/node_modules/ink/build/hooks/use-stderr.js
 var import_react19 = __toESM(require_react(), 1);
 // node_modules/.bun/ink@5.2.1+1f88f629f0141b18/node_modules/ink/build/hooks/use-focus.js
@@ -56407,7 +56409,7 @@ function log(msg) {
 // package.json
 var package_default = {
   name: "@neriros/ralphy",
-  version: "2.13.5",
+  version: "2.13.6",
   description: "An iterative AI task execution framework. Orchestrates multi-phase autonomous work using Claude or Codex engines.",
   keywords: [
     "agent",
@@ -72110,27 +72112,27 @@ function trunc(s, max2) {
 function priorityBadge(p) {
   switch (p) {
     case 1:
-      return { text: "!", color: "red" };
+      return { text: "\u25B2", color: "red", label: "URGENT" };
     case 2:
-      return { text: "\u2191", color: "yellow" };
+      return { text: "\u2191", color: "yellow", label: "HIGH" };
     case 3:
-      return { text: "\xB7", color: "blue" };
+      return { text: "\xB7", color: "blue", label: "MED" };
     case 4:
-      return { text: "\u2193", color: "gray" };
+      return { text: "\u2193", color: "gray", label: "LOW" };
     default:
-      return { text: " ", color: "gray" };
+      return { text: " ", color: "gray", label: "" };
   }
 }
 function modeBadge(mode) {
   switch (mode) {
     case "fresh":
-      return { text: "new", color: "cyan" };
+      return { text: "NEW", color: "cyan" };
     case "resume":
-      return { text: "resume", color: "yellow" };
+      return { text: "RESUME", color: "yellow" };
     case "conflict-fix":
-      return { text: "fix", color: "magenta" };
+      return { text: "FIX", color: "magenta" };
     default:
-      return { text: mode, color: "white" };
+      return { text: mode.toUpperCase(), color: "white" };
   }
 }
 function phaseColor(phase) {
@@ -72160,6 +72162,29 @@ function phaseColor(phase) {
       return "white";
   }
 }
+function workerBorderColor(phase) {
+  switch (phase) {
+    case "working":
+    case "scaffolding":
+      return "cyan";
+    case "committing":
+    case "commit-retry":
+    case "pushing":
+    case "push-retry":
+    case "rebasing":
+    case "pr-create":
+      return "yellow";
+    case "ci-poll":
+    case "ci-fix":
+      return "blue";
+    case "done":
+      return "green";
+    case "gave-up":
+      return "red";
+    default:
+      return "gray";
+  }
+}
 function displayTailLines(activeCount) {
   if (activeCount <= 1)
     return 20;
@@ -72167,34 +72192,24 @@ function displayTailLines(activeCount) {
     return 12;
   if (activeCount <= 3)
     return 8;
-  return 6;
+  return 5;
 }
-function settingsSummary(cfg, filterDesc) {
-  const parts = [
-    `${cfg.engine}/${cfg.model}`,
-    `concurrency: ${cfg.concurrency}`,
-    `poll: ${cfg.pollIntervalSeconds}s`
-  ];
-  if (cfg.maxIterationsPerTask > 0)
-    parts.push(`maxIter: ${cfg.maxIterationsPerTask}`);
-  if (cfg.maxCostUsdPerTask > 0)
-    parts.push(`maxCost: $${cfg.maxCostUsdPerTask}`);
-  if (cfg.maxRuntimeMinutesPerTask > 0)
-    parts.push(`maxRuntime: ${cfg.maxRuntimeMinutesPerTask}m`);
-  if (cfg.createPrOnSuccess)
-    parts.push("PR: on");
-  if (cfg.fixCiOnFailure)
-    parts.push("fixCI: on");
-  if (cfg.useWorktree)
-    parts.push("worktree: on");
-  const settingsStr = parts.join(" \xB7 ");
-  return filterDesc ? `${settingsStr}  [${filterDesc}]` : settingsStr;
+function parseFilterParts(filterDesc) {
+  return filterDesc.split(", ").map((part) => {
+    const eq = part.indexOf("=");
+    if (eq < 0)
+      return { key: part, val: "" };
+    return { key: part.slice(0, eq), val: part.slice(eq + 1) };
+  });
 }
 function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
   const { exit } = use_app_default();
+  const { stdout } = use_stdout_default();
+  const { isRawModeSupported } = use_stdin_default();
   const [logs, setLogs] = import_react57.useState([]);
   const [, setTick] = import_react57.useState(0);
   const [clock, setClock] = import_react57.useState(0);
+  const [focusedIdx, setFocusedIdx] = import_react57.useState(0);
   const coordRef = import_react57.useRef(null);
   const workerMetaRef = import_react57.useRef(new Map);
   const nextPollAtRef = import_react57.useRef(0);
@@ -72262,7 +72277,7 @@ function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
           if (m.tail.length > TAIL_BUFFER_SIZE)
             m.tail.splice(0, m.tail.length - TAIL_BUFFER_SIZE);
         },
-        onWorkerCmd: (changeName, cmd, state, durationMs, ok) => {
+        onWorkerCmd: (changeName, cmd, state) => {
           const m = workerMetaRef.current.get(changeName);
           if (!m)
             return;
@@ -72278,20 +72293,6 @@ function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
             m.prUrl = prUrl;
         }
       });
-      appendLog(`  concurrency: ${concurrency} \xB7 poll: ${pollInterval}s \xB7 ${cfg2.engine}/${cfg2.model}`, "gray");
-      const feats = [];
-      if (cfg2.createPrOnSuccess)
-        feats.push("createPR");
-      if (cfg2.fixCiOnFailure)
-        feats.push("fixCI");
-      if (cfg2.useWorktree)
-        feats.push("worktree");
-      if (cfg2.maxIterationsPerTask > 0)
-        feats.push(`maxIter=${cfg2.maxIterationsPerTask}`);
-      if (cfg2.maxCostUsdPerTask > 0)
-        feats.push(`maxCost=$${cfg2.maxCostUsdPerTask}`);
-      if (feats.length)
-        appendLog(`  features: ${feats.join(", ")}`, "gray");
       coordRef.current = coord2;
       await coord2.init();
       const tick = async () => {
@@ -72376,7 +72377,27 @@ function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
   const now2 = Date.now();
   const secsToNextPoll = nextPollAtRef.current ? Math.max(0, Math.ceil((nextPollAtRef.current - now2) / 1000)) : null;
   const activeCount = coord?.activeCount ?? 0;
-  const tailLines = displayTailLines(activeCount);
+  const termWidth = (stdout?.columns ?? 100) - 2;
+  const termHeight = stdout?.rows ?? 40;
+  const filterParts = pollStatus.filterDesc ? parseFilterParts(pollStatus.filterDesc) : [];
+  const safeFocusedIdx = activeCount > 0 ? Math.min(focusedIdx, activeCount - 1) : 0;
+  use_input_default((input, key) => {
+    if (activeCount === 0)
+      return;
+    if (key.tab || key.rightArrow) {
+      setFocusedIdx((i) => (Math.min(i, activeCount - 1) + 1) % activeCount);
+    } else if (key.leftArrow) {
+      setFocusedIdx((i) => (Math.min(i, activeCount - 1) - 1 + activeCount) % activeCount);
+    } else {
+      const n = parseInt(input, 10);
+      if (!isNaN(n) && n >= 1 && n <= activeCount)
+        setFocusedIdx(n - 1);
+    }
+  }, { isActive: isRawModeSupported && activeCount > 1 });
+  const FIXED_OVERHEAD = 22;
+  const nonFocusedCount = Math.max(0, activeCount - 1);
+  const focusedTailLines = Math.max(5, termHeight - FIXED_OVERHEAD - nonFocusedCount);
+  const compactTailLines = displayTailLines(activeCount);
   return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
     flexDirection: "column",
     children: [
@@ -72390,45 +72411,387 @@ function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
         }, line.id, false, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
-        marginTop: 1,
         flexDirection: "column",
+        marginTop: 1,
         children: [
-          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-            dimColor: true,
+          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            borderStyle: "round",
+            borderColor: "blue",
+            flexDirection: "column",
+            paddingX: 1,
+            width: termWidth,
             children: [
-              spinnerFrame,
-              " ",
-              pollStatus.state === "polling" ? `polling Linear (${pollStatus.filterDesc})` : pollStatus.lastAt !== null ? `last poll: ${pollStatus.lastFound} open, ${pollStatus.lastAdded} new${secsToNextPoll !== null ? ` \xB7 next in ${secsToNextPoll}s` : ""}` : "starting\u2026"
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                gap: 2,
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    bold: true,
+                    color: "cyan",
+                    children: "\u25C8 RALPH AGENT"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: [
+                      "v",
+                      VERSION
+                    ]
+                  }, undefined, true, undefined, this),
+                  cfg && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "\u2502"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "ENGINE"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "cyan",
+                        bold: true,
+                        children: [
+                          cfg.engine,
+                          "/",
+                          cfg.model
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "\u2502"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "CONCURRENCY"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "white",
+                        bold: true,
+                        children: cfg.concurrency
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "\u2502"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "POLL"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "white",
+                        children: [
+                          cfg.pollIntervalSeconds,
+                          "s"
+                        ]
+                      }, undefined, true, undefined, this),
+                      cfg.maxIterationsPerTask > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "\u2502"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "MAX ITER"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: "yellow",
+                            children: cfg.maxIterationsPerTask
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      cfg.maxCostUsdPerTask > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "\u2502"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "MAX COST"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: "yellow",
+                            children: [
+                              "$",
+                              cfg.maxCostUsdPerTask
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      cfg.maxRuntimeMinutesPerTask > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "\u2502"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "MAX TIME"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: "yellow",
+                            children: [
+                              cfg.maxRuntimeMinutesPerTask,
+                              "m"
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              cfg && (cfg.createPrOnSuccess || cfg.fixCiOnFailure || cfg.useWorktree) && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                gap: 2,
+                marginTop: 0,
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "FEATURES"
+                  }, undefined, false, undefined, this),
+                  cfg.createPrOnSuccess && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: "green",
+                    children: "\u25CF create-pr"
+                  }, undefined, false, undefined, this),
+                  cfg.fixCiOnFailure && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: "green",
+                    children: "\u25CF fix-ci"
+                  }, undefined, false, undefined, this),
+                  cfg.useWorktree && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: "green",
+                    children: "\u25CF worktree"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              filterParts.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                gap: 3,
+                marginTop: 0,
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "LINEAR"
+                  }, undefined, false, undefined, this),
+                  filterParts.map(({ key, val }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                    gap: 1,
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: key
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "magenta",
+                        children: val
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, key, true, undefined, this))
+                ]
+              }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            flexDirection: "row",
+            gap: 1,
+            marginTop: 1,
+            width: termWidth,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                dimColor: true,
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                borderStyle: "round",
+                borderColor: "gray",
+                flexDirection: "column",
+                paddingX: 1,
+                flexGrow: 1,
                 children: [
-                  "  ",
-                  "workers active: ",
-                  activeCount,
-                  " \xB7 queued: ",
-                  coord?.queuedCount ?? 0
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    bold: true,
+                    children: "POLL STATUS"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                    gap: 2,
+                    marginTop: 0,
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "gray",
+                        children: spinnerFrame
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        children: pollStatus.state === "polling" ? "Polling Linear\u2026" : pollStatus.lastAt !== null ? "Idle" : "Starting\u2026"
+                      }, undefined, false, undefined, this),
+                      pollStatus.lastAt !== null && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "\u2502"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "found"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: "white",
+                            children: pollStatus.lastFound
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "\u2502"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "new"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: pollStatus.lastAdded > 0 ? "green" : "white",
+                            children: pollStatus.lastAdded
+                          }, undefined, false, undefined, this),
+                          secsToNextPoll !== null && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                            children: [
+                              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                                dimColor: true,
+                                children: "\u2502"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                                dimColor: true,
+                                children: "next in"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                                color: "gray",
+                                children: [
+                                  secsToNextPoll,
+                                  "s"
+                                ]
+                              }, undefined, true, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              cfg && pollStatus.filterDesc && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                dimColor: true,
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                borderStyle: "round",
+                borderColor: "gray",
+                flexDirection: "column",
+                paddingX: 1,
+                minWidth: 28,
                 children: [
-                  "  ",
-                  settingsSummary(cfg, pollStatus.filterDesc)
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    bold: true,
+                    children: "WORKERS"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                    gap: 3,
+                    marginTop: 0,
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                        gap: 1,
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "active"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: activeCount > 0 ? "cyan" : "gray",
+                            bold: true,
+                            children: activeCount
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                        gap: 1,
+                        children: [
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            dimColor: true,
+                            children: "queued"
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                            color: coord?.queuedCount ?? 0 > 0 ? "yellow" : "gray",
+                            bold: true,
+                            children: coord?.queuedCount ?? 0
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          coord?.activeWorkers.map((w) => {
+          activeCount > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+            borderStyle: "round",
+            borderColor: "gray",
+            flexDirection: "column",
+            paddingX: 1,
+            marginTop: 1,
+            width: termWidth,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                gap: 1,
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    bold: true,
+                    children: "TASKS"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: activeCount > 1 ? "  Tab/\u2190 \u2192 to switch \xB7 1-9 jump" : ""
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                gap: 3,
+                flexWrap: "wrap",
+                children: coord?.activeWorkers.map((w, idx) => {
+                  const meta = workerMetaRef.current.get(w.changeName);
+                  const phase = meta?.phase ?? "working";
+                  const pBadge = priorityBadge(w.issue.priority);
+                  const isFocused = idx === safeFocusedIdx;
+                  return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                    gap: 1,
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: isFocused ? "white" : "gray",
+                        bold: isFocused,
+                        children: [
+                          "[",
+                          idx + 1,
+                          "]"
+                        ]
+                      }, undefined, true, undefined, this),
+                      pBadge.label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: pBadge.color,
+                        children: pBadge.text
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: isFocused ? "cyan" : "gray",
+                        bold: isFocused,
+                        children: w.issueIdentifier
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: phaseColor(phase),
+                        dimColor: !isFocused,
+                        children: phase
+                      }, undefined, false, undefined, this),
+                      isFocused && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        color: "white",
+                        children: "\u25C0"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, w.changeName, true, undefined, this);
+                })
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          coord?.activeWorkers.map((w, idx) => {
+            const isFocused = idx === safeFocusedIdx;
             const meta = workerMetaRef.current.get(w.changeName);
             const elapsed = meta ? fmtElapsed(now2 - meta.startedAt) : "\u2013";
             const iter = meta?.iter ?? 0;
             const phase = meta?.phase ?? "working";
             const phaseElapsed = meta ? fmtElapsed(now2 - meta.phaseStartedAt) : "\u2013";
-            const phaseDetail = meta?.phaseDetail ? ` (${meta.phaseDetail})` : "";
+            const phaseDetail = meta?.phaseDetail ?? "";
             const cmd = meta?.currentCmd;
             const cmdElapsed = cmd ? fmtElapsed(now2 - cmd.startedAt) : null;
             const tail2 = meta?.tail ?? [];
@@ -72436,136 +72799,277 @@ function AgentMode({ args, projectRoot, statesDir, tasksDir }) {
             const currentTask = meta?.currentTask ?? null;
             const pBadge = priorityBadge(w.issue.priority);
             const mBadge = modeBadge(w.mode);
-            const issueTitle = trunc(w.issue.title, 52);
             const pColor = phaseColor(phase);
+            const bColor = isFocused ? workerBorderColor(phase) : "gray";
+            const visibleTailLines = isFocused ? focusedTailLines : compactTailLines;
+            if (!isFocused && activeCount > 1) {
+              return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                borderStyle: "round",
+                borderColor: "gray",
+                paddingX: 1,
+                marginTop: 1,
+                gap: 2,
+                width: termWidth,
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: [
+                      "[",
+                      idx + 1,
+                      "]"
+                    ]
+                  }, undefined, true, undefined, this),
+                  pBadge.label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: pBadge.color,
+                    children: pBadge.text
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: "gray",
+                    bold: true,
+                    children: w.issueIdentifier
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: trunc(w.issue.title, 40)
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "\u2502"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    color: pColor,
+                    dimColor: true,
+                    children: phase
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "\u2502"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: elapsed
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: "\xB7"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    dimColor: true,
+                    children: [
+                      "iter ",
+                      iter
+                    ]
+                  }, undefined, true, undefined, this),
+                  currentTask && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
+                    children: [
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: "\u2502"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                        dimColor: true,
+                        children: [
+                          "\u25B6 ",
+                          trunc(currentTask, 40)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, w.changeName, true, undefined, this);
+            }
             return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+              borderStyle: "round",
+              borderColor: bColor,
               flexDirection: "column",
+              paddingX: 1,
               marginTop: 1,
+              width: termWidth,
               children: [
                 /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  gap: 2,
                   children: [
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      children: "  "
+                      children: spinnerFrame
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                    pBadge.label && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      color: pBadge.color,
                       children: [
-                        spinnerFrame,
-                        " "
+                        pBadge.text,
+                        " ",
+                        pBadge.label
                       ]
                     }, undefined, true, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: pBadge.color,
-                      children: pBadge.text
+                      color: "cyan",
+                      bold: true,
+                      children: w.issueIdentifier
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      children: " "
+                      color: "white",
+                      bold: true,
+                      children: trunc(w.issue.title, Math.max(30, termWidth - 60))
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: "cyan",
+                      color: mBadge.color,
                       bold: true,
-                      children: w.issueIdentifier
+                      children: [
+                        "[",
+                        mBadge.text,
+                        "]"
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      dimColor: true,
+                      children: "\u2502"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       dimColor: true,
-                      children: " \xB7 "
+                      children: "elapsed"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      children: issueTitle
+                      color: "white",
+                      children: elapsed
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       dimColor: true,
-                      children: " "
+                      children: "\u2502"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: mBadge.color,
+                      dimColor: true,
+                      children: "iter"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      color: "white",
+                      bold: true,
+                      children: iter
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  gap: 3,
+                  marginTop: 0,
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                      gap: 1,
                       children: [
-                        "[",
-                        mBadge.text,
-                        "]"
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "\u2197 LINEAR"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          color: "blue",
+                          children: w.issue.url
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      dimColor: true,
+                    prUrl && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                      gap: 1,
                       children: [
-                        " ",
-                        elapsed,
-                        " \xB7 iter ",
-                        iter
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "\u2197 PR"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          color: "green",
+                          children: prUrl
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  dimColor: true,
-                  children: [
-                    "      \u2197 ",
-                    w.issue.url
-                  ]
-                }, undefined, true, undefined, this),
                 currentTask && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  gap: 1,
+                  marginTop: 0,
                   children: [
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      dimColor: true,
-                      children: "      \u25B6 "
+                      color: "yellow",
+                      bold: true,
+                      children: "\u25B6 TASK"
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
                       color: "white",
-                      children: trunc(currentTask, 90)
+                      children: trunc(currentTask, termWidth - 14)
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
                 /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  gap: 3,
+                  marginTop: 0,
                   children: [
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      dimColor: true,
-                      children: "      phase: "
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      color: pColor,
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                      gap: 1,
                       children: [
-                        phase,
-                        phaseDetail
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "PHASE"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          color: pColor,
+                          bold: true,
+                          children: [
+                            phase,
+                            phaseDetail ? ` (${phaseDetail})` : ""
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: phaseElapsed
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                      dimColor: true,
+                    cmd && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                      gap: 1,
                       children: [
-                        " \xB7 ",
-                        phaseElapsed
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          color: "yellow",
+                          children: "\u23F5 CMD"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          color: "yellow",
+                          children: fmtCmd(cmd.argv)
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: cmdElapsed
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                      gap: 1,
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: "LOG"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                          dimColor: true,
+                          children: trunc(meta?.logFile ?? "\u2013", 60)
+                        }, undefined, false, undefined, this)
                       ]
                     }, undefined, true, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                prUrl && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  dimColor: true,
-                  children: [
-                    "      \u2197 pr: ",
-                    prUrl
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  dimColor: true,
-                  children: [
-                    "      log: ",
-                    meta?.logFile ?? "\u2013"
-                  ]
-                }, undefined, true, undefined, this),
-                cmd && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  color: "yellow",
+                tail2.length > 0 && /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Box_default, {
+                  flexDirection: "column",
+                  marginTop: 0,
                   children: [
-                    "      \u23F5 ",
-                    fmtCmd(cmd.argv),
-                    " \xB7 ",
-                    cmdElapsed
-                  ]
-                }, undefined, true, undefined, this),
-                tail2.slice(-tailLines).map((line, i) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
-                  dimColor: true,
-                  children: [
-                    "      \u2502 ",
-                    line.length > 110 ? line.slice(0, 109) + "\u2026" : line
+                    /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      dimColor: true,
+                      children: [
+                        "\u2500 OUTPUT ",
+                        "\u2500".repeat(Math.max(4, termWidth - 14))
+                      ]
+                    }, undefined, true, undefined, this),
+                    tail2.slice(-visibleTailLines).map((line, i) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Text, {
+                      dimColor: true,
+                      children: [
+                        "\u2502 ",
+                        trunc(line, termWidth - 6)
+                      ]
+                    }, `${w.changeName}-tail-${i}`, true, undefined, this))
                   ]
-                }, `${w.changeName}-tail-${i}`, true, undefined, this))
+                }, undefined, true, undefined, this)
               ]
             }, w.changeName, true, undefined, this);
           })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neriros/ralphy",
-  "version": "2.13.5",
+  "version": "2.13.6",
   "description": "An iterative AI task execution framework. Orchestrates multi-phase autonomous work using Claude or Codex engines.",
   "keywords": [
     "agent",