@organizaone/o1-code 0.19.4 → 0.20.0

package/chunks/{startInteractiveUI-XPJQ6N4R.js → startInteractiveUI-YG3LWCTV.js}

@@ -6,13 +6,13 @@ import {
 import {
   TUI_CHAT_RECORDING_FAILURE_MESSAGE,
   reportChatRecordingFailureToAdapter
-} from "./chunk-2I7F4TTF.js";
+} from "./chunk-FB7XHMPT.js";
 import {
   StreamJsonOutputAdapter
-} from "./chunk-PPHCWNOW.js";
+} from "./chunk-7WR2OWSW.js";
 import {
   startPostRenderPrefetches
-} from "./chunk-RGEOMZSI.js";
+} from "./chunk-UV5VCYRN.js";
 import {
   AboutBox,
   BaseSelectionList,
@@ -114,7 +114,7 @@ import {
   useUIActions,
   useUIState,
   useVirtualViewport
-} from "./chunk-OBKNDDZW.js";
+} from "./chunk-DHERIROV.js";
 import {
   CATEGORY_LABELS,
   ICON,
@@ -136,25 +136,25 @@ import {
   showsToolLabel,
   useStreamingContext,
   waitForGoalRuntime
-} from "./chunk-H4OG24QJ.js";
+} from "./chunk-KGYXJDO6.js";
 import {
   stopAndGetCapturedInput
 } from "./chunk-VFLUNXD6.js";
 import {
   useAutoAcceptIndicator
-} from "./chunk-SGO7T2LC.js";
+} from "./chunk-P2GXVRDK.js";
 import {
   KeypressProvider,
   useFocus,
   useKeypress,
   useKeypressContext
-} from "./chunk-QTI36T2P.js";
+} from "./chunk-JMM2J43E.js";
 import {
   MAX_ACCEPTED_BACKLOG,
   PeerMessaging,
   classifyApiError,
   fireSessionDeleteHook
-} from "./chunk-5MGXHMC4.js";
+} from "./chunk-O56BQSMS.js";
 import {
   MAX_SUGGESTIONS_TO_SHOW,
   SESSION_MENTION_PREFIX,
@@ -167,7 +167,7 @@ import {
   normalizeDescription,
   normalizePartList,
   resolveAtCommandQuery
-} from "./chunk-OW44PTOE.js";
+} from "./chunk-ALDQ36W4.js";
 import {
   BuiltinCommandLoader,
   BundledSkillLoader,
@@ -224,7 +224,7 @@ import {
   resolveOutputStyleChoice,
   serializeUserPromptExpansionPrompt,
   supportsMatchers
-} from "./chunk-4LITKLIX.js";
+} from "./chunk-LDYAEBUL.js";
 import {
   EXTENSION_RELOAD_FAILED_REASON,
   ExtensionRefreshState,
@@ -232,7 +232,7 @@ import {
   cleanupReviewWorktreeLeases,
   loadHierarchicalMemory,
   openRemoteSession
-} from "./chunk-73IWVPN4.js";
+} from "./chunk-QO7EA4CI.js";
 import {
   BRAND,
   MAX_EXTENSION_OWNER_LABEL_WIDTH,
@@ -242,14 +242,14 @@ import {
   getEffectiveSupportedModes,
   repoDocUrl,
   skillOriginLabel
-} from "./chunk-TD372APW.js";
+} from "./chunk-PWDV5AMU.js";
 import {
   contextUsageLabel,
   formatDuration,
   formatPercentageUsed,
   formatRelativeTime,
   formatTokenCount
-} from "./chunk-74XOBBIF.js";
+} from "./chunk-PUL422GV.js";
 import {
   disableKittyProtocol,
   isKittyProtocolEnabled,
@@ -268,12 +268,12 @@ import {
   oscKittyNotify,
   saveClipboardImage,
   writeOsc52
-} from "./chunk-HDCVSMR4.js";
+} from "./chunk-TBNE3YTN.js";
 import {
   sanitizeDisplayText
-} from "./chunk-R54WGB5K.js";
+} from "./chunk-3GJ4USZZ.js";
 import "./chunk-AHKE26WU.js";
-import "./chunk-KC5PN54N.js";
+import "./chunk-QCYPQQ2L.js";
 import "./chunk-UMIHM32I.js";
 import {
   TOP_FRAME,
@@ -308,7 +308,7 @@ import {
 import {
   require_react
 } from "./chunk-2KK65OQ6.js";
-import "./chunk-ID6BF7FM.js";
+import "./chunk-3CWK2CPF.js";
 import "./chunk-G4YDGSSX.js";
 import {
   MAX_INLINE_IMAGES_PER_ITEM,
@@ -317,11 +317,11 @@ import {
 } from "./chunk-KIN34HCU.js";
 import {
   setUpdateHandler
-} from "./chunk-LKU26DC5.js";
+} from "./chunk-RSIHHBWT.js";
 import {
   isHistoryItemVisibleAfterRestore
 } from "./chunk-64WBFX5X.js";
-import "./chunk-X4OQN3ZO.js";
+import "./chunk-IPWNPFIR.js";
 import "./chunk-7DQWDZUQ.js";
 import "./chunk-KD7GIK2D.js";
 import {
@@ -332,27 +332,27 @@ import {
 import {
   requestConsentInteractive,
   requestConsentOrFail
-} from "./chunk-VBDGXRYM.js";
+} from "./chunk-HFIGGSUW.js";
 import "./chunk-XZ3MQL2U.js";
 import {
   getErrorMessage as getErrorMessage2
-} from "./chunk-OT7EXUL3.js";
+} from "./chunk-JZZN42BL.js";
 import {
   relaunchApp
-} from "./chunk-HYGNYNEB.js";
+} from "./chunk-PXRDPUM6.js";
 import "./chunk-XG36NMOI.js";
 import "./chunk-SPLQKNEP.js";
-import "./chunk-VUJ4WYBZ.js";
-import "./chunk-R4ECPR25.js";
+import "./chunk-ITCYJNMA.js";
+import "./chunk-YIHZLW3P.js";
 import "./chunk-LXUIOY3M.js";
 import {
   openDashScopeAsrRealtimeStream,
   openVoiceStream,
   openVoiceStreamWithRetry
 } from "./chunk-MTSHGY6F.js";
-import "./chunk-7R7LA5F5.js";
+import "./chunk-DYGCZZA5.js";
 import "./chunk-LL7XM3LM.js";
-import "./chunk-5HVWJGQN.js";
+import "./chunk-DAP4EYT4.js";
 import {
   cpLen,
   cpSlice,
@@ -379,44 +379,44 @@ import {
   isStreamingVoiceModel,
   resolveVoiceStreamConfig,
   transcribeVoiceAudio
-} from "./chunk-Q4SBLB6E.js";
+} from "./chunk-B7UDYBFE.js";
 import {
   formatUnsupportedVoiceModelMessage,
   isSelectableVoiceModel
-} from "./chunk-7ONVZOIL.js";
+} from "./chunk-P37WPAXB.js";
 import "./chunk-TESN7CJW.js";
 import {
   REASONING_EFFORT_DEFAULT,
   getReasoningEffortsForConfig,
   getReasoningForDisplay
-} from "./chunk-GQCAN53O.js";
+} from "./chunk-AD7SSY2F.js";
 import {
   buildHigherDisabled,
   computeWorkspaceSkillListUpdates,
   skillSettingStrings
-} from "./chunk-I5INQP6E.js";
+} from "./chunk-Q3Z74K26.js";
 import "./chunk-W2R46PFD.js";
 import {
   createLoadedSettingsAdapter,
   getRawModelProviders
-} from "./chunk-QYVHXOTK.js";
+} from "./chunk-NFNJSERR.js";
 import {
   getExtendedSystemInfo
-} from "./chunk-6XUAD5G6.js";
-import "./chunk-PCN4NLQX.js";
+} from "./chunk-XY2UI5DC.js";
+import "./chunk-XHXYPNK5.js";
 import "./chunk-QTAUA6ED.js";
 import "./chunk-LPCPB2S5.js";
 import "./chunk-LD2T7YET.js";
 import "./chunk-O7MSLRFZ.js";
 import "./chunk-W3YES77O.js";
-import "./chunk-RNEMD6QU.js";
-import "./chunk-75UFQ4VY.js";
+import "./chunk-T65U3AIV.js";
+import "./chunk-2G3AZNJ5.js";
 import {
   isInlineModelOverrideAllowed
-} from "./chunk-KHSEVS3O.js";
+} from "./chunk-5SM3EYY4.js";
 import {
   loadMcpApprovals
-} from "./chunk-NIPNNHXO.js";
+} from "./chunk-XIQ7VRJT.js";
 import {
   CORRUPTED_SUFFIX,
   SettingScope,
@@ -439,7 +439,7 @@ import {
   settingExistsInScope,
   validateSettingValue,
   writeOutputLanguageAndRegisterPath
-} from "./chunk-PZPDQGRC.js";
+} from "./chunk-N343WURR.js";
 import {
   LOGO_ANIMATIONS,
   LOGO_FRAME_MS,
@@ -449,16 +449,16 @@ import {
   pickLogoAnimation,
   renderLogoRows,
   restFrame
-} from "./chunk-QG4PTE3V.js";
+} from "./chunk-PASZSKHI.js";
 import "./chunk-EDRKBK4B.js";
 import {
   getCurrentLanguage,
   localizeToolDisplayName,
   t,
   ta
-} from "./chunk-ZJLBESKM.js";
+} from "./chunk-6BOPO2CB.js";
 import "./chunk-Q2V34OV7.js";
-import "./chunk-E554MWZ4.js";
+import "./chunk-M4U4RIDA.js";
 import {
   require_semver
 } from "./chunk-U4T5CWGD.js";
@@ -471,14 +471,14 @@ import "./chunk-FMWE3YMM.js";
 import {
   formatVersionLabel,
   getCliVersion
-} from "./chunk-TC6APBKO.js";
+} from "./chunk-FC4ZD65F.js";
 import "./chunk-Y75AMWDB.js";
 import "./chunk-FRITN2AG.js";
 import "./chunk-F4S6U26O.js";
 import {
   isWorkspaceTrusted,
   loadTrustedFolders
-} from "./chunk-4QVZPLPW.js";
+} from "./chunk-TW633LAC.js";
 import "./chunk-BHXBXELA.js";
 import "./chunk-MXCWSDSC.js";
 import {
@@ -522,13 +522,13 @@ import {
   subagentGenerator,
   supportsHyperlinks,
   wrapForMultiplexer
-} from "./chunk-QGBGLKMW.js";
+} from "./chunk-ACYDX6SG.js";
 import "./chunk-MYMATZAY.js";
 import "./chunk-6IFQXZTP.js";
 import {
   require_strip_json_comments
 } from "./chunk-YCZIOHKD.js";
-import "./chunk-YO3SEHXM.js";
+import "./chunk-BNJ3IJB7.js";
 import {
   clearWorktreeSession,
   isSessionRuntimeActive,
@@ -543,12 +543,12 @@ import {
   describeHoldCause,
   parseHeldExpiry
 } from "./chunk-AEGEUWVC.js";
-import "./chunk-G5QZC3KV.js";
-import "./chunk-VT3TJFQR.js";
-import "./chunk-S3ERVFHU.js";
-import "./chunk-WK44MSGW.js";
-import "./chunk-LZPTOCB6.js";
-import "./chunk-FIXBGZLC.js";
+import "./chunk-ESJUUVTV.js";
+import "./chunk-SHADJNT6.js";
+import "./chunk-Y4ENGAFT.js";
+import "./chunk-32722SNN.js";
+import "./chunk-N362SBSD.js";
+import "./chunk-2D2DZP65.js";
 import "./chunk-ZMZRVR62.js";
 import "./chunk-NWCDFCWK.js";
 import {
@@ -556,17 +556,17 @@ import {
   isToolHiddenBehindToolSearch,
   resolveWorkflowAuthoringSurface,
   toolSearchBridgeSentence
-} from "./chunk-UOO4TFQV.js";
-import "./chunk-XOVXSDNN.js";
-import "./chunk-6GEEXVXS.js";
-import "./chunk-DQZYZDIL.js";
-import "./chunk-ZPCVRY42.js";
+} from "./chunk-CCDVLPJU.js";
+import "./chunk-AGTM6524.js";
+import "./chunk-O66QLTOQ.js";
+import "./chunk-UW4Q5E5P.js";
+import "./chunk-7FKHLWEJ.js";
 import "./chunk-F3FKDGHN.js";
-import "./chunk-RJBN74YD.js";
+import "./chunk-Q4XOBX7I.js";
 import "./chunk-UBWL27PO.js";
 import "./chunk-DM6W2QYB.js";
 import "./chunk-UAACCQBD.js";
-import "./chunk-H5AU3734.js";
+import "./chunk-UBWKBJKK.js";
 import {
   ConditionalRulesRegistry,
   CoreToolScheduler,
@@ -628,13 +628,13 @@ import {
   saveWorkflowScript,
   updateSetting,
   validateWorkflowName
-} from "./chunk-FH534GWJ.js";
-import "./chunk-FNALBCC7.js";
+} from "./chunk-VGPRZT2M.js";
+import "./chunk-WXTAP6NR.js";
 import "./chunk-BZOAEOYF.js";
 import "./chunk-BIDB75DA.js";
 import "./chunk-GYGA6V6B.js";
 import "./chunk-EYWIFUPJ.js";
-import "./chunk-MZI6FDZT.js";
+import "./chunk-THO5UG52.js";
 import "./chunk-7H3GWNGJ.js";
 import "./chunk-X427DWFD.js";
 import {
@@ -670,13 +670,13 @@ import {
   elapsedActiveTime,
   goalPauseReasonForFailure,
   goalRequiresExactPermit
-} from "./chunk-JOBNLOEW.js";
+} from "./chunk-RGEJESCO.js";
 import "./chunk-HHG3UCD5.js";
 import "./chunk-TC7UXK4M.js";
 import "./chunk-DS3COGEF.js";
 import {
   resolveModelId
-} from "./chunk-JX3AAXJY.js";
+} from "./chunk-TR2AGNCI.js";
 import {
   glob
 } from "./chunk-4ESI3MQ5.js";
@@ -684,13 +684,13 @@ import "./chunk-SYMKXR42.js";
 import "./chunk-JOBZWTVK.js";
 import "./chunk-CDYMT4OZ.js";
 import "./chunk-HPQNI3OQ.js";
-import "./chunk-ADHXMZ3K.js";
-import "./chunk-GNF3RKRI.js";
+import "./chunk-VXEIBLIB.js";
+import "./chunk-MYZICQ6P.js";
 import "./chunk-CI2ZHR5C.js";
 import {
   ShellExecutionService,
   isSignalTermination
-} from "./chunk-XVSSUT2K.js";
+} from "./chunk-KICY6OQ7.js";
 import {
   stripAnsi
 } from "./chunk-WU3R2YUE.js";
@@ -707,22 +707,22 @@ import {
   escapeShellArg
 } from "./chunk-SBM747MY.js";
 import "./chunk-5QSLFAMR.js";
-import "./chunk-XC6BAHJR.js";
+import "./chunk-UQXFYLTF.js";
 import "./chunk-4LCUE7BN.js";
 import "./chunk-RIN7SNJN.js";
-import "./chunk-GVWQRVLV.js";
+import "./chunk-VEGSKFFR.js";
 import "./chunk-4J6KRUQB.js";
-import "./chunk-7LFCBMVX.js";
+import "./chunk-JEUH2DSW.js";
 import {
   parseRule
-} from "./chunk-OJSW65PQ.js";
+} from "./chunk-WXMXXBCC.js";
 import {
   APPROVAL_MODES
 } from "./chunk-KQAVEXYD.js";
 import "./chunk-WZCKDUBO.js";
 import {
   BUILT_IN_OUTPUT_STYLES
-} from "./chunk-7S2AYA27.js";
+} from "./chunk-M7ZHP7VU.js";
 import {
   NO_EXEC_CONFIG,
   getGitBranch
@@ -732,17 +732,17 @@ import "./chunk-5UXWOCCO.js";
 import "./chunk-ETGSZYWP.js";
 import "./chunk-RCZHQZJJ.js";
 import "./chunk-6YS3YH6O.js";
-import "./chunk-OSMXNPJP.js";
+import "./chunk-6CW53FOJ.js";
 import "./chunk-HX6AICAX.js";
-import "./chunk-CQURIVUY.js";
+import "./chunk-PPR66GNG.js";
 import {
   runOutsideAgentContext
-} from "./chunk-V75J4GJ2.js";
+} from "./chunk-QCE3SPTV.js";
 import "./chunk-FOZEB37P.js";
 import {
   getStartupContextLength
-} from "./chunk-ZQBNP2ZQ.js";
-import "./chunk-YCTMVTDP.js";
+} from "./chunk-DNMM4RF7.js";
+import "./chunk-2SMHE6PC.js";
 import "./chunk-JSFADKTB.js";
 import "./chunk-OHAUN3Q5.js";
 import {
@@ -760,12 +760,12 @@ import "./chunk-WMJL2XAM.js";
 import {
   fetchKeyInfo,
   onLowRateLimit
-} from "./chunk-YBZG6WG2.js";
+} from "./chunk-YAUMOXEH.js";
 import "./chunk-TC2TJAOF.js";
 import "./chunk-CP63SY5N.js";
 import {
   resolveReasoningForModel
-} from "./chunk-LH3T52KS.js";
+} from "./chunk-WPZXZXSA.js";
 import "./chunk-U3KIMPCC.js";
 import {
   ApiCancelEvent,
@@ -805,7 +805,7 @@ import {
   runVisionBridge,
   shouldRunVisionBridge,
   splitImageParts
-} from "./chunk-WN23CFGN.js";
+} from "./chunk-KBDFOYPK.js";
 import "./chunk-242JUBPM.js";
 import {
   DEFAULT_CONTEXT_FILENAME,
@@ -827,12 +827,12 @@ import {
 } from "./chunk-IC57EPC7.js";
 import {
   clampInlineMediaPart
-} from "./chunk-VEJCE7UR.js";
+} from "./chunk-SZ26YNBZ.js";
 import "./chunk-R7FX7HIR.js";
 import "./chunk-V4XETRAG.js";
 import "./chunk-ABTPVII7.js";
 import "./chunk-HOPKSSYR.js";
-import "./chunk-FFUKRRCR.js";
+import "./chunk-HAZNBQPI.js";
 import "./chunk-23AFREUQ.js";
 import "./chunk-IQEM74QW.js";
 import {
@@ -845,7 +845,7 @@ import {
   stripAnsiAndControl
 } from "./chunk-FKI7XUZK.js";
 import "./chunk-EPSJPAHV.js";
-import "./chunk-2MXORWOC.js";
+import "./chunk-IMLPJ76O.js";
 import {
   isShellProgressData
 } from "./chunk-JOFGX5ZA.js";
@@ -854,7 +854,7 @@ import "./chunk-V44Y3PCO.js";
 import {
   ToolDisplayNames,
   ToolNames
-} from "./chunk-IWYGXAQU.js";
+} from "./chunk-SYMYKLO4.js";
 import {
   LOCAL_API_KEY_PLACEHOLDER,
   ORGANIZAONE_ENV_KEY,
@@ -883,7 +883,7 @@ import {
   resolveSavedModelApiKey,
   shouldShowStep,
   withdrawExportedCredential
-} from "./chunk-2XBK3KBR.js";
+} from "./chunk-I3YBDADP.js";
 import {
   DEFAULT_TOKEN_LIMIT,
   REASONING_EFFORT_TIERS,
@@ -897,13 +897,13 @@ import {
 } from "./chunk-VYRPAY75.js";
 import "./chunk-S7GOFMLU.js";
 import "./chunk-RC67CA5Z.js";
-import "./chunk-FAOCU5VJ.js";
+import "./chunk-BZHLXJWH.js";
 import "./chunk-HHIX6THS.js";
 import "./chunk-O6GD6SFV.js";
 import {
   registerCleanup,
   runExitCleanup
-} from "./chunk-CFFFKDAX.js";
+} from "./chunk-A3JZZ2KW.js";
 import {
   finalizeStartupProfile,
   profileCheckpoint
@@ -932,7 +932,7 @@ import {
 } from "./chunk-EPJAMNLS.js";
 import {
   MAINLINE_CODER_MODEL
-} from "./chunk-GJFAQ4TA.js";
+} from "./chunk-TFAHTLY5.js";
 import "./chunk-LEXKU5FI.js";
 import "./chunk-HDGYCLNB.js";
 import "./chunk-7TK6OY2J.js";
@@ -26609,8 +26609,593 @@ var WorkflowSaveOverlay = /* @__PURE__ */ __name(({
   ] });
 }, "WorkflowSaveOverlay");
 
