cascade-ai 0.12.18 → 0.12.20

package/dist/cli.cjs

@@ -6,6 +6,7 @@ var genai = require('@google/genai');
 var dns = require('dns');
 var http = require('http');
 var https = require('https');
+var zlib = require('zlib');
 var stream = require('stream');
 var ink = require('ink');
 var commander = require('commander');
@@ -69,6 +70,7 @@ var OpenAI__default = /*#__PURE__*/_interopDefault(OpenAI);
 var dns__default = /*#__PURE__*/_interopDefault(dns);
 var http__default = /*#__PURE__*/_interopDefault(http);
 var https__default = /*#__PURE__*/_interopDefault(https);
+var zlib__default = /*#__PURE__*/_interopDefault(zlib);
 var React2__default = /*#__PURE__*/_interopDefault(React2);
 var chalk9__default = /*#__PURE__*/_interopDefault(chalk9);
 var dotenv__default = /*#__PURE__*/_interopDefault(dotenv);
@@ -107,7 +109,7 @@ var __export = (target, all) => {
 var CASCADE_VERSION, CASCADE_CONFIG_FILE, CASCADE_DB_FILE, CASCADE_DASHBOARD_SECRET_FILE, GLOBAL_CONFIG_DIR, GLOBAL_DB_FILE, GLOBAL_KEYSTORE_FILE, GLOBAL_RUNTIME_DB_FILE, DEFAULT_DASHBOARD_PORT, DEFAULT_CONTEXT_LIMIT, DEFAULT_AUTO_SUMMARIZE_AT, MODELS, T1_MODEL_PRIORITY, T2_MODEL_PRIORITY, T3_MODEL_PRIORITY, VISION_MODEL_PRIORITY, COMPLEXITY_T2_COUNT, THEME_NAMES, DEFAULT_THEME, OLLAMA_BASE_URL, LM_STUDIO_BASE_URL, AZURE_BASE_URL_TEMPLATE, TOOL_NAMES, DEFAULT_APPROVAL_REQUIRED;
 var init_constants = __esm({
   "src/constants.ts"() {
-    CASCADE_VERSION = "0.12.18";
+    CASCADE_VERSION = "0.12.20";
     CASCADE_CONFIG_FILE = ".cascade/config.json";
     CASCADE_DB_FILE = ".cascade/memory.db";
     CASCADE_DASHBOARD_SECRET_FILE = ".cascade/dashboard-secret";
@@ -1214,12 +1216,11 @@ var init_gemini = __esm({
   }
 });
 function preferIpv4Host(url) {
-  if (!url) return url;
-  return url.replace(/^(https?:\/\/)localhost(?=[:/]|$)/i, "$1127.0.0.1");
+  return url;
 }
-async function nodeHttpFetch(input, init = {}) {
+async function nodeHttpFetch(input, init = {}, redirectCount = 0) {
   const urlStr = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-  const u = new URL(urlStr);
+  const u = new URL(preferIpv4Host(urlStr) ?? urlStr);
   const lib = u.protocol === "https:" ? https__default.default : http__default.default;
   const method = (init.method ?? "GET").toUpperCase();
   const headers = {};
@@ -1229,6 +1230,9 @@ async function nodeHttpFetch(input, init = {}) {
   });
   else if (Array.isArray(h)) for (const [k, v] of h) headers[k] = v;
   else if (h) Object.assign(headers, h);
+  if (!Object.keys(headers).some((k) => k.toLowerCase() === "accept-encoding")) {
+    headers["accept-encoding"] = "gzip, deflate, br";
+  }
   const body = init.body == null ? void 0 : typeof init.body === "string" ? init.body : Buffer.from(init.body);
   return new Promise((resolve, reject) => {
     const req = lib.request(
@@ -1240,14 +1244,30 @@ async function nodeHttpFetch(input, init = {}) {
         headers
       },
       (res) => {
-        const stream$1 = stream.Readable.toWeb(res);
+        const status = res.statusCode ?? 200;
+        const location = res.headers.location;
+        if (status >= 300 && status < 400 && location && redirectCount < MAX_REDIRECTS) {
+          res.resume();
+          const nextUrl = new URL(location, u).href;
+          const downgrade = status === 303 || (status === 301 || status === 302) && method !== "GET" && method !== "HEAD";
+          const nextInit = downgrade ? { ...init, method: "GET", body: void 0 } : init;
+          resolve(nodeHttpFetch(nextUrl, nextInit, redirectCount + 1));
+          return;
+        }
+        const encoding = (res.headers["content-encoding"] ?? "").toLowerCase();
+        let bodyStream = res;
+        if (encoding === "gzip" || encoding === "x-gzip") bodyStream = res.pipe(zlib__default.default.createGunzip());
+        else if (encoding === "deflate") bodyStream = res.pipe(zlib__default.default.createInflate());
+        else if (encoding === "br") bodyStream = res.pipe(zlib__default.default.createBrotliDecompress());
+        const stream$1 = stream.Readable.toWeb(bodyStream);
         const respHeaders = new Headers();
         for (const [k, v] of Object.entries(res.headers)) {
+          if (k === "content-encoding" || k === "content-length") continue;
           if (Array.isArray(v)) respHeaders.set(k, v.join(", "));
           else if (typeof v === "string") respHeaders.set(k, v);
         }
         resolve(new Response(stream$1, {
-          status: res.statusCode ?? 200,
+          status,
           statusText: res.statusMessage ?? "",
           headers: respHeaders
         }));
@@ -1259,12 +1279,14 @@ async function nodeHttpFetch(input, init = {}) {
     req.end();
   });
 }
+var MAX_REDIRECTS;
 var init_net = __esm({
   "src/utils/net.ts"() {
     try {
       dns__default.default.setDefaultResultOrder("ipv4first");
     } catch {
     }
+    MAX_REDIRECTS = 5;
   }
 });
 
@@ -8968,7 +8990,7 @@ var SsrfBlockedError = class extends Error {
   }
 };
 var ALLOWED_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
-var MAX_REDIRECTS = 5;
+var MAX_REDIRECTS2 = 5;
 function allowLocal() {
   return process.env["CASCADE_ALLOW_LOCAL_FETCH"] === "1";
 }
@@ -9036,7 +9058,7 @@ async function assertPublicUrl(rawUrl) {
 }
 async function safeFetch(rawUrl, init = {}) {
   let currentUrl = (await assertPublicUrl(rawUrl)).toString();
-  for (let i = 0; i <= MAX_REDIRECTS; i++) {
+  for (let i = 0; i <= MAX_REDIRECTS2; i++) {
     const resp = await fetch(currentUrl, { ...init, redirect: "manual" });
     if (resp.status < 300 || resp.status >= 400) return resp;
     const location = resp.headers.get("location");
@@ -9045,7 +9067,7 @@ async function safeFetch(rawUrl, init = {}) {
     await assertPublicUrl(next.toString());
     currentUrl = next.toString();
   }
-  throw new SsrfBlockedError(`Too many redirects (>${MAX_REDIRECTS}).`);
+  throw new SsrfBlockedError(`Too many redirects (>${MAX_REDIRECTS2}).`);
 }
 
 // src/tools/web-fetch.ts
@@ -10995,135 +11017,126 @@ init_ollama();
 init_openai_compatible();
 
 // src/cli/themes/index.ts
-var cascadeTheme = {
-  name: "cascade",
-  colors: {
-    primary: "#7C6AF7",
-    // Cascade violet
-    secondary: "#A78BFA",
-    accent: "#06B6D4",
-    // Cyan
-    success: "#10B981",
-    warning: "#F59E0B",
-    error: "#EF4444",
-    info: "#3B82F6",
-    muted: "#6B7280",
-    background: "#0F0F1A",
-    foreground: "#E2E8F0",
-    border: "#2D2B55",
-    t1Color: "#7C6AF7",
-    // Violet
-    t2Color: "#06B6D4",
-    // Cyan
-    t3Color: "#10B981"
-    // Green
-  }
-};
-var darkTheme = {
-  name: "dark",
-  colors: {
-    primary: "#60A5FA",
-    secondary: "#818CF8",
-    accent: "#34D399",
-    success: "#34D399",
-    warning: "#FBBF24",
-    error: "#F87171",
-    info: "#60A5FA",
-    muted: "#6B7280",
-    background: "#111827",
-    foreground: "#F9FAFB",
-    border: "#374151",
-    t1Color: "#60A5FA",
-    t2Color: "#818CF8",
-    t3Color: "#34D399"
-  }
-};
-var lightTheme = {
-  name: "light",
-  colors: {
-    primary: "#2563EB",
-    secondary: "#7C3AED",
-    accent: "#0891B2",
-    success: "#059669",
-    warning: "#D97706",
-    error: "#DC2626",
-    info: "#2563EB",
-    muted: "#6B7280",
-    background: "#FFFFFF",
-    foreground: "#111827",
-    border: "#E5E7EB",
-    t1Color: "#2563EB",
-    t2Color: "#7C3AED",
-    t3Color: "#059669"
-  }
-};
-var draculaTheme = {
-  name: "dracula",
-  colors: {
-    primary: "#BD93F9",
-    secondary: "#FF79C6",
-    accent: "#8BE9FD",
-    success: "#50FA7B",
-    warning: "#FFB86C",
-    error: "#FF5555",
-    info: "#8BE9FD",
-    muted: "#6272A4",
-    background: "#282A36",
-    foreground: "#F8F8F2",
-    border: "#44475A",
-    t1Color: "#BD93F9",
-    t2Color: "#FF79C6",
-    t3Color: "#50FA7B"
-  }
-};
-var nordTheme = {
-  name: "nord",
-  colors: {
-    primary: "#88C0D0",
-    secondary: "#81A1C1",
-    accent: "#A3BE8C",
-    success: "#A3BE8C",
-    warning: "#EBCB8B",
-    error: "#BF616A",
-    info: "#5E81AC",
-    muted: "#4C566A",
-    background: "#2E3440",
-    foreground: "#ECEFF4",
-    border: "#3B4252",
-    t1Color: "#88C0D0",
-    t2Color: "#81A1C1",
-    t3Color: "#A3BE8C"
-  }
+function defineTheme(name, colors) {
+  return { name, colors };
+}
+var midnightTheme = defineTheme("midnight", {
+  primary: "#8B7CF9",
+  secondary: "#B7AEFF",
+  accent: "#42D3E7",
+  success: "#3DDC97",
+  warning: "#F7B84B",
+  error: "#FF6685",
+  info: "#67A8FF",
+  muted: "#7C819B",
+  background: "#080A12",
+  foreground: "#EDF0FA",
+  border: "#292D42",
+  t1Color: "#F7B84B",
+  t2Color: "#A98BFF",
+  t3Color: "#42D3E7"
+});
+var auroraTheme = defineTheme("aurora", {
+  primary: "#6F8CFF",
+  secondary: "#A78BFA",
+  accent: "#45E0B8",
+  success: "#45E0B8",
+  warning: "#FFD166",
+  error: "#FF6B8A",
+  info: "#6FB7FF",
+  muted: "#7890A8",
+  background: "#071019",
+  foreground: "#EAF7F5",
+  border: "#20384A",
+  t1Color: "#FFD166",
+  t2Color: "#8B9CFF",
+  t3Color: "#45E0B8"
+});
+var emberTheme = defineTheme("ember", {
+  primary: "#FF8A5B",
+  secondary: "#FFB36B",
+  accent: "#F7C75B",
+  success: "#72D69A",
+  warning: "#F7C75B",
+  error: "#FF647C",
+  info: "#73B7FF",
+  muted: "#9A8078",
+  background: "#120C0B",
+  foreground: "#FFF1E9",
+  border: "#463027",
+  t1Color: "#F7C75B",
+  t2Color: "#FF8A5B",
+  t3Color: "#72D69A"
+});
+var tideTheme = defineTheme("tide", {
+  primary: "#4DA8FF",
+  secondary: "#65C7F7",
+  accent: "#51E1D4",
+  success: "#63D9A5",
+  warning: "#F2C879",
+  error: "#F0718B",
+  info: "#4DA8FF",
+  muted: "#71899C",
+  background: "#061017",
+  foreground: "#E8F5FA",
+  border: "#1C3947",
+  t1Color: "#F2C879",
+  t2Color: "#65A8F7",
+  t3Color: "#51E1D4"
+});
+var bloomTheme = defineTheme("bloom", {
+  primary: "#C084FC",
+  secondary: "#F08BB4",
+  accent: "#7DD3FC",
+  success: "#6EE7B7",
+  warning: "#FBCB78",
+  error: "#FB7185",
+  info: "#7DD3FC",
+  muted: "#9B83A8",
+  background: "#140D19",
+  foreground: "#F8EEFC",
+  border: "#412B4D",
+  t1Color: "#FBCB78",
+  t2Color: "#C084FC",
+  t3Color: "#7DD3FC"
+});
+var daybreakTheme = defineTheme("daybreak", {
+  primary: "#6857D9",
+  secondary: "#826AE6",
+  accent: "#087F91",
+  success: "#087A55",
+  warning: "#A86408",
+  error: "#C83253",
+  info: "#2563A8",
+  muted: "#667085",
+  background: "#F7F7FB",
+  foreground: "#202336",
+  border: "#D9DCE8",
+  t1Color: "#A86408",
+  t2Color: "#6857D9",
+  t3Color: "#087F91"
+});
+var canonicalThemes = {
+  midnight: midnightTheme,
+  aurora: auroraTheme,
+  ember: emberTheme,
+  tide: tideTheme,
+  bloom: bloomTheme,
+  daybreak: daybreakTheme
 };
-var solarizedTheme = {
-  name: "solarized",
-  colors: {
-    primary: "#268BD2",
-    secondary: "#2AA198",
-    accent: "#B58900",
-    success: "#859900",
-    warning: "#CB4B16",
-    error: "#DC322F",
-    info: "#268BD2",
-    muted: "#657B83",
-    background: "#002B36",
-    foreground: "#839496",
-    border: "#073642",
-    t1Color: "#268BD2",
-    t2Color: "#2AA198",
-    t3Color: "#859900"
-  }
+var THEME_ALIASES = {
+  cascade: "midnight",
+  dark: "aurora",
+  light: "daybreak",
+  dracula: "bloom",
+  nord: "tide",
+  solarized: "ember"
 };
-var themes = /* @__PURE__ */ new Map([
-  ["cascade", cascadeTheme],
-  ["dark", darkTheme],
-  ["light", lightTheme],
-  ["dracula", draculaTheme],
-  ["nord", nordTheme],
-  ["solarized", solarizedTheme]
-]);
+function resolveThemeName(name) {
+  return (name in canonicalThemes ? name : THEME_ALIASES[name]) || "midnight";
+}
 function getTheme(name) {
-  return themes.get(name) ?? cascadeTheme;
+  return canonicalThemes[resolveThemeName(name)] ?? midnightTheme;
 }
 
 // src/cli/slash/index.ts
@@ -11377,6 +11390,13 @@ var FIXED_CHROME_ROWS = 1 + // StatusBar
 3;
 var STREAM_TAIL_ROWS = 9;
 var SLASH_PANEL_ROWS = 11;
+function computeAdaptiveLayoutMode(columns, rows) {
+  const safeColumns = Number.isFinite(columns) && columns > 0 ? columns : 100;
+  const safeRows = Number.isFinite(rows) && rows > 0 ? rows : 40;
+  if (safeColumns < 80 || safeRows < 24) return "narrow";
+  if (safeColumns < 120 || safeRows < 32) return "medium";
+  return "wide";
+}
 var TREE_ROWS_FULL = 10;
 var TREE_ROWS_COMPACT = 4;
 var TIMELINE_ROWS = 4;
@@ -11636,7 +11656,7 @@ function formatTokens(n) {
 var StatusBar = React2__default.default.memo(StatusBarInternal);
 function HintBarInternal({ theme, isExecuting }) {
   if (isExecuting) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(ink.Box, { paddingLeft: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, dimColor: true, children: "/help \xB7 /clear \xB7 /theme \xB7 /cost \xB7 /model \xB7 /export" }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ink.Box, { paddingLeft: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, dimColor: true, children: "/ commands  \xB7  \u2191\u2193 history  \xB7  Esc cancel  \xB7  Ctrl+C exit" }) });
 }
 var HintBar = React2__default.default.memo(HintBarInternal);
 function ApprovalPrompt({ request, theme, onDecision }) {
@@ -11960,6 +11980,53 @@ function CostTracker({
     ] })
   ] });
 }
+function CompactStatus({ theme, activeT2Count, activeT3Count, currentAction, activeTool, isStreaming }) {
+  const activeCount = activeT2Count + activeT3Count;
+  const isActive = isStreaming || activeCount > 0;
+  const rightHint = isActive ? /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: theme.colors.muted, children: [
+    "T2:",
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, children: activeT2Count }),
+    " T3:",
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, children: activeT3Count })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: theme.colors.muted, children: [
+    "[",
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, bold: true, children: "tree" }),
+    "]"
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ink.Box, { paddingX: 1, borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderColor: theme.colors.border, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Box, { flexGrow: 1, children: isActive ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: theme.colors.accent, bold: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Spinner__default.default, { type: "hamburger" }),
+        " "
+      ] }),
+      activeTool ? (
+        // Show active tool prominently
+        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: "yellow", bold: true, children: [
+            "\u2699 ",
+            activeTool
+          ] }),
+          currentAction && !currentAction.startsWith("Using tool:") && /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: theme.colors.muted, children: [
+            " \u2503 ",
+            currentAction.length > 60 ? currentAction.slice(0, 57) + "..." : currentAction
+          ] })
+        ] })
+      ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, bold: true, children: activeCount > 0 ? `WORKING: ${activeCount} AGENTS` : "ORCHESTRATING" }),
+        currentAction && /* @__PURE__ */ jsxRuntime.jsxs(ink.Text, { color: theme.colors.muted, children: [
+          " \u2503 ",
+          currentAction.length > 80 ? currentAction.slice(0, 77) + "..." : currentAction
+        ] })
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(ink.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.muted, children: "\u25CF SYSTEM IDLE " }),
+      /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.muted, children: "\u2503 Press " }),
+      /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.accent, bold: true, children: "/" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.muted, children: " for command palette" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ink.Box, { children: rightHint })
+  ] });
+}
 function ChatMessage({ role, content, theme, timestamp, isStreaming }) {
   const { label, color, prefix } = getRoleStyle(role, theme);
   return /* @__PURE__ */ jsxRuntime.jsxs(ink.Box, { flexDirection: "column", marginY: 1, children: [
@@ -12264,6 +12331,19 @@ function tailLines(text, n) {
   const lines = text.split("\n");
   return lines.slice(-8);
 }
+function activeTierSummary(root) {
+  const summary = { t2: 0, t3: 0 };
+  const visit = (node) => {
+    if (node.status === "ACTIVE") {
+      if (node.role === "T2") summary.t2 += 1;
+      if (node.role === "T3") summary.t3 += 1;
+      summary.action ??= node.currentAction;
+    }
+    node.children?.forEach(visit);
+  };
+  if (root) visit(root);
+  return summary;
+}
 function WelcomeBanner({ theme, config, workspacePath, sessionId }) {
   const t1 = config.models?.t1 ?? "auto";
   const t2 = config.models?.t2 ?? "auto";
@@ -13161,13 +13241,15 @@ ${lastUser.content}`;
     };
   }, [stdout]);
   const width = termSize.columns;
+  const adaptiveMode = computeAdaptiveLayoutMode(termSize.columns, termSize.rows);
   const budgetOpts = {
     isTypingCommand,
-    showCost: state.showCost,
-    showDetails: state.showDetails,
-    showComms: state.showComms && state.peerEvents.length > 0
+    showCost: state.showCost && adaptiveMode !== "narrow",
+    showDetails: state.showDetails && adaptiveMode === "wide",
+    showComms: state.showComms && state.peerEvents.length > 0 && adaptiveMode === "wide"
   };
   const liveBudget = computeLiveAreaBudget(termSize.rows, budgetOpts);
+  const tierSummary = activeTierSummary(state.agentTree);
   const transcriptRows = altScreen ? computeTranscriptRows(termSize.rows, liveBudget, { ...budgetOpts, treeVisible: state.agentTree != null }) : 0;
   const transcriptLines = altScreen ? flattenTranscript(state.messages) : [];
   const transcript = altScreen ? windowTranscript(transcriptLines, historyOffset, transcriptRows) : null;
@@ -13257,10 +13339,28 @@ ${lastUser.content}`;
         onClose: () => setIsShowingModels(false)
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(AgentTree, { root: state.agentTree, theme, scrollOffset: treeScrollOffset, maxRows: liveBudget.treeMaxRows }),
-    state.showComms && liveBudget.commsMaxEvents > 0 && /* @__PURE__ */ jsxRuntime.jsx(PeerFeed, { events: state.peerEvents, theme, maxRows: liveBudget.commsMaxEvents }),
-    state.showDetails && liveBudget.showTimeline && /* @__PURE__ */ jsxRuntime.jsx(TimelinePanel, { nodes: [...treeNodesRef.current.values()], theme, currentIndex: timelineIndex, onChangeIndex: setTimelineIndex }),
-    state.showCost && /* @__PURE__ */ jsxRuntime.jsx(CostTracker, { theme, totalTokens: state.totalTokens, totalCostUsd: state.totalCostUsd, callsByProvider: state.callsByProvider, callsByTier: state.callsByTier, costByTier: state.costByTier, tokensByTier: state.tokensByTier, compact: liveBudget.costCompact, savedUsd: state.savedUsd, savedPct: state.savedPct }),
+    adaptiveMode === "narrow" && state.agentTree ? /* @__PURE__ */ jsxRuntime.jsx(
+      CompactStatus,
+      {
+        theme,
+        activeT2Count: tierSummary.t2,
+        activeT3Count: tierSummary.t3,
+        currentAction: tierSummary.action ?? state.agentTree.currentAction,
+        activeTool: state.activeTool,
+        isStreaming: state.isStreaming
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      AgentTree,
+      {
+        root: state.agentTree,
+        theme,
+        scrollOffset: treeScrollOffset,
+        maxRows: adaptiveMode === "medium" ? Math.min(4, liveBudget.treeMaxRows) : liveBudget.treeMaxRows
+      }
+    ),
+    adaptiveMode === "wide" && state.showComms && liveBudget.commsMaxEvents > 0 && /* @__PURE__ */ jsxRuntime.jsx(PeerFeed, { events: state.peerEvents, theme, maxRows: liveBudget.commsMaxEvents }),
+    adaptiveMode === "wide" && state.showDetails && liveBudget.showTimeline && /* @__PURE__ */ jsxRuntime.jsx(TimelinePanel, { nodes: [...treeNodesRef.current.values()], theme, currentIndex: timelineIndex, onChangeIndex: setTimelineIndex }),
+    adaptiveMode !== "narrow" && state.showCost && /* @__PURE__ */ jsxRuntime.jsx(CostTracker, { theme, totalTokens: state.totalTokens, totalCostUsd: state.totalCostUsd, callsByProvider: state.callsByProvider, callsByTier: state.callsByTier, costByTier: state.costByTier, tokensByTier: state.tokensByTier, compact: liveBudget.costCompact, savedUsd: state.savedUsd, savedPct: state.savedPct }),
     liveBudget.collapsed && (state.showCost || state.showDetails || state.agentTree != null) && /* @__PURE__ */ jsxRuntime.jsx(ink.Text, { color: theme.colors.muted, dimColor: true, children: "  \u25B8 panels collapsed (small terminal)" }),
     state.approvalRequest && /* @__PURE__ */ jsxRuntime.jsx(ApprovalPrompt, { request: state.approvalRequest, theme, onDecision: (decision) => {
       dispatch({ type: "SET_APPROVAL", request: null });