flavor-code 1.4.0-beta.1 → 1.4.0-beta.11

package/README.md

@@ -178,6 +178,8 @@ Common commands:
 
 You can submit steering or queue follow-ups while a run is in progress; once the current model response finishes, the task picks up new instructions at safe boundaries.
 
+During planned work, a wide CLI shows the main task plan and sub-agent exploration side by side; if only one track exists it uses the full row, and narrow terminals stack both tracks. Long streamed responses keep a live `Writing response` activity below the latest output. LSP tools locate the nearest nested project configuration for each target file, so monorepos and sandbox/worktree projects do not need a `tsconfig.json` or `jsconfig.json` at the Flavor workspace root; JavaScript and CommonJS files are supported by the bundled TypeScript server as well.
+
 `/commit` and `/review` use the cheap sub-agent model and degrade gracefully when it is unavailable. Session checkpoints are tagged with the current git state (`branch@sha`), so `/tree` shows what the workspace looked like at each node. `/explain <symbol>` runs on the same cheap model: it assembles call relations from the code graph, the symbol's real source slice, and recent commits touching the file, then generates a five-part newcomer walkthrough (what it does / key implementation points / call flow / why it is written this way / gotchas); an interactive picker disambiguates multiple matches, and a missing graph degrades to a `/ast init` hint instead of an error.
 
 #### CLI pals and cross-project work

package/README.zh-CN.md