-// packages/cli/src/ui/components/background-view/BackgroundTasksDialog.tsx
+// packages/cli/src/ui/components/background-view/AgentDashboard.tsx
+init_esbuild_shims();
+
+// packages/cli/src/ui/components/background-view/agent-dashboard-model.ts
+init_esbuild_shims();
+var AGENT_DASHBOARD_TABS = [
+  "summary",
+  "plan",
+  "activity",
+  "details"
+];
+var MAX_FIELD_CHARS = 16384;
+var MAX_PLAN_ITEMS = 500;
+var MAX_PREPARED_ROWS = 2e3;
+function dashboardText(text) {
+  const safe = sanitizeMultilineForDisplay(text).replace(/\t/g, "    ");
+  return safe.length > MAX_FIELD_CHARS ? safe.slice(0, MAX_FIELD_CHARS) + "\u2026" : safe;
+}
+__name(dashboardText, "dashboardText");
+function dashboardSingleLine(text, width) {
+  return truncateToWidth(dashboardText(text).replace(/\s*\n\s*/g, " "), width);
+}
+__name(dashboardSingleLine, "dashboardSingleLine");
+function nextAgentDashboardTab(tab, direction) {
+  const index = AGENT_DASHBOARD_TABS.indexOf(tab);
+  return AGENT_DASHBOARD_TABS[(index + direction + AGENT_DASHBOARD_TABS.length) % AGENT_DASHBOARD_TABS.length];
+}
+__name(nextAgentDashboardTab, "nextAgentDashboardTab");
+function getAgentDashboardLayout(width, height) {
+  const frameHeight = Math.max(3, height - 2);
+  const bodyHeight = Math.max(1, frameHeight - 4);
+  const split = width >= 116;
+  const rosterWidth = split ? 30 : Math.max(1, width - 4);
+  const detailWidth = Math.max(1, width - 4 - (split ? rosterWidth + 3 : 0));
+  const headerRows = bodyHeight < 12 ? 4 : 6;
+  const pageSize = Math.max(1, bodyHeight - headerRows);
+  return {
+    frameHeight,
+    bodyHeight,
+    split,
+    rosterWidth,
+    detailWidth,
+    headerRows,
+    pageSize
+  };
+}
+__name(getAgentDashboardLayout, "getAgentDashboardLayout");
+function dashboardElapsed(entry, now = Date.now()) {
+  return formatDuration(
+    Math.floor(Math.max(0, (entry.endTime ?? now) - entry.startTime) / 1e3) * 1e3,
+    { hideTrailingZeros: true }
+  );
+}
+__name(dashboardElapsed, "dashboardElapsed");
+function dashboardStatus(entry) {
+  if ((entry.kind === "agent" || entry.kind === "workflow") && entry.pendingApprovals?.length) {
+    return { label: t("Awaiting approval"), icon: "!", tone: "warning" };
+  }
+  switch (entry.status) {
+    case "running":
+      return { label: t("Running"), icon: glyphs().dot, tone: "running" };
+    case "pausing":
+      return { label: t("Pausing"), icon: "\u2026", tone: "warning" };
+    case "paused":
+      return { label: t("Paused"), icon: "||", tone: "warning" };
+    case "completed":
+      return { label: t("Completed"), icon: glyphs().done, tone: "success" };
+    case "failed":
+      return { label: t("Failed"), icon: glyphs().failed, tone: "error" };
+    case "cancelled":
+      return { label: t("Stopped"), icon: glyphs().hollow, tone: "muted" };
+    default:
+      throw new Error("Unsupported background task status");
+  }
+}
+__name(dashboardStatus, "dashboardStatus");
+function dashboardTaskLabel(entry) {
+  if (entry.kind === "dream") return t("[dream] memory consolidation");
+  if (entry.kind === "workflow")
+    return "[workflow] " + (entry.meta?.name ?? entry.description ?? entry.runId);
+  if (entry.kind === "agent")
+    return entry.description || entry.subagentType || t("Agent");
+  return "[" + entry.kind + "] " + (entry.description || entry.command);
+}
+__name(dashboardTaskLabel, "dashboardTaskLabel");
+function dashboardStats(entry) {
+  const parts = [dashboardElapsed(entry)];
+  if (entry.stats?.outputTokens !== void 0)
+    parts.push(
+      t("{{count}} tokens", {
+        count: formatTokenCount(entry.stats.outputTokens)
+      })
+    );
+  if (entry.stats?.toolUses !== void 0)
+    parts.push(
+      t(
+        entry.stats.toolUses === 1 ? "{{count}} tool call" : "{{count}} tool calls",
+        { count: String(entry.stats.toolUses) }
+      )
+    );
+  return parts.join(" \xB7 ");
+}
+__name(dashboardStats, "dashboardStats");
+function dashboardActivity(name, description) {
+  const display = localizeToolDisplayName(TOOL_DISPLAY_BY_NAME[name] ?? name);
+  return description ? display + " \xB7 " + description : display;
+}
+__name(dashboardActivity, "dashboardActivity");
+function getAgentDashboardLines(entry, tab, width, entries = []) {
+  const rows = [];
+  let omitted = false;
+  const add = /* @__PURE__ */ __name((text, tone = "secondary", bold = false) => {
+    if (rows.length >= MAX_PREPARED_ROWS - 1) {
+      omitted = true;
+      return;
+    }
+    for (const part of wrapAnsi(dashboardText(text), Math.max(1, width), {
+      hard: true,
+      trim: false
+    }).split("\n")) {
+      if (rows.length >= MAX_PREPARED_ROWS - 1) {
+        omitted = true;
+        break;
+      }
+      rows.push({ text: part, tone, bold });
+    }
+  }, "add");
+  const title = /* @__PURE__ */ __name((text) => {
+    if (rows.length) add("");
+    add(text, "title", true);
+  }, "title");
+  const activities = (entry.recentActivities ?? []).slice(-10);
+  const current = activities.at(-1);
+  const allTodos = entry.todoItems ?? [];
+  const todos = allTodos.slice(0, MAX_PLAN_ITEMS);
+  const completed = allTodos.filter(
+    (todo) => todo.status === "completed"
+  ).length;
+  const showPlan = /* @__PURE__ */ __name(() => {
+    if (!todos.length) {
+      add(t("No plan recorded"), "muted");
+      return;
+    }
+    for (const todo of todos) {
+      if (rows.length >= MAX_PREPARED_ROWS - 1) {
+        omitted = true;
+        break;
+      }
+      const done = todo.status === "completed";
+      const active = todo.status === "in_progress";
+      add(
+        (done ? glyphs().done : active ? ">" : glyphs().hollow) + " " + todo.content,
+        done ? "success" : active ? "running" : "muted"
+      );
+      if (todo.blockedBy?.length)
+        add(
+          t("Depends on: {{ids}}", { ids: todo.blockedBy.join(", ") }),
+          "muted"
+        );
+    }
+    if (allTodos.length > todos.length)
+      add(
+        t("{{count}} more plan items", {
+          count: String(allTodos.length - todos.length)
+        }),
+        "muted"
+      );
+  }, "showPlan");
+  const alerts = /* @__PURE__ */ __name(() => {
+    if (entry.pendingApprovals?.length) {
+      title(t("Your action is required"));
+      add(t("Press a to review the pending approval."), "warning");
+    }
+    if (entry.resumeBlockedReason) {
+      title(t("Resume blocked"));
+      add(entry.resumeBlockedReason, "error");
+    }
+    if (entry.error) {
+      title(t("Error"));
+      add(entry.error, "error");
+    }
+  }, "alerts");
+  const planTitle = /* @__PURE__ */ __name(() => t("Declared plan") + (allTodos.length ? " \xB7 " + completed + "/" + allTodos.length : ""), "planTitle");
+  if (tab === "summary") {
+    alerts();
+    title(entry.status === "completed" ? t("Result") : t("Now"));
+    if (entry.status === "completed" && entry.result)
+      add(entry.result, "primary");
+    else if (current)
+      add(dashboardActivity(current.name, current.description), "code");
+    else add(t("No activity recorded"), "muted");
+    title(planTitle());
+    showPlan();
+    title(t("Recent activity"));
+    for (const activity of activities.slice(-4, -1).reverse()) {
+      add(
+        dashboardSingleLine(
+          dashboardActivity(activity.name, activity.description),
+          width
+        ),
+        "secondary"
+      );
+    }
+    if (activities.length <= 1) add(t("No earlier activity recorded"), "muted");
+  } else if (tab === "plan") {
+    title(planTitle());
+    showPlan();
+    alerts();
+    title(t("About progress"));
+    add(
+      t("Plan items describe declared work, not estimated time remaining."),
+      "muted"
+    );
+  } else if (tab === "activity") {
+    title(t("Current event"));
+    if (current)
+      add(dashboardActivity(current.name, current.description), "code");
+    else add(t("No activity recorded"), "muted");
+    title(t("Progress"));
+    for (const activity of activities.slice(0, -1)) {
+      add(
+        dashboardSingleLine(
+          dashboardActivity(activity.name, activity.description),
+          width
+        )
+      );
+    }
+    alerts();
+  } else {
+    title(t("Prompt"));
+    add(entry.prompt || t("No instruction recorded"));
+    title(t("Parent"));
+    const lookup = /* @__PURE__ */ __name((id) => entries.find(
+      (item) => item.kind === "agent" && item.agentId === id
+    ), "lookup");
+    const { chain } = ancestorChain(entry, lookup);
+    if (chain.length)
+      add(
+        [...chain].reverse().map((item) => {
+          const parent = lookup(item.agentId ?? "");
+          return parent ? (parent.subagentType ?? t("Agent")) + " \u2014 " + parent.description : item.agentId ?? "";
+        }).join(" \u203A ")
+      );
+    else
+      add(
+        entry.parentName ? entry.parentName + " \xB7 " + t("no longer running") : t("Main session")
+      );
+    if ((entry.depth ?? 0) > 0)
+      add(
+        t("nested \xB7 level {{level}}", {
+          level: String((entry.depth ?? 0) + 1)
+        }),
+        "muted"
+      );
+    if (entry.model) {
+      title(t("Model"));
+      add(entry.model);
+    }
+    const children = entries.filter(
+      (child) => child.kind === "agent" && child.parentAgentId === entry.agentId
+    ).sort(compareActiveThenTerminal);
+    if (children.length) {
+      title(t("Sub-agents"));
+      for (const child of children.slice(0, 5))
+        add(
+          dashboardStatus(child).icon + " " + (child.kind === "agent" ? (child.subagentType ?? t("Agent")) + " \u2014 " : "") + dashboardTaskLabel(child)
+        );
+      if (children.length > 5)
+        add(
+          t("{{count}} more", { count: String(children.length - 5) }),
+          "muted"
+        );
+    }
+    if (entry.outputFile) {
+      title(t("Transcript"));
+      add(entry.outputFile, "code");
+    }
+    alerts();
+  }
+  if (omitted)
+    rows.push({
+      text: dashboardSingleLine(
+        t("Additional content omitted; inspect the transcript."),
+        width
+      ),
+      tone: "muted"
+    });
+  return rows;
+}
+__name(getAgentDashboardLines, "getAgentDashboardLines");
+
+// packages/cli/src/ui/components/background-view/AgentDashboard.tsx
 var import_jsx_runtime109 = __toESM(require_jsx_runtime(), 1);
+function toneColor(tone) {
+  return {
+    title: theme.text.accent,
+    primary: theme.text.primary,
+    secondary: theme.text.secondary,
+    muted: extendedTheme.text.muted,
+    code: theme.text.code,
+    success: theme.status.success,
+    warning: theme.status.warning,
+    error: theme.status.error,
+    running: extendedTheme.ui.brand
+  }[tone];
+}
+__name(toneColor, "toneColor");
+function DashboardLine({
+  value,
+  width
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: toneColor(value.tone), bold: value.bold, wrap: "truncate-end", children: dashboardSingleLine(value.text || " ", width) });
+}
+__name(DashboardLine, "DashboardLine");
+var tabLabels = {
+  summary: "Agent summary",
+  plan: "Agent plan",
+  activity: "Agent activity",
+  details: "Agent details"
+};
+function DashboardTabs({
+  tab,
+  width
+}) {
+  const names = AGENT_DASHBOARD_TABS.map((key) => t(tabLabels[key]));
+  const naturalWidth = names.reduce(
+    (sum, name) => sum + getCachedStringWidth(name) + 2,
+    0
+  );
+  const slot = Math.max(1, Math.floor(width / names.length));
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", children: AGENT_DASHBOARD_TABS.map((key, index) => {
+    const padding = naturalWidth <= width || slot >= 3 ? " " : "";
+    const name = dashboardSingleLine(
+      names[index],
+      naturalWidth <= width ? width : Math.max(1, slot - padding.length * 2)
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      Text,
+      {
+        bold: tab === key,
+        color: tab === key ? theme.background.primary : theme.text.secondary,
+        backgroundColor: tab === key ? theme.text.accent : void 0,
+        children: padding + name + padding
+      },
+      key
+    );
+  }) });
+}
+__name(DashboardTabs, "DashboardTabs");
+function AgentDashboard({
+  entries,
+  selectedEntry,
+  selectedIndex,
+  detailFocused,
+  tab,
+  scrollOffset,
+  width,
+  height,
+  actionHints,
+  footerMessage,
+  renderOtherDetail
+}) {
+  const layout = getAgentDashboardLayout(width, height);
+  const { bodyHeight, rosterWidth, detailWidth, split, headerRows, pageSize } = layout;
+  const agent = selectedEntry?.kind === "agent" ? selectedEntry : void 0;
+  const lines = agent ? getAgentDashboardLines(agent, tab, detailWidth, entries) : [];
+  const offset = Math.max(0, Math.min(scrollOffset, lines.length - pageSize));
+  const visibleCount = Math.max(1, Math.floor((bodyHeight - 2) / 4));
+  const start = Math.min(
+    Math.max(0, selectedIndex - visibleCount + 1),
+    Math.max(0, entries.length - visibleCount)
+  );
+  const tree = computeAgentTreeInfo(entries);
+  const blocking = computeUserBlockingIds(entries);
+  const count = /* @__PURE__ */ __name((status2) => entries.filter(
+    (item) => item.status === status2 && (status2 !== "running" || item.kind !== "agent" && item.kind !== "workflow" || !item.pendingApprovals?.length)
+  ).length, "count");
+  const approvals = entries.filter(
+    (item) => (item.kind === "agent" || item.kind === "workflow") && item.pendingApprovals?.length
+  ).length;
+  const title = entries.every((item) => item.kind === "agent") ? t("Agents") : t("Background tasks");
+  const summary = width >= 100 ? title + " \xB7 " + t("{{count}} running", { count: String(count("running")) }) + " \xB7 " + t("{{count}} awaiting approval", { count: String(approvals) }) + " \xB7 " + t("{{count}} completed", { count: String(count("completed")) }) + " \xB7 " + t("{{count}} failed", { count: String(count("failed")) }) : title + " \xB7 " + entries.length + " \xB7 " + glyphs().dot + " " + count("running") + " \xB7 " + glyphs().warning + " " + approvals + " \xB7 " + glyphs().done + " " + count("completed") + " \xB7 " + glyphs().failed + " " + count("failed");
+  const showDetail = split || detailFocused;
+  const footerWidth = Math.max(1, width);
+  const tabsHint = t("\u2190\u2192 tabs");
+  const backHint = t(width < 60 ? "esc back" : "esc back to list");
+  const listHint = t(
+    width < 60 ? "\u2191\u2193 agents \xB7 enter view \xB7 esc close" : "\u2191\u2193 agents \xB7 enter view \xB7 \u2190\u2192 tabs \xB7 esc close"
+  );
+  const detailHintWidth = getCachedStringWidth(tabsHint + " \xB7 " + backHint);
+  const beforeDetailHint = footerWidth >= detailHintWidth + 12 ? t("\u2191\u2193 scroll") + " \xB7 " : "";
+  const status = selectedEntry ? dashboardStatus(selectedEntry) : void 0;
+  if (width < 36 || height < 12)
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { width: Math.max(1, width), height: Math.max(1, height), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, wrap: "truncate-end", children: dashboardSingleLine(
+      t("Enlarge the terminal to inspect agents. Esc closes."),
+      width
+    ) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "column", width, height, flexShrink: 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      Box_default,
+      {
+        flexDirection: "column",
+        width,
+        height: layout.frameHeight,
+        borderStyle: glyphs().borderStyle,
+        borderColor: extendedTheme.ui.rule,
+        paddingX: 1,
+        flexShrink: 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, wrap: "truncate-end", children: dashboardSingleLine(summary, Math.max(1, width - 4)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { height: 1, flexShrink: 0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+            Box_default,
+            {
+              flexDirection: "row",
+              height: bodyHeight,
+              flexShrink: 0,
+              overflow: "hidden",
+              children: [
+                (split || !detailFocused) && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+                  Box_default,
+                  {
+                    flexDirection: "column",
+                    width: rosterWidth,
+                    height: bodyHeight,
+                    flexShrink: 0,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+                        Box_default,
+                        {
+                          flexDirection: "column",
+                          height: Math.max(0, bodyHeight - 1),
+                          overflow: "hidden",
+                          flexShrink: 0,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, wrap: "truncate-end", children: dashboardSingleLine(t("Agents \xB7 main session"), rosterWidth) }),
+                            entries.slice(start, start + visibleCount).map((item, localIndex) => {
+                              const selected = localIndex + start === selectedIndex;
+                              const itemStatus = dashboardStatus(item);
+                              const prefix = item.kind === "agent" ? treeRowPrefix(item, tree.get(item.agentId)) : "";
+                              const blockLabel = item.kind === "agent" && blocking.has(item.agentId) ? "[blocking] " : "";
+                              const label = dashboardSingleLine(
+                                prefix + blockLabel + dashboardTaskLabel(item),
+                                Math.max(
+                                  0,
+                                  rosterWidth - getCachedStringWidth(
+                                    glyphs().prompt + " " + itemStatus.icon + " "
+                                  )
+                                )
+                              );
+                              return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+                                Box_default,
+                                {
+                                  flexDirection: "column",
+                                  flexShrink: 0,
+                                  children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Text, { wrap: "truncate-end", children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.ui.brand, children: selected ? glyphs().prompt + " " : "  " }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: toneColor(itemStatus.tone), children: itemStatus.icon + " " }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                                        Text,
+                                        {
+                                          color: selected ? theme.text.primary : theme.text.secondary,
+                                          bold: selected,
+                                          children: label
+                                        }
+                                      )
+                                    ] }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                                      Text,
+                                      {
+                                        color: toneColor(itemStatus.tone),
+                                        wrap: "truncate-end",
+                                        children: dashboardSingleLine(
+                                          "    " + itemStatus.label,
+                                          rosterWidth
+                                        )
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                                      Text,
+                                      {
+                                        color: extendedTheme.text.muted,
+                                        wrap: "truncate-end",
+                                        children: dashboardSingleLine(
+                                          "    " + (item.kind === "agent" ? dashboardStats(item) : dashboardElapsed(item)),
+                                          rosterWidth
+                                        )
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: " " })
+                                  ]
+                                },
+                                entryId(item)
+                              );
+                            })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: dashboardSingleLine(
+                        t("{{count}} tasks \xB7 {{start}}\u2013{{end}} visible", {
+                          count: String(entries.length),
+                          start: String(start + 1),
+                          end: String(Math.min(start + visibleCount, entries.length))
+                        }),
+                        rosterWidth
+                      ) })
+                    ]
+                  }
+                ),
+                split && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { width: 3, flexDirection: "column", flexShrink: 0, children: Array.from({ length: bodyHeight }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.ui.rule, children: " \u2502 " }, index)) }),
+                showDetail && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                  Box_default,
+                  {
+                    flexDirection: "column",
+                    width: detailWidth,
+                    height: bodyHeight,
+                    flexShrink: 0,
+                    overflow: "hidden",
+                    children: agent ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, wrap: "truncate-end", children: dashboardSingleLine(
+                        dashboardTaskLabel(agent),
+                        detailWidth
+                      ) }),
+                      headerRows === 6 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: dashboardSingleLine(
+                        (agent.subagentType ?? t("Agent")) + " \xB7 " + agent.agentId,
+                        detailWidth
+                      ) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                        Text,
+                        {
+                          color: status ? toneColor(status.tone) : void 0,
+                          wrap: "truncate-end",
+                          children: dashboardSingleLine(
+                            (status ? status.icon + " " + status.label + " \xB7 " : "") + dashboardStats(agent),
+                            detailWidth
+                          )
+                        }
+                      ),
+                      headerRows === 6 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: " " }),
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DashboardTabs, { tab, width: detailWidth }),
+                      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: " " }),
+                      lines.slice(offset, offset + pageSize).map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                        DashboardLine,
+                        {
+                          value,
+                          width: detailWidth
+                        },
+                        index
+                      ))
+                    ] }) : selectedEntry ? renderOtherDetail(selectedEntry, bodyHeight, detailWidth) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: t("No entry to show.") })
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { height: 2, flexDirection: "column", flexShrink: 0, children: footerMessage ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, children: dashboardSingleLine(footerMessage, footerWidth * 2) }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: detailFocused ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+        beforeDetailHint,
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: tabsHint }),
+        " \xB7 ",
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: backHint })
+      ] }) : dashboardSingleLine(listHint, footerWidth) }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { justifyContent: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: dashboardSingleLine(
+          actionHints.join(" \xB7 "),
+          Math.max(1, footerWidth - 22)
+        ) }),
+        agent && showDetail && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: extendedTheme.text.muted, children: dashboardSingleLine(
+          t("lines {{start}}\u2013{{end}}/{{total}}", {
+            start: String(Math.min(offset + 1, lines.length)),
+            end: String(Math.min(offset + pageSize, lines.length)),
+            total: String(lines.length)
+          }),
+          21
+        ) })
+      ] })
+    ] }) })
+  ] });
+}
+__name(AgentDashboard, "AgentDashboard");
+
+// packages/cli/src/ui/components/background-view/BackgroundTasksDialog.tsx
+var import_jsx_runtime110 = __toESM(require_jsx_runtime(), 1);
 var MAX_LIVE_LABEL_CHARS = 4096;
 function formatActivityLabel(name, description) {
   const display = localizeToolDisplayName(TOOL_DISPLAY_BY_NAME[name] ?? name);
@@ -26794,12 +27379,12 @@ function truncateToWidth2(text, maxWidth) {
 __name(truncateToWidth2, "truncateToWidth");
 var ListBody = /* @__PURE__ */ __name(({ entries, selectedIndex, maxRows }) => {
   if (entries.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { paddingX: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, children: t("Background tasks") }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: " (0)" })
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { paddingX: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, children: t("Background tasks") }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: " (0)" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: t("No tasks currently running") }) })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: t("No tasks currently running") }) })
     ] });
   }
   const fits = entries.length <= maxRows;
