@runtypelabs/cli 2.0.0 → 2.0.1

package/dist/index.js

@@ -990,6 +990,9 @@ var require_generated_model_routing = __commonJS({
       "grok-4-fast-reasoning": ["vercel"],
       "grok-4.1-fast-non-reasoning": ["vercel"],
       "grok-4.1-fast-reasoning": ["vercel"],
+      "grok-4.20-multi-agent-beta": ["vercel"],
+      "grok-4.20-non-reasoning-beta": ["vercel"],
+      "grok-4.20-reasoning-beta": ["vercel"],
       "grok-beta": ["xai"],
       "grok-code-fast-1": ["vercel", "xai"],
       "grok-vision-beta": ["xai"],
@@ -1030,6 +1033,7 @@ var require_generated_model_routing = __commonJS({
       "Llama-4-Scout-17B-16E-Instruct": ["togetherai"],
       "longcat-flash-chat": ["vercel"],
       "longcat-flash-thinking": ["vercel"],
+      "longcat-flash-thinking-2601": ["vercel"],
       "magistral-medium": ["vercel"],
       "magistral-small": ["vercel"],
       "mercury-2": ["vercel"],
@@ -1115,7 +1119,6 @@ var require_generated_model_routing = __commonJS({
       "openchat-3.5-1210": ["togetherai"],
       "OpenHermes-2-Mistral-7B": ["togetherai"],
       "OpenHermes-2p5-Mistral-7B": ["togetherai"],
-      "orchestrator-8b": ["mixlayer"],
       "phi-2": ["togetherai"],
       "pixtral-12b": ["vercel"],
       "pixtral-large": ["vercel"],
@@ -1140,10 +1143,6 @@ var require_generated_model_routing = __commonJS({
       "Qwen2.5-Coder-32B-Instruct": ["togetherai"],
       "Qwen2.5-VL-72B-Instruct": ["togetherai"],
       "qwen3-235b-a22b-thinking": ["vercel"],
-      "qwen3-30b-a3b-instruct": ["mixlayer"],
-      "qwen3-30b-a3b-thinking": ["mixlayer"],
-      "qwen3-32b": ["mixlayer"],
-      "qwen3-8b": ["mixlayer"],
       "qwen3-coder": ["vercel"],
       "qwen3-coder-30b-a3b": ["vercel"],
       "qwen3-coder-next": ["vercel"],
@@ -1158,6 +1157,8 @@ var require_generated_model_routing = __commonJS({
       "qwen3-next-80b-a3b-thinking": ["vercel"],
       "qwen3-vl-instruct": ["vercel"],
       "qwen3-vl-thinking": ["vercel"],
+      "qwen3.5-122b-a10b": ["mixlayer"],
+      "qwen3.5-27b": ["mixlayer"],
       "qwen3.5-35b-a3b": ["mixlayer"],
       "qwen3.5-397b-a17b": ["mixlayer"],
       "qwen3.5-9b": ["mixlayer"],
@@ -1432,6 +1433,9 @@ var require_generated_model_routing = __commonJS({
       "grok-4": ["vercel", "xai"],
       "grok-4-1-fast-non-reasoning": ["vercel"],
       "grok-4-1-fast-reasoning": ["vercel"],
+      "grok-4-20-multi-agent-beta": ["vercel"],
+      "grok-4-20-non-reasoning-beta": ["vercel"],
+      "grok-4-20-reasoning-beta": ["vercel"],
       "grok-4-fast": ["xai"],
       "grok-4-fast-non-reasoning": ["vercel"],
       "grok-4-fast-reasoning": ["vercel"],
@@ -1467,6 +1471,7 @@ var require_generated_model_routing = __commonJS({
       "llama3-3-70b": ["vercel"],
       "longcat-flash": ["vercel"],
       "longcat-flash-chat": ["vercel"],
+      "longcat-flash-thinking-2601": ["vercel"],
       "magistral-medium": ["vercel"],
       "magistral-small": ["vercel"],
       "mercury-2": ["vercel"],
@@ -1552,7 +1557,6 @@ var require_generated_model_routing = __commonJS({
       "openchat-3-5-1210": ["togetherai"],
       "openhermes-2-mistral-7b": ["togetherai"],
       "openhermes-2p5-mistral-7b": ["togetherai"],
-      "orchestrator-8b": ["mixlayer"],
       "phi-2": ["togetherai"],
       "pixtral-12b": ["vercel"],
       "pixtral-large": ["vercel"],
@@ -1576,15 +1580,14 @@ var require_generated_model_routing = __commonJS({
       "qwen2-5-coder-32b-instruct": ["togetherai"],
       "qwen2-5-vl-72b-instruct": ["togetherai"],
       "qwen3-235b-a22b": ["vercel"],
-      "qwen3-30b-a3b": ["mixlayer"],
-      "qwen3-30b-a3b-instruct": ["mixlayer"],
-      "qwen3-32b": ["mixlayer", "vercel"],
+      "qwen3-32b": ["vercel"],
+      "qwen3-5-122b-a10b": ["mixlayer"],
+      "qwen3-5-27b": ["mixlayer"],
       "qwen3-5-35b-a3b": ["mixlayer"],
       "qwen3-5-397b-a17b": ["mixlayer"],
       "qwen3-5-9b": ["mixlayer"],
       "qwen3-5-flash": ["vercel"],
       "qwen3-5-plus": ["vercel"],
-      "qwen3-8b": ["mixlayer"],
       "qwen3-coder": ["vercel"],
       "qwen3-coder-30b-a3b": ["vercel"],
       "qwen3-coder-next": ["vercel"],
@@ -2649,6 +2652,15 @@ var require_generated_model_routing = __commonJS({
       "grok-4-1-fast-reasoning": {
         "vercel": "xai/grok-4.1-fast-reasoning"
       },
+      "grok-4-20-multi-agent-beta": {
+        "vercel": "xai/grok-4.20-multi-agent-beta"
+      },
+      "grok-4-20-non-reasoning-beta": {
+        "vercel": "xai/grok-4.20-non-reasoning-beta"
+      },
+      "grok-4-20-reasoning-beta": {
+        "vercel": "xai/grok-4.20-reasoning-beta"
+      },
       "grok-4-fast": {
         "xai": "x/grok-4-fast"
       },
@@ -2664,6 +2676,15 @@ var require_generated_model_routing = __commonJS({
       "grok-4.1-fast-reasoning": {
         "vercel": "xai/grok-4.1-fast-reasoning"
       },
+      "grok-4.20-multi-agent-beta": {
+        "vercel": "xai/grok-4.20-multi-agent-beta"
+      },
+      "grok-4.20-non-reasoning-beta": {
+        "vercel": "xai/grok-4.20-non-reasoning-beta"
+      },
+      "grok-4.20-reasoning-beta": {
+        "vercel": "xai/grok-4.20-reasoning-beta"
+      },
       "grok-beta": {
         "xai": "grok-beta"
       },
@@ -2830,6 +2851,9 @@ var require_generated_model_routing = __commonJS({
       "longcat-flash-thinking": {
         "vercel": "meituan/longcat-flash-thinking"
       },
+      "longcat-flash-thinking-2601": {
+        "vercel": "meituan/longcat-flash-thinking-2601"
+      },
       "magistral-medium": {
         "vercel": "mistral/magistral-medium"
       },
@@ -3195,9 +3219,6 @@ var require_generated_model_routing = __commonJS({
       "OpenHermes-2p5-Mistral-7B": {
         "togetherai": "teknium/OpenHermes-2p5-Mistral-7B"
       },
-      "orchestrator-8b": {
-        "mixlayer": "nvidia/orchestrator-8b"
-      },
       "phi-2": {
         "togetherai": "microsoft/phi-2"
       },
@@ -3321,19 +3342,15 @@ var require_generated_model_routing = __commonJS({
       "qwen3-235b-a22b-thinking": {
         "vercel": "alibaba/qwen3-235b-a22b-thinking"
       },
-      "qwen3-30b-a3b": {
-        "mixlayer": "qwen/qwen3-30b-a3b-thinking"
-      },
-      "qwen3-30b-a3b-instruct": {
-        "mixlayer": "qwen/qwen3-30b-a3b-instruct"
-      },
-      "qwen3-30b-a3b-thinking": {
-        "mixlayer": "qwen/qwen3-30b-a3b-thinking"
-      },
       "qwen3-32b": {
-        "mixlayer": "qwen/qwen3-32b",
         "vercel": "alibaba/qwen-3-32b"
       },
+      "qwen3-5-122b-a10b": {
+        "mixlayer": "qwen/qwen3.5-122b-a10b"
+      },
+      "qwen3-5-27b": {
+        "mixlayer": "qwen/qwen3.5-27b"
+      },
       "qwen3-5-35b-a3b": {
         "mixlayer": "qwen/qwen3.5-35b-a3b"
       },
@@ -3349,9 +3366,6 @@ var require_generated_model_routing = __commonJS({
       "qwen3-5-plus": {
         "vercel": "alibaba/qwen3.5-plus"
       },
-      "qwen3-8b": {
-        "mixlayer": "qwen/qwen3-8b"
-      },
       "qwen3-coder": {
         "vercel": "alibaba/qwen3-coder"
       },
@@ -3403,6 +3417,12 @@ var require_generated_model_routing = __commonJS({
       "qwen3-vl-thinking": {
         "vercel": "alibaba/qwen3-vl-thinking"
       },
+      "qwen3.5-122b-a10b": {
+        "mixlayer": "qwen/qwen3.5-122b-a10b"
+      },
+      "qwen3.5-27b": {
+        "mixlayer": "qwen/qwen3.5-27b"
+      },
       "qwen3.5-35b-a3b": {
         "mixlayer": "qwen/qwen3.5-35b-a3b"
       },
@@ -8327,9 +8347,8 @@ import { useState as useState22, useEffect as useEffect20, useRef as useRef8, us
 import { execSync } from "child_process";
 import * as fs4 from "fs";
 import open4 from "open";
-import { Box as Box26, Text as Text28, useApp as useApp4, useInput as useInput11, useStdout as useStdout5 } from "ink";
-import { StreamOutput, StatusBar, ErrorDisplay as ErrorDisplay3, theme as theme30 } from "@runtypelabs/ink-components";
-import { LoadingAnimation } from "@runtypelabs/terminal-animations";
+import { Box as Box28, Text as Text28, useApp as useApp4, useInput as useInput11, useStdout as useStdout5 } from "ink";
+import { StatusBar, theme as theme31 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/useMarathonStream.ts
 import { useState as useState10, useRef as useRef3, useMemo, useCallback as useCallback2 } from "react";
@@ -8382,21 +8401,155 @@ var INITIAL_STATE = {
   contextCompaction: null
 };
 var MAX_RAW_EVENTS = 15e3;
+var TOOL_PREVIEW_FIELD_LIMIT = 2;
+var TOOL_PREVIEW_VALUE_MAX_CHARS = 48;
+var TOOL_PREVIEW_MAX_CHARS = 120;
+var HEAVY_PREVIEW_KEYS = /* @__PURE__ */ new Set([
+  "content",
+  "code",
+  "script",
+  "body",
+  "prompt",
+  "input",
+  "stdout",
+  "stderr",
+  "output",
+  "text",
+  "diff",
+  "patch",
+  "html",
+  "markdown"
+]);
+var HEAVY_EVENT_FIELDS = ["parameters", "result", "finalOutput"];
+var INLINE_TOOL_NAMES = /* @__PURE__ */ new Set(["write_file", "read_file"]);
+var MAX_INLINE_TOOL_STRING_CHARS = 160;
+var MAX_INLINE_TOOL_KEYS = 6;
 function appendContentLine(content, line) {
   if (!content) return line;
   const separator = content.endsWith("\n") ? "" : "\n";
   return `${content}${separator}${line}`;
 }
-function pushRawEvent(prev, type, data, writer) {
-  const event = { timestamp: Date.now(), type, data };
-  if (writer?.current) {
-    try {
-      writer.current(event);
-    } catch {
+function truncatePreviewText(text, maxChars = TOOL_PREVIEW_VALUE_MAX_CHARS) {
+  if (text.length <= maxChars) return text;
+  return `${text.slice(0, Math.max(0, maxChars - 1))}\u2026`;
+}
+function clampPreview(preview) {
+  if (preview.length <= TOOL_PREVIEW_MAX_CHARS) return preview;
+  return `${preview.slice(0, Math.max(0, TOOL_PREVIEW_MAX_CHARS - 1))}\u2026`;
+}
+function isLargeToolValue(value) {
+  if (typeof value === "string") return value.length > MAX_INLINE_TOOL_STRING_CHARS;
+  if (Array.isArray(value)) {
+    return value.length > 8 || value.some((item) => item != null && typeof item === "object");
+  }
+  if (value && typeof value === "object") {
+    return Object.keys(value).length > MAX_INLINE_TOOL_KEYS;
+  }
+  return false;
+}
+function shouldKeepToolPayloadInline(toolName, payload) {
+  if (payload == null) return false;
+  if (INLINE_TOOL_NAMES.has(toolName)) return true;
+  if (typeof payload === "string") return payload.length <= MAX_INLINE_TOOL_STRING_CHARS;
+  if (typeof payload !== "object") return true;
+  const entries = Object.entries(payload);
+  if (entries.length > MAX_INLINE_TOOL_KEYS) return false;
+  return entries.every(([key, value]) => !HEAVY_PREVIEW_KEYS.has(key) && !isLargeToolValue(value));
+}
+function buildPersistedEventData(data, listData) {
+  if (!listData) return data;
+  const omittedFields = HEAVY_EVENT_FIELDS.filter((field) => data[field] !== void 0);
+  if (omittedFields.length === 0) return data;
+  return {
+    ...listData,
+    omittedFields
+  };
+}
+function setStoredToolPayloadField(payloads, toolId, field, value) {
+  const next = { ...payloads.get(toolId) ?? {} };
+  if (value === void 0) {
+    delete next[field];
+  } else {
+    next[field] = value;
+  }
+  if (next.parameters === void 0 && next.result === void 0 && next.streamedInput === void 0) {
+    payloads.delete(toolId);
+  } else {
+    payloads.set(toolId, next);
+  }
+}
+function prioritizePreviewEntries(entries) {
+  const light = [];
+  const heavy = [];
+  for (const entry of entries) {
+    if (HEAVY_PREVIEW_KEYS.has(entry[0])) {
+      heavy.push(entry);
+    } else {
+      light.push(entry);
+    }
+  }
+  return [...light, ...heavy].slice(0, TOOL_PREVIEW_FIELD_LIMIT);
+}
+function stringifyPreviewValue(value) {
+  if (typeof value === "string") return JSON.stringify(truncatePreviewText(value));
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "[...]";
+  if (typeof value === "object") return "{...}";
+  return JSON.stringify(truncatePreviewText(String(value)));
+}
+function buildPreviewFromParameters(parameters) {
+  if (!parameters) return void 0;
+  const entries = Object.entries(parameters).filter(([, value]) => value !== void 0);
+  if (entries.length === 0) return void 0;
+  return clampPreview(prioritizePreviewEntries(entries).map(([key, value]) => `${key}=${stringifyPreviewValue(value)}`).join(" "));
+}
+function buildPreviewFromStreamedInput(input) {
+  const scanWindow = input.length > 500 ? input.slice(0, 500) : input;
+  const matches = Array.from(
+    scanWindow.matchAll(/"([^"]+)"\s*:\s*("[^"\\]*(?:\\.[^"\\]*)*"|true|false|null|-?\d+(?:\.\d+)?)/g)
+  );
+  if (matches.length === 0) return void 0;
+  return clampPreview(prioritizePreviewEntries(matches.map((match) => {
+    const [, key, rawValue] = match;
+    let value = rawValue;
+    if (value.startsWith('"')) {
+      try {
+        value = JSON.stringify(truncatePreviewText(JSON.parse(value)));
+      } catch {
+        value = truncatePreviewText(value);
+      }
     }
+    return [key, value];
+  })).map((match) => {
+    const [key, value] = match;
+    return `${key}=${value}`;
+  }).join(" "));
+}
+function buildToolPreview(params) {
+  if (params.existingPreview && params.streamedInput) return params.existingPreview;
+  return (params.streamedInput ? buildPreviewFromStreamedInput(params.streamedInput) : void 0) || buildPreviewFromParameters(params.parameters);
+}
+function pushRawEvent(eventsRef, type, data, writer, listData) {
+  const event = { timestamp: Date.now(), type, data, ...listData ? { listData } : {} };
+  if (writer?.current) {
+    const w = writer.current;
+    const jsonlEvent = {
+      timestamp: event.timestamp,
+      type: event.type,
+      data: buildPersistedEventData(event.data, listData)
+    };
+    setTimeout(() => {
+      try {
+        w(jsonlEvent);
+      } catch {
+      }
+    }, 0);
+  }
+  eventsRef.current.push(event);
+  if (eventsRef.current.length > MAX_RAW_EVENTS) {
+    eventsRef.current = eventsRef.current.slice(-MAX_RAW_EVENTS);
   }
-  const events = [...prev.rawEvents, event];
-  return events.length > MAX_RAW_EVENTS ? events.slice(-MAX_RAW_EVENTS) : events;
 }
 function formatContextCompactionCompleteLine(event) {
   const modeLabel = event.mode === "auto" ? "automatically" : "with compact mode";
@@ -8418,27 +8571,57 @@ function formatContextNoticeLine(event) {
 var toolCounter = 0;
 function useMarathonStream() {
   const [state, setState] = useState10(INITIAL_STATE);
+  const rawEventsRef = useRef3([]);
   const stateRef = useRef3(state);
   stateRef.current = state;
   const eventWriterRef = useRef3(null);
+  const toolPayloadsRef = useRef3(/* @__PURE__ */ new Map());
+  const hydrateToolEntry = useCallback2((tool) => {
+    const payload = toolPayloadsRef.current.get(tool.id);
+    if (!payload) return tool;
+    return {
+      ...tool,
+      ...payload.parameters !== void 0 ? { parameters: payload.parameters } : {},
+      ...payload.result !== void 0 ? { result: payload.result } : {},
+      ...payload.streamedInput !== void 0 ? { streamedInput: payload.streamedInput } : {}
+    };
+  }, []);
+  const getHydratedState = useCallback2(
+    () => ({
+      ...stateRef.current,
+      tools: stateRef.current.tools.map((tool) => hydrateToolEntry(tool)),
+      rawEvents: rawEventsRef.current
+    }),
+    [hydrateToolEntry]
+  );
   const callbacks = useMemo(
     () => ({
       onAgentStart() {
+        pushRawEvent(rawEventsRef, "agent_start", {}, eventWriterRef);
         setState((prev) => ({
           ...prev,
           phase: "thinking",
-          thinkingStartedAt: Date.now(),
-          rawEvents: pushRawEvent(prev, "agent_start", {}, eventWriterRef)
+          thinkingStartedAt: Date.now()
         }));
       },
       onIterationStart(event) {
+        pushRawEvent(rawEventsRef, "agent_iteration_start", { ...event }, eventWriterRef);
         setState((prev) => ({
           ...prev,
-          currentIteration: event.iteration,
-          rawEvents: pushRawEvent(prev, "agent_iteration_start", { ...event }, eventWriterRef)
+          currentIteration: event.iteration
         }));
       },
       onTurnDelta(event) {
+        pushRawEvent(
+          rawEventsRef,
+          "agent_turn_delta",
+          {
+            contentType: event.contentType,
+            delta: event.delta,
+            deltaLength: event.delta.length
+          },
+          eventWriterRef
+        );
         setState((prev) => ({
           ...prev,
           ...event.contentType === "text" ? {
@@ -8446,29 +8629,70 @@ function useMarathonStream() {
             content: appendTranscriptText(prev.content, event.delta, prev.lastTranscriptKind),
             lastTranscriptKind: "text",
             thinkingStartedAt: null
+          } : event.contentType === "tool_input" ? {
+            phase: "tool",
+            thinkingStartedAt: null
           } : {
             phase: "thinking",
             reasoning: prev.reasoning + event.delta,
             thinkingStartedAt: prev.thinkingStartedAt ?? Date.now()
-          },
-          rawEvents: pushRawEvent(prev, "agent_turn_delta", {
-            contentType: event.contentType,
-            delta: event.delta,
-            deltaLength: event.delta.length
-          }, eventWriterRef)
+          }
         }));
       },
       onTurnComplete(event) {
+        pushRawEvent(rawEventsRef, "agent_turn_complete", { ...event }, eventWriterRef);
         setState((prev) => ({
           ...prev,
-          totalCost: event.cost != null ? prev.totalCost + event.cost : prev.totalCost,
-          rawEvents: pushRawEvent(prev, "agent_turn_complete", { ...event }, eventWriterRef)
+          totalCost: event.cost != null ? prev.totalCost + event.cost : prev.totalCost
         }));
       },
       onToolStart(event) {
-        const uniqueId = `tool-${++toolCounter}`;
+        const { parameters: _params, ...listData } = event;
+        pushRawEvent(rawEventsRef, "agent_tool_start", { ...event }, eventWriterRef, listData);
         setState((prev) => {
+          const existingIndex = prev.tools.findIndex(
+            (tool) => tool.sourceToolCallId === event.toolCallId && tool.status === "running"
+          );
+          const nextPhase = event.parameters ? "executing" : "input_streaming";
+          if (existingIndex >= 0) {
+            const tools = prev.tools.map((tool, index) => {
+              if (index !== existingIndex) return tool;
+              const hydratedTool = hydrateToolEntry(tool);
+              const parameters = event.parameters ?? hydratedTool.parameters;
+              const streamedInput = hydratedTool.streamedInput;
+              const inlineParameters2 = parameters && shouldKeepToolPayloadInline(event.toolName, parameters) ? parameters : void 0;
+              setStoredToolPayloadField(
+                toolPayloadsRef.current,
+                tool.id,
+                "parameters",
+                inlineParameters2 ? void 0 : parameters
+              );
+              return {
+                ...tool,
+                name: event.toolName,
+                toolType: event.toolType,
+                parameters: inlineParameters2,
+                phase: nextPhase,
+                inputPreview: buildToolPreview({ streamedInput, parameters, existingPreview: tool.inputPreview })
+              };
+            });
+            return {
+              ...prev,
+              phase: "tool",
+              thinkingStartedAt: null,
+              tools
+            };
+          }
+          const uniqueId = `tool-${++toolCounter}`;
           const sequence = prev.tools.length + 1;
+          const inputPreview = buildToolPreview({ parameters: event.parameters });
+          const inlineParameters = event.parameters && shouldKeepToolPayloadInline(event.toolName, event.parameters) ? event.parameters : void 0;
+          setStoredToolPayloadField(
+            toolPayloadsRef.current,
+            uniqueId,
+            "parameters",
+            inlineParameters ? void 0 : event.parameters
+          );
           return {
             ...prev,
             phase: "tool",
@@ -8484,25 +8708,104 @@ function useMarathonStream() {
                 name: event.toolName,
                 toolType: event.toolType,
                 status: "running",
-                parameters: event.parameters,
+                phase: nextPhase,
+                parameters: inlineParameters,
+                inputPreview,
                 startedAt: Date.now()
               }
-            ],
-            rawEvents: pushRawEvent(prev, "agent_tool_start", { ...event }, eventWriterRef)
+            ]
+          };
+        });
+      },
+      onToolInputDelta(event) {
+        pushRawEvent(rawEventsRef, "agent_tool_input_delta", { ...event }, eventWriterRef);
+        setState((prev) => {
+          let matched = false;
+          const tools = prev.tools.map((tool) => {
+            if (matched || tool.sourceToolCallId !== event.toolCallId || tool.status !== "running") {
+              return tool;
+            }
+            matched = true;
+            const hydratedTool = hydrateToolEntry(tool);
+            const streamedInput = `${hydratedTool.streamedInput || ""}${event.delta || ""}`;
+            const inlineStreamedInput = shouldKeepToolPayloadInline(tool.name, streamedInput) ? streamedInput : void 0;
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              tool.id,
+              "streamedInput",
+              inlineStreamedInput ? void 0 : streamedInput
+            );
+            return {
+              ...tool,
+              phase: "input_streaming",
+              streamedInput: inlineStreamedInput,
+              inputPreview: buildToolPreview({ streamedInput, parameters: hydratedTool.parameters, existingPreview: tool.inputPreview })
+            };
+          });
+          return {
+            ...prev,
+            phase: "tool",
+            thinkingStartedAt: null,
+            tools
+          };
+        });
+      },
+      onToolInputComplete(event) {
+        pushRawEvent(rawEventsRef, "agent_tool_input_complete", { ...event }, eventWriterRef);
+        setState((prev) => {
+          let matched = false;
+          const tools = prev.tools.map((tool) => {
+            if (matched || tool.sourceToolCallId !== event.toolCallId || tool.status !== "running") {
+              return tool;
+            }
+            matched = true;
+            const parameters = event.parameters;
+            const inlineParameters = parameters && shouldKeepToolPayloadInline(tool.name, parameters) ? parameters : void 0;
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              tool.id,
+              "parameters",
+              inlineParameters ? void 0 : parameters
+            );
+            return {
+              ...tool,
+              phase: "executing",
+              parameters: inlineParameters,
+              inputPreview: buildToolPreview({ streamedInput: hydrateToolEntry(tool).streamedInput, parameters, existingPreview: tool.inputPreview })
+            };
+          });
+          return {
+            ...prev,
+            phase: "tool",
+            thinkingStartedAt: null,
+            tools
           };
         });
       },
+      onToolDelta(event) {
+        pushRawEvent(rawEventsRef, "agent_tool_delta", { ...event }, eventWriterRef);
+      },
       onToolComplete(event) {
+        const { result: _result, ...listData } = event;
+        pushRawEvent(rawEventsRef, "agent_tool_complete", { ...event }, eventWriterRef, listData);
         setState((prev) => {
           let matched = false;
           const tools = prev.tools.map((t) => {
             if (!matched && t.sourceToolCallId === event.toolCallId && t.status === "running") {
               matched = true;
+              const inlineResult = shouldKeepToolPayloadInline(t.name, event.result) ? event.result : void 0;
+              setStoredToolPayloadField(
+                toolPayloadsRef.current,
+                t.id,
+                "result",
+                inlineResult === void 0 ? event.result : void 0
+              );
               return {
                 ...t,
                 status: event.success ? "complete" : "error",
+                phase: "executing",
                 executionTime: event.executionTime,
-                result: event.result
+                result: inlineResult
               };
             }
             return t;
@@ -8510,19 +8813,18 @@ function useMarathonStream() {
           return {
             ...prev,
             phase: "streaming",
-            tools,
-            rawEvents: pushRawEvent(prev, "agent_tool_complete", { ...event }, eventWriterRef)
+            tools
           };
         });
       },
       onIterationComplete(event) {
+        pushRawEvent(rawEventsRef, "agent_iteration_complete", { ...event }, eventWriterRef);
         setState((prev) => ({
           ...prev,
           totalCost: event.cost != null ? prev.totalCost + event.cost : prev.totalCost,
           totalInputTokens: prev.totalInputTokens + (event.tokens?.input ?? 0),
           totalOutputTokens: prev.totalOutputTokens + (event.tokens?.output ?? 0),
-          sessionCount: prev.sessionCount + 1,
-          rawEvents: pushRawEvent(prev, "agent_iteration_complete", { ...event }, eventWriterRef)
+          sessionCount: prev.sessionCount + 1
         }));
       },
       onAgentPaused(event) {
@@ -8536,6 +8838,8 @@ function useMarathonStream() {
           } catch {
           }
         }
+        const { parameters: _awaitParamsRaw, ...awaitListData } = event;
+        pushRawEvent(rawEventsRef, "agent_await", { ...event }, eventWriterRef, awaitListData);
         setState((prev) => ({
           ...prev,
           phase: "tool",
@@ -8544,48 +8848,140 @@ function useMarathonStream() {
             if (t.status !== "running") return t;
             const isMatch = !event.toolId || t.sourceToolCallId === event.toolId || event.toolName != null && t.name === event.toolName;
             if (!isMatch) return t;
+            const hydratedTool = hydrateToolEntry(t);
+            const parameters = awaitParams ?? hydratedTool.parameters;
+            const streamedInput = hydratedTool.streamedInput;
+            const inlineParameters = parameters && shouldKeepToolPayloadInline(t.name, parameters) ? parameters : void 0;
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              t.id,
+              "parameters",
+              inlineParameters ? void 0 : parameters
+            );
             return {
               ...t,
-              status: "complete",
-              executionTime: Date.now() - t.startedAt,
-              // Backfill parameters if they were stripped from agent_tool_start
-              ...awaitParams && !t.parameters ? { parameters: awaitParams } : {}
+              localToolCallId: event.toolId,
+              phase: "executing_locally",
+              localExecutionStartedAt: Date.now(),
+              parameters: inlineParameters,
+              inputPreview: buildToolPreview({
+                streamedInput,
+                parameters,
+                existingPreview: t.inputPreview
+              })
+            };
+          })
+        }));
+      },
+      onLocalToolExecutionStart(event) {
+        const { parameters: _params, ...listData } = event;
+        pushRawEvent(rawEventsRef, "local_tool_execution_start", { ...event }, eventWriterRef, listData);
+        setState((prev) => ({
+          ...prev,
+          phase: "tool",
+          thinkingStartedAt: null,
+          tools: prev.tools.map((tool) => {
+            const isMatch = tool.status === "running" && (tool.localToolCallId === event.toolCallId || tool.sourceToolCallId === event.toolCallId || tool.name === event.toolName);
+            if (!isMatch) return tool;
+            const inlineParameters = event.parameters && shouldKeepToolPayloadInline(tool.name, event.parameters) ? event.parameters : void 0;
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              tool.id,
+              "parameters",
+              inlineParameters ? void 0 : event.parameters
+            );
+            return {
+              ...tool,
+              localToolCallId: event.toolCallId,
+              phase: "executing_locally",
+              localExecutionStartedAt: Date.parse(event.startedAt) || Date.now(),
+              parameters: inlineParameters,
+              inputPreview: buildToolPreview({
+                streamedInput: hydrateToolEntry(tool).streamedInput,
+                parameters: event.parameters,
+                existingPreview: tool.inputPreview
+              })
+            };
+          })
+        }));
+      },
+      onLocalToolExecutionComplete(event) {
+        const { result: _result, parameters: _params, ...listData } = event;
+        pushRawEvent(rawEventsRef, "local_tool_execution_complete", { ...event }, eventWriterRef, listData);
+        setState((prev) => ({
+          ...prev,
+          tools: prev.tools.map((tool) => {
+            const isMatch = tool.status === "running" && (tool.localToolCallId === event.toolCallId || tool.sourceToolCallId === event.toolCallId || tool.name === event.toolName);
+            if (!isMatch) return tool;
+            const inlineParameters = event.parameters && shouldKeepToolPayloadInline(tool.name, event.parameters) ? event.parameters : void 0;
+            const inlineResult = shouldKeepToolPayloadInline(tool.name, event.result) ? event.result : void 0;
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              tool.id,
+              "parameters",
+              inlineParameters ? void 0 : event.parameters
+            );
+            setStoredToolPayloadField(
+              toolPayloadsRef.current,
+              tool.id,
+              "result",
+              inlineResult === void 0 ? event.result : void 0
+            );
+            return {
+              ...tool,
+              status: event.success ? "complete" : "error",
+              phase: "executing",
+              parameters: inlineParameters,
+              result: inlineResult,
+              executionTime: event.durationMs
             };
-          }),
-          rawEvents: pushRawEvent(prev, "agent_await", { ...event }, eventWriterRef)
+          })
         }));
       },
       onAgentComplete(event) {
+        const { finalOutput: _output, ...listData } = event;
+        pushRawEvent(rawEventsRef, "agent_complete", { ...event }, eventWriterRef, listData);
         setState((prev) => ({
           ...prev,
           phase: "complete",
           content: prev.content || event.finalOutput || "",
-          // Mark any still-running local tools as complete (they never get tool_complete from the API)
+          // If any running local tools remain, close them out using the best
+          // duration we have available from local execution state.
           tools: prev.tools.map(
-            (t) => t.status === "running" ? { ...t, status: "complete", executionTime: Date.now() - t.startedAt } : t
+            (t) => t.status === "running" ? {
+              ...t,
+              status: "complete",
+              executionTime: Date.now() - (t.localExecutionStartedAt ?? t.startedAt)
+            } : t
           ),
           totalCost: event.totalCost != null ? event.totalCost : prev.totalCost,
           totalInputTokens: event.totalTokens?.input ?? prev.totalInputTokens,
-          totalOutputTokens: event.totalTokens?.output ?? prev.totalOutputTokens,
-          rawEvents: pushRawEvent(prev, "agent_complete", { ...event }, eventWriterRef)
+          totalOutputTokens: event.totalTokens?.output ?? prev.totalOutputTokens
         }));
       },
       onError(event) {
+        pushRawEvent(rawEventsRef, "agent_error", { ...event }, eventWriterRef);
         setState((prev) => ({
           ...prev,
           phase: "error",
           error: new Error(event.error.message),
           // Mark any still-running tools as errored so spinners stop
           tools: prev.tools.map(
-            (t) => t.status === "running" ? { ...t, status: "error", executionTime: Date.now() - t.startedAt } : t
-          ),
-          rawEvents: pushRawEvent(prev, "agent_error", { ...event }, eventWriterRef)
+            (t) => t.status === "running" ? {
+              ...t,
+              status: "error",
+              executionTime: Date.now() - (t.localExecutionStartedAt ?? t.startedAt)
+            } : t
+          )
         }));
       }
     }),
     []
+    // rawEventsRef and eventWriterRef are stable refs — safe to omit
   );
   const reset = useCallback2(() => {
+    rawEventsRef.current = [];
+    toolPayloadsRef.current.clear();
     setState(INITIAL_STATE);
   }, []);
   const setCheckpoint = useCallback2(() => {
@@ -8600,6 +8996,7 @@ function useMarathonStream() {
     }));
   }, []);
   const startContextCompaction = useCallback2((event) => {
+    pushRawEvent(rawEventsRef, "marathon_context_compaction_start", { ...event }, eventWriterRef);
     setState((prev) => ({
       ...prev,
       contextCompaction: {
@@ -8617,28 +9014,28 @@ function useMarathonStream() {
         afterTokens: event.afterTokens,
         breakdown: event.breakdown,
         startedAt: Date.now()
-      },
-      rawEvents: pushRawEvent(prev, "marathon_context_compaction_start", { ...event }, eventWriterRef)
+      }
     }));
   }, []);
   const finishContextCompaction = useCallback2((event) => {
+    pushRawEvent(rawEventsRef, "marathon_context_compaction_complete", { ...event }, eventWriterRef);
     setState((prev) => ({
       ...prev,
       contextCompaction: null,
       content: appendContentLine(prev.content, formatContextCompactionCompleteLine(event)),
-      lastTranscriptKind: "text",
-      rawEvents: pushRawEvent(prev, "marathon_context_compaction_complete", { ...event }, eventWriterRef)
+      lastTranscriptKind: "text"
     }));
   }, []);
   const reportContextNotice = useCallback2((event) => {
+    pushRawEvent(rawEventsRef, "marathon_context_notice", { ...event }, eventWriterRef);
     setState((prev) => ({
       ...prev,
       content: appendContentLine(prev.content, formatContextNoticeLine(event)),
-      lastTranscriptKind: "text",
-      rawEvents: pushRawEvent(prev, "marathon_context_notice", { ...event }, eventWriterRef)
+      lastTranscriptKind: "text"
     }));
   }, []);
   const resetForNewSession = useCallback2(() => {
+    toolPayloadsRef.current.clear();
     setState((prev) => ({
       ...prev,
       phase: "idle",
@@ -8653,11 +9050,11 @@ function useMarathonStream() {
     }));
   }, []);
   const showError = useCallback2((error) => {
+    pushRawEvent(rawEventsRef, "agent_error", { message: error.message }, eventWriterRef);
     setState((prev) => ({
       ...prev,
       phase: "error",
-      error,
-      rawEvents: pushRawEvent(prev, "agent_error", { message: error.message }, eventWriterRef)
+      error
     }));
   }, []);
   const setEventWriter = useCallback2((writer) => {
@@ -8665,7 +9062,10 @@ function useMarathonStream() {
   }, []);
   return {
     state,
+    rawEventsRef,
     callbacks,
+    getHydratedState,
+    hydrateToolEntry,
     reset,
     setCheckpoint,
     markPendingStart,
@@ -9083,189 +9483,76 @@ function ScreenTabs({ activeTab, width, shortcutHint }) {
   ] });
 }
 
-// src/ink/marathon/ThinkingIndicator.tsx
-import { useState as useState12, useEffect as useEffect12 } from "react";
-import { Spinner as Spinner4, theme as theme12 } from "@runtypelabs/ink-components";
+// src/ink/marathon/ToolsPanel.tsx
+import { useState as useState12, useEffect as useEffect12, useMemo as useMemo2, memo } from "react";
+import { Box as Box11, Text as Text12 } from "ink";
+import { Spinner as Spinner4, theme as theme13 } from "@runtypelabs/ink-components";
+
+// src/ink/marathon/Scrollbar.tsx
+import { Box as Box10, Text as Text11 } from "ink";
+import { theme as theme12 } from "@runtypelabs/ink-components";
 import { jsx as jsx11 } from "react/jsx-runtime";
-function ThinkingIndicator({ startedAt }) {
-  const [elapsed, setElapsed] = useState12(
-    () => startedAt ? Math.floor((Date.now() - startedAt) / 1e3) : 0
-  );
-  useEffect12(() => {
-    const start = startedAt ?? Date.now();
-    setElapsed(Math.floor((Date.now() - start) / 1e3));
-    const interval = setInterval(() => {
-      setElapsed(Math.floor((Date.now() - start) / 1e3));
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [startedAt]);
-  return /* @__PURE__ */ jsx11(Spinner4, { label: `Thinking... ${elapsed}s`, color: theme12.textMuted });
+function Scrollbar({ totalLines, visibleLines, scrollOffset, height }) {
+  if (totalLines <= visibleLines) return null;
+  const maxScroll = Math.max(0, totalLines - visibleLines);
+  const clampedOffset = Math.min(scrollOffset, maxScroll);
+  const thumbSize = Math.max(1, Math.round(visibleLines / totalLines * height));
+  const thumbStart = maxScroll > 0 ? Math.round(clampedOffset / maxScroll * (height - thumbSize)) : 0;
+  return /* @__PURE__ */ jsx11(Box10, { flexDirection: "column", marginLeft: 1, children: Array.from({ length: height }, (_, i) => {
+    const isThumb = i >= thumbStart && i < thumbStart + thumbSize;
+    return /* @__PURE__ */ jsx11(Text11, { color: isThumb ? theme12.textMuted : theme12.border, children: isThumb ? "\u2588" : "\u2502" }, i);
+  }) });
 }
 
-// src/ink/marathon/ContextCompactionIndicator.tsx
-import { useEffect as useEffect13, useState as useState13 } from "react";
-import { Spinner as Spinner5, theme as theme13 } from "@runtypelabs/ink-components";
-import { jsx as jsx12 } from "react/jsx-runtime";
-function buildCompactionLabel(compaction, elapsedSeconds) {
-  const modeLabel = compaction.mode === "auto" ? "auto" : "manual";
-  const strategyLabel = compaction.strategy === "provider_native" ? "native" : "summary";
-  const thresholdLabel = formatCompactionThresholdLabel(compaction);
-  if (thresholdLabel) {
-    return `Compacting context for session ${compaction.sessionIndex} (${modeLabel}, ${strategyLabel}, ${thresholdLabel})... ${elapsedSeconds}s`;
-  }
-  return `Compacting context for session ${compaction.sessionIndex} (${modeLabel}, ${strategyLabel})... ${elapsedSeconds}s`;
-}
-function ContextCompactionIndicator({
-  compaction
-}) {
-  const [elapsed, setElapsed] = useState13(
-    () => Math.floor((Date.now() - compaction.startedAt) / 1e3)
-  );
-  useEffect13(() => {
-    const start = compaction.startedAt;
-    setElapsed(Math.floor((Date.now() - start) / 1e3));
-    const interval = setInterval(() => {
-      setElapsed(Math.floor((Date.now() - start) / 1e3));
-    }, 1e3);
-    return () => clearInterval(interval);
-  }, [compaction.startedAt]);
-  return /* @__PURE__ */ jsx12(Spinner5, { label: buildCompactionLabel(compaction, elapsed), color: theme13.warning });
+// src/ink/marathon/ToolsPanel.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function getVisibleToolWindow(total, selectedIndex, maxVisibleLines) {
+  const toolSlots = Math.floor(maxVisibleLines / 2);
+  const half = Math.floor(toolSlots / 2);
+  let start = selectedIndex - half;
+  let end = start + toolSlots;
+  if (start < 0) {
+    start = 0;
+    end = Math.min(total, toolSlots);
+  }
+  if (end > total) {
+    end = total;
+    start = Math.max(0, end - toolSlots);
+  }
+  return { start, end };
+}
+function visibleToolsFingerprint(tools, selectedIndex, maxVisibleLines) {
+  if (tools.length === 0) return `0:${selectedIndex}:${maxVisibleLines}`;
+  const { start, end } = getVisibleToolWindow(tools.length, selectedIndex, maxVisibleLines);
+  let fp = `${tools.length}:${selectedIndex}:${maxVisibleLines}:${start}:${end}`;
+  for (let i = start; i < end; i++) {
+    const tool = tools[i];
+    fp += `|${tool.id}:${tool.name}:${tool.status}:${tool.phase ?? ""}:${tool.inputPreview ?? ""}:${tool.executionTime ?? ""}:${tool.startedAt}:${tool.localExecutionStartedAt ?? ""}`;
+  }
+  return fp;
 }
-
-// src/ink/marathon/ToolPanel.tsx
-import { useState as useState14, useEffect as useEffect14, useMemo as useMemo2 } from "react";
-import { Box as Box10, Text as Text11 } from "ink";
-import { Spinner as Spinner6, theme as theme14 } from "@runtypelabs/ink-components";
-import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-function formatCharCount(chars) {
-  if (chars >= 1e3) {
-    return `${(chars / 1e3).toFixed(1)}k chars`;
+function formatElapsed(tool, now) {
+  if (tool.executionTime != null) {
+    return `${(tool.executionTime / 1e3).toFixed(1)}s`;
   }
-  return `${chars} chars`;
+  const startedAt = tool.localExecutionStartedAt ?? tool.startedAt;
+  return `${((now - startedAt) / 1e3).toFixed(1)}s`;
 }
 var STATUS_ICONS = {
   complete: "\u2713",
   error: "\u2717"
 };
-var FILE_TYPE_ICONS = {
-  written: "\u270E",
-  read: "\u2022",
-  plan: "\u2691"
-};
-function formatElapsed(tool, now) {
-  if (tool.executionTime != null) {
-    return `${(tool.executionTime / 1e3).toFixed(1)}s`;
-  }
-  return `${((now - tool.startedAt) / 1e3).toFixed(1)}s`;
-}
 function getStatusColor(status) {
-  if (status === "error") return theme14.danger;
-  if (status === "complete") return theme14.success;
-  return theme14.accent;
+  if (status === "error") return theme13.danger;
+  if (status === "complete") return theme13.success;
+  return theme13.accent;
 }
-function ToolPanel({ tools, reasoning, files, maxHeight }) {
-  const [now, setNow] = useState14(Date.now());
-  const hasRunning = tools.some((t) => t.status === "running");
-  useEffect14(() => {
-    if (!hasRunning) return;
-    const interval = setInterval(() => setNow(Date.now()), 100);
-    return () => clearInterval(interval);
-  }, [hasRunning]);
-  const { visibleTools, visibleFiles } = useMemo2(() => {
-    if (!maxHeight) return { visibleTools: tools, visibleFiles: files || [] };
-    const reasoningRows = reasoning && reasoning.length > 0 ? 1 : 0;
-    const headerRows = 1;
-    const filesList = files || [];
-    const fileHeaderRows = filesList.length > 0 ? 2 : 0;
-    const availableRows = maxHeight - headerRows - reasoningRows - fileHeaderRows;
-    const fileRows = filesList.length > 0 ? Math.min(filesList.length, Math.max(3, Math.floor(availableRows * 0.3))) : 0;
-    const toolRows = Math.max(1, availableRows - fileRows);
-    const vTools = tools.length <= toolRows ? tools : tools.slice(-toolRows);
-    const vFiles = filesList.length <= fileRows ? filesList : filesList.slice(-fileRows);
-    return { visibleTools: vTools, visibleFiles: vFiles };
-  }, [tools, files, maxHeight, reasoning]);
-  const hiddenToolCount = tools.length - visibleTools.length;
-  const hiddenFileCount = (files || []).length - visibleFiles.length;
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", backgroundColor: theme14.background, children: [
-    /* @__PURE__ */ jsx13(Text11, { bold: true, color: theme14.accent, children: "Activity" }),
-    reasoning && reasoning.length > 0 && /* @__PURE__ */ jsxs10(Text11, { color: theme14.textMuted, children: [
-      "Reasoning: ",
-      formatCharCount(reasoning.length)
-    ] }),
-    hiddenToolCount > 0 && /* @__PURE__ */ jsxs10(Text11, { color: theme14.textSubtle, children: [
-      "  ",
-      hiddenToolCount,
-      " earlier hidden"
-    ] }),
-    visibleTools.map((tool) => {
-      const statusColor = getStatusColor(tool.status);
-      const elapsed = formatElapsed(tool, now);
-      return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", flexWrap: "nowrap", children: [
-        /* @__PURE__ */ jsx13(Box10, { width: 2, flexShrink: 0, children: tool.status === "running" ? /* @__PURE__ */ jsx13(Spinner6, { label: "", color: theme14.spinner }) : /* @__PURE__ */ jsx13(Text11, { color: statusColor, children: STATUS_ICONS[tool.status] || "?" }) }),
-        /* @__PURE__ */ jsx13(Box10, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx13(Text11, { color: theme14.text, wrap: "truncate", children: tool.name }) }),
-        /* @__PURE__ */ jsx13(Box10, { flexShrink: 0, children: /* @__PURE__ */ jsxs10(Text11, { color: theme14.textMuted, children: [
-          " ",
-          elapsed
-        ] }) })
-      ] }, tool.id);
-    }),
-    visibleFiles.length > 0 && /* @__PURE__ */ jsxs10(Fragment, { children: [
-      /* @__PURE__ */ jsxs10(Box10, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx13(Text11, { bold: true, color: theme14.accent, children: "Files" }),
-        hiddenFileCount > 0 && /* @__PURE__ */ jsxs10(Text11, { color: theme14.textSubtle, children: [
-          "  +",
-          hiddenFileCount
-        ] })
-      ] }),
-      visibleFiles.map((file) => {
-        const icon = FILE_TYPE_ICONS[file.type] || "\u2022";
-        const filename = file.path.split("/").pop() || file.path;
-        return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "row", flexWrap: "nowrap", children: [
-          /* @__PURE__ */ jsx13(Box10, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text11, { color: file.type === "written" ? theme14.success : theme14.textMuted, children: icon }) }),
-          /* @__PURE__ */ jsx13(Box10, { flexShrink: 1, children: /* @__PURE__ */ jsx13(Text11, { color: theme14.text, wrap: "truncate", children: filename }) })
-        ] }, file.path);
-      })
-    ] })
-  ] });
-}
-
-// src/ink/marathon/ToolsPanel.tsx
-import { useState as useState15, useEffect as useEffect15, useMemo as useMemo3 } from "react";
-import { Box as Box12, Text as Text13 } from "ink";
-import { Spinner as Spinner7, theme as theme16 } from "@runtypelabs/ink-components";
-
-// src/ink/marathon/Scrollbar.tsx
-import { Box as Box11, Text as Text12 } from "ink";
-import { theme as theme15 } from "@runtypelabs/ink-components";
-import { jsx as jsx14 } from "react/jsx-runtime";
-function Scrollbar({ totalLines, visibleLines, scrollOffset, height }) {
-  if (totalLines <= visibleLines) return null;
-  const maxScroll = Math.max(0, totalLines - visibleLines);
-  const clampedOffset = Math.min(scrollOffset, maxScroll);
-  const thumbSize = Math.max(1, Math.round(visibleLines / totalLines * height));
-  const thumbStart = maxScroll > 0 ? Math.round(clampedOffset / maxScroll * (height - thumbSize)) : 0;
-  return /* @__PURE__ */ jsx14(Box11, { flexDirection: "column", marginLeft: 1, children: Array.from({ length: height }, (_, i) => {
-    const isThumb = i >= thumbStart && i < thumbStart + thumbSize;
-    return /* @__PURE__ */ jsx14(Text12, { color: isThumb ? theme15.textMuted : theme15.border, children: isThumb ? "\u2588" : "\u2502" }, i);
-  }) });
-}
-
-// src/ink/marathon/ToolsPanel.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
-function formatElapsed2(tool, now) {
-  if (tool.executionTime != null) {
-    return `${(tool.executionTime / 1e3).toFixed(1)}s`;
-  }
-  return `${((now - tool.startedAt) / 1e3).toFixed(1)}s`;
-}
-var STATUS_ICONS2 = {
-  complete: "\u2713",
-  error: "\u2717"
-};
-function getStatusColor2(status) {
-  if (status === "error") return theme16.danger;
-  if (status === "complete") return theme16.success;
-  return theme16.accent;
+function getPhaseLabel(tool) {
+  if (tool.status === "complete") return "complete";
+  if (tool.status === "error") return "error";
+  if (tool.phase === "input_streaming") return "assembling input";
+  if (tool.phase === "executing_locally") return "executing locally";
+  return "running";
 }
 function wrapLines(lines, width) {
   if (width <= 0) return lines;
@@ -9283,6 +9570,16 @@ function wrapLines(lines, width) {
 }
 function buildToolDetailSections(tool) {
   const sections = [];
+  sections.push(`Status: ${getPhaseLabel(tool)}`);
+  if (tool.inputPreview) {
+    sections.push(`Preview: ${tool.inputPreview}`);
+    sections.push("");
+  }
+  if (tool.streamedInput) {
+    sections.push("Streamed input:");
+    sections.push(tool.streamedInput);
+    sections.push("");
+  }
   if (tool.parameters && Object.keys(tool.parameters).length > 0) {
     sections.push("Parameters:");
     sections.push(JSON.stringify(tool.parameters, null, 2));
@@ -9316,57 +9613,52 @@ function ToolDetailView({
   scrollOffset = 0,
   width = 120
 }) {
-  const separator = theme16.separator ?? " \xB7 ";
-  const statusColor = getStatusColor2(tool.status);
-  const { lines, totalLines, clampedOffset } = useMemo3(() => {
-    const allLines = getToolDetailLines(tool, width);
-    const total = allLines.length;
-    const clamped = Math.min(scrollOffset, Math.max(0, total - maxVisibleLines));
-    const start = clamped;
-    const end = Math.min(total, start + maxVisibleLines);
-    return { lines: allLines.slice(start, end), totalLines: total, clampedOffset: clamped };
-  }, [tool, maxVisibleLines, scrollOffset, width]);
-  return /* @__PURE__ */ jsxs11(
-    Box12,
-    {
-      flexDirection: "column",
-      paddingX: theme16.panelPaddingX,
-      paddingY: theme16.panelPaddingY,
-      children: [
-        /* @__PURE__ */ jsxs11(Box12, { marginBottom: theme16.sectionGap, children: [
-          tool.status === "running" ? /* @__PURE__ */ jsx15(Spinner7, { label: "", color: theme16.spinner }) : /* @__PURE__ */ jsx15(Text13, { color: statusColor, children: STATUS_ICONS2[tool.status] || "?" }),
-          /* @__PURE__ */ jsx15(Text13, { color: theme16.textMuted, children: ` [${tool.sequence}] ` }),
-          /* @__PURE__ */ jsx15(Text13, { bold: true, color: theme16.text, children: tool.name }),
-          /* @__PURE__ */ jsxs11(Text13, { color: theme16.textMuted, children: [
-            " ",
-            formatElapsed2(tool, now)
-          ] }),
-          /* @__PURE__ */ jsxs11(Text13, { color: theme16.textSubtle, children: [
-            separator,
-            "c: copy"
-          ] }),
-          /* @__PURE__ */ jsxs11(Text13, { color: theme16.textSubtle, children: [
-            separator,
-            "Esc: close"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", flexGrow: 1, children: [
-          /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx15(Text13, { color: theme16.text, wrap: "truncate", children: line }, i)) }),
-          /* @__PURE__ */ jsx15(
-            Scrollbar,
-            {
-              totalLines,
-              visibleLines: maxVisibleLines,
-              scrollOffset: clampedOffset,
-              height: lines.length
-            }
-          )
-        ] })
-      ]
-    }
+  const separator = theme13.separator ?? " \xB7 ";
+  const statusColor = getStatusColor(tool.status);
+  const allLines = useMemo2(() => getToolDetailLines(tool, width), [tool, width]);
+  const totalLines = allLines.length;
+  const clampedOffset = Math.min(scrollOffset, Math.max(0, totalLines - maxVisibleLines));
+  const lines = useMemo2(
+    () => allLines.slice(clampedOffset, clampedOffset + maxVisibleLines),
+    [allLines, clampedOffset, maxVisibleLines]
   );
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: theme13.panelPaddingX, paddingY: theme13.panelPaddingY, children: [
+    /* @__PURE__ */ jsxs10(Box11, { marginBottom: theme13.sectionGap, children: [
+      tool.status === "running" ? /* @__PURE__ */ jsx12(Spinner4, { label: "", color: theme13.spinner }) : /* @__PURE__ */ jsx12(Text12, { color: statusColor, children: STATUS_ICONS[tool.status] || "?" }),
+      /* @__PURE__ */ jsx12(Text12, { color: theme13.textMuted, children: ` [${tool.sequence}] ` }),
+      /* @__PURE__ */ jsx12(Text12, { bold: true, color: theme13.text, children: tool.name }),
+      /* @__PURE__ */ jsxs10(Text12, { color: theme13.textMuted, children: [
+        separator,
+        getPhaseLabel(tool)
+      ] }),
+      /* @__PURE__ */ jsxs10(Text12, { color: theme13.textMuted, children: [
+        " ",
+        formatElapsed(tool, now)
+      ] }),
+      /* @__PURE__ */ jsxs10(Text12, { color: theme13.textSubtle, children: [
+        separator,
+        "c: copy"
+      ] }),
+      /* @__PURE__ */ jsxs10(Text12, { color: theme13.textSubtle, children: [
+        separator,
+        "Esc: close"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx12(Text12, { color: theme13.text, wrap: "truncate", children: line }, i)) }),
+      /* @__PURE__ */ jsx12(
+        Scrollbar,
+        {
+          totalLines,
+          visibleLines: maxVisibleLines,
+          scrollOffset: clampedOffset,
+          height: lines.length
+        }
+      )
+    ] })
+  ] });
 }
-function ToolsPanel({
+var ToolsPanel = memo(function ToolsPanel2({
   tools,
   maxVisibleLines = 50,
   selectedIndex,
@@ -9374,40 +9666,36 @@ function ToolsPanel({
   detailScrollOffset = 0,
   width = 120
 }) {
-  const separator = theme16.separator ?? " \xB7 ";
-  const [now, setNow] = useState15(Date.now());
+  const separator = theme13.separator ?? " \xB7 ";
+  const [now, setNow] = useState12(Date.now());
   const hasRunning = tools.some((t) => t.status === "running");
-  useEffect15(() => {
+  useEffect12(() => {
     if (!hasRunning) return;
     const interval = setInterval(() => setNow(Date.now()), 100);
     return () => clearInterval(interval);
   }, [hasRunning]);
-  const { rows, hiddenAbove } = useMemo3(() => {
+  const { rows, hiddenAbove } = useMemo2(() => {
     if (tools.length === 0) return { rows: [], hiddenAbove: 0 };
-    const total = tools.length;
-    const half = Math.floor(maxVisibleLines / 2);
-    let start = selectedIndex - half;
-    let end = start + maxVisibleLines;
-    if (start < 0) {
-      start = 0;
-      end = Math.min(total, maxVisibleLines);
-    }
-    if (end > total) {
-      end = total;
-      start = Math.max(0, end - maxVisibleLines);
-    }
+    const { start, end } = getVisibleToolWindow(tools.length, selectedIndex, maxVisibleLines);
     const visible = tools.slice(start, end);
     return {
       rows: visible.map((tool, i) => ({
         globalIndex: start + i,
         key: tool.id,
-        tool
+        status: tool.status,
+        phase: tool.phase,
+        sequence: tool.sequence,
+        name: tool.name,
+        inputPreview: tool.inputPreview,
+        executionTime: tool.executionTime,
+        startedAt: tool.startedAt,
+        localExecutionStartedAt: tool.localExecutionStartedAt
       })),
       hiddenAbove: start
     };
   }, [tools, maxVisibleLines, selectedIndex]);
   if (detailTool) {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx12(
       ToolDetailView,
       {
         tool: detailTool,
@@ -9419,102 +9707,125 @@ function ToolsPanel({
     );
   }
   if (tools.length === 0) {
-    return /* @__PURE__ */ jsx15(
-      Box12,
-      {
-        flexDirection: "column",
-        paddingX: theme16.panelPaddingX,
-        paddingY: theme16.panelPaddingY,
-        children: /* @__PURE__ */ jsx15(Text13, { color: theme16.textSubtle, children: "No tool calls yet..." })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs11(
-    Box12,
-    {
-      flexDirection: "column",
-      paddingX: theme16.panelPaddingX,
-      paddingY: theme16.panelPaddingY,
-      children: [
-        /* @__PURE__ */ jsxs11(Box12, { marginBottom: 0, children: [
-          /* @__PURE__ */ jsx15(Text13, { bold: true, color: theme16.accent, children: "Tools" }),
-          /* @__PURE__ */ jsxs11(Text13, { color: theme16.textSubtle, children: [
-            separator,
-            tools.length,
-            " calls"
+    return /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", paddingX: theme13.panelPaddingX, paddingY: theme13.panelPaddingY, children: /* @__PURE__ */ jsx12(Text12, { color: theme13.textSubtle, children: "No tool calls yet..." }) });
+  }
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", paddingX: theme13.panelPaddingX, paddingY: theme13.panelPaddingY, children: [
+    /* @__PURE__ */ jsxs10(Box11, { marginBottom: 0, children: [
+      /* @__PURE__ */ jsx12(Text12, { bold: true, color: theme13.accent, children: "Tools" }),
+      /* @__PURE__ */ jsxs10(Text12, { color: theme13.textSubtle, children: [
+        separator,
+        tools.length,
+        " calls"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx12(Box11, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
+        const isSelected = row.globalIndex === selectedIndex;
+        const statusColor = getStatusColor(row.status);
+        const elapsed = formatElapsed({
+          status: row.status,
+          phase: row.phase,
+          sequence: row.sequence,
+          name: row.name,
+          startedAt: row.startedAt,
+          localExecutionStartedAt: row.localExecutionStartedAt,
+          executionTime: row.executionTime
+        }, now);
+        const phaseLabel = getPhaseLabel({
+          status: row.status,
+          phase: row.phase
+        });
+        return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", flexWrap: "nowrap", children: [
+            /* @__PURE__ */ jsx12(Box11, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx12(Text12, { color: isSelected ? theme13.accentActive : theme13.textSubtle, children: isSelected ? "\u203A" : " " }) }),
+            /* @__PURE__ */ jsx12(Box11, { width: 2, flexShrink: 0, children: row.status === "running" ? /* @__PURE__ */ jsx12(Spinner4, { label: "", color: theme13.spinner }) : /* @__PURE__ */ jsx12(Text12, { color: statusColor, children: STATUS_ICONS[row.status] || "?" }) }),
+            /* @__PURE__ */ jsx12(Box11, { width: 5, flexShrink: 0, children: /* @__PURE__ */ jsxs10(Text12, { color: theme13.textMuted, children: [
+              "[",
+              row.sequence,
+              "] "
+            ] }) }),
+            /* @__PURE__ */ jsx12(Box11, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx12(
+              Text12,
+              {
+                color: isSelected ? theme13.accentActive : theme13.text,
+                bold: isSelected,
+                wrap: "truncate",
+                children: row.name
+              }
+            ) }),
+            /* @__PURE__ */ jsx12(Box11, { width: 24, flexShrink: 0, justifyContent: "flex-end", children: /* @__PURE__ */ jsx12(Text12, { color: theme13.textMuted, children: `${phaseLabel} ${elapsed}` }) })
+          ] }),
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "row", flexWrap: "nowrap", children: [
+            /* @__PURE__ */ jsx12(Box11, { width: 9, flexShrink: 0 }),
+            /* @__PURE__ */ jsx12(Text12, { color: theme13.textSubtle, children: "\u2514 " }),
+            /* @__PURE__ */ jsx12(Box11, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx12(Text12, { color: theme13.textMuted, wrap: "truncate", children: row.inputPreview || "" }) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", children: [
-          /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
-            const isSelected = row.globalIndex === selectedIndex;
-            const statusColor = getStatusColor2(row.tool.status);
-            const elapsed = formatElapsed2(row.tool, now);
-            return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", flexWrap: "nowrap", children: [
-              /* @__PURE__ */ jsx15(Box12, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx15(Text13, { color: isSelected ? theme16.accentActive : theme16.textSubtle, children: isSelected ? "\u203A" : " " }) }),
-              /* @__PURE__ */ jsx15(Box12, { width: 2, flexShrink: 0, children: row.tool.status === "running" ? /* @__PURE__ */ jsx15(Spinner7, { label: "", color: theme16.spinner }) : /* @__PURE__ */ jsx15(Text13, { color: statusColor, children: STATUS_ICONS2[row.tool.status] || "?" }) }),
-              /* @__PURE__ */ jsx15(Box12, { width: 5, flexShrink: 0, children: /* @__PURE__ */ jsxs11(Text13, { color: theme16.textMuted, children: [
-                "[",
-                row.tool.sequence,
-                "] "
-              ] }) }),
-              /* @__PURE__ */ jsx15(Box12, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx15(
-                Text13,
-                {
-                  color: isSelected ? theme16.accentActive : theme16.text,
-                  bold: isSelected,
-                  wrap: "truncate",
-                  children: row.tool.name
-                }
-              ) }),
-              /* @__PURE__ */ jsx15(Box12, { width: 7, flexShrink: 0, justifyContent: "flex-end", children: /* @__PURE__ */ jsx15(Text13, { color: theme16.textMuted, children: elapsed }) })
-            ] }, row.key);
-          }) }),
-          /* @__PURE__ */ jsx15(
-            Scrollbar,
-            {
-              totalLines: tools.length,
-              visibleLines: rows.length,
-              scrollOffset: hiddenAbove,
-              height: rows.length
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
+        ] }, row.key);
+      }) }),
+      /* @__PURE__ */ jsx12(
+        Scrollbar,
+        {
+          totalLines: tools.length * 2,
+          visibleLines: rows.length * 2,
+          scrollOffset: hiddenAbove * 2,
+          height: rows.length * 2
+        }
+      )
+    ] })
+  ] });
+}, (prev, next) => {
+  return visibleToolsFingerprint(prev.tools, prev.selectedIndex, prev.maxVisibleLines ?? 50) === visibleToolsFingerprint(next.tools, next.selectedIndex, next.maxVisibleLines ?? 50) && prev.detailTool === next.detailTool && prev.detailScrollOffset === next.detailScrollOffset && prev.width === next.width;
+});
 
 // src/ink/marathon/EventStreamPanel.tsx
-import { useMemo as useMemo4 } from "react";
-import { Box as Box13, Text as Text14 } from "ink";
-import { theme as theme17 } from "@runtypelabs/ink-components";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useMemo as useMemo3, memo as memo2 } from "react";
+import { Box as Box12, Text as Text13 } from "ink";
+import { theme as theme14 } from "@runtypelabs/ink-components";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var EVENT_COLORS = {
-  agent_start: theme17.success,
-  agent_complete: theme17.success,
-  agent_error: theme17.danger,
-  agent_await: theme17.warning,
-  agent_iteration_start: theme17.accent,
-  agent_iteration_complete: theme17.accent,
-  agent_turn_delta: theme17.textMuted,
-  agent_turn_complete: theme17.accentActive,
-  agent_tool_start: theme17.warning,
-  agent_tool_complete: theme17.warning,
-  marathon_context_compaction_start: theme17.warning,
-  marathon_context_compaction_complete: theme17.success,
-  marathon_context_notice: theme17.warning
+  agent_start: theme14.success,
+  agent_complete: theme14.success,
+  agent_error: theme14.danger,
+  agent_await: theme14.warning,
+  agent_iteration_start: theme14.accent,
+  agent_iteration_complete: theme14.accent,
+  agent_turn_delta: theme14.textMuted,
+  agent_turn_complete: theme14.accentActive,
+  agent_tool_start: theme14.warning,
+  agent_tool_delta: theme14.warning,
+  agent_tool_complete: theme14.warning,
+  local_tool_execution_start: theme14.warning,
+  local_tool_execution_complete: theme14.warning,
+  marathon_context_compaction_start: theme14.warning,
+  marathon_context_compaction_complete: theme14.success,
+  marathon_context_notice: theme14.warning
 };
 function formatTimestamp(ts, start) {
   if (!start) return "0.000s";
   const elapsed = (ts - start) / 1e3;
   return `${elapsed.toFixed(3)}s`;
 }
+var eventDataCache = /* @__PURE__ */ new WeakMap();
+var EVENT_SUMMARY_MAX_CHARS = 140;
+var HEAVY_FIELDS = /* @__PURE__ */ new Set(["result", "parameters", "finalOutput"]);
 function formatEventData(data) {
-  const filtered = { ...data };
-  delete filtered.type;
+  const cached = eventDataCache.get(data);
+  if (cached !== void 0) return cached;
+  const filtered = {};
+  for (const key of Object.keys(data)) {
+    if (key === "type") continue;
+    if (HEAVY_FIELDS.has(key)) continue;
+    filtered[key] = data[key];
+  }
   const keys = Object.keys(filtered);
-  if (keys.length === 0) return "";
-  return JSON.stringify(filtered);
+  if (keys.length === 0) {
+    eventDataCache.set(data, "");
+    return "";
+  }
+  const result = JSON.stringify(filtered);
+  const summary = result.length > EVENT_SUMMARY_MAX_CHARS ? `${result.slice(0, EVENT_SUMMARY_MAX_CHARS - 1)}\u2026` : result;
+  eventDataCache.set(data, summary);
+  return summary;
 }
 function formatEventDetailCopyText(event, startTime) {
   return `${formatTimestamp(event.timestamp, startTime)} ${event.type}
@@ -9547,41 +9858,40 @@ function EventDetailView({
   scrollOffset = 0,
   width = 120
 }) {
-  const separator = theme17.separator ?? " \xB7 ";
-  const { lines, totalLines, clampedOffset } = useMemo4(() => {
-    const allLines = getEventDetailLines(event, width);
-    const total = allLines.length;
-    const clamped = Math.min(scrollOffset, Math.max(0, total - maxVisibleLines));
-    const start = clamped;
-    const end = Math.min(total, start + maxVisibleLines);
-    return { lines: allLines.slice(start, end), totalLines: total, clampedOffset: clamped };
-  }, [event, maxVisibleLines, scrollOffset, width]);
-  const color = EVENT_COLORS[event.type] || theme17.text;
-  return /* @__PURE__ */ jsxs12(
-    Box13,
+  const separator = theme14.separator ?? " \xB7 ";
+  const allLines = useMemo3(() => getEventDetailLines(event, width), [event, width]);
+  const totalLines = allLines.length;
+  const clampedOffset = Math.min(scrollOffset, Math.max(0, totalLines - maxVisibleLines));
+  const lines = useMemo3(
+    () => allLines.slice(clampedOffset, clampedOffset + maxVisibleLines),
+    [allLines, clampedOffset, maxVisibleLines]
+  );
+  const color = EVENT_COLORS[event.type] || theme14.text;
+  return /* @__PURE__ */ jsxs11(
+    Box12,
     {
       flexDirection: "column",
-      paddingX: theme17.panelPaddingX,
-      paddingY: theme17.panelPaddingY,
+      paddingX: theme14.panelPaddingX,
+      paddingY: theme14.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsxs12(Box13, { marginBottom: theme17.sectionGap, children: [
-          /* @__PURE__ */ jsxs12(Text14, { color: theme17.textMuted, children: [
+        /* @__PURE__ */ jsxs11(Box12, { marginBottom: theme14.sectionGap, children: [
+          /* @__PURE__ */ jsxs11(Text13, { color: theme14.textMuted, children: [
             formatTimestamp(event.timestamp, startTime),
             " "
           ] }),
-          /* @__PURE__ */ jsx16(Text14, { bold: true, color, children: event.type }),
-          /* @__PURE__ */ jsxs12(Text14, { color: theme17.textSubtle, children: [
+          /* @__PURE__ */ jsx13(Text13, { bold: true, color, children: event.type }),
+          /* @__PURE__ */ jsxs11(Text13, { color: theme14.textSubtle, children: [
             separator,
             "c: copy"
           ] }),
-          /* @__PURE__ */ jsxs12(Text14, { color: theme17.textSubtle, children: [
+          /* @__PURE__ */ jsxs11(Text13, { color: theme14.textSubtle, children: [
             separator,
             "Esc: close"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", flexGrow: 1, children: [
-          /* @__PURE__ */ jsx16(Box13, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx16(Text14, { color: theme17.text, wrap: "truncate", children: line }, i)) }),
-          /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", flexGrow: 1, children: [
+          /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx13(Text13, { color: theme14.text, wrap: "truncate", children: line }, i)) }),
+          /* @__PURE__ */ jsx13(
             Scrollbar,
             {
               totalLines,
@@ -9595,7 +9905,7 @@ function EventDetailView({
     }
   );
 }
-function EventStreamPanel({
+var EventStreamPanel = memo2(function EventStreamPanel2({
   events,
   startTime,
   maxVisibleLines = 50,
@@ -9606,8 +9916,8 @@ function EventStreamPanel({
   activeFilterCount = 0,
   totalTypeCount = 0
 }) {
-  const separator = theme17.separator ?? " \xB7 ";
-  const { rows, hiddenAbove } = useMemo4(() => {
+  const separator = theme14.separator ?? " \xB7 ";
+  const { rows, hiddenAbove } = useMemo3(() => {
     if (events.length === 0) return { rows: [], hiddenAbove: 0 };
     const total = events.length;
     const half = Math.floor(maxVisibleLines / 2);
@@ -9628,14 +9938,14 @@ function EventStreamPanel({
         key: `${start + i}`,
         time: formatTimestamp(evt.timestamp, startTime),
         type: evt.type,
-        color: EVENT_COLORS[evt.type] || theme17.text,
-        data: formatEventData(evt.data)
+        color: EVENT_COLORS[evt.type] || theme14.text,
+        data: formatEventData(evt.listData ?? evt.data)
       })),
       hiddenAbove: start
     };
   }, [events, startTime, maxVisibleLines, selectedIndex]);
   if (detailEvent) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx13(
       EventDetailView,
       {
         event: detailEvent,
@@ -9647,46 +9957,46 @@ function EventStreamPanel({
     );
   }
   if (events.length === 0) {
-    return /* @__PURE__ */ jsx16(
-      Box13,
+    return /* @__PURE__ */ jsx13(
+      Box12,
       {
         flexDirection: "column",
-        paddingX: theme17.panelPaddingX,
-        paddingY: theme17.panelPaddingY,
-        children: /* @__PURE__ */ jsx16(Text14, { color: theme17.textSubtle, children: "Waiting for events..." })
+        paddingX: theme14.panelPaddingX,
+        paddingY: theme14.panelPaddingY,
+        children: /* @__PURE__ */ jsx13(Text13, { color: theme14.textSubtle, children: "Waiting for events..." })
       }
     );
   }
-  return /* @__PURE__ */ jsxs12(
-    Box13,
+  return /* @__PURE__ */ jsxs11(
+    Box12,
     {
       flexDirection: "column",
-      paddingX: theme17.panelPaddingX,
-      paddingY: theme17.panelPaddingY,
+      paddingX: theme14.panelPaddingX,
+      paddingY: theme14.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsxs12(Box13, { marginBottom: 0, children: [
-          /* @__PURE__ */ jsx16(Text14, { bold: true, color: theme17.accent, children: "Event Stream" }),
-          /* @__PURE__ */ jsxs12(Text14, { color: theme17.textSubtle, children: [
+        /* @__PURE__ */ jsxs11(Box12, { marginBottom: 0, children: [
+          /* @__PURE__ */ jsx13(Text13, { bold: true, color: theme14.accent, children: "Event Stream" }),
+          /* @__PURE__ */ jsxs11(Text13, { color: theme14.textSubtle, children: [
             separator,
             events.length,
             " events",
             activeFilterCount > 0 && ` (${activeFilterCount}/${totalTypeCount} types)`
           ] }),
-          /* @__PURE__ */ jsx16(Text14, { color: theme17.textSubtle, children: separator }),
-          /* @__PURE__ */ jsx16(Text14, { color: theme17.info, children: "f" }),
-          /* @__PURE__ */ jsx16(Text14, { color: theme17.textSubtle, children: ": filter" })
+          /* @__PURE__ */ jsx13(Text13, { color: theme14.textSubtle, children: separator }),
+          /* @__PURE__ */ jsx13(Text13, { color: theme14.info, children: "f" }),
+          /* @__PURE__ */ jsx13(Text13, { color: theme14.textSubtle, children: ": filter" })
         ] }),
-        /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", children: [
-          /* @__PURE__ */ jsx16(Box13, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
+        /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx13(Box12, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
             const isSelected = row.globalIndex === selectedIndex;
-            return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", flexWrap: "nowrap", children: [
-              /* @__PURE__ */ jsx16(Box13, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text14, { color: isSelected ? theme17.accentActive : theme17.textSubtle, children: isSelected ? "\u203A" : " " }) }),
-              /* @__PURE__ */ jsx16(Box13, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text14, { color: theme17.textMuted, children: row.time }) }),
-              /* @__PURE__ */ jsx16(Box13, { width: 28, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text14, { color: isSelected ? theme17.accentActive : row.color, bold: isSelected, children: row.type }) }),
-              /* @__PURE__ */ jsx16(Box13, { flexShrink: 1, children: /* @__PURE__ */ jsx16(Text14, { color: theme17.textMuted, wrap: "truncate", children: row.data }) })
+            return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", flexWrap: "nowrap", children: [
+              /* @__PURE__ */ jsx13(Box12, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text13, { color: isSelected ? theme14.accentActive : theme14.textSubtle, children: isSelected ? "\u203A" : " " }) }),
+              /* @__PURE__ */ jsx13(Box12, { width: 9, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text13, { color: theme14.textMuted, children: row.time }) }),
+              /* @__PURE__ */ jsx13(Box12, { width: 32, flexShrink: 0, children: /* @__PURE__ */ jsx13(Text13, { color: isSelected ? theme14.accentActive : row.color, bold: isSelected, children: row.type }) }),
+              /* @__PURE__ */ jsx13(Box12, { flexShrink: 1, children: /* @__PURE__ */ jsx13(Text13, { color: theme14.textMuted, wrap: "truncate", children: row.data }) })
             ] }, row.key);
           }) }),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx13(
             Scrollbar,
             {
               totalLines: events.length,
@@ -9699,18 +10009,20 @@ function EventStreamPanel({
       ]
     }
   );
-}
+}, (prev, next) => {
+  return prev.events.length === next.events.length && prev.selectedIndex === next.selectedIndex && prev.maxVisibleLines === next.maxVisibleLines && prev.startTime === next.startTime && prev.detailEvent === next.detailEvent && prev.detailScrollOffset === next.detailScrollOffset && prev.width === next.width && prev.activeFilterCount === next.activeFilterCount && prev.totalTypeCount === next.totalTypeCount;
+});
 
 // src/ink/marathon/EventTypeFilter.tsx
-import { useState as useState16, useCallback as useCallback4 } from "react";
-import { Box as Box14, Text as Text15, useInput as useInput5, useStdout } from "ink";
-import { theme as theme18 } from "@runtypelabs/ink-components";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState13, useCallback as useCallback4 } from "react";
+import { Box as Box13, Text as Text14, useInput as useInput5, useStdout } from "ink";
+import { theme as theme15 } from "@runtypelabs/ink-components";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var MAX_VISIBLE = 14;
 function EventTypeFilter({ eventTypes, selectedTypes, onApply, onCancel }) {
   const { stdout } = useStdout();
-  const [localSelected, setLocalSelected] = useState16(() => new Set(selectedTypes));
-  const [selectedIndex, setSelectedIndex] = useState16(0);
+  const [localSelected, setLocalSelected] = useState13(() => new Set(selectedTypes));
+  const [selectedIndex, setSelectedIndex] = useState13(0);
   const contentWidth = (stdout?.columns ?? 120) - 4;
   const pad = useCallback4(
     (text) => text.length < contentWidth ? text + " ".repeat(contentWidth - text.length) : text,
@@ -9769,60 +10081,60 @@ function EventTypeFilter({ eventTypes, selectedTypes, onApply, onCancel }) {
       return;
     }
   });
-  const separator = theme18.separator ?? " \xB7 ";
-  return /* @__PURE__ */ jsxs13(
-    Box14,
+  const separator = theme15.separator ?? " \xB7 ";
+  return /* @__PURE__ */ jsxs12(
+    Box13,
     {
       borderStyle: "single",
-      borderColor: theme18.border,
-      backgroundColor: theme18.surfaceElevated,
-      paddingX: theme18.panelPaddingX,
-      paddingY: theme18.panelPaddingY,
+      borderColor: theme15.border,
+      backgroundColor: theme15.surfaceElevated,
+      paddingX: theme15.panelPaddingX,
+      paddingY: theme15.panelPaddingY,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs13(Box14, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx17(Text15, { color: theme18.accent, bold: true, children: "Filter Event Types" }),
-          /* @__PURE__ */ jsxs13(Text15, { color: theme18.textSubtle, children: [
+        /* @__PURE__ */ jsxs12(Box13, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx14(Text14, { color: theme15.accent, bold: true, children: "Filter Event Types" }),
+          /* @__PURE__ */ jsxs12(Text14, { color: theme15.textSubtle, children: [
             "  ",
             localSelected.size === 0 ? "all" : `${localSelected.size}/${eventTypes.length}`
           ] })
         ] }),
-        /* @__PURE__ */ jsx17(Box14, { height: 1, children: /* @__PURE__ */ jsx17(Text15, { color: theme18.textSubtle, children: pad(showScrollUp ? "  ..." : "") }) }),
-        /* @__PURE__ */ jsx17(Box14, { flexDirection: "column", height: MAX_VISIBLE, children: eventTypes.length === 0 ? /* @__PURE__ */ jsx17(Text15, { color: theme18.textSubtle, children: pad("  No event types") }) : visibleTypes.map((type, i) => {
+        /* @__PURE__ */ jsx14(Box13, { height: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme15.textSubtle, children: pad(showScrollUp ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx14(Box13, { flexDirection: "column", height: MAX_VISIBLE, children: eventTypes.length === 0 ? /* @__PURE__ */ jsx14(Text14, { color: theme15.textSubtle, children: pad("  No event types") }) : visibleTypes.map((type, i) => {
           const globalIndex = windowStart + i;
           const isHighlighted = globalIndex === selectedIndex;
           const isChecked = localSelected.has(type);
-          const color = EVENT_COLORS[type] || theme18.text;
+          const color = EVENT_COLORS[type] || theme15.text;
           const checkbox = isChecked ? "[\u2713]" : "[ ]";
           const indicator = isHighlighted ? "\u203A " : "  ";
-          return /* @__PURE__ */ jsxs13(Box14, { children: [
-            /* @__PURE__ */ jsx17(
-              Text15,
+          return /* @__PURE__ */ jsxs12(Box13, { children: [
+            /* @__PURE__ */ jsx14(
+              Text14,
               {
-                color: isHighlighted ? theme18.accentActive : theme18.textMuted,
+                color: isHighlighted ? theme15.accentActive : theme15.textMuted,
                 bold: isHighlighted,
                 children: indicator
               }
             ),
-            /* @__PURE__ */ jsxs13(Text15, { color: isHighlighted ? theme18.accentActive : theme18.textSubtle, children: [
+            /* @__PURE__ */ jsxs12(Text14, { color: isHighlighted ? theme15.accentActive : theme15.textSubtle, children: [
               checkbox,
               " "
             ] }),
-            /* @__PURE__ */ jsx17(Text15, { color: isHighlighted ? theme18.accentActive : color, children: pad(type) })
+            /* @__PURE__ */ jsx14(Text14, { color: isHighlighted ? theme15.accentActive : color, children: pad(type) })
           ] }, type);
         }) }),
-        /* @__PURE__ */ jsx17(Box14, { height: 1, children: /* @__PURE__ */ jsx17(Text15, { color: theme18.textSubtle, children: pad(showScrollDown ? "  ..." : "") }) }),
-        /* @__PURE__ */ jsx17(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx17(Text15, { color: theme18.textSubtle, children: ["Space toggle", "a: all/none", "Enter apply", "Esc cancel"].join(separator) }) })
+        /* @__PURE__ */ jsx14(Box13, { height: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme15.textSubtle, children: pad(showScrollDown ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme15.textSubtle, children: ["Space toggle", "a: all/none", "Enter apply", "Esc cancel"].join(separator) }) })
       ]
     }
   );
 }
 
 // src/ink/marathon/ReasoningPanel.tsx
-import { useMemo as useMemo5 } from "react";
-import { Box as Box15, Text as Text16 } from "ink";
-import { theme as theme19 } from "@runtypelabs/ink-components";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useMemo as useMemo4 } from "react";
+import { Box as Box14, Text as Text15 } from "ink";
+import { theme as theme16 } from "@runtypelabs/ink-components";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function wrapLines3(lines, width) {
   if (width <= 0) return lines;
   const result = [];
@@ -9837,7 +10149,7 @@ function wrapLines3(lines, width) {
   }
   return result;
 }
-function formatCharCount2(chars) {
+function formatCharCount(chars) {
   if (chars >= 1e3) {
     return `${(chars / 1e3).toFixed(1)}k`;
   }
@@ -9854,50 +10166,51 @@ function ReasoningPanel({
   scrollOffset = 0,
   width = 120
 }) {
-  const separator = theme19.separator ?? " \xB7 ";
-  const { lines, totalLines, clampedOffset } = useMemo5(() => {
-    const trimmed = reasoning.trimEnd();
-    if (!trimmed) return { lines: [], totalLines: 0, clampedOffset: 0 };
-    const allLines = getReasoningLines(trimmed, width);
-    const total = allLines.length;
-    const clamped = Math.min(scrollOffset, Math.max(0, total - maxVisibleLines));
-    const start = clamped;
-    const end = Math.min(total, start + maxVisibleLines);
-    return { lines: allLines.slice(start, end), totalLines: total, clampedOffset: clamped };
-  }, [reasoning, maxVisibleLines, scrollOffset, width]);
-  if (!reasoning.trim()) {
-    return /* @__PURE__ */ jsx18(
-      Box15,
+  const separator = theme16.separator ?? " \xB7 ";
+  const trimmedReasoning = useMemo4(() => reasoning.trimEnd(), [reasoning]);
+  const allLines = useMemo4(
+    () => trimmedReasoning ? getReasoningLines(trimmedReasoning, width) : [],
+    [trimmedReasoning, width]
+  );
+  const totalLines = allLines.length;
+  const clampedOffset = Math.min(scrollOffset, Math.max(0, totalLines - maxVisibleLines));
+  const lines = useMemo4(
+    () => allLines.slice(clampedOffset, clampedOffset + maxVisibleLines),
+    [allLines, clampedOffset, maxVisibleLines]
+  );
+  if (!trimmedReasoning) {
+    return /* @__PURE__ */ jsx15(
+      Box14,
       {
         flexDirection: "column",
-        paddingX: theme19.panelPaddingX,
-        paddingY: theme19.panelPaddingY,
-        children: /* @__PURE__ */ jsx18(Text16, { color: theme19.textSubtle, children: "No reasoning yet..." })
+        paddingX: theme16.panelPaddingX,
+        paddingY: theme16.panelPaddingY,
+        children: /* @__PURE__ */ jsx15(Text15, { color: theme16.textSubtle, children: "No reasoning yet..." })
       }
     );
   }
-  return /* @__PURE__ */ jsxs14(
-    Box15,
+  return /* @__PURE__ */ jsxs13(
+    Box14,
     {
       flexDirection: "column",
-      paddingX: theme19.panelPaddingX,
-      paddingY: theme19.panelPaddingY,
+      paddingX: theme16.panelPaddingX,
+      paddingY: theme16.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsxs14(Box15, { marginBottom: 0, children: [
-          /* @__PURE__ */ jsx18(Text16, { bold: true, color: theme19.accent, children: "Reasoning" }),
-          /* @__PURE__ */ jsxs14(Text16, { color: theme19.textSubtle, children: [
+        /* @__PURE__ */ jsxs13(Box14, { marginBottom: 0, children: [
+          /* @__PURE__ */ jsx15(Text15, { bold: true, color: theme16.accent, children: "Reasoning" }),
+          /* @__PURE__ */ jsxs13(Text15, { color: theme16.textSubtle, children: [
             separator,
-            formatCharCount2(reasoning.length),
+            formatCharCount(reasoning.length),
             " chars"
           ] }),
-          /* @__PURE__ */ jsxs14(Text16, { color: theme19.textSubtle, children: [
+          /* @__PURE__ */ jsxs13(Text15, { color: theme16.textSubtle, children: [
             separator,
             "c: copy"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", flexGrow: 1, children: [
-          /* @__PURE__ */ jsx18(Box15, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx18(Text16, { color: theme19.textMuted, wrap: "truncate", children: line || " " }, i)) }),
-          /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs13(Box14, { flexDirection: "row", flexGrow: 1, children: [
+          /* @__PURE__ */ jsx15(Box14, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx15(Text15, { color: theme16.textMuted, wrap: "truncate", children: line || " " }, i)) }),
+          /* @__PURE__ */ jsx15(
             Scrollbar,
             {
               totalLines,
@@ -9913,14 +10226,14 @@ function ReasoningPanel({
 }
 
 // src/ink/marathon/FilesPanel.tsx
-import { useMemo as useMemo6 } from "react";
-import { Box as Box16, Text as Text17 } from "ink";
-import { theme as theme20, renderMarkdownToTerminal } from "@runtypelabs/ink-components";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useMemo as useMemo5 } from "react";
+import { Box as Box15, Text as Text16 } from "ink";
+import { theme as theme17, renderMarkdownToTerminal } from "@runtypelabs/ink-components";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var TYPE_COLORS = {
-  plan: theme20.accent,
-  written: theme20.success,
-  read: theme20.textMuted
+  plan: theme17.accent,
+  written: theme17.success,
+  read: theme17.textMuted
 };
 var TYPE_LABELS = {
   plan: "plan",
@@ -9937,6 +10250,7 @@ function shortenPath(filePath, maxWidth) {
   return ".../" + segments[segments.length - 1];
 }
 var ANSI_RE = /\x1B\[[0-9;]*m/g;
+var ANSI_TEST_RE = /\x1B\[[0-9;]*m/;
 function visibleLength(str) {
   return str.replace(ANSI_RE, "").length;
 }
@@ -9947,7 +10261,7 @@ function wrapLines4(lines, width) {
     if (visibleLength(line) <= width) {
       result.push(line);
     } else {
-      if (!ANSI_RE.test(line)) {
+      if (!ANSI_TEST_RE.test(line)) {
         for (let i = 0; i < line.length; i += width) {
           result.push(line.slice(i, i + width));
         }
@@ -9998,55 +10312,59 @@ function FileContentView({
   scrollOffset = 0,
   width = 120
 }) {
-  const separator = theme20.separator ?? " \xB7 ";
+  const separator = theme17.separator ?? " \xB7 ";
   const contentWidth = Math.max(20, width - 4);
   const isMd = isMarkdownFile(file.path);
-  const { lines, displayTotalLines, clampedOffset } = useMemo6(() => {
-    const displayContent = isMd ? renderMarkdownToTerminal(content) : content;
-    const rawLines = displayContent.split("\n");
-    const allLines = wrapLines4(rawLines, contentWidth);
-    const total = allLines.length;
-    const clamped = Math.min(scrollOffset, Math.max(0, total - maxVisibleLines));
-    const start = clamped;
-    const end = Math.min(total, start + maxVisibleLines);
-    return { lines: allLines.slice(start, end), displayTotalLines: total, clampedOffset: clamped };
-  }, [content, isMd, maxVisibleLines, scrollOffset, contentWidth]);
+  const displayContent = useMemo5(
+    () => isMd ? renderMarkdownToTerminal(content) : content,
+    [content, isMd]
+  );
+  const allLines = useMemo5(
+    () => wrapLines4(displayContent.split("\n"), contentWidth),
+    [displayContent, contentWidth]
+  );
+  const displayTotalLines = allLines.length;
+  const clampedOffset = Math.min(scrollOffset, Math.max(0, displayTotalLines - maxVisibleLines));
+  const lines = useMemo5(
+    () => allLines.slice(clampedOffset, clampedOffset + maxVisibleLines),
+    [allLines, clampedOffset, maxVisibleLines]
+  );
   const filename = file.path.split("/").pop() || file.path;
-  return /* @__PURE__ */ jsxs15(
-    Box16,
+  return /* @__PURE__ */ jsxs14(
+    Box15,
     {
       flexDirection: "column",
-      paddingX: theme20.panelPaddingX,
-      paddingY: theme20.panelPaddingY,
+      paddingX: theme17.panelPaddingX,
+      paddingY: theme17.panelPaddingY,
       flexGrow: 1,
       children: [
-        /* @__PURE__ */ jsxs15(Box16, { marginBottom: theme20.sectionGap, children: [
-          /* @__PURE__ */ jsx19(Text17, { bold: true, color: theme20.accent, children: filename }),
-          /* @__PURE__ */ jsxs15(Text17, { color: theme20.textSubtle, children: [
+        /* @__PURE__ */ jsxs14(Box15, { marginBottom: theme17.sectionGap, children: [
+          /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme17.accent, children: filename }),
+          /* @__PURE__ */ jsxs14(Text16, { color: theme17.textSubtle, children: [
             separator,
             totalLines,
             " lines"
           ] }),
-          truncated && /* @__PURE__ */ jsxs15(Text17, { color: theme20.warning, children: [
+          truncated && /* @__PURE__ */ jsxs14(Text16, { color: theme17.warning, children: [
             separator,
             "truncated"
           ] }),
-          source === "tool" && /* @__PURE__ */ jsxs15(Text17, { color: theme20.textSubtle, children: [
+          source === "tool" && /* @__PURE__ */ jsxs14(Text16, { color: theme17.textSubtle, children: [
             separator,
             "from tool call"
           ] }),
-          /* @__PURE__ */ jsxs15(Text17, { color: theme20.textSubtle, children: [
+          /* @__PURE__ */ jsxs14(Text16, { color: theme17.textSubtle, children: [
             separator,
             "c: copy"
           ] }),
-          /* @__PURE__ */ jsxs15(Text17, { color: theme20.textSubtle, children: [
+          /* @__PURE__ */ jsxs14(Text16, { color: theme17.textSubtle, children: [
             separator,
             "Esc: back"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", flexGrow: 1, children: [
-          /* @__PURE__ */ jsx19(Box16, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx19(Text17, { color: theme20.text, wrap: "truncate", children: line || " " }, i)) }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", flexGrow: 1, children: [
+          /* @__PURE__ */ jsx16(Box15, { flexDirection: "column", flexGrow: 1, children: lines.map((line, i) => /* @__PURE__ */ jsx16(Text16, { color: theme17.text, wrap: "truncate", children: line || " " }, i)) }),
+          /* @__PURE__ */ jsx16(
             Scrollbar,
             {
               totalLines: displayTotalLines,
@@ -10072,9 +10390,9 @@ function FilesPanel({
   detailScrollOffset = 0,
   width = 120
 }) {
-  const separator = theme20.separator ?? " \xB7 ";
+  const separator = theme17.separator ?? " \xB7 ";
   if (detailFile && detailContent !== null) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx16(
       FileContentView,
       {
         file: detailFile,
@@ -10089,7 +10407,7 @@ function FilesPanel({
     );
   }
   const pathMaxWidth = Math.max(20, width - 14);
-  const { rows, hiddenAbove } = useMemo6(() => {
+  const { rows, hiddenAbove } = useMemo5(() => {
     if (files.length === 0) return { rows: [], hiddenAbove: 0 };
     const total = files.length;
     const half = Math.floor(maxVisibleLines / 2);
@@ -10114,47 +10432,47 @@ function FilesPanel({
     };
   }, [files, maxVisibleLines, selectedIndex]);
   if (files.length === 0) {
-    return /* @__PURE__ */ jsx19(
-      Box16,
+    return /* @__PURE__ */ jsx16(
+      Box15,
       {
         flexDirection: "column",
-        paddingX: theme20.panelPaddingX,
-        paddingY: theme20.panelPaddingY,
-        children: /* @__PURE__ */ jsx19(Text17, { color: theme20.textSubtle, children: "No files tracked yet..." })
+        paddingX: theme17.panelPaddingX,
+        paddingY: theme17.panelPaddingY,
+        children: /* @__PURE__ */ jsx16(Text16, { color: theme17.textSubtle, children: "No files tracked yet..." })
       }
     );
   }
-  return /* @__PURE__ */ jsxs15(
-    Box16,
+  return /* @__PURE__ */ jsxs14(
+    Box15,
     {
       flexDirection: "column",
-      paddingX: theme20.panelPaddingX,
-      paddingY: theme20.panelPaddingY,
+      paddingX: theme17.panelPaddingX,
+      paddingY: theme17.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsxs15(Box16, { marginBottom: 0, children: [
-          /* @__PURE__ */ jsx19(Text17, { bold: true, color: theme20.accent, children: "Files" }),
-          /* @__PURE__ */ jsxs15(Text17, { color: theme20.textSubtle, children: [
+        /* @__PURE__ */ jsxs14(Box15, { marginBottom: 0, children: [
+          /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme17.accent, children: "Files" }),
+          /* @__PURE__ */ jsxs14(Text16, { color: theme17.textSubtle, children: [
             separator,
             files.length,
             " files"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", children: [
-          /* @__PURE__ */ jsx19(Box16, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
+        /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx16(Box15, { flexDirection: "column", flexGrow: 1, children: rows.map((row) => {
             const isSelected = row.globalIndex === selectedIndex;
-            const typeColor = TYPE_COLORS[row.file.type] || theme20.text;
+            const typeColor = TYPE_COLORS[row.file.type] || theme17.text;
             const typeLabel = TYPE_LABELS[row.file.type] || row.file.type;
-            return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", flexWrap: "nowrap", children: [
-              /* @__PURE__ */ jsx19(Box16, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx19(Text17, { color: isSelected ? theme20.accentActive : theme20.textSubtle, children: isSelected ? "\u203A" : " " }) }),
-              /* @__PURE__ */ jsx19(Box16, { width: 8, flexShrink: 0, children: /* @__PURE__ */ jsxs15(Text17, { color: typeColor, children: [
+            return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", flexWrap: "nowrap", children: [
+              /* @__PURE__ */ jsx16(Box15, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx16(Text16, { color: isSelected ? theme17.accentActive : theme17.textSubtle, children: isSelected ? "\u203A" : " " }) }),
+              /* @__PURE__ */ jsx16(Box15, { width: 8, flexShrink: 0, children: /* @__PURE__ */ jsxs14(Text16, { color: typeColor, children: [
                 "[",
                 typeLabel,
                 "]"
               ] }) }),
-              /* @__PURE__ */ jsx19(Box16, { flexShrink: 1, children: /* @__PURE__ */ jsx19(
-                Text17,
+              /* @__PURE__ */ jsx16(Box15, { flexShrink: 1, children: /* @__PURE__ */ jsx16(
+                Text16,
                 {
-                  color: isSelected ? theme20.accentActive : theme20.text,
+                  color: isSelected ? theme17.accentActive : theme17.text,
                   bold: isSelected,
                   wrap: "truncate",
                   children: shortenPath(row.file.path, pathMaxWidth)
@@ -10162,7 +10480,7 @@ function FilesPanel({
               ) })
             ] }, row.key);
           }) }),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx16(
             Scrollbar,
             {
               totalLines: files.length,
@@ -10178,10 +10496,10 @@ function FilesPanel({
 }
 
 // src/ink/marathon/HelpPanel.tsx
-import { useMemo as useMemo7 } from "react";
-import { Box as Box17, Text as Text18 } from "ink";
-import { theme as theme21 } from "@runtypelabs/ink-components";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useMemo as useMemo6 } from "react";
+import { Box as Box16, Text as Text17 } from "ink";
+import { theme as theme18 } from "@runtypelabs/ink-components";
+import { Fragment, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var NAVIGATION_SHORTCUTS = [
   { key: "Tab", desc: "Next screen" },
   { key: "Esc", desc: "Back / close detail / close help" },
@@ -10252,37 +10570,37 @@ function HelpPanel({ width, height, isCheckpoint, scrollOffset }) {
   const dialogWidth = Math.min(width - 4, 60);
   const contentHeight = Math.min(height - 2, isCheckpoint ? 38 : 28) - 8;
   const visibleRows = Math.max(1, contentHeight);
-  const allLines = useMemo7(() => buildLines(isCheckpoint), [isCheckpoint]);
+  const allLines = useMemo6(() => buildLines(isCheckpoint), [isCheckpoint]);
   const maxScroll = Math.max(0, allLines.length - visibleRows);
   const clampedOffset = Math.min(scrollOffset, maxScroll);
   const visibleLines = allLines.slice(clampedOffset, clampedOffset + visibleRows);
-  return /* @__PURE__ */ jsxs16(
-    Box17,
+  return /* @__PURE__ */ jsxs15(
+    Box16,
     {
       width: dialogWidth,
       height: Math.min(height - 2, isCheckpoint ? 38 : 28),
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: theme21.accent,
-      backgroundColor: theme21.surfaceElevated,
+      borderColor: theme18.accent,
+      backgroundColor: theme18.surfaceElevated,
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsx20(Text18, { bold: true, color: theme21.accent, children: "Keyboard Shortcuts" }),
-        /* @__PURE__ */ jsxs16(Box17, { flexDirection: "row", flexGrow: 1, marginTop: 1, children: [
-          /* @__PURE__ */ jsx20(Box17, { flexDirection: "column", flexGrow: 1, children: visibleLines.map((line, idx) => {
+        /* @__PURE__ */ jsx17(Text17, { bold: true, color: theme18.accent, children: "Keyboard Shortcuts" }),
+        /* @__PURE__ */ jsxs15(Box16, { flexDirection: "row", flexGrow: 1, marginTop: 1, children: [
+          /* @__PURE__ */ jsx17(Box16, { flexDirection: "column", flexGrow: 1, children: visibleLines.map((line, idx) => {
             if (line.type === "header") {
-              return /* @__PURE__ */ jsx20(Text18, { bold: true, color: theme21.accentActive, children: line.title }, idx);
+              return /* @__PURE__ */ jsx17(Text17, { bold: true, color: theme18.accentActive, children: line.title }, idx);
             }
             if (line.type === "item") {
-              return /* @__PURE__ */ jsxs16(Text18, { children: [
-                /* @__PURE__ */ jsx20(Text18, { color: theme21.textSubtle, children: `  ${line.key.padEnd(16)}` }),
-                /* @__PURE__ */ jsx20(Text18, { color: theme21.textMuted, children: line.desc })
+              return /* @__PURE__ */ jsxs15(Text17, { children: [
+                /* @__PURE__ */ jsx17(Text17, { color: theme18.textSubtle, children: `  ${line.key.padEnd(16)}` }),
+                /* @__PURE__ */ jsx17(Text17, { color: theme18.textMuted, children: line.desc })
               ] }, idx);
             }
-            return /* @__PURE__ */ jsx20(Text18, { children: " " }, idx);
+            return /* @__PURE__ */ jsx17(Text17, { children: " " }, idx);
           }) }),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx17(
             Scrollbar,
             {
               totalLines: allLines.length,
@@ -10292,15 +10610,15 @@ function HelpPanel({ width, height, isCheckpoint, scrollOffset }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16(Box17, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx20(Text18, { color: theme21.info, children: "Esc" }),
-          /* @__PURE__ */ jsx20(Text18, { color: theme21.muted, children: " or " }),
-          /* @__PURE__ */ jsx20(Text18, { color: theme21.info, children: "?" }),
-          /* @__PURE__ */ jsx20(Text18, { color: theme21.muted, children: " to close" }),
-          isCheckpoint && /* @__PURE__ */ jsxs16(Fragment2, { children: [
-            /* @__PURE__ */ jsx20(Text18, { color: theme21.muted, children: " (use " }),
-            /* @__PURE__ */ jsx20(Text18, { color: theme21.info, children: "/help" }),
-            /* @__PURE__ */ jsx20(Text18, { color: theme21.muted, children: " during checkpoint)" })
+        /* @__PURE__ */ jsxs15(Box16, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx17(Text17, { color: theme18.info, children: "Esc" }),
+          /* @__PURE__ */ jsx17(Text17, { color: theme18.muted, children: " or " }),
+          /* @__PURE__ */ jsx17(Text17, { color: theme18.info, children: "?" }),
+          /* @__PURE__ */ jsx17(Text17, { color: theme18.muted, children: " to close" }),
+          isCheckpoint && /* @__PURE__ */ jsxs15(Fragment, { children: [
+            /* @__PURE__ */ jsx17(Text17, { color: theme18.muted, children: " (use " }),
+            /* @__PURE__ */ jsx17(Text17, { color: theme18.info, children: "/help" }),
+            /* @__PURE__ */ jsx17(Text17, { color: theme18.muted, children: " during checkpoint)" })
           ] })
         ] })
       ]
@@ -10736,20 +11054,37 @@ function createEventLogWriter(stateFilePath2, initialSessionIndex) {
   let sessionIndex = initialSessionIndex;
   let currentPath = path3.join(eventsDir, sessionFileName(sessionIndex));
   let dirCreated = false;
+  let stream = null;
   function ensureDir() {
     if (!dirCreated) {
       fs3.mkdirSync(eventsDir, { recursive: true });
       dirCreated = true;
     }
   }
+  function ensureStream() {
+    if (!stream || stream.destroyed) {
+      ensureDir();
+      stream = fs3.createWriteStream(currentPath, { flags: "a" });
+      stream.on("error", () => {
+      });
+    }
+  }
   return {
     append(event) {
-      ensureDir();
-      fs3.appendFileSync(currentPath, JSON.stringify(event) + "\n");
+      ensureStream();
+      stream.write(JSON.stringify(event) + "\n");
     },
     flush() {
+      if (stream && !stream.destroyed) {
+        stream.end();
+        stream = null;
+      }
     },
     setSessionIndex(nextIndex) {
+      if (stream && !stream.destroyed) {
+        stream.end();
+        stream = null;
+      }
       sessionIndex = nextIndex;
       currentPath = path3.join(eventsDir, sessionFileName(sessionIndex));
     }
@@ -10774,14 +11109,14 @@ function readSessionEventLog(stateFilePath2, sessionIndex) {
 }
 
 // src/ink/marathon/CheckpointPrompt.tsx
-import { useState as useState21, useEffect as useEffect19, useRef as useRef7 } from "react";
-import { Box as Box22, Text as Text24 } from "ink";
+import { useState as useState18, useEffect as useEffect16, useRef as useRef7 } from "react";
+import { Box as Box21, Text as Text23 } from "ink";
 
 // src/ink/marathon/BlinkingTextInput.tsx
-import { useState as useState17, useEffect as useEffect16, useRef as useRef5 } from "react";
-import { Text as Text19, useInput as useInput6 } from "ink";
+import { useState as useState14, useEffect as useEffect13, useRef as useRef5 } from "react";
+import { Text as Text18, useInput as useInput6 } from "ink";
 import chalk12 from "chalk";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var CURSOR_BLINK_MS = 800;
 function BlinkingTextInput({
   value: originalValue,
@@ -10794,14 +11129,14 @@ function BlinkingTextInput({
   onChange,
   onSubmit
 }) {
-  const [state, setState] = useState17({
+  const [state, setState] = useState14({
     cursorOffset: (originalValue || "").length,
     cursorWidth: 0
   });
-  const [blinkVisible, setBlinkVisible] = useState17(true);
+  const [blinkVisible, setBlinkVisible] = useState14(true);
   const blinkRef = useRef5(null);
   const { cursorOffset, cursorWidth } = state;
-  useEffect16(() => {
+  useEffect13(() => {
     if (!focus || !showCursor || !blinkCursor) {
       setBlinkVisible(true);
       return;
@@ -10816,10 +11151,10 @@ function BlinkingTextInput({
       }
     };
   }, [focus, showCursor, blinkCursor]);
-  useEffect16(() => {
+  useEffect13(() => {
     setBlinkVisible(true);
   }, [originalValue, cursorOffset]);
-  useEffect16(() => {
+  useEffect13(() => {
     setState((previousState) => {
       if (!focus || !showCursor) {
         return previousState;
@@ -10905,19 +11240,19 @@ function BlinkingTextInput({
     },
     { isActive: focus }
   );
-  return /* @__PURE__ */ jsx21(Text19, { children: placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue });
+  return /* @__PURE__ */ jsx18(Text18, { children: placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue });
 }
 
 // src/ink/marathon/CheckpointPrompt.tsx
-import { theme as theme26 } from "@runtypelabs/ink-components";
+import { theme as theme23 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/ModelPicker.tsx
-import { useState as useState18, useMemo as useMemo8, useCallback as useCallback5, useEffect as useEffect17 } from "react";
-import { Box as Box18, Text as Text20, useInput as useInput7, useStdout as useStdout2 } from "ink";
+import { useState as useState15, useMemo as useMemo7, useCallback as useCallback5, useEffect as useEffect14 } from "react";
+import { Box as Box17, Text as Text19, useInput as useInput7, useStdout as useStdout2 } from "ink";
 import TextInput2 from "ink-text-input";
 import open3 from "open";
-import { theme as theme22 } from "@runtypelabs/ink-components";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { theme as theme19 } from "@runtypelabs/ink-components";
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var DEFAULT_MODELS = [
   // Anthropic
   { label: "Claude Opus 4.6", value: "claude-opus-4-6", group: "Anthropic" },
@@ -10951,21 +11286,21 @@ var DEFAULT_MODELS = [
 var MAX_VISIBLE2 = 12;
 function ModelPicker({ currentModel, onSelect, onCancel, models }) {
   const { stdout } = useStdout2();
-  const [search, setSearch] = useState18("");
+  const [search, setSearch] = useState15("");
   const availableModels = models && models.length > 0 ? models : DEFAULT_MODELS;
   const contentWidth = (stdout?.columns ?? 120) - 4;
   const pad = useCallback5(
     (text) => text.length < contentWidth ? text + " ".repeat(contentWidth - text.length) : text,
     [contentWidth]
   );
-  const filtered = useMemo8(() => {
+  const filtered = useMemo7(() => {
     if (!search.trim()) return availableModels;
     const q = search.toLowerCase();
     return availableModels.filter(
       (m) => m.label.toLowerCase().includes(q) || m.value.toLowerCase().includes(q) || m.group.toLowerCase().includes(q)
     );
   }, [availableModels, search]);
-  const [selectedIndex, setSelectedIndex] = useState18(() => {
+  const [selectedIndex, setSelectedIndex] = useState15(() => {
     const currentIndex = availableModels.findIndex((model) => model.value === currentModel);
     return currentIndex >= 0 ? currentIndex : 0;
   });
@@ -10974,7 +11309,7 @@ function ModelPicker({ currentModel, onSelect, onCancel, models }) {
     setSearch(value);
     setSelectedIndex(0);
   };
-  useEffect17(() => {
+  useEffect14(() => {
     if (!search.trim()) {
       const currentIndex = filtered.findIndex((model) => model.value === currentModel);
       setSelectedIndex(currentIndex >= 0 ? currentIndex : 0);
@@ -11032,27 +11367,27 @@ function ModelPicker({ currentModel, onSelect, onCancel, models }) {
   }
   const showScrollUp = modelWindowStart > 0;
   const showScrollDown = modelWindowEnd < filtered.length;
-  return /* @__PURE__ */ jsxs17(
-    Box18,
+  return /* @__PURE__ */ jsxs16(
+    Box17,
     {
       borderStyle: "single",
-      borderColor: theme22.border,
-      backgroundColor: theme22.surfaceElevated,
-      paddingX: theme22.panelPaddingX,
-      paddingY: theme22.panelPaddingY,
+      borderColor: theme19.border,
+      backgroundColor: theme19.surfaceElevated,
+      paddingX: theme19.panelPaddingX,
+      paddingY: theme19.panelPaddingY,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs17(Box18, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx22(Text20, { color: theme22.accent, bold: true, children: "Select Model" }),
-          /* @__PURE__ */ jsxs17(Text20, { color: theme22.textSubtle, children: [
+        /* @__PURE__ */ jsxs16(Box17, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx19(Text19, { color: theme19.accent, bold: true, children: "Select Model" }),
+          /* @__PURE__ */ jsxs16(Text19, { color: theme19.textSubtle, children: [
             "  ",
             filtered.length,
             " models"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17(Box18, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, children: "/ " }),
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs16(Box17, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, children: "/ " }),
+          /* @__PURE__ */ jsx19(
             TextInput2,
             {
               value: search,
@@ -11061,35 +11396,35 @@ function ModelPicker({ currentModel, onSelect, onCancel, models }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22(Box18, { height: 1, children: /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, children: pad(showScrollUp ? "  ..." : "") }) }),
-        /* @__PURE__ */ jsx22(Box18, { flexDirection: "column", height: MAX_VISIBLE2, children: filtered.length === 0 ? /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, children: "  No matching models" }) : rows.map((row) => {
+        /* @__PURE__ */ jsx19(Box17, { height: 1, children: /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, children: pad(showScrollUp ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx19(Box17, { flexDirection: "column", height: MAX_VISIBLE2, children: filtered.length === 0 ? /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, children: "  No matching models" }) : rows.map((row) => {
           if (row.type === "group") {
-            return /* @__PURE__ */ jsx22(Box18, { children: /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, dimColor: true, children: pad(`  ${row.label}`) }) }, `group-${row.label}`);
+            return /* @__PURE__ */ jsx19(Box17, { children: /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, dimColor: true, children: pad(`  ${row.label}`) }) }, `group-${row.label}`);
           }
           const { model, isHighlighted, isCurrent } = row;
           const indicator = isHighlighted ? "\u203A " : "  ";
           const suffix = isCurrent ? " *" : "";
-          return /* @__PURE__ */ jsx22(Box18, { children: /* @__PURE__ */ jsx22(
-            Text20,
+          return /* @__PURE__ */ jsx19(Box17, { children: /* @__PURE__ */ jsx19(
+            Text19,
             {
-              color: isHighlighted ? theme22.accentActive : isCurrent ? theme22.accent : theme22.textMuted,
+              color: isHighlighted ? theme19.accentActive : isCurrent ? theme19.accent : theme19.textMuted,
               bold: isHighlighted,
               children: pad(`${indicator}${model.label}${suffix}`)
             }
           ) }, model.value);
         }) }),
-        /* @__PURE__ */ jsx22(Box18, { height: 1, children: /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, children: pad(showScrollDown ? "  ..." : "") }) }),
-        /* @__PURE__ */ jsx22(Box18, { marginTop: 1, children: /* @__PURE__ */ jsx22(Text20, { color: theme22.textSubtle, children: ["\u2191\u2193 navigate", "Enter select", "Tab manage models", "Esc cancel"].join(theme22.separator ?? " \xB7 ") }) })
+        /* @__PURE__ */ jsx19(Box17, { height: 1, children: /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, children: pad(showScrollDown ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx19(Box17, { marginTop: 1, children: /* @__PURE__ */ jsx19(Text19, { color: theme19.textSubtle, children: ["\u2191\u2193 navigate", "Enter select", "Tab manage models", "Esc cancel"].join(theme19.separator ?? " \xB7 ") }) })
       ]
     }
   );
 }
 
 // src/ink/marathon/CommandPicker.tsx
-import { useState as useState19, useMemo as useMemo9, useCallback as useCallback6 } from "react";
-import { Box as Box19, Text as Text21, useInput as useInput8, useStdout as useStdout3 } from "ink";
+import { useState as useState16, useMemo as useMemo8, useCallback as useCallback6 } from "react";
+import { Box as Box18, Text as Text20, useInput as useInput8, useStdout as useStdout3 } from "ink";
 import TextInput3 from "ink-text-input";
-import { theme as theme23 } from "@runtypelabs/ink-components";
+import { theme as theme20 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/types.ts
 var MARATHON_CHECKPOINT_COMMANDS = [
@@ -11115,17 +11450,17 @@ var MARATHON_CHECKPOINT_COMMANDS = [
 ];
 
 // src/ink/marathon/CommandPicker.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function CommandPicker({ onSelect, onCancel, initialFilter = "" }) {
   const { stdout } = useStdout3();
-  const [search, setSearch] = useState19(initialFilter);
-  const [selectedIndex, setSelectedIndex] = useState19(0);
+  const [search, setSearch] = useState16(initialFilter);
+  const [selectedIndex, setSelectedIndex] = useState16(0);
   const contentWidth = (stdout?.columns ?? 120) - 4;
   const pad = useCallback6(
     (text) => text.length < contentWidth ? text + " ".repeat(contentWidth - text.length) : text,
     [contentWidth]
   );
-  const filtered = useMemo9(() => {
+  const filtered = useMemo8(() => {
     if (!search.trim()) return MARATHON_CHECKPOINT_COMMANDS;
     const q = search.toLowerCase();
     return MARATHON_CHECKPOINT_COMMANDS.filter(
@@ -11157,27 +11492,27 @@ function CommandPicker({ onSelect, onCancel, initialFilter = "" }) {
       return;
     }
   });
-  return /* @__PURE__ */ jsxs18(
-    Box19,
+  return /* @__PURE__ */ jsxs17(
+    Box18,
     {
       borderStyle: "single",
-      borderColor: theme23.border,
-      backgroundColor: theme23.surfaceElevated,
-      paddingX: theme23.panelPaddingX,
-      paddingY: theme23.panelPaddingY,
+      borderColor: theme20.border,
+      backgroundColor: theme20.surfaceElevated,
+      paddingX: theme20.panelPaddingX,
+      paddingY: theme20.panelPaddingY,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxs18(Box19, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx23(Text21, { color: theme23.accent, bold: true, children: "Commands" }),
-          /* @__PURE__ */ jsxs18(Text21, { color: theme23.textSubtle, children: [
+        /* @__PURE__ */ jsxs17(Box18, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx20(Text20, { color: theme20.accent, bold: true, children: "Commands" }),
+          /* @__PURE__ */ jsxs17(Text20, { color: theme20.textSubtle, children: [
             "  ",
             filtered.length,
             " available"
           ] })
         ] }),
-        /* @__PURE__ */ jsxs18(Box19, { marginBottom: 1, children: [
-          /* @__PURE__ */ jsx23(Text21, { color: theme23.textSubtle, children: "/ " }),
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs17(Box18, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx20(Text20, { color: theme20.textSubtle, children: "/ " }),
+          /* @__PURE__ */ jsx20(
             TextInput3,
             {
               value: search,
@@ -11186,29 +11521,29 @@ function CommandPicker({ onSelect, onCancel, initialFilter = "" }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx23(Box19, { flexDirection: "column", children: filtered.length === 0 ? /* @__PURE__ */ jsx23(Text21, { color: theme23.textSubtle, children: pad("  No matching commands") }) : filtered.map((cmd, index) => {
+        /* @__PURE__ */ jsx20(Box18, { flexDirection: "column", children: filtered.length === 0 ? /* @__PURE__ */ jsx20(Text20, { color: theme20.textSubtle, children: pad("  No matching commands") }) : filtered.map((cmd, index) => {
           const isHighlighted = index === selectedIndex;
           const indicator = isHighlighted ? "\u203A " : "  ";
           const nameCol = cmd.name.padEnd(14);
-          return /* @__PURE__ */ jsx23(Box19, { children: /* @__PURE__ */ jsx23(
-            Text21,
+          return /* @__PURE__ */ jsx20(Box18, { children: /* @__PURE__ */ jsx20(
+            Text20,
             {
-              color: isHighlighted ? theme23.accentActive : theme23.textMuted,
+              color: isHighlighted ? theme20.accentActive : theme20.textMuted,
               bold: isHighlighted,
               children: pad(`${indicator}${nameCol}${cmd.description}`)
             }
           ) }, cmd.name);
         }) }),
-        /* @__PURE__ */ jsx23(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx23(Text21, { color: theme23.textSubtle, children: ["\u2191\u2193 navigate", "Enter select", "Esc cancel"].join(theme23.separator ?? " \xB7 ") }) })
+        /* @__PURE__ */ jsx20(Box18, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: theme20.textSubtle, children: ["\u2191\u2193 navigate", "Enter select", "Esc cancel"].join(theme20.separator ?? " \xB7 ") }) })
       ]
     }
   );
 }
 
 // src/ink/marathon/TextArea.tsx
-import { useState as useState20, useCallback as useCallback7, useRef as useRef6, useEffect as useEffect18, useMemo as useMemo10 } from "react";
-import { Box as Box20, Text as Text22, useInput as useInput9, useStdout as useStdout4 } from "ink";
-import { theme as theme24 } from "@runtypelabs/ink-components";
+import { useState as useState17, useCallback as useCallback7, useRef as useRef6, useEffect as useEffect15, useMemo as useMemo9 } from "react";
+import { Box as Box19, Text as Text21, useInput as useInput9, useStdout as useStdout4 } from "ink";
+import { theme as theme21 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/text-area-editing.ts
 function ensureLines(lines) {
@@ -11272,7 +11607,7 @@ function deleteToLineStart(lines, cursor) {
 }
 
 // src/ink/marathon/TextArea.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 function splitLines(text) {
   const lines = text.split("\n");
   return lines.length === 0 ? [""] : lines;
@@ -11290,20 +11625,20 @@ function TextArea({
   const { stdout } = useStdout4();
   const terminalWidth = stdout?.columns ?? 120;
   const contentWidth = Math.max(20, terminalWidth - 6);
-  const separator = theme24.separator ?? " \xB7 ";
-  const [lines, setLines] = useState20(() => splitLines(defaultValue));
-  const [cursor, setCursor] = useState20(() => {
+  const separator = theme21.separator ?? " \xB7 ";
+  const [lines, setLines] = useState17(() => splitLines(defaultValue));
+  const [cursor, setCursor] = useState17(() => {
     const l = splitLines(defaultValue);
     return { line: l.length - 1, col: l[l.length - 1].length };
   });
-  const [scrollOffset, setScrollOffset] = useState20(0);
-  const [blinkVisible, setBlinkVisible] = useState20(true);
+  const [scrollOffset, setScrollOffset] = useState17(0);
+  const [blinkVisible, setBlinkVisible] = useState17(true);
   const blinkRef = useRef6(null);
   const linesRef = useRef6(lines);
   linesRef.current = lines;
   const cursorRef = useRef6(cursor);
   cursorRef.current = cursor;
-  useEffect18(() => {
+  useEffect15(() => {
     blinkRef.current = setInterval(() => {
       setBlinkVisible((v) => !v);
     }, CURSOR_BLINK_MS);
@@ -11314,10 +11649,10 @@ function TextArea({
       }
     };
   }, []);
-  useEffect18(() => {
+  useEffect15(() => {
     setBlinkVisible(true);
   }, [lines, cursor]);
-  useEffect18(() => {
+  useEffect15(() => {
     const visibleStart = scrollOffset;
     const visibleEnd = scrollOffset + maxHeight - 1;
     if (cursor.line < visibleStart) {
@@ -11442,7 +11777,7 @@ function TextArea({
     [cursor, onCancel, onSubmit, maxHeight]
   );
   useInput9(handleInput);
-  const visibleLines = useMemo10(() => {
+  const visibleLines = useMemo9(() => {
     const start = scrollOffset;
     const end = Math.min(start + maxHeight, lines.length);
     const result = [];
@@ -11459,28 +11794,28 @@ function TextArea({
     }
     return result;
   }, [lines, cursor, scrollOffset, maxHeight]);
-  return /* @__PURE__ */ jsxs19(Box20, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs19(
-      Box20,
+  return /* @__PURE__ */ jsxs18(Box19, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs18(
+      Box19,
       {
         borderStyle: "single",
-        borderColor: theme24.borderActive,
-        backgroundColor: theme24.surface,
+        borderColor: theme21.borderActive,
+        backgroundColor: theme21.surface,
         flexDirection: "column",
         paddingX: 1,
         children: [
-          title && /* @__PURE__ */ jsxs19(Box20, { marginBottom: 1, children: [
-            /* @__PURE__ */ jsx24(Text22, { color: theme24.accent, bold: true, children: title }),
-            /* @__PURE__ */ jsxs19(Text22, { color: theme24.textSubtle, children: [
+          title && /* @__PURE__ */ jsxs18(Box19, { marginBottom: 1, children: [
+            /* @__PURE__ */ jsx21(Text21, { color: theme21.accent, bold: true, children: title }),
+            /* @__PURE__ */ jsxs18(Text21, { color: theme21.textSubtle, children: [
               "  ",
               lines.length,
               " lines"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs19(Box20, { flexDirection: "row", height: maxHeight, children: [
-            /* @__PURE__ */ jsx24(Box20, { flexDirection: "column", flexGrow: 1, children: visibleLines.map((vl, idx) => /* @__PURE__ */ jsxs19(Box20, { children: [
-              /* @__PURE__ */ jsx24(Text22, { color: theme24.textSubtle, children: vl.lineIndex >= 0 ? `${String(vl.lineIndex + 1).padStart(3)} ` : "    " }),
-              vl.hasCursor ? /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsxs18(Box19, { flexDirection: "row", height: maxHeight, children: [
+            /* @__PURE__ */ jsx21(Box19, { flexDirection: "column", flexGrow: 1, children: visibleLines.map((vl, idx) => /* @__PURE__ */ jsxs18(Box19, { children: [
+              /* @__PURE__ */ jsx21(Text21, { color: theme21.textSubtle, children: vl.lineIndex >= 0 ? `${String(vl.lineIndex + 1).padStart(3)} ` : "    " }),
+              vl.hasCursor ? /* @__PURE__ */ jsx21(
                 CursorLine,
                 {
                   content: vl.content,
@@ -11488,9 +11823,9 @@ function TextArea({
                   maxWidth: contentWidth - 6,
                   visible: blinkVisible
                 }
-              ) : /* @__PURE__ */ jsx24(Text22, { color: theme24.text, children: vl.content.slice(0, contentWidth - 6) })
+              ) : /* @__PURE__ */ jsx21(Text21, { color: theme21.text, children: vl.content.slice(0, contentWidth - 6) })
             ] }, idx)) }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx21(
               Scrollbar,
               {
                 totalLines: lines.length,
@@ -11503,7 +11838,7 @@ function TextArea({
         ]
       }
     ),
-    /* @__PURE__ */ jsx24(Text22, { color: theme24.textSubtle, children: [
+    /* @__PURE__ */ jsx21(Text21, { color: theme21.textSubtle, children: [
       "Ctrl+S: submit",
       "Esc: cancel",
       "Enter: newline",
@@ -11523,22 +11858,22 @@ function CursorLine({
   const before = truncated.slice(0, col);
   const cursorChar = truncated[col] ?? " ";
   const after = truncated.slice(col + 1);
-  return /* @__PURE__ */ jsxs19(Text22, { children: [
-    /* @__PURE__ */ jsx24(Text22, { color: theme24.text, children: before }),
-    visible ? /* @__PURE__ */ jsx24(Text22, { color: theme24.background, backgroundColor: theme24.accentActive, children: cursorChar }) : /* @__PURE__ */ jsx24(Text22, { color: theme24.text, children: cursorChar }),
-    /* @__PURE__ */ jsx24(Text22, { color: theme24.text, children: after })
+  return /* @__PURE__ */ jsxs18(Text21, { children: [
+    /* @__PURE__ */ jsx21(Text21, { color: theme21.text, children: before }),
+    visible ? /* @__PURE__ */ jsx21(Text21, { color: theme21.background, backgroundColor: theme21.accentActive, children: cursorChar }) : /* @__PURE__ */ jsx21(Text21, { color: theme21.text, children: cursorChar }),
+    /* @__PURE__ */ jsx21(Text21, { color: theme21.text, children: after })
   ] });
 }
 
 // src/ink/marathon/ReflectEditor.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var DEFAULT_REFLECT_PROMPT = `Before continuing, step back and reflect:
 - What has been accomplished so far?
 - What isn't working or is blocking progress?
 - What approach should be taken next and why?
 - Are there any assumptions that should be reconsidered?`;
 function ReflectEditor({ onSubmit, onCancel, maxHeight = 10 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx22(
     TextArea,
     {
       title: "Reflect",
@@ -11551,9 +11886,9 @@ function ReflectEditor({ onSubmit, onCancel, maxHeight = 10 }) {
 }
 
 // src/ink/marathon/CheckpointRecap.tsx
-import { Box as Box21, Text as Text23 } from "ink";
-import { theme as theme25 } from "@runtypelabs/ink-components";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Box as Box20, Text as Text22 } from "ink";
+import { theme as theme22 } from "@runtypelabs/ink-components";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function formatTokenCount2(value) {
   return value.toLocaleString("en-US");
 }
@@ -11568,26 +11903,26 @@ function CheckpointRecap({
   isTerminal
 }) {
   const label = isTerminal ? `\u2713 Session ${sessionNumber} complete` : `Session ${sessionNumber} complete`;
-  const separator = theme25.separator ?? " \xB7 ";
+  const separator = theme22.separator ?? " \xB7 ";
   const usageSummary = [
     `Tools: ${toolCallsMade}`,
     `Tokens: ${formatTokenCount2(tokensInput)} in${separator}${formatTokenCount2(tokensOutput)} out`,
     ...reasoningTokens && reasoningTokens > 0 ? [`Reasoning: ${formatTokenCount2(reasoningTokens)}`] : [],
     `Cost: $${cost.toFixed(4)}`
   ].join(separator);
-  return /* @__PURE__ */ jsxs20(
-    Box21,
+  return /* @__PURE__ */ jsxs19(
+    Box20,
     {
       borderStyle: "single",
-      borderColor: theme25.border,
-      backgroundColor: theme25.background,
+      borderColor: theme22.border,
+      backgroundColor: theme22.background,
       flexDirection: "column",
-      paddingX: theme25.panelPaddingX,
-      paddingY: theme25.panelPaddingY,
+      paddingX: theme22.panelPaddingX,
+      paddingY: theme22.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsx26(Text23, { color: isTerminal ? theme25.accentActive : theme25.accent, children: label }),
-        /* @__PURE__ */ jsx26(Text23, { color: theme25.textMuted, children: usageSummary }),
-        historyWarning && /* @__PURE__ */ jsx26(Text23, { color: theme25.warning, children: historyWarning })
+        /* @__PURE__ */ jsx23(Text22, { color: isTerminal ? theme22.accentActive : theme22.accent, children: label }),
+        /* @__PURE__ */ jsx23(Text22, { color: theme22.textMuted, children: usageSummary }),
+        historyWarning && /* @__PURE__ */ jsx23(Text22, { color: theme22.warning, children: historyWarning })
       ]
     }
   );
@@ -11609,7 +11944,7 @@ function getCheckpointCountdownText(state) {
 }
 
 // src/ink/marathon/CheckpointPrompt.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function CheckpointPrompt({
   onSubmit,
   onToggleHelp,
@@ -11621,18 +11956,18 @@ function CheckpointPrompt({
   recap,
   isReviewing = false
 }) {
-  const [value, setValue] = useState21("");
-  const [remaining, setRemaining] = useState21(timeout);
-  const [isTyping, setIsTyping] = useState21(false);
-  const [showModelPicker, setShowModelPicker] = useState21(false);
-  const [showReflectEditor, setShowReflectEditor] = useState21(false);
-  const [showCommandPicker, setShowCommandPicker] = useState21(false);
-  const [pendingModel, setPendingModel] = useState21(void 0);
-  const [pendingSandbox, setPendingSandbox] = useState21(void 0);
-  const [pendingToolsToggle, setPendingToolsToggle] = useState21(false);
-  const [pendingStop, setPendingStop] = useState21(false);
+  const [value, setValue] = useState18("");
+  const [remaining, setRemaining] = useState18(timeout);
+  const [isTyping, setIsTyping] = useState18(false);
+  const [showModelPicker, setShowModelPicker] = useState18(false);
+  const [showReflectEditor, setShowReflectEditor] = useState18(false);
+  const [showCommandPicker, setShowCommandPicker] = useState18(false);
+  const [pendingModel, setPendingModel] = useState18(void 0);
+  const [pendingSandbox, setPendingSandbox] = useState18(void 0);
+  const [pendingToolsToggle, setPendingToolsToggle] = useState18(false);
+  const [pendingStop, setPendingStop] = useState18(false);
   const timerRef = useRef7(null);
-  const separator = theme26.separator ?? " \xB7 ";
+  const separator = theme23.separator ?? " \xB7 ";
   const hasPendingChanges = pendingModel !== void 0 || pendingSandbox !== void 0 || pendingToolsToggle || pendingStop;
   const clearInputDraft = () => {
     setValue("");
@@ -11656,7 +11991,7 @@ function CheckpointPrompt({
     resetDraft();
     onSubmit(result);
   };
-  useEffect19(() => {
+  useEffect16(() => {
     const title = "Marathon";
     const body = isTerminal ? "Marathon complete" : `Session ${recap?.sessionNumber ?? "?"} complete`;
     process.stderr.write(`\x1B]777;notify;${title};${body}\x07`);
@@ -11676,7 +12011,7 @@ function CheckpointPrompt({
       setIsTyping(false);
     }
   };
-  useEffect19(() => {
+  useEffect16(() => {
     if (shouldPauseCheckpointTimer({
       isTerminal,
       timeout,
@@ -11821,43 +12156,43 @@ ${trimmed}` : trimmed);
     if (isTerminal) return "Enter: exit";
     return "Enter: continue";
   })();
-  return /* @__PURE__ */ jsxs21(Box22, { flexDirection: "column", flexShrink: 0, children: [
-    showCommandPicker ? /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs20(Box21, { flexDirection: "column", flexShrink: 0, children: [
+    showCommandPicker ? /* @__PURE__ */ jsx24(
       CommandPicker,
       {
         onSelect: handleCommandSelect,
         onCancel: handleCommandCancel
       }
-    ) : showModelPicker ? /* @__PURE__ */ jsx27(
+    ) : showModelPicker ? /* @__PURE__ */ jsx24(
       ModelPicker,
       {
         currentModel,
         onSelect: handleModelSelect,
         onCancel: handleModelCancel
       }
-    ) : showReflectEditor ? /* @__PURE__ */ jsx27(
+    ) : showReflectEditor ? /* @__PURE__ */ jsx24(
       ReflectEditor,
       {
         onSubmit: handleReflectSubmit,
         onCancel: handleReflectCancel
       }
-    ) : /* @__PURE__ */ jsxs21(
-      Box22,
+    ) : /* @__PURE__ */ jsxs20(
+      Box21,
       {
         borderStyle: "bold",
         borderLeft: true,
         borderRight: false,
         borderTop: false,
         borderBottom: false,
-        borderColor: theme26.accent,
-        backgroundColor: theme26.backgroundDeep,
+        borderColor: theme23.accent,
+        backgroundColor: theme23.backgroundDeep,
         flexDirection: "column",
         paddingX: 1,
         paddingY: 1,
         children: [
-          /* @__PURE__ */ jsxs21(Box22, { children: [
-            /* @__PURE__ */ jsx27(Text24, { color: theme26.accentActive, children: "> " }),
-            /* @__PURE__ */ jsx27(Box22, { flexGrow: 1, children: /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsxs20(Box21, { children: [
+            /* @__PURE__ */ jsx24(Text23, { color: theme23.accentActive, children: "> " }),
+            /* @__PURE__ */ jsx24(Box21, { flexGrow: 1, children: /* @__PURE__ */ jsx24(
               BlinkingTextInput,
               {
                 value,
@@ -11866,100 +12201,383 @@ ${trimmed}` : trimmed);
                 placeholder: isTerminal ? "Send new instructions to continue marathon, or press enter to exit..." : "Guide next iteration..."
               }
             ) }),
-            countdownText && /* @__PURE__ */ jsxs21(Text24, { color: theme26.textSubtle, children: [
+            countdownText && /* @__PURE__ */ jsxs20(Text23, { color: theme23.textSubtle, children: [
+              " ",
+              countdownText
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx24(Text23, { color: theme23.textSubtle, children: [
+            enterHint,
+            "/: commands",
+            "/help"
+          ].join(separator) }),
+          pendingSummary.length > 0 && /* @__PURE__ */ jsx24(Text23, { color: theme23.textMuted, children: `Pending: ${pendingSummary.join(separator)}` })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx24(CheckpointRecap, { ...recap, isTerminal })
+  ] });
+}
+
+// src/ink/marathon/SessionActionMenu.tsx
+import { Box as Box22, Text as Text24, useInput as useInput10 } from "ink";
+import { theme as theme24 } from "@runtypelabs/ink-components";
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var MENU_ITEMS = [
+  { key: "c", label: "Copy session JSON" },
+  { key: "o", label: "Open session JSON in editor" },
+  { key: "f", label: "Open marathon folder in file manager" },
+  { key: "d", label: "Open agent in Runtype dashboard" }
+];
+function SessionActionMenu({
+  onCopySession,
+  onOpenStateFile,
+  onOpenFolder,
+  onOpenDashboard,
+  onClose,
+  hasDashboard,
+  hasStateFile
+}) {
+  useInput10((input, key) => {
+    if (key.escape) {
+      onClose();
+      return;
+    }
+    if (input === "c") {
+      onCopySession();
+      return;
+    }
+    if (input === "o" && hasStateFile) {
+      onOpenStateFile();
+      return;
+    }
+    if (input === "f" && hasStateFile) {
+      onOpenFolder();
+      return;
+    }
+    if (input === "d" && hasDashboard) {
+      onOpenDashboard();
+      return;
+    }
+  });
+  return /* @__PURE__ */ jsxs21(
+    Box22,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme24.accent,
+      backgroundColor: theme24.surfaceElevated,
+      paddingX: 2,
+      paddingY: 1,
+      width: 50,
+      children: [
+        /* @__PURE__ */ jsx25(Text24, { bold: true, color: theme24.accent, children: "Session" }),
+        /* @__PURE__ */ jsx25(Box22, { flexDirection: "column", marginTop: 1, children: MENU_ITEMS.map((item) => {
+          const dimmed = item.key === "o" && !hasStateFile || item.key === "f" && !hasStateFile || item.key === "d" && !hasDashboard;
+          return /* @__PURE__ */ jsxs21(Text24, { children: [
+            /* @__PURE__ */ jsx25(Text24, { color: dimmed ? theme24.textSubtle : theme24.accentActive, children: `  ${item.key}  ` }),
+            /* @__PURE__ */ jsx25(Text24, { color: dimmed ? theme24.textSubtle : theme24.textMuted, children: item.label })
+          ] }, item.key);
+        }) }),
+        /* @__PURE__ */ jsxs21(Box22, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx25(Text24, { color: theme24.info, children: "Esc" }),
+          /* @__PURE__ */ jsx25(Text24, { color: theme24.muted, children: " to close" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/ink/marathon/UpgradeModal.tsx
+import { Box as Box23, Text as Text25 } from "ink";
+import { theme as theme25 } from "@runtypelabs/ink-components";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function UpgradeModal({ prompt, width }) {
+  return /* @__PURE__ */ jsxs22(
+    Box23,
+    {
+      width,
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme25.warning,
+      backgroundColor: theme25.surfaceElevated,
+      paddingX: 2,
+      paddingY: 1,
+      children: [
+        /* @__PURE__ */ jsx26(Text25, { color: theme25.warning, bold: true, children: "Upgrade available" }),
+        /* @__PURE__ */ jsx26(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx26(Text25, { color: theme25.label, children: prompt.message }) }),
+        (prompt.code || prompt.limitType || prompt.retryAfter) && /* @__PURE__ */ jsxs22(Box23, { flexDirection: "column", marginTop: 1, children: [
+          prompt.code && /* @__PURE__ */ jsxs22(Text25, { color: theme25.muted, children: [
+            "Code: ",
+            /* @__PURE__ */ jsx26(Text25, { color: theme25.label, children: prompt.code })
+          ] }),
+          prompt.limitType && /* @__PURE__ */ jsxs22(Text25, { color: theme25.muted, children: [
+            "Limit: ",
+            /* @__PURE__ */ jsx26(Text25, { color: theme25.label, children: prompt.limitType })
+          ] }),
+          prompt.retryAfter && /* @__PURE__ */ jsxs22(Text25, { color: theme25.muted, children: [
+            "Retry after: ",
+            /* @__PURE__ */ jsx26(Text25, { color: theme25.label, children: prompt.retryAfter })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs22(Box23, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx26(Text25, { color: theme25.info, children: "Enter" }),
+          /* @__PURE__ */ jsx26(Text25, { color: theme25.muted, children: " open billing " }),
+          /* @__PURE__ */ jsx26(Text25, { color: theme25.info, children: "Esc" }),
+          /* @__PURE__ */ jsx26(Text25, { color: theme25.muted, children: " close" })
+        ] }),
+        /* @__PURE__ */ jsx26(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx26(Text25, { color: theme25.dimLabel, children: "Opens your dashboard billing page" }) })
+      ]
+    }
+  );
+}
+
+// src/ink/marathon/OverviewActivityPane.tsx
+import { memo as memo4 } from "react";
+import { Box as Box25 } from "ink";
+import { theme as theme27 } from "@runtypelabs/ink-components";
+
+// src/ink/marathon/ToolPanel.tsx
+import { useState as useState19, useEffect as useEffect17, useMemo as useMemo10, memo as memo3 } from "react";
+import { Box as Box24, Text as Text26 } from "ink";
+import { Spinner as Spinner5, theme as theme26 } from "@runtypelabs/ink-components";
+import { Fragment as Fragment2, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+var TOOL_PANEL_TIMER_MS = 500;
+function formatCharCount2(chars) {
+  if (chars >= 1e3) {
+    return `${(chars / 1e3).toFixed(1)}k chars`;
+  }
+  return `${chars} chars`;
+}
+var STATUS_ICONS2 = {
+  complete: "\u2713",
+  error: "\u2717"
+};
+var FILE_TYPE_ICONS = {
+  written: "\u270E",
+  read: "\u2022",
+  plan: "\u2691"
+};
+function formatElapsed2(tool, now) {
+  if (tool.executionTime != null) {
+    return `${(tool.executionTime / 1e3).toFixed(1)}s`;
+  }
+  const startedAt = tool.localExecutionStartedAt ?? tool.startedAt;
+  return `${((now - startedAt) / 1e3).toFixed(1)}s`;
+}
+function getStatusColor2(status) {
+  if (status === "error") return theme26.danger;
+  if (status === "complete") return theme26.success;
+  return theme26.accent;
+}
+function getPhaseLabel2(tool) {
+  if (tool.status === "complete") return "complete";
+  if (tool.status === "error") return "error";
+  if (tool.phase === "input_streaming") return "assembling input";
+  if (tool.phase === "executing_locally") return "executing locally";
+  return "running";
+}
+function toolsFingerprint(tools) {
+  const tail = tools.length <= 10 ? tools : tools.slice(-10);
+  let fp = String(tools.length);
+  for (const t of tail) {
+    fp += `|${t.id}:${t.name}:${t.status}:${t.phase ?? ""}:${t.inputPreview ?? ""}`;
+  }
+  return fp;
+}
+function filesFingerprint(files) {
+  if (!files || files.length === 0) return "0";
+  const tail = files.length <= 10 ? files : files.slice(-10);
+  let fp = String(files.length);
+  for (const file of tail) {
+    fp += `|${file.path}:${file.type}`;
+  }
+  return fp;
+}
+var ToolPanel = memo3(function ToolPanel2({
+  tools,
+  reasoningCharCount = 0,
+  files,
+  maxHeight
+}) {
+  const [now, setNow] = useState19(Date.now());
+  const hasRunning = tools.some((t) => t.status === "running");
+  useEffect17(() => {
+    if (!hasRunning) return;
+    const interval = setInterval(() => setNow(Date.now()), TOOL_PANEL_TIMER_MS);
+    return () => clearInterval(interval);
+  }, [hasRunning]);
+  const { visibleTools, visibleFiles } = useMemo10(() => {
+    if (!maxHeight) return { visibleTools: tools, visibleFiles: files || [] };
+    const reasoningRows = reasoningCharCount > 0 ? 1 : 0;
+    const headerRows = 1;
+    const filesList = files || [];
+    const fileHeaderRows = filesList.length > 0 ? 2 : 0;
+    const availableRows = maxHeight - headerRows - reasoningRows - fileHeaderRows;
+    const fileRows = filesList.length > 0 ? Math.min(filesList.length, Math.max(3, Math.floor(availableRows * 0.3))) : 0;
+    const toolRows = Math.max(1, availableRows - fileRows);
+    const toolSlots = Math.floor(toolRows / 2);
+    const vTools = tools.length <= toolSlots ? tools : tools.slice(-toolSlots);
+    const vFiles = filesList.length <= fileRows ? filesList : filesList.slice(-fileRows);
+    return { visibleTools: vTools, visibleFiles: vFiles };
+  }, [tools, files, maxHeight, reasoningCharCount]);
+  const hiddenToolCount = tools.length - visibleTools.length;
+  const hiddenFileCount = (files || []).length - visibleFiles.length;
+  return /* @__PURE__ */ jsxs23(Box24, { flexDirection: "column", backgroundColor: theme26.background, children: [
+    /* @__PURE__ */ jsx27(Text26, { bold: true, color: theme26.accent, children: "Activity" }),
+    reasoningCharCount > 0 && /* @__PURE__ */ jsxs23(Text26, { color: theme26.textMuted, children: [
+      "Reasoning: ",
+      formatCharCount2(reasoningCharCount)
+    ] }),
+    hiddenToolCount > 0 && /* @__PURE__ */ jsxs23(Text26, { color: theme26.textSubtle, children: [
+      " ",
+      hiddenToolCount,
+      " earlier hidden"
+    ] }),
+    visibleTools.map((tool) => {
+      const statusColor = getStatusColor2(tool.status);
+      const elapsed = formatElapsed2(tool, now);
+      const phaseLabel = getPhaseLabel2(tool);
+      return /* @__PURE__ */ jsxs23(Box24, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs23(Box24, { flexDirection: "row", flexWrap: "nowrap", children: [
+          /* @__PURE__ */ jsx27(Box24, { width: 2, flexShrink: 0, children: tool.status === "running" ? /* @__PURE__ */ jsx27(Spinner5, { label: "", color: theme26.spinner }) : /* @__PURE__ */ jsx27(Text26, { color: statusColor, children: STATUS_ICONS2[tool.status] || "?" }) }),
+          /* @__PURE__ */ jsx27(Box24, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx27(Text26, { color: theme26.text, wrap: "truncate", children: tool.name }) }),
+          /* @__PURE__ */ jsxs23(Box24, { flexShrink: 0, children: [
+            /* @__PURE__ */ jsxs23(Text26, { color: theme26.textSubtle, children: [
               " ",
-              countdownText
+              phaseLabel
+            ] }),
+            /* @__PURE__ */ jsxs23(Text26, { color: theme26.textMuted, children: [
+              " ",
+              elapsed
             ] })
-          ] }),
-          /* @__PURE__ */ jsx27(Text24, { color: theme26.textSubtle, children: [
-            enterHint,
-            "/: commands",
-            "/help"
-          ].join(separator) }),
-          pendingSummary.length > 0 && /* @__PURE__ */ jsx27(Text24, { color: theme26.textMuted, children: `Pending: ${pendingSummary.join(separator)}` })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx27(CheckpointRecap, { ...recap, isTerminal })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs23(Box24, { flexDirection: "row", flexWrap: "nowrap", children: [
+          /* @__PURE__ */ jsx27(Box24, { width: 2, flexShrink: 0 }),
+          /* @__PURE__ */ jsx27(Text26, { color: theme26.textSubtle, children: "\u2514 " }),
+          /* @__PURE__ */ jsx27(Box24, { flexShrink: 1, flexGrow: 1, children: /* @__PURE__ */ jsx27(Text26, { color: theme26.textMuted, wrap: "truncate", children: tool.inputPreview || "" }) })
+        ] })
+      ] }, tool.id);
+    }),
+    visibleFiles.length > 0 && /* @__PURE__ */ jsxs23(Fragment2, { children: [
+      /* @__PURE__ */ jsxs23(Box24, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx27(Text26, { bold: true, color: theme26.accent, children: "Files" }),
+        hiddenFileCount > 0 && /* @__PURE__ */ jsxs23(Text26, { color: theme26.textSubtle, children: [
+          " +",
+          hiddenFileCount
+        ] })
+      ] }),
+      visibleFiles.map((file) => {
+        const icon = FILE_TYPE_ICONS[file.type] || "\u2022";
+        const filename = file.path.split("/").pop() || file.path;
+        return /* @__PURE__ */ jsxs23(Box24, { flexDirection: "row", flexWrap: "nowrap", children: [
+          /* @__PURE__ */ jsx27(Box24, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx27(Text26, { color: file.type === "written" ? theme26.success : theme26.textMuted, children: icon }) }),
+          /* @__PURE__ */ jsx27(Box24, { flexShrink: 1, children: /* @__PURE__ */ jsx27(Text26, { color: theme26.text, wrap: "truncate", children: filename }) })
+        ] }, file.path);
+      })
+    ] })
   ] });
-}
+}, (prev, next) => {
+  return toolsFingerprint(prev.tools) === toolsFingerprint(next.tools) && prev.maxHeight === next.maxHeight && (prev.reasoningCharCount ?? 0) === (next.reasoningCharCount ?? 0) && filesFingerprint(prev.files) === filesFingerprint(next.files);
+});
 
-// src/ink/marathon/SessionActionMenu.tsx
-import { Box as Box23, Text as Text25, useInput as useInput10 } from "ink";
-import { theme as theme27 } from "@runtypelabs/ink-components";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
-var MENU_ITEMS = [
-  { key: "c", label: "Copy session JSON" },
-  { key: "o", label: "Open session JSON in editor" },
-  { key: "f", label: "Open marathon folder in file manager" },
-  { key: "d", label: "Open agent in Runtype dashboard" }
-];
-function SessionActionMenu({
-  onCopySession,
-  onOpenStateFile,
-  onOpenFolder,
-  onOpenDashboard,
-  onClose,
-  hasDashboard,
-  hasStateFile
+// src/ink/marathon/OverviewActivityPane.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+var OverviewActivityPane = memo4(function OverviewActivityPane2({
+  tools,
+  reasoningCharCount,
+  files,
+  maxHeight,
+  stacked = false,
+  width
 }) {
-  useInput10((input, key) => {
-    if (key.escape) {
-      onClose();
-      return;
-    }
-    if (input === "c") {
-      onCopySession();
-      return;
-    }
-    if (input === "o" && hasStateFile) {
-      onOpenStateFile();
-      return;
-    }
-    if (input === "f" && hasStateFile) {
-      onOpenFolder();
-      return;
-    }
-    if (input === "d" && hasDashboard) {
-      onOpenDashboard();
-      return;
-    }
-  });
-  return /* @__PURE__ */ jsxs22(
-    Box23,
+  return /* @__PURE__ */ jsx28(
+    Box25,
     {
       flexDirection: "column",
-      borderStyle: "round",
-      borderColor: theme27.accent,
-      backgroundColor: theme27.surfaceElevated,
-      paddingX: 2,
-      paddingY: 1,
-      width: 50,
-      children: [
-        /* @__PURE__ */ jsx28(Text25, { bold: true, color: theme27.accent, children: "Session" }),
-        /* @__PURE__ */ jsx28(Box23, { flexDirection: "column", marginTop: 1, children: MENU_ITEMS.map((item) => {
-          const dimmed = item.key === "o" && !hasStateFile || item.key === "f" && !hasStateFile || item.key === "d" && !hasDashboard;
-          return /* @__PURE__ */ jsxs22(Text25, { children: [
-            /* @__PURE__ */ jsx28(Text25, { color: dimmed ? theme27.textSubtle : theme27.accentActive, children: `  ${item.key}  ` }),
-            /* @__PURE__ */ jsx28(Text25, { color: dimmed ? theme27.textSubtle : theme27.textMuted, children: item.label })
-          ] }, item.key);
-        }) }),
-        /* @__PURE__ */ jsxs22(Box23, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx28(Text25, { color: theme27.info, children: "Esc" }),
-          /* @__PURE__ */ jsx28(Text25, { color: theme27.muted, children: " to close" })
-        ] })
-      ]
+      width: stacked ? void 0 : width,
+      flexShrink: 0,
+      borderStyle: "single",
+      borderColor: theme27.border,
+      backgroundColor: theme27.background,
+      paddingX: theme27.panelPaddingX,
+      paddingY: theme27.panelPaddingY,
+      children: /* @__PURE__ */ jsx28(
+        ToolPanel,
+        {
+          tools,
+          reasoningCharCount,
+          files,
+          maxHeight
+        }
+      )
     }
   );
+});
+
+// src/ink/marathon/OverviewTranscriptPane.tsx
+import { memo as memo5 } from "react";
+import { Box as Box27 } from "ink";
+import { StreamOutput, ErrorDisplay as ErrorDisplay3 } from "@runtypelabs/ink-components";
+import { LoadingAnimation } from "@runtypelabs/terminal-animations";
+
+// src/ink/marathon/ThinkingIndicator.tsx
+import { useState as useState20, useEffect as useEffect18 } from "react";
+import { Spinner as Spinner6, theme as theme28 } from "@runtypelabs/ink-components";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function ThinkingIndicator({ startedAt }) {
+  const [elapsed, setElapsed] = useState20(
+    () => startedAt ? Math.floor((Date.now() - startedAt) / 1e3) : 0
+  );
+  useEffect18(() => {
+    const start = startedAt ?? Date.now();
+    setElapsed(Math.floor((Date.now() - start) / 1e3));
+    const interval = setInterval(() => {
+      setElapsed(Math.floor((Date.now() - start) / 1e3));
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [startedAt]);
+  return /* @__PURE__ */ jsx29(Spinner6, { label: `Thinking... ${elapsed}s`, color: theme28.textMuted });
+}
+
+// src/ink/marathon/ContextCompactionIndicator.tsx
+import { useEffect as useEffect19, useState as useState21 } from "react";
+import { Spinner as Spinner7, theme as theme29 } from "@runtypelabs/ink-components";
+import { jsx as jsx30 } from "react/jsx-runtime";
+function buildCompactionLabel(compaction, elapsedSeconds) {
+  const modeLabel = compaction.mode === "auto" ? "auto" : "manual";
+  const strategyLabel = compaction.strategy === "provider_native" ? "native" : "summary";
+  const thresholdLabel = formatCompactionThresholdLabel(compaction);
+  if (thresholdLabel) {
+    return `Compacting context for session ${compaction.sessionIndex} (${modeLabel}, ${strategyLabel}, ${thresholdLabel})... ${elapsedSeconds}s`;
+  }
+  return `Compacting context for session ${compaction.sessionIndex} (${modeLabel}, ${strategyLabel})... ${elapsedSeconds}s`;
+}
+function ContextCompactionIndicator({
+  compaction
+}) {
+  const [elapsed, setElapsed] = useState21(
+    () => Math.floor((Date.now() - compaction.startedAt) / 1e3)
+  );
+  useEffect19(() => {
+    const start = compaction.startedAt;
+    setElapsed(Math.floor((Date.now() - start) / 1e3));
+    const interval = setInterval(() => {
+      setElapsed(Math.floor((Date.now() - start) / 1e3));
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [compaction.startedAt]);
+  return /* @__PURE__ */ jsx30(Spinner7, { label: buildCompactionLabel(compaction, elapsed), color: theme29.warning });
 }
 
 // src/ink/marathon/ReasoningBlock.tsx
-import { Box as Box24, Text as Text26 } from "ink";
-import { theme as theme28 } from "@runtypelabs/ink-components";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
-var REASONING_LABEL_COLOR = theme28.accent;
-var REASONING_TEXT_COLOR = theme28.textMuted;
-var REASONING_HINT_COLOR = theme28.textSubtle;
+import { Box as Box26, Text as Text27 } from "ink";
+import { theme as theme30 } from "@runtypelabs/ink-components";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+var REASONING_LABEL_COLOR = theme30.accent;
+var REASONING_TEXT_COLOR = theme30.textMuted;
+var REASONING_HINT_COLOR = theme30.textSubtle;
 function renderReasoningLine(line) {
   return line ? `| ${line}` : "|";
 }
@@ -11972,17 +12590,17 @@ function ReasoningBlock({
 }) {
   const label = collapsed ? "Reasoning hidden" : "Reasoning";
   const hint = showToggleHint ? collapsed ? "r to show" : "r to hide" : null;
-  return /* @__PURE__ */ jsxs23(Box24, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs23(Box24, { children: [
-      /* @__PURE__ */ jsx29(Text26, { color: REASONING_LABEL_COLOR, children: label }),
-      hint && /* @__PURE__ */ jsxs23(Text26, { color: REASONING_HINT_COLOR, children: [
+  return /* @__PURE__ */ jsxs24(Box26, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs24(Box26, { children: [
+      /* @__PURE__ */ jsx31(Text27, { color: REASONING_LABEL_COLOR, children: label }),
+      hint && /* @__PURE__ */ jsxs24(Text27, { color: REASONING_HINT_COLOR, children: [
         " (",
         hint,
         ")"
       ] })
     ] }),
-    !collapsed && lines.map((line, index) => /* @__PURE__ */ jsx29(
-      Text26,
+    !collapsed && lines.map((line, index) => /* @__PURE__ */ jsx31(
+      Text27,
       {
         color: REASONING_TEXT_COLOR,
         wrap: compact ? "truncate" : void 0,
@@ -11990,53 +12608,77 @@ function ReasoningBlock({
       },
       `${index}:${line}`
     )),
-    !collapsed && live && /* @__PURE__ */ jsx29(Text26, { color: REASONING_TEXT_COLOR, wrap: compact ? "truncate" : void 0, children: "| ..." })
+    !collapsed && live && /* @__PURE__ */ jsx31(Text27, { color: REASONING_TEXT_COLOR, wrap: compact ? "truncate" : void 0, children: "| ..." })
   ] });
 }
 
-// src/ink/marathon/UpgradeModal.tsx
-import { Box as Box25, Text as Text27 } from "ink";
-import { theme as theme29 } from "@runtypelabs/ink-components";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
-function UpgradeModal({ prompt, width }) {
-  return /* @__PURE__ */ jsxs24(
-    Box25,
-    {
-      width,
-      flexDirection: "column",
-      borderStyle: "round",
-      borderColor: theme29.warning,
-      backgroundColor: theme29.surfaceElevated,
-      paddingX: 2,
-      paddingY: 1,
-      children: [
-        /* @__PURE__ */ jsx30(Text27, { color: theme29.warning, bold: true, children: "Upgrade available" }),
-        /* @__PURE__ */ jsx30(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text27, { color: theme29.label, children: prompt.message }) }),
-        (prompt.code || prompt.limitType || prompt.retryAfter) && /* @__PURE__ */ jsxs24(Box25, { flexDirection: "column", marginTop: 1, children: [
-          prompt.code && /* @__PURE__ */ jsxs24(Text27, { color: theme29.muted, children: [
-            "Code: ",
-            /* @__PURE__ */ jsx30(Text27, { color: theme29.label, children: prompt.code })
-          ] }),
-          prompt.limitType && /* @__PURE__ */ jsxs24(Text27, { color: theme29.muted, children: [
-            "Limit: ",
-            /* @__PURE__ */ jsx30(Text27, { color: theme29.label, children: prompt.limitType })
-          ] }),
-          prompt.retryAfter && /* @__PURE__ */ jsxs24(Text27, { color: theme29.muted, children: [
-            "Retry after: ",
-            /* @__PURE__ */ jsx30(Text27, { color: theme29.label, children: prompt.retryAfter })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs24(Box25, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx30(Text27, { color: theme29.info, children: "Enter" }),
-          /* @__PURE__ */ jsx30(Text27, { color: theme29.muted, children: " open billing " }),
-          /* @__PURE__ */ jsx30(Text27, { color: theme29.info, children: "Esc" }),
-          /* @__PURE__ */ jsx30(Text27, { color: theme29.muted, children: " close" })
-        ] }),
-        /* @__PURE__ */ jsx30(Box25, { marginTop: 1, children: /* @__PURE__ */ jsx30(Text27, { color: theme29.dimLabel, children: "Opens your dashboard billing page" }) })
-      ]
-    }
-  );
-}
+// src/ink/marathon/OverviewTranscriptPane.tsx
+import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+var UPGRADE_BROWSE_HINT_LINES = [
+  "Upgrade modal dismissed.",
+  "Use Shift+Left/Right or 1-9 to review previous marathon runs."
+];
+var OverviewTranscriptPane = memo5(function OverviewTranscriptPane2({
+  content,
+  enableMarkdown,
+  isStreaming,
+  maxVisibleLines,
+  scrollOffset,
+  totalLines,
+  paneWidth,
+  contentHeight,
+  showLoadingAnimation = false,
+  hasReasoning = false,
+  visibleReasoningLines = [],
+  reasoningCollapsed = false,
+  reasoningLive = false,
+  showThinkingIndicator = false,
+  thinkingStartedAt,
+  contextCompaction = null,
+  showUpgradeBrowseHint = false,
+  error = null
+}) {
+  if (showLoadingAnimation) {
+    return /* @__PURE__ */ jsx32(Box27, { flexGrow: 1, minHeight: contentHeight, overflow: "hidden", children: /* @__PURE__ */ jsx32(LoadingAnimation, { width: paneWidth, height: contentHeight }) });
+  }
+  const maxScroll = Math.max(0, totalLines - maxVisibleLines);
+  return /* @__PURE__ */ jsxs25(Fragment3, { children: [
+    hasReasoning && /* @__PURE__ */ jsx32(Box27, { flexDirection: "column", marginBottom: reasoningCollapsed ? 0 : 1, children: /* @__PURE__ */ jsx32(
+      ReasoningBlock,
+      {
+        lines: visibleReasoningLines,
+        live: reasoningLive,
+        collapsed: reasoningCollapsed,
+        showToggleHint: true
+      }
+    ) }),
+    showThinkingIndicator && /* @__PURE__ */ jsx32(ThinkingIndicator, { startedAt: thinkingStartedAt }),
+    contextCompaction && /* @__PURE__ */ jsx32(ContextCompactionIndicator, { compaction: contextCompaction }),
+    showUpgradeBrowseHint && /* @__PURE__ */ jsx32(Box27, { marginBottom: 1, children: /* @__PURE__ */ jsx32(ReasoningBlock, { lines: UPGRADE_BROWSE_HINT_LINES, compact: true }) }),
+    /* @__PURE__ */ jsxs25(Box27, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx32(Box27, { flexDirection: "column", flexGrow: 1, marginRight: 1, children: /* @__PURE__ */ jsx32(
+        StreamOutput,
+        {
+          content,
+          isStreaming,
+          enableMarkdown,
+          maxVisibleLines,
+          scrollOffset
+        }
+      ) }),
+      /* @__PURE__ */ jsx32(
+        Scrollbar,
+        {
+          totalLines,
+          visibleLines: maxVisibleLines,
+          scrollOffset: maxScroll - Math.min(scrollOffset, maxScroll),
+          height: maxVisibleLines
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx32(ErrorDisplay3, { error })
+  ] });
+});
 
 // src/ink/marathon/upgrade-modal-utils.ts
 var UPGRADE_LIMIT_TYPES = /* @__PURE__ */ new Set([
@@ -12192,7 +12834,7 @@ function isAllowedCheckpointBrowseKey(key, isBrowsingScreen) {
 }
 
 // src/ink/marathon/MarathonApp.tsx
-import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
 var TOOL_PANEL_WIDE = 48;
 var TOOL_PANEL_NARROW = 36;
 var NARROW_THRESHOLD = 100;
@@ -12211,22 +12853,23 @@ function cloneSessionSnapshot(snapshot) {
       ...tool.parameters ? { parameters: structuredClone(tool.parameters) } : {},
       ...tool.result !== void 0 ? { result: structuredClone(tool.result) } : {}
     })),
-    rawEvents: snapshot.rawEvents.map((event) => ({
-      ...event,
-      data: structuredClone(event.data)
-    }))
+    rawEvents: [...snapshot.rawEvents]
   };
 }
 function upsertSessionSnapshots(snapshots, nextSnapshot) {
-  const bySessionIndex = /* @__PURE__ */ new Map();
-  for (const snapshot of snapshots) {
-    bySessionIndex.set(snapshot.sessionIndex, cloneSessionSnapshot(snapshot));
-  }
-  bySessionIndex.set(nextSnapshot.sessionIndex, cloneSessionSnapshot(nextSnapshot));
-  return Array.from(bySessionIndex.values()).sort((left, right) => left.sessionIndex - right.sessionIndex);
+  const cloned = cloneSessionSnapshot(nextSnapshot);
+  const existingIndex = snapshots.findIndex((s) => s.sessionIndex === nextSnapshot.sessionIndex);
+  if (existingIndex >= 0) {
+    const result2 = [...snapshots];
+    result2[existingIndex] = cloned;
+    return result2;
+  }
+  const result = [...snapshots, cloned];
+  result.sort((left, right) => left.sessionIndex - right.sessionIndex);
+  return result;
 }
-function buildLiveSessionSnapshot(liveState, sessionIndex, model) {
-  const hasLiveState = liveState.phase === "thinking" || Boolean(liveState.content) || Boolean(liveState.reasoning) || liveState.tools.length > 0 || liveState.rawEvents.length > 0 || Boolean(liveState.contextCompaction?.active);
+function buildLiveSessionSnapshot(liveState, rawEvents, sessionIndex, model) {
+  const hasLiveState = liveState.phase === "thinking" || Boolean(liveState.content) || Boolean(liveState.reasoning) || liveState.tools.length > 0 || rawEvents.length > 0 || Boolean(liveState.contextCompaction?.active);
   if (!hasLiveState) return void 0;
   return {
     sessionIndex,
@@ -12235,15 +12878,8 @@ function buildLiveSessionSnapshot(liveState, sessionIndex, model) {
     cost: liveState.totalCost,
     content: liveState.content,
     reasoning: liveState.reasoning,
-    tools: liveState.tools.map((tool) => ({
-      ...tool,
-      ...tool.parameters ? { parameters: structuredClone(tool.parameters) } : {},
-      ...tool.result !== void 0 ? { result: structuredClone(tool.result) } : {}
-    })),
-    rawEvents: liveState.rawEvents.map((event) => ({
-      ...event,
-      data: structuredClone(event.data)
-    }))
+    tools: liveState.tools,
+    rawEvents
   };
 }
 function copyToClipboard(text) {
@@ -12264,8 +12900,15 @@ function copyToClipboard(text) {
     return false;
   }
 }
+function isBlank(s) {
+  for (let i = 0; i < s.length; i++) {
+    const c = s.charCodeAt(i);
+    if (c !== 32 && c !== 9 && c !== 10 && c !== 13) return false;
+  }
+  return true;
+}
 function shouldShowMarathonLoadingAnimation(params) {
-  return params.allowInitialInlineLoader && !params.content.trim() && !params.reasoning.trim() && params.toolCount === 0 && (params.phase === "idle" || params.phase === "thinking");
+  return params.allowInitialInlineLoader && isBlank(params.content) && isBlank(params.reasoning) && params.toolCount === 0 && (params.phase === "idle" || params.phase === "thinking");
 }
 function MarathonApp({
   taskName,
@@ -12298,7 +12941,10 @@ function MarathonApp({
 }) {
   const {
     state,
+    rawEventsRef,
     callbacks,
+    getHydratedState,
+    hydrateToolEntry,
     reset: _reset,
     setCheckpoint,
     markPendingStart,
@@ -12311,7 +12957,7 @@ function MarathonApp({
   } = useMarathonStream();
   const { exit } = useApp4();
   const { stdout } = useStdout5();
-  const separator = theme30.separator ?? " \xB7 ";
+  const separator = theme31.separator ?? " \xB7 ";
   const checkpointResolveRef = useRef8(null);
   const [checkpointRecap, setCheckpointRecap] = useState22(null);
   const [currentModel, setCurrentModel] = useState22(model || "default");
@@ -12364,7 +13010,7 @@ function MarathonApp({
   useEffect20(() => {
     streamRef.current = {
       getCallbacks: () => callbacks,
-      getState: () => state,
+      getState: () => getHydratedState(),
       appendSessionSnapshot: (snapshot) => {
         setSessionSnapshots((prev) => upsertSessionSnapshots(prev, snapshot));
         const snapshotKey = createSessionTabKey(snapshot.sessionIndex);
@@ -12421,7 +13067,7 @@ function MarathonApp({
     setCheckpoint,
     showError,
     startContextCompaction,
-    state,
+    getHydratedState,
     streamRef,
     resetForNewSession
   ]);
@@ -12483,7 +13129,7 @@ function MarathonApp({
           content: state.content,
           reasoning: state.reasoning,
           tools: state.tools,
-          rawEvents: state.rawEvents
+          rawEvents: rawEventsRef.current
         }, null, 2);
       }
       const ok = copyToClipboard(json);
@@ -12491,7 +13137,7 @@ function MarathonApp({
     } catch {
       showFlash("Copy failed");
     }
-  }, [sessionSnapshots, state.content, state.reasoning, state.tools, state.rawEvents, stateFilePath2]);
+  }, [sessionSnapshots, state.content, state.reasoning, state.tools, stateFilePath2]);
   const handleOpenStateFile = useCallback8(() => {
     setShowSessionMenu(false);
     if (stateFilePath2 && fs4.existsSync(stateFilePath2)) {
@@ -12517,10 +13163,11 @@ function MarathonApp({
       void open4(agentPageUrl);
     }
   }, [agentPageUrl]);
-  const shouldShowLiveTab = Boolean(state.contextCompaction?.active) || state.phase !== "idle" && state.phase !== "checkpoint" && state.phase !== "complete" && (Boolean(state.content) || Boolean(state.reasoning) || state.tools.length > 0 || state.rawEvents.length > 0 || state.phase === "thinking" || state.phase === "error");
+  const shouldShowLiveTab = Boolean(state.contextCompaction?.active) || state.phase !== "idle" && state.phase !== "checkpoint" && state.phase !== "complete" && (Boolean(state.content) || Boolean(state.reasoning) || state.tools.length > 0 || rawEventsRef.current.length > 0 || state.phase === "thinking" || state.phase === "error");
   const liveSessionSnapshot = useMemo11(
-    () => shouldShowLiveTab ? buildLiveSessionSnapshot(state, latestCompletedSessionIndex + 1, currentModel) : void 0,
+    () => shouldShowLiveTab ? buildLiveSessionSnapshot(state, rawEventsRef.current, latestCompletedSessionIndex + 1, currentModel) : void 0,
     [currentModel, latestCompletedSessionIndex, shouldShowLiveTab, state]
+    // rawEventsRef.current is read directly — the memo re-evaluates because `state` changes on every event
   );
   const liveSessionKey = liveSessionSnapshot ? createSessionTabKey(liveSessionSnapshot.sessionIndex, "live") : void 0;
   const latestSessionKey = getLatestSessionTabKey(sessionSnapshots, liveSessionSnapshot);
@@ -12544,26 +13191,63 @@ function MarathonApp({
   const displayedContent = displayedSessionSnapshot?.content ?? state.content;
   const displayedReasoning = displayedSessionSnapshot?.reasoning ?? state.reasoning;
   const displayedTools = displayedSessionSnapshot?.tools ?? state.tools;
+  const liveRawEvents = rawEventsRef.current;
   const displayedEvents = useMemo11(() => {
     const snapshotEvents = displayedSessionSnapshot?.rawEvents;
     if (snapshotEvents && snapshotEvents.length > 0) return snapshotEvents;
     if (displayedSessionSnapshot && displayedSessionSnapshot.status !== "live" && stateFilePath2 && snapshotEvents?.length === 0) {
       return readSessionEventLog(stateFilePath2, displayedSessionSnapshot.sessionIndex);
     }
-    return snapshotEvents ?? state.rawEvents;
-  }, [displayedSessionSnapshot, state.rawEvents, stateFilePath2]);
-  const seenEventTypes = useMemo11(
-    () => Array.from(new Set(displayedEvents.map((e) => e.type))).sort(),
-    [displayedEvents]
-  );
+    return snapshotEvents ?? liveRawEvents;
+  }, [displayedSessionSnapshot, liveRawEvents, stateFilePath2]);
+  const seenTypesRef = useRef8({
+    set: /* @__PURE__ */ new Set(),
+    lastLen: 0,
+    eventsRef: null
+  });
+  const seenEventTypes = useMemo11(() => {
+    const cache = seenTypesRef.current;
+    if (cache.eventsRef !== displayedEvents) {
+      cache.set = /* @__PURE__ */ new Set();
+      cache.lastLen = 0;
+      cache.eventsRef = displayedEvents;
+    }
+    const prevSize = cache.set.size;
+    for (let i = cache.lastLen; i < displayedEvents.length; i++) {
+      cache.set.add(displayedEvents[i].type);
+    }
+    cache.lastLen = displayedEvents.length;
+    if (cache.set.size !== prevSize || prevSize === 0) {
+      return Array.from(cache.set).sort();
+    }
+    return void 0;
+  }, [displayedEvents]);
+  const stableSeenEventTypesRef = useRef8([]);
+  if (seenEventTypes !== void 0) {
+    stableSeenEventTypesRef.current = seenEventTypes;
+  }
   const filteredEvents = useMemo11(
     () => eventTypeFilter.size === 0 ? displayedEvents : displayedEvents.filter((e) => eventTypeFilter.has(e.type)),
     [displayedEvents, eventTypeFilter]
   );
-  const trackedFiles = useMemo11(
-    () => extractTrackedFiles(sessionSnapshots, displayedTools, planPath),
-    [sessionSnapshots, displayedTools, planPath]
+  const fileToolFingerprint = useMemo11(
+    () => displayedTools.filter((t) => t.name === "write_file" || t.name === "read_file").map((t) => `${t.id}:${t.name}:${String(t.parameters?.path ?? "")}:${t.startedAt}`).join("|"),
+    [displayedTools]
   );
+  const trackedFilesCacheRef = useRef8({
+    snapshots: null,
+    fingerprint: "",
+    planPath: void 0,
+    value: []
+  });
+  const trackedFilesCache = trackedFilesCacheRef.current;
+  if (trackedFilesCache.snapshots !== sessionSnapshots || trackedFilesCache.fingerprint !== fileToolFingerprint || trackedFilesCache.planPath !== planPath) {
+    trackedFilesCache.snapshots = sessionSnapshots;
+    trackedFilesCache.fingerprint = fileToolFingerprint;
+    trackedFilesCache.planPath = planPath;
+    trackedFilesCache.value = extractTrackedFiles(sessionSnapshots, displayedTools, planPath);
+  }
+  const trackedFiles = trackedFilesCache.value;
   const latestLiveActivityRef = useRef8(void 0);
   const upgradePrompt = useMemo11(() => parseMarathonUpgradePrompt(state.error), [state.error]);
   const upgradePromptKey = useMemo11(
@@ -12614,7 +13298,7 @@ function MarathonApp({
     setUpgradeModalDismissed(false);
   }, [upgradePromptKey]);
   useEffect20(() => {
-    const liveActivityKey = liveSessionSnapshot ? `${liveSessionSnapshot.sessionIndex}:${state.phase}:${state.content.length}:${state.reasoning.length}:${state.tools.length}:${state.rawEvents.length}` : void 0;
+    const liveActivityKey = liveSessionSnapshot ? `${liveSessionSnapshot.sessionIndex}:${state.phase}:${state.content.length}:${state.reasoning.length}:${state.tools.length}:${rawEventsRef.current.length}` : void 0;
     if (!liveActivityKey) {
       latestLiveActivityRef.current = void 0;
       return;
@@ -12629,7 +13313,6 @@ function MarathonApp({
     liveSessionSnapshot,
     state.content.length,
     state.phase,
-    state.rawEvents.length,
     state.reasoning.length,
     state.tools.length
   ]);
@@ -12653,14 +13336,9 @@ function MarathonApp({
     }
     setPreviewUrl(void 0);
   }, [displayedTools, selectedIsLive, followLatest, state.phase]);
-  useEffect20(() => {
-    if (showEventStream && filteredEvents.length > 0 && eventCursor === -1) {
-      setEventCursor(filteredEvents.length - 1);
-    }
-  }, [filteredEvents.length, eventCursor, showEventStream]);
   useEffect20(() => {
     if (allowInitialInlineLoader) return;
-    const hasVisibleSessionActivity = Boolean(state.content.trim()) || Boolean(state.reasoning.trim()) || state.tools.length > 0 || state.error !== null;
+    const hasVisibleSessionActivity = !isBlank(state.content) || !isBlank(state.reasoning) || state.tools.length > 0 || state.error !== null;
     if (hasVisibleSessionActivity) {
       setAllowInitialInlineLoader(true);
     }
@@ -12701,7 +13379,7 @@ function MarathonApp({
           content: state.content,
           reasoning: state.reasoning,
           tools: state.tools,
-          rawEvents: state.rawEvents,
+          rawEvents: rawEventsRef.current,
           sessionSnapshots
         });
         exit();
@@ -12858,7 +13536,8 @@ function MarathonApp({
       return;
     }
     if (_input === "c" && showEventStream) {
-      const evt = detailEvent ?? filteredEvents[eventCursor];
+      const eCursor = eventCursor === -1 ? filteredEvents.length - 1 : eventCursor;
+      const evt = detailEvent ?? filteredEvents[eCursor];
       if (evt) {
         const payload = detailEvent ? formatEventDetailCopyText(evt, filteredEvents[0]?.timestamp ?? null) : JSON.stringify(evt.data, null, 2);
         const ok = copyToClipboard(payload);
@@ -12874,7 +13553,8 @@ function MarathonApp({
       return;
     }
     if (_input === "c" && showToolsPanel) {
-      const tool = detailToolEntry ?? displayedTools[toolCursor];
+      const selectedTool = displayedTools[toolCursor];
+      const tool = detailToolEntry ?? (selectedTool ? hydrateToolEntry(selectedTool) : void 0);
       if (tool) {
         const payload = detailToolEntry ? formatToolDetailCopyText(tool) : JSON.stringify({ name: tool.name, parameters: tool.parameters, result: tool.result }, null, 2);
         const ok = copyToClipboard(payload);
@@ -12902,7 +13582,8 @@ function MarathonApp({
       return;
     }
     if (key.return && showEventStream && !detailEvent) {
-      const evt = filteredEvents[eventCursor];
+      const eCursor = eventCursor === -1 ? filteredEvents.length - 1 : eventCursor;
+      const evt = filteredEvents[eCursor];
       if (evt) {
         setDetailEvent(evt);
         setDetailScrollOffset(0);
@@ -12917,7 +13598,7 @@ function MarathonApp({
     if (key.return && showToolsPanel && !detailToolEntry) {
       const tool = displayedTools[toolCursor];
       if (tool) {
-        setDetailToolEntry(tool);
+        setDetailToolEntry(hydrateToolEntry(tool));
         setToolDetailScrollOffset(0);
       }
       return;
@@ -12944,9 +13625,12 @@ function MarathonApp({
       } else if (showEventStream && detailEvent) {
         setDetailScrollOffset((prev) => Math.max(0, prev - SCROLL_STEP));
       } else if (showEventStream) {
-        setEventCursor((prev) => Math.max(0, prev - 1));
+        setEventCursor((prev) => {
+          const eff = prev === -1 ? filteredEvents.length - 1 : prev;
+          return Math.max(0, eff - 1);
+        });
       } else {
-        const contentLines = displayedContent.split("\n").length * 2;
+        const contentLines = overviewTotalLines * 2;
         const visibleRows = state.phase === "checkpoint" && checkpointRecap ? adjustedContentHeight - checkpointPromptRows : transcriptRows;
         const maxOverviewScroll = Math.max(0, contentLines - visibleRows);
         setScrollOffset((prev) => Math.min(prev + SCROLL_STEP, maxOverviewScroll));
@@ -12958,29 +13642,26 @@ function MarathonApp({
         markCheckpointExploring();
       }
       if (showReasoningPanel) {
-        const totalReasoningLines = getReasoningLines(displayedReasoning, terminalWidth).length;
-        const maxReasoningScroll = Math.max(0, totalReasoningLines - (adjustedContentHeight - 3));
+        const maxReasoningScroll = Math.max(0, reasoningDetailLineCount - (adjustedContentHeight - 3));
         setReasoningScrollOffset((prev) => Math.min(prev + SCROLL_STEP, maxReasoningScroll));
       } else if (showFilesPanel && detailFile && detailFileContent) {
-        const renderedLines = getFileRenderedLineCount(detailFile.path, detailFileContent, terminalWidth);
-        const maxFileScroll = Math.max(0, renderedLines - (adjustedContentHeight - 3));
+        const maxFileScroll = Math.max(0, fileDetailRenderedLineCount - (adjustedContentHeight - 3));
         setFileDetailScrollOffset((prev) => Math.min(prev + SCROLL_STEP, maxFileScroll));
       } else if (showFilesPanel) {
         setFileCursor((prev) => Math.min(trackedFiles.length - 1, prev + 1));
       } else if (showToolsPanel && detailToolEntry) {
-        const totalToolLines = getToolDetailLines(detailToolEntry, terminalWidth).length;
-        const maxToolScroll = Math.max(0, totalToolLines - (adjustedContentHeight - 3));
+        const maxToolScroll = Math.max(0, toolDetailLineCount - (adjustedContentHeight - 3));
         setToolDetailScrollOffset((prev) => Math.min(prev + SCROLL_STEP, maxToolScroll));
       } else if (showToolsPanel) {
         setToolCursor((prev) => Math.min(displayedTools.length - 1, prev + 1));
       } else if (showEventStream && detailEvent) {
-        const wrapWidth = Math.max(20, terminalWidth - 4);
-        const json = JSON.stringify(detailEvent.data, null, 2);
-        const wrappedLines = json.split("\n").reduce((count, line) => count + (line.length <= wrapWidth ? 1 : Math.ceil(line.length / wrapWidth)), 0);
-        const maxEventScroll = Math.max(0, wrappedLines - (adjustedContentHeight - 3));
+        const maxEventScroll = Math.max(0, eventDetailLineCount - (adjustedContentHeight - 3));
         setDetailScrollOffset((prev) => Math.min(prev + SCROLL_STEP, maxEventScroll));
       } else if (showEventStream) {
-        setEventCursor((prev) => Math.min(filteredEvents.length - 1, prev + 1));
+        setEventCursor((prev) => {
+          const eff = prev === -1 ? filteredEvents.length - 1 : prev;
+          return Math.min(filteredEvents.length - 1, eff + 1);
+        });
       } else {
         setScrollOffset((prev) => Math.max(0, prev - SCROLL_STEP));
       }
@@ -12989,11 +13670,17 @@ function MarathonApp({
     if (showEventStream && !detailEvent) {
       const pageSize = Math.max(1, adjustedContentHeight - 3);
       if (key.pageUp) {
-        setEventCursor((prev) => Math.max(0, prev - pageSize));
+        setEventCursor((prev) => {
+          const eff = prev === -1 ? filteredEvents.length - 1 : prev;
+          return Math.max(0, eff - pageSize);
+        });
         return;
       }
       if (key.pageDown) {
-        setEventCursor((prev) => Math.min(filteredEvents.length - 1, prev + pageSize));
+        setEventCursor((prev) => {
+          const eff = prev === -1 ? filteredEvents.length - 1 : prev;
+          return Math.min(filteredEvents.length - 1, eff + pageSize);
+        });
         return;
       }
       if (key.home) {
@@ -13001,7 +13688,7 @@ function MarathonApp({
         return;
       }
       if (key.end) {
-        setEventCursor(filteredEvents.length - 1);
+        setEventCursor(-1);
         return;
       }
     }
@@ -13040,7 +13727,7 @@ function MarathonApp({
       const tool = displayedTools[newIndex];
       if (tool) {
         setToolCursor(newIndex);
-        setDetailToolEntry(tool);
+        setDetailToolEntry(hydrateToolEntry(tool));
         setToolDetailScrollOffset(0);
       }
       return;
@@ -13050,17 +13737,19 @@ function MarathonApp({
       const tool = displayedTools[newIndex];
       if (tool) {
         setToolCursor(newIndex);
-        setDetailToolEntry(tool);
+        setDetailToolEntry(hydrateToolEntry(tool));
         setToolDetailScrollOffset(0);
       }
       return;
     }
     if (key.leftArrow && showEventStream && detailEvent) {
-      navigateToEvent(eventCursor - 1);
+      const eCursor = eventCursor === -1 ? filteredEvents.length - 1 : eventCursor;
+      navigateToEvent(eCursor - 1);
       return;
     }
     if (key.rightArrow && showEventStream && detailEvent) {
-      navigateToEvent(eventCursor + 1);
+      const eCursor = eventCursor === -1 ? filteredEvents.length - 1 : eventCursor;
+      navigateToEvent(eCursor + 1);
       return;
     }
   });
@@ -13074,9 +13763,10 @@ function MarathonApp({
   const totalCost = initialCost + state.totalCost;
   const hasTabs = allTabs.length > 0;
   const hasTools = displayedTools.length > 0;
-  const hasReasoning = Boolean(displayedReasoning.trim());
+  const hasReasoning = !isBlank(displayedReasoning);
   const showThinkingIndicator = selectedIsLive && state.phase === "thinking" && !hasReasoning;
   const showContextCompactionIndicator = selectedIsLive && Boolean(state.contextCompaction?.active);
+  const reasoningCharCount = displayedReasoning.length;
   const showLoadingAnimation = !showContextCompactionIndicator && shouldShowMarathonLoadingAnimation({
     allowInitialInlineLoader,
     content: displayedContent,
@@ -13163,7 +13853,7 @@ function MarathonApp({
     );
   })();
   const filesCenter = detailFile ? `${detailFile.path.split("/").pop()}${separator}${fileCursor + 1}/${trackedFiles.length}` : `${trackedFiles.length} files`;
-  const detailCenter = detailEvent ? `Event detail${separator}${eventCursor + 1}/${filteredEvents.length}` : "Event stream";
+  const detailCenter = detailEvent ? `Event detail${separator}${eventCursor === -1 ? filteredEvents.length : eventCursor + 1}/${filteredEvents.length}` : "Event stream";
   const toolsCenter = detailToolEntry ? `Tool detail${separator}${toolCursor + 1}/${displayedTools.length}` : `${displayedTools.length} tool calls`;
   const goalText = goal || "";
   const goalExpandedRows = goalExpanded && goalText.length > terminalWidth - 4 ? Math.ceil(goalText.length / (terminalWidth - 4)) - 1 : 0;
@@ -13188,16 +13878,33 @@ function MarathonApp({
     3,
     adjustedContentHeight - reasoningHintRows - reasoningBodyRows - reasoningLiveRows - thinkingRows - compactionIndicatorRows
   );
+  const reasoningDetailLineCount = useMemo11(() => {
+    const trimmed = displayedReasoning.trimEnd();
+    return trimmed ? getReasoningLines(trimmed, terminalWidth).length : 0;
+  }, [displayedReasoning, terminalWidth]);
+  const fileDetailRenderedLineCount = useMemo11(
+    () => detailFile && detailFileContent ? getFileRenderedLineCount(detailFile.path, detailFileContent, terminalWidth) : 0,
+    [detailFile, detailFileContent, terminalWidth]
+  );
+  const toolDetailLineCount = useMemo11(
+    () => detailToolEntry ? getToolDetailLines(detailToolEntry, terminalWidth).length : 0,
+    [detailToolEntry, terminalWidth]
+  );
+  const eventDetailLineCount = useMemo11(
+    () => detailEvent ? getEventDetailLines(detailEvent, terminalWidth).length : 0,
+    [detailEvent, terminalWidth]
+  );
+  const overviewTotalLines = useMemo11(() => displayedContent.split("\n").length, [displayedContent]);
   const upgradeModalWidth = Math.max(24, Math.min(terminalWidth - 6, 88));
-  const showUpgradeBrowseHint = canBrowseAfterUpgradeError && selectedIsLive && !displayedContent.trim() && !displayedReasoning.trim() && displayedTools.length === 0 && displayedEvents.length === 0;
-  return /* @__PURE__ */ jsxs25(
-    Box26,
+  const showUpgradeBrowseHint = canBrowseAfterUpgradeError && selectedIsLive && isBlank(displayedContent) && isBlank(displayedReasoning) && displayedTools.length === 0 && displayedEvents.length === 0;
+  return /* @__PURE__ */ jsxs26(
+    Box28,
     {
       flexDirection: "column",
       height: terminalRows,
       width: terminalWidth,
       children: [
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           SessionHeader,
           {
             sessionName: taskName,
@@ -13217,8 +13924,8 @@ function MarathonApp({
             currentMilestone
           }
         ),
-        /* @__PURE__ */ jsx31(Box26, { marginLeft: 1, children: /* @__PURE__ */ jsx31(ScreenTabs, { activeTab: activeScreen, width: terminalWidth - 1, shortcutHint: "Tab: next screen" }) }),
-        hasTabs && /* @__PURE__ */ jsx31(Box26, { width: terminalWidth, marginBottom: 1, marginLeft: 1, children: /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(Box28, { marginLeft: 1, children: /* @__PURE__ */ jsx33(ScreenTabs, { activeTab: activeScreen, width: terminalWidth - 1, shortcutHint: "Tab: next screen" }) }),
+        hasTabs && /* @__PURE__ */ jsx33(Box28, { width: terminalWidth, marginBottom: 1, marginLeft: 1, children: /* @__PURE__ */ jsx33(
           SessionTabs,
           {
             tabs: visibleTabs.tabs,
@@ -13227,13 +13934,13 @@ function MarathonApp({
             shortcutHint: allTabs.length > 1 ? "Shift+\u2190/\u2192: select run" : void 0
           }
         ) }),
-        showFilesPanel ? /* @__PURE__ */ jsx31(
-          Box26,
+        showFilesPanel ? /* @__PURE__ */ jsx33(
+          Box28,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx33(
               FilesPanel,
               {
                 files: trackedFiles,
@@ -13249,13 +13956,13 @@ function MarathonApp({
               }
             )
           }
-        ) : showReasoningPanel ? /* @__PURE__ */ jsx31(
-          Box26,
+        ) : showReasoningPanel ? /* @__PURE__ */ jsx33(
+          Box28,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx33(
               ReasoningPanel,
               {
                 reasoning: displayedReasoning,
@@ -13265,34 +13972,34 @@ function MarathonApp({
               }
             )
           }
-        ) : showEventStream ? /* @__PURE__ */ jsx31(
-          Box26,
+        ) : showEventStream ? /* @__PURE__ */ jsx33(
+          Box28,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx33(
               EventStreamPanel,
               {
                 events: filteredEvents,
                 startTime: filteredEvents[0]?.timestamp ?? null,
                 maxVisibleLines: adjustedContentHeight - 1,
-                selectedIndex: eventCursor,
+                selectedIndex: eventCursor === -1 ? filteredEvents.length - 1 : eventCursor,
                 detailEvent,
                 detailScrollOffset,
                 width: terminalWidth,
                 activeFilterCount: eventTypeFilter.size,
-                totalTypeCount: seenEventTypes.length
+                totalTypeCount: stableSeenEventTypesRef.current.length
               }
             )
           }
-        ) : showToolsPanel ? /* @__PURE__ */ jsx31(
-          Box26,
+        ) : showToolsPanel ? /* @__PURE__ */ jsx33(
+          Box28,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx33(
               ToolsPanel,
               {
                 tools: displayedTools,
@@ -13304,14 +14011,14 @@ function MarathonApp({
               }
             )
           }
-        ) : state.phase === "checkpoint" && checkpointRecap ? /* @__PURE__ */ jsxs25(
-          Box26,
+        ) : state.phase === "checkpoint" && checkpointRecap ? /* @__PURE__ */ jsxs26(
+          Box28,
           {
             flexDirection: isStacked ? "column" : "row",
             height: adjustedContentHeight,
             children: [
-              /* @__PURE__ */ jsxs25(
-                Box26,
+              /* @__PURE__ */ jsxs26(
+                Box28,
                 {
                   flexDirection: "column",
                   flexGrow: 1,
@@ -13319,33 +14026,20 @@ function MarathonApp({
                   marginLeft: contentMarginLeft,
                   marginRight: contentMarginRight,
                   children: [
-                    /* @__PURE__ */ jsxs25(Box26, { flexDirection: "row", flexGrow: 1, overflow: "hidden", marginBottom: 1, children: [
-                      /* @__PURE__ */ jsx31(Box26, { flexDirection: "column", flexGrow: 1, marginRight: 1, children: /* @__PURE__ */ jsx31(
-                        StreamOutput,
-                        {
-                          content: displayedContent,
-                          isStreaming: false,
-                          enableMarkdown: !plainText,
-                          maxVisibleLines: adjustedContentHeight - checkpointPromptRows - 1,
-                          scrollOffset
-                        }
-                      ) }),
-                      (() => {
-                        const checkpointVisibleRows = adjustedContentHeight - checkpointPromptRows - 1;
-                        const checkpointTotalLines = displayedContent.split("\n").length;
-                        const checkpointMaxScroll = Math.max(0, checkpointTotalLines - checkpointVisibleRows);
-                        return /* @__PURE__ */ jsx31(
-                          Scrollbar,
-                          {
-                            totalLines: checkpointTotalLines,
-                            visibleLines: checkpointVisibleRows,
-                            scrollOffset: checkpointMaxScroll - Math.min(scrollOffset, checkpointMaxScroll),
-                            height: checkpointVisibleRows
-                          }
-                        );
-                      })()
-                    ] }),
-                    /* @__PURE__ */ jsx31(
+                    /* @__PURE__ */ jsx33(Box28, { flexDirection: "row", flexGrow: 1, overflow: "hidden", marginBottom: 1, children: /* @__PURE__ */ jsx33(Box28, { flexDirection: "column", flexGrow: 1, children: /* @__PURE__ */ jsx33(
+                      OverviewTranscriptPane,
+                      {
+                        content: displayedContent,
+                        enableMarkdown: !plainText,
+                        isStreaming: false,
+                        maxVisibleLines: adjustedContentHeight - checkpointPromptRows - 1,
+                        scrollOffset,
+                        totalLines: overviewTotalLines,
+                        paneWidth: transcriptPaneWidth,
+                        contentHeight: adjustedContentHeight
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsx33(
                       CheckpointPrompt,
                       {
                         onSubmit: handleCheckpointSubmit,
@@ -13363,137 +14057,74 @@ function MarathonApp({
                   ]
                 }
               ),
-              !isStacked && (hasTools || hasReasoning) && /* @__PURE__ */ jsx31(
-                Box26,
+              !isStacked && (hasTools || hasReasoning) && /* @__PURE__ */ jsx33(
+                OverviewActivityPane,
                 {
-                  flexDirection: "column",
-                  width: toolPanelWidth,
-                  flexShrink: 0,
-                  borderStyle: "single",
-                  borderColor: theme30.border,
-                  backgroundColor: theme30.background,
-                  paddingX: theme30.panelPaddingX,
-                  paddingY: theme30.panelPaddingY,
-                  children: /* @__PURE__ */ jsx31(
-                    ToolPanel,
-                    {
-                      tools: displayedTools,
-                      reasoning: displayedReasoning,
-                      files: trackedFiles,
-                      maxHeight: adjustedContentHeight - 2
-                    }
-                  )
+                  tools: displayedTools,
+                  reasoningCharCount,
+                  files: trackedFiles,
+                  maxHeight: adjustedContentHeight - 2,
+                  width: toolPanelWidth
                 }
               )
             ]
           }
-        ) : /* @__PURE__ */ jsxs25(
-          Box26,
+        ) : /* @__PURE__ */ jsxs26(
+          Box28,
           {
             flexDirection: isStacked ? "column" : "row",
             height: adjustedContentHeight,
             overflow: "hidden",
             children: [
-              /* @__PURE__ */ jsx31(
-                Box26,
+              /* @__PURE__ */ jsx33(
+                Box28,
                 {
                   flexDirection: "column",
                   flexGrow: 1,
                   flexShrink: 1,
                   marginLeft: contentMarginLeft,
                   marginRight: contentMarginRight,
-                  children: showLoadingAnimation ? /* @__PURE__ */ jsx31(
-                    Box26,
+                  children: /* @__PURE__ */ jsx33(
+                    OverviewTranscriptPane,
                     {
-                      flexGrow: 1,
-                      minHeight: adjustedContentHeight,
-                      overflow: "hidden",
-                      children: /* @__PURE__ */ jsx31(
-                        LoadingAnimation,
-                        {
-                          width: transcriptPaneWidth,
-                          height: adjustedContentHeight
-                        }
-                      )
+                      content: displayedContent,
+                      enableMarkdown: !plainText,
+                      isStreaming: selectedIsLive && state.phase === "streaming",
+                      maxVisibleLines: transcriptRows,
+                      scrollOffset,
+                      totalLines: overviewTotalLines,
+                      paneWidth: transcriptPaneWidth,
+                      contentHeight: adjustedContentHeight,
+                      showLoadingAnimation,
+                      hasReasoning,
+                      visibleReasoningLines,
+                      reasoningCollapsed,
+                      reasoningLive: selectedIsLive && state.phase === "thinking" && !reasoningCollapsed,
+                      showThinkingIndicator,
+                      thinkingStartedAt: state.thinkingStartedAt,
+                      contextCompaction: showContextCompactionIndicator ? state.contextCompaction : null,
+                      showUpgradeBrowseHint,
+                      error: selectedIsLive && !upgradePrompt ? state.error : null
                     }
-                  ) : /* @__PURE__ */ jsxs25(Fragment3, { children: [
-                    hasReasoning && /* @__PURE__ */ jsx31(Box26, { flexDirection: "column", marginBottom: reasoningCollapsed ? 0 : 1, children: /* @__PURE__ */ jsx31(
-                      ReasoningBlock,
-                      {
-                        lines: visibleReasoningLines,
-                        live: selectedIsLive && state.phase === "thinking" && !reasoningCollapsed,
-                        collapsed: reasoningCollapsed,
-                        showToggleHint: true
-                      }
-                    ) }),
-                    showThinkingIndicator && /* @__PURE__ */ jsx31(ThinkingIndicator, { startedAt: state.thinkingStartedAt }),
-                    showContextCompactionIndicator && state.contextCompaction && /* @__PURE__ */ jsx31(ContextCompactionIndicator, { compaction: state.contextCompaction }),
-                    showUpgradeBrowseHint && /* @__PURE__ */ jsx31(Box26, { marginBottom: 1, children: /* @__PURE__ */ jsx31(
-                      ReasoningBlock,
-                      {
-                        lines: [
-                          "Upgrade modal dismissed.",
-                          "Use Shift+Left/Right or 1-9 to review previous marathon runs."
-                        ],
-                        compact: true
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs25(Box26, { flexDirection: "row", children: [
-                      /* @__PURE__ */ jsx31(Box26, { flexDirection: "column", flexGrow: 1, marginRight: 1, children: /* @__PURE__ */ jsx31(
-                        StreamOutput,
-                        {
-                          content: displayedContent,
-                          isStreaming: selectedIsLive && state.phase === "streaming",
-                          enableMarkdown: !plainText,
-                          maxVisibleLines: transcriptRows,
-                          scrollOffset
-                        }
-                      ) }),
-                      (() => {
-                        const overviewTotalLines = displayedContent.split("\n").length;
-                        const overviewMaxScroll = Math.max(0, overviewTotalLines - transcriptRows);
-                        return /* @__PURE__ */ jsx31(
-                          Scrollbar,
-                          {
-                            totalLines: overviewTotalLines,
-                            visibleLines: transcriptRows,
-                            scrollOffset: overviewMaxScroll - Math.min(scrollOffset, overviewMaxScroll),
-                            height: transcriptRows
-                          }
-                        );
-                      })()
-                    ] }),
-                    selectedIsLive && state.error && !upgradePrompt && /* @__PURE__ */ jsx31(ErrorDisplay3, { error: state.error })
-                  ] })
+                  )
                 }
               ),
-              (hasTools || hasReasoning) && /* @__PURE__ */ jsx31(
-                Box26,
+              (hasTools || hasReasoning) && /* @__PURE__ */ jsx33(
+                OverviewActivityPane,
                 {
-                  flexDirection: "column",
-                  width: isStacked ? void 0 : toolPanelWidth,
-                  flexShrink: 0,
-                  borderStyle: "single",
-                  borderColor: theme30.border,
-                  backgroundColor: theme30.background,
-                  paddingX: theme30.panelPaddingX,
-                  paddingY: theme30.panelPaddingY,
-                  children: /* @__PURE__ */ jsx31(
-                    ToolPanel,
-                    {
-                      tools: displayedTools,
-                      reasoning: displayedReasoning,
-                      files: trackedFiles,
-                      maxHeight: adjustedContentHeight - 2
-                    }
-                  )
+                  tools: displayedTools,
+                  reasoningCharCount,
+                  files: trackedFiles,
+                  maxHeight: adjustedContentHeight - 2,
+                  stacked: isStacked,
+                  width: toolPanelWidth
                 }
               )
             ]
           }
         ),
-        showHelpOverlay && /* @__PURE__ */ jsx31(
-          Box26,
+        showHelpOverlay && /* @__PURE__ */ jsx33(
+          Box28,
           {
             width: terminalWidth,
             marginTop: -adjustedContentHeight,
@@ -13501,8 +14132,8 @@ function MarathonApp({
             justifyContent: "center",
             alignItems: "center",
             flexShrink: 0,
-            backgroundColor: theme30.surfaceMuted,
-            children: /* @__PURE__ */ jsx31(
+            backgroundColor: theme31.surfaceMuted,
+            children: /* @__PURE__ */ jsx33(
               HelpPanel,
               {
                 width: terminalWidth,
@@ -13513,8 +14144,8 @@ function MarathonApp({
             )
           }
         ),
-        showEventTypeFilter && /* @__PURE__ */ jsx31(
-          Box26,
+        showEventTypeFilter && /* @__PURE__ */ jsx33(
+          Box28,
           {
             width: terminalWidth,
             marginTop: -adjustedContentHeight,
@@ -13522,11 +14153,11 @@ function MarathonApp({
             justifyContent: "center",
             alignItems: "center",
             flexShrink: 0,
-            backgroundColor: theme30.surfaceMuted,
-            children: /* @__PURE__ */ jsx31(
+            backgroundColor: theme31.surfaceMuted,
+            children: /* @__PURE__ */ jsx33(
               EventTypeFilter,
               {
-                eventTypes: seenEventTypes,
+                eventTypes: stableSeenEventTypesRef.current,
                 selectedTypes: eventTypeFilter,
                 onApply: (selected) => {
                   setEventTypeFilter(selected);
@@ -13538,8 +14169,8 @@ function MarathonApp({
             )
           }
         ),
-        showSessionMenu && /* @__PURE__ */ jsx31(
-          Box26,
+        showSessionMenu && /* @__PURE__ */ jsx33(
+          Box28,
           {
             width: terminalWidth,
             marginTop: -adjustedContentHeight,
@@ -13547,8 +14178,8 @@ function MarathonApp({
             justifyContent: "center",
             alignItems: "center",
             flexShrink: 0,
-            backgroundColor: theme30.surfaceMuted,
-            children: /* @__PURE__ */ jsx31(
+            backgroundColor: theme31.surfaceMuted,
+            children: /* @__PURE__ */ jsx33(
               SessionActionMenu,
               {
                 onCopySession: handleCopySession,
@@ -13562,8 +14193,8 @@ function MarathonApp({
             )
           }
         ),
-        showUpgradeModal && upgradePrompt && /* @__PURE__ */ jsx31(
-          Box26,
+        showUpgradeModal && upgradePrompt && /* @__PURE__ */ jsx33(
+          Box28,
           {
             marginTop: -adjustedContentHeight,
             marginBottom: -adjustedContentHeight,
@@ -13571,15 +14202,15 @@ function MarathonApp({
             justifyContent: "center",
             alignItems: "center",
             flexShrink: 0,
-            children: /* @__PURE__ */ jsx31(UpgradeModal, { prompt: upgradePrompt, width: upgradeModalWidth })
+            children: /* @__PURE__ */ jsx33(UpgradeModal, { prompt: upgradePrompt, width: upgradeModalWidth })
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx33(
           StatusBar,
           {
-            left: /* @__PURE__ */ jsxs25(Text28, { color: theme30.textMuted, children: [
+            left: /* @__PURE__ */ jsxs26(Text28, { color: theme31.textMuted, children: [
               `Model: ${currentModel}${currentSandbox ? `${separator}Sandbox: ${currentSandbox}` : ""}`,
-              previewUrl && /* @__PURE__ */ jsx31(Text28, { color: theme30.accent, children: `${separator}\x1B]8;;${previewUrl}\x07preview\x1B]8;;\x07` })
+              previewUrl && /* @__PURE__ */ jsx33(Text28, { color: theme31.accent, children: `${separator}\x1B]8;;${previewUrl}\x07preview\x1B]8;;\x07` })
             ] }),
             center: showFilesPanel ? filesCenter : showEventStream ? detailCenter : showToolsPanel ? toolsCenter : void 0,
             right: statusRight
@@ -13592,10 +14223,10 @@ function MarathonApp({
 
 // src/ink/marathon/MarathonStartupShell.tsx
 import { useEffect as useEffect21, useRef as useRef9, useState as useState23 } from "react";
-import { Box as Box27, Text as Text29, useApp as useApp5, useInput as useInput12, useStdout as useStdout6 } from "ink";
-import { theme as theme31 } from "@runtypelabs/ink-components";
+import { Box as Box29, Text as Text29, useApp as useApp5, useInput as useInput12, useStdout as useStdout6 } from "ink";
+import { theme as theme32 } from "@runtypelabs/ink-components";
 import { AnimatedVariant, StartupGridIconCompactLightInverted } from "@runtypelabs/terminal-animations";
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var SCROLL_HINT = "\u2191\u2193 Enter 1-3";
 var PROMPT_COLUMN_MAX = 68;
 var MIN_HOLD_MS = 1500;
@@ -13863,17 +14494,17 @@ function MarathonStartupShell({
   const selectedChoice = prompt?.choices[selectedPromptIndex];
   const contentWidth = prompt || modelChoices || playbookConfirm ? promptColumnWidth : void 0;
   if (scene === "app" && marathonAppProps) {
-    return /* @__PURE__ */ jsx32(MarathonApp, { ...marathonAppProps });
+    return /* @__PURE__ */ jsx34(MarathonApp, { ...marathonAppProps });
   }
-  return /* @__PURE__ */ jsxs26(Box27, { width: terminalWidth, height: terminalRows, backgroundColor: theme31.background, children: [
-    /* @__PURE__ */ jsx32(
-      Box27,
+  return /* @__PURE__ */ jsxs27(Box29, { width: terminalWidth, height: terminalRows, backgroundColor: theme32.background, children: [
+    /* @__PURE__ */ jsx34(
+      Box29,
       {
         position: "absolute",
         width: terminalWidth,
         height: terminalRows,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx32(
+        children: /* @__PURE__ */ jsx34(
           AnimatedVariant,
           {
             variantId: backgroundVariantId,
@@ -13883,8 +14514,8 @@ function MarathonStartupShell({
         )
       }
     ),
-    /* @__PURE__ */ jsx32(
-      Box27,
+    /* @__PURE__ */ jsx34(
+      Box29,
       {
         position: "absolute",
         width: terminalWidth,
@@ -13893,27 +14524,27 @@ function MarathonStartupShell({
         justifyContent: "flex-start",
         paddingX: 1,
         paddingY: 1,
-        children: /* @__PURE__ */ jsx32(StartupGridIconCompactLightInverted, { autoplay: false })
+        children: /* @__PURE__ */ jsx34(StartupGridIconCompactLightInverted, { autoplay: false })
       }
     ),
-    /* @__PURE__ */ jsx32(
-      Box27,
+    /* @__PURE__ */ jsx34(
+      Box29,
       {
         width: terminalWidth,
         height: terminalRows,
         flexDirection: "column",
         justifyContent: "center",
         alignItems: "center",
-        children: /* @__PURE__ */ jsxs26(
-          Box27,
+        children: /* @__PURE__ */ jsxs27(
+          Box29,
           {
             flexDirection: "column",
             alignItems: prompt || modelChoices || playbookConfirm ? "stretch" : "center",
-            backgroundColor: theme31.background,
+            backgroundColor: theme32.background,
             paddingX: 2,
             paddingY: 1,
             children: [
-              !prompt && !modelChoices && !playbookConfirm && /* @__PURE__ */ jsx32(Text29, { color: theme31.textMuted, children: statusMessage }),
+              !prompt && !modelChoices && !playbookConfirm && /* @__PURE__ */ jsx34(Text29, { color: theme32.textMuted, children: statusMessage }),
               playbookConfirm && !modelChoices && (() => {
                 const milestoneCount = playbookConfirm.milestoneNames.length;
                 const hasEdits = JSON.stringify(playbookConfirm.milestoneModels) !== JSON.stringify(playbookConfirm.originalModels);
@@ -13922,33 +14553,33 @@ function MarathonStartupShell({
                   "Use single model instead",
                   ...hasEdits ? ["Discard changes"] : []
                 ];
-                return /* @__PURE__ */ jsxs26(Box27, { width: contentWidth, flexDirection: "column", marginTop: 1, children: [
-                  /* @__PURE__ */ jsxs26(Text29, { bold: true, color: theme31.text, children: [
+                return /* @__PURE__ */ jsxs27(Box29, { width: contentWidth, flexDirection: "column", marginTop: 1, children: [
+                  /* @__PURE__ */ jsxs27(Text29, { bold: true, color: theme32.text, children: [
                     "Playbook: ",
                     playbookConfirm.name
                   ] }),
-                  /* @__PURE__ */ jsx32(Box27, { marginTop: 1, flexDirection: "column", children: playbookConfirm.milestoneNames.map((milestone, i) => {
+                  /* @__PURE__ */ jsx34(Box29, { marginTop: 1, flexDirection: "column", children: playbookConfirm.milestoneNames.map((milestone, i) => {
                     const isSelected = i === playbookConfirm.selectedIndex;
                     const model = playbookConfirm.milestoneModels[milestone];
                     const wasEdited = model !== playbookConfirm.originalModels[milestone];
-                    return /* @__PURE__ */ jsxs26(Box27, { children: [
-                      /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.accent : theme31.textSubtle, children: isSelected ? "\u203A " : "  " }),
-                      /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.text : theme31.textSubtle, bold: isSelected, children: milestone.padEnd(16) }),
-                      /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.accent : theme31.textMuted, children: model }),
-                      wasEdited && /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: " (edited)" })
+                    return /* @__PURE__ */ jsxs27(Box29, { children: [
+                      /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.accent : theme32.textSubtle, children: isSelected ? "\u203A " : "  " }),
+                      /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.text : theme32.textSubtle, bold: isSelected, children: milestone.padEnd(16) }),
+                      /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.accent : theme32.textMuted, children: model }),
+                      wasEdited && /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: " (edited)" })
                     ] }, milestone);
                   }) }),
-                  /* @__PURE__ */ jsx32(Box27, { marginTop: 1, flexDirection: "column", children: actions.map((label, ai) => {
+                  /* @__PURE__ */ jsx34(Box29, { marginTop: 1, flexDirection: "column", children: actions.map((label, ai) => {
                     const isSelected = playbookConfirm.selectedIndex === milestoneCount + ai;
-                    return /* @__PURE__ */ jsxs26(Box27, { children: [
-                      /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.accent : theme31.textSubtle, children: isSelected ? "\u203A " : "  " }),
-                      /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.text : theme31.textSubtle, bold: isSelected, children: label })
+                    return /* @__PURE__ */ jsxs27(Box29, { children: [
+                      /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.accent : theme32.textSubtle, children: isSelected ? "\u203A " : "  " }),
+                      /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.text : theme32.textSubtle, bold: isSelected, children: label })
                     ] }, label);
                   }) }),
-                  /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { color: theme31.border, children: "\u2191\u2193 navigate \xB7 Enter select" }) })
+                  /* @__PURE__ */ jsx34(Box29, { marginTop: 1, children: /* @__PURE__ */ jsx34(Text29, { color: theme32.border, children: "\u2191\u2193 navigate \xB7 Enter select" }) })
                 ] });
               })(),
-              modelChoices && /* @__PURE__ */ jsx32(Box27, { width: contentWidth, flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx32(
+              modelChoices && /* @__PURE__ */ jsx34(Box29, { width: contentWidth, flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx34(
                 ModelPicker,
                 {
                   currentModel,
@@ -13966,27 +14597,27 @@ function MarathonStartupShell({
                   }
                 }
               ) }),
-              prompt && /* @__PURE__ */ jsxs26(Box27, { width: contentWidth, flexDirection: "column", marginTop: 1, children: [
-                /* @__PURE__ */ jsx32(Text29, { bold: true, color: theme31.text, children: promptShellModel?.heading }),
-                promptShellModel?.task && /* @__PURE__ */ jsxs26(Box27, { marginTop: 1, children: [
-                  /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: "task " }),
-                  /* @__PURE__ */ jsx32(Text29, { color: theme31.text, children: promptShellModel.task })
+              prompt && /* @__PURE__ */ jsxs27(Box29, { width: contentWidth, flexDirection: "column", marginTop: 1, children: [
+                /* @__PURE__ */ jsx34(Text29, { bold: true, color: theme32.text, children: promptShellModel?.heading }),
+                promptShellModel?.task && /* @__PURE__ */ jsxs27(Box29, { marginTop: 1, children: [
+                  /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: "task " }),
+                  /* @__PURE__ */ jsx34(Text29, { color: theme32.text, children: promptShellModel.task })
                 ] }),
-                promptShellModel?.filePath && /* @__PURE__ */ jsxs26(Box27, { children: [
-                  /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: "state " }),
-                  /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: promptShellModel.filePath })
+                promptShellModel?.filePath && /* @__PURE__ */ jsxs27(Box29, { children: [
+                  /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: "state " }),
+                  /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: promptShellModel.filePath })
                 ] }),
-                promptShellModel?.metaLine && /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: promptShellModel.metaLine }) }),
-                /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: prompt.hint }) }),
-                /* @__PURE__ */ jsx32(Box27, { flexDirection: "column", marginTop: 1, children: prompt.choices.map((choice, index) => {
+                promptShellModel?.metaLine && /* @__PURE__ */ jsx34(Box29, { marginTop: 1, children: /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: promptShellModel.metaLine }) }),
+                /* @__PURE__ */ jsx34(Box29, { marginTop: 1, children: /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: prompt.hint }) }),
+                /* @__PURE__ */ jsx34(Box29, { flexDirection: "column", marginTop: 1, children: prompt.choices.map((choice, index) => {
                   const isSelected = index === selectedPromptIndex;
-                  return /* @__PURE__ */ jsxs26(Box27, { marginTop: index === 0 ? 0 : 1, children: [
-                    /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.accent : theme31.textSubtle, bold: isSelected, children: isSelected ? "\u203A " : "  " }),
-                    /* @__PURE__ */ jsx32(Text29, { color: isSelected ? theme31.text : theme31.textSubtle, bold: isSelected, children: `${index + 1} ${choice.label}` })
+                  return /* @__PURE__ */ jsxs27(Box29, { marginTop: index === 0 ? 0 : 1, children: [
+                    /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.accent : theme32.textSubtle, bold: isSelected, children: isSelected ? "\u203A " : "  " }),
+                    /* @__PURE__ */ jsx34(Text29, { color: isSelected ? theme32.text : theme32.textSubtle, bold: isSelected, children: `${index + 1} ${choice.label}` })
                   ] }, choice.value);
                 }) }),
-                selectedChoice && /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { color: theme31.textSubtle, children: selectedChoice.description }) }),
-                /* @__PURE__ */ jsx32(Box27, { marginTop: 1, children: /* @__PURE__ */ jsx32(Text29, { color: theme31.border, children: SCROLL_HINT }) })
+                selectedChoice && /* @__PURE__ */ jsx34(Box29, { marginTop: 1, children: /* @__PURE__ */ jsx34(Text29, { color: theme32.textSubtle, children: selectedChoice.description }) }),
+                /* @__PURE__ */ jsx34(Box29, { marginTop: 1, children: /* @__PURE__ */ jsx34(Text29, { color: theme32.border, children: SCROLL_HINT }) })
               ] })
             ]
           }
@@ -16050,6 +16681,39 @@ function buildMarathonClientHeaders(devPlanOverride) {
     ...devPlanOverride ? { "X-Dev-Plan-Override": devPlanOverride } : {}
   };
 }
+function normalizeMarathonAgentArgument(agent) {
+  const trimmed = agent.trim();
+  if (trimmed.length < 2) return trimmed;
+  const matchingQuotePairs = [
+    ['"', '"'],
+    ["'", "'"],
+    ["\u201C", "\u201D"],
+    ["\u2018", "\u2019"]
+  ];
+  for (const [openQuote, closeQuote] of matchingQuotePairs) {
+    if (trimmed.startsWith(openQuote) && trimmed.endsWith(closeQuote)) {
+      const unwrapped = trimmed.slice(openQuote.length, trimmed.length - closeQuote.length).trim();
+      return unwrapped || trimmed;
+    }
+  }
+  return trimmed;
+}
+function buildMarathonAutoCreatedAgentBootstrap(agentName, options = {}) {
+  const normalizedModel = options.model?.trim();
+  const normalizedToolIds = [...new Set((options.toolIds || []).map((toolId) => toolId.trim()).filter(Boolean))];
+  const config2 = normalizedModel || normalizedToolIds.length > 0 ? {
+    ...normalizedModel ? { model: normalizedModel } : {},
+    ...normalizedToolIds.length > 0 ? {
+      tools: {
+        toolIds: normalizedToolIds
+      }
+    } : {}
+  } : void 0;
+  return {
+    description: `Powering a marathon for ${agentName}`,
+    ...config2 ? { config: config2 } : {}
+  };
+}
 var DEFAULT_TOOL_OUTPUT_WARNING_CHARS = 4e4;
 var DEFAULT_TOOL_OUTPUT_OFFLOAD_CHARS = 1e5;
 function parseCompactStrategy(value) {
@@ -16087,6 +16751,7 @@ function resolveToolOutputGuardrails(rawThreshold) {
   };
 }
 async function taskAction(agent, options) {
+  const normalizedAgent = normalizeMarathonAgentArgument(agent);
   if (!options.resume && !options.goal) {
     console.error(chalk16.red("Error: -g, --goal <text> is required for new tasks"));
     console.log(chalk16.gray("  Use --resume to continue an existing task without a new goal"));
@@ -16187,8 +16852,9 @@ async function taskAction(agent, options) {
     }
     process.exit(1);
   };
-  let agentId = agent;
-  if (!agent.startsWith("agent_")) {
+  let agentId = normalizedAgent;
+  let autoCreatedAgent = false;
+  if (!normalizedAgent.startsWith("agent_")) {
     if (useStartupShell) {
       setStartupStatus("looking up agent");
     } else {
@@ -16197,7 +16863,7 @@ async function taskAction(agent, options) {
     try {
       const list = await client.agents.list();
       const found = list.data.find(
-        (a) => a.name.toLowerCase() === agent.toLowerCase()
+        (a) => a.name.toLowerCase() === normalizedAgent.toLowerCase()
       );
       if (found) {
         agentId = found.id;
@@ -16208,13 +16874,14 @@ async function taskAction(agent, options) {
         }
       } else {
         if (useStartupShell) {
-          setStartupStatus(`creating agent ${agent}`);
+          setStartupStatus(`creating agent ${normalizedAgent}`);
         } else {
-          console.log(chalk16.gray(`Creating agent "${agent}"...`));
+          console.log(chalk16.gray(`Creating agent "${normalizedAgent}"...`));
         }
         try {
-          const created = await client.agents.create({ name: agent });
+          const created = await client.agents.create({ name: normalizedAgent });
           agentId = created.id;
+          autoCreatedAgent = true;
           if (useStartupShell) {
             setStartupStatus(`agent created: ${agentId}`);
           } else {
@@ -16223,7 +16890,7 @@ async function taskAction(agent, options) {
         } catch (createErr) {
           const errMsg = createErr instanceof Error ? createErr.message : String(createErr);
           await failBeforeMain([
-            chalk16.red(`Failed to create agent "${agent}"`),
+            chalk16.red(`Failed to create agent "${normalizedAgent}"`),
             chalk16.red(errMsg)
           ]);
         }
@@ -16474,7 +17141,9 @@ async function taskAction(agent, options) {
   const remainingCost = maxCost ? maxCost - priorCost : void 0;
   const baseMessage = options.goal || (resumeRequested ? "Continue the task." : "");
   const sandboxPrompt = parsedSandbox ? createSandboxInstructions(parsedSandbox) : "";
-  const resolvedWorkflow = playbookWorkflow ?? detectDeployWorkflow(baseMessage, parsedSandbox, resumeState);
+  const sandboxWorkflowSelection = playbookWorkflow ? void 0 : resolveSandboxWorkflowSelection(baseMessage, parsedSandbox, resumeState);
+  parsedSandbox = sandboxWorkflowSelection?.sandboxProvider ?? parsedSandbox;
+  const resolvedWorkflow = playbookWorkflow ?? sandboxWorkflowSelection?.workflow;
   const DEFAULT_MILESTONE_NAMES = ["research", "planning", "execution"];
   const EXTERNAL_MILESTONE_NAMES = ["research", "report"];
   const detectedVariant = resumeState?.workflowVariant ?? defaultWorkflow.classifyVariant?.(baseMessage);
@@ -16494,6 +17163,26 @@ ${rulesContext}`;
     defaultModel: options.model
   }, playbookMilestoneModels);
   if (resolvedModel) options.model = resolvedModel;
+  if (autoCreatedAgent) {
+    const bootstrapPayload = buildMarathonAutoCreatedAgentBootstrap(normalizedAgent, {
+      model: options.model || agentConfigModel || defaultConfiguredModel,
+      toolIds: resolvedToolIds
+    });
+    try {
+      await client.agents.update(agentId, bootstrapPayload);
+    } catch (error) {
+      const warningMessage = error instanceof Error ? error.message : String(error);
+      if (useStartupShell) {
+        setStartupStatus("warning: could not persist initial agent settings");
+      } else {
+        console.log(
+          chalk16.yellow(
+            `Warning: created agent "${normalizedAgent}" but could not persist initial marathon settings (${warningMessage})`
+          )
+        );
+      }
+    }
+  }
   let localTools = buildLocalTools(client, parsedSandbox, options, {
     taskName,
     stateDir: options.stateDir
@@ -17190,8 +17879,7 @@ ${details}`);
   }
   return resolved;
 }
-function detectDeployWorkflow(message, sandboxProvider, resumeState) {
-  if (sandboxProvider !== "daytona") return void 0;
+function detectSandboxWorkflow(message, resumeState) {
   if (resumeState?.workflowVariant === "game") return gameWorkflow;
   if (resumeState?.workflowPhase === "design" || resumeState?.workflowPhase === "build" || resumeState?.workflowPhase === "verify") {
     return gameWorkflow;
@@ -17220,10 +17908,16 @@ function detectDeployWorkflow(message, sandboxProvider, resumeState) {
     /\bsandbox\b/,
     /\bpreview\s*url\b/,
     /\blive\s*preview\b/,
-    /\bhost\b.*\b(?:app|server|api|site)\b/,
-    /\b(?:app|server|api|site)\b.*\bhost\b/,
-    /\brun\b.*\bserver\b/,
-    /\blaunch\b.*\b(?:app|server|api|site)\b/
+    /\bhost(?:ed|ing)?\b.*\b(?:app|server|api|site)\b/,
+    /\b(?:app|server|api|site)\b.*\bhost(?:ed|ing)?\b/,
+    /\b(?:run|launch|start)\b.*\b(?:app|server|api|site|web\s*app|web\s*server)\b/,
+    /\bnpx\s+serve\b/,
+    /\bserve(?:d|s|ing)?\b.*\b(?:app|site|preview|route|routes|localhost|url|urls)\b/,
+    /\b(?:route|routes|preview|localhost|url|urls)\b.*\bserve(?:d|s|ing)?\b/,
+    /\bverify\b.*\b(?:route|routes|preview|localhost|url|urls)\b/,
+    /\bmulti[-\s]route\b/,
+    /\b(?:serve|start|run|listen)\b.{0,40}\bport\s*\d{2,5}\b/,
+    /\bport\s*\d{2,5}\b.{0,40}\b(?:serve|server|preview|localhost|route|routes)\b/
   ];
   if (deployPatterns.some((p) => p.test(lower))) {
     return deployWorkflow;
@@ -17233,15 +17927,34 @@ function detectDeployWorkflow(message, sandboxProvider, resumeState) {
     /\bcreate\b.*\b(?:web\s*app|website|api|server|express|hono|fastify)\b/,
     /\bmake\b.*\b(?:web\s*app|website|api|server|express|hono|fastify)\b/
   ];
-  const repoPatterns = [
-    /\b(?:file|repo|repository|codebase|project|directory|folder)\b/,
-    /\b(?:edit|modify|update|fix|refactor|change)\b/
+  const repoEditPatterns = [
+    /\b(?:edit|modify|update|fix|refactor|change|patch|rename|remove)\b.*\b(?:file|files|repo|repository|codebase|project|directory|folder|component|module|page|route|router)\b/,
+    /\b(?:file|files|repo|repository|codebase|project|directory|folder|component|module|page|route|router)\b.*\b(?:edit|modify|update|fix|refactor|change|patch|rename|remove)\b/
   ];
-  if (webAppPatterns.some((p) => p.test(lower)) && !repoPatterns.some((p) => p.test(lower))) {
+  if (webAppPatterns.some((p) => p.test(lower)) && !repoEditPatterns.some((p) => p.test(lower))) {
     return deployWorkflow;
   }
   return void 0;
 }
+function resolveSandboxWorkflowSelection(message, sandboxProvider, resumeState) {
+  if (sandboxProvider && sandboxProvider !== "daytona") {
+    return {
+      workflow: void 0,
+      sandboxProvider
+    };
+  }
+  const workflow = detectSandboxWorkflow(message, resumeState);
+  if (!workflow) {
+    return {
+      workflow: void 0,
+      sandboxProvider
+    };
+  }
+  return {
+    workflow,
+    sandboxProvider: sandboxProvider ?? "daytona"
+  };
+}
 function applyTaskOptions(cmd) {
   return cmd.argument("<agent>", "Agent ID or name").option("-g, --goal <text>", "Goal message for the agent").option("--max-sessions <n>", "Maximum sessions", "50").option("--max-cost <n>", "Budget in USD").option("--model <modelId>", "Model ID to use (overrides agent config)").option("--name <name>", "Task name (used for state file, defaults to agent name)").option("--session <name>", "Resume a specific session by name").option("--state-dir <path>", "Directory for state files (default: ~/.runtype/projects/<hash>/marathons/)").option("--resume [message]", "Resume from existing local state, optionally with a new message").option("--fresh", "Start a new run and ignore any existing local state for this task").option("--compact", "Force compact-summary resume mode instead of replaying full history").option("--compact-strategy <strategy>", "Compaction strategy: auto (default), provider_native, or summary_fallback").option("--compact-threshold <value>", "Auto-compact when estimated context crosses this threshold (default: 80% fallback, 90% native; accepts percent like 90% or absolute token count like 120000)").option("--compact-instructions <text>", "Extra instructions for what a compact summary must preserve").option("--no-auto-compact", "Disable automatic context-aware history compaction").option("--track", "Sync progress to a Runtype record (visible in dashboard)").option("--debug", "Show debug output from each session").option("--json", "Output final result as JSON").option("--sandbox <provider>", "Enable sandbox code execution tool (cloudflare-worker, quickjs, or daytona)").option("--no-local-tools", "Disable built-in local tool execution (read_file, write_file, list_directory)").option("-t, --tools <tools...>", "Enable built-in tools (e.g., exa, firecrawl, dalle, openai_web_search, anthropic_web_search)").option("--plain-text", "Disable markdown rendering in output").option("--no-checkpoint", "Run all iterations without checkpoint pauses (fully autonomous)").option("--checkpoint-timeout <seconds>", "Auto-continue timeout in seconds (default: 10)", "10").option("--planning-model <modelId>", "Model to use during research/planning phases").option("--execution-model <modelId>", "Model to use during execution phase").option("--playbook <name>", "Load a playbook from .runtype/marathons/playbooks/").option("--offload-threshold <chars>", 'Offload tool outputs larger than this to files (default: 100000; use "off" or "0" to disable guardrails)').option("--tool-context <mode>", "Tool result storage: hot-tail (default), observation-mask, or full-inline").option("--tool-window <window>", 'Compaction window: "session" (default) or a number for last-N tool results (e.g. 10)').option("--runner-char <char>", "Custom runner emoji (default: \u{1F3C3})").option("--finish-char <char>", "Custom finish line emoji (default: \u{1F3C1})").option("--no-runner", "Hide the runner emoji from the header border").option("--no-finish", "Hide the finish line emoji from the header border").action(taskAction);
 }