@@ -178,6 +178,8 @@ OAuth PKCE 的运行时行为与配置约定见 [PKCE 规范](./docs/specs/pkce-
 
 运行中可以提交 steering 或排队 follow-up；当前模型响应结束后，任务会在安全边界处接收新指令。
 
+有任务规划时，宽终端会把主任务计划与子 Agent 探索左右并排展示；只有一类工作时占满整行，窄终端则自动纵向排列。长内容流式输出期间，最新内容下方会持续显示 `Writing response` 动作。LSP 工具会从目标文件向上寻找最近的嵌套项目配置，因此 monorepo、sandbox 或 worktree 项目无需在 Flavor 工作区根部额外放置 `tsconfig.json` / `jsconfig.json`；内置 TypeScript 服务也支持 JavaScript 与 CommonJS 文件。
+
 `/commit` 与 `/review` 使用廉价子 Agent 模型，模型不可用时优雅降级。会话 checkpoint 会标记当前 git 状态（`branch@sha`），`/tree` 可以看到每个节点对应的工作区现场。`/explain <符号>` 同样走廉价模型：它把代码图中的调用关系、符号的真实源码切片和该文件的近期提交历史组装成证据，生成面向新人的五段式讲解（做什么 / 关键实现点 / 调用关系 / 为什么这样写 / 注意事项）；多个符号命中时弹出选择卡片，可方向键选择或直接输入更精确的名字；代码图未建立时提示 `/ast init`，不会抛错。
 
 #### CLI Pals 与跨项目协作

package/dist/agent/loop.d.ts

@@ -2,6 +2,7 @@ import type { ContextManager } from "../context/manager.js";
 import type { HallucinationGuard } from "../hallucination/guard.js";
 import type { HookBus } from "../hooks/bus.js";
 import type { ModelRegistry } from "../models/registry.js";
+import { MEMORY_PRESSURE_HEAP_RATIO } from "../utils/heap.js";
 import { type ModelMessage, type ModelTool } from "../models/types.js";
 import type { ToolRuntime } from "../tools/runtime.js";
 import type { AgentError, AgentEvent, AgentRunRequest } from "./types.js";
@@ -10,9 +11,10 @@ import type { AgentError, AgentEvent, AgentRunRequest } from "./types.js";
  * leak otherwise ends in a native OOM crash with no recovery; tripping this
  * watermark saves the session and lets the launcher relaunch on a fresh heap.
  * 0.8 keeps headroom for compaction payloads and the GC death spiral that
- * starts near ~0.95.
+ * starts near ~0.95. The reading is GC-verified: uncollected garbage alone
+ * must not stop a turn.
  */
-export declare const MEMORY_PRESSURE_HEAP_RATIO = 0.8;
+export { MEMORY_PRESSURE_HEAP_RATIO };
 export declare function memoryPressureError(heapUsed: number, heapLimit: number): AgentError | undefined;
 export interface AgentLoopOptions {
     registry: ModelRegistry;
@@ -46,6 +48,9 @@ export declare class AgentLoop {
     constructor(options: AgentLoopOptions);
     get modelId(): string;
     get iterationLimitMode(): "standard" | "d2c";
+    get maxIterations(): number;
+    get softLimitFactor(): number;
+    get extendIterations(): number;
     setModel(modelId: string): void;
     setFallbackModel(modelId: string): void;
     /** D2C keeps a hard cap, but may automatically expand it up to ten times. */

package/dist/{app-C5ZQUOKJ.js → app-PXXQOEWP.js}

@@ -2,7 +2,7 @@
 import { createRequire } from "node:module"; const require = createRequire(import.meta.url);
 import {
   statusPresentation
-} from "./chunk-2BF7CVWZ.js";
+} from "./chunk-RAYH6K2H.js";
 import {
   COMMAND_DESCRIPTIONS,
   MVP_COMMANDS,
@@ -19,9 +19,9 @@ import {
   thinkingWindow,
   transcriptReducer,
   withTimeout
-} from "./chunk-6MNOZ2TX.js";
-import "./chunk-CIVPKHF4.js";
-import "./chunk-URUVFECH.js";
+} from "./chunk-BYHO2CA5.js";
+import "./chunk-N5MXHJKD.js";
+import "./chunk-EXOSMO57.js";
 import {
   Box_default,
   ClockContext,
@@ -34,14 +34,16 @@ import {
   instances_default,
   osc,
   shiftAnchor,
+  stringWidth,
   stripAnsi,
   useStdout,
   use_app_default,
   use_input_default
-} from "./chunk-ODRWR4KK.js";
+} from "./chunk-26T23AKR.js";
 import {
-  execFileNoThrow
-} from "./chunk-3WCDZ6ZL.js";
+  execFileNoThrow,
+  getGraphemeSegmenter
+} from "./chunk-ZJCAQXA7.js";
 import "./chunk-S32JRDZK.js";
 
 // src/ui/app.tsx
@@ -969,7 +971,12 @@ function wrapPromptInput(input, codePointCursor, options) {
 // src/ui/task-progress.tsx
 import { useRef as useRef3 } from "react";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function TaskStatusLine({ block, interactive }) {
+function TaskStatusLine({
+  block,
+  interactive,
+  textWidth,
+  maxTextLines
+}) {
   const running = block.state === "running";
   const { stdout } = useStdout();
   const foreground = interactive && (block.activity === "model" || block.task?.role === "main");
@@ -1007,8 +1014,20 @@ function TaskStatusLine({ block, interactive }) {
     thinkingScroll.current = { start: state.start, lastTime: time };
     return state.text;
   })() : void 0;
-  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs2(Box_default, { ref, flexDirection: "row", children: [
+  const textSegments = [
+    { text: `${presentation.glyph} `, color: presentation.color },
+    ...presentation.badge ? [{ text: `${presentation.badge} `, color: presentation.badgeColor }] : [],
+    { text: before, color: presentation.color },
+    ...statusLabel === void 0 ? [] : [
+      { text: " \xB7 ", color: presentation.color },
+      { text: statusLabel, color: statusColor ?? presentation.color }
+    ],
+    ...after ? [{ text: after, color: presentation.color }] : [],
+    ...metaLabel === void 0 ? [] : [{ text: `  ${metaLabel}`, color: metaColor ?? "ansi:blackBright" }]
+  ];
+  const boundedText = textWidth === void 0 || maxTextLines === void 0 ? void 0 : limitTaskTextSegments(textSegments, textWidth, maxTextLines).segments;
+  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "column", width: "100%", children: [
+    /* @__PURE__ */ jsx3(Box_default, { ref, flexDirection: "row", width: "100%", children: boundedText === void 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
       /* @__PURE__ */ jsxs2(Text, { ...presentation.color === void 0 ? {} : { color: presentation.color }, children: [
         presentation.glyph,
         " "
@@ -1027,10 +1046,69 @@ function TaskStatusLine({ block, interactive }) {
         "  ",
         metaLabel
       ] })
-    ] }),
+    ] }) : /* @__PURE__ */ jsx3(Text, { children: boundedText.map((segment, index) => /* @__PURE__ */ jsx3(Text, { ...segment.color === void 0 ? {} : { color: segment.color }, children: segment.text }, index)) }) }),
     thinkingLine === void 0 ? null : /* @__PURE__ */ jsx3(ThinkingLineView, { text: thinkingLine })
   ] });
 }