@@ -26817,27 +27402,27 @@ var ListBody = /* @__PURE__ */ __name(({ entries, selectedIndex, maxRows }) => {
   const visible = entries.slice(windowStart, windowEnd);
   const treeInfo = computeAgentTreeInfo(entries);
   const blockingIds = computeUserBlockingIds(entries);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { paddingX: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, children: t("Background tasks") }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Text, { color: theme.text.secondary, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { paddingX: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, children: t("Background tasks") }),
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text, { color: theme.text.secondary, children: [
         " (",
         entries.length,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "column", children: [
-      hiddenAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: `  ^ ${t("{{count}} more above", { count: String(hiddenAbove) })}` }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", children: [
+      hiddenAbove > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: `  ^ ${t("{{count}} more above", { count: String(hiddenAbove) })}` }) }),
       visible.map((entry, visibleIdx) => {
         const idx = windowStart + visibleIdx;
         const isSelected = idx === selectedIndex;
         const presentation2 = statusPresentation(entry.status);
         const labelColor = isSelected ? theme.text.accent : presentation2 ? presentation2.labelColor : theme.text.primary;
         const treePrefix = entry.kind === "agent" ? treeRowPrefix(entry, treeInfo.get(entry.agentId)) : "";
-        return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "row", paddingX: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: isSelected ? theme.text.accent : void 0, children: isSelected ? "> " : "  " }),
-          treePrefix !== "" && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: treePrefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: labelColor, children: escapeAnsiCtrlCodes(
+        return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "row", paddingX: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: isSelected ? theme.text.accent : void 0, children: isSelected ? "> " : "  " }),
+          treePrefix !== "" && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: treePrefix }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: labelColor, children: escapeAnsiCtrlCodes(
             rowLabel2(
               entry,
               entry.kind === "agent" && blockingIds.has(entry.agentId)
@@ -26845,14 +27430,14 @@ var ListBody = /* @__PURE__ */ __name(({ entries, selectedIndex, maxRows }) => {
           ) })
         ] }, entryId(entry));
       }),
-      hiddenBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: `  v ${t("{{count}} more below", { count: String(hiddenBelow) })}` }) })
+      hiddenBelow > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: `  v ${t("{{count}} more below", { count: String(hiddenBelow) })}` }) })
     ] })
   ] });
 }, "ListBody");
 var DetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) => {
   switch (entry.kind) {
     case "agent":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         AgentDetailBody,
         {
           entry,
@@ -26861,7 +27446,7 @@ var DetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) => {
         }
       );
     case "shell":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         ShellDetailBody,
         {
           entry,
@@ -26870,7 +27455,7 @@ var DetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) => {
         }
       );
     case "monitor":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         MonitorDetailBody,
         {
           entry,
@@ -26879,7 +27464,7 @@ var DetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) => {
         }
       );
     case "workflow":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         WorkflowDetailBody,
         {
           entry,
@@ -26888,7 +27473,7 @@ var DetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) => {
         }
       );
     case "dream":
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
         DreamDetailBody,
         {
           entry,
@@ -26919,35 +27504,35 @@ var DreamDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
   const visibleTopics = topics.slice(0, MAX_TOPICS);
   const hiddenTopicCount = Math.max(0, topics.length - visibleTopics.length);
   const hasError = Boolean(entry.error);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     MaxSizedBox,
     {
       maxHeight,
       maxWidth,
       overflowDirection: "bottom",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { children: [
-          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { children: [
+          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
         ] }),
-        entry.sessionCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Sessions reviewing") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: String(entry.sessionCount) }) })
+        entry.sessionCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Sessions reviewing") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { children: String(entry.sessionCount) }) })
         ] }),
-        entry.progressText && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Progress") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "wrap", children: entry.progressText }) })
+        entry.progressText && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Progress") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "wrap", children: entry.progressText }) })
         ] }),
-        topics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Topics touched ({{count}})", {
+        topics.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Topics touched ({{count}})", {
             count: String(topics.length)
           }) }) }),
-          visibleTopics.map((topic) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { children: `  \xB7 ${topic}` }) }, topic)),
-          hiddenTopicCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          visibleTopics.map((topic) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { children: `  \xB7 ${topic}` }) }, topic)),
+          hiddenTopicCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             Text,
             {
               color: theme.text.secondary,
@@ -26955,24 +27540,24 @@ var DreamDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
             }
           ) })
         ] }),
-        hasError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
+        hasError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
         ] }),
-        entry.lockReleaseError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.warning, children: t("Lock release warning") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: entry.lockReleaseError }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: t(
+        entry.lockReleaseError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.warning, children: t("Lock release warning") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: entry.lockReleaseError }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: t(
             "Subsequent dreams may be skipped as locked until the next session's staleness sweep cleans the file."
           ) }) })
         ] }),
-        entry.metadataWriteError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.warning, children: t("Metadata write warning") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: entry.metadataWriteError }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: t(
+        entry.metadataWriteError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.warning, children: t("Metadata write warning") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: entry.metadataWriteError }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: t(
             "The scheduler gate did not see this dream's timestamp; the next dream cycle may re-fire sooner than usual."
           ) }) })
         ] })
@@ -27048,28 +27633,28 @@ var AgentDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
   const shownHistory = historyActivities.slice(
     Math.max(0, historyActivities.length - historyBudget)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     MaxSizedBox,
     {
       maxHeight,
       maxWidth,
       overflowDirection: "bottom",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { children: [
-          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { children: [
+          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
         ] }),
-        parentLine !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Parent") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: `  ${escapeAnsiCtrlCodes(parentLine)}` }) })
+        parentLine !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Parent") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: `  ${escapeAnsiCtrlCodes(parentLine)}` }) })
         ] }),
-        visibleChildAgents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Text, { bold: true, dimColor: true, children: [
+        visibleChildAgents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text, { bold: true, dimColor: true, children: [
             t("Sub-agents"),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
               Text,
               {
                 color: theme.text.secondary,
@@ -27077,14 +27662,14 @@ var AgentDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
               }
             )
           ] }) }),
-          visibleChildAgents.map((child) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: `  ${statusGlyph(child.status)} ${escapeAnsiCtrlCodes(
+          visibleChildAgents.map((child) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: `  ${statusGlyph(child.status)} ${escapeAnsiCtrlCodes(
             `${child.subagentType ?? "agent"} \u2014 ${child.description}`
           )} \xB7 ${elapsedFor(child)}` }) }, child.agentId)),
-          hiddenChildCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: `  \u2026 ${t("{{count}} more", { count: String(hiddenChildCount) })}` }) })
+          hiddenChildCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: `  \u2026 ${t("{{count}} more", { count: String(hiddenChildCount) })}` }) })
         ] }),
-        activities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Progress") }) }),
+        activities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Progress") }) }),
           shownHistory.map((a, i) => {
             const prefix = "  ";
             const fullLabel = sanitizeMultilineForDisplay(
@@ -27094,7 +27679,7 @@ var AgentDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
               fullLabel,
               Math.max(0, maxWidth - getCachedStringWidth(prefix))
             );
-            return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Text, { color: theme.text.secondary, children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text, { color: theme.text.secondary, children: [
               prefix,
               label
             ] }) }, `${a.at}-${i}`);
@@ -27106,27 +27691,27 @@ var AgentDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
           // Prefix and label must be ONE string child: MaxSizedBox's wrap
           // layout drops the prefix's trailing space when they arrive as
           // separate segments (`> Shell` → `>Shell`).
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.primary, children: `> ${liveLabel}` }) }, "live")
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.primary, children: `> ${liveLabel}` }) }, "live")
         ] }),
-        entry.outputFile && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Transcript") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: `  ${escapeAnsiCtrlCodes(entry.outputFile)}` }) })
+        entry.outputFile && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Transcript") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "wrap", children: `  ${escapeAnsiCtrlCodes(entry.outputFile)}` }) })
         ] }),
-        visiblePromptLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Prompt") }) }),
-          visiblePromptLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", children: escapeAnsiCtrlCodes(line) || " " }) }, `prompt-${i}`))
+        visiblePromptLines.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Prompt") }) }),
+          visiblePromptLines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", children: escapeAnsiCtrlCodes(line) || " " }) }, `prompt-${i}`))
         ] }),
-        hasBlockedReason && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.error, children: t("Resume blocked") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: blockedReason }) })
+        hasBlockedReason && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.error, children: t("Resume blocked") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: blockedReason }) })
         ] }),
-        hasError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
+        hasError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
         ] })
       ]
     }
@@ -27145,28 +27730,28 @@ var ShellDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth }) =>
     );
   }
   const hasError = entry.status === "failed" && Boolean(entry.error);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     MaxSizedBox,
     {
       maxHeight,
       maxWidth,
       overflowDirection: "bottom",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { children: [
-          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { children: [
+          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Working dir") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", children: entry.cwd }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Output file") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", children: entry.outputFile }) }),
-        hasError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Working dir") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", children: entry.cwd }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Output file") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", children: entry.outputFile }) }),
+        hasError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
         ] })
       ]
     }
@@ -27193,25 +27778,25 @@ var MonitorDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth })
   const hasError = Boolean(entry.error);
   const errorIsFailure = entry.status === "failed";
   const errorColor = errorIsFailure ? theme.status.error : theme.status.warning;
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     MaxSizedBox,
     {
       maxHeight,
       maxWidth,
       overflowDirection: "bottom",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { children: [
-          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { children: [
+          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Command") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", children: entry.command }) }),
-        hasError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: errorColor, children: errorIsFailure ? t("Error") : t("Stopped because") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: errorColor, wrap: "wrap", children: entry.error }) })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Command") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", children: entry.command }) }),
+        hasError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: errorColor, children: errorIsFailure ? t("Error") : t("Stopped because") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: errorColor, wrap: "wrap", children: entry.error }) })
         ] })
       ]
     }
@@ -27244,33 +27829,33 @@ var WorkflowDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth })
   );
   const visibleLogs = entry.recentLogs.slice(-MAX_VISIBLE_LOG_LINES);
   const hasError = Boolean(entry.error);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     MaxSizedBox,
     {
       maxHeight,
       maxWidth,
       overflowDirection: "bottom",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { children: [
-          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { children: [
+          presentation2 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: presentation2.color, children: `${presentation2.icon} ${statusVerb(entry.status)} \xB7 ` }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: dimSubtitleParts.join(" \xB7 ") })
         ] }),
-        entry.meta?.description && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "wrap", children: entry.meta.description }) })
+        entry.meta?.description && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "wrap", children: entry.meta.description }) })
         ] }),
-        (entry.status === "pausing" || entry.status === "paused") && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, children: entry.status === "pausing" ? t(
+        (entry.status === "pausing" || entry.status === "paused") && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.warning, children: entry.status === "pausing" ? t(
             "Pause is cooperative; in-flight work may finish before the workflow is paused. An agent call waiting on a tool approval keeps the run in this state and still counts against the active-time limit until the approval is answered."
           ) : t(
             "Paused: no new agents will start; script code between agent calls keeps running. Press p to resume. /clear, /branch, and switching sessions cancel paused runs."
           ) }) })
         ] }),
-        entry.sizeWarning && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: `\u26A0 ${entry.sizeWarning.axis === "agents" ? t(
+        entry.sizeWarning && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.warning, wrap: "wrap", children: `\u26A0 ${entry.sizeWarning.axis === "agents" ? t(
             "Large workflow: {{agents}} agents scheduled (warning threshold {{cap}}).",
             {
               agents: String(entry.sizeWarning.scheduledAgents),
@@ -27286,31 +27871,31 @@ var WorkflowDetailBody = /* @__PURE__ */ __name(({ entry, maxHeight, maxWidth })
             }
           )}` }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Phases") }) }),
-        entry.phases.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { dimColor: true, children: t("(no phase recorded yet)") }) }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          phaseOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { dimColor: true, children: `+${phaseOverflow} ${t("more above")}` }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Phases") }) }),
+        entry.phases.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { dimColor: true, children: t("(no phase recorded yet)") }) }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          phaseOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { dimColor: true, children: `+${phaseOverflow} ${t("more above")}` }) }),
           visiblePhases.map((phaseTitle, i) => {
             const isCurrent = isActiveWorkflowStatus(entry.status) && i === visiblePhases.length - 1 && entry.currentPhase === phaseTitle;
             const marker = isCurrent ? "\u25B8" : "\xB7";
             const phaseTokens = entry.perPhaseTokens.get(phaseTitle) ?? 0;
             const tokenChip = phaseTokens > 0 ? ` \xB7 ${formatTokenCount(phaseTokens)}t` : "";
-            return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: isCurrent ? theme.status.success : void 0, children: `  ${marker} ${phaseTitle}${tokenChip}` }) }, `${phaseTitle}-${i}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: isCurrent ? theme.status.success : void 0, children: `  ${marker} ${phaseTitle}${tokenChip}` }) }, `${phaseTitle}-${i}`);
           }),
-          (entry.perPhaseTokens.get(null) ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { dimColor: true, children: `  \xB7 ${t("(no phase)")} \xB7 ${formatTokenCount(
+          (entry.perPhaseTokens.get(null) ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { dimColor: true, children: `  \xB7 ${t("(no phase)")} \xB7 ${formatTokenCount(
             entry.perPhaseTokens.get(null) ?? 0
           )}t` }) })
         ] }),
-        entry.recentLogs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, dimColor: true, children: t("Logs") }) }),
-          logOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { dimColor: true, children: `+${logOverflow} ${t("more above")}` }) }),
-          visibleLogs.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { wrap: "truncate-end", dimColor: true, children: line }) }, `log-${i}`))
+        entry.recentLogs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, dimColor: true, children: t("Logs") }) }),
+          logOverflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { dimColor: true, children: `+${logOverflow} ${t("more above")}` }) }),
+          visibleLogs.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", dimColor: true, children: line }) }, `log-${i}`))
         ] }),
-        hasError && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_react87.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
+        hasError && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.error, children: t("Error") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, wrap: "wrap", children: entry.error }) })
         ] })
       ]
     }
@@ -27326,6 +27911,7 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     moveSelectionUp,
     moveSelectionDown,
     closeDialog,
+    openDialog,
     enterDetail,
     exitDetail,
     cancelSelected,
@@ -27334,6 +27920,16 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     setSelectedIndex
   } = useBackgroundTaskViewActions();
   const config = useConfig();
+  const hasAgents = entries.some((entry) => entry.kind === "agent");
+  const [agentTab, setAgentTab] = (0, import_react87.useState)("summary");
+  const [agentScrollOffset, setAgentScrollOffset] = (0, import_react87.useState)(0);
+  const [reviewingApproval, setReviewingApproval] = (0, import_react87.useState)(
+    null
+  );
+  const agentLayout = getAgentDashboardLayout(
+    terminalWidth,
+    availableTerminalHeight
+  );
   const detailContentHeight = Math.max(10, availableTerminalHeight - 6);
   const detailContentWidth = Math.max(10, terminalWidth - 4);
   const listMaxRows = Math.max(3, availableTerminalHeight - 10);
@@ -27372,6 +27968,12 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     return fromSnapshot;
   }, [entries, selectedIndex, config, activityTick]);
   const selectedEntryId = selectedEntry ? entryId(selectedEntry) : void 0;
+  (0, import_react87.useEffect)(() => {
+    setAgentScrollOffset(0);
+  }, [selectedEntryId, agentTab, dialogOpen]);
+  (0, import_react87.useEffect)(() => {
+    setReviewingApproval(null);
+  }, [selectedEntryId, dialogOpen]);
   const selectedAgentIdForActivity = selectedEntry?.kind === "agent" ? selectedEntry.agentId : void 0;
   const selectedApproval = selectedEntry?.kind === "agent" && selectedEntry.pendingApprovals?.[0] ? {
     kind: "agent",
@@ -27382,7 +27984,13 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     approval: selectedEntry.pendingApprovals[0],
     ownerId: selectedEntry.runId
   } : void 0;
