@runtypelabs/cli 1.5.4 → 1.7.0

package/dist/index.js

@@ -128,7 +128,7 @@ var init_credential_store = __esm({
 import { Command as Command20 } from "commander";
 import chalk25 from "chalk";
 import { config as loadEnv } from "dotenv";
-import { readFileSync as readFileSync9 } from "fs";
+import { readFileSync as readFileSync10 } from "fs";
 import { dirname as dirname4, join as join6 } from "path";
 import { fileURLToPath } from "url";
 
@@ -2937,10 +2937,10 @@ ${userInput}`;
 };
 
 // src/ink/talk/TalkApp.tsx
-import { useState as useState10, useEffect as useEffect9, useRef as useRef4 } from "react";
+import { useState as useState11, useEffect as useEffect9, useRef as useRef4 } from "react";
 import fs3 from "fs";
 import path3 from "path";
-import { Box as Box11, useApp as useApp3, useInput as useInput7, useStdout } from "ink";
+import { Box as Box11, useApp as useApp3, useInput as useInput7, useStdout as useStdout2 } from "ink";
 import { StatusBar, ErrorDisplay as ErrorDisplay3, theme as theme12 } from "@runtypelabs/ink-components";
 
 // src/ink/talk/useTalkStream.ts
@@ -3362,29 +3362,114 @@ function ChatInput({
 }
 
 // src/ink/talk/ModelPicker.tsx
-import { Box as Box10, Text as Text11, useInput as useInput6 } from "ink";
-import SelectInput2 from "ink-select-input";
+import { useState as useState10, useMemo as useMemo2, useCallback as useCallback3 } from "react";
+import { Box as Box10, Text as Text11, useInput as useInput6, useStdout } from "ink";
+import TextInput2 from "ink-text-input";
+import open2 from "open";
 import { theme as theme11 } from "@runtypelabs/ink-components";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var MODELS = [
-  { label: "Claude Sonnet 4.5", value: "claude-sonnet-4-5" },
-  { label: "Claude Haiku 3.5", value: "claude-3-5-haiku" },
-  { label: "GPT-5 Mini", value: "gpt-5-mini" },
-  { label: "GPT-4.1 Mini", value: "gpt-4.1-mini" },
-  { label: "Gemini 3 Flash", value: "gemini-3-flash" },
-  { label: "Gemini 2.5 Flash", value: "gemini-2.5-flash" }
+var ALL_MODELS = [
+  // Anthropic
+  { label: "Claude Opus 4.6", value: "claude-opus-4-6", group: "Anthropic" },
+  { label: "Claude Sonnet 4.6", value: "claude-sonnet-4-6", group: "Anthropic" },
+  { label: "Claude Haiku 4.5", value: "claude-haiku-4-5", group: "Anthropic" },
+  // OpenAI
+  { label: "GPT-5", value: "gpt-5", group: "OpenAI" },
+  { label: "GPT-5 Mini", value: "gpt-5-mini", group: "OpenAI" },
+  { label: "GPT-4.1", value: "gpt-4.1", group: "OpenAI" },
+  { label: "GPT-4.1 Mini", value: "gpt-4.1-mini", group: "OpenAI" },
+  { label: "GPT-4.1 Nano", value: "gpt-4.1-nano", group: "OpenAI" },
+  { label: "GPT-5 Nano", value: "gpt-5-nano", group: "OpenAI" },
+  // Google
+  { label: "Gemini 3.1 Pro", value: "gemini-3.1-pro", group: "Google" },
+  { label: "Gemini 3 Pro Image", value: "gemini-3-pro-image", group: "Google" },
+  { label: "Gemini 3 Flash", value: "gemini-3-flash", group: "Google" },
+  { label: "Gemini 2.5 Pro", value: "gemini-2.5-pro", group: "Google" },
+  { label: "Gemini 2.5 Flash", value: "gemini-2.5-flash", group: "Google" },
+  { label: "Gemini 2.5 Flash Image", value: "gemini-2.5-flash-image", group: "Google" },
+  { label: "Gemini 2.5 Flash-Lite", value: "gemini-2.5-flash-lite", group: "Google" },
+  // xAI
+  { label: "Grok 4", value: "grok-4", group: "xAI" },
+  { label: "Grok 4 Fast", value: "grok-4-fast", group: "xAI" },
+  { label: "Grok 4.1 Fast", value: "grok-4.1-fast", group: "xAI" },
+  // Qwen
+  { label: "Qwen 3.5 Plus", value: "qwen3.5-plus", group: "Qwen" },
+  { label: "Qwen 3.5 35B A3B", value: "qwen3.5-35b-a3b", group: "Qwen" },
+  { label: "Qwen 3.5 Flash", value: "qwen3.5-flash", group: "Qwen" },
+  { label: "Qwen 3 8B", value: "qwen/qwen3-8b", group: "Qwen" }
 ];
+var MAX_VISIBLE = 12;
 function ModelPicker({ currentModel, onSelect, onCancel }) {
+  const { stdout } = useStdout();
+  const [search, setSearch] = useState10("");
+  const [selectedIndex, setSelectedIndex] = useState10(0);
+  const contentWidth = (stdout?.columns ?? 120) - 4;
+  const pad = useCallback3(
+    (text) => text.length < contentWidth ? text + " ".repeat(contentWidth - text.length) : text,
+    [contentWidth]
+  );
+  const filtered = useMemo2(() => {
+    if (!search.trim()) return ALL_MODELS;
+    const q = search.toLowerCase();
+    return ALL_MODELS.filter(
+      (m) => m.label.toLowerCase().includes(q) || m.value.toLowerCase().includes(q) || m.group.toLowerCase().includes(q)
+    );
+  }, [search]);
+  const handleSearchChange = (value) => {
+    if (value === search) return;
+    setSearch(value);
+    setSelectedIndex(0);
+  };
   useInput6((_input, key) => {
     if (key.escape) {
       onCancel();
+      return;
+    }
+    if (key.return) {
+      if (filtered.length > 0) {
+        onSelect(filtered[selectedIndex].value);
+      }
+      return;
+    }
+    if (key.upArrow) {
+      setSelectedIndex((prev) => prev > 0 ? prev - 1 : filtered.length - 1);
+      return;
+    }
+    if (key.downArrow) {
+      setSelectedIndex((prev) => prev < filtered.length - 1 ? prev + 1 : 0);
+      return;
+    }
+    if (key.tab) {
+      void open2(`${getDashboardUrl()}/settings/models`);
+      return;
     }
   });
-  const items = MODELS.map((m) => ({
-    label: m.value === currentModel ? `${m.label} *` : m.label,
-    value: m.value
-  }));
-  const initialIndex = Math.max(0, MODELS.findIndex((m) => m.value === currentModel));
+  const MODEL_WINDOW = MAX_VISIBLE - 4;
+  const modelWindowStart = Math.max(
+    0,
+    Math.min(
+      selectedIndex - Math.floor(MODEL_WINDOW / 2),
+      filtered.length - MODEL_WINDOW
+    )
+  );
+  const modelWindowEnd = Math.min(modelWindowStart + MODEL_WINDOW, filtered.length);
+  const rows = [];
+  let lastGroup = "";
+  for (let i = modelWindowStart; i < modelWindowEnd; i++) {
+    const model = filtered[i];
+    if (model.group !== lastGroup) {
+      rows.push({ type: "group", label: model.group });
+      lastGroup = model.group;
+    }
+    rows.push({
+      type: "model",
+      model,
+      isHighlighted: i === selectedIndex,
+      isCurrent: model.value === currentModel
+    });
+  }
+  const showScrollUp = modelWindowStart > 0;
+  const showScrollDown = modelWindowEnd < filtered.length;
   return /* @__PURE__ */ jsxs9(
     Box10,
     {
@@ -3395,18 +3480,44 @@ function ModelPicker({ currentModel, onSelect, onCancel }) {
       paddingY: theme11.panelPaddingY,
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsx11(Text11, { color: theme11.accent, bold: true, children: "Select Model" }),
-        /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: "Esc to cancel" }),
-        /* @__PURE__ */ jsx11(
-          SelectInput2,
-          {
-            items,
-            onSelect: (item) => onSelect(item.value),
-            initialIndex,
-            indicatorComponent: ThemedSelectIndicator,
-            itemComponent: ThemedSelectItem
+        /* @__PURE__ */ jsxs9(Box10, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: theme11.accent, bold: true, children: "Select Model" }),
+          /* @__PURE__ */ jsxs9(Text11, { color: theme11.textSubtle, children: [
+            "  ",
+            filtered.length,
+            " models"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs9(Box10, { marginBottom: 1, children: [
+          /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: "/ " }),
+          /* @__PURE__ */ jsx11(
+            TextInput2,
+            {
+              value: search,
+              onChange: handleSearchChange,
+              placeholder: "Search models..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx11(Box10, { height: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: pad(showScrollUp ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx11(Box10, { flexDirection: "column", height: MAX_VISIBLE, children: filtered.length === 0 ? /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: "  No matching models" }) : rows.map((row) => {
+          if (row.type === "group") {
+            return /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, dimColor: true, children: pad(`  ${row.label}`) }) }, `group-${row.label}`);
           }
-        )
+          const { model, isHighlighted, isCurrent } = row;
+          const indicator = isHighlighted ? "\u203A " : "  ";
+          const suffix = isCurrent ? " *" : "";
+          return /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(
+            Text11,
+            {
+              color: isHighlighted ? theme11.accentActive : isCurrent ? theme11.accent : theme11.textMuted,
+              bold: isHighlighted,
+              children: pad(`${indicator}${model.label}${suffix}`)
+            }
+          ) }, model.value);
+        }) }),
+        /* @__PURE__ */ jsx11(Box10, { height: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: pad(showScrollDown ? "  ..." : "") }) }),
+        /* @__PURE__ */ jsx11(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme11.textSubtle, children: ["\u2191\u2193 navigate", "Enter select", "Tab manage models", "Esc cancel"].join(theme11.separator ?? " \xB7 ") }) })
       ]
     }
   );
@@ -3430,7 +3541,7 @@ function TalkApp({
 }) {
   const { state, callbacks, reset, contentRef } = useTalkStream();
   const { exit } = useApp3();
-  const { stdout } = useStdout();
+  const { stdout } = useStdout2();
   const separator = theme12.separator ?? " \xB7 ";
   useEffect9(() => {
     streamRef.current = {
@@ -3438,16 +3549,16 @@ function TalkApp({
       getState: () => state
     };
   });
-  const [messages, setMessages] = useState10([]);
-  const [scrollOffset, setScrollOffset] = useState10(0);
-  const [enableMarkdown, setEnableMarkdown] = useState10(initialMarkdown);
-  const [currentModel, setCurrentModel] = useState10(model);
-  const [showModelPicker, setShowModelPicker] = useState10(false);
+  const [messages, setMessages] = useState11([]);
+  const [scrollOffset, setScrollOffset] = useState11(0);
+  const [enableMarkdown, setEnableMarkdown] = useState11(initialMarkdown);
+  const [currentModel, setCurrentModel] = useState11(model);
+  const [showModelPicker, setShowModelPicker] = useState11(false);
   const terminalWidth = stdout?.columns ?? 120;
   const terminalRows = stdout?.rows ?? 40;
   const contentHeight = Math.max(5, terminalRows - CHROME_ROWS);
   const isStreaming = state.phase === "thinking" || state.phase === "streaming";
-  const [ctrlCPressed, setCtrlCPressed] = useState10(false);
+  const [ctrlCPressed, setCtrlCPressed] = useState11(false);
   const ctrlCTimeout = useRef4(null);
   function appendSystemMessage(text) {
     setMessages((prev) => [
@@ -3827,8 +3938,8 @@ import { Command as Command8 } from "commander";
 import chalk11 from "chalk";
 import React9 from "react";
 import { render as render7 } from "ink";
-import { useState as useState11, useEffect as useEffect10 } from "react";
-import open2 from "open";
+import { useState as useState12, useEffect as useEffect10 } from "react";
+import open3 from "open";
 function displayAgentCard(agentCard) {
   console.log(chalk11.cyan("\nAgent Details:"));
   console.log(`  Name:        ${agentCard.name}`);
@@ -3967,7 +4078,7 @@ productsCommand.command("init").description("Initialize a product from an extern
         } else {
           console.log(chalk11.cyan("\nOpening browser to complete setup..."));
         }
-        await open2(targetUrl);
+        await open3(targetUrl);
         return;
       }
       const createResult = await createProduct(
@@ -4001,11 +4112,11 @@ productsCommand.command("init").description("Initialize a product from an extern
     return;
   }
   const ProductInitApp = () => {
-    const [loading, setLoading] = useState11(!!options.from);
-    const [loadingLabel, setLoadingLabel] = useState11("Validating URL...");
-    const [success, setSuccess] = useState11(null);
-    const [error, setError] = useState11(null);
-    const [resultNode, setResultNode] = useState11(void 0);
+    const [loading, setLoading] = useState12(!!options.from);
+    const [loadingLabel, setLoadingLabel] = useState12("Validating URL...");
+    const [success, setSuccess] = useState12(null);
+    const [error, setError] = useState12(null);
+    const [resultNode, setResultNode] = useState12(void 0);
     useEffect10(() => {
       if (!options.from) return void 0;
       const run = async () => {
@@ -4029,7 +4140,7 @@ productsCommand.command("init").description("Initialize a product from an extern
             const dashboardUrl2 = getDashboardUrl();
             const encodedUrl = encodeURIComponent(options.from);
             const targetUrl = `${dashboardUrl2}/now?from=${encodedUrl}&cli=true`;
-            await open2(targetUrl);
+            await open3(targetUrl);
             setSuccess(true);
             setLoading(false);
             setResultNode(
@@ -4130,10 +4241,10 @@ import { render as render8 } from "ink";
 
 // src/ink/init/InitApp.tsx
 init_credential_store();
-import { useState as useState12, useEffect as useEffect11, useCallback as useCallback3 } from "react";
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback4 } from "react";
 import { Box as Box14, Text as Text14, useApp as useApp4, useInput as useInput8 } from "ink";
-import TextInput2 from "ink-text-input";
-import SelectInput3 from "ink-select-input";
+import TextInput3 from "ink-text-input";
+import SelectInput2 from "ink-select-input";
 import { Spinner as Spinner4, theme as theme15 } from "@runtypelabs/ink-components";
 
 // src/ink/init/WizardStep.tsx
@@ -4189,7 +4300,7 @@ function getStepNumber(step) {
 }
 function InitApp({ apiUrl, onComplete }) {
   const { exit } = useApp4();
-  const [state, setState] = useState12({
+  const [state, setState] = useState13({
     step: 0,
     authMethod: null,
     apiKey: null,
@@ -4205,7 +4316,7 @@ function InitApp({ apiUrl, onComplete }) {
     complete: false,
     createdProductId: null
   });
-  const getSummary = useCallback3(() => {
+  const getSummary = useCallback4(() => {
     const answers = [];
     if (state.authMethod) {
       const labels = {
@@ -4276,7 +4387,7 @@ function InitApp({ apiUrl, onComplete }) {
     },
     { isActive: !state.loading && !state.complete }
   );
-  const handleAuthMethodSelect = useCallback3(
+  const handleAuthMethodSelect = useCallback4(
     (item) => {
       const method = item.value;
       setState((prev) => ({
@@ -4335,7 +4446,7 @@ function InitApp({ apiUrl, onComplete }) {
     },
     [apiUrl]
   );
-  const handleApiKeySubmit = useCallback3(
+  const handleApiKeySubmit = useCallback4(
     (value) => {
       if (!value.trim()) {
         setState((prev) => ({ ...prev, error: "API key is required" }));
@@ -4390,7 +4501,7 @@ function InitApp({ apiUrl, onComplete }) {
     },
     [apiUrl]
   );
-  const handleProductChoice = useCallback3(
+  const handleProductChoice = useCallback4(
     (item) => {
       const choice = item.value;
       setState((prev) => ({
@@ -4405,7 +4516,7 @@ function InitApp({ apiUrl, onComplete }) {
     },
     []
   );
-  const handleUrlSubmit = useCallback3(
+  const handleUrlSubmit = useCallback4(
     (value) => {
       if (!value.trim()) {
         setState((prev) => ({ ...prev, error: "URL is required" }));
@@ -4472,14 +4583,14 @@ function InitApp({ apiUrl, onComplete }) {
     },
     [apiUrl]
   );
-  const handleConfirmCreate = useCallback3((confirmed) => {
+  const handleConfirmCreate = useCallback4((confirmed) => {
     if (!confirmed) {
       setState((prev) => ({ ...prev, step: 8, complete: true }));
       return;
     }
     setState((prev) => ({ ...prev, step: 6 }));
   }, []);
-  const handleProductNameSubmit = useCallback3(
+  const handleProductNameSubmit = useCallback4(
     (value) => {
       const name = value.trim() || state.agentCard?.name || "My Product";
       setState((prev) => ({
@@ -4579,7 +4690,7 @@ function InitApp({ apiUrl, onComplete }) {
           children: /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", children: [
             state.error && /* @__PURE__ */ jsx15(Text14, { color: theme15.error, children: state.error }),
             /* @__PURE__ */ jsx15(
-              SelectInput3,
+              SelectInput2,
               {
                 items: [
                   { label: "Create a new account", value: "signup" },
@@ -4609,7 +4720,7 @@ function InitApp({ apiUrl, onComplete }) {
               state.loading ? /* @__PURE__ */ jsx15(Spinner4, { label: state.loadingLabel }) : /* @__PURE__ */ jsxs13(Box14, { children: [
                 /* @__PURE__ */ jsx15(Text14, { color: theme15.muted, children: "> " }),
                 /* @__PURE__ */ jsx15(
-                  TextInput2,
+                  TextInput3,
                   {
                     value: state.apiKeyInput,
                     onChange: (value) => setState((prev) => ({
@@ -4650,7 +4761,7 @@ function InitApp({ apiUrl, onComplete }) {
           totalSteps: TOTAL_VISIBLE_STEPS,
           title: "What would you like to do?",
           children: /* @__PURE__ */ jsx15(
-            SelectInput3,
+            SelectInput2,
             {
               items: [
                 { label: "Import A2A agent URL", value: "url" },
@@ -4677,7 +4788,7 @@ function InitApp({ apiUrl, onComplete }) {
             state.loading ? /* @__PURE__ */ jsx15(Spinner4, { label: state.loadingLabel }) : /* @__PURE__ */ jsxs13(Box14, { children: [
               /* @__PURE__ */ jsx15(Text14, { color: theme15.muted, children: "> " }),
               /* @__PURE__ */ jsx15(
-                TextInput2,
+                TextInput3,
                 {
                   value: state.urlInput,
                   onChange: (value) => setState((prev) => ({
@@ -4756,7 +4867,7 @@ function InitApp({ apiUrl, onComplete }) {
             /* @__PURE__ */ jsxs13(Box14, { children: [
               /* @__PURE__ */ jsx15(Text14, { color: theme15.muted, children: "> " }),
               /* @__PURE__ */ jsx15(
-                TextInput2,
+                TextInput3,
                 {
                   value: state.productName,
                   onChange: (value) => setState((prev) => ({
@@ -4857,7 +4968,7 @@ function InitApp({ apiUrl, onComplete }) {
 function ConfirmInput({
   onConfirm
 }) {
-  const [answered, setAnswered] = useState12(false);
+  const [answered, setAnswered] = useState13(false);
   useInput8(
     (input) => {
       if (answered) return;
@@ -4961,7 +5072,7 @@ import { Command as Command10 } from "commander";
 import chalk12 from "chalk";
 import React11 from "react";
 import { render as render9 } from "ink";
-import { useState as useState13, useEffect as useEffect12 } from "react";
+import { useState as useState14, useEffect as useEffect12 } from "react";
 import { readFileSync as readFileSync3 } from "fs";
 import { processStream as processStream4 } from "@runtypelabs/sdk";
 var dispatchCommand = new Command10("dispatch").description("Execute a flow or agent via the dispatch API").option("-f, --flow <id>", "Flow ID to execute").option("-a, --agent <id>", "Agent ID to execute").option("-r, --record <id>", "Existing record ID").option("--record-json <file>", "JSON file with record data").option("-m, --message <text>", "Message to send").option("-v, --variable <key=value>", "Set a variable (repeatable)", collectVariables, []).option("--stream", "Stream the response (default)", true).option("--no-stream", "Wait for complete response").option("--json", "Output as JSON").option("--debug", "Show step-level details").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
@@ -5088,9 +5199,9 @@ async function handleNonStreaming(client, payload, options) {
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState13(true);
-    const [success, setSuccess] = useState13(null);
-    const [error, setError] = useState13(null);
+    const [loading, setLoading] = useState14(true);
+    const [success, setSuccess] = useState14(null);
+    const [error, setError] = useState14(null);
     useEffect12(() => {
       const run = async () => {
         try {
@@ -5141,7 +5252,7 @@ import { Command as Command12 } from "commander";
 import chalk17 from "chalk";
 import React13 from "react";
 import { render as render11 } from "ink";
-import { useState as useState20, useEffect as useEffect18 } from "react";
+import { useState as useState21, useEffect as useEffect18 } from "react";
 import { processStream as processStream5 } from "@runtypelabs/sdk";
 
 // src/commands/agents-task.ts
@@ -5151,15 +5262,15 @@ import { render as render10 } from "ink";
 import React12 from "react";
 
 // src/ink/marathon/MarathonApp.tsx
-import { useState as useState19, useEffect as useEffect17, useRef as useRef8, useCallback as useCallback6, useMemo as useMemo5 } from "react";
+import { useState as useState20, useEffect as useEffect17, useRef as useRef8, useCallback as useCallback7, useMemo as useMemo7 } from "react";
 import { execSync } from "child_process";
-import open3 from "open";
-import { Box as Box24, useApp as useApp5, useInput as useInput9, useStdout as useStdout2 } from "ink";
-import { StreamOutput as StreamOutput3, StatusBar as StatusBar2, ErrorDisplay as ErrorDisplay4, theme as theme27 } from "@runtypelabs/ink-components";
+import open4 from "open";
+import { Box as Box25, useApp as useApp5, useInput as useInput9, useStdout as useStdout3 } from "ink";
+import { StreamOutput as StreamOutput3, StatusBar as StatusBar2, ErrorDisplay as ErrorDisplay4, theme as theme28 } from "@runtypelabs/ink-components";
 import { LoadingAnimation } from "@runtypelabs/terminal-animations";
 
 // src/ink/marathon/useMarathonStream.ts
-import { useState as useState14, useRef as useRef5, useMemo as useMemo2, useCallback as useCallback4 } from "react";
+import { useState as useState15, useRef as useRef5, useMemo as useMemo3, useCallback as useCallback5 } from "react";
 
 // src/ink/marathon/transcript-utils.ts
 function appendTranscriptText(content, delta, previousKind) {
@@ -5187,7 +5298,9 @@ var INITIAL_STATE2 = {
   totalCost: 0,
   currentIteration: 0,
   error: null,
-  rawEvents: []
+  rawEvents: [],
+  totalInputTokens: 0,
+  totalOutputTokens: 0
 };
 var MAX_RAW_EVENTS = 500;
 function appendContentLine(content, line) {
@@ -5202,10 +5315,10 @@ function pushRawEvent(prev, type, data) {
 }
 var toolCounter = 0;
 function useMarathonStream() {
-  const [state, setState] = useState14(INITIAL_STATE2);
+  const [state, setState] = useState15(INITIAL_STATE2);
   const stateRef = useRef5(state);
   stateRef.current = state;
-  const callbacks = useMemo2(
+  const callbacks = useMemo3(
     () => ({
       onAgentStart() {
         setState((prev) => ({
@@ -5303,6 +5416,8 @@ function useMarathonStream() {
         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 })
         }));
@@ -5324,6 +5439,8 @@ function useMarathonStream() {
           phase: "complete",
           content: prev.content || event.finalOutput || "",
           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 })
         }));
       },
@@ -5338,13 +5455,13 @@ function useMarathonStream() {
     }),
     []
   );
-  const reset = useCallback4(() => {
+  const reset = useCallback5(() => {
     setState(INITIAL_STATE2);
   }, []);
-  const setSteering = useCallback4(() => {
+  const setSteering = useCallback5(() => {
     setState((prev) => ({ ...prev, phase: "steering" }));
   }, []);
-  const resetForNewSession = useCallback4(() => {
+  const resetForNewSession = useCallback5(() => {
     setState((prev) => ({
       ...prev,
       phase: "idle",
@@ -5357,7 +5474,7 @@ function useMarathonStream() {
       error: null
     }));
   }, []);
-  const showError = useCallback4((error) => {
+  const showError = useCallback5((error) => {
     setState((prev) => ({
       ...prev,
       phase: "error",
@@ -5373,7 +5490,7 @@ import { Box as Box15, Text as Text15 } from "ink";
 import { theme as theme17 } from "@runtypelabs/ink-components";
 
 // src/ink/marathon/RunnerTrack.tsx
-import { useState as useState15, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback5 } from "react";
+import { useState as useState16, useEffect as useEffect13, useRef as useRef6, useCallback as useCallback6 } from "react";
 import { theme as theme16 } from "@runtypelabs/ink-components";
 var TRAIL_CHARS = ["\u2022", "\xB7", "."];
 var BORDER_H = "\u2500";
@@ -5393,11 +5510,11 @@ function useRunnerTrack({
 }) {
   const innerWidth = Math.max(4, width - 2);
   const perimeter = innerWidth * 2;
-  const [position, setPosition] = useState15(
+  const [position, setPosition] = useState16(
     () => Math.min(initialPosition, perimeter - 1)
   );
-  const [laps, setLaps] = useState15(initialLaps);
-  const [elapsed, setElapsed] = useState15(0);
+  const [laps, setLaps] = useState16(initialLaps);
+  const [elapsed, setElapsed] = useState16(0);
   const startTimeRef = useRef6(Date.now());
   const onPositionChangeRef = useRef6(onPositionChange);
   onPositionChangeRef.current = onPositionChange;
@@ -5430,7 +5547,7 @@ function useRunnerTrack({
     return () => clearInterval(interval);
   }, [isAnimating, perimeter, laps]);
   const finishPosition = Math.floor(innerWidth / 2);
-  const getRowCol = useCallback5(
+  const getRowCol = useCallback6(
     (pos) => {
       if (pos < innerWidth) {
         return { row: "top", col: pos };
@@ -5655,11 +5772,11 @@ function SessionTabs({ tabs, hiddenLeft, hiddenRight }) {
 }
 
 // src/ink/marathon/ThinkingIndicator.tsx
-import { useState as useState16, useEffect as useEffect14 } from "react";
+import { useState as useState17, useEffect as useEffect14 } from "react";
 import { Spinner as Spinner5, theme as theme19 } from "@runtypelabs/ink-components";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function ThinkingIndicator({ startedAt }) {
-  const [elapsed, setElapsed] = useState16(
+  const [elapsed, setElapsed] = useState17(
     () => startedAt ? Math.floor((Date.now() - startedAt) / 1e3) : 0
   );
   useEffect14(() => {
@@ -5674,7 +5791,7 @@ function ThinkingIndicator({ startedAt }) {
 }
 
 // src/ink/marathon/ToolPanel.tsx
-import { useState as useState17, useEffect as useEffect15, useMemo as useMemo3 } from "react";
+import { useState as useState18, useEffect as useEffect15, useMemo as useMemo4 } from "react";
 import { Box as Box19, Text as Text19 } from "ink";
 import { theme as theme22 } from "@runtypelabs/ink-components";
 
@@ -5773,9 +5890,9 @@ import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var ROWS_PER_TOOL = 3;
 var REASONING_PREVIEW_LINES = 4;
 function ToolPanel({ tools, reasoning, maxHeight }) {
-  const [now, setNow] = useState17(Date.now());
+  const [now, setNow] = useState18(Date.now());
   const hasRunning = tools.some((t) => t.status === "running");
-  const reasoningLines = useMemo3(
+  const reasoningLines = useMemo4(
     () => getVisibleReasoningLines(reasoning || "", REASONING_PREVIEW_LINES),
     [reasoning]
   );
@@ -5786,7 +5903,7 @@ function ToolPanel({ tools, reasoning, maxHeight }) {
     }, 100);
     return () => clearInterval(interval);
   }, [hasRunning]);
-  const visibleTools = useMemo3(() => {
+  const visibleTools = useMemo4(() => {
     if (!maxHeight) return tools;
     const reasoningRows = reasoningLines.length > 0 ? 1 + reasoningLines.length + 1 : 0;
     const availableRows = maxHeight - 1 - reasoningRows;
@@ -5808,7 +5925,7 @@ function ToolPanel({ tools, reasoning, maxHeight }) {
 }
 
 // src/ink/marathon/EventStreamPanel.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { Box as Box20, Text as Text20 } from "ink";
 import { theme as theme23 } from "@runtypelabs/ink-components";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -5843,7 +5960,7 @@ function EventDetailView({
   scrollOffset = 0
 }) {
   const separator = theme23.separator ?? " \xB7 ";
-  const { lines, totalLines } = useMemo4(() => {
+  const { lines, totalLines } = useMemo5(() => {
     const json = JSON.stringify(event.data, null, 2);
     const allLines = json.split("\n");
     const total = allLines.length;
@@ -5901,7 +6018,7 @@ function EventStreamPanel({
       }
     );
   }
-  const { rows, hiddenAbove, hiddenBelow } = useMemo4(() => {
+  const { rows, hiddenAbove, hiddenBelow } = useMemo5(() => {
     if (events.length === 0) return { rows: [], hiddenAbove: 0, hiddenBelow: 0 };
     const total = events.length;
     const half = Math.floor(maxVisibleLines / 2);
@@ -5979,16 +6096,258 @@ function EventStreamPanel({
   );
 }
 
-// src/ink/marathon/SteeringPrompt.tsx
-import { useState as useState18, useEffect as useEffect16, useRef as useRef7 } from "react";
-import { Box as Box22, Text as Text22 } from "ink";
-import TextInput3 from "ink-text-input";
-import { theme as theme25 } from "@runtypelabs/ink-components";
-
-// src/ink/marathon/SteeringRecap.tsx
+// src/ink/marathon/FilesPanel.tsx
+import { useMemo as useMemo6 } from "react";
 import { Box as Box21, Text as Text21 } from "ink";
 import { theme as theme24 } from "@runtypelabs/ink-components";
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+var TYPE_COLORS = {
+  plan: theme24.accent,
+  written: theme24.success,
+  read: theme24.textMuted
+};
+var TYPE_LABELS = {
+  plan: "plan",
+  written: "write",
+  read: "read"
+};
+function shortenPath(filePath, maxWidth) {
+  if (filePath.length <= maxWidth) return filePath;
+  const segments = filePath.split("/");
+  for (let skip = 1; skip < segments.length - 1; skip++) {
+    const shortened = ".../" + segments.slice(skip).join("/");
+    if (shortened.length <= maxWidth) return shortened;
+  }
+  return ".../" + segments[segments.length - 1];
+}
+function FileContentView({
+  file,
+  content,
+  totalLines,
+  truncated,
+  maxVisibleLines,
+  scrollOffset = 0
+}) {
+  const separator = theme24.separator ?? " \xB7 ";
+  const { lines, displayTotalLines } = useMemo6(() => {
+    const allLines = content.split("\n");
+    const total = allLines.length;
+    const clampedOffset = Math.min(scrollOffset, Math.max(0, total - maxVisibleLines));
+    const end = total - clampedOffset;
+    const start = Math.max(0, end - maxVisibleLines);
+    return { lines: allLines.slice(start, end), displayTotalLines: total };
+  }, [content, maxVisibleLines, scrollOffset]);
+  const filename = file.path.split("/").pop() || file.path;
+  return /* @__PURE__ */ jsxs19(
+    Box21,
+    {
+      flexDirection: "column",
+      paddingX: theme24.panelPaddingX,
+      paddingY: theme24.panelPaddingY,
+      children: [
+        /* @__PURE__ */ jsxs19(Box21, { marginBottom: theme24.sectionGap, children: [
+          /* @__PURE__ */ jsx23(Text21, { bold: true, color: theme24.accent, children: filename }),
+          /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            totalLines,
+            " lines"
+          ] }),
+          truncated && /* @__PURE__ */ jsxs19(Text21, { color: theme24.warning, children: [
+            separator,
+            "truncated"
+          ] }),
+          /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            "Esc: back"
+          ] }),
+          displayTotalLines > maxVisibleLines && /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            Math.max(0, displayTotalLines - maxVisibleLines - scrollOffset),
+            " below"
+          ] })
+        ] }),
+        lines.map((line, i) => /* @__PURE__ */ jsx23(Text21, { color: theme24.text, children: line }, i))
+      ]
+    }
+  );
+}
+function FilesPanel({
+  files,
+  maxVisibleLines = 50,
+  selectedIndex,
+  detailFile,
+  detailContent,
+  detailTotalLines = 0,
+  detailTruncated = false,
+  detailScrollOffset = 0
+}) {
+  const separator = theme24.separator ?? " \xB7 ";
+  if (detailFile && detailContent !== null) {
+    return /* @__PURE__ */ jsx23(
+      FileContentView,
+      {
+        file: detailFile,
+        content: detailContent,
+        totalLines: detailTotalLines,
+        truncated: detailTruncated,
+        maxVisibleLines: maxVisibleLines - 2,
+        scrollOffset: detailScrollOffset
+      }
+    );
+  }
+  const { rows, hiddenAbove, hiddenBelow } = useMemo6(() => {
+    if (files.length === 0) return { rows: [], hiddenAbove: 0, hiddenBelow: 0 };
+    const total = files.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 visible = files.slice(start, end);
+    return {
+      rows: visible.map((file, i) => ({
+        globalIndex: start + i,
+        key: `${start + i}`,
+        file
+      })),
+      hiddenAbove: start,
+      hiddenBelow: total - end
+    };
+  }, [files, maxVisibleLines, selectedIndex]);
+  if (files.length === 0) {
+    return /* @__PURE__ */ jsx23(
+      Box21,
+      {
+        flexDirection: "column",
+        paddingX: theme24.panelPaddingX,
+        paddingY: theme24.panelPaddingY,
+        children: /* @__PURE__ */ jsx23(Text21, { color: theme24.textSubtle, children: "No files tracked yet..." })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs19(
+    Box21,
+    {
+      flexDirection: "column",
+      paddingX: theme24.panelPaddingX,
+      paddingY: theme24.panelPaddingY,
+      children: [
+        /* @__PURE__ */ jsxs19(Box21, { marginBottom: 0, children: [
+          /* @__PURE__ */ jsx23(Text21, { bold: true, color: theme24.accent, children: "Files" }),
+          /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            files.length,
+            " files"
+          ] }),
+          hiddenAbove > 0 && /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            hiddenAbove,
+            " above"
+          ] }),
+          hiddenBelow > 0 && /* @__PURE__ */ jsxs19(Text21, { color: theme24.textSubtle, children: [
+            separator,
+            hiddenBelow,
+            " below"
+          ] })
+        ] }),
+        rows.map((row) => {
+          const isSelected = row.globalIndex === selectedIndex;
+          const typeColor = TYPE_COLORS[row.file.type] || theme24.text;
+          const typeLabel = TYPE_LABELS[row.file.type] || row.file.type;
+          return /* @__PURE__ */ jsxs19(Box21, { flexDirection: "row", flexWrap: "nowrap", children: [
+            /* @__PURE__ */ jsx23(Box21, { width: 2, flexShrink: 0, children: /* @__PURE__ */ jsx23(Text21, { color: isSelected ? theme24.accentActive : theme24.textSubtle, children: isSelected ? "\u203A" : " " }) }),
+            /* @__PURE__ */ jsx23(Box21, { width: 8, flexShrink: 0, children: /* @__PURE__ */ jsxs19(Text21, { color: typeColor, children: [
+              "[",
+              typeLabel,
+              "]"
+            ] }) }),
+            /* @__PURE__ */ jsx23(Box21, { flexShrink: 1, children: /* @__PURE__ */ jsx23(
+              Text21,
+              {
+                color: isSelected ? theme24.accentActive : theme24.text,
+                bold: isSelected,
+                wrap: "truncate",
+                children: shortenPath(row.file.path, 80)
+              }
+            ) })
+          ] }, row.key);
+        })
+      ]
+    }
+  );
+}
+
+// src/ink/marathon/file-utils.ts
+import * as fs4 from "fs";
+function extractTrackedFiles(snapshots, liveTools, planPath) {
+  const fileMap = /* @__PURE__ */ new Map();
+  function processTools(tools) {
+    for (const tool of tools) {
+      if (tool.name !== "write_file" && tool.name !== "read_file") continue;
+      const filePath = tool.parameters?.path;
+      if (!filePath) continue;
+      const isWrite = tool.name === "write_file";
+      const existing = fileMap.get(filePath);
+      if (!existing || isWrite && existing.type === "read") {
+        fileMap.set(filePath, {
+          path: filePath,
+          type: isWrite ? "written" : "read",
+          lastTouchedAt: tool.startedAt
+        });
+      } else if (existing && tool.startedAt > (existing.lastTouchedAt ?? 0)) {
+        existing.lastTouchedAt = tool.startedAt;
+      }
+    }
+  }
+  for (const snapshot of snapshots) {
+    processTools(snapshot.tools);
+  }
+  processTools(liveTools);
+  const result = [];
+  if (planPath) {
+    fileMap.delete(planPath);
+    result.push({ path: planPath, type: "plan" });
+  }
+  const sorted = Array.from(fileMap.values()).sort(
+    (a, b) => (b.lastTouchedAt ?? 0) - (a.lastTouchedAt ?? 0)
+  );
+  result.push(...sorted);
+  return result;
+}
+function readFileContent(filePath, maxLines = 5e3) {
+  try {
+    const raw = fs4.readFileSync(filePath, "utf-8");
+    const lines = raw.split("\n");
+    const totalLines = lines.length;
+    if (totalLines > maxLines) {
+      return {
+        content: lines.slice(0, maxLines).join("\n"),
+        totalLines,
+        truncated: true
+      };
+    }
+    return { content: raw, totalLines, truncated: false };
+  } catch {
+    return { content: `Error: Could not read file at ${filePath}`, totalLines: 1, truncated: false };
+  }
+}
+
+// src/ink/marathon/SteeringPrompt.tsx
+import { useState as useState19, useEffect as useEffect16, useRef as useRef7 } from "react";
+import { Box as Box23, Text as Text23 } from "ink";
+import TextInput4 from "ink-text-input";
+import { theme as theme26 } from "@runtypelabs/ink-components";
+
+// src/ink/marathon/SteeringRecap.tsx
+import { Box as Box22, Text as Text22 } from "ink";
+import { theme as theme25 } from "@runtypelabs/ink-components";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function SteeringRecap({
   sessionNumber,
   toolCallsMade,
@@ -5998,19 +6357,19 @@ function SteeringRecap({
   isTerminal
 }) {
   const label = isTerminal ? `\u2713 Session ${sessionNumber} complete` : `Session ${sessionNumber} complete`;
-  const separator = theme24.separator ?? " \xB7 ";
-  return /* @__PURE__ */ jsxs19(
-    Box21,
+  const separator = theme25.separator ?? " \xB7 ";
+  return /* @__PURE__ */ jsxs20(
+    Box22,
     {
       borderStyle: "single",
-      borderColor: theme24.border,
-      backgroundColor: theme24.background,
+      borderColor: theme25.border,
+      backgroundColor: theme25.background,
       flexDirection: "column",
-      paddingX: theme24.panelPaddingX,
-      paddingY: theme24.panelPaddingY,
+      paddingX: theme25.panelPaddingX,
+      paddingY: theme25.panelPaddingY,
       children: [
-        /* @__PURE__ */ jsx23(Text21, { color: isTerminal ? theme24.accentActive : theme24.accent, children: label }),
-        /* @__PURE__ */ jsx23(Text21, { color: theme24.textMuted, children: `Tools: ${toolCallsMade}${separator}Tokens: ${tokensInput}+${tokensOutput}${separator}Cost: $${cost.toFixed(4)}` })
+        /* @__PURE__ */ jsx24(Text22, { color: isTerminal ? theme25.accentActive : theme25.accent, children: label }),
+        /* @__PURE__ */ jsx24(Text22, { color: theme25.textMuted, children: `Tools: ${toolCallsMade}${separator}Tokens: ${tokensInput}+${tokensOutput}${separator}Cost: $${cost.toFixed(4)}` })
       ]
     }
   );
@@ -6037,7 +6396,7 @@ var MARATHON_STEER_COMMANDS = [
 ];
 
 // src/ink/marathon/SteeringPrompt.tsx
-import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
 function SteeringPrompt({
   onSubmit,
   timeout,
@@ -6046,13 +6405,13 @@ function SteeringPrompt({
   currentSandbox: _currentSandbox,
   recap
 }) {
-  const [value, setValue] = useState18("");
-  const [remaining, setRemaining] = useState18(timeout);
-  const [isTyping, setIsTyping] = useState18(false);
-  const [showModelPicker, setShowModelPicker] = useState18(false);
-  const [showHelp, setShowHelp] = useState18(false);
+  const [value, setValue] = useState19("");
+  const [remaining, setRemaining] = useState19(timeout);
+  const [isTyping, setIsTyping] = useState19(false);
+  const [showModelPicker, setShowModelPicker] = useState19(false);
+  const [showHelp, setShowHelp] = useState19(false);
   const timerRef = useRef7(null);
-  const separator = theme25.separator ?? " \xB7 ";
+  const separator = theme26.separator ?? " \xB7 ";
   useEffect16(() => {
     const title = "Marathon";
     const body = isTerminal ? "Marathon complete" : `Session ${recap?.sessionNumber ?? "?"} complete`;
@@ -6140,20 +6499,20 @@ function SteeringPrompt({
     if (isTyping) return "(paused)";
     return `(${remaining}s)`;
   })();
-  return /* @__PURE__ */ jsxs20(Box22, { flexDirection: "column", flexShrink: 0, children: [
-    /* @__PURE__ */ jsx24(SteeringRecap, { ...recap, isTerminal }),
-    showModelPicker ? /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", flexShrink: 0, children: [
+    /* @__PURE__ */ jsx25(SteeringRecap, { ...recap, isTerminal }),
+    showModelPicker ? /* @__PURE__ */ jsx25(
       ModelPicker,
       {
         currentModel,
         onSelect: handleModelSelect,
         onCancel: handleModelCancel
       }
-    ) : /* @__PURE__ */ jsxs20(Fragment2, { children: [
-      /* @__PURE__ */ jsxs20(Box22, { children: [
-        /* @__PURE__ */ jsx24(Text22, { color: theme25.accentActive, children: "> " }),
-        /* @__PURE__ */ jsx24(Box22, { flexGrow: 1, children: /* @__PURE__ */ jsx24(
-          TextInput3,
+    ) : /* @__PURE__ */ jsxs21(Fragment2, { children: [
+      /* @__PURE__ */ jsxs21(Box23, { children: [
+        /* @__PURE__ */ jsx25(Text23, { color: theme26.accentActive, children: "> " }),
+        /* @__PURE__ */ jsx25(Box23, { flexGrow: 1, children: /* @__PURE__ */ jsx25(
+          TextInput4,
           {
             value,
             onChange: handleChange,
@@ -6161,12 +6520,12 @@ function SteeringPrompt({
             placeholder: isTerminal ? "Send new instructions to continue marathon, or press enter to exit..." : "Steer next iteration..."
           }
         ) }),
-        countdownText && /* @__PURE__ */ jsxs20(Text22, { color: theme25.textSubtle, children: [
+        countdownText && /* @__PURE__ */ jsxs21(Text23, { color: theme26.textSubtle, children: [
           " ",
           countdownText
         ] })
       ] }),
-      /* @__PURE__ */ jsx24(Text22, { color: theme25.textSubtle, children: [
+      /* @__PURE__ */ jsx25(Text23, { color: theme26.textSubtle, children: [
         isTerminal ? isTyping ? "Enter: send" : "Enter: exit" : "Enter: continue",
         "/model",
         "/tools",
@@ -6174,7 +6533,7 @@ function SteeringPrompt({
         "/stop",
         "/help"
       ].join(separator) }),
-      showHelp && /* @__PURE__ */ jsx24(Box22, { flexDirection: "column", marginTop: theme25.sectionGap, children: MARATHON_STEER_COMMANDS.map((cmd) => /* @__PURE__ */ jsxs20(Text22, { color: theme25.textSubtle, children: [
+      showHelp && /* @__PURE__ */ jsx25(Box23, { flexDirection: "column", marginTop: theme26.sectionGap, children: MARATHON_STEER_COMMANDS.map((cmd) => /* @__PURE__ */ jsxs21(Text23, { color: theme26.textSubtle, children: [
         cmd.name.padEnd(12),
         " ",
         cmd.description
@@ -6184,44 +6543,44 @@ function SteeringPrompt({
 }
 
 // src/ink/marathon/UpgradeModal.tsx
-import { Box as Box23, Text as Text23 } from "ink";
-import { theme as theme26 } from "@runtypelabs/ink-components";
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Box as Box24, Text as Text24 } from "ink";
+import { theme as theme27 } from "@runtypelabs/ink-components";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
 function UpgradeModal({ prompt, width }) {
-  return /* @__PURE__ */ jsxs21(
-    Box23,
+  return /* @__PURE__ */ jsxs22(
+    Box24,
     {
       width,
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: theme26.warning,
-      backgroundColor: theme26.surfaceElevated,
+      borderColor: theme27.warning,
+      backgroundColor: theme27.surfaceElevated,
       paddingX: 2,
       paddingY: 1,
       children: [
-        /* @__PURE__ */ jsx25(Text23, { color: theme26.warning, bold: true, children: "Upgrade available" }),
-        /* @__PURE__ */ jsx25(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx25(Text23, { color: theme26.label, children: prompt.message }) }),
-        (prompt.code || prompt.limitType || prompt.retryAfter) && /* @__PURE__ */ jsxs21(Box23, { flexDirection: "column", marginTop: 1, children: [
-          prompt.code && /* @__PURE__ */ jsxs21(Text23, { color: theme26.muted, children: [
+        /* @__PURE__ */ jsx26(Text24, { color: theme27.warning, bold: true, children: "Upgrade available" }),
+        /* @__PURE__ */ jsx26(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx26(Text24, { color: theme27.label, children: prompt.message }) }),
+        (prompt.code || prompt.limitType || prompt.retryAfter) && /* @__PURE__ */ jsxs22(Box24, { flexDirection: "column", marginTop: 1, children: [
+          prompt.code && /* @__PURE__ */ jsxs22(Text24, { color: theme27.muted, children: [
             "Code: ",
-            /* @__PURE__ */ jsx25(Text23, { color: theme26.label, children: prompt.code })
+            /* @__PURE__ */ jsx26(Text24, { color: theme27.label, children: prompt.code })
           ] }),
-          prompt.limitType && /* @__PURE__ */ jsxs21(Text23, { color: theme26.muted, children: [
+          prompt.limitType && /* @__PURE__ */ jsxs22(Text24, { color: theme27.muted, children: [
             "Limit: ",
-            /* @__PURE__ */ jsx25(Text23, { color: theme26.label, children: prompt.limitType })
+            /* @__PURE__ */ jsx26(Text24, { color: theme27.label, children: prompt.limitType })
           ] }),
-          prompt.retryAfter && /* @__PURE__ */ jsxs21(Text23, { color: theme26.muted, children: [
+          prompt.retryAfter && /* @__PURE__ */ jsxs22(Text24, { color: theme27.muted, children: [
             "Retry after: ",
-            /* @__PURE__ */ jsx25(Text23, { color: theme26.label, children: prompt.retryAfter })
+            /* @__PURE__ */ jsx26(Text24, { color: theme27.label, children: prompt.retryAfter })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs21(Box23, { marginTop: 1, children: [
-          /* @__PURE__ */ jsx25(Text23, { color: theme26.info, children: "Enter" }),
-          /* @__PURE__ */ jsx25(Text23, { color: theme26.muted, children: " open billing " }),
-          /* @__PURE__ */ jsx25(Text23, { color: theme26.info, children: "Esc" }),
-          /* @__PURE__ */ jsx25(Text23, { color: theme26.muted, children: " close" })
+        /* @__PURE__ */ jsxs22(Box24, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx26(Text24, { color: theme27.info, children: "Enter" }),
+          /* @__PURE__ */ jsx26(Text24, { color: theme27.muted, children: " open billing " }),
+          /* @__PURE__ */ jsx26(Text24, { color: theme27.info, children: "Esc" }),
+          /* @__PURE__ */ jsx26(Text24, { color: theme27.muted, children: " close" })
         ] }),
-        /* @__PURE__ */ jsx25(Box23, { marginTop: 1, children: /* @__PURE__ */ jsx25(Text23, { color: theme26.dimLabel, children: "Opens your dashboard billing page" }) })
+        /* @__PURE__ */ jsx26(Box24, { marginTop: 1, children: /* @__PURE__ */ jsx26(Text24, { color: theme27.dimLabel, children: "Opens your dashboard billing page" }) })
       ]
     }
   );
@@ -6374,7 +6733,7 @@ function getSessionTabKeyForShortcut(visibleTabs, input) {
 }
 
 // src/ink/marathon/MarathonApp.tsx
-import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var TOOL_PANEL_WIDE = 48;
 var TOOL_PANEL_NARROW = 36;
 var NARROW_THRESHOLD = 100;
@@ -6460,6 +6819,7 @@ function MarathonApp({
   showFinish,
   initialRunnerPosition,
   initialRunnerLaps,
+  planPath,
   debug: _debug,
   plainText,
   noSteer: _noSteer,
@@ -6472,25 +6832,25 @@ function MarathonApp({
 }) {
   const { state, callbacks, reset: _reset, setSteering, resetForNewSession, showError } = useMarathonStream();
   const { exit } = useApp5();
-  const { stdout } = useStdout2();
-  const separator = theme27.separator ?? " \xB7 ";
+  const { stdout } = useStdout3();
+  const separator = theme28.separator ?? " \xB7 ";
   const steeringResolveRef = useRef8(null);
-  const [steeringRecap, setSteeringRecap] = useState19(null);
-  const [currentModel, setCurrentModel] = useState19(model || "default");
-  const [currentSandbox, setCurrentSandbox] = useState19(sandbox);
-  const [isTerminalSteering, setIsTerminalSteering] = useState19(false);
-  const [sessionSnapshots, setSessionSnapshots] = useState19(
+  const [steeringRecap, setSteeringRecap] = useState20(null);
+  const [currentModel, setCurrentModel] = useState20(model || "default");
+  const [currentSandbox, setCurrentSandbox] = useState20(sandbox);
+  const [isTerminalSteering, setIsTerminalSteering] = useState20(false);
+  const [sessionSnapshots, setSessionSnapshots] = useState20(
     () => (initialSessionSnapshots || []).map((snapshot) => cloneSessionSnapshot(snapshot))
   );
-  const [selectedSessionKey, setSelectedSessionKey] = useState19(void 0);
-  const [followLatest, setFollowLatest] = useState19(true);
-  const [latestUnreadKey, setLatestUnreadKey] = useState19(void 0);
-  const [previewUrl, setPreviewUrl] = useState19(void 0);
-  const [runnerPosition, setRunnerPosition] = useState19(initialRunnerPosition ?? 0);
-  const [runnerLaps, setRunnerLaps] = useState19(initialRunnerLaps ?? 0);
+  const [selectedSessionKey, setSelectedSessionKey] = useState20(void 0);
+  const [followLatest, setFollowLatest] = useState20(true);
+  const [latestUnreadKey, setLatestUnreadKey] = useState20(void 0);
+  const [previewUrl, setPreviewUrl] = useState20(void 0);
+  const [runnerPosition, setRunnerPosition] = useState20(initialRunnerPosition ?? 0);
+  const [runnerLaps, setRunnerLaps] = useState20(initialRunnerLaps ?? 0);
   const runnerPositionRef = useRef8(initialRunnerPosition ?? 0);
   const runnerLapsRef = useRef8(initialRunnerLaps ?? 0);
-  const handleRunnerPositionChange = useCallback6((position, laps) => {
+  const handleRunnerPositionChange = useCallback7((position, laps) => {
     setRunnerPosition(position);
     setRunnerLaps(laps);
     runnerPositionRef.current = position;
@@ -6498,7 +6858,7 @@ function MarathonApp({
   }, []);
   const isRunnerAnimating = state.phase === "thinking" || state.phase === "streaming" || state.phase === "tool";
   const isTerminalSteeringRef = useRef8(false);
-  const handleSteeringSubmit = useCallback6(
+  const handleSteeringSubmit = useCallback7(
     (result) => {
       if (result.action === "model" && result.model) {
         setCurrentModel(result.model);
@@ -6571,17 +6931,24 @@ function MarathonApp({
   const contentHeight = Math.max(5, terminalRows - chromeRows);
   const isStacked = terminalWidth < STACKED_THRESHOLD;
   const toolPanelWidth = terminalWidth < NARROW_THRESHOLD ? TOOL_PANEL_NARROW : TOOL_PANEL_WIDE;
-  const [ctrlCPressed, setCtrlCPressed] = useState19(false);
+  const [ctrlCPressed, setCtrlCPressed] = useState20(false);
   const ctrlCTimeout = useRef8(null);
-  const [showEventStream, setShowEventStream] = useState19(false);
-  const [scrollOffset, setScrollOffset] = useState19(0);
-  const [reasoningCollapsed, setReasoningCollapsed] = useState19(false);
-  const [eventCursor, setEventCursor] = useState19(-1);
-  const [detailEvent, setDetailEvent] = useState19(null);
-  const [detailScrollOffset, setDetailScrollOffset] = useState19(0);
-  const [goalExpanded, setGoalExpanded] = useState19(false);
-  const [upgradeModalDismissed, setUpgradeModalDismissed] = useState19(false);
-  const [clipboardFlash, setClipboardFlash] = useState19(null);
+  const [showEventStream, setShowEventStream] = useState20(false);
+  const [showFilesPanel, setShowFilesPanel] = useState20(false);
+  const [fileCursor, setFileCursor] = useState20(0);
+  const [detailFile, setDetailFile] = useState20(null);
+  const [detailFileContent, setDetailFileContent] = useState20(null);
+  const [detailFileTotalLines, setDetailFileTotalLines] = useState20(0);
+  const [detailFileTruncated, setDetailFileTruncated] = useState20(false);
+  const [fileDetailScrollOffset, setFileDetailScrollOffset] = useState20(0);
+  const [scrollOffset, setScrollOffset] = useState20(0);
+  const [reasoningCollapsed, setReasoningCollapsed] = useState20(false);
+  const [eventCursor, setEventCursor] = useState20(-1);
+  const [detailEvent, setDetailEvent] = useState20(null);
+  const [detailScrollOffset, setDetailScrollOffset] = useState20(0);
+  const [goalExpanded, setGoalExpanded] = useState20(false);
+  const [upgradeModalDismissed, setUpgradeModalDismissed] = useState20(false);
+  const [clipboardFlash, setClipboardFlash] = useState20(null);
   const flashTimeout = useRef8(null);
   const billingPageUrl = billingUrl || `${(dashboardUrl || "https://use.runtype.com").replace(/\/$/, "")}/settings/billing`;
   function showFlash(msg) {
@@ -6591,21 +6958,21 @@ function MarathonApp({
   }
   const latestCompletedSessionIndex = sessionSnapshots[sessionSnapshots.length - 1]?.sessionIndex ?? initialSessionCount;
   const shouldShowLiveTab = state.phase !== "idle" && state.phase !== "steering" && state.phase !== "complete" && (Boolean(state.content) || Boolean(state.reasoning) || state.tools.length > 0 || state.rawEvents.length > 0 || state.phase === "thinking" || state.phase === "error");
-  const liveSessionSnapshot = useMemo5(
+  const liveSessionSnapshot = useMemo7(
     () => shouldShowLiveTab ? buildLiveSessionSnapshot(state, latestCompletedSessionIndex + 1, currentModel) : void 0,
     [currentModel, latestCompletedSessionIndex, shouldShowLiveTab, state]
   );
   const liveSessionKey = liveSessionSnapshot ? createSessionTabKey(liveSessionSnapshot.sessionIndex, "live") : void 0;
   const latestSessionKey = getLatestSessionTabKey(sessionSnapshots, liveSessionSnapshot);
-  const allTabs = useMemo5(
+  const allTabs = useMemo7(
     () => buildSessionTabs(sessionSnapshots, selectedSessionKey, latestUnreadKey, liveSessionSnapshot),
     [latestUnreadKey, liveSessionSnapshot, selectedSessionKey, sessionSnapshots]
   );
-  const visibleTabs = useMemo5(
+  const visibleTabs = useMemo7(
     () => getVisibleSessionTabs(allTabs, selectedSessionKey, terminalWidth),
     [allTabs, selectedSessionKey, terminalWidth]
   );
-  const displayedSessionSnapshot = useMemo5(() => {
+  const displayedSessionSnapshot = useMemo7(() => {
     if (!selectedSessionKey) return liveSessionSnapshot ?? sessionSnapshots[sessionSnapshots.length - 1];
     if (selectedSessionKey === liveSessionKey) return liveSessionSnapshot;
     return sessionSnapshots.find(
@@ -6617,15 +6984,19 @@ function MarathonApp({
   const displayedReasoning = displayedSessionSnapshot?.reasoning ?? state.reasoning;
   const displayedTools = displayedSessionSnapshot?.tools ?? state.tools;
   const displayedEvents = displayedSessionSnapshot?.rawEvents ?? state.rawEvents;
+  const trackedFiles = useMemo7(
+    () => extractTrackedFiles(sessionSnapshots, displayedTools, planPath),
+    [sessionSnapshots, displayedTools, planPath]
+  );
   const latestLiveActivityRef = useRef8(void 0);
-  const upgradePrompt = useMemo5(() => parseMarathonUpgradePrompt(state.error), [state.error]);
-  const upgradePromptKey = useMemo5(
+  const upgradePrompt = useMemo7(() => parseMarathonUpgradePrompt(state.error), [state.error]);
+  const upgradePromptKey = useMemo7(
     () => upgradePrompt ? `${upgradePrompt.message}|${upgradePrompt.code ?? ""}|${upgradePrompt.limitType ?? ""}|${upgradePrompt.retryAfter ?? ""}` : void 0,
     [upgradePrompt]
   );
   const showUpgradeModal = Boolean(upgradePrompt && !upgradeModalDismissed);
   const canBrowseAfterUpgradeError = Boolean(upgradePrompt && !showUpgradeModal);
-  const selectSessionTab = useCallback6(
+  const selectSessionTab = useCallback7(
     (nextKey, manual = true) => {
       if (!nextKey) return;
       setSelectedSessionKey(nextKey);
@@ -6696,7 +7067,7 @@ function MarathonApp({
       setEventCursor(displayedEvents.length - 1);
     }
   }, [displayedEvents.length, eventCursor, showEventStream]);
-  const navigateToEvent = useCallback6(
+  const navigateToEvent = useCallback7(
     (index) => {
       const clamped = Math.max(0, Math.min(displayedEvents.length - 1, index));
       const evt = displayedEvents[clamped];
@@ -6711,12 +7082,12 @@ function MarathonApp({
   const agentPageUrl = agentId && dashboardUrl ? `${dashboardUrl.replace(/\/$/, "")}/agents/${agentId}` : null;
   useInput9((_input, key) => {
     if (_input === "u" && upgradePrompt) {
-      void open3(billingPageUrl);
+      void open4(billingPageUrl);
       setUpgradeModalDismissed(true);
       return;
     }
     if (_input === "o" && agentPageUrl && !(state.phase === "steering" && steeringRecap)) {
-      void open3(agentPageUrl);
+      void open4(agentPageUrl);
       return;
     }
     if (key.ctrl && _input === "c") {
@@ -6748,7 +7119,7 @@ function MarathonApp({
         return;
       }
       if (key.return) {
-        void open3(billingPageUrl);
+        void open4(billingPageUrl);
         setUpgradeModalDismissed(true);
         return;
       }
@@ -6787,7 +7158,22 @@ function MarathonApp({
       selectSessionTab(shortcutTabKey);
       return;
     }
+    if (_input === "f" && !detailEvent && !detailFile) {
+      setShowFilesPanel((prev) => {
+        const next = !prev;
+        if (next) setShowEventStream(false);
+        return next;
+      });
+      setScrollOffset(0);
+      return;
+    }
     if (key.tab) {
+      if (showFilesPanel) {
+        setShowFilesPanel(false);
+        setDetailFile(null);
+        setDetailFileContent(null);
+        setFileDetailScrollOffset(0);
+      }
       setShowEventStream((prev) => !prev);
       setScrollOffset(0);
       setDetailEvent(null);
@@ -6795,7 +7181,13 @@ function MarathonApp({
       return;
     }
     if (key.escape) {
-      if (detailEvent) {
+      if (detailFile) {
+        setDetailFile(null);
+        setDetailFileContent(null);
+        setFileDetailScrollOffset(0);
+      } else if (showFilesPanel) {
+        setShowFilesPanel(false);
+      } else if (detailEvent) {
         setDetailEvent(null);
         setDetailScrollOffset(0);
       } else if (goalExpanded) {
@@ -6811,6 +7203,19 @@ function MarathonApp({
       setReasoningCollapsed((prev) => !prev);
       return;
     }
+    if (_input === "c" && showFilesPanel) {
+      if (detailFile && detailFileContent) {
+        const ok = copyToClipboard(detailFileContent);
+        showFlash(ok ? "Copied content!" : "Copy failed");
+      } else {
+        const file = trackedFiles[fileCursor];
+        if (file) {
+          const ok = copyToClipboard(file.path);
+          showFlash(ok ? "Copied path!" : "Copy failed");
+        }
+      }
+      return;
+    }
     if (_input === "c" && showEventStream) {
       const evt = detailEvent ?? displayedEvents[eventCursor];
       if (evt) {
@@ -6820,6 +7225,24 @@ function MarathonApp({
       }
       return;
     }
+    if (key.return && showFilesPanel && !detailFile) {
+      const file = trackedFiles[fileCursor];
+      if (file) {
+        const { content, totalLines, truncated } = readFileContent(file.path);
+        setDetailFile(file);
+        setDetailFileContent(content);
+        setDetailFileTotalLines(totalLines);
+        setDetailFileTruncated(truncated);
+        setFileDetailScrollOffset(0);
+      }
+      return;
+    }
+    if (key.return && detailFile) {
+      setDetailFile(null);
+      setDetailFileContent(null);
+      setFileDetailScrollOffset(0);
+      return;
+    }
     if (key.return && showEventStream && !detailEvent) {
       const evt = displayedEvents[eventCursor];
       if (evt) {
@@ -6834,7 +7257,11 @@ function MarathonApp({
       return;
     }
     if (key.upArrow) {
-      if (showEventStream && detailEvent) {
+      if (showFilesPanel && detailFile) {
+        setFileDetailScrollOffset((prev) => prev + SCROLL_STEP2);
+      } else if (showFilesPanel) {
+        setFileCursor((prev) => Math.max(0, prev - 1));
+      } else if (showEventStream && detailEvent) {
         setDetailScrollOffset((prev) => prev + SCROLL_STEP2);
       } else if (showEventStream) {
         setEventCursor((prev) => Math.max(0, prev - 1));
@@ -6844,7 +7271,11 @@ function MarathonApp({
       return;
     }
     if (key.downArrow) {
-      if (showEventStream && detailEvent) {
+      if (showFilesPanel && detailFile) {
+        setFileDetailScrollOffset((prev) => Math.max(0, prev - SCROLL_STEP2));
+      } else if (showFilesPanel) {
+        setFileCursor((prev) => Math.min(trackedFiles.length - 1, prev + 1));
+      } else if (showEventStream && detailEvent) {
         setDetailScrollOffset((prev) => Math.max(0, prev - SCROLL_STEP2));
       } else if (showEventStream) {
         setEventCursor((prev) => Math.min(displayedEvents.length - 1, prev + 1));
@@ -6853,6 +7284,34 @@ function MarathonApp({
       }
       return;
     }
+    if (key.leftArrow && showFilesPanel && detailFile) {
+      const newIndex = Math.max(0, fileCursor - 1);
+      const file = trackedFiles[newIndex];
+      if (file) {
+        setFileCursor(newIndex);
+        const { content, totalLines, truncated } = readFileContent(file.path);
+        setDetailFile(file);
+        setDetailFileContent(content);
+        setDetailFileTotalLines(totalLines);
+        setDetailFileTruncated(truncated);
+        setFileDetailScrollOffset(0);
+      }
+      return;
+    }
+    if (key.rightArrow && showFilesPanel && detailFile) {
+      const newIndex = Math.min(trackedFiles.length - 1, fileCursor + 1);
+      const file = trackedFiles[newIndex];
+      if (file) {
+        setFileCursor(newIndex);
+        const { content, totalLines, truncated } = readFileContent(file.path);
+        setDetailFile(file);
+        setDetailFileContent(content);
+        setDetailFileTotalLines(totalLines);
+        setDetailFileTruncated(truncated);
+        setFileDetailScrollOffset(0);
+      }
+      return;
+    }
     if (key.leftArrow && showEventStream && detailEvent) {
       navigateToEvent(eventCursor - 1);
       return;
@@ -6891,6 +7350,22 @@ function MarathonApp({
       const scrollHint2 = scrollOffset > 0 ? `+${scrollOffset} scroll` : void 0;
       return joinHints("\u2191\u2193: scroll", "Ctrl+C", scrollHint2);
     }
+    if (showFilesPanel && detailFile) {
+      return joinHints(
+        "c: copy content",
+        "\u2190\u2192: prev/next",
+        "Esc: back",
+        "Ctrl+C"
+      );
+    }
+    if (showFilesPanel) {
+      return joinHints(
+        "Enter: view",
+        "c: copy path",
+        "f/Esc: close",
+        "Ctrl+C"
+      );
+    }
     if (showEventStream && detailEvent) {
       return joinHints(
         "Shift+\u2190/\u2192: tabs",
@@ -6917,12 +7392,14 @@ function MarathonApp({
       "Shift+\u2190/\u2192: tabs",
       "1-9: jump",
       "0: latest",
+      "f: files",
       "Tab: events",
       "Ctrl+C",
       scrollHint,
       upgradePrompt ? "u: upgrade" : void 0
     );
   })();
+  const filesCenter = detailFile ? `${detailFile.path.split("/").pop()}${separator}${fileCursor + 1}/${trackedFiles.length}` : `${trackedFiles.length} files`;
   const detailCenter = detailEvent ? `Event detail${separator}${eventCursor + 1}/${displayedEvents.length}` : "Event stream";
   const goalText = goal || "";
   const goalExpandedRows = goalExpanded && goalText.length > terminalWidth - 4 ? Math.ceil(goalText.length / (terminalWidth - 4)) - 1 : 0;
@@ -6935,7 +7412,7 @@ function MarathonApp({
     adjustedContentHeight - reasoningHintRows - reasoningLiveRows - thinkingRows - 3
   );
   const targetReasoningRows = hasReasoning && !reasoningCollapsed ? Math.min(maxReasoningRows, Math.max(3, Math.min(8, Math.floor(adjustedContentHeight * 0.3)))) : 0;
-  const visibleReasoningLines = useMemo5(
+  const visibleReasoningLines = useMemo7(
     () => getVisibleReasoningLines(displayedReasoning, targetReasoningRows),
     [displayedReasoning, targetReasoningRows]
   );
@@ -6946,14 +7423,14 @@ function MarathonApp({
   );
   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__ */ jsxs22(
-    Box24,
+  return /* @__PURE__ */ jsxs23(
+    Box25,
     {
       flexDirection: "column",
       height: terminalRows,
       width: terminalWidth,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           SessionHeader,
           {
             sessionName: taskName,
@@ -6974,7 +7451,7 @@ function MarathonApp({
             previewUrl
           }
         ),
-        hasTabs && /* @__PURE__ */ jsx26(Box24, { width: terminalWidth, marginBottom: 1, children: /* @__PURE__ */ jsx26(
+        hasTabs && /* @__PURE__ */ jsx27(Box25, { width: terminalWidth, marginBottom: 1, children: /* @__PURE__ */ jsx27(
           SessionTabs,
           {
             tabs: visibleTabs.tabs,
@@ -6982,13 +7459,13 @@ function MarathonApp({
             hiddenRight: visibleTabs.hiddenRight
           }
         ) }),
-        state.phase === "steering" && steeringRecap ? /* @__PURE__ */ jsxs22(
-          Box24,
+        state.phase === "steering" && steeringRecap ? /* @__PURE__ */ jsxs23(
+          Box25,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             children: [
-              /* @__PURE__ */ jsx26(Box24, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(Box25, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ jsx27(
                 StreamOutput3,
                 {
                   content: displayedContent,
@@ -6998,7 +7475,7 @@ function MarathonApp({
                   scrollOffset
                 }
               ) }),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 SteeringPrompt,
                 {
                   onSubmit: handleSteeringSubmit,
@@ -7011,13 +7488,33 @@ function MarathonApp({
               )
             ]
           }
-        ) : showEventStream ? /* @__PURE__ */ jsx26(
-          Box24,
+        ) : showFilesPanel ? /* @__PURE__ */ jsx27(
+          Box25,
+          {
+            flexDirection: "column",
+            height: adjustedContentHeight,
+            overflow: "hidden",
+            children: /* @__PURE__ */ jsx27(
+              FilesPanel,
+              {
+                files: trackedFiles,
+                maxVisibleLines: adjustedContentHeight - 1,
+                selectedIndex: fileCursor,
+                detailFile,
+                detailContent: detailFileContent,
+                detailTotalLines: detailFileTotalLines,
+                detailTruncated: detailFileTruncated,
+                detailScrollOffset: fileDetailScrollOffset
+              }
+            )
+          }
+        ) : showEventStream ? /* @__PURE__ */ jsx27(
+          Box25,
           {
             flexDirection: "column",
             height: adjustedContentHeight,
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx27(
               EventStreamPanel,
               {
                 events: displayedEvents,
@@ -7029,28 +7526,28 @@ function MarathonApp({
               }
             )
           }
-        ) : /* @__PURE__ */ jsxs22(
-          Box24,
+        ) : /* @__PURE__ */ jsxs23(
+          Box25,
           {
             flexDirection: isStacked ? "column" : "row",
             height: adjustedContentHeight,
             overflow: "hidden",
             children: [
-              /* @__PURE__ */ jsx26(
-                Box24,
+              /* @__PURE__ */ jsx27(
+                Box25,
                 {
                   flexDirection: "column",
                   flexGrow: 1,
                   flexShrink: 1,
                   marginLeft: contentMarginLeft,
                   marginRight: contentMarginRight,
-                  children: showLoadingAnimation ? /* @__PURE__ */ jsx26(
-                    Box24,
+                  children: showLoadingAnimation ? /* @__PURE__ */ jsx27(
+                    Box25,
                     {
                       flexGrow: 1,
                       minHeight: adjustedContentHeight,
                       overflow: "hidden",
-                      children: /* @__PURE__ */ jsx26(
+                      children: /* @__PURE__ */ jsx27(
                         LoadingAnimation,
                         {
                           width: transcriptPaneWidth,
@@ -7058,8 +7555,8 @@ function MarathonApp({
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ jsxs22(Fragment3, { children: [
-                    hasReasoning && /* @__PURE__ */ jsx26(Box24, { flexDirection: "column", marginBottom: reasoningCollapsed ? 0 : 1, children: /* @__PURE__ */ jsx26(
+                  ) : /* @__PURE__ */ jsxs23(Fragment3, { children: [
+                    hasReasoning && /* @__PURE__ */ jsx27(Box25, { flexDirection: "column", marginBottom: reasoningCollapsed ? 0 : 1, children: /* @__PURE__ */ jsx27(
                       ReasoningBlock,
                       {
                         lines: visibleReasoningLines,
@@ -7068,8 +7565,8 @@ function MarathonApp({
                         showToggleHint: true
                       }
                     ) }),
-                    showThinkingIndicator && /* @__PURE__ */ jsx26(ThinkingIndicator, { startedAt: state.thinkingStartedAt }),
-                    showUpgradeBrowseHint && /* @__PURE__ */ jsx26(Box24, { marginBottom: 1, children: /* @__PURE__ */ jsx26(
+                    showThinkingIndicator && /* @__PURE__ */ jsx27(ThinkingIndicator, { startedAt: state.thinkingStartedAt }),
+                    showUpgradeBrowseHint && /* @__PURE__ */ jsx27(Box25, { marginBottom: 1, children: /* @__PURE__ */ jsx27(
                       ReasoningBlock,
                       {
                         lines: [
@@ -7079,7 +7576,7 @@ function MarathonApp({
                         compact: true
                       }
                     ) }),
-                    /* @__PURE__ */ jsx26(
+                    /* @__PURE__ */ jsx27(
                       StreamOutput3,
                       {
                         content: displayedContent,
@@ -7089,22 +7586,22 @@ function MarathonApp({
                         scrollOffset
                       }
                     ),
-                    selectedIsLive && state.error && !upgradePrompt && /* @__PURE__ */ jsx26(ErrorDisplay4, { error: state.error })
+                    selectedIsLive && state.error && !upgradePrompt && /* @__PURE__ */ jsx27(ErrorDisplay4, { error: state.error })
                   ] })
                 }
               ),
-              (hasTools || hasReasoning) && /* @__PURE__ */ jsx26(
-                Box24,
+              (hasTools || hasReasoning) && /* @__PURE__ */ jsx27(
+                Box25,
                 {
                   flexDirection: "column",
                   width: isStacked ? void 0 : toolPanelWidth,
                   flexShrink: 0,
                   borderStyle: "single",
-                  borderColor: theme27.border,
-                  backgroundColor: theme27.background,
-                  paddingX: theme27.panelPaddingX,
-                  paddingY: theme27.panelPaddingY,
-                  children: /* @__PURE__ */ jsx26(
+                  borderColor: theme28.border,
+                  backgroundColor: theme28.background,
+                  paddingX: theme28.panelPaddingX,
+                  paddingY: theme28.panelPaddingY,
+                  children: /* @__PURE__ */ jsx27(
                     ToolPanel,
                     {
                       tools: displayedTools,
@@ -7117,8 +7614,8 @@ function MarathonApp({
             ]
           }
         ),
-        showUpgradeModal && upgradePrompt && /* @__PURE__ */ jsx26(
-          Box24,
+        showUpgradeModal && upgradePrompt && /* @__PURE__ */ jsx27(
+          Box25,
           {
             marginTop: -adjustedContentHeight,
             marginBottom: -adjustedContentHeight,
@@ -7126,14 +7623,14 @@ function MarathonApp({
             justifyContent: "center",
             alignItems: "center",
             flexShrink: 0,
-            children: /* @__PURE__ */ jsx26(UpgradeModal, { prompt: upgradePrompt, width: upgradeModalWidth })
+            children: /* @__PURE__ */ jsx27(UpgradeModal, { prompt: upgradePrompt, width: upgradeModalWidth })
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           StatusBar2,
           {
             left: `Model: ${currentModel}`,
-            center: showEventStream ? detailCenter : currentSandbox ? `Sandbox: ${currentSandbox}` : void 0,
+            center: showFilesPanel ? filesCenter : showEventStream ? detailCenter : currentSandbox ? `Sandbox: ${currentSandbox}` : void 0,
             right: statusRight
           }
         )
@@ -7143,14 +7640,15 @@ function MarathonApp({
 }
 
 // src/commands/agents-task.ts
-import * as fs10 from "fs";
+import * as fs11 from "fs";
 import {
   RuntypeClient as RuntypeClient2,
-  deployWorkflow
+  deployWorkflow,
+  gameWorkflow
 } from "@runtypelabs/sdk";
 
 // src/marathon/checkpoint.ts
-import * as fs4 from "fs";
+import * as fs5 from "fs";
 import * as path5 from "path";
 function defaultStateDir() {
   return path5.join(process.cwd(), ".runtype", "marathons");
@@ -7175,14 +7673,14 @@ function ensureMarathonFileCheckpoint(taskName, targetPath, stateDir) {
   const normalizedTargetPath = path5.resolve(targetPath);
   const relativeTargetPath = path5.relative(process.cwd(), normalizedTargetPath);
   if (!relativeTargetPath || relativeTargetPath.startsWith("..")) return void 0;
-  if (!fs4.existsSync(normalizedTargetPath)) return void 0;
-  if (!fs4.statSync(normalizedTargetPath).isFile()) return void 0;
+  if (!fs5.existsSync(normalizedTargetPath)) return void 0;
+  if (!fs5.statSync(normalizedTargetPath).isFile()) return void 0;
   const normalizedRelativeTargetPath = relativeTargetPath.replace(/\\/g, "/");
   if (normalizedRelativeTargetPath.startsWith(".runtype/")) return void 0;
   const checkpointPath = resolveMarathonCheckpointPath(taskName, normalizedTargetPath, stateDir);
-  if (fs4.existsSync(checkpointPath)) return checkpointPath;
-  fs4.mkdirSync(path5.dirname(checkpointPath), { recursive: true });
-  fs4.copyFileSync(normalizedTargetPath, checkpointPath);
+  if (fs5.existsSync(checkpointPath)) return checkpointPath;
+  fs5.mkdirSync(path5.dirname(checkpointPath), { recursive: true });
+  fs5.copyFileSync(normalizedTargetPath, checkpointPath);
   return checkpointPath;
 }
 function restoreMarathonFileCheckpoint(taskName, targetPath, stateDir) {
@@ -7195,15 +7693,15 @@ function restoreMarathonFileCheckpoint(taskName, targetPath, stateDir) {
     };
   }
   const checkpointPath = resolveMarathonCheckpointPath(taskName, normalizedTargetPath, stateDir);
-  if (!fs4.existsSync(checkpointPath)) {
+  if (!fs5.existsSync(checkpointPath)) {
     return {
       restored: false,
       checkpointPath,
       error: `No checkpoint found for ${normalizedTargetPath}`
     };
   }
-  fs4.mkdirSync(path5.dirname(normalizedTargetPath), { recursive: true });
-  fs4.copyFileSync(checkpointPath, normalizedTargetPath);
+  fs5.mkdirSync(path5.dirname(normalizedTargetPath), { recursive: true });
+  fs5.copyFileSync(checkpointPath, normalizedTargetPath);
   return { restored: true, checkpointPath };
 }
 
@@ -7320,7 +7818,7 @@ function isSafeVerificationCommand(command) {
 }
 
 // src/marathon/state.ts
-import * as fs5 from "fs";
+import * as fs6 from "fs";
 import * as path6 from "path";
 import chalk14 from "chalk";
 function defaultStateDir2() {
@@ -7340,7 +7838,7 @@ function normalizeMarathonStatePath(candidatePath) {
 }
 function marathonStatePathExists(candidatePath) {
   if (!candidatePath) return false;
-  return fs5.existsSync(path6.resolve(candidatePath));
+  return fs6.existsSync(path6.resolve(candidatePath));
 }
 function isMarathonArtifactStatePath(candidatePath) {
   if (!candidatePath) return false;
@@ -7508,7 +8006,7 @@ function sanitizeLoadedMarathonState(state) {
 }
 function loadState(filePath) {
   try {
-    const raw = fs5.readFileSync(filePath, "utf-8");
+    const raw = fs6.readFileSync(filePath, "utf-8");
     return sanitizeLoadedMarathonState(JSON.parse(raw));
   } catch {
     return null;
@@ -7516,8 +8014,8 @@ function loadState(filePath) {
 }
 function saveState(filePath, state) {
   const dir = path6.dirname(filePath);
-  fs5.mkdirSync(dir, { recursive: true });
-  fs5.writeFileSync(filePath, JSON.stringify(state, null, 2));
+  fs6.mkdirSync(dir, { recursive: true });
+  fs6.writeFileSync(filePath, JSON.stringify(state, null, 2));
 }
 function extractRunTaskResumeState(state) {
   if (!state) return void 0;
@@ -7542,9 +8040,9 @@ function extractRunTaskResumeState(state) {
 }
 function findStateFile(name, stateDir) {
   const newPath = stateFilePath(name, stateDir || path6.join(process.cwd(), ".runtype", "marathons"));
-  if (fs5.existsSync(newPath)) return newPath;
+  if (fs6.existsSync(newPath)) return newPath;
   const oldPath = stateFilePath(name, path6.join(process.cwd(), ".runtype", "tasks"));
-  if (fs5.existsSync(oldPath)) return oldPath;
+  if (fs6.existsSync(oldPath)) return oldPath;
   return newPath;
 }
 function findLatestStateFile(stateDir) {
@@ -7554,11 +8052,11 @@ function findLatestStateFile(stateDir) {
   ];
   let latest = null;
   for (const dir of dirs) {
-    if (!fs5.existsSync(dir)) continue;
-    const files = fs5.readdirSync(dir).filter((f) => f.endsWith(".json"));
+    if (!fs6.existsSync(dir)) continue;
+    const files = fs6.readdirSync(dir).filter((f) => f.endsWith(".json"));
     for (const file of files) {
       const fullPath = path6.join(dir, file);
-      const stat = fs5.statSync(fullPath);
+      const stat = fs6.statSync(fullPath);
       if (!latest || stat.mtimeMs > latest.mtime) {
         latest = { name: file.replace(".json", ""), filePath: fullPath, mtime: stat.mtimeMs };
       }
@@ -7649,7 +8147,7 @@ async function resolveMarathonStateResolution(options, taskName, filePath, promp
   if (options.fresh) {
     return { action: "fresh" };
   }
-  if (!fs5.existsSync(filePath)) {
+  if (!fs6.existsSync(filePath)) {
     return { action: "fresh" };
   }
   if (!allowPrompt) {
@@ -7786,14 +8284,15 @@ function createSandboxInstructions(provider) {
     "--- Deploy with Preview (Daytona) ---",
     "You also have `deploy_sandbox` to deploy a persistent web server and get a live preview URL.",
     "Call shape:",
-    '{ "code": "...", "packageJson": { "dependencies": { "express": "^4.18.2" } }, "language": "typescript", "port": 3000, "startCommand": "npx tsx main.ts" }',
+    '{ "code": "...", "files": { "public/index.html": "..." }, "packageJson": { "dependencies": { "express": "^4.18.2" } }, "language": "typescript", "port": 3000, "startCommand": "npx tsx main.ts" }',
     "Deploy rules:",
     "1. Use this when you need to run a web server (Express, Hono, etc.) that the user can visit in their browser.",
     "2. The `code` is written to main.ts (or main.js/main.py). The `packageJson` object installs dependencies.",
-    "3. The server must listen on the specified `port` (default 3000).",
-    "4. The sandbox is persistent \u2014 it stays alive across sessions. The same sandbox is reused on subsequent calls.",
-    "5. The returned `previewUrl` is a live URL the user can open in their browser.",
-    "6. Prefer this over `run_sandbox_code` when building web apps, APIs, or anything with a UI."
+    "3. The `files` parameter writes additional files (path \u2192 content). Use this for HTML/CSS/JS assets instead of embedding them in template literals.",
+    "4. The server must listen on the specified `port` (default 3000).",
+    "5. The sandbox is persistent \u2014 it stays alive across sessions. The same sandbox is reused on subsequent calls.",
+    "6. The returned `previewUrl` is a live URL the user can open in their browser.",
+    "7. Prefer this over `run_sandbox_code` when building web apps, APIs, or anything with a UI."
   ].join("\n");
 }
 function createSandboxLocalTool(client, provider, debugMode) {
@@ -7937,6 +8436,11 @@ function createDeploySandboxLocalTool(client, debugMode) {
         startCommand: {
           type: "string",
           description: "Custom start command (default: auto-detected from language)"
+        },
+        files: {
+          type: "object",
+          description: 'Additional files to write (path \u2192 content), e.g. { "public/index.html": "<html>..." }. Use this for multi-file projects instead of embedding HTML in template literals.',
+          additionalProperties: { type: "string" }
         }
       },
       required: ["code"]
@@ -7952,6 +8456,7 @@ function createDeploySandboxLocalTool(client, debugMode) {
         ...typeof args.language === "string" ? { language: args.language } : {},
         ...typeof args.port === "number" ? { port: args.port } : {},
         ...typeof args.startCommand === "string" ? { startCommand: args.startCommand } : {},
+        ...args.files && typeof args.files === "object" && !Array.isArray(args.files) ? { files: args.files } : {},
         // Reuse existing sandbox if one was created
         ...activeDeploySandboxId ? { sandboxId: activeDeploySandboxId } : {}
       };
@@ -7998,12 +8503,12 @@ async function cleanupDeploySandboxes(client) {
 }
 
 // src/marathon/local-tools.ts
-import * as fs7 from "fs";
+import * as fs8 from "fs";
 import * as path8 from "path";
 import { spawnSync } from "child_process";
 
 // src/marathon/repo-discovery.ts
-import * as fs6 from "fs";
+import * as fs7 from "fs";
 import * as path7 from "path";
 var IGNORED_REPO_DIRS = /* @__PURE__ */ new Set([
   ".git",
@@ -8108,9 +8613,9 @@ function shouldIgnoreRepoEntry(entryPath) {
 }
 function safeReadTextFile(filePath) {
   try {
-    const stat = fs6.statSync(filePath);
+    const stat = fs7.statSync(filePath);
     if (!stat.isFile() || stat.size > MAX_FILE_BYTES_TO_SCAN) return null;
-    const buffer = fs6.readFileSync(filePath);
+    const buffer = fs7.readFileSync(filePath);
     if (buffer.includes(0)) return null;
     return buffer.toString("utf-8");
   } catch {
@@ -8118,14 +8623,14 @@ function safeReadTextFile(filePath) {
   }
 }
 function walkRepo(startPath, visitor) {
-  if (!fs6.existsSync(startPath) || !fs6.statSync(startPath).isDirectory()) return;
+  if (!fs7.existsSync(startPath) || !fs7.statSync(startPath).isDirectory()) return;
   const stack = [startPath];
   while (stack.length > 0) {
     const currentDir = stack.pop();
     if (!currentDir) continue;
     let entries;
     try {
-      entries = fs6.readdirSync(currentDir, { withFileTypes: true });
+      entries = fs7.readdirSync(currentDir, { withFileTypes: true });
     } catch {
       continue;
     }
@@ -8168,7 +8673,7 @@ function buildTree(dirPath, maxDepth, depth = 0) {
   if (depth > maxDepth || shouldIgnoreRepoEntry(dirPath)) return [];
   let entries;
   try {
-    entries = fs6.readdirSync(dirPath, { withFileTypes: true });
+    entries = fs7.readdirSync(dirPath, { withFileTypes: true });
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     return [`${"  ".repeat(depth)}[error reading ${normalizeToolPath(dirPath)}: ${message}]`];
@@ -8197,7 +8702,7 @@ var defaultLocalTools = {
     execute: async (args) => {
       const toolFilePath = String(args.path || "");
       if (!toolFilePath) return "Error: path is required";
-      return fs7.readFileSync(toolFilePath, "utf-8");
+      return fs8.readFileSync(toolFilePath, "utf-8");
     }
   },
   write_file: {
@@ -8215,8 +8720,8 @@ var defaultLocalTools = {
       if (!toolFilePath) return "Error: path is required";
       const content = String(args.content || "");
       const dir = path8.dirname(toolFilePath);
-      fs7.mkdirSync(dir, { recursive: true });
-      fs7.writeFileSync(toolFilePath, content);
+      fs8.mkdirSync(dir, { recursive: true });
+      fs8.writeFileSync(toolFilePath, content);
       return "ok";
     }
   },
@@ -8228,7 +8733,7 @@ var defaultLocalTools = {
     },
     execute: async (args) => {
       const dirPath = String(args.path || ".");
-      return fs7.readdirSync(dirPath).join("\n");
+      return fs8.readdirSync(dirPath).join("\n");
     }
   },
   search_repo: {
@@ -8255,7 +8760,7 @@ var defaultLocalTools = {
       const query = String(args.query || "").trim();
       if (!query) return "Error: query is required";
       const startPath = path8.resolve(String(args.path || "."));
-      if (!fs7.existsSync(startPath)) return `Error: path does not exist: ${startPath}`;
+      if (!fs8.existsSync(startPath)) return `Error: path does not exist: ${startPath}`;
       const maxResults = Math.max(
         1,
         Math.min(100, Number.isFinite(Number(args.maxResults)) ? Math.floor(Number(args.maxResults)) : 20)
@@ -8318,7 +8823,7 @@ var defaultLocalTools = {
       const pattern = String(args.pattern || "").trim();
       if (!pattern) return "Error: pattern is required";
       const startPath = path8.resolve(String(args.path || "."));
-      if (!fs7.existsSync(startPath)) return `Error: path does not exist: ${startPath}`;
+      if (!fs8.existsSync(startPath)) return `Error: path does not exist: ${startPath}`;
       const maxResults = Math.max(
         1,
         Math.min(
@@ -8358,8 +8863,8 @@ var defaultLocalTools = {
     },
     execute: async (args) => {
       const dirPath = path8.resolve(String(args.path || "."));
-      if (!fs7.existsSync(dirPath)) return `Error: path does not exist: ${dirPath}`;
-      if (!fs7.statSync(dirPath).isDirectory()) return `Error: path is not a directory: ${dirPath}`;
+      if (!fs8.existsSync(dirPath)) return `Error: path does not exist: ${dirPath}`;
+      if (!fs8.statSync(dirPath).isDirectory()) return `Error: path is not a directory: ${dirPath}`;
       const maxDepth = Math.max(
         0,
         Math.min(6, Number.isFinite(Number(args.maxDepth)) ? Math.floor(Number(args.maxDepth)) : 2)
@@ -8386,8 +8891,8 @@ function createCheckpointedWriteFileTool(taskName, stateDir) {
       const content = String(args.content || "");
       ensureMarathonFileCheckpoint(taskName, toolFilePath, stateDir);
       const dir = path8.dirname(toolFilePath);
-      fs7.mkdirSync(dir, { recursive: true });
-      fs7.writeFileSync(toolFilePath, content);
+      fs8.mkdirSync(dir, { recursive: true });
+      fs8.writeFileSync(toolFilePath, content);
       return "ok";
     }
   };
@@ -8582,7 +9087,7 @@ function createLoopDetector(options = {}) {
 }
 
 // src/marathon/context-offload.ts
-import * as fs8 from "fs";
+import * as fs9 from "fs";
 import * as path9 from "path";
 var DEFAULT_OUTPUT_THRESHOLD = 2e3;
 var DEFAULT_PREVIEW_LENGTH = 200;
@@ -8607,8 +9112,8 @@ function offloadToolOutput(taskName, toolName, output, options = {}, stateDir) {
   );
   const fileName = `${stateSafeName3(toolName)}-${offloadCounter}.txt`;
   const filePath = path9.join(dir, fileName);
-  fs8.mkdirSync(dir, { recursive: true });
-  fs8.writeFileSync(filePath, output, "utf-8");
+  fs9.mkdirSync(dir, { recursive: true });
+  fs9.writeFileSync(filePath, output, "utf-8");
   const preview = output.slice(0, previewLength).replace(/\n/g, " ");
   const relativePath = path9.relative(process.cwd(), filePath);
   const reference = [
@@ -8632,7 +9137,7 @@ function withOffloading(tool, taskName, toolName, options, stateDir) {
 }
 
 // src/marathon/recipes.ts
-import * as fs9 from "fs";
+import * as fs10 from "fs";
 import * as path10 from "path";
 var RECIPES_DIR = ".marathon/recipes";
 function loadRecipe(nameOrPath, cwd) {
@@ -8646,9 +9151,9 @@ function loadRecipe(nameOrPath, cwd) {
     path10.resolve(baseCwd, RECIPES_DIR, nameOrPath, "recipe.json")
   ];
   for (const candidate of candidates) {
-    if (!fs9.existsSync(candidate)) continue;
+    if (!fs10.existsSync(candidate)) continue;
     try {
-      const raw = fs9.readFileSync(candidate, "utf-8");
+      const raw = fs10.readFileSync(candidate, "utf-8");
       const parsed = JSON.parse(raw);
       if (parsed.meta?.name && parsed.meta?.version) {
         return parsed;
@@ -8663,14 +9168,14 @@ var RULES_DIR = ".marathon/rules";
 function loadRules(cwd) {
   const baseCwd = cwd || process.cwd();
   const rulesDir = path10.resolve(baseCwd, RULES_DIR);
-  if (!fs9.existsSync(rulesDir)) return [];
+  if (!fs10.existsSync(rulesDir)) return [];
   const rules = [];
   try {
-    const entries = fs9.readdirSync(rulesDir).filter((f) => f.endsWith(".md"));
+    const entries = fs10.readdirSync(rulesDir).filter((f) => f.endsWith(".md"));
     for (const entry of entries) {
       const filePath = path10.join(rulesDir, entry);
       try {
-        const raw = fs9.readFileSync(filePath, "utf-8");
+        const raw = fs10.readFileSync(filePath, "utf-8");
         const parsed = parseRuleFile(raw);
         rules.push({ ...parsed, filePath });
       } catch {
@@ -8801,7 +9306,7 @@ async function taskAction(agent, options) {
       forcedResumeFilePath = stateResolution.filePath;
     } else {
       resumeRequested = false;
-      if (options.fresh && fs10.existsSync(filePath)) {
+      if (options.fresh && fs11.existsSync(filePath)) {
         console.log(chalk16.gray(`Starting fresh and ignoring saved local state at ${filePath}`));
       }
     }
@@ -8963,6 +9468,7 @@ ${rulesContext}`;
         showFinish: !options.noFinish,
         initialRunnerPosition,
         initialRunnerLaps,
+        planPath: lastKnownState?.planPath ?? resumeState?.planPath,
         debug: options.debug,
         plainText: options.plainText ?? false,
         noSteer: options.noSteer ?? false,
@@ -9015,6 +9521,7 @@ Saving state... done. Session saved to ${filePath}`);
     let shouldContinue = true;
     let accumulatedSessions = 0;
     let accumulatedCost = 0;
+    let accumulatedTokens = { input: 0, output: 0 };
     let lastResult = null;
     let lastSessionMessages = [];
     while (shouldContinue) {
@@ -9116,8 +9623,8 @@ Saving state... done. Session saved to ${filePath}`);
           const recap = {
             sessionNumber: adjustedState.sessionCount,
             toolCallsMade: currentActions.getState().tools.length,
-            tokensInput: 0,
-            tokensOutput: 0,
+            tokensInput: state.totalTokens?.input ?? 0,
+            tokensOutput: state.totalTokens?.output ?? 0,
             cost: state.totalCost,
             outputPreview: adjustedState.lastOutput.slice(0, 100)
           };
@@ -9197,6 +9704,12 @@ Saving state... done. Session saved to ${filePath}`);
       }
       accumulatedSessions += result2.sessionCount;
       accumulatedCost += result2.totalCost;
+      if (result2.totalTokens) {
+        accumulatedTokens = {
+          input: accumulatedTokens.input + result2.totalTokens.input,
+          output: accumulatedTokens.output + result2.totalTokens.output
+        };
+      }
       lastResult = result2;
       if (shouldContinue) {
         previousMessages = lastSessionMessages;
@@ -9215,8 +9728,8 @@ Saving state... done. Session saved to ${filePath}`);
           const recap = {
             sessionNumber: priorSessionCount + accumulatedSessions,
             toolCallsMade: currentActions.getState().tools.length,
-            tokensInput: 0,
-            tokensOutput: 0,
+            tokensInput: accumulatedTokens.input,
+            tokensOutput: accumulatedTokens.output,
             cost: accumulatedCost,
             outputPreview: terminalPreview.slice(0, 100)
           };