+function limitTaskTextSegments(segments, width, maxLines = 3) {
+  const lineWidth = Math.max(3, Math.floor(width));
+  const lineLimit = Math.max(1, Math.floor(maxLines));
+  const lines = [[]];
+  const widths = [0];
+  let truncated = false;
+  outer: for (let segmentIndex = 0; segmentIndex < segments.length; segmentIndex += 1) {
+    const segment = segments[segmentIndex];
+    for (const { segment: grapheme } of getGraphemeSegmenter().segment(segment.text)) {
+      if (grapheme === "\n" || grapheme === "\r" || grapheme === "\r\n") {
+        if (lines.length >= lineLimit) {
+          truncated = true;
+          break outer;
+        }
+        lines.push([]);
+        widths.push(0);
+        continue;
+      }
+      const glyphWidth = stringWidth(grapheme);
+      const lineIndex = lines.length - 1;
+      if (glyphWidth > 0 && widths[lineIndex] + glyphWidth > lineWidth && lines[lineIndex].length > 0) {
+        if (lines.length >= lineLimit) {
+          truncated = true;
+          break outer;
+        }
+        lines.push([]);
+        widths.push(0);
+      }
+      const target = lines.length - 1;
+      lines[target].push({ value: grapheme, width: glyphWidth, segmentIndex });
+      widths[target] = widths[target] + glyphWidth;
+    }
+  }
+  if (truncated) {
+    const lastIndex = lines.length - 1;
+    const last = lines[lastIndex];
+    while (last.length > 0 && widths[lastIndex] > lineWidth - 3) {
+      widths[lastIndex] = widths[lastIndex] - last.pop().width;
+    }
+    while (last.length > 0 && /^\s$/u.test(last.at(-1).value)) {
+      widths[lastIndex] = widths[lastIndex] - last.pop().width;
+    }
+    last.push({ value: "...", width: 3, segmentIndex: last.at(-1)?.segmentIndex ?? 0 });
+  }
+  const output = [];
+  const append = (value, segmentIndex) => {
+    const previous = output.at(-1);
+    if (previous?.segmentIndex === segmentIndex) previous.text += value;
+    else output.push({ text: value, color: segments[segmentIndex]?.color, segmentIndex });
+  };
+  lines.forEach((line, lineIndex) => {
+    if (lineIndex > 0) append("\n", line[0]?.segmentIndex ?? output.at(-1)?.segmentIndex ?? 0);
+    for (const token of line) append(token.value, token.segmentIndex);
+  });
+  return {
+    truncated,
+    segments: output.map(({ text, color }) => ({ text, ...color === void 0 ? {} : { color } }))
+  };
+}
 var THINKING_RAIL = "#416f84";
 var THINKING_TEXT = "#91a0a8";
 function ThinkingLineView({ text }) {
@@ -1039,38 +1117,220 @@ function ThinkingLineView({ text }) {
     /* @__PURE__ */ jsx3(Text, { color: THINKING_TEXT, wrap: "truncate-end", children: text })
   ] });
 }