-  const approvalActive = isDetailMode && Boolean(selectedApproval);
+  const agentApprovalKey = selectedApproval?.kind === "agent" ? JSON.stringify([
+    selectedApproval.ownerId,
+    selectedApproval.approval.callId,
+    selectedApproval.approval.subagentId,
+    selectedApproval.approval.at
+  ]) : void 0;
+  const approvalActive = Boolean(selectedApproval) && (selectedApproval?.kind === "agent" ? reviewingApproval === agentApprovalKey : isDetailMode);
   const approvalUsesQuestionDialog = selectedApproval?.approval.confirmationDetails.type === "ask_user_question";
   const approvalConfirmationDetails = selectedApproval ? (
     // The spread restores every field except `onConfirm`; the cast is
@@ -27412,7 +28020,8 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     }
   ) : void 0;
   (0, import_react87.useEffect)(() => {
-    if (!dialogOpen || !isDetailMode || !selectedAgentIdForActivity) return;
+    if (!dialogOpen || !isDetailMode && !agentLayout.split || !selectedAgentIdForActivity)
+      return;
     const registry = config.getBackgroundTaskRegistry();
     const onActivity = /* @__PURE__ */ __name((entry) => {
       if (entry.agentId !== selectedAgentIdForActivity) return;
@@ -27425,12 +28034,13 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     dialogMode,
     isDetailMode,
     config,
-    selectedAgentIdForActivity
+    selectedAgentIdForActivity,
+    agentLayout.split
   ]);
   const selectedStatus = selectedEntry?.status;
   const selectedShouldTick = selectedEntry?.kind === "workflow" ? isActiveWorkflowStatus(selectedEntry.status) : selectedStatus === "running";
   (0, import_react87.useEffect)(() => {
-    if (!dialogOpen || !isDetailMode || !selectedEntryId || !selectedShouldTick)
+    if (!dialogOpen || !isDetailMode && !agentLayout.split || !selectedEntryId || !selectedShouldTick)
       return;
     const id = setInterval(() => setActivityTick((n) => n + 1), 1e3);
     return () => clearInterval(id);
@@ -27439,7 +28049,8 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     dialogMode,
     isDetailMode,
     selectedEntryId,
-    selectedShouldTick
+    selectedShouldTick,
+    agentLayout.split
   ]);
   const initialDetailStatusRef = (0, import_react87.useRef)(null);
   (0, import_react87.useEffect)(() => {
@@ -27512,6 +28123,7 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
       if (saveActive) return;
       if (approvalActive && !approvalUsesQuestionDialog) {
         if (key.name === "left") {
+          setReviewingApproval(null);
           exitDetail();
           return;
         }
@@ -27524,6 +28136,57 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
       if (approvalActive && approvalUsesQuestionDialog) {
         return;
       }
+      if (hasAgents && (dialogMode === "list" || selectedEntry?.kind === "agent")) {
+        if ((key.name === "left" || key.name === "right" || key.name === "tab") && !key.ctrl && !key.meta) {
+          if (selectedEntry?.kind === "agent") {
+            setAgentTab(
+              (tab) => nextAgentDashboardTab(
+                tab,
+                key.name === "left" || key.shift ? -1 : 1
+              )
+            );
+          }
+          return;
+        }
+        if (key.sequence === "a" && !key.ctrl && !key.meta && selectedApproval?.kind === "agent") {
+          if (isDetailMode || agentLayout.split)
+            setReviewingApproval(agentApprovalKey ?? null);
+          return;
+        }
+        if (isDetailMode && selectedEntry?.kind === "agent") {
+          if (key.name === "escape") {
+            if (pendingCancelEntryId) setPendingCancelEntryId(null);
+            else {
+              setReviewingApproval(null);
+              if (dialogMode === "detail-from-panel") openDialog();
+              else exitDetail();
+            }
+            return;
+          }
+          if (key.name === "return" || key.name === "space") return;
+          const up = keyMatchers["selectionUp" /* SELECTION_UP */](key);
+          const down = keyMatchers["selectionDown" /* SELECTION_DOWN */](key);
+          const pageUp = key.name === "pageup";
+          const pageDown = key.name === "pagedown";
+          if (up || down || pageUp || pageDown) {
+            const maxOffset = Math.max(
+              0,
+              getAgentDashboardLines(
+                selectedEntry,
+                agentTab,
+                agentLayout.detailWidth,
+                entries
+              ).length - agentLayout.pageSize
+            );
+            const direction = up || pageUp ? -1 : 1;
+            const step = pageUp || pageDown ? agentLayout.pageSize : 1;
+            setAgentScrollOffset(
+              (offset) => Math.max(0, Math.min(maxOffset, offset + direction * step))
+            );
+            return;
+          }
+        }
+      }
       if (dialogMode === "list") {
         if (keyMatchers["selectionUp" /* SELECTION_UP */](key)) {
           moveSelectionUp();
@@ -27633,7 +28296,95 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
     }
     if (workflowSaveTarget) hints.push("s save");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+  if (approvalActive && selectedApproval?.kind === "agent" && approvalConfirmationDetails && selectedEntry?.kind === "agent") {
+    const nestedOwner = selectedApproval.approval.subagentId;
+    const headingRows = nestedOwner ? 3 : 2;
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+      Box_default,
+      {
+        flexDirection: "column",
+        width: terminalWidth,
+        height: availableTerminalHeight,
+        flexShrink: 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            Box_default,
+            {
+              flexDirection: "column",
+              width: terminalWidth,
+              height: Math.max(1, availableTerminalHeight - 1),
+              borderStyle: glyphs().borderStyle,
+              borderColor: theme.status.warning,
+              paddingX: 1,
+              flexShrink: 0,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.warning, wrap: "truncate-end", children: t("Background agent needs approval") }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { wrap: "truncate-end", children: dashboardSingleLine(
+                  selectedEntry.description,
+                  Math.max(1, terminalWidth - 4)
+                ) }),
+                nestedOwner && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: [
+                  t("from nested agent"),
+                  ":",
+                  " ",
+                  dashboardSingleLine(nestedOwner, Math.max(1, terminalWidth - 4))
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  ToolConfirmationMessage,
+                  {
+                    confirmationDetails: approvalConfirmationDetails,
+                    config,
+                    isFocused: true,
+                    contentWidth: Math.max(1, terminalWidth - 4),
+                    availableTerminalHeight: Math.max(
+                      1,
+                      availableTerminalHeight - headingRows - 3
+                    ),
+                    compactMode: true
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: showCancelConfirmHint ? t(
+            "Press x again to stop; this ends the blocking turn. Esc cancels."
+          ) : approvalUsesQuestionDialog ? t("Approve or deny the request above") : t("\u2190 back \xB7 x stop") })
+        ]
+      }
+    );
+  }
+  if (hasAgents && (dialogMode === "list" || selectedEntry?.kind === "agent") && !approvalActive && !saveActive) {
+    const actionHints = [];
+    if (selectedEntry?.kind === "agent" && selectedEntry.pendingApprovals?.length)
+      actionHints.push(t("a review approval"));
+    if (selectedEntry && isStoppableEntry(selectedEntry))
+      actionHints.push(t("x stop"));
+    if (selectedEntryAllowsResume) actionHints.push(t("r resume"));
+    if (selectedEntry?.kind === "agent" && selectedEntry.status === "paused")
+      actionHints.push(t("x abandon"));
+    if (selectedWorkflowPauseHint) actionHints.push(selectedWorkflowPauseHint);
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      AgentDashboard,
+      {
+        entries,
+        selectedEntry,
+        selectedIndex,
+        detailFocused: isDetailMode,
+        tab: agentTab,
+        scrollOffset: agentScrollOffset,
+        width: terminalWidth,
+        height: availableTerminalHeight,
+        actionHints,
+        footerMessage: showCancelConfirmHint ? t(
+          "Press x again to stop; this ends the blocking turn. Esc cancels."
+        ) : pauseRejected?.entryKey === selectedEntryKey ? t(
+          "Pause/resume was rejected; the workflow state changed. Try again."
+        ) : void 0,
+        renderOtherDetail: (entry, height, width) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DetailBody, { entry, maxHeight: height, maxWidth: width })
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     Box_default,
     {
       flexDirection: "column",
@@ -27642,32 +28393,32 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
       marginTop: 1,
       paddingX: 1,
       children: [
-        dialogMode === "list" && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.text.accent, children: t("Background tasks") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { marginTop: dialogMode === "list" ? 1 : 0, flexDirection: "column", children: [
-          dialogMode === "list" ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        dialogMode === "list" && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.text.accent, children: t("Background tasks") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { marginTop: dialogMode === "list" ? 1 : 0, flexDirection: "column", children: [
+          dialogMode === "list" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             ListBody,
             {
               entries,
               selectedIndex,
               maxRows: listMaxRows
             }
-          ) : selectedEntry ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+          ) : selectedEntry ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
             DetailBody,
             {
               entry: selectedEntry,
               maxHeight: approvalActive ? Math.max(6, Math.floor(detailContentHeight / 2)) : detailContentHeight,
               maxWidth: detailContentWidth
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: t("No entry to show.") }) }),
-          approvalActive && approvalConfirmationDetails && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, paddingX: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { bold: true, color: theme.status.warning, children: selectedApproval?.kind === "workflow" ? `[workflow] ${t("needs approval")}` : t("Background agent needs approval") }),
-            selectedApproval?.kind === "agent" && selectedApproval.approval.subagentId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Text, { color: theme.text.secondary, children: [
+          ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: t("No entry to show.") }) }),
+          approvalActive && approvalConfirmationDetails && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, paddingX: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { bold: true, color: theme.status.warning, children: selectedApproval?.kind === "workflow" ? `[workflow] ${t("needs approval")}` : t("Background agent needs approval") }),
+            selectedApproval?.kind === "agent" && selectedApproval.approval.subagentId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Text, { color: theme.text.secondary, children: [
               t("from nested agent"),
               ":",
               " ",
               selectedApproval.approval.subagentId
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
               ToolConfirmationMessage,
               {
                 confirmationDetails: approvalConfirmationDetails,
@@ -27683,7 +28434,7 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
             )
           ] })
         ] }),
-        saveActive && workflowSaveTarget && config ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        saveActive && workflowSaveTarget && config ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           WorkflowSaveOverlay,
           {
             script: workflowSaveTarget.script,
@@ -27692,16 +28443,16 @@ var BackgroundTasksDialog = /* @__PURE__ */ __name(({
             isActive: saveActive,
             onClose: () => setSaveActive(false)
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Box_default, { marginTop: 1, paddingX: 1, children: pauseRejected && pauseRejected.entryKey === selectedEntryKey ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.status.warning, children: t(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { marginTop: 1, paddingX: 1, children: pauseRejected && pauseRejected.entryKey === selectedEntryKey ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.warning, children: t(
           "Pause/resume was rejected; the workflow state changed. Try again."
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Text, { color: theme.text.secondary, children: hints.join(" \xB7 ") }) })
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.text.secondary, children: hints.join(" \xB7 ") }) })
       ]
     }
   );
 }, "BackgroundTasksDialog");
 
 // packages/cli/src/ui/components/DialogManager.tsx