@@ -9373,11 +9886,29 @@ Resume: ${buildResumeCommand(agent, options, parsedSandbox)}`
 }
 function detectDeployWorkflow(message, sandboxProvider, resumeState) {
   if (sandboxProvider !== "daytona") return void 0;
+  if (resumeState?.workflowVariant === "game") return gameWorkflow;
+  if (resumeState?.workflowPhase === "design" || resumeState?.workflowPhase === "build" || resumeState?.workflowPhase === "verify") {
+    return gameWorkflow;
+  }
   if (resumeState?.workflowVariant === "deploy") return deployWorkflow;
   if (resumeState?.workflowPhase === "scaffold" || resumeState?.workflowPhase === "deploy") {
     return deployWorkflow;
   }
   const lower = message.toLowerCase();
+  const gamePatterns = [
+    /\b3d\b.*\bgame\b/,
+    /\bgame\b.*\b3d\b/,
+    /\bthree\.?js\b/,
+    /\bphaser\b/,
+    /\bwebgl\b/,
+    /\bplatformer\b/,
+    /\bracing\b.*\bgame\b/,
+    /\bgame\b.*\bracing\b/,
+    /\bgame\b/
+  ];
+  if (gamePatterns.some((p) => p.test(lower))) {
+    return gameWorkflow;
+  }
   const deployPatterns = [
     /\bdeploy\b/,
     /\bsandbox\b/,
@@ -9456,9 +9987,9 @@ agentsCommand.command("list").description("List all agents").option("--json", "O
     return;
   }
   const App = () => {
-    const [items, setItems] = useState20(null);
-    const [error, setError] = useState20(null);
-    const [total, setTotal] = useState20();
+    const [items, setItems] = useState21(null);
+    const [error, setError] = useState21(null);
+    const [total, setTotal] = useState21();
     useEffect18(() => {
       client.get("/agents", { limit: options.limit }).then((res) => {
         setItems(res.data ?? []);
@@ -9517,8 +10048,8 @@ agentsCommand.command("get <id>").description("Get agent details").option("--jso
     return;
   }
   const App = () => {
-    const [items, setItems] = useState20(null);
-    const [error, setError] = useState20(null);
+    const [items, setItems] = useState21(null);
+    const [error, setError] = useState21(null);
     useEffect18(() => {
       client.get(`/agents/${id}`).then((res) => setItems([res])).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
     }, []);
@@ -9569,10 +10100,10 @@ agentsCommand.command("create").description("Create a new agent").requiredOption
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState20(true);
-    const [success, setSuccess] = useState20(null);
-    const [error, setError] = useState20(null);
-    const [result, setResult] = useState20(null);
+    const [loading, setLoading] = useState21(true);
+    const [success, setSuccess] = useState21(null);
+    const [error, setError] = useState21(null);
+    const [result, setResult] = useState21(null);
     useEffect18(() => {
       client.post("/agents", {
         name: options.name,
@@ -9620,10 +10151,10 @@ agentsCommand.command("delete <id>").description("Delete an agent").option("--tt
     return;
   }
   const App = () => {
-    const [confirmed, setConfirmed] = useState20(null);
-    const [loading, setLoading] = useState20(false);
-    const [success, setSuccess] = useState20(null);
-    const [error, setError] = useState20(null);
+    const [confirmed, setConfirmed] = useState21(null);
+    const [loading, setLoading] = useState21(false);
+    const [success, setSuccess] = useState21(null);
+    const [error, setError] = useState21(null);
     useEffect18(() => {
       if (confirmed !== true) return void 0;
       setLoading(true);
@@ -9714,7 +10245,7 @@ import { Command as Command13 } from "commander";
 import chalk18 from "chalk";
 import React14 from "react";
 import { render as render12 } from "ink";
-import { useState as useState21, useEffect as useEffect19 } from "react";
+import { useState as useState22, useEffect as useEffect19 } from "react";
 var modelsCommand = new Command13("models").description("Manage model configurations");
 modelsCommand.command("list").description("List your enabled model configurations").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -9751,9 +10282,9 @@ modelsCommand.command("list").description("List your enabled model configuration
     return;
   }
   const App = () => {
-    const [items, setItems] = useState21(null);
-    const [error, setError] = useState21(null);
-    const [total, setTotal] = useState21();
+    const [items, setItems] = useState22(null);
+    const [error, setError] = useState22(null);
+    const [total, setTotal] = useState22();
     useEffect19(() => {
       client.get("/model-configs").then((res) => {
         setItems(res.data ?? []);
@@ -9816,8 +10347,8 @@ modelsCommand.command("available").description("List all available models groupe
     return;
   }
   const App = () => {
-    const [items, setItems] = useState21(null);
-    const [error, setError] = useState21(null);
+    const [items, setItems] = useState22(null);
+    const [error, setError] = useState22(null);
     useEffect19(() => {
       client.get("/model-configs/grouped").then((res) => setItems(res.data ?? [])).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
     }, []);
@@ -9864,10 +10395,10 @@ modelsCommand.command("enable <modelId>").description("Enable a model by creatin
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState21(true);
-    const [success, setSuccess] = useState21(null);
-    const [error, setError] = useState21(null);
-    const [result, setResult] = useState21(null);
+    const [loading, setLoading] = useState22(true);
+    const [success, setSuccess] = useState22(null);
+    const [error, setError] = useState22(null);
+    const [result, setResult] = useState22(null);
     useEffect19(() => {
       client.post("/model-configs", { modelId }).then((data) => {
         setResult(data);
@@ -9912,9 +10443,9 @@ modelsCommand.command("disable <id>").description("Disable a model configuration
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState21(true);
-    const [success, setSuccess] = useState21(null);
-    const [error, setError] = useState21(null);
+    const [loading, setLoading] = useState22(true);
+    const [success, setSuccess] = useState22(null);
+    const [error, setError] = useState22(null);
     useEffect19(() => {
       client.patch(`/model-configs/${id}/status`, { enabled: false }).then(() => {
         setSuccess(true);
@@ -9952,9 +10483,9 @@ modelsCommand.command("default <id>").description("Set a model configuration as
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState21(true);
-    const [success, setSuccess] = useState21(null);
-    const [error, setError] = useState21(null);
+    const [loading, setLoading] = useState22(true);
+    const [success, setSuccess] = useState22(null);
+    const [error, setError] = useState22(null);
     useEffect19(() => {
       client.patch(`/model-configs/${id}/default`, {}).then(() => {
         setSuccess(true);
@@ -9996,7 +10527,7 @@ import { Command as Command14 } from "commander";
 import chalk19 from "chalk";
 import React15 from "react";
 import { render as render13 } from "ink";
-import { useState as useState22, useEffect as useEffect20 } from "react";
+import { useState as useState23, useEffect as useEffect20 } from "react";
 var schedulesCommand = new Command14("schedules").description("Manage schedules");
 schedulesCommand.command("list").description("List all schedules").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -10040,9 +10571,9 @@ schedulesCommand.command("list").description("List all schedules").option("--jso
     return;
   }
   const App = () => {
-    const [items, setItems] = useState22(null);
-    const [error, setError] = useState22(null);
-    const [total, setTotal] = useState22();
+    const [items, setItems] = useState23(null);
+    const [error, setError] = useState23(null);
+    const [total, setTotal] = useState23();
     useEffect20(() => {
       client.get("/schedules").then((res) => {
         setItems(res.data ?? []);
@@ -10106,8 +10637,8 @@ schedulesCommand.command("get <id>").description("Get schedule details").option(
     return;
   }
   const App = () => {
-    const [items, setItems] = useState22(null);
-    const [error, setError] = useState22(null);
+    const [items, setItems] = useState23(null);
+    const [error, setError] = useState23(null);
     useEffect20(() => {
       client.get(`/schedules/${id}`).then((res) => setItems([res])).catch((err) => setError(err instanceof Error ? err : new Error(String(err))));
     }, []);
@@ -10162,10 +10693,10 @@ schedulesCommand.command("create").description("Create a new schedule").required
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState22(true);
-    const [success, setSuccess] = useState22(null);
-    const [error, setError] = useState22(null);
-    const [result, setResult] = useState22(null);
+    const [loading, setLoading] = useState23(true);
+    const [success, setSuccess] = useState23(null);
+    const [error, setError] = useState23(null);
+    const [result, setResult] = useState23(null);
     useEffect20(() => {
       client.post("/schedules", {
         flowId: options.flow,
@@ -10217,9 +10748,9 @@ function simpleMutationCommand(name, description, mutationFn, successMsg, loadin
       return;
     }
     const App = () => {
-      const [loading, setLoading] = useState22(true);
-      const [success, setSuccess] = useState22(null);
-      const [error, setError] = useState22(null);
+      const [loading, setLoading] = useState23(true);
+      const [success, setSuccess] = useState23(null);
+      const [error, setError] = useState23(null);
       useEffect20(() => {
         mutationFn(client, id).then(() => {
           setSuccess(true);
@@ -10279,10 +10810,10 @@ schedulesCommand.command("delete <id>").description("Delete a schedule").option(
     return;
   }
   const App = () => {
-    const [confirmed, setConfirmed] = useState22(null);
-    const [loading, setLoading] = useState22(false);
-    const [success, setSuccess] = useState22(null);
-    const [error, setError] = useState22(null);
+    const [confirmed, setConfirmed] = useState23(null);
+    const [loading, setLoading] = useState23(false);
+    const [success, setSuccess] = useState23(null);
+    const [error, setError] = useState23(null);
     useEffect20(() => {
       if (confirmed !== true) return void 0;
       setLoading(true);
@@ -10327,16 +10858,16 @@ import { Command as Command15 } from "commander";
 import chalk20 from "chalk";
 import React16 from "react";
 import { render as render14 } from "ink";
-import { useState as useState23, useEffect as useEffect21 } from "react";
-import { Text as Text24 } from "ink";
-import { readFileSync as readFileSync8 } from "fs";
+import { useState as useState24, useEffect as useEffect21 } from "react";
+import { Text as Text25 } from "ink";
+import { readFileSync as readFileSync9 } from "fs";
 var evalCommand = new Command15("eval").description("Manage evaluations");
 evalCommand.command("submit").description("Submit an eval batch").requiredOption("-f, --flow <id>", "Flow ID to evaluate").requiredOption("-r, --records <file>", "JSON file with record IDs").option("-n, --name <name>", "Eval batch name").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
   if (!apiKey) return;
   let recordIds;
   try {
-    const content = readFileSync8(options.records, "utf-8");
+    const content = readFileSync9(options.records, "utf-8");
     const parsed = JSON.parse(content);
     recordIds = Array.isArray(parsed) ? parsed : parsed.recordIds || parsed.records || [];
   } catch (error) {
@@ -10372,10 +10903,10 @@ evalCommand.command("submit").description("Submit an eval batch").requiredOption
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState23(true);
-    const [success, setSuccess] = useState23(null);
-    const [error, setError] = useState23(null);
-    const [resultNode, setResultNode] = useState23(void 0);
+    const [loading, setLoading] = useState24(true);
+    const [success, setSuccess] = useState24(null);
+    const [error, setError] = useState24(null);
+    const [resultNode, setResultNode] = useState24(void 0);
     useEffect21(() => {
       const run = async () => {
         try {
@@ -10455,10 +10986,10 @@ evalCommand.command("list").description("List eval batches").option("--flow <id>
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState23(true);
-    const [items, setItems] = useState23(null);
-    const [total, setTotal] = useState23(void 0);
-    const [error, setError] = useState23(null);
+    const [loading, setLoading] = useState24(true);
+    const [items, setItems] = useState24(null);
+    const [total, setTotal] = useState24(void 0);
+    const [error, setError] = useState24(null);
     useEffect21(() => {
       const run = async () => {
         try {
@@ -10486,7 +11017,7 @@ evalCommand.command("list").description("List eval batches").option("--flow <id>
         const progress = b.totalRecords ? `${b.completedRecords ?? 0}/${b.totalRecords}` : "";
         const statusColor = b.status === "completed" ? "green" : "yellow";
         return React16.createElement(
-          Text24,
+          Text25,
           { color: statusColor },
           `  ${b.id} ${name} [${b.status}] ${progress}`
         );
@@ -10535,10 +11066,10 @@ evalCommand.command("results <id>").description("Get eval batch results").option
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState23(true);
-    const [success, setSuccess] = useState23(null);
-    const [error, setError] = useState23(null);
-    const [resultNode, setResultNode] = useState23(void 0);
+    const [loading, setLoading] = useState24(true);
+    const [success, setSuccess] = useState24(null);
+    const [error, setError] = useState24(null);
+    const [resultNode, setResultNode] = useState24(void 0);
     useEffect21(() => {
       const run = async () => {
         try {
@@ -10599,9 +11130,9 @@ evalCommand.command("compare <groupId>").description("Compare evals in a group")
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState23(true);
-    const [success, setSuccess] = useState23(null);
-    const [error, setError] = useState23(null);
+    const [loading, setLoading] = useState24(true);
+    const [success, setSuccess] = useState24(null);
+    const [error, setError] = useState24(null);
     useEffect21(() => {
       const run = async () => {
         try {
@@ -10634,8 +11165,8 @@ import { Command as Command16 } from "commander";
 import chalk21 from "chalk";
 import React17 from "react";
 import { render as render15 } from "ink";
-import { useState as useState24, useEffect as useEffect22 } from "react";
-import { Text as Text25 } from "ink";
+import { useState as useState25, useEffect as useEffect22 } from "react";
+import { Text as Text26 } from "ink";
 var apiKeysCommand = new Command16("api-keys").description("Manage API keys");
 apiKeysCommand.command("list").description("List your API keys").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -10673,10 +11204,10 @@ apiKeysCommand.command("list").description("List your API keys").option("--json"
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState24(true);
-    const [items, setItems] = useState24(null);
-    const [total, setTotal] = useState24(void 0);
-    const [error, setError] = useState24(null);
+    const [loading, setLoading] = useState25(true);
+    const [items, setItems] = useState25(null);
+    const [total, setTotal] = useState25(void 0);
+    const [error, setError] = useState25(null);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -10702,7 +11233,7 @@ apiKeysCommand.command("list").description("List your API keys").option("--json"
         const k = item;
         const prefix = k.prefix ? ` (${k.prefix}...)` : "";
         const lastUsed = k.lastUsedAt ? ` last used: ${k.lastUsedAt}` : "";
-        return React17.createElement(Text25, null, `  ${k.id} ${k.name}${prefix}${lastUsed}`);
+        return React17.createElement(Text26, null, `  ${k.id} ${k.name}${prefix}${lastUsed}`);
       }
     });
   };
@@ -10737,10 +11268,10 @@ apiKeysCommand.command("get <id>").description("Get API key details").option("--
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState24(true);
-    const [success, setSuccess] = useState24(null);
-    const [error, setError] = useState24(null);
-    const [resultNode, setResultNode] = useState24(void 0);
+    const [loading, setLoading] = useState25(true);
+    const [success, setSuccess] = useState25(null);
+    const [error, setError] = useState25(null);
+    const [resultNode, setResultNode] = useState25(void 0);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -10806,10 +11337,10 @@ apiKeysCommand.command("create").description("Create a new API key").requiredOpt
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState24(true);
-    const [success, setSuccess] = useState24(null);
-    const [error, setError] = useState24(null);
-    const [resultNode, setResultNode] = useState24(void 0);
+    const [loading, setLoading] = useState25(true);
+    const [success, setSuccess] = useState25(null);
+    const [error, setError] = useState25(null);
+    const [resultNode, setResultNode] = useState25(void 0);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -10865,9 +11396,9 @@ apiKeysCommand.command("delete <id>").description("Delete an API key").option("-
   }
   if (options.yes) {
     const App = () => {
-      const [loading, setLoading] = useState24(true);
-      const [success, setSuccess] = useState24(null);
-      const [error, setError] = useState24(null);
+      const [loading, setLoading] = useState25(true);
+      const [success, setSuccess] = useState25(null);
+      const [error, setError] = useState25(null);
       useEffect22(() => {
         const run = async () => {
           try {
@@ -10908,9 +11439,9 @@ apiKeysCommand.command("delete <id>").description("Delete an API key").option("-
   });
   if (!confirmed) return;
   const DeleteApp = () => {
-    const [loading, setLoading] = useState24(true);
-    const [success, setSuccess] = useState24(null);
-    const [error, setError] = useState24(null);
+    const [loading, setLoading] = useState25(true);
+    const [success, setSuccess] = useState25(null);
+    const [error, setError] = useState25(null);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -10961,10 +11492,10 @@ apiKeysCommand.command("regenerate <id>").description("Regenerate an API key").o
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState24(true);
-    const [success, setSuccess] = useState24(null);
-    const [error, setError] = useState24(null);
-    const [resultNode, setResultNode] = useState24(void 0);
+    const [loading, setLoading] = useState25(true);
+    const [success, setSuccess] = useState25(null);
+    const [error, setError] = useState25(null);
+    const [resultNode, setResultNode] = useState25(void 0);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -11017,9 +11548,9 @@ apiKeysCommand.command("analytics").description("Show API key usage analytics").
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState24(true);
-    const [success, setSuccess] = useState24(null);
-    const [error, setError] = useState24(null);
+    const [loading, setLoading] = useState25(true);
+    const [success, setSuccess] = useState25(null);
+    const [error, setError] = useState25(null);
     useEffect22(() => {
       const run = async () => {
         try {
@@ -11053,8 +11584,8 @@ import { Command as Command17 } from "commander";
 import chalk22 from "chalk";
 import React18 from "react";
 import { render as render16 } from "ink";
-import { useState as useState25, useEffect as useEffect23 } from "react";
-import { Text as Text26 } from "ink";
+import { useState as useState26, useEffect as useEffect23 } from "react";
+import { Text as Text27 } from "ink";
 var analyticsCommand = new Command17("analytics").description("View analytics and execution results");
 analyticsCommand.command("stats").description("Show account statistics").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -11082,10 +11613,10 @@ analyticsCommand.command("stats").description("Show account statistics").option(
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState25(true);
-    const [success, setSuccess] = useState25(null);
-    const [error, setError] = useState25(null);
-    const [resultNode, setResultNode] = useState25(void 0);
+    const [loading, setLoading] = useState26(true);
+    const [success, setSuccess] = useState26(null);
+    const [error, setError] = useState26(null);
+    const [resultNode, setResultNode] = useState26(void 0);
     useEffect23(() => {
       const run = async () => {
         try {
@@ -11166,10 +11697,10 @@ analyticsCommand.command("results").description("List execution results").option
       return;
     }
     const App = () => {
-      const [loading, setLoading] = useState25(true);
-      const [items, setItems] = useState25(null);
-      const [total, setTotal] = useState25(void 0);
-      const [error, setError] = useState25(null);
+      const [loading, setLoading] = useState26(true);
+      const [items, setItems] = useState26(null);
+      const [total, setTotal] = useState26(void 0);
+      const [error, setError] = useState26(null);
       useEffect23(() => {
         const run = async () => {
           try {
@@ -11198,7 +11729,7 @@ analyticsCommand.command("results").description("List execution results").option
           const r = item;
           const statusColor = r.status === "completed" ? "green" : "red";
           return React18.createElement(
-            Text26,
+            Text27,
             { color: statusColor },
             `  ${r.id} [${r.status}] flow=${r.flowId} record=${r.recordId}${r.createdAt ? ` ${r.createdAt}` : ""}`
           );
@@ -11215,8 +11746,8 @@ import { Command as Command18 } from "commander";
 import chalk23 from "chalk";
 import React19 from "react";
 import { render as render17 } from "ink";
-import { useState as useState26, useEffect as useEffect24 } from "react";
-import open4 from "open";
+import { useState as useState27, useEffect as useEffect24 } from "react";
+import open5 from "open";
 var billingCommand = new Command18("billing").description("View billing and subscription info");
 billingCommand.command("status").description("Show current plan and usage").option("--json", "Output as JSON").option("--tty", "Force TTY mode").option("--no-tty", "Force non-TTY mode").action(async (options) => {
   const apiKey = await ensureAuth();
@@ -11261,10 +11792,10 @@ billingCommand.command("status").description("Show current plan and usage").opti
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState26(true);
-    const [success, setSuccess] = useState26(null);
-    const [error, setError] = useState26(null);
-    const [resultNode, setResultNode] = useState26(void 0);
+    const [loading, setLoading] = useState27(true);
+    const [success, setSuccess] = useState27(null);
+    const [error, setError] = useState27(null);
+    const [resultNode, setResultNode] = useState27(void 0);
     useEffect24(() => {
       const run = async () => {
         try {
@@ -11319,7 +11850,7 @@ billingCommand.command("portal").description("Open the billing portal in your br
       if (data.url) {
         console.log("Opening billing portal...");
         console.log(data.url);
-        await open4(data.url);
+        await open5(data.url);
       } else {
         console.log("No portal URL returned. You may need to set up billing first.");
       }
@@ -11332,16 +11863,16 @@ billingCommand.command("portal").description("Open the billing portal in your br
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState26(true);
-    const [success, setSuccess] = useState26(null);
-    const [error, setError] = useState26(null);
-    const [msg, setMsg] = useState26("Opening billing portal...");
+    const [loading, setLoading] = useState27(true);
+    const [success, setSuccess] = useState27(null);
+    const [error, setError] = useState27(null);
+    const [msg, setMsg] = useState27("Opening billing portal...");
     useEffect24(() => {
       const run = async () => {
         try {
           const data = await client.post("/billing/portal");
           if (data.url) {
-            await open4(data.url);
+            await open5(data.url);
             setMsg("Billing portal opened in browser");
             setSuccess(true);
           } else {
@@ -11385,9 +11916,9 @@ billingCommand.command("refresh").description("Refresh plan data from billing pr
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState26(true);
-    const [success, setSuccess] = useState26(null);
-    const [error, setError] = useState26(null);
+    const [loading, setLoading] = useState27(true);
+    const [success, setSuccess] = useState27(null);
+    const [error, setError] = useState27(null);
     useEffect24(() => {
       const run = async () => {
         try {
@@ -11419,8 +11950,8 @@ import { Command as Command19 } from "commander";
 import chalk24 from "chalk";
 import React20 from "react";
 import { render as render18 } from "ink";
-import { useState as useState27, useEffect as useEffect25 } from "react";
-import { Text as Text27 } from "ink";
+import { useState as useState28, useEffect as useEffect25 } from "react";
+import { Text as Text28 } from "ink";
 var flowVersionsCommand = new Command19("flow-versions").description(
   "Manage flow versions"
 );
@@ -11456,9 +11987,9 @@ flowVersionsCommand.command("list <flowId>").description("List all versions for
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState27(true);
-    const [items, setItems] = useState27(null);
-    const [error, setError] = useState27(null);
+    const [loading, setLoading] = useState28(true);
+    const [items, setItems] = useState28(null);
+    const [error, setError] = useState28(null);
     useEffect25(() => {
       const run = async () => {
         try {
@@ -11482,7 +12013,7 @@ flowVersionsCommand.command("list <flowId>").description("List all versions for
         const v = item;
         const publishedTag = v.published ? " [published]" : "";
         const versionNum = v.version !== void 0 ? `v${v.version}` : v.id;
-        return React20.createElement(Text27, null, `  ${v.id} ${versionNum}${publishedTag}${v.createdAt ? ` ${v.createdAt}` : ""}`);
+        return React20.createElement(Text28, null, `  ${v.id} ${versionNum}${publishedTag}${v.createdAt ? ` ${v.createdAt}` : ""}`);
       }
     });
   };
@@ -11517,10 +12048,10 @@ flowVersionsCommand.command("get <flowId> <versionId>").description("Get a speci
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState27(true);
-    const [success, setSuccess] = useState27(null);
-    const [error, setError] = useState27(null);
-    const [resultNode, setResultNode] = useState27(void 0);
+    const [loading, setLoading] = useState28(true);
+    const [success, setSuccess] = useState28(null);
+    const [error, setError] = useState28(null);
+    const [resultNode, setResultNode] = useState28(void 0);
     useEffect25(() => {
       const run = async () => {
         try {
@@ -11583,10 +12114,10 @@ flowVersionsCommand.command("published <flowId>").description("Get the published
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState27(true);
-    const [success, setSuccess] = useState27(null);
-    const [error, setError] = useState27(null);
-    const [resultNode, setResultNode] = useState27(void 0);
+    const [loading, setLoading] = useState28(true);
+    const [success, setSuccess] = useState28(null);
+    const [error, setError] = useState28(null);
+    const [resultNode, setResultNode] = useState28(void 0);
     useEffect25(() => {
       const run = async () => {
         try {
@@ -11640,9 +12171,9 @@ flowVersionsCommand.command("publish <flowId>").description("Publish a version")
     return;
   }
   const App = () => {
-    const [loading, setLoading] = useState27(true);
-    const [success, setSuccess] = useState27(null);
-    const [error, setError] = useState27(null);
+    const [loading, setLoading] = useState28(true);
+    const [success, setSuccess] = useState28(null);
+    const [error, setError] = useState28(null);
     useEffect25(() => {
       const run = async () => {
         try {
@@ -11677,7 +12208,7 @@ loadEnv();
 function getPackageVersion() {
   try {
     const pkgPath = join6(dirname4(fileURLToPath(import.meta.url)), "..", "package.json");
-    const pkg = JSON.parse(readFileSync9(pkgPath, "utf-8"));
+    const pkg = JSON.parse(readFileSync10(pkgPath, "utf-8"));
     return pkg.version || "0.0.0";
   } catch {
     return "0.0.0";