+var SPLIT_TRACK_MIN_COLUMNS = 72;
 function TaskProgressPanel({
   blocks,
   interactive,
   maxHeight = 8,
-  scrollRef,
+  columns = 80,
+  mainScrollRef,
+  subagentScrollRef,
   onHoverChange
 }) {
   if (blocks.length === 0 || maxHeight <= 0) return null;
-  return /* @__PURE__ */ jsxs2(
+  const taskBlocks = blocks.filter((block) => block.task?.role === "main");
+  const subagentBlocks = blocks.filter((block) => block.task?.role === "subagent");
+  const hasTasks = taskBlocks.length > 0;
+  const hasSubagents = subagentBlocks.length > 0;
+  const split = hasTasks && hasSubagents && columns >= SPLIT_TRACK_MIN_COLUMNS;
+  const hoverProps = (track) => ({
+    onMouseEnter: () => onHoverChange?.(track)
+  });
+  return /* @__PURE__ */ jsx3(
     Box_default,
     {
       flexDirection: "column",
       flexShrink: 0,
+      width: "100%",
       maxHeight,
-      onMouseEnter: () => onHoverChange?.(true),
-      onMouseLeave: () => onHoverChange?.(false),
-      children: [
-        /* @__PURE__ */ jsx3(Text, { dimColor: true, children: "\u2500\u2500 task progress \u2500\u2500" }),
-        maxHeight > 1 ? /* @__PURE__ */ jsx3(
-          ScrollBox_default,
-          {
-            ...scrollRef === void 0 ? {} : { ref: scrollRef },
-            flexDirection: "column",
-            flexShrink: 1,
-            maxHeight: maxHeight - 1,
-            children: blocks.map((block) => /* @__PURE__ */ jsx3(TaskStatusLine, { block, interactive }, block.id))
-          }
-        ) : null
-      ]
+      onMouseLeave: () => onHoverChange?.(null),
+      children: split ? /* @__PURE__ */ jsx3(
+        SplitTracks,
+        {
+          taskBlocks,
+          subagentBlocks,
+          interactive,
+          height: maxHeight,
+          columns,
+          mainScrollRef,
+          subagentScrollRef,
+          hoverProps
+        }
+      ) : hasTasks && hasSubagents ? /* @__PURE__ */ jsx3(
+        StackedTracks,
+        {
+          taskBlocks,
+          subagentBlocks,
+          interactive,
+          height: maxHeight,
+          columns,
+          mainScrollRef,
+          subagentScrollRef,
+          hoverProps
+        }
+      ) : /* @__PURE__ */ jsx3(
+        SingleTrack,
+        {
+          role: hasTasks ? "main" : "subagent",
+          blocks: hasTasks ? taskBlocks : subagentBlocks,
+          interactive,
+          height: maxHeight,
+          width: columns,
+          scrollRef: hasTasks ? mainScrollRef : subagentScrollRef,
+          hoverProps
+        }
+      )
     }
   );
 }
+function SplitTracks({
+  taskBlocks,
+  subagentBlocks,
+  interactive,
+  height,
+  columns,
+  mainScrollRef,
+  subagentScrollRef,
+  hoverProps
+}) {
+  const contentHeight = Math.max(0, height - 1);
+  const leftWidth = Math.max(1, Math.floor((columns - 1) / 2));
+  const rightWidth = Math.max(1, columns - leftWidth - 1);
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "row", width: "100%", children: [
+      /* @__PURE__ */ jsx3(Box_default, { width: leftWidth, ...hoverProps("main"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "main", width: leftWidth }) }),
+      /* @__PURE__ */ jsx3(Text, { color: "ansi:white", children: "\u252C" }),
+      /* @__PURE__ */ jsx3(Box_default, { width: rightWidth, ...hoverProps("subagent"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "subagent", width: rightWidth }) })
+    ] }),
+    contentHeight <= 0 ? null : /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "row", width: "100%", height: contentHeight, children: [
+      /* @__PURE__ */ jsx3(Box_default, { width: leftWidth, minWidth: 0, flexDirection: "column", ...hoverProps("main"), children: /* @__PURE__ */ jsx3(
+        TrackScrollBox,
+        {
+          ref: mainScrollRef,
+          blocks: taskBlocks,
+          interactive,
+          height: contentHeight,
+          width: leftWidth
+        }
+      ) }),
+      /* @__PURE__ */ jsx3(TrackDivider, { height: contentHeight }),
+      /* @__PURE__ */ jsx3(Box_default, { width: rightWidth, minWidth: 0, flexDirection: "column", ...hoverProps("subagent"), children: /* @__PURE__ */ jsx3(
+        TrackScrollBox,
+        {
+          ref: subagentScrollRef,
+          blocks: subagentBlocks,
+          interactive,
+          height: contentHeight,
+          width: rightWidth
+        }
+      ) })
+    ] })
+  ] });
+}
+function StackedTracks({
+  taskBlocks,
+  subagentBlocks,
+  interactive,
+  height,
+  columns,
+  mainScrollRef,
+  subagentScrollRef,
+  hoverProps
+}) {
+  if (height <= 1) {
+    return /* @__PURE__ */ jsx3(Box_default, { ...hoverProps("main"), children: /* @__PURE__ */ jsx3(TrackHeader, { role: "main", width: columns }) });
+  }
+  const mainHeight = Math.ceil(height / 2);
+  const subagentHeight = Math.floor(height / 2);
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(
+      SingleTrack,
+      {
+        role: "main",
+        blocks: taskBlocks,
+        interactive,
+        height: mainHeight,
+        width: columns,
+        scrollRef: mainScrollRef,
+        hoverProps
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      SingleTrack,
+      {
+        role: "subagent",
+        blocks: subagentBlocks,
+        interactive,
+        height: subagentHeight,
+        width: columns,
+        scrollRef: subagentScrollRef,
+        hoverProps
+      }
+    )
+  ] });
+}
+function SingleTrack({
+  role,
+  blocks,
+  interactive,
+  height,
+  width,
+  scrollRef,
+  hoverProps
+}) {
+  const contentHeight = Math.max(0, height - 1);
+  return /* @__PURE__ */ jsxs2(Box_default, { flexDirection: "column", width: "100%", height, ...hoverProps(role), children: [
+    /* @__PURE__ */ jsx3(TrackHeader, { role, width }),
+    contentHeight <= 0 ? null : /* @__PURE__ */ jsx3(
+      TrackScrollBox,
+      {
+        ref: scrollRef,
+        blocks,
+        interactive,
+        height: contentHeight,
+        width
+      }
+    )
+  ] });
+}
+function TrackScrollBox({
+  ref,
+  blocks,
+  interactive,
+  height,
+  width
+}) {
+  return /* @__PURE__ */ jsx3(
+    ScrollBox_default,
+    {
+      ...ref === void 0 ? {} : { ref },
+      flexDirection: "column",
+      flexShrink: 1,
+      width: "100%",
+      height,
+      maxHeight: height,
+      children: blocks.map((block) => /* @__PURE__ */ jsx3(
+        TaskStatusLine,
+        {
+          block,
+          interactive,
+          textWidth: width,
+          maxTextLines: 3
+        },
+        block.id
+      ))
+    }
+  );
+}
+function TrackHeader({ role, width }) {
+  const label = role === "main" ? "task plan" : "subagent exploration";
+  const prefix = `\u2500\u2500 ${label} `;
+  const line = prefix.length >= width ? prefix.slice(0, Math.max(0, width)) : `${prefix}${"\u2500".repeat(width - prefix.length)}`;
+  return /* @__PURE__ */ jsx3(Text, { color: "ansi:white", wrap: "truncate-end", children: line });
+}
+function TrackDivider({ height }) {
+  return /* @__PURE__ */ jsx3(Box_default, { flexDirection: "column", width: 1, flexShrink: 0, children: Array.from({ length: height }, (_, index) => /* @__PURE__ */ jsx3(Text, { color: "ansi:white", children: "\u2502" }, index)) });
+}
 
 // src/ui/file-diff-style.ts
 var CONTENT = "#f8f8f2";