-var import_jsx_runtime110 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime111 = __toESM(require_jsx_runtime(), 1);
 var DialogManager = /* @__PURE__ */ __name(({
   addItem,
   terminalWidth
@@ -27720,7 +28471,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   const constrainedDialogHeight = constrainHeight ? dialogMaxHeight : void 0;
   const listDialogHeight = dialogMaxHeight;
   if (uiState.showWelcomeBackDialog && uiState.welcomeBackInfo?.hasHistory) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       WelcomeBackDialog,
       {
         welcomeBackInfo: uiState.welcomeBackInfo,
@@ -27730,7 +28481,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.showWorktreeExitDialog && uiState.activeWorktree) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       WorktreeExitDialog,
       {
         slug: uiState.activeWorktree.slug,
@@ -27744,10 +28495,10 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.showIdeRestartPrompt) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(IdeTrustChangeDialog, { reason: uiState.ideTrustRestartReason });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(IdeTrustChangeDialog, { reason: uiState.ideTrustRestartReason });
   }
   if (uiState.shouldShowIdePrompt) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       IdeIntegrationNudge,
       {
         ide: uiState.currentIDE,
@@ -27756,7 +28507,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.shouldShowCommandMigrationNudge) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CommandFormatMigrationNudge,
       {
         tomlFiles: uiState.commandMigrationTomlFiles,
@@ -27765,7 +28516,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isFolderTrustDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       FolderTrustDialog,
       {
         onSelect: uiActions.handleFolderTrustSelect,
@@ -27774,7 +28525,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isMcpApprovalDialogOpen && uiState.currentMcpApproval) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       MCPServerApprovalDialog,
       {
         serverName: uiState.currentMcpApproval.name,
@@ -27787,7 +28538,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.shellConfirmationRequest) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ShellConfirmationDialog,
       {
         request: uiState.shellConfirmationRequest,
@@ -27797,7 +28548,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.loopDetectionConfirmationRequest) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       LoopDetectionConfirmation,
       {
         onComplete: uiState.loopDetectionConfirmationRequest.onComplete
@@ -27805,7 +28556,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.confirmationRequest) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ConsentPrompt,
       {
         prompt: uiState.confirmationRequest.prompt,
@@ -27817,7 +28568,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   }
   if (uiState.confirmUpdateExtensionRequests.length > 0 && !uiState.isExtensionsManagerDialogOpen) {
     const request = uiState.confirmUpdateExtensionRequests[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ConsentPrompt,
       {
         prompt: request.prompt,
@@ -27828,7 +28579,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.providerUpdateRequest) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ProviderUpdatePrompt,
       {
         entries: uiState.providerUpdateRequest.entries,
@@ -27838,7 +28589,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   }
   if (uiState.settingInputRequests.length > 0 && !uiState.isExtensionsManagerDialogOpen) {
     const request = uiState.settingInputRequests[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SettingInputPrompt,
       {
         settingName: request.settingName,
@@ -27853,7 +28604,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   }
   if (uiState.pluginChoiceRequests.length > 0 && !uiState.isExtensionsManagerDialogOpen) {
     const request = uiState.pluginChoiceRequests[0];
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       PluginChoicePrompt,
       {
         marketplaceName: request.marketplaceName,
@@ -27867,9 +28618,9 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isThemeDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", children: [
-      uiState.themeError && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, children: uiState.themeError }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Box_default, { flexDirection: "column", children: [
+      uiState.themeError && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { color: theme.status.error, children: uiState.themeError }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         ThemeDialog,
         {
           onSelect: uiActions.handleThemeSelect,
@@ -27882,9 +28633,9 @@ var DialogManager = /* @__PURE__ */ __name(({
     ] });
   }
   if (uiState.isEditorDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Box_default, { flexDirection: "column", children: [
-      uiState.editorError && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Text, { color: theme.status.error, children: uiState.editorError }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Box_default, { flexDirection: "column", children: [
+      uiState.editorError && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { marginBottom: 1, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { color: theme.status.error, children: uiState.editorError }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         EditorSettingsDialog,
         {
           onSelect: uiActions.handleEditorSelect,
@@ -27895,7 +28646,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     ] });
   }
   if (uiState.isModelDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ModelDialog,
       {
         onClose: uiActions.closeModelDialog,
@@ -27910,7 +28661,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isSettingsDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SettingsDialog,
       {
         settings,
@@ -27941,7 +28692,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     ) });
   }
   if (uiState.isStatusLineDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       StatusLineDialog,
       {
         settings,
@@ -27955,10 +28706,10 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isMemoryDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(MemoryDialog, { onClose: uiActions.closeMemoryDialog });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(MemoryDialog, { onClose: uiActions.closeMemoryDialog });
   }
   if (uiState.isHelpDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       Help,
       {
         commands: uiState.slashCommands,
@@ -27972,7 +28723,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   }
   if (uiState.isApprovalModeDialogOpen) {
     const currentMode = config.getApprovalMode();
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ApprovalModeDialog,
       {
         settings,
@@ -27983,7 +28734,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     ) });
   }
   if (uiState.isEffortDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       EffortDialog,
       {
         currentEffort: config.getReasoningEffort(),
@@ -27993,7 +28744,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     ) });
   }
   if (uiState.isOutputStyleDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       OutputStyleDialog,
       {
         currentStyleName: config.getOutputStyle()?.name,
@@ -28003,7 +28754,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     ) });
   }
   if (uiState.activeArenaDialog === "start") {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ArenaStartDialog,
       {
         onClose: () => uiActions.closeArenaDialog(),
@@ -28014,7 +28765,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   if (uiState.activeArenaDialog === "status") {
     const arenaManager = config.getArenaManager();
     if (arenaManager) {
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         ArenaStatusDialog,
         {
           manager: arenaManager,
@@ -28025,7 +28776,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     }
   }
   if (uiState.activeArenaDialog === "stop") {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ArenaStopDialog,
       {
         config,
@@ -28037,7 +28788,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   if (uiState.activeArenaDialog === "select") {
     const arenaManager = config.getArenaManager();
     if (arenaManager) {
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         ArenaSelectDialog,
         {
           manager: arenaManager,
@@ -28049,11 +28800,11 @@ var DialogManager = /* @__PURE__ */ __name(({
     }
   }
   if (uiState.auth.isAuthDialogOpen || uiState.auth.authError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(AuthDialog, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexDirection: "column", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(AuthDialog, {}) });
   }
   if (uiState.auth.isAuthenticating) {
     if (uiState.auth.pendingAuthType === "openai" /* USE_OPENAI */ && uiState.auth.externalAuthState) {
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         ExternalAuthProgress,
         {
           title: uiState.auth.externalAuthState.title,
@@ -28068,13 +28819,13 @@ var DialogManager = /* @__PURE__ */ __name(({
     }
   }
   if (uiState.isTrustDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TrustDialog, { onExit: uiActions.closeTrustDialog, addItem });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(TrustDialog, { onExit: uiActions.closeTrustDialog, addItem });
   }
   if (uiState.isPermissionsDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(PermissionsDialog, { onExit: uiActions.closePermissionsDialog });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(PermissionsDialog, { onExit: uiActions.closePermissionsDialog });
   }
   if (uiState.isSubagentCreateDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       AgentCreationWizard,
       {
         onClose: uiActions.closeSubagentCreateDialog,
@@ -28083,7 +28834,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isAgentsManagerDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       AgentsManagerDialog,
       {
         onClose: uiActions.closeAgentsManagerDialog,
@@ -28092,7 +28843,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isSkillsManagerDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SkillsManagerDialog,
       {
         settings,
@@ -28106,7 +28857,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isExtensionsManagerDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ExtensionsManagerDialog,
       {
         onClose: uiActions.closeExtensionsManagerDialog,
@@ -28115,19 +28866,19 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isHooksDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(HooksManagementDialog, { onClose: uiActions.closeHooksDialog });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(HooksManagementDialog, { onClose: uiActions.closeHooksDialog });
   }
   if (uiState.isStatsDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(StatsDialog, { onClose: uiActions.closeStatsDialog, width: mainAreaWidth });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(StatsDialog, { onClose: uiActions.closeStatsDialog, width: mainAreaWidth });
   }
   if (uiState.isRemoteDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(RemoteControlDialog, { onClose: uiActions.closeRemoteDialog });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(RemoteControlDialog, { onClose: uiActions.closeRemoteDialog });
   }
   if (uiState.isMcpDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(MCPManagementDialog, { onClose: uiActions.closeMcpDialog });
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(MCPManagementDialog, { onClose: uiActions.closeMcpDialog });
   }
   if (uiState.isResumeDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SessionPicker,
       {
         sessionService: config.getSessionService(),
@@ -28141,7 +28892,7 @@ var DialogManager = /* @__PURE__ */ __name(({
   }
   if (uiState.isDeleteDialogOpen) {
     const currentSessionId = config.getSessionId();
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SessionPicker,
       {
         sessionService: config.getSessionService(),
@@ -28156,7 +28907,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isRewindSelectorOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       RewindSelector,
       {
         history: uiState.history,
@@ -28168,7 +28919,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isDiffDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       DiffDialog,
       {
         history: uiState.history,
@@ -28180,7 +28931,7 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (uiState.isSkillReviewDialogOpen && uiState.skillReviewPending) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       SkillReviewDialog,
       {
         skills: uiState.skillReviewPending.skills,
@@ -28193,11 +28944,14 @@ var DialogManager = /* @__PURE__ */ __name(({
     );
   }
   if (bgTasksDialogOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       BackgroundTasksDialog,
       {
         availableTerminalHeight: listDialogHeight,
-        terminalWidth: mainAreaWidth
+        terminalWidth: Math.max(
+          1,
+          terminalWidth - sideMargin(getLayoutTier(terminalWidth)) * 2
+        )
       }
     );
   }
@@ -28270,7 +29024,7 @@ function isNarrowWidth(width) {
 __name(isNarrowWidth, "isNarrowWidth");
 
 // packages/cli/src/ui/components/LoadingIndicator.tsx
-var import_jsx_runtime111 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime112 = __toESM(require_jsx_runtime(), 1);
 var LoadingIndicator = /* @__PURE__ */ __name(({
   currentLoadingPhrase,
   elapsedTime,
@@ -28311,34 +29065,34 @@ var LoadingIndicator = /* @__PURE__ */ __name(({
     time: timeStr,
     tokens: `${tokenStr}${tokenRateStr}`
   }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Box_default, { paddingLeft: 2, flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Box_default, { paddingLeft: 2, flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
       Box_default,
       {
         width: "100%",
         flexDirection: isNarrow ? "column" : "row",
         alignItems: isNarrow ? "flex-start" : "center",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Box_default, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Box_default, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               RespondingSpinner,
               {
                 nonRespondingDisplay: streamingState === "waiting_for_confirmation" /* WaitingForConfirmation */ ? WAITING_SPINNER_FRAME : ""
               }
             ) }),
-            primaryText && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { color: theme.text.accent, wrap: "truncate-end", children: primaryText }),
-            !isNarrow && cancelAndTimerContent && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Text, { color: theme.text.secondary, children: [
+            primaryText && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Text, { color: theme.text.accent, wrap: "truncate-end", children: primaryText }),
+            !isNarrow && cancelAndTimerContent && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Text, { color: theme.text.secondary, children: [
               " ",
               cancelAndTimerContent
             ] })
           ] }),
-          !isNarrow && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { flexGrow: 1 }),
-          !isNarrow && rightContent && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { children: rightContent })
+          !isNarrow && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Box_default, { flexGrow: 1 }),
+          !isNarrow && rightContent && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Box_default, { children: rightContent })
         ]
       }
     ),
-    isNarrow && cancelAndTimerContent && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text, { color: theme.text.secondary, children: cancelAndTimerContent }) }),
-    isNarrow && rightContent && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Box_default, { children: rightContent })
+    isNarrow && cancelAndTimerContent && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Text, { color: theme.text.secondary, children: cancelAndTimerContent }) }),
+    isNarrow && rightContent && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Box_default, { children: rightContent })
   ] });
 }, "LoadingIndicator");
 function formatTokensPerSecond(tokensPerSecond) {
@@ -28349,7 +29103,7 @@ function formatTokensPerSecond(tokensPerSecond) {
   return `${rounded} t/s`;
 }
 __name(formatTokensPerSecond, "formatTokensPerSecond");
-var LiveLoadingIndicator = /* @__PURE__ */ __name(({ elapsedClock, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(LoadingIndicator, { ...props, elapsedTime: useElapsedSeconds(elapsedClock) }), "LiveLoadingIndicator");
+var LiveLoadingIndicator = /* @__PURE__ */ __name(({ elapsedClock, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(LoadingIndicator, { ...props, elapsedTime: useElapsedSeconds(elapsedClock) }), "LiveLoadingIndicator");
 
 // packages/cli/src/ui/components/InputPrompt.tsx
 init_esbuild_shims();
@@ -28393,7 +29147,7 @@ __name(CompletionCategoryMouseController, "CompletionCategoryMouseController");
 // packages/cli/src/ui/components/PrepareLabel.tsx
 init_esbuild_shims();
 var import_react91 = __toESM(require_react(), 1);
-var import_jsx_runtime112 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime113 = __toESM(require_jsx_runtime(), 1);
 var MAX_WIDTH = 150;
 var _PrepareLabel = /* @__PURE__ */ __name(({
   label,
@@ -28405,7 +29159,7 @@ var _PrepareLabel = /* @__PURE__ */ __name(({
   const hasMatch = matchedIndex !== void 0 && matchedIndex >= 0 && matchedIndex < label.length && userInput.length > 0;
   if (!hasMatch) {
     const display = isExpanded ? label : label.length > MAX_WIDTH ? label.slice(0, MAX_WIDTH) + "..." : label;
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Text, { wrap: "wrap", color: textColor, children: display });
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { wrap: "wrap", color: textColor, children: display });
   }
   const matchLength = userInput.length;
   let before = "";
@@ -28444,9 +29198,9 @@ var _PrepareLabel = /* @__PURE__ */ __name(({
       after = after.length >= 3 ? after.slice(0, -3) + "..." : "...";
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Text, { color: textColor, wrap: "wrap", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text, { color: textColor, wrap: "wrap", children: [
     before,
-    match ? match.split(/(\s+)/).map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    match ? match.split(/(\s+)/).map((part, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       Text,
       {
         color: theme.background.primary,
@@ -28461,7 +29215,7 @@ var _PrepareLabel = /* @__PURE__ */ __name(({
 var PrepareLabel = import_react91.default.memo(_PrepareLabel);
 
 // packages/cli/src/ui/components/SuggestionsDisplay.tsx
-var import_jsx_runtime113 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime114 = __toESM(require_jsx_runtime(), 1);
 function categoryLabel(cat) {
   switch (cat) {
     case "all":
@@ -28503,7 +29257,7 @@ function SuggestionsDisplay({
   const itemRefs = (0, import_react92.useRef)([]);
   const categoryRefs = (0, import_react92.useRef)([]);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Box_default, { width, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: "gray", children: t("Loading suggestions...") }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Box_default, { width, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: "gray", children: t("Loading suggestions...") }) });
   }
   const filteredSuggestions = activeCategory === "all" ? suggestions : suggestions.filter((s) => (s.category ?? "file") === activeCategory);
   const showTabBar = (availableCategories?.length ?? 0) > 2;
@@ -28533,7 +29287,7 @@ function SuggestionsDisplay({
     Math.max(...describedLabelLengths),
     Math.max(contentWidth - MIN_DESCRIPTION_WIDTH - 2, 1)
   ) : 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     Box_default,
     {
       flexDirection: "column",
@@ -28543,7 +29297,7 @@ function SuggestionsDisplay({
       borderColor: extendedTheme.ui.rule,
       paddingX: 1,
       children: [
-        mouseEnabled && onHoverIndex && onSelectIndex && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        mouseEnabled && onHoverIndex && onSelectIndex && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           RowMouseController,
           {
             containerRef,
@@ -28553,7 +29307,7 @@ function SuggestionsDisplay({
             onSelectIndex
           }
         ),
-        mouseEnabled && showTabBar && availableCategories && onSelectCategory && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        mouseEnabled && showTabBar && availableCategories && onSelectCategory && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           CompletionCategoryMouseController,
           {
             containerRef,
@@ -28562,17 +29316,17 @@ function SuggestionsDisplay({
             onSelectCategory
           }
         ),
-        showTabBar && availableCategories && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Box_default, { flexDirection: "row", marginBottom: 1, children: [
+        showTabBar && availableCategories && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Box_default, { flexDirection: "row", marginBottom: 1, children: [
           availableCategories.map((cat, i) => {
             const active = cat === activeCategory;
-            return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
               Box_default,
               {
                 marginLeft: i === 0 ? 0 : 1,
                 ref: (node) => {
                   categoryRefs.current[i] = node;
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
                   Text,
                   {
                     color: active ? theme.background.primary : theme.text.secondary,
@@ -28584,9 +29338,9 @@ function SuggestionsDisplay({
               cat
             );
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: theme.text.secondary, children: t("(\u2190/\u2192 to switch)") }) })
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: theme.text.secondary, children: t("(\u2190/\u2192 to switch)") }) })
         ] }),
-        scrollOffset > 0 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: theme.text.primary, children: "\u25B2" }),
+        scrollOffset > 0 && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: theme.text.primary, children: "\u25B2" }),
         visibleSuggestions.map((suggestion, index) => {
           const originalIndex = startIndex + index;
           const isActive = originalIndex === activeIndex;
@@ -28599,7 +29353,7 @@ function SuggestionsDisplay({
             contentWidth - labelColumnWidth - 2 - expansionIndicatorWidth,
             1
           );
-          const labelElement = /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+          const labelElement = /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             PrepareLabel,
             {
               label: displayLabel,
@@ -28609,7 +29363,7 @@ function SuggestionsDisplay({
               isExpanded
             }
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
             Box_default,
             {
               flexDirection: "row",
@@ -28617,49 +29371,49 @@ function SuggestionsDisplay({
                 itemRefs.current[index] = node;
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Box_default, { width: ACTIVE_MARKER_WIDTH, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: extendedTheme.ui.brand, children: isActive ? `${glyphs().prompt} ` : "  " }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Box_default, { width: ACTIVE_MARKER_WIDTH, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: extendedTheme.ui.brand, children: isActive ? `${glyphs().prompt} ` : "  " }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
                   Box_default,
                   {
                     ...mode === "slash" || suggestion.description ? { width: labelColumnWidth, flexShrink: 0 } : { flexShrink: 1 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Box_default, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Box_default, { flexShrink: 0, children: labelElement }),
-                      suggestion.argumentHint && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: [
+                    children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Box_default, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Box_default, { flexShrink: 0, children: labelElement }),
+                      suggestion.argumentHint && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: [
                         " ",
                         suggestion.argumentHint
                       ] }),
-                      suggestion.sourceBadge && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text, { color: textColor, wrap: "truncate-end", children: [
+                      suggestion.sourceBadge && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Text, { color: textColor, wrap: "truncate-end", children: [
                         " ",
                         suggestion.sourceBadge
                       ] })
                     ] })
                   }
                 ),
-                suggestion.description && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                suggestion.description && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
                   Box_default,
                   {
                     width: descriptionColumnWidth,
                     flexGrow: 1,
                     flexShrink: 1,
                     paddingLeft: 2,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: normalizeDescription(suggestion.description) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: normalizeDescription(suggestion.description) })
                   }
                 ),
-                isActive && isLong && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: Colors.Gray, children: isExpanded ? " \u2190 " : " \u2192 " }) })
+                isActive && isLong && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: Colors.Gray, children: isExpanded ? " \u2190 " : " \u2192 " }) })
               ]
             },
             `${suggestion.value}-${originalIndex}`
           );
         }),
-        endIndex < filteredSuggestions.length && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: "gray", children: "\u25BC" }),
-        filteredSuggestions.length > MAX_SUGGESTIONS_TO_SHOW && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text, { color: "gray", children: [
+        endIndex < filteredSuggestions.length && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: "gray", children: "\u25BC" }),
+        filteredSuggestions.length > MAX_SUGGESTIONS_TO_SHOW && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(Text, { color: "gray", children: [
           "(",
           activeIndex + 1,
           "/",
           filteredSuggestions.length,
           ")"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: t("\u2191\u2193 navigate \xB7 tab complete \xB7 enter select \xB7 esc close") })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: t("\u2191\u2193 navigate \xB7 tab complete \xB7 enter select \xB7 esc close") })
       ]
     }
   );
@@ -31032,7 +31786,7 @@ function useTeamInProcess(config, actions) {
 __name(useTeamInProcess, "useTeamInProcess");
 
 // packages/cli/src/ui/contexts/AgentViewContext.tsx
-var import_jsx_runtime114 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime115 = __toESM(require_jsx_runtime(), 1);
 var AgentViewStateContext = (0, import_react106.createContext)(null);
 var AgentViewActionsContext = (0, import_react106.createContext)(null);
 var DEFAULT_STATE2 = {
@@ -31290,8 +32044,8 @@ function AgentViewProvider({
   );
   useArenaInProcess(config ?? null, actions);
   useTeamInProcess(config ?? null, actions);
-  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(AgentViewStateContext.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(AgentViewActionsContext.Provider, { value: actions, children: [
-    [...agents.keys()].map((agentId) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(AgentQueueFlusher, { agentId }, agentId)),
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AgentViewStateContext.Provider, { value: state, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(AgentViewActionsContext.Provider, { value: actions, children: [
+    [...agents.keys()].map((agentId) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AgentQueueFlusher, { agentId }, agentId)),
     children
   ] }) });
 }
@@ -31336,7 +32090,7 @@ __name(getLiveAgentPanelLayoutKey, "getLiveAgentPanelLayoutKey");
 
 // packages/cli/src/ui/FeedbackDialog.tsx
 init_esbuild_shims();
-var import_jsx_runtime115 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime116 = __toESM(require_jsx_runtime(), 1);
 var FEEDBACK_OPTIONS = {
   GOOD: 1,
   BAD: 2,
@@ -31369,39 +32123,39 @@ var FeedbackDialog = /* @__PURE__ */ __name(() => {
     },
     { isActive: uiState.isFeedbackDialogOpen }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Box_default, { flexDirection: "column", marginY: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { color: "cyan", children: ICON.CIRCLE_FILLED + " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { bold: true, children: t("How is O1-Code doing this session? (optional)") })
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Box_default, { flexDirection: "column", marginY: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: "cyan", children: ICON.CIRCLE_FILLED + " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { bold: true, children: t("How is O1-Code doing this session? (optional)") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Box_default, { marginTop: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Text, { color: "cyan", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Box_default, { marginTop: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { color: "cyan", children: [
         FEEDBACK_OPTION_KEYS[FEEDBACK_OPTIONS.GOOD],
         ":",
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: t("Good") }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Text, { color: "cyan", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: t("Good") }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { color: "cyan", children: [
         FEEDBACK_OPTION_KEYS[FEEDBACK_OPTIONS.BAD],
         ": "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: t("Bad") }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Text, { color: "cyan", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: t("Bad") }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { color: "cyan", children: [
         FEEDBACK_OPTION_KEYS[FEEDBACK_OPTIONS.FINE],
         ":",
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: t("Fine") }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: " " }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(Text, { color: "cyan", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: t("Fine") }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: " " }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { color: "cyan", children: [
         FEEDBACK_OPTION_KEYS[FEEDBACK_OPTIONS.DISMISS],
         ":",
         " "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: t("Dismiss") }),
-      /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Text, { children: " " })
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: t("Dismiss") }),
+      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: " " })
     ] })
   ] });
 }, "FeedbackDialog");
@@ -31524,7 +32278,7 @@ function TextInputMouseController({
 __name(TextInputMouseController, "TextInputMouseController");
 
 // packages/cli/src/ui/components/BaseTextInput.tsx
-var import_jsx_runtime116 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime117 = __toESM(require_jsx_runtime(), 1);
 var INPUT_MAX_VISIBLE_LINES = 6;
 var LABEL_RESERVED_COLUMNS = 7;
 function defaultRenderLine({
@@ -31534,11 +32288,11 @@ function defaultRenderLine({
   showCursor
 }) {
   if (!isOnCursorLine || !showCursor || terminalShowsInputCursor()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { children: lineText || " " });
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { children: lineText || " " });
   }
   const len = cpLen(lineText);
   if (cursorCol >= len) {
-    return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Text, { children: [
       lineText,
       renderSoftwareCursor(" ")
     ] });
@@ -31546,7 +32300,7 @@ function defaultRenderLine({
   const before = cpSlice(lineText, 0, cursorCol);
   const cursorChar = cpSlice(lineText, cursorCol, cursorCol + 1);
   const after = cpSlice(lineText, cursorCol + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Text, { children: [
     before,
     renderSoftwareCursor(cursorChar),
     after
@@ -31719,13 +32473,13 @@ var BaseTextInput = /* @__PURE__ */ __name(({
   });
   setCursorPosition(cursorPosition);
   const resolvedBorderColor = borderColor ?? theme.border.focused;
-  const resolvedPrefix = prefix ?? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: theme.text.accent, children: "> " });
+  const resolvedPrefix = prefix ?? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: theme.text.accent, children: "> " });
   const columns = process.stdout.columns || 80;
   const labelBudget = columns - LABEL_RESERVED_COLUMNS;
   const renderedLabel = topRightLabel ? truncateToWidth(topRightLabel, labelBudget) : "";
   const frame = TOP_FRAME[glyphs().borderStyle];
-  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Box_default, { ref: boxRef, flexDirection: "column", children: [
-    mouseEnabled && isActive && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Box_default, { ref: boxRef, flexDirection: "column", children: [
+    mouseEnabled && isActive && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
       TextInputMouseController,
       {
         linesRef,
@@ -31738,9 +32492,9 @@ var BaseTextInput = /* @__PURE__ */ __name(({
     // The rule starts from zero width and takes only what the label leaves:
     // sized from its content (the whole terminal width) it pushed the
     // label and the corner past the input's right edge.
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: resolvedBorderColor, children: frame.topLeft }),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: resolvedBorderColor, children: frame.topLeft }),
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         Box_default,
         {
           flexGrow: 1,
@@ -31748,12 +32502,12 @@ var BaseTextInput = /* @__PURE__ */ __name(({
           flexBasis: 0,
           height: 1,
           overflow: "hidden",
-          children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: resolvedBorderColor, children: frame.top.repeat(columns) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: resolvedBorderColor, children: frame.top.repeat(columns) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: resolvedBorderColor, children: ` ${renderedLabel} ${frame.top.repeat(2)}${frame.topRight}` }) })
+      /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: resolvedBorderColor, children: ` ${renderedLabel} ${frame.top.repeat(2)}${frame.topRight}` }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
       Box_default,
       {
         borderStyle: glyphs().borderStyle,
@@ -31762,7 +32516,7 @@ var BaseTextInput = /* @__PURE__ */ __name(({
         paddingX: 1,
         children: [
           resolvedPrefix,
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
             Box_default,
             {
               flexGrow: 1,
@@ -31771,16 +32525,16 @@ var BaseTextInput = /* @__PURE__ */ __name(({
               minWidth: 0,
               flexDirection: "column",
               children: [
-                scrollVisualRow > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: extendedTheme.text.muted, children: `${glyphs().up} ${t("{{count}} lines above", {
+                scrollVisualRow > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: extendedTheme.text.muted, children: `${glyphs().up} ${t("{{count}} lines above", {
                   count: String(scrollVisualRow)
                 })}` }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Box_default, { flexGrow: 1, minWidth: 0, flexDirection: "column", ref: linesRef, children: buffer.text.length === 0 && placeholder ? showCursor && !terminalShowsInputCursor() ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { flexGrow: 1, minWidth: 0, flexDirection: "column", ref: linesRef, children: buffer.text.length === 0 && placeholder ? showCursor && !terminalShowsInputCursor() ? /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Text, { children: [
                   renderSoftwareCursor(placeholder.slice(0, 1)),
-                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: extendedTheme.text.placeholder, children: placeholder.slice(1) })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: extendedTheme.text.placeholder, children: placeholder }) : linesToRender.map((lineText, idx) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: extendedTheme.text.placeholder, children: placeholder.slice(1) })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: extendedTheme.text.placeholder, children: placeholder }) : linesToRender.map((lineText, idx) => {
                   const absoluteVisualIndex = scrollVisualRow + idx;
                   const isOnCursorLine = absoluteVisualIndex === cursorVisualRow;
-                  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Box_default, { height: 1, children: renderLine({
+                  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { height: 1, children: renderLine({
                     lineText,
                     isOnCursorLine,
                     cursorCol: cursorVisualCol,
@@ -31791,7 +32545,7 @@ var BaseTextInput = /* @__PURE__ */ __name(({
                     scrollVisualRow
                   }) }, idx);
                 }) }),
-                (buffer.allVisualLines?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Box_default, { justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text, { color: extendedTheme.text.muted, children: t("{{count}} lines \xB7 enter sends \xB7 shift+enter new line", {
+                (buffer.allVisualLines?.length ?? 0) > 1 && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: extendedTheme.text.muted, children: t("{{count}} lines \xB7 enter sends \xB7 shift+enter new line", {
                   count: String(buffer.allVisualLines.length)
                 }) }) })
               ]
@@ -31806,7 +32560,7 @@ var BaseTextInput = /* @__PURE__ */ __name(({
 // packages/cli/src/ui/components/SlashCommandMenu.tsx
 init_esbuild_shims();
 var import_react109 = __toESM(require_react(), 1);
-var import_jsx_runtime117 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime118 = __toESM(require_jsx_runtime(), 1);
 var GROUPS = [
   {
     id: "sessions",
@@ -32202,7 +32956,7 @@ function SlashCommandMenu({
   );
   if (group || query) {
     const title = parent ? `/${parent.path}` : group?.label ?? t("Search");
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
       SelectionDialog,
       {
         title: `${t("Commands")} \u203A ${title}`,
@@ -32238,7 +32992,7 @@ function SlashCommandMenu({
     ) });
   }
   const listRows = Math.max(1, height - 3);
-  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
     Box_default,
     {
       marginX: 2,
@@ -32250,7 +33004,7 @@ function SlashCommandMenu({
       flexDirection: "column",
       overflow: "hidden",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { height: listRows, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { height: listRows, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
           BaseSelectionList,
           {
             items: groups.map((group2) => ({
@@ -32269,17 +33023,17 @@ function SlashCommandMenu({
               setGroupId(id);
               setHighlighted(void 0);
             },
-            renderItem: (item, { titleColor, isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Box_default, { width: "100%", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { width: "45%", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { bold: isSelected, color: titleColor, wrap: "truncate-end", children: item.label }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { flexGrow: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: item.description }) })
+            renderItem: (item, { titleColor, isSelected }) => /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Box_default, { width: "100%", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { width: "45%", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { bold: isSelected, color: titleColor, wrap: "truncate-end", children: item.label }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { flexGrow: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: item.description }) })
             ] })
           }
         ) }),
-        height >= 4 && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Box_default, { height: 1, flexShrink: 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { flexGrow: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: t(
+        height >= 4 && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Box_default, { height: 1, flexShrink: 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { flexGrow: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: extendedTheme.text.muted, wrap: "truncate-end", children: t(
             "Type to search commands \xB7 \u2191\u2193 navigate \xB7 enter open \xB7 esc close"
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Box_default, { marginLeft: 1, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(Text, { color: extendedTheme.text.muted, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { marginLeft: 1, flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Text, { color: extendedTheme.text.muted, children: [
             Math.max(
               0,
               groups.findIndex((group2) => group2.id === highlightedGroup)
@@ -33379,7 +34133,7 @@ __name(refineVoiceTranscript, "refineVoiceTranscript");
 
 // packages/cli/src/ui/components/VoiceIndicator.tsx
 init_esbuild_shims();
-var import_jsx_runtime118 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime119 = __toESM(require_jsx_runtime(), 1);
 var METER_WIDTH = 16;
 var LEVEL_GAIN = 12;
 function meter(level) {
@@ -33397,13 +34151,13 @@ function VoiceIndicator({
   if (status === "idle") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Box_default, { children: status === "recording" ? /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(import_jsx_runtime118.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: "redBright", children: "\u25CF " }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: "cyan", children: meter(audioLevel) }),
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: "gray", children: "  " + t("listening\u2026") })
-    ] }) : status === "refining" ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: "yellow", children: "\u25C6 " + t("refining\u2026") }) : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { color: "yellow", children: "\u25C6 " + t("transcribing\u2026") }) }),
-    interimText ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: escapeAnsiCtrlCodes(interimText) }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(Box_default, { flexDirection: "column", paddingLeft: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Box_default, { children: status === "recording" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: "redBright", children: "\u25CF " }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: "cyan", children: meter(audioLevel) }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: "gray", children: "  " + t("listening\u2026") })
+    ] }) : status === "refining" ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: "yellow", children: "\u25C6 " + t("refining\u2026") }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: "yellow", children: "\u25C6 " + t("transcribing\u2026") }) }),
+    interimText ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { dimColor: true, wrap: "truncate-end", children: escapeAnsiCtrlCodes(interimText) }) : null
   ] });
 }
 __name(VoiceIndicator, "VoiceIndicator");
@@ -33411,7 +34165,7 @@ __name(VoiceIndicator, "VoiceIndicator");
 // packages/cli/src/ui/components/AttachmentPreparation.tsx
 init_esbuild_shims();
 var import_react111 = __toESM(require_react(), 1);
-var import_jsx_runtime119 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime120 = __toESM(require_jsx_runtime(), 1);
 var frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 function AttachmentPreparation({
   state,
@@ -33429,13 +34183,13 @@ function AttachmentPreparation({
   }, [busy, startedAt]);
   if (!busy && state !== "error" && !notice) return null;
   const elapsed = Math.max(0, now - startedAt) / 1e3;
-  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(Box_default, { marginLeft: 2, marginRight: 2, flexDirection: "column", children: [
-    busy && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(Text, { color: extendedTheme.ui.brandSoft, wrap: "truncate-end", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Box_default, { marginLeft: 2, marginRight: 2, flexDirection: "column", children: [
+    busy && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Text, { color: extendedTheme.ui.brandSoft, wrap: "truncate-end", children: [
       frames[Math.floor(now / 100) % frames.length],
       " ",
       pasteBytes !== void 0 ? t("Pasting text\u2026 {{size}} KB", {
         size: String(Math.ceil(pasteBytes / 1024))
-      }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
+      }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
         t(
           state === "reading" ? "Reading image\u2026" : "Preparing attachment\u2026"
         ),
@@ -33446,15 +34200,15 @@ function AttachmentPreparation({
         t("Esc to cancel")
       ] })
     ] }),
-    state === "error" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(Text, { color: theme.status.error, children: [
+    state === "error" && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Text, { color: theme.status.error, children: [
       "\u26A0",
       " ",
       t(
         "Could not prepare the attachment. Paste it again to retry; Esc to dismiss."
       )
     ] }),
-    notice === "wait" && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: theme.status.warning, children: t("Wait for the attachment to finish preparing before sending.") }),
-    notice === "cancelled" && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text, { color: theme.text.secondary, children: t("Attachment preparation cancelled. Your prompt was preserved.") })
+    notice === "wait" && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.status.warning, children: t("Wait for the attachment to finish preparing before sending.") }),
+    notice === "cancelled" && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.secondary, children: t("Attachment preparation cancelled. Your prompt was preserved.") })
   ] });
 }
 __name(AttachmentPreparation, "AttachmentPreparation");
@@ -33595,7 +34349,7 @@ function clearPromptStash(targetDir) {
 __name(clearPromptStash, "clearPromptStash");
 
 // packages/cli/src/ui/components/InputPrompt.tsx
-var import_jsx_runtime120 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime121 = __toESM(require_jsx_runtime(), 1);
 var PASTED_IMAGE_EXTENSIONS = /\.(png|jpe?g|gif|webp|bmp)$/i;
 function classifyPastedImagePaths(pasted) {
   const tokens = pasted.split(/ (?=@?\/|@?[A-Za-z]:\\)/).flatMap((part) => part.split("\n")).map((token) => token.trim()).filter(Boolean);
@@ -34961,7 +35715,7 @@ ${currentText}`);
         }
         const color2 = seg.type === "command" || seg.type === "file" ? theme.text.accent : theme.text.primary;
         renderedLine.push(
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: color2, children: display }, `token-${segIdx}`)
+          /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: color2, children: display }, `token-${segIdx}`)
         );
       });
       if (isOnCursorLine && cursorVisualColAbsolute === cpLen(lineText)) {
@@ -34969,34 +35723,34 @@ ${currentText}`);
         if (ghostText && showCursorOpt && ghostText.text.length > 0) {
           if (!drawCursor) {
             renderedLine.push(
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.secondary, children: ghostText.showCursorBeforeText ? ` ${ghostText.text}` : ghostText.text }, "ghost-rest")
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.secondary, children: ghostText.showCursorBeforeText ? ` ${ghostText.text}` : ghostText.text }, "ghost-rest")
             );
           } else if (ghostText.showCursorBeforeText) {
             renderedLine.push(
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { children: renderSoftwareCursor(" ") }, "ghost-cursor")
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { children: renderSoftwareCursor(" ") }, "ghost-cursor")
             );
             renderedLine.push(
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.secondary, children: ghostText.text }, "ghost-rest")
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.secondary, children: ghostText.text }, "ghost-rest")
             );
           } else {
             const firstChar = ghostText.text[0];
             const rest = ghostText.text.slice(firstChar.length);
             renderedLine.push(
-              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { children: renderSoftwareCursor(firstChar) }, "ghost-cursor")
+              /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { children: renderSoftwareCursor(firstChar) }, "ghost-cursor")
             );
             if (rest.length > 0) {
               renderedLine.push(
-                /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.secondary, children: rest }, "ghost-rest")
+                /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.secondary, children: rest }, "ghost-rest")
               );
             }
           }
         } else if (!terminalShowsInputCursor()) {
           renderedLine.push(
-            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { children: showCursorOpt ? renderSoftwareCursor(" ") : " " }, `cursor-end-${cursorVisualColAbsolute}`)
+            /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { children: showCursorOpt ? renderSoftwareCursor(" ") : " " }, `cursor-end-${cursorVisualColAbsolute}`)
           );
         }
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { children: renderedLine });
+      return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { children: renderedLine });
     },
     [slashCommands]
   );
@@ -35134,27 +35888,27 @@ ${currentText}`);
   }
   const borderColor = isShellFocused && !isEmbeddedShellFocused && !agentTabBarFocused ? shellModeActive ? statusColor ?? extendedTheme.ui.brand : extendedTheme.ui.brand : theme.border.default;
   const voiceStatusLabel = voiceInput.status === "recording" ? t("Voice: recording") : voiceInput.status === "transcribing" ? t("Voice: transcribing") : voiceInput.status === "refining" ? t("Voice: refining") : void 0;
-  const prefixNode = /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+  const prefixNode = /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
     Text,
     {
       color: shellModeActive ? statusColor : extendedTheme.ui.brand,
       "aria-label": statusText || void 0,
       children: [
-        shellModeActive ? reverseSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Text, { color: theme.text.link, "aria-label": SCREEN_READER_USER_PREFIX, children: [
+        shellModeActive ? reverseSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Text, { color: theme.text.link, "aria-label": SCREEN_READER_USER_PREFIX, children: [
           "(r:)",
           " "
-        ] }) : "!" : commandSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.accent, children: "(r:) " }) : glyphs().prompt,
+        ] }) : "!" : commandSearchActive ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.accent, children: "(r:) " }) : glyphs().prompt,
         " "
       ]
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_jsx_runtime120.Fragment, { children: [
-    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Box_default, { marginLeft: 2, flexDirection: "column", children: attachments.map((att, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
+    attachments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Box_default, { marginLeft: 2, flexDirection: "column", children: attachments.map((att, idx) => {
       const selected = isAttachmentMode && idx === selectedAttachmentIndex;
       const label = t("Attachments: ");
-      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(Box_default, { minWidth: 0, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: extendedTheme.activity.read, children: idx === 0 ? label : " ".repeat(stringWidth(label)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Box_default, { minWidth: 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: extendedTheme.activity.read, children: idx === 0 ? label : " ".repeat(stringWidth(label)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
           Text,
           {
             wrap: "truncate-end",
@@ -35172,7 +35926,7 @@ ${currentText}`);
         )
       ] }, att.id);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       AttachmentPreparation,
       {
         state: attachmentPreparation.state,
@@ -35181,7 +35935,7 @@ ${currentText}`);
         pasteBytes: pasteProgress?.active ? pasteProgress.receivedBytes : void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       VoiceIndicator,
       {
         status: voiceInput.status,
@@ -35189,7 +35943,7 @@ ${currentText}`);
         audioLevel: voiceInput.audioLevel
       }
     ),
-    !slashMenuPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    !slashMenuPanelOpen && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       BaseTextInput,
       {
         buffer,
@@ -35209,7 +35963,7 @@ ${currentText}`);
         mouseEnabled: mouseInteractionsEnabled
       }
     ),
-    showSlashMenu && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    showSlashMenu && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       SlashCommandMenu,
       {
         query: buffer.text.slice(1),
@@ -35238,7 +35992,7 @@ ${currentText}`);
         }
       }
     ),
-    shouldShowSuggestions && !showSlashMenu && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Box_default, { marginLeft: 2, marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    shouldShowSuggestions && !showSlashMenu && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Box_default, { marginLeft: 2, marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       SuggestionsDisplay,
       {
         suggestions: suggestionDisplayProps.suggestions,
@@ -35257,7 +36011,7 @@ ${currentText}`);
         onSelectCategory: suggestionsFromExport || commandSearchActive || reverseSearchActive ? void 0 : handleCategorySelect
       }
     ) }),
-    attachments.length > 0 && !shouldShowSuggestions && /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Box_default, { marginLeft: 2, marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text, { color: theme.text.secondary, children: isAttachmentMode ? t("\u2190 \u2192 select, Delete to remove, \u2193 to exit") : t("\u2191 to manage attachments") }) })
+    attachments.length > 0 && !shouldShowSuggestions && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Box_default, { marginLeft: 2, marginRight: 2, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.secondary, children: isAttachmentMode ? t("\u2190 \u2192 select, Delete to remove, \u2193 to exit") : t("\u2191 to manage attachments") }) })
   ] });
 }, "InputPrompt");
 
@@ -35267,10 +36021,10 @@ var import_react117 = __toESM(require_react(), 1);
 
 // packages/cli/src/ui/components/ShellModeIndicator.tsx
 init_esbuild_shims();
-var import_jsx_runtime121 = __toESM(require_jsx_runtime(), 1);
-var ShellModeIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(Text, { color: theme.ui.symbol, children: [
+var import_jsx_runtime122 = __toESM(require_jsx_runtime(), 1);
+var ShellModeIndicator = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text, { color: theme.ui.symbol, children: [
   "shell mode enabled",
-  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Text, { color: theme.text.secondary, children: " (esc to disable)" })
+  /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.text.secondary, children: " (esc to disable)" })
 ] }), "ShellModeIndicator");
 
 // packages/cli/src/ui/hooks/use-layout-tier.ts
@@ -35851,7 +36605,7 @@ function useConfigInitMessage(isConfigInitialized) {
 __name(useConfigInitMessage, "useConfigInitMessage");
 
 // packages/cli/src/ui/components/Footer.tsx
-var import_jsx_runtime122 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime123 = __toESM(require_jsx_runtime(), 1);
 function readReasoning(config) {
   const generationConfig = config.getContentGeneratorConfig();
   if (!generationConfig) return void 0;
@@ -35917,23 +36671,23 @@ var Footer = /* @__PURE__ */ __name(({ containerRef }) => {
   const worktreeBranch = settings.merged.ui?.hideBuiltinWorktreeIndicator ? void 0 : uiState.activeWorktree?.branch;
   const branch = worktreeBranch ?? uiState.branchName;
   const model = generationConfig ? config.getModelDisplayName().replace(/^\[[^\]]+\]\s*/, "") : "\u2014";
-  const transientNotice = uiState.ctrlCPressedOnce ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.status.warning, children: t("Press Ctrl+C again to exit.") }) : uiState.ctrlDPressedOnce ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.status.warning, children: t("Press Ctrl+D again to exit.") }) : uiState.showEscapePrompt ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.text.secondary, children: t("Press Esc again to clear.") }) : uiState.rewindEscPending ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.text.secondary, children: t("Press Esc again to rewind conversation.") }) : null;
-  const lastingState = vimEnabled && vimMode === "INSERT" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.text.secondary, children: "-- INSERT --" }) : vimEnabled && vimMode === "NORMAL" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.text.secondary, children: "-- NORMAL --" }) : uiState.shellModeActive ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(ShellModeIndicator, {}) : configInitMessage ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text, { color: theme.text.secondary, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Spinner, {}),
+  const transientNotice = uiState.ctrlCPressedOnce ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.status.warning, children: t("Press Ctrl+C again to exit.") }) : uiState.ctrlDPressedOnce ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.status.warning, children: t("Press Ctrl+D again to exit.") }) : uiState.showEscapePrompt ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, children: t("Press Esc again to clear.") }) : uiState.rewindEscPending ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, children: t("Press Esc again to rewind conversation.") }) : null;
+  const lastingState = vimEnabled && vimMode === "INSERT" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, children: "-- INSERT --" }) : vimEnabled && vimMode === "NORMAL" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, children: "-- NORMAL --" }) : uiState.shellModeActive ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(ShellModeIndicator, {}) : configInitMessage ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Text, { color: theme.text.secondary, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Spinner, {}),
     " ",
     configInitMessage
-  ] }) : uiState.startupIdeConnectionStatus.state === "connecting" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(Text, { color: theme.text.secondary, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Spinner, {}),
+  ] }) : uiState.startupIdeConnectionStatus.state === "connecting" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Text, { color: theme.text.secondary, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Spinner, {}),
     " ",
     t("IDE connecting... context may be unavailable")
-  ] }) : uiState.startupIdeConnectionStatus.state === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { color: theme.status.warning, children: t("IDE connection unavailable: {{message}}", {
+  ] }) : uiState.startupIdeConnectionStatus.state === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.status.warning, children: t("IDE connection unavailable: {{message}}", {
     message: uiState.startupIdeConnectionStatus.message
   }) }) : null;
   const showStatusLine = statusLineLines.length > 0 && !uiState.ctrlCPressedOnce && !uiState.ctrlDPressedOnce;
   if (transientNotice) {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Box_default, { ref: containerRef, width: "100%", paddingX: sideMargin(tier), children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { wrap: "truncate", children: transientNotice }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Box_default, { ref: containerRef, width: "100%", paddingX: sideMargin(tier), children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { wrap: "truncate", children: transientNotice }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
     Box_default,
     {
       ref: containerRef,
@@ -35941,7 +36695,7 @@ var Footer = /* @__PURE__ */ __name(({ containerRef }) => {
       paddingX: sideMargin(tier),
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Box_default, { flexShrink: showStatusLine ? 0 : 1, minWidth: 0, children: lastingState ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Text, { wrap: "truncate", children: lastingState }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Box_default, { flexShrink: showStatusLine ? 0 : 1, minWidth: 0, children: lastingState ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { wrap: "truncate", children: lastingState }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           ModeZone,
           {
             tier,
@@ -35953,10 +36707,10 @@ var Footer = /* @__PURE__ */ __name(({ containerRef }) => {
             summaryMode: displayMode === "summary"
           }
         ) }),
-        atLeast(tier, "medium") && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Box_default, { flexShrink: 1, minWidth: 0, marginX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(GitZone, { branch, diff }) }),
+        atLeast(tier, "medium") && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Box_default, { flexShrink: 1, minWidth: 0, marginX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(GitZone, { branch, diff }) }),
         showStatusLine ? (
           // A custom status line replaces the usage zone and takes the room left.
-          /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
             Box_default,
             {
               ref: statusLineRef,
@@ -35967,7 +36721,7 @@ var Footer = /* @__PURE__ */ __name(({ containerRef }) => {
               alignItems: "flex-end",
               maxHeight: MAX_STATUS_LINES,
               overflow: "hidden",
-              children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
                 Text,
                 {
                   color: respectUserColors ? void 0 : useThemeColors ? theme.text.accent : void 0,
@@ -35978,7 +36732,7 @@ var Footer = /* @__PURE__ */ __name(({ containerRef }) => {
               )
             }
           )
-        ) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
           UsageZone,
           {
             tier,
@@ -36030,7 +36784,7 @@ __name(getActiveSkill, "getActiveSkill");
 // packages/cli/src/ui/components/background-view/BackgroundTasksPill.tsx
 init_esbuild_shims();
 var import_react118 = __toESM(require_react(), 1);
-var import_jsx_runtime123 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime124 = __toESM(require_jsx_runtime(), 1);
 var KIND_NAMES = {
   agent: { singular: "local agent", plural: "local agents" },
   shell: { singular: "shell", plural: "shells" },
@@ -36111,21 +36865,21 @@ var BackgroundTasksPill = /* @__PURE__ */ __name(() => {
   );
   const needsApproval = hasPendingApproval(entries);
   const largeWorkflow = hasLargeWorkflow(entries);
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, wrap: "truncate", children: " \xB7 " }),
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { inverse: pillFocused && monitoring === 0, wrap: "truncate", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { color: theme.text.secondary, wrap: "truncate", children: " \xB7 " }),
+      /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { inverse: pillFocused && monitoring === 0, wrap: "truncate", children: label })
     ] }),
-    pillFocused && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.text.secondary, wrap: "truncate", children: `  ${t("enter open \xB7 \u2191 history \xB7 esc back")}` }),
-    needsApproval && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.status.warning, wrap: "truncate", children: ` \u26A0 ${t("needs approval")}` }),
-    largeWorkflow && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Text, { color: theme.status.warning, wrap: "truncate", children: ` \u26A0 ${t("Large workflow")}` })
+    pillFocused && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { color: theme.text.secondary, wrap: "truncate", children: `  ${t("enter open \xB7 \u2191 history \xB7 esc back")}` }),
+    needsApproval && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { color: theme.status.warning, wrap: "truncate", children: ` \u26A0 ${t("needs approval")}` }),
+    largeWorkflow && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { color: theme.status.warning, wrap: "truncate", children: ` \u26A0 ${t("Large workflow")}` })
   ] });
 }, "BackgroundTasksPill");
 
 // packages/cli/src/ui/components/GoalPill.tsx
 init_esbuild_shims();
 var import_react119 = __toESM(require_react(), 1);
-var import_jsx_runtime124 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime125 = __toESM(require_jsx_runtime(), 1);
 var ELAPSED_REFRESH_MS = 1e3;
 function formatSpend(goal) {
   if (goal.tokensUsed <= 0) return "";
@@ -36229,19 +36983,19 @@ var GoalPill = /* @__PURE__ */ __name(({ snapshot }) => {
   const spend = formatSpend(goal);
   const detail = [elapsed, spend].filter(Boolean).join(" \xB7 ");
   const suffix = detail ? ` (${detail})` : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Text, { color: visible.color, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Text, { color: visible.color, children: [
     visible.icon,
     " /goal ",
     visible.label,
     suffix,
-    goal.status === "blocked" && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Text, { color: extendedTheme.text.muted, children: " \xB7 /goal clear" })
+    goal.status === "blocked" && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Text, { color: extendedTheme.text.muted, children: " \xB7 /goal clear" })
   ] });
 }, "GoalPill");
 
 // packages/cli/src/ui/components/CronPill.tsx
 init_esbuild_shims();
 var import_react120 = __toESM(require_react(), 1);
-var import_jsx_runtime125 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime126 = __toESM(require_jsx_runtime(), 1);
 var POLL_INTERVAL_MS = 1e3;
 function getScheduledTaskCount(config) {
   if (!config?.isCronEnabled?.()) return 0;
@@ -36266,7 +37020,7 @@ __name(useFooterCronTaskCount, "useFooterCronTaskCount");
 var CronPill = /* @__PURE__ */ __name(({ count }) => {
   if (count <= 0) return null;
   const noun = count === 1 ? "scheduled task" : "scheduled tasks";
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Text, { color: theme.text.accent, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text, { color: theme.text.accent, children: [
     ICON.BULLSEYE,
     " ",
     count,
@@ -36276,7 +37030,7 @@ var CronPill = /* @__PURE__ */ __name(({ count }) => {
 }, "CronPill");
 
 // packages/cli/src/ui/components/ActivityLine.tsx
-var import_jsx_runtime126 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime127 = __toESM(require_jsx_runtime(), 1);
 function remoteFooterSnapshot(status) {
   if (!status) return null;
   if (status.active) return status.snapshot;
@@ -36295,19 +37049,19 @@ function planProgress(todos) {
 __name(planProgress, "planProgress");
 var ActivityChips = /* @__PURE__ */ __name(({ tier, active, monitoring = 0, monitoringFocused = false }) => {
   const wide = atLeast(tier, "compact");
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text, { wrap: "truncate", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Text, { wrap: "truncate", children: [
     CATEGORIES.map(([category, label], i) => {
       const on = category === active;
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text, { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Text, { children: [
         i > 0 && (wide ? "  " : " "),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Text,
           {
             color: on ? extendedTheme.activity[category] : extendedTheme.ui.separator,
             children: glyphs().dot
           }
         ),
-        (on || wide) && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        (on || wide) && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Text,
           {
             color: on ? theme.text.primary : extendedTheme.text.muted,
@@ -36317,10 +37071,10 @@ var ActivityChips = /* @__PURE__ */ __name(({ tier, active, monitoring = 0, moni
         )
       ] }, category);
     }),
-    monitoring > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text, { children: [
+    monitoring > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Text, { children: [
       wide ? "  " : " ",
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: extendedTheme.ui.brandSoft, children: glyphs().dot }),
-      /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: extendedTheme.ui.brandSoft, children: glyphs().dot }),
+      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         Text,
         {
           color: extendedTheme.ui.brandSoft,
@@ -36332,7 +37086,7 @@ var ActivityChips = /* @__PURE__ */ __name(({ tier, active, monitoring = 0, moni
     ] })
   ] });
 }, "ActivityChips");
-var Sep2 = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: extendedTheme.ui.separator, children: " \xB7 " }), "Sep");
+var Sep2 = /* @__PURE__ */ __name(() => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: extendedTheme.ui.separator, children: " \xB7 " }), "Sep");
 var ActivityLine = /* @__PURE__ */ __name(() => {
   const uiState = useUIState();
   const remoteSnapshot = remoteFooterSnapshot(uiState.remoteStatus);
@@ -36353,14 +37107,14 @@ var ActivityLine = /* @__PURE__ */ __name(() => {
     uiState.turnStartHistoryIndex
   ) : null;
   const reviewCount = uiState.isSkillReviewDialogOpen ? 0 : uiState.skillReviewPending?.skills.length ?? 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     Box_default,
     {
       width: "100%",
       paddingX: sideMargin(tier),
       justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Box_default, { flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Box_default, { flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           ActivityChips,
           {
             tier,
@@ -36369,38 +37123,38 @@ var ActivityLine = /* @__PURE__ */ __name(() => {
             monitoringFocused: pillFocused && monitoring > 0
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Box_default, { flexShrink: 1, minWidth: 0, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text, { color: extendedTheme.text.muted, wrap: "truncate", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(BackgroundTasksPill, {}),
-          plan && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Box_default, { flexShrink: 1, minWidth: 0, marginLeft: 1, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Text, { color: extendedTheme.text.muted, wrap: "truncate", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(BackgroundTasksPill, {}),
+          plan && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
             `${t("plan")} `,
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: theme.text.primary, bold: true, children: `${plan.done}/${plan.total}` })
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: theme.text.primary, bold: true, children: `${plan.done}/${plan.total}` })
           ] }),
-          skill && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: extendedTheme.ui.brandSoft, bold: true, children: `${glyphs().dot} ${skill}` })
+          skill && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: extendedTheme.ui.brandSoft, bold: true, children: `${glyphs().dot} ${skill}` })
           ] }),
-          isLiveGoalSnapshot(goal) && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(GoalPill, { snapshot: goal })
+          isLiveGoalSnapshot(goal) && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(GoalPill, { snapshot: goal })
           ] }),
-          cronCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CronPill, { count: cronCount })
+          cronCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CronPill, { count: cronCount })
           ] }),
-          reviewCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: theme.status.warning, children: t("{{count}} skill(s) pending review", {
+          reviewCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: theme.status.warning, children: t("{{count}} skill(s) pending review", {
               count: String(reviewCount)
             }) })
           ] }),