@@ -1307,7 +1567,7 @@ function WelcomeCard({
   columns
 }) {
   const wide = Math.max(1, Math.floor(columns)) >= WIDE_WELCOME_COLUMNS;
-  const updateHint = updateTo === void 0 ? null : /* @__PURE__ */ jsxs3(Text, { color: "yellowBright", wrap: "truncate-end", children: [
+  const updateHint = updateTo === void 0 ? null : /* @__PURE__ */ jsxs3(Text, { color: "yellowBright", wrap: "wrap", children: [
     "\u25B2 ",
     "Update available: v",
     packageVersion(),
@@ -1315,7 +1575,7 @@ function WelcomeCard({
     "\u2192",
     " v",
     updateTo,
-    " \xB7 run: flavor update"
+    "\nRun: flavor update"
   ] });
   return /* @__PURE__ */ jsx4(Box_default, { width: "100%", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: wide ? /* @__PURE__ */ jsxs3(Box_default, { width: "100%", flexDirection: "row", children: [
     /* @__PURE__ */ jsxs3(
@@ -1767,8 +2027,9 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
   const [updateTo, setUpdateTo] = useState2();
   const [transcript, dispatch] = useReducer(transcriptReducer, void 0, createTranscriptState);
   const scrollRef = useRef4(null);
-  const taskScrollRef = useRef4(null);
-  const taskPanelHovered = useRef4(false);
+  const mainTaskScrollRef = useRef4(null);
+  const subagentTaskScrollRef = useRef4(null);
+  const hoveredTaskTrack = useRef4(null);
   const runtimeRef = useRef4(void 0);
   const pendingPromptRef = useRef4(void 0);
   pendingPromptRef.current ??= new SinglePendingPrompt();
@@ -2065,7 +2326,12 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
   use_input_default((character, key, event) => {
     const terminalAction = classifyTerminalInput(key);
     if (terminalAction?.type === "scroll") {
-      const scroll = selectWheelScrollTarget(scrollRef.current, taskScrollRef.current, taskPanelHovered.current);
+      const scroll = selectWheelScrollTarget(
+        scrollRef.current,
+        mainTaskScrollRef.current,
+        subagentTaskScrollRef.current,
+        hoveredTaskTrack.current
+      );
       if (scroll !== null) {
         if (terminalAction.rows < 0) scrollUp(scroll, -terminalAction.rows);
         else scrollDown(scroll, terminalAction.rows);
@@ -2356,9 +2622,10 @@ function App({ workspace, home, resumeSession, instanceId, palAlias }) {
       ...ideContext === void 0 ? {} : { ideContext },
       completedSlashTokenLength: completedTokenLength,
       scrollRef,
-      taskScrollRef,
-      onTaskPanelHoverChange: (hovered) => {
-        taskPanelHovered.current = hovered;
+      mainTaskScrollRef,
+      subagentTaskScrollRef,
+      onTaskPanelHoverChange: (track) => {
+        hoveredTaskTrack.current = track;
       },
       ...slashCompletion === null ? {} : { completion: slashCompletion },
       ...mentionCompletion === null ? {} : { mentionCompletion, onMentionSelect: selectMention },
@@ -2492,7 +2759,8 @@ function TerminalLayout({
   onMentionSelect,
   completedSlashTokenLength: tokenLength = 0,
   scrollRef,
-  taskScrollRef,
+  mainTaskScrollRef,
+  subagentTaskScrollRef,
   onTaskPanelHoverChange,
   onPromptCursorChange,
   ideContext
@@ -2550,7 +2818,9 @@ function TerminalLayout({
         blocks: activeTaskBlocks,
         interactive: activeSession,
         maxHeight: taskPanelRows,
-        ...taskScrollRef === void 0 ? {} : { scrollRef: taskScrollRef },
+        columns,
+        ...mainTaskScrollRef === void 0 ? {} : { mainScrollRef: mainTaskScrollRef },
+        ...subagentTaskScrollRef === void 0 ? {} : { subagentScrollRef: subagentTaskScrollRef },
         ...onTaskPanelHoverChange === void 0 ? {} : { onHoverChange: onTaskPanelHoverChange }
       }
     ),
@@ -2771,8 +3041,10 @@ function jumpScroll(scroll, delta) {
     scroll.scrollTo(Math.max(0, target));
   }
 }
-function selectWheelScrollTarget(transcript, tasks, taskPanelHovered) {
-  return taskPanelHovered && tasks !== null ? tasks : transcript;
+function selectWheelScrollTarget(transcript, mainTasks, subagentTasks, hoveredTrack) {
+  if (hoveredTrack === "main" && mainTasks !== null) return mainTasks;
+  if (hoveredTrack === "subagent" && subagentTasks !== null) return subagentTasks;
+  return transcript;
 }
 function taskPanelViewportRows(rows, reservedBottomRows, hasTasks) {
   if (!hasTasks) return 0;