-          uiState.workflowKeywordActive && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text, { color: theme.text.accent, children: t("workflow active") })
+          uiState.workflowKeywordActive && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: theme.text.accent, children: t("workflow active") })
           ] }),
-          remoteSnapshot && /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Sep2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          remoteSnapshot && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Sep2, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               Text,
               {
                 color: remoteSnapshot.state === "online" ? extendedTheme.ui.brandSoft : theme.status.warning,
@@ -36416,7 +37170,7 @@ var ActivityLine = /* @__PURE__ */ __name(() => {
 
 // packages/cli/src/ui/components/KeyboardShortcuts.tsx
 init_esbuild_shims();
-var import_jsx_runtime127 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime128 = __toESM(require_jsx_runtime(), 1);
 var getNewlineKey = /* @__PURE__ */ __name(() => process.platform === "win32" ? "ctrl+enter" : "ctrl+j", "getNewlineKey");
 var getPasteKey = /* @__PURE__ */ __name(() => {
   if (process.platform === "win32") return "alt+v";
@@ -36442,8 +37196,8 @@ var getShortcuts = /* @__PURE__ */ __name(() => [
   { key: getPasteKey(), description: t("to paste images") },
   { key: getExternalEditorKey(), description: t("for external editor") }
 ], "getShortcuts");
-var ShortcutItem = /* @__PURE__ */ __name(({ shortcut }) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Text, { color: theme.text.secondary, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Text, { color: theme.text.accent, children: shortcut.key }),
+var ShortcutItem = /* @__PURE__ */ __name(({ shortcut }) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Text, { color: theme.text.secondary, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Text, { color: theme.text.accent, children: shortcut.key }),
   " ",
   shortcut.description
 ] }), "ShortcutItem");
@@ -36484,18 +37238,18 @@ var KeyboardShortcuts = /* @__PURE__ */ __name(() => {
     columns.push(shortcuts.slice(startIndex, startIndex + count));
     startIndex += count;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     Box_default,
     {
       flexDirection: "row",
       marginLeft: MARGIN_LEFT,
       marginRight: MARGIN_RIGHT,
-      children: columns.map((column, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      children: columns.map((column, colIndex) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         Box_default,
         {
           flexDirection: "column",
           marginRight: colIndex < numColumns - 1 ? COLUMN_GAP : 0,
-          children: column.map((shortcut) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ShortcutItem, { shortcut }, shortcut.key))
+          children: column.map((shortcut) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ShortcutItem, { shortcut }, shortcut.key))
         },
         colIndex
       ))
@@ -36504,7 +37258,7 @@ var KeyboardShortcuts = /* @__PURE__ */ __name(() => {
 }, "KeyboardShortcuts");
 
 // packages/cli/src/ui/components/Composer.tsx
-var import_jsx_runtime128 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime129 = __toESM(require_jsx_runtime(), 1);
 var Composer = /* @__PURE__ */ __name(({ footerRef, inputLinesRef }) => {
   const config = useConfig();
   const isScreenReaderEnabled = use_is_screen_reader_enabled_default();
@@ -36533,8 +37287,8 @@ var Composer = /* @__PURE__ */ __name(({ footerRef, inputLinesRef }) => {
     },
     [uiActions]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-    !uiState.useTerminalBuffer && !uiState.embeddedShellFocused && !suppressBottomLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+    !uiState.useTerminalBuffer && !uiState.embeddedShellFocused && !suppressBottomLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       LiveLoadingIndicator,
       {
         currentLoadingPhrase: config.getAccessibility()?.enableLoadingPhrases === false ? void 0 : uiState.currentLoadingPhrase,
@@ -36548,22 +37302,22 @@ var Composer = /* @__PURE__ */ __name(({ footerRef, inputLinesRef }) => {
         isReceivingContent
       }
     ),
-    !uiState.useTerminalBuffer && !uiState.embeddedShellFocused && suppressBottomLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Text, { color: theme.text.secondary, children: [
+    !uiState.useTerminalBuffer && !uiState.embeddedShellFocused && suppressBottomLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Box_default, { paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Text, { color: theme.text.secondary, children: [
       "(",
       t("Esc to cancel"),
       ")"
     ] }) }),
-    !uiState.useTerminalBuffer && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    !uiState.useTerminalBuffer && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Box_default,
       {
         marginTop: uiState.messageQueue.length > 0 ? 1 : 0,
         paddingLeft: 2,
-        children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(QueuedMessageDisplay, { messageQueue: uiState.messageQueue })
+        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(QueuedMessageDisplay, { messageQueue: uiState.messageQueue })
       }
     ),
-    uiState.isFeedbackDialogOpen && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FeedbackDialog, {}),
-    uiState.isInputActive && !showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(ActivityLine, {}),
-    uiState.isInputActive && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    uiState.isFeedbackDialogOpen && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(FeedbackDialog, {}),
+    uiState.isInputActive && !showSuggestions && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ActivityLine, {}),
+    uiState.isInputActive && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       InputPrompt,
       {
         buffer: uiState.buffer,
@@ -36595,18 +37349,18 @@ var Composer = /* @__PURE__ */ __name(({ footerRef, inputLinesRef }) => {
         voiceMicWarnedStatusRef: uiState.voiceMicWarnedStatusRef
       }
     ),
-    (uiState.isInputActive || !uiState.isConfigInitialized) && !showSuggestions && (showShortcuts ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(KeyboardShortcuts, {}) : !isScreenReaderEnabled && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Footer, { containerRef: footerRef }))
+    (uiState.isInputActive || !uiState.isConfigInitialized) && !showSuggestions && (showShortcuts ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(KeyboardShortcuts, {}) : !isScreenReaderEnabled && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Footer, { containerRef: footerRef }))
   ] });
 }, "Composer");
 
 // packages/cli/src/ui/components/ExitWarning.tsx
 init_esbuild_shims();
-var import_jsx_runtime129 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime130 = __toESM(require_jsx_runtime(), 1);
 var ExitWarning = /* @__PURE__ */ __name(() => {
   const uiState = useUIState();
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    uiState.dialogsVisible && uiState.ctrlCPressedOnce && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Text, { color: theme.status.warning, children: "Press Ctrl+C again to exit." }) }),
-    uiState.dialogsVisible && uiState.ctrlDPressedOnce && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Text, { color: theme.status.warning, children: "Press Ctrl+D again to exit." }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+    uiState.dialogsVisible && uiState.ctrlCPressedOnce && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: theme.status.warning, children: "Press Ctrl+C again to exit." }) }),
+    uiState.dialogsVisible && uiState.ctrlDPressedOnce && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: theme.status.warning, children: "Press Ctrl+D again to exit." }) })
   ] });
 }, "ExitWarning");
 
@@ -36784,7 +37538,7 @@ function getStickyTodoMaxVisibleItemsForMode(terminalHeight, useTerminalBuffer)
 __name(getStickyTodoMaxVisibleItemsForMode, "getStickyTodoMaxVisibleItemsForMode");
 
 // packages/cli/src/ui/components/StickyTodoList.tsx
-var import_jsx_runtime130 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime131 = __toESM(require_jsx_runtime(), 1);
 var STATUS_ICONS = {
   pending: ICON.CIRCLE_EMPTY,
   in_progress: ICON.CIRCLE_LEFT_HALF,
@@ -36827,7 +37581,7 @@ var StickyTodoListComponent = /* @__PURE__ */ __name(({
     )
   ) + 1;
   const contentColumnWidth = Math.max(1, width - numberColumnWidth - 6);
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     Box_default,
     {
       marginX: 2,
@@ -36837,14 +37591,14 @@ var StickyTodoListComponent = /* @__PURE__ */ __name(({
       borderColor: theme.border.default,
       paddingX: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: theme.text.secondary, bold: true, children: t("Current tasks") }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Text, { color: theme.text.secondary, bold: true, children: t("Current tasks") }),
         visibleTodos.map((todo, index) => {
           const todoNumber = todoNumberById.get(todo.id) ?? `${index + 1}.`;
           const itemColor = todo.status === "in_progress" ? Colors.AccentGreen : Colors.Foreground;
-          return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Box_default, { flexDirection: "row", height: 1, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: numberColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: theme.text.secondary, children: todoNumber }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: 2, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: itemColor, children: STATUS_ICONS[todo.status] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: contentColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Box_default, { flexDirection: "row", height: 1, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: numberColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Text, { color: theme.text.secondary, children: todoNumber }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: 2, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Text, { color: itemColor, children: STATUS_ICONS[todo.status] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: contentColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               Text,
               {
                 color: itemColor,
@@ -36855,10 +37609,10 @@ var StickyTodoListComponent = /* @__PURE__ */ __name(({
             ) })
           ] }, todo.id);
         }),
-        hiddenTodoCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Box_default, { flexDirection: "row", height: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: numberColumnWidth }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: 2 }),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Box_default, { width: contentColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: t("... and {{count}} more", {
+        hiddenTodoCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Box_default, { flexDirection: "row", height: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: numberColumnWidth }),
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: 2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { width: contentColumnWidth, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Text, { color: theme.text.secondary, wrap: "truncate-end", children: t("... and {{count}} more", {
             count: String(hiddenTodoCount)
           }) }) })
         ] })
@@ -36872,9 +37626,11 @@ var StickyTodoList = (0, import_react122.memo)(
 );
 
 // packages/cli/src/ui/layouts/ScreenReaderAppLayout.tsx
-var import_jsx_runtime131 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime132 = __toESM(require_jsx_runtime(), 1);
 var ScreenReaderAppLayout = /* @__PURE__ */ __name(() => {
   const uiState = useUIState();
+  const { dialogOpen: backgroundDialogOpen } = useBackgroundTaskViewState();
+  const backgroundMargin = sideMargin(getLayoutTier(uiState.terminalWidth));
   const stickyTodoWidth = Math.min(uiState.mainAreaWidth, 64);
   const stickyTodoMaxVisibleItems = getStickyTodoMaxVisibleItemsForMode(
     uiState.terminalHeight,
@@ -36886,47 +37642,55 @@ var ScreenReaderAppLayout = /* @__PURE__ */ __name(() => {
   );
   const dialogHeight = uiState.constrainHeight ? dialogMaxHeight : void 0;
   const shouldShowStickyTodos = uiState.stickyTodos !== null && !uiState.dialogsVisible && !uiState.isFeedbackDialogOpen && uiState.streamingState === "responding" /* Responding */;
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Box_default, { flexDirection: "column", width: "90%", height: "100%", children: [
-    !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Notifications, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Footer, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(MainContent, {}) }),
-    uiState.dialogsVisible ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-      Box_default,
-      {
-        marginX: 2,
-        flexDirection: "column",
-        width: uiState.mainAreaWidth,
-        height: dialogHeight,
-        overflow: uiState.constrainHeight ? "hidden" : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-          DialogManager,
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+    Box_default,
+    {
+      flexDirection: "column",
+      width: backgroundDialogOpen ? uiState.terminalWidth : "90%",
+      height: "100%",
+      children: [
+        !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Notifications, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Footer, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Box_default, { flexGrow: 1, overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(MainContent, {}) }),
+        uiState.dialogsVisible ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          Box_default,
           {
-            terminalWidth: uiState.terminalWidth,
-            addItem: uiState.historyManager.addItem
+            marginX: backgroundDialogOpen ? backgroundMargin : 2,
+            flexDirection: "column",
+            width: backgroundDialogOpen ? Math.max(1, uiState.terminalWidth - backgroundMargin * 2) : uiState.mainAreaWidth,
+            height: dialogHeight,
+            overflow: uiState.constrainHeight ? "hidden" : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+              DialogManager,
+              {
+                terminalWidth: uiState.terminalWidth,
+                addItem: uiState.historyManager.addItem
+              }
+            )
           }
-        )
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-      shouldShowStickyTodos && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-        StickyTodoList,
-        {
-          todos: uiState.stickyTodos,
-          width: stickyTodoWidth,
-          maxVisibleItems: stickyTodoMaxVisibleItems
-        }
-      ),
-      uiState.btwItem && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Box_default, { marginX: 2, width: uiState.mainAreaWidth, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-        BtwMessage,
-        {
-          btw: uiState.btwItem.btw,
-          containerWidth: uiState.mainAreaWidth
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Composer, {})
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ExitWarning, {})
-  ] });
+        ) : /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
+          shouldShowStickyTodos && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            StickyTodoList,
+            {
+              todos: uiState.stickyTodos,
+              width: stickyTodoWidth,
+              maxVisibleItems: stickyTodoMaxVisibleItems
+            }
+          ),
+          uiState.btwItem && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Box_default, { marginX: 2, width: uiState.mainAreaWidth, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            BtwMessage,
+            {
+              btw: uiState.btwItem.btw,
+              containerWidth: uiState.mainAreaWidth
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Composer, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ExitWarning, {})
+      ]
+    }
+  );
 }, "ScreenReaderAppLayout");
 
 // packages/cli/src/ui/layouts/DefaultAppLayout.tsx
@@ -36941,7 +37705,7 @@ var ScrollContext = (0, import_react123.createContext)(null);
 // packages/cli/src/ui/components/agent-view/AgentTabBar.tsx
 init_esbuild_shims();
 var import_react124 = __toESM(require_react(), 1);
-var import_jsx_runtime132 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime133 = __toESM(require_jsx_runtime(), 1);
 function statusIndicator(agent) {
   const status = agent.interactiveAgent.getStatus();
   switch (status) {
@@ -37014,8 +37778,8 @@ var AgentTabBar = /* @__PURE__ */ __name(() => {
   }, [agents, forceRender]);
   const isFocused = agentTabBarFocused;
   const hint = isFocused ? "\u2190/\u2192 switch  \u2191 input" : "\u2193 tabs";
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Box_default, { flexDirection: "row", paddingX: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Box_default, { flexDirection: "row", paddingX: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Box_default, { marginRight: 1, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       Text,
       {
         bold: activeView === "main",
@@ -37025,12 +37789,12 @@ var AgentTabBar = /* @__PURE__ */ __name(() => {
         children: " Main "
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Text, { dimColor: !isFocused, color: theme.border.default, children: "\u2502" }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { dimColor: !isFocused, color: theme.border.default, children: "\u2502" }),
     [...agents.entries()].map(([agentId, agent]) => {
       const isActive = activeView === agentId;
       const { symbol, color: indicatorColor } = statusIndicator(agent);
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Box_default, { marginLeft: 1, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Box_default, { marginLeft: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           Text,
           {
             bold: isActive,
@@ -37040,10 +37804,10 @@ var AgentTabBar = /* @__PURE__ */ __name(() => {
             children: ` ${agent.modelId} `
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Text, { dimColor: !isFocused, color: indicatorColor, children: ` ${symbol}` })
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { dimColor: !isFocused, color: indicatorColor, children: ` ${symbol}` })
       ] }, agentId);
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Text, { color: theme.text.secondary, children: hint }) })
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.secondary, children: hint }) })
   ] });
 }, "AgentTabBar");
 
@@ -37165,7 +37929,7 @@ __name(agentMessagesToHistoryItems, "agentMessagesToHistoryItems");
 
 // packages/cli/src/ui/components/agent-view/AgentHeader.tsx
 init_esbuild_shims();
-var import_jsx_runtime133 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime134 = __toESM(require_jsx_runtime(), 1);
 var AgentHeader = /* @__PURE__ */ __name(({
   modelId,
   modelName,
@@ -37176,7 +37940,7 @@ var AgentHeader = /* @__PURE__ */ __name(({
   const maxPathLen = Math.max(20, terminalWidth - 12);
   const displayPath = shortenPath(tildeifyPath(workingDirectory), maxPathLen);
   const modelText = modelName && modelName !== modelId ? `${modelId} (${modelName})` : modelId;
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     Box_default,
     {
       flexDirection: "column",
@@ -37186,17 +37950,17 @@ var AgentHeader = /* @__PURE__ */ __name(({
       borderColor: theme.border.default,
       paddingX: 1,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.secondary, children: "Model:  " }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.primary, children: modelText })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.secondary, children: "Model:  " }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.primary, children: modelText })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.secondary, children: "Path:   " }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.primary, children: displayPath })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.secondary, children: "Path:   " }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.primary, children: displayPath })
         ] }),
-        gitBranch && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(Text, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.secondary, children: "Branch: " }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Text, { color: theme.text.primary, children: gitBranch })
+        gitBranch && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Text, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.secondary, children: "Branch: " }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.text.primary, children: gitBranch })
         ] })
       ]
     }
@@ -37204,7 +37968,7 @@ var AgentHeader = /* @__PURE__ */ __name(({
 }, "AgentHeader");
 
 // packages/cli/src/ui/components/agent-view/AgentChatContent.tsx
-var import_jsx_runtime134 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime135 = __toESM(require_jsx_runtime(), 1);
 var AgentChatContent = /* @__PURE__ */ __name(({
   core,
   interactiveAgent,
@@ -37320,12 +38084,12 @@ var AgentChatContent = /* @__PURE__ */ __name(({
     [instanceKey]
   );
   const agentModelId = core.modelConfig.model ?? "";
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Box_default, { flexDirection: "column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Box_default, { flexDirection: "column", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Static,
       {
         items: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             AgentHeader,
             {
               modelId: agentModelId,
@@ -37335,7 +38099,7 @@ var AgentChatContent = /* @__PURE__ */ __name(({
             },
             "agent-header"
           ),
-          ...committedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          ...committedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             HistoryItemDisplay,
             {
               item,
@@ -37352,7 +38116,7 @@ var AgentChatContent = /* @__PURE__ */ __name(({
       },
       `agent-${instanceKey}-${historyRemountKey}`
     ),
-    pendingItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    pendingItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       HistoryItemDisplay,
       {
         item,
@@ -37367,13 +38131,13 @@ var AgentChatContent = /* @__PURE__ */ __name(({
       },
       item.id
     )),
-    isRunning && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Box_default, { marginX: 2, marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RespondingSpinner, {}) })
+    isRunning && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Box_default, { marginX: 2, marginTop: 1, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(RespondingSpinner, {}) })
   ] });
 }, "AgentChatContent");
-var AgentChatMissing = /* @__PURE__ */ __name(({ label }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Text, { color: theme.status.error, children: label }) }), "AgentChatMissing");
+var AgentChatMissing = /* @__PURE__ */ __name(({ label }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.status.error, children: label }) }), "AgentChatMissing");
 
 // packages/cli/src/ui/components/agent-view/AgentChatView.tsx
-var import_jsx_runtime135 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime136 = __toESM(require_jsx_runtime(), 1);
 var debugLogger29 = createDebugLogger("AGENT_TAB_RENDER");
 var AgentChatView = /* @__PURE__ */ __name(({ agentId }) => {
   const { agents } = useAgentViewState();
@@ -37382,7 +38146,7 @@ var AgentChatView = /* @__PURE__ */ __name(({ agentId }) => {
   const interactiveAgent = agent?.interactiveAgent;
   const core = interactiveAgent?.getCore();
   if (!agent || !interactiveAgent || !core) {
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(AgentChatMissing, { label: `Agent "${agentId}" not found.` });
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(AgentChatMissing, { label: `Agent "${agentId}" not found.` });
   }
   return (
     // Non-fatal per-tab containment: the app-level boundary is
@@ -37392,15 +38156,15 @@ var AgentChatView = /* @__PURE__ */ __name(({ agentId }) => {
     // keeping the session and the other tabs alive. Keyed by agentId so
     // switching tabs starts from fresh boundary state: one crashed tab
     // must not strand every later tab in its fallback.
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       ErrorBoundary,
       {
-        fallback: (error) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.status.error, bold: true, children: "Something went wrong while rendering this agent tab." }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.text.secondary, children: sanitizeTerminalText(error.message) }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "The session is still running; other tabs are unaffected." }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "Switch to another tab and back to retry rendering this tab." }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "Set O1CODE_DEBUG_LOG_FILE=1 and reproduce for a full log." })
+        fallback: (error) => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Box_default, { flexDirection: "column", paddingX: 1, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.status.error, bold: true, children: "Something went wrong while rendering this agent tab." }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.text.secondary, children: sanitizeTerminalText(error.message) }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "The session is still running; other tabs are unaffected." }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "Switch to another tab and back to retry rendering this tab." }),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.text.secondary, dimColor: true, children: "Set O1CODE_DEBUG_LOG_FILE=1 and reproduce for a full log." })
         ] }),
         onError: (error, info) => {
           setAgentShellFocused(false);
@@ -37410,7 +38174,7 @@ ${info.componentStack ?? ""}
 ${error.stack ?? ""}`
           );
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
           AgentChatContent,
           {
             core,
@@ -37434,7 +38198,7 @@ init_esbuild_shims();
 
 // packages/cli/src/ui/components/AutoAcceptIndicator.tsx
 init_esbuild_shims();
-var import_jsx_runtime136 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime137 = __toESM(require_jsx_runtime(), 1);
 var AutoAcceptIndicator = /* @__PURE__ */ __name(({
   approvalMode
 }) => {
@@ -37466,15 +38230,15 @@ var AutoAcceptIndicator = /* @__PURE__ */ __name(({
     default:
       break;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Text, { color: textColor, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Text, { color: textColor, children: [
     textContent,
-    subText && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Text, { color: theme.text.secondary, children: subText })
+    subText && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Text, { color: theme.text.secondary, children: subText })
   ] });
 }, "AutoAcceptIndicator");
 
 // packages/cli/src/ui/components/ContextUsageDisplay.tsx
 init_esbuild_shims();
-var import_jsx_runtime137 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime138 = __toESM(require_jsx_runtime(), 1);
 var ContextUsageDisplay = /* @__PURE__ */ __name(({
   promptTokenCount,
   terminalWidth,
@@ -37488,19 +38252,19 @@ var ContextUsageDisplay = /* @__PURE__ */ __name(({
   const isOverLimit = percentage > 1;
   const label = contextUsageLabel(terminalWidth);
   if (isOverLimit) {
-    return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Text, { color: theme.status.error, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_jsx_runtime138.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(Text, { color: theme.status.error, children: [
       percentageUsed,
       label
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(Text, { color: theme.text.secondary, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(Text, { color: theme.text.secondary, children: [
     percentageUsed,
     label
   ] });
 }, "ContextUsageDisplay");
 
 // packages/cli/src/ui/components/agent-view/AgentFooter.tsx
-var import_jsx_runtime138 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime139 = __toESM(require_jsx_runtime(), 1);
 var AgentFooter = /* @__PURE__ */ __name(({
   approvalMode,
   promptTokenCount,
@@ -37512,7 +38276,7 @@ var AgentFooter = /* @__PURE__ */ __name(({
   if (!showApproval && !showContext) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
     Box_default,
     {
       justifyContent: "space-between",
@@ -37520,8 +38284,8 @@ var AgentFooter = /* @__PURE__ */ __name(({
       flexDirection: "row",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Box_default, { marginLeft: 2, children: showApproval ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(AutoAcceptIndicator, { approvalMode }) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Box_default, { marginRight: 2, children: showContext && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Text, { color: theme.text.accent, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Box_default, { marginLeft: 2, children: showApproval ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(AutoAcceptIndicator, { approvalMode }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Box_default, { marginRight: 2, children: showContext && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Text, { color: theme.text.accent, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
           ContextUsageDisplay,
           {
             promptTokenCount,
@@ -37535,7 +38299,7 @@ var AgentFooter = /* @__PURE__ */ __name(({
 }, "AgentFooter");
 
 // packages/cli/src/ui/components/agent-view/AgentComposer.tsx
-var import_jsx_runtime139 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime140 = __toESM(require_jsx_runtime(), 1);
 var EMPTY_MESSAGE_QUEUE2 = [];
 var AgentComposer = /* @__PURE__ */ __name(({ agentId }) => {
   const {
@@ -37654,21 +38418,21 @@ var AgentComposer = /* @__PURE__ */ __name(({ agentId }) => {
     }
   }, [status, interactiveAgent]);
   const inputBorderColor = !isInputActive || agentTabBarFocused ? theme.border.default : extendedTheme.ui.brand;
-  const prefixNode = /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(Text, { color: extendedTheme.ui.brand, children: [
+  const prefixNode = /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Text, { color: extendedTheme.ui.brand, children: [
     glyphs().prompt,
     " "
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(StreamingContext.Provider, { value: streamingState, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(StreamingContext.Provider, { value: streamingState, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       LoadingIndicator,
       {
         currentLoadingPhrase: streamingState === "responding" /* Responding */ ? t("Thinking\u2026") : void 0,
         elapsedTime
       }
     ),
-    statusLabel && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Text, { color: statusLabel.color, children: statusLabel.text }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Box_default, { marginTop: messageQueue.length > 0 ? 1 : 0, paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(QueuedMessageDisplay, { messageQueue, showHint: false }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    statusLabel && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { marginLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: statusLabel.color, children: statusLabel.text }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { marginTop: messageQueue.length > 0 ? 1 : 0, paddingLeft: 2, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(QueuedMessageDisplay, { messageQueue, showHint: false }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       BaseTextInput,
       {
         buffer,
@@ -37681,7 +38445,7 @@ var AgentComposer = /* @__PURE__ */ __name(({ agentId }) => {
         isActive: isInputActive && !agentShellFocused
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       AgentFooter,
       {
         approvalMode: agentApprovalMode,
@@ -37696,7 +38460,7 @@ var AgentComposer = /* @__PURE__ */ __name(({ agentId }) => {
 // packages/cli/src/ui/components/background-view/LiveAgentPanel.tsx
 init_esbuild_shims();
 var import_react127 = __toESM(require_react(), 1);
-var import_jsx_runtime140 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime141 = __toESM(require_jsx_runtime(), 1);
 var DEFAULT_MAX_ROWS = LIVE_AGENT_PANEL_MAX_ROWS;
 var DEFAULT_SUBAGENT_TYPE = DEFAULT_BUILTIN_SUBAGENT_TYPE;
 function isAgentEntry(entry) {
@@ -37814,7 +38578,7 @@ var LiveAgentPanel = /* @__PURE__ */ __name(({
     }
   }, [hasVisibleAgent, livePanelFocused, setLivePanelFocused]);
   if (dialogOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
     LiveAgentPanelBody,
     {
       snapshots: liveAgentSnapshots,
@@ -37838,19 +38602,19 @@ var LiveAgentPanelBody = /* @__PURE__ */ __name(({ snapshots, now, maxRows, widt
   const visible = overflow > 0 ? visibleAgentsAsc.slice(-maxRows) : visibleAgentsAsc;
   const totalItems = 1 + visible.length;
   const clampedIndex = Math.min(selectedIndex, totalItems - 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, width, paddingX: 2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Box_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: focused ? theme.text.accent : theme.text.secondary, children: focused && clampedIndex === 0 ? "\u25B8 " : "  " }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { bold: true, color: theme.text.accent, children: "main" })
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(Box_default, { flexDirection: "column", marginTop: 1, width, paddingX: 2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(Box_default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: focused ? theme.text.accent : theme.text.secondary, children: focused && clampedIndex === 0 ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { bold: true, color: theme.text.accent, children: "main" })
     ] }),
-    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    overflow > 0 && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       Text,
       {
         color: theme.text.secondary,
         children: `    ^ ${overflow} more above (\u2193 to view all)`
       }
     ) }),
-    visible.map((entry, idx) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    visible.map((entry, idx) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       AgentRow,
       {
         entry,
@@ -37860,7 +38624,7 @@ var LiveAgentPanelBody = /* @__PURE__ */ __name(({ snapshots, now, maxRows, widt
       },
       entry.agentId
     )),
-    focused && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: "  \u2191\u2193 navigate \xB7 Enter detail \xB7 Esc back" }) })
+    focused && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: "  \u2191\u2193 navigate \xB7 Enter detail \xB7 Esc back" }) })
   ] });
 }, "LiveAgentPanelBody");
 var AgentRow = /* @__PURE__ */ __name(({ entry, now, selected = false, tree }) => {
@@ -37875,33 +38639,33 @@ var AgentRow = /* @__PURE__ */ __name(({ entry, now, selected = false, tree }) =
   const prefix = selected ? "\u25B8 " : "  ";
   const treePrefix = treeRowPrefix(entry, tree);
   const orphanNote = tree?.orphaned ? entry.parentName ? ` \xB7 from ${escapeAnsiCtrlCodes(entry.parentName)}` : " \xB7 nested" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Box_default, { flexDirection: "row", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: selected ? theme.text.accent : theme.text.secondary, children: prefix }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { flexShrink: 1, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(Text, { wrap: "truncate-end", children: [
-      treePrefix !== "" && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: treePrefix }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: color2, children: `${glyph} ` }),
-      showType && /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { bold: true, children: safeSubagentType }),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: ": " })
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(Box_default, { flexDirection: "row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: selected ? theme.text.accent : theme.text.secondary, children: prefix }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { flexShrink: 1, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(Text, { wrap: "truncate-end", children: [
+      treePrefix !== "" && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: treePrefix }),
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: color2, children: `${glyph} ` }),
+      showType && /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(import_jsx_runtime141.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { bold: true, children: safeSubagentType }),
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: ": " })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: label }),
-      activity && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: ` (${activity})` }),
-      orphanNote && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: orphanNote })
+      /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: label }),
+      activity && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: ` (${activity})` }),
+      orphanNote && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: orphanNote })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Text, { color: theme.text.secondary, children: tail }) })
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { flexShrink: 0, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Text, { color: theme.text.secondary, children: tail }) })
   ] });
 }, "AgentRow");
 
 // packages/cli/src/ui/context-menu/ContextMenuOverlay.tsx
 init_esbuild_shims();
 var import_react128 = __toESM(require_react(), 1);
-var import_jsx_runtime141 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime142 = __toESM(require_jsx_runtime(), 1);
 var ContextMenuOverlay = /* @__PURE__ */ __name(() => {
   const { menu } = useContextMenu();
   if (!menu) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(ActiveContextMenu, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ActiveContextMenu, {});
 }, "ContextMenuOverlay");
 var ActiveContextMenu = /* @__PURE__ */ __name(() => {
   const { menu, selectedIndex, closeMenu, setSelectedIndex, executeIndex } = useContextMenu();
@@ -37935,7 +38699,7 @@ var ActiveContextMenu = /* @__PURE__ */ __name(() => {
     (max, item) => Math.max(max, item.label.length),
     0
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     Box_default,
     {
       position: "absolute",
@@ -37947,7 +38711,7 @@ var ActiveContextMenu = /* @__PURE__ */ __name(() => {
       paddingX: 0,
       children: menu.items.map((item, index) => {
         const selected = index === selectedIndex;
-        return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
           Text,
           {
             selectable: false,
@@ -37962,10 +38726,10 @@ var ActiveContextMenu = /* @__PURE__ */ __name(() => {
 }, "ActiveContextMenu");
 
 // packages/cli/src/ui/layouts/DefaultAppLayout.tsx
-var import_jsx_runtime142 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime143 = __toESM(require_jsx_runtime(), 1);
 var PinnedHeader = /* @__PURE__ */ __name(() => {
   const { version } = useAppContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AppHeader, { version, pinned: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(AppHeader, { version, pinned: true });
 }, "PinnedHeader");
 var DefaultAppLayout = /* @__PURE__ */ __name(() => {
   const uiState = useUIState();
@@ -37982,6 +38746,8 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
   const { refreshStatic } = useUIActions();
   const { activeView, agents } = useAgentViewState();
   const { columns: terminalWidth } = useTerminalSize();
+  const { dialogOpen: backgroundDialogOpen } = useBackgroundTaskViewState();
+  const backgroundMargin = sideMargin(getLayoutTier(terminalWidth));
   const hasAgents = agents.size > 0;
   const isAgentTab = activeView !== "main" && agents.has(activeView);
   const stickyTodoWidth = Math.min(uiState.mainAreaWidth, 64);
@@ -38003,17 +38769,17 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
       refreshStatic();
     }
   }, [activeView, refreshStatic]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Box_default, { flexDirection: "column", width: terminalWidth, children: [
-    uiState.useTerminalBuffer && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(PinnedHeader, {}),
-    isAgentTab ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AgentChatView, { agentId: activeView }),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Box_default, { flexDirection: "column", ref: uiState.mainControlsRef, children: [
-        !uiState.useTerminalBuffer && !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AgentComposer, { agentId: activeView }, activeView),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ExitWarning, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Box_default, { flexDirection: "column", width: terminalWidth, children: [
+    uiState.useTerminalBuffer && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(PinnedHeader, {}),
+    isAgentTab ? /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(AgentChatView, { agentId: activeView }),
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Box_default, { flexDirection: "column", ref: uiState.mainControlsRef, children: [
+        !uiState.useTerminalBuffer && !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(AgentComposer, { agentId: activeView }, activeView),
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ExitWarning, {})
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(ScrollContext.Provider, { value: scrollActions, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(ScrollContext.Provider, { value: scrollActions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
         MainContent,
         {
           footerRef,
@@ -38021,18 +38787,18 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
           scrollActionsRef
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Box_default, { flexDirection: "column", ref: uiState.mainControlsRef, children: [
-        !uiState.useTerminalBuffer && !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
-        uiState.dialogsVisible ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Box_default, { flexDirection: "column", ref: uiState.mainControlsRef, children: [
+        !uiState.useTerminalBuffer && !uiState.dialogsVisible && uiState.updateInfo && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(UpdateNotification, { message: uiState.updateInfo.message }),
+        uiState.dialogsVisible ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           Box_default,
           {
-            marginX: 2,
+            marginX: backgroundDialogOpen ? backgroundMargin : 2,
             flexDirection: "column",
-            width: uiState.isSettingsDialogOpen ? Math.max(1, terminalWidth - 4) : uiState.isApprovalModeDialogOpen ? Math.max(1, Math.min(terminalWidth - 4, 140)) : uiState.mainAreaWidth,
+            width: backgroundDialogOpen ? Math.max(1, terminalWidth - backgroundMargin * 2) : uiState.isSettingsDialogOpen ? Math.max(1, terminalWidth - 4) : uiState.isApprovalModeDialogOpen ? Math.max(1, Math.min(terminalWidth - 4, 140)) : uiState.mainAreaWidth,
             height: uiState.isApprovalModeDialogOpen || uiState.isSettingsDialogOpen ? void 0 : dialogHeight,
             maxHeight: dialogHeight,
             overflow: uiState.constrainHeight ? "hidden" : void 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
               DialogManager,
               {
                 terminalWidth: uiState.terminalWidth,
@@ -38040,8 +38806,8 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
               }
             )
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-          shouldShowStickyTodos && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+          shouldShowStickyTodos && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             StickyTodoList,
             {
               todos: uiState.stickyTodos,
@@ -38049,17 +38815,17 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
               maxVisibleItems: stickyTodoMaxVisibleItems
             }
           ),
-          uiState.btwItem && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Box_default, { marginX: 2, width: uiState.mainAreaWidth, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          uiState.btwItem && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Box_default, { marginX: 2, width: uiState.mainAreaWidth, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
             BtwMessage,
             {
               btw: uiState.btwItem.btw,
               containerWidth: uiState.mainAreaWidth
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Composer, { footerRef, inputLinesRef })
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Composer, { footerRef, inputLinesRef })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ExitWarning, {}),
-        !uiState.dialogsVisible && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ExitWarning, {}),
+        !uiState.dialogsVisible && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
           LiveAgentPanel,
           {
             width: uiState.terminalWidth,
@@ -38068,24 +38834,24 @@ var DefaultAppLayout = /* @__PURE__ */ __name(() => {
         )
       ] })
     ] }),
-    hasAgents && !uiState.dialogsVisible && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(AgentTabBar, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ContextMenuOverlay, {})
+    hasAgents && !uiState.dialogsVisible && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(AgentTabBar, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ContextMenuOverlay, {})
   ] });
 }, "DefaultAppLayout");
 
 // packages/cli/src/ui/App.tsx
 import fs8 from "node:fs";
-var import_jsx_runtime143 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime144 = __toESM(require_jsx_runtime(), 1);
 var App = /* @__PURE__ */ __name(({ onExitSummary }) => {
   const uiState = useUIState();
   const settings = useSettings();
   const isScreenReaderEnabled = use_is_screen_reader_enabled_default();
   const [dismissed, setDismissed] = (0, import_react130.useState)(false);
   if (uiState.quittingMessages) {
-    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(QuittingDisplay, { onExit: onExitSummary });
+    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(QuittingDisplay, { onExit: onExitSummary });
   }
   if (settings.corruptedPath && !dismissed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(StreamingContext.Provider, { value: uiState.streamingState, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(StreamingContext.Provider, { value: uiState.streamingState, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Box_default, { marginX: 2, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
       SettingsCorruptedDialog,
       {
         corruptedPath: settings.corruptedPath,
@@ -38131,7 +38897,7 @@ var App = /* @__PURE__ */ __name(({ onExitSummary }) => {
       }
     ) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(StreamingContext.Provider, { value: uiState.streamingState, children: isScreenReaderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ScreenReaderAppLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(DefaultAppLayout, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(StreamingContext.Provider, { value: uiState.streamingState, children: isScreenReaderEnabled ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ScreenReaderAppLayout, {}) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(DefaultAppLayout, {}) });
 }, "App");
 
 // packages/cli/src/ui/utils/terminal-resize-reflow.ts
@@ -50245,7 +51011,7 @@ function historyToRemoteEvents(items, sessionId) {
 __name(historyToRemoteEvents, "historyToRemoteEvents");
 
 // packages/cli/src/ui/AppContainer.tsx
-var import_jsx_runtime144 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime145 = __toESM(require_jsx_runtime(), 1);
 var MCP_BATCH_FLUSH_MS = 16;
 var STARTUP_PROFILE_FINALIZE_CAP_MS = 35e3;
 var CTRL_EXIT_PROMPT_DURATION_MS = 1e3;
@@ -54139,18 +54905,18 @@ ${migrationResult.failedFiles.map((f) => `  \u2022 ${f.file}: ${f.error}`).join(
     }),
     [expandedToolBatchIds, expandToolBatch]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(VirtualViewportContext.Provider, { value: useTerminalBuffer, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(UIStateContext.Provider, { value: uiState, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(UIActionsContext.Provider, { value: uiActions, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(VirtualViewportContext.Provider, { value: useTerminalBuffer, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(UIStateContext.Provider, { value: uiState, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(UIActionsContext.Provider, { value: uiActions, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     AppContext.Provider,
     {
       value: {
         version: props.version,
         startupWarnings
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ThoughtExpandedProvider, { value: thoughtExpandedValue, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ToolDetailsExpandedProvider, { value: toolDetailsExpandedValue, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(RenderModeProvider, { value: renderModeValue, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(TerminalOutputProvider, { value: writeRaw, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(ShellFocusContext.Provider, { value: isFocused, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ThoughtExpandedProvider, { value: thoughtExpandedValue, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ToolDetailsExpandedProvider, { value: toolDetailsExpandedValue, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(RenderModeProvider, { value: renderModeValue, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(TerminalOutputProvider, { value: writeRaw, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(ShellFocusContext.Provider, { value: isFocused, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
         ContextMenuProvider,
         {
           onMenuChange: handleContextMenuChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(App, { onExitSummary: finishExit })
+          children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(App, { onExitSummary: finishExit })
         }
       ) }) }) }) }) })
     }
@@ -54252,7 +55018,7 @@ function installSynchronizedOutput(stdout = process.stdout, env = process.env) {
 __name(installSynchronizedOutput, "installSynchronizedOutput");
 
 // packages/cli/src/ui/startInteractiveUI.tsx
-var import_jsx_runtime145 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime146 = __toESM(require_jsx_runtime(), 1);
 var debugLogger41 = createDebugLogger("STARTUP");
 var PRESSURE_CHECK_INTERVAL_MS = 3e4;
 async function startInteractiveUI(config, settings, startupWarnings, workspaceRoot = process.cwd(), initializationResult, options = {}) {
@@ -54359,7 +55125,7 @@ async function startInteractiveUI(config, settings, startupWarnings, workspaceRo
         alive = false;
       };
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PeerInboxFailureContext.Provider, { value: peerInboxFailure, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PeerMessagingContext.Provider, { value: peerMessaging, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(RemoteInputContext.Provider, { value: remoteInputWatcher, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(DualOutputContext.Provider, { value: dualOutputSinks, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(RemoteControllerContext.Provider, { value: remoteController, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(SettingsContext.Provider, { value: settings, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(PeerInboxFailureContext.Provider, { value: peerInboxFailure, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(PeerMessagingContext.Provider, { value: peerMessaging, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(RemoteInputContext.Provider, { value: remoteInputWatcher, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DualOutputContext.Provider, { value: dualOutputSinks, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(RemoteControllerContext.Provider, { value: remoteController, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(SettingsContext.Provider, { value: settings, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
       KeypressProvider,
       {
         kittyProtocolEnabled: kittyProtocolStatus.enabled,
@@ -54367,7 +55133,7 @@ async function startInteractiveUI(config, settings, startupWarnings, workspaceRo
         debugKeystrokeLogging: settings.merged.general?.debugKeystrokeLogging,
         pasteWorkaround: process.platform === "win32" || nodeMajorVersion < 20,
         initialCapturedInput,
-        children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(SessionStatsProvider, { sessionId: config.getSessionId(), children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(VimModeProvider, { settings, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(AgentViewProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(BackgroundTaskViewProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(SessionStatsProvider, { sessionId: config.getSessionId(), children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(VimModeProvider, { settings, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(AgentViewProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(BackgroundTaskViewProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
           AppContainer,
           {
             config,
@@ -54387,7 +55153,7 @@ async function startInteractiveUI(config, settings, startupWarnings, workspaceRo
   if (useVP) {
     process.stdout.setMaxListeners(0);
   }
-  const appTree = /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  const appTree = /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     ErrorBoundary,
     {
       recordForExitEcho: true,
@@ -54401,11 +55167,11 @@ ${error.stack ?? ""}`
           void runExitCleanup().then(() => process.exit(1));
         }, 5e3);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(AppWrapper, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(AppWrapper, {})
     }
   );
   const instance = render_default(
-    process.env["DEBUG"] ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react181.default.StrictMode, { children: appTree }) : appTree,
+    process.env["DEBUG"] ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_react181.default.StrictMode, { children: appTree }) : appTree,
     {
       exitOnCtrlC: false,
       isScreenReaderEnabled: config.getScreenReader(),