pentesting 0.70.7 → 0.70.9

package/dist/main.js

@@ -82,9 +82,9 @@ var THEME = {
   spinner: COLORS.primary
 };
 var ASCII_BANNER = `
-  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
-  \u2502  P E N T E S T I N G  A G E N T                          \u2502
-  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518
+\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510
+\u2502  P E N T E S T I N G  A G E N T                          \u2502
+\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518
 `;
 var ICONS = {
   // Status
@@ -421,7 +421,7 @@ function isZaiProvider() {
   return baseUrl.includes("z.ai");
 }
 function isThinkingEnabled() {
-  return process.env[ENV_KEYS.THINKING] === "true";
+  return process.env[ENV_KEYS.THINKING] !== "false";
 }
 function getThinkingBudget() {
   const val = parseInt(process.env[ENV_KEYS.THINKING_BUDGET] || "", 10);
@@ -759,7 +759,7 @@ var INPUT_PROMPT_PATTERNS = [
 
 // src/shared/constants/agent.ts
 var APP_NAME = "Pentest AI";
-var APP_VERSION = "0.70.7";
+var APP_VERSION = "0.70.9";
 var APP_DESCRIPTION = "Autonomous Penetration Testing AI Agent";
 var LLM_ROLES = {
   SYSTEM: "system",
@@ -815,7 +815,7 @@ import chalk from "chalk";
 
 // src/platform/tui/app.tsx
 import { useState as useState6, useCallback as useCallback9, useRef as useRef8 } from "react";
-import { Box as Box19, useApp, useStdout as useStdout4 } from "ink";
+import { Box as Box20, useApp, useStdout as useStdout4 } from "ink";
 
 // src/platform/tui/hooks/useAgent.ts
 import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2, useRef as useRef3 } from "react";
@@ -12567,16 +12567,16 @@ function extractHypothesizedReason(failureLine) {
 }
 
 // src/shared/utils/context-digest/formatters.ts
-function formatContextForLLM(memo14) {
+function formatContextForLLM(memo15) {
   const compact = {};
-  if (memo14.keyFindings.length > 0) compact.findings = memo14.keyFindings;
-  if (memo14.credentials.length > 0) compact.credentials = memo14.credentials;
-  if (memo14.attackVectors.length > 0) compact.attackVectors = memo14.attackVectors;
-  if (memo14.failures.length > 0) compact.failures = memo14.failures;
-  if (memo14.suspicions.length > 0) compact.suspicions = memo14.suspicions;
-  if (memo14.nextSteps.length > 0) compact.nextSteps = memo14.nextSteps;
-  compact.attackValue = memo14.attackValue;
-  if (memo14.reflection) compact.reflection = memo14.reflection;
+  if (memo15.keyFindings.length > 0) compact.findings = memo15.keyFindings;
+  if (memo15.credentials.length > 0) compact.credentials = memo15.credentials;
+  if (memo15.attackVectors.length > 0) compact.attackVectors = memo15.attackVectors;
+  if (memo15.failures.length > 0) compact.failures = memo15.failures;
+  if (memo15.suspicions.length > 0) compact.suspicions = memo15.suspicions;
+  if (memo15.nextSteps.length > 0) compact.nextSteps = memo15.nextSteps;
+  compact.attackValue = memo15.attackValue;
+  if (memo15.reflection) compact.reflection = memo15.reflection;
   return JSON.stringify(compact);
 }
 function formatAnalystDigest(digest, filePath, originalChars) {
@@ -12634,15 +12634,15 @@ async function digestToolOutput(output, toolName, toolInput, analystFn) {
     try {
       const context = `Tool: ${toolName}${toolInput ? ` | Input: ${toolInput}` : ""}`;
       const rawAnalystResponse = await analystFn(preprocessed, context);
-      const memo14 = parseAnalystMemo(rawAnalystResponse);
+      const memo15 = parseAnalystMemo(rawAnalystResponse);
       const formatted = formatAnalystDigest(rawAnalystResponse, savedOutputPath, originalLength);
-      const contextForLLM = formatContextForLLM(memo14);
+      const contextForLLM = formatContextForLLM(memo15);
       return {
         digestedOutput: formatted,
         contextForLLM,
         fullOutputPath: savedOutputPath,
         analystUsed: true,
-        memo: memo14,
+        memo: memo15,
         originalLength,
         digestedLength: formatted.length,
         compressionRatio: formatted.length / originalLength
@@ -13597,7 +13597,7 @@ function buildSummaryFromEntries(entries) {
 
 // src/shared/utils/journal/formatters/record.ts
 function formatTurnRecord(input) {
-  const { turn, timestamp, phase, tools, memo: memo14, reflection } = input;
+  const { turn, timestamp, phase, tools, memo: memo15, reflection } = input;
   const time = timestamp.slice(0, 19).replace("T", " ");
   const sections = [];
   sections.push(`# Turn ${turn} | ${time} | Phase: ${phase}`);
@@ -13614,25 +13614,25 @@ function formatTurnRecord(input) {
   }
   sections.push("");
   sections.push(`## ${TURN_SECTIONS.KEY_INSIGHTS}`);
-  if (memo14.keyFindings.length > 0) {
-    for (const f of memo14.keyFindings) sections.push(`- ${INSIGHT_TAGS.DISCOVERED}: ${f}`);
+  if (memo15.keyFindings.length > 0) {
+    for (const f of memo15.keyFindings) sections.push(`- ${INSIGHT_TAGS.DISCOVERED}: ${f}`);
   }
-  if (memo14.credentials.length > 0) {
-    for (const c of memo14.credentials) sections.push(`- ${INSIGHT_TAGS.CREDENTIAL}: ${c}`);
+  if (memo15.credentials.length > 0) {
+    for (const c of memo15.credentials) sections.push(`- ${INSIGHT_TAGS.CREDENTIAL}: ${c}`);
   }
-  if (memo14.attackVectors.length > 0) {
-    for (const v of memo14.attackVectors) sections.push(`- ${INSIGHT_TAGS.CONFIRMED}: ${v}`);
+  if (memo15.attackVectors.length > 0) {
+    for (const v of memo15.attackVectors) sections.push(`- ${INSIGHT_TAGS.CONFIRMED}: ${v}`);
   }
-  if (memo14.failures.length > 0) {
-    for (const f of memo14.failures) sections.push(`- ${INSIGHT_TAGS.DEAD_END}: ${f}`);
+  if (memo15.failures.length > 0) {
+    for (const f of memo15.failures) sections.push(`- ${INSIGHT_TAGS.DEAD_END}: ${f}`);
   }
-  if (memo14.suspicions.length > 0) {
-    for (const s of memo14.suspicions) sections.push(`- ${INSIGHT_TAGS.SUSPICIOUS}: ${s}`);
+  if (memo15.suspicions.length > 0) {
+    for (const s of memo15.suspicions) sections.push(`- ${INSIGHT_TAGS.SUSPICIOUS}: ${s}`);
   }
-  if (memo14.nextSteps.length > 0) {
-    for (const n of memo14.nextSteps) sections.push(`- ${INSIGHT_TAGS.NEXT}: ${n}`);
+  if (memo15.nextSteps.length > 0) {
+    for (const n of memo15.nextSteps) sections.push(`- ${INSIGHT_TAGS.NEXT}: ${n}`);
   }
-  if (memo14.keyFindings.length === 0 && memo14.failures.length === 0 && memo14.credentials.length === 0) {
+  if (memo15.keyFindings.length === 0 && memo15.failures.length === 0 && memo15.credentials.length === 0) {
     sections.push(`- ${TURN_EMPTY_MESSAGES.NO_INSIGHTS}`);
   }
   sections.push("");
@@ -13644,7 +13644,7 @@ function formatTurnRecord(input) {
 
 // src/shared/utils/journal/formatters/reflection.ts
 function formatReflectionInput(input) {
-  const { tools, memo: memo14, phase } = input;
+  const { tools, memo: memo15, phase } = input;
   const parts = [
     `\uD604\uC7AC Phase: ${phase}`,
     "",
@@ -13662,12 +13662,12 @@ function formatReflectionInput(input) {
   }
   parts.push("");
   parts.push("Analyst \uCD94\uCD9C \uBA54\uBAA8:");
-  if (memo14) {
-    if (memo14.keyFindings.length > 0) parts.push(`  \uBC1C\uACAC: ${memo14.keyFindings.join(", ")}`);
-    if (memo14.credentials.length > 0) parts.push(`  \uD06C\uB808\uB374\uC15C: ${memo14.credentials.join(", ")}`);
-    if (memo14.failures.length > 0) parts.push(`  \uC2E4\uD328: ${memo14.failures.join(", ")}`);
-    if (memo14.suspicions.length > 0) parts.push(`  \uC758\uC2EC: ${memo14.suspicions.join(", ")}`);
-    parts.push(`  \uACF5\uACA9 \uAC00\uCE58: ${memo14.attackValue}`);
+  if (memo15) {
+    if (memo15.keyFindings.length > 0) parts.push(`  \uBC1C\uACAC: ${memo15.keyFindings.join(", ")}`);
+    if (memo15.credentials.length > 0) parts.push(`  \uD06C\uB808\uB374\uC15C: ${memo15.credentials.join(", ")}`);
+    if (memo15.failures.length > 0) parts.push(`  \uC2E4\uD328: ${memo15.failures.join(", ")}`);
+    if (memo15.suspicions.length > 0) parts.push(`  \uC758\uC2EC: ${memo15.suspicions.join(", ")}`);
+    parts.push(`  \uACF5\uACA9 \uAC00\uCE58: ${memo15.attackValue}`);
   } else {
     parts.push("  (\uBD84\uC11D \uACB0\uACFC \uC5C6\uC74C)");
   }
@@ -14561,13 +14561,13 @@ ${extraction.extractedContext}
   }
   return false;
 }
-async function processReflection(toolJournal, memo14, phase, reflector) {
+async function processReflection(toolJournal, memo15, phase, reflector) {
   if (toolJournal.length === 0) {
     return null;
   }
   const reflection = await reflector.execute({
     tools: toolJournal,
-    memo: memo14,
+    memo: memo15,
     phase
   });
   if (reflection.success && reflection.reflection) {
@@ -14580,7 +14580,7 @@ async function processReflection(toolJournal, memo14, phase, reflector) {
 import { writeFileSync as writeFileSync10, existsSync as existsSync15, readFileSync as readFileSync11 } from "fs";
 import { join as join16 } from "path";
 async function recordTurn(context) {
-  const { turnCounter, phase, toolJournal, memo: memo14, reflections, summaryRegenerator } = context;
+  const { turnCounter, phase, toolJournal, memo: memo15, reflections, summaryRegenerator } = context;
   if (toolJournal.length === 0) {
     return turnCounter;
   }
@@ -14590,10 +14590,10 @@ async function recordTurn(context) {
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       phase,
       tools: toolJournal,
-      memo: memo14,
-      reflection: reflections.length > 0 ? reflections.join(" | ") : memo14.nextSteps.join("; ")
+      memo: memo15,
+      reflection: reflections.length > 0 ? reflections.join(" | ") : memo15.nextSteps.join("; ")
     };
-    const entryCtx = { entry, journalTools: toolJournal, memo: memo14, phase, reflections };
+    const entryCtx = { entry, journalTools: toolJournal, memo: memo15, phase, reflections };
     await createTurnArchive(turnCounter, entryCtx);
     await regenerateSummary(turnCounter, summaryRegenerator, entryCtx);
     rotateTurnRecords();
@@ -14602,7 +14602,7 @@ async function recordTurn(context) {
   return turnCounter + 1;
 }
 async function createTurnArchive(turnCounter, ctx) {
-  const { entry, journalTools, memo: memo14, phase } = ctx;
+  const { entry, journalTools, memo: memo15, phase } = ctx;
   try {
     const turnDir = WORKSPACE.turnPath(turnCounter);
     const toolsDir = WORKSPACE.turnToolsPath(turnCounter);
@@ -14613,35 +14613,35 @@ async function createTurnArchive(turnCounter, ctx) {
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       phase,
       tools: journalTools,
-      memo: memo14,
+      memo: memo15,
       reflection: entry.reflection
     });
     writeFileSync10(join16(turnDir, TURN_FILES.RECORD), turnContent, "utf-8");
     writeFileSync10(join16(turnDir, TURN_FILES.STRUCTURED), JSON.stringify(entry, null, 2), "utf-8");
-    writeAnalystFile(turnDir, memo14);
+    writeAnalystFile(turnDir, memo15);
   } catch {
   }
 }
-function writeAnalystFile(turnDir, memo14) {
+function writeAnalystFile(turnDir, memo15) {
   const memoLines = [];
-  if (memo14.keyFindings.length > 0) memoLines.push("## Key Findings", ...memo14.keyFindings.map((f) => `- ${f}`), "");
-  if (memo14.credentials.length > 0) memoLines.push("## Credentials", ...memo14.credentials.map((c) => `- ${c}`), "");
-  if (memo14.attackVectors.length > 0) memoLines.push("## Attack Vectors", ...memo14.attackVectors.map((v) => `- ${v}`), "");
-  if (memo14.failures.length > 0) memoLines.push("## Failures", ...memo14.failures.map((f) => `- ${f}`), "");
-  if (memo14.suspicions.length > 0) memoLines.push("## Suspicious", ...memo14.suspicions.map((s) => `- ${s}`), "");
-  if (memo14.nextSteps.length > 0) memoLines.push("## Next Steps", ...memo14.nextSteps.map((n) => `- ${n}`), "");
+  if (memo15.keyFindings.length > 0) memoLines.push("## Key Findings", ...memo15.keyFindings.map((f) => `- ${f}`), "");
+  if (memo15.credentials.length > 0) memoLines.push("## Credentials", ...memo15.credentials.map((c) => `- ${c}`), "");
+  if (memo15.attackVectors.length > 0) memoLines.push("## Attack Vectors", ...memo15.attackVectors.map((v) => `- ${v}`), "");
+  if (memo15.failures.length > 0) memoLines.push("## Failures", ...memo15.failures.map((f) => `- ${f}`), "");
+  if (memo15.suspicions.length > 0) memoLines.push("## Suspicious", ...memo15.suspicions.map((s) => `- ${s}`), "");
+  if (memo15.nextSteps.length > 0) memoLines.push("## Next Steps", ...memo15.nextSteps.map((n) => `- ${n}`), "");
   if (memoLines.length > 0) {
     writeFileSync10(join16(turnDir, TURN_FILES.ANALYST), memoLines.join("\n"), "utf-8");
     flowLog(
       "\u2462Analyst",
       "\u2192",
       `archive/turn-${turnDir.split("/").pop()}/analyst.md`,
-      `findings:${memo14.keyFindings.length} creds:${memo14.credentials.length} vectors:${memo14.attackVectors.length} failures:${memo14.failures.length}`
+      `findings:${memo15.keyFindings.length} creds:${memo15.credentials.length} vectors:${memo15.attackVectors.length} failures:${memo15.failures.length}`
     );
   }
 }
 async function regenerateSummary(turnCounter, summaryRegenerator, ctx) {
-  const { entry, journalTools, memo: memo14, phase } = ctx;
+  const { entry, journalTools, memo: memo15, phase } = ctx;
   try {
     const turnDir = WORKSPACE.turnPath(turnCounter);
     const summaryPath = join16(turnDir, TURN_FILES.SUMMARY);
@@ -14658,7 +14658,7 @@ async function regenerateSummary(turnCounter, summaryRegenerator, ctx) {
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       phase,
       tools: journalTools,
-      memo: memo14,
+      memo: memo15,
       reflection: entry.reflection
     });
     const summaryResult = await summaryRegenerator.execute({
@@ -14995,7 +14995,13 @@ var TUI_DISPLAY_LIMITS = {
    * sessions accumulate thousands of messages and RAM grows without bound.
    * Oldest messages are pruned first; all content is preserved in the disk archive.
    */
-  MAX_MESSAGES: 500
+  MAX_MESSAGES: 500,
+  /** Fallback terminal row count when stdout.rows is unavailable */
+  TERMINAL_DEFAULT_ROWS: 24,
+  /** Reserved rows for modal chrome (header + borders + padding + footer) */
+  MODAL_CHROME_HEIGHT: 6,
+  /** Max chars shown for masked password in message history */
+  PASSWORD_MASK_MAX: 20
 };
 
 // src/platform/tui/hooks/useAgentState.ts
@@ -15009,6 +15015,8 @@ var useAgentState = () => {
   const [inputRequest, setInputRequest] = useState({ status: "inactive" });
   const [stats, setStats] = useState({ phase: DEFAULTS.INIT_PHASE, targets: 0, findings: 0, todo: 0 });
   const [turnCount, setTurnCount] = useState(0);
+  const [liveReasoning, setLiveReasoning] = useState("");
+  const [isReasoning, setIsReasoning] = useState(false);
   const lastResponseMetaRef = useRef(null);
   const startTimeRef = useRef(0);
   const timerRef = useRef(null);
@@ -15076,19 +15084,24 @@ var useAgentState = () => {
     setStats,
     turnCount,
     setTurnCount,
-    // Refs
+    liveReasoning,
+    setLiveReasoning,
+    isReasoning,
+    setIsReasoning,
+    // Refs (external consumers only)
     lastResponseMetaRef,
-    timerRef,
     retryCountdownRef,
     retryCountRef,
     tokenAccumRef,
     lastStepTokensRef,
+    toolStartedAtRef,
+    // WHY timerRef excluded: internal to manageTimer/clearAllTimers only,
+    // no external consumer exists.
     // Helpers
     addMessage,
     resetCumulativeCounters,
     manageTimer,
-    clearAllTimers,
-    toolStartedAtRef
+    clearAllTimers
   };
 };
 
@@ -15282,13 +15295,16 @@ function createLifecycleHandlers(agent, state, _reasoningBufferRef) {
 
 // src/platform/tui/hooks/useAgentEvents/handlers/reasoning.ts
 function createReasoningHandlers(state, reasoningBufferRef) {
-  const { addMessage, setCurrentStatus } = state;
+  const { addMessage, setCurrentStatus, setLiveReasoning, setIsReasoning } = state;
   const onStart = () => {
     reasoningBufferRef.current = "";
+    setLiveReasoning("");
+    setIsReasoning(true);
     setCurrentStatus("Reasoning\u2026");
   };
   const onDelta = (e) => {
     reasoningBufferRef.current += e.data.content;
+    setLiveReasoning(reasoningBufferRef.current);
     const chars = reasoningBufferRef.current.length;
     const estTokens = Math.round(chars / LLM_LIMITS.charsPerTokenEstimate);
     const firstLine = reasoningBufferRef.current.split("\n")[0]?.slice(0, TUI_DISPLAY_LIMITS.reasoningPreviewChars) || "";
@@ -15298,6 +15314,8 @@ ${firstLine}`);
   const onEnd = () => {
     const text = reasoningBufferRef.current.trim();
     reasoningBufferRef.current = "";
+    setIsReasoning(false);
+    setLiveReasoning("");
     setCurrentStatus("");
     if (text) {
       addMessage("thinking", text);
@@ -15392,7 +15410,9 @@ var useAgentEvents = (agent, eventsRef, state) => {
     tokenAccumRef,
     lastStepTokensRef,
     lastResponseMetaRef,
-    setCurrentTokens
+    setCurrentTokens,
+    setLiveReasoning,
+    setIsReasoning
   } = state;
   const reasoningBufferRef = useRef2("");
   useEffect(() => {
@@ -15410,7 +15430,10 @@ var useAgentEvents = (agent, eventsRef, state) => {
       tokenAccumRef,
       lastStepTokensRef
     }, reasoningBufferRef);
-    const reasoningHandlers = createReasoningHandlers({ addMessage, setCurrentStatus }, reasoningBufferRef);
+    const reasoningHandlers = createReasoningHandlers(
+      { addMessage, setCurrentStatus, setLiveReasoning, setIsReasoning },
+      reasoningBufferRef
+    );
     const cleanupInput = setupInputHandlers(setInputRequest, addMessage);
     const cleanupCommand = setupCommandHandlers(addMessage, setCurrentStatus);
     const updateStats = () => {
@@ -15460,7 +15483,9 @@ var useAgentEvents = (agent, eventsRef, state) => {
     lastStepTokensRef,
     clearAllTimers,
     toolStartedAtRef,
-    eventsRef
+    eventsRef,
+    setLiveReasoning,
+    setIsReasoning
   ]);
 };
 
@@ -15488,7 +15513,9 @@ var useAgent = (shouldAutoApprove, target) => {
     manageTimer,
     resetCumulativeCounters,
     turnCount,
-    setTurnCount
+    setTurnCount,
+    liveReasoning,
+    isReasoning
   } = state;
   useEffect2(() => {
     if (target) {
@@ -15569,7 +15596,9 @@ var useAgent = (shouldAutoApprove, target) => {
     abort,
     cancelInputRequest,
     addMessage,
-    refreshStats
+    refreshStats,
+    liveReasoning,
+    isReasoning
   };
 };
 
@@ -16246,41 +16275,58 @@ var AnimationProvider = ({ children }) => {
 var useAnimationTick = () => useContext(AnimationContext);
 
 // src/platform/tui/components/MessageList.tsx
-import { memo as memo7 } from "react";
-import { Box as Box8, Static } from "ink";
+import { memo as memo8 } from "react";
+import { Box as Box9, Static } from "ink";
 
 // src/platform/tui/components/messages/ThinkingBlock.tsx
 import { memo } from "react";
 import { Box, Text } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var THINKING_PREVIEW_LINES = 3;
 var ThinkingBlock = memo(({ msg }) => {
   const lines = msg.content.split("\n");
-  const charCount = msg.content.length;
-  const estTokens = Math.round(charCount / LLM_LIMITS.charsPerTokenEstimate);
-  const hiddenCount = lines.length - THINKING_PREVIEW_LINES;
-  const visibleLines = lines.slice(0, THINKING_PREVIEW_LINES);
+  const estTokens = Math.round(msg.content.length / LLM_LIMITS.charsPerTokenEstimate);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 0, children: [
     /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: "  \u25C6 " }),
-      /* @__PURE__ */ jsx2(Text, { color: THEME.gray, children: "Reasoning" }),
-      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: ` (~${estTokens} tokens)` }),
-      hiddenCount > 0 && /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: ` [+${hiddenCount} lines]` })
+      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: "\u25C6 " }),
+      /* @__PURE__ */ jsx2(Text, { color: THEME.gray, bold: true, children: "Reasoning" }),
+      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: `  ~${estTokens} tok  ${lines.length} lines` })
+    ] }),
+    lines.map((line, i) => /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: "\u2502 " }),
+      /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, wrap: "truncate", children: line || " " })
+    ] }, i)),
+    /* @__PURE__ */ jsx2(Box, { children: /* @__PURE__ */ jsx2(Text, { color: THEME.dimGray, children: "\u2575" }) })
+  ] });
+});
+
+// src/platform/tui/components/messages/LiveReasoningPanel.tsx
+import { memo as memo2 } from "react";
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var LiveReasoningPanel = memo2(({ content, isReasoning }) => {
+  if (!isReasoning) return null;
+  const lines = content.split("\n");
+  const estTokens = Math.round(content.length / LLM_LIMITS.charsPerTokenEstimate);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginY: 0, children: [
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.yellow, children: "\u27F3 " }),
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.yellow, bold: true, children: "Reasoning" }),
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.dimGray, children: `  ~${estTokens} tok  ${lines.length} lines  streaming\u2026` })
     ] }),
-    visibleLines.map((line, i) => /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx2(Text, { dimColor: true, children: "  \u2502 " }),
-      /* @__PURE__ */ jsx2(Text, { dimColor: true, children: line })
+    lines.map((line, i) => /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.dimGray, children: "\u2502 " }),
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, wrap: "truncate", children: line || " " })
     ] }, i)),
-    hiddenCount > 0 && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx2(Text, { dimColor: true, children: "  \u2502 " }),
-      /* @__PURE__ */ jsx2(Text, { dimColor: true, children: "..." })
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.dimGray, children: "\u2502 " }),
+      /* @__PURE__ */ jsx3(Text2, { color: THEME.yellow, children: "\u258C" })
     ] })
   ] });
 });
 
 // src/platform/tui/components/messages/MessageRow.tsx
-import { memo as memo4 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
+import { memo as memo5 } from "react";
+import { Box as Box6, Text as Text6 } from "ink";
 
 // src/platform/tui/constants/styles.ts
 var MESSAGE_STYLES = {
@@ -16317,10 +16363,16 @@ var MESSAGE_STYLES = {
     // Thinking/reasoning icon
   }
 };
+var UI_MESSAGES = {
+  /** Shown when user sends a message while agent is processing */
+  QUEUED: "\u{1F4AC} Message queued \u2014 will be processed at next iteration",
+  /** Prefix for masked secret input in message history */
+  SECRET_PREFIX: "\u21B3 "
+};
 
 // src/platform/tui/components/inline-status.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Box as Box3, Text as Text3 } from "ink";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function formatDuration3(ms) {
   const seconds = Math.floor(ms / 1e3);
   if (seconds < 60) return `${seconds}s`;
@@ -16346,18 +16398,18 @@ function getRoleColor(role) {
 }
 function StatusIndicator({ isRunning, exitCode }) {
   if (isRunning) {
-    return /* @__PURE__ */ jsxs2(Text2, { color: THEME.primary, children: [
+    return /* @__PURE__ */ jsxs3(Text3, { color: THEME.primary, children: [
       ICONS.running,
       " "
     ] });
   }
   if (exitCode === 0) {
-    return /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+    return /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
       ICONS.success,
       " "
     ] });
   }
-  return /* @__PURE__ */ jsxs2(Text2, { color: THEME.red, children: [
+  return /* @__PURE__ */ jsxs3(Text3, { color: THEME.red, children: [
     ICONS.error,
     " "
   ] });
@@ -16367,26 +16419,26 @@ function ProcessRow({ proc, isCompact }) {
   const port = proc.listeningPort ? `:${proc.listeningPort}` : "";
   const purpose = proc.purpose || proc.description || "";
   const truncatedPurpose = isCompact && purpose.length > TUI_DISPLAY_LIMITS.purposeMaxLength ? purpose.slice(0, TUI_DISPLAY_LIMITS.purposeTruncated) + "..." : purpose;
-  return /* @__PURE__ */ jsxs2(Box2, { children: [
-    /* @__PURE__ */ jsx3(StatusIndicator, { isRunning: proc.isRunning, exitCode: proc.exitCode }),
-    /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+  return /* @__PURE__ */ jsxs3(Box3, { children: [
+    /* @__PURE__ */ jsx4(StatusIndicator, { isRunning: proc.isRunning, exitCode: proc.exitCode }),
+    /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
       "[",
       proc.id,
       "]"
     ] }),
-    /* @__PURE__ */ jsx3(Text2, { children: " " }),
-    /* @__PURE__ */ jsxs2(Text2, { color: getRoleColor(proc.role), bold: true, children: [
+    /* @__PURE__ */ jsx4(Text3, { children: " " }),
+    /* @__PURE__ */ jsxs3(Text3, { color: getRoleColor(proc.role), bold: true, children: [
       proc.role,
       port
     ] }),
-    /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+    /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
       " (",
       duration,
       ")"
     ] }),
-    truncatedPurpose && /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, children: " - " }),
-      /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, children: truncatedPurpose })
+    truncatedPurpose && /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: " - " }),
+      /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: truncatedPurpose })
     ] })
   ] });
 }
@@ -16397,7 +16449,7 @@ var InlineStatus = ({
   isCompact = true
 }) => {
   if (processes.length === 0 && zombies.length === 0) {
-    return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, children: "\u2022 No active background processes" }) });
+    return /* @__PURE__ */ jsx4(Box3, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: "\u2022 No active background processes" }) });
   }
   const running = processes.filter((p) => p.isRunning);
   const stopped = processes.filter((p) => !p.isRunning);
@@ -16406,66 +16458,66 @@ var InlineStatus = ({
     warning: THEME.yellow,
     critical: THEME.red
   }[health];
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
-    running.length > 0 && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, bold: true, children: [
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginBottom: 1, children: [
+    running.length > 0 && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, bold: true, children: [
         ICONS.running,
         " Active (",
         running.length,
         ")"
       ] }),
-      running.map((proc) => /* @__PURE__ */ jsx3(ProcessRow, { proc, isCompact }, proc.id))
+      running.map((proc) => /* @__PURE__ */ jsx4(ProcessRow, { proc, isCompact }, proc.id))
     ] }),
-    stopped.length > 0 && !isCompact && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: running.length > 0 ? 1 : 0, children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+    stopped.length > 0 && !isCompact && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: running.length > 0 ? 1 : 0, children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
         ICONS.completed,
         " Completed (",
         stopped.length,
         ")"
       ] }),
-      stopped.slice(0, TUI_DISPLAY_LIMITS.maxStoppedProcesses).map((proc) => /* @__PURE__ */ jsx3(ProcessRow, { proc, isCompact }, proc.id)),
-      stopped.length > TUI_DISPLAY_LIMITS.maxStoppedProcesses && /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+      stopped.slice(0, TUI_DISPLAY_LIMITS.maxStoppedProcesses).map((proc) => /* @__PURE__ */ jsx4(ProcessRow, { proc, isCompact }, proc.id)),
+      stopped.length > TUI_DISPLAY_LIMITS.maxStoppedProcesses && /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
         "  ... and ",
         stopped.length - TUI_DISPLAY_LIMITS.maxStoppedProcesses,
         " more"
       ] })
     ] }),
-    zombies.length > 0 && /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: THEME.yellow, children: [
+    zombies.length > 0 && /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: THEME.yellow, children: [
         ICONS.warning,
         " Zombie Processes (",
         zombies.length,
         ")"
       ] }),
-      zombies.map((z) => /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsxs2(Text2, { color: THEME.red, children: [
+      zombies.map((z) => /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: THEME.red, children: [
           "  ",
           ICONS.error,
           " "
         ] }),
-        /* @__PURE__ */ jsxs2(Text2, { color: THEME.gray, children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: THEME.gray, children: [
           "[",
           z.processId,
           "] "
         ] }),
-        /* @__PURE__ */ jsxs2(Text2, { color: THEME.yellow, children: [
+        /* @__PURE__ */ jsxs3(Text3, { color: THEME.yellow, children: [
           z.orphanedChildren.length,
           " orphaned children"
         ] })
       ] }, z.processId)),
-      /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, children: "  Run /cleanup to terminate" })
+      /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: "  Run /cleanup to terminate" })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: running.length > 0 ? 1 : 0, children: [
-      /* @__PURE__ */ jsx3(Text2, { color: THEME.gray, children: "Health: " }),
-      /* @__PURE__ */ jsx3(Text2, { color: healthColor, bold: true, children: health.toUpperCase() })
+    /* @__PURE__ */ jsxs3(Box3, { marginTop: running.length > 0 ? 1 : 0, children: [
+      /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: "Health: " }),
+      /* @__PURE__ */ jsx4(Text3, { color: healthColor, bold: true, children: health.toUpperCase() })
     ] })
   ] });
 };
 
 // src/platform/tui/components/ToolCard.tsx
-import { memo as memo2 } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { memo as memo3 } from "react";
+import { Box as Box4, Text as Text4 } from "ink";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 var ARGS_MAX = 72;
 function truncate(s, max) {
   return s.length > max ? s.slice(0, max - 1) + "\u2026" : s;
@@ -16507,23 +16559,23 @@ function parseToolContent(content) {
   }
   return { name: content.trim(), args: "" };
 }
-var ToolCard = memo2(({ content }) => {
+var ToolCard = memo3(({ content }) => {
   const { name, args } = parseToolContent(content);
-  return /* @__PURE__ */ jsxs3(Box3, { children: [
-    /* @__PURE__ */ jsx4(Text3, { color: THEME.primary, children: "  \u2295 " }),
-    /* @__PURE__ */ jsx4(Text3, { color: THEME.white, bold: true, children: name }),
-    args && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx4(Text3, { color: THEME.dimGray, children: "(" }),
-      /* @__PURE__ */ jsx4(Text3, { color: THEME.gray, children: args }),
-      /* @__PURE__ */ jsx4(Text3, { color: THEME.dimGray, children: ")" })
+  return /* @__PURE__ */ jsxs4(Box4, { children: [
+    /* @__PURE__ */ jsx5(Text4, { color: THEME.primary, children: "  \u2295 " }),
+    /* @__PURE__ */ jsx5(Text4, { color: THEME.white, bold: true, children: name }),
+    args && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(Text4, { color: THEME.dimGray, children: "(" }),
+      /* @__PURE__ */ jsx5(Text4, { color: THEME.gray, children: args }),
+      /* @__PURE__ */ jsx5(Text4, { color: THEME.dimGray, children: ")" })
     ] })
   ] });
 });
 
 // src/platform/tui/components/MarkdownText.tsx
-import { memo as memo3 } from "react";
-import { Box as Box4, Text as Text4 } from "ink";
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { memo as memo4 } from "react";
+import { Box as Box5, Text as Text5 } from "ink";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function tokenizeLine(line) {
   const tokens = [];
   let i = 0;
@@ -16547,14 +16599,14 @@ function tokenizeLine(line) {
   }
   return tokens;
 }
-var InlineContent = ({ tokens }) => /* @__PURE__ */ jsx5(Fragment3, { children: tokens.map((tok, i) => {
+var InlineContent = ({ tokens }) => /* @__PURE__ */ jsx6(Fragment3, { children: tokens.map((tok, i) => {
   if (tok.type === "bold") {
-    return /* @__PURE__ */ jsx5(Text4, { bold: true, color: THEME.white, children: tok.value }, i);
+    return /* @__PURE__ */ jsx6(Text5, { bold: true, color: THEME.white, children: tok.value }, i);
   }
   if (tok.type === "code") {
-    return /* @__PURE__ */ jsx5(Text4, { color: THEME.cyan, children: `\`${tok.value}\`` }, i);
+    return /* @__PURE__ */ jsx6(Text5, { color: THEME.cyan, children: `\`${tok.value}\`` }, i);
   }
-  return /* @__PURE__ */ jsx5(Text4, { color: THEME.white, children: tok.value }, i);
+  return /* @__PURE__ */ jsx6(Text5, { color: THEME.white, children: tok.value }, i);
 }) });
 function parseBlocks(lines) {
   const blocks = [];
@@ -16604,29 +16656,29 @@ function parseBlocks(lines) {
 }
 var BlockRenderer = ({ block, blockIdx }) => {
   if (block.type === "blank") {
-    return /* @__PURE__ */ jsx5(Text4, { children: " " }, blockIdx);
+    return /* @__PURE__ */ jsx6(Text5, { children: " " }, blockIdx);
   }
   if (block.type === "heading") {
     const prefixes = { 1: "\u25B8 ", 2: "  \u25B9 ", 3: "    \xB7 " };
     const colors = { 1: THEME.primary, 2: THEME.cyan, 3: THEME.white };
-    return /* @__PURE__ */ jsx5(Box4, { children: /* @__PURE__ */ jsxs4(Text4, { color: colors[block.level], bold: true, children: [
+    return /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsxs5(Text5, { color: colors[block.level], bold: true, children: [
       prefixes[block.level],
       block.content
     ] }) }, blockIdx);
   }
   if (block.type === "listItem") {
     const bullet = block.ordered ? `${block.index}.` : "\u2022";
-    return /* @__PURE__ */ jsxs4(Box4, { paddingLeft: 1, children: [
-      /* @__PURE__ */ jsxs4(Text4, { color: THEME.dimGray, children: [
+    return /* @__PURE__ */ jsxs5(Box5, { paddingLeft: 1, children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: THEME.dimGray, children: [
         bullet,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(InlineContent, { tokens: tokenizeLine(block.content) })
+      /* @__PURE__ */ jsx6(InlineContent, { tokens: tokenizeLine(block.content) })
     ] }, blockIdx);
   }
   if (block.type === "codeBlock") {
-    return /* @__PURE__ */ jsxs4(
-      Box4,
+    return /* @__PURE__ */ jsxs5(
+      Box5,
       {
         flexDirection: "column",
         borderStyle: "single",
@@ -16634,19 +16686,19 @@ var BlockRenderer = ({ block, blockIdx }) => {
         paddingX: 1,
         marginY: 0,
         children: [
-          block.lang && /* @__PURE__ */ jsx5(Text4, { color: THEME.dimGray, children: block.lang }),
-          block.lines.map((l, li) => /* @__PURE__ */ jsx5(Text4, { color: THEME.cyan, children: l }, li))
+          block.lang && /* @__PURE__ */ jsx6(Text5, { color: THEME.dimGray, children: block.lang }),
+          block.lines.map((l, li) => /* @__PURE__ */ jsx6(Text5, { color: THEME.cyan, children: l }, li))
         ]
       },
       blockIdx
     );
   }
-  return /* @__PURE__ */ jsx5(Box4, { children: /* @__PURE__ */ jsx5(InlineContent, { tokens: tokenizeLine(block.content) }) }, blockIdx);
+  return /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsx6(InlineContent, { tokens: tokenizeLine(block.content) }) }, blockIdx);
 };
-var MarkdownText = memo3(({ content }) => {
+var MarkdownText = memo4(({ content }) => {
   const lines = content.split("\n");
   const blocks = parseBlocks(lines);
-  return /* @__PURE__ */ jsx5(Box4, { flexDirection: "column", children: blocks.map((block, i) => /* @__PURE__ */ jsx5(BlockRenderer, { block, blockIdx: i }, i)) });
+  return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", children: blocks.map((block, i) => /* @__PURE__ */ jsx6(BlockRenderer, { block, blockIdx: i }, i)) });
 });
 
 // src/platform/tui/components/messages/parseStatusContent.ts
@@ -16693,12 +16745,12 @@ function computeResultDisplay(content) {
 }
 
 // src/platform/tui/components/messages/MessageRow.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var MessageRow = memo4(({ msg }) => {
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var MessageRow = memo5(({ msg }) => {
   if (msg.type === "status") {
     const statusData = parseStatusContent(msg.content);
     if (statusData) {
-      return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsx7(
         InlineStatus,
         {
           processes: statusData.processes,
@@ -16707,144 +16759,150 @@ var MessageRow = memo4(({ msg }) => {
         }
       ) }, msg.id);
     }
-    return /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
-      /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.gray, children: msg.content })
+    return /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.gray, children: msg.content })
     ] }, msg.id);
   }
   if (msg.type === "thinking") {
-    return /* @__PURE__ */ jsx6(ThinkingBlock, { msg });
+    return /* @__PURE__ */ jsx7(ThinkingBlock, { msg });
   }
   if (msg.type === "tool") {
-    return /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsx6(ToolCard, { content: msg.content }) }, msg.id);
+    return /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(ToolCard, { content: msg.content }) }, msg.id);
   }
   if (msg.type === "result") {
     const kind = classifyResult(msg.content);
     const color = kind === "success" ? THEME.primary : kind === "failure" ? THEME.red : kind === "warning" ? THEME.yellow : THEME.gray;
     const { firstLine, visibleRest, hasMore } = computeResultDisplay(msg.content);
     const hiddenCount = msg.content.split("\n").length - 1;
-    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs5(Box5, { children: [
-        /* @__PURE__ */ jsx6(Text5, { color: THEME.dimGray, children: "  \u2514 " }),
-        /* @__PURE__ */ jsx6(Text5, { color, children: firstLine }),
-        hasMore && /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.dimGray, children: ` [+${hiddenCount - RESULT_PREVIEW_LINES}]` })
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx7(Text6, { color: THEME.dimGray, children: "  \u2514 " }),
+        /* @__PURE__ */ jsx7(Text6, { color, children: firstLine }),
+        hasMore && /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.dimGray, children: ` [+${hiddenCount - RESULT_PREVIEW_LINES}]` })
       ] }),
-      visibleRest.map((line, i) => /* @__PURE__ */ jsxs5(Box5, { children: [
-        /* @__PURE__ */ jsx6(Text5, { color: THEME.dimGray, children: "    " }),
-        /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.gray, children: line })
+      visibleRest.map((line, i) => /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx7(Text6, { color: THEME.dimGray, children: "    " }),
+        /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.gray, children: line })
       ] }, i))
     ] }, msg.id);
   }
   if (msg.type === "ai" || msg.type === "assistant") {
-    return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", marginBottom: 0, children: /* @__PURE__ */ jsx6(MarkdownText, { content: msg.content }) }, msg.id);
+    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 0, children: [
+      /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx7(Text6, { color: THEME.primary, children: "\u25B8 " }),
+        /* @__PURE__ */ jsx7(Text6, { color: THEME.gray, bold: true, children: "Response" })
+      ] }),
+      /* @__PURE__ */ jsx7(Box6, { paddingLeft: 2, children: /* @__PURE__ */ jsx7(MarkdownText, { content: msg.content }) })
+    ] }, msg.id);
   }
   if (msg.type === "error") {
     const eLines = msg.content.split("\n");
     const eFirst = eLines[0] || msg.content;
     const eHidden = eLines.length - 1;
-    return /* @__PURE__ */ jsx6(Box5, { flexDirection: "column", children: /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx6(Text5, { color: THEME.red, children: "  \u2717 " }),
-      /* @__PURE__ */ jsx6(Text5, { color: THEME.red, children: eFirst }),
-      eHidden > 0 && /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.dimGray, children: ` [+${eHidden}]` })
+    return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx7(Text6, { color: THEME.red, children: "  \u2717 " }),
+      /* @__PURE__ */ jsx7(Text6, { color: THEME.red, children: eFirst }),
+      eHidden > 0 && /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.dimGray, children: ` [+${eHidden}]` })
     ] }) }, msg.id);
   }
   if (msg.type === "user") {
-    return /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx6(Text5, { color: THEME.primary, children: "\u276F " }),
-      /* @__PURE__ */ jsx6(Text5, { color: THEME.white, bold: true, children: msg.content })
+    return /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx7(Text6, { color: THEME.primary, children: "\u276F " }),
+      /* @__PURE__ */ jsx7(Text6, { color: THEME.white, bold: true, children: msg.content })
     ] }, msg.id);
   }
   if (msg.type === "system") {
-    return /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
-      /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.gray, children: msg.content })
+    return /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
+      /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.gray, children: msg.content })
     ] }, msg.id);
   }
-  return /* @__PURE__ */ jsxs5(Box5, { children: [
-    /* @__PURE__ */ jsx6(Text5, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
-    /* @__PURE__ */ jsx6(Text5, { color: MESSAGE_STYLES.colors[msg.type] ?? THEME.gray, children: msg.content })
+  return /* @__PURE__ */ jsxs6(Box6, { children: [
+    /* @__PURE__ */ jsx7(Text6, { dimColor: true, color: THEME.dimGray, children: "  \xB7 " }),
+    /* @__PURE__ */ jsx7(Text6, { color: MESSAGE_STYLES.colors[msg.type] ?? THEME.gray, children: msg.content })
   ] }, msg.id);
 });
 
-// src/platform/tui/components/messages/EmptyState.tsx
-import { memo as memo6 } from "react";
-import { Box as Box7, Text as Text7 } from "ink";
+// src/platform/tui/components/messages/BrandingHeader.tsx
+import { memo as memo7 } from "react";
+import { Box as Box8, Text as Text8 } from "ink";
 
 // src/platform/tui/components/ShimmerBanner.tsx
-import { memo as memo5 } from "react";
-import { Box as Box6, Text as Text6 } from "ink";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ShimmerBanner = memo5(({ banner }) => {
+import { memo as memo6 } from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var ShimmerBanner = memo6(({ banner }) => {
   const lines = banner.split("\n").filter((l) => l.length > 0);
-  return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: lines.map((line, row) => /* @__PURE__ */ jsx7(Text6, { color: HEX.primary, children: line }, row)) });
+  return /* @__PURE__ */ jsx8(Box7, { flexDirection: "column", children: lines.map((line, row) => /* @__PURE__ */ jsx8(Text7, { color: HEX.primary, children: line }, row)) });
 });
 
-// src/platform/tui/components/messages/EmptyState.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
-var EmptyState = memo6(({ modelName, autoApproveMode, version }) => {
+// src/platform/tui/components/messages/BrandingHeader.tsx
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var BrandingHeader = memo7(({ modelName, autoApproveMode, version, showGuide = false }) => {
   const autoLabel = autoApproveMode ? "ON" : "OFF";
-  const autoColor = autoApproveMode ? THEME.primary : THEME.gray;
-  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-    /* @__PURE__ */ jsx8(ShimmerBanner, { banner: ASCII_BANNER }),
-    /* @__PURE__ */ jsxs6(Box7, { paddingLeft: 2, gap: 2, children: [
-      version && /* @__PURE__ */ jsx8(Text7, { color: THEME.dimGray, children: `v${version}` }),
-      modelName && /* @__PURE__ */ jsxs6(Text7, { color: THEME.dimGray, children: [
-        "\xB7",
-        " ",
-        /* @__PURE__ */ jsx8(Text7, { color: THEME.gray, children: modelName })
+  const autoColor = autoApproveMode ? THEME.primary : THEME.dimGray;
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingBottom: 1, children: [
+    /* @__PURE__ */ jsx9(ShimmerBanner, { banner: ASCII_BANNER }),
+    /* @__PURE__ */ jsxs7(Box8, { gap: 1, paddingLeft: 1, children: [
+      version && /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: `v${version}` }),
+      modelName && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "\xB7" }),
+        /* @__PURE__ */ jsx9(Text8, { color: THEME.gray, children: modelName })
       ] }),
-      /* @__PURE__ */ jsxs6(Text7, { color: THEME.dimGray, children: [
-        "\xB7",
-        " Auto: ",
-        /* @__PURE__ */ jsx8(Text7, { color: autoColor, children: autoLabel })
-      ] })
+      /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "\xB7" }),
+      /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "Auto:" }),
+      /* @__PURE__ */ jsx9(Text8, { color: autoColor, bold: !!autoApproveMode, children: autoLabel })
     ] }),
-    /* @__PURE__ */ jsx8(Text7, { children: " " }),
-    /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingLeft: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { color: THEME.gray, children: "Get started:" }),
-      /* @__PURE__ */ jsxs6(Text7, { color: THEME.gray, children: [
-        "  ",
-        /* @__PURE__ */ jsxs6(Text7, { color: THEME.white, children: [
-          "/target ",
-          "<ip>"
+    showGuide && /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingTop: 1, paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "\u2500".repeat(40) }),
+      /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", paddingTop: 0, children: [
+        /* @__PURE__ */ jsxs7(Box8, { gap: 2, children: [
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.primary, children: "\u276F" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.white, children: "/target <ip>" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "Set target IP or domain" })
         ] }),
-        "   \u2014 Set target IP or domain"
-      ] }),
-      /* @__PURE__ */ jsxs6(Text7, { color: THEME.gray, children: [
-        "  ",
-        /* @__PURE__ */ jsx8(Text7, { color: THEME.white, children: "/start" }),
-        "          \u2014 Begin autonomous pentest"
-      ] }),
-      /* @__PURE__ */ jsxs6(Text7, { color: THEME.gray, children: [
-        "  ",
-        /* @__PURE__ */ jsx8(Text7, { color: THEME.white, children: "/help" }),
-        "           \u2014 Show all commands"
-      ] }),
-      /* @__PURE__ */ jsx8(Text7, { children: " " }),
-      /* @__PURE__ */ jsx8(Text7, { color: THEME.dimGray, children: "Or just type a task and press Enter." })
+        /* @__PURE__ */ jsxs7(Box8, { gap: 2, children: [
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.primary, children: "\u276F" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.white, children: "/start" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "       Begin autonomous pentest" })
+        ] }),
+        /* @__PURE__ */ jsxs7(Box8, { gap: 2, children: [
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.primary, children: "\u276F" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.white, children: "/help" }),
+          /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "        Show all commands" })
+        ] }),
+        /* @__PURE__ */ jsx9(Box8, { paddingTop: 1, children: /* @__PURE__ */ jsx9(Text8, { color: THEME.dimGray, children: "Or just type a task and press Enter." }) })
+      ] })
     ] })
   ] });
 });
 
 // src/platform/tui/components/MessageList.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var MessageList = memo7(({ messages, modelName, autoApproveMode, version }) => {
-  if (messages.length === 0) {
-    return /* @__PURE__ */ jsx9(
-      EmptyState,
-      {
-        modelName,
-        autoApproveMode,
-        version
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", children: /* @__PURE__ */ jsx9(Static, { items: messages, children: (msg) => /* @__PURE__ */ jsx9(MessageRow, { msg }, msg.id) }) });
+import { jsx as jsx10 } from "react/jsx-runtime";
+var HEADER_ITEM = { id: "__header__", type: "header" };
+var MessageList = memo8(({ messages, modelName, autoApproveMode, version }) => {
+  const staticItems = [HEADER_ITEM, ...messages];
+  return /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", children: /* @__PURE__ */ jsx10(Static, { items: staticItems, children: (item) => {
+    if (item.type === "header") {
+      return /* @__PURE__ */ jsx10(
+        BrandingHeader,
+        {
+          modelName,
+          autoApproveMode,
+          version,
+          showGuide: messages.length === 0
+        },
+        "__header__"
+      );
+    }
+    return /* @__PURE__ */ jsx10(MessageRow, { msg: item }, item.id);
+  } }) });
 });
 
 // src/platform/tui/components/StatusDisplay.tsx
-import { memo as memo10 } from "react";
-import { Box as Box11, Text as Text12 } from "ink";
+import { memo as memo11 } from "react";
+import { Box as Box12, Text as Text13 } from "ink";
 
 // src/platform/tui/hooks/useStatusTimer.ts
 import { useState as useState4, useEffect as useEffect6, useRef as useRef5 } from "react";
@@ -16872,12 +16930,12 @@ var useStatusTimer = (currentStatus, isProcessing) => {
 };
 
 // src/platform/tui/components/status/RetryView.tsx
-import { Box as Box9, Text as Text9 } from "ink";
+import { Box as Box10, Text as Text10 } from "ink";
 
 // src/platform/tui/components/StarSpinner.tsx
-import { memo as memo8 } from "react";
-import { Text as Text8 } from "ink";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { memo as memo9 } from "react";
+import { Text as Text9 } from "ink";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var FRAMES = [
   "\xB7",
   "\u2726",
@@ -16894,34 +16952,34 @@ var FRAMES = [
   "\u2727",
   "\u2726"
 ];
-var StarSpinner = memo8(({ color }) => {
+var StarSpinner = memo9(({ color }) => {
   const tick = useAnimationTick();
   const index = tick % FRAMES.length;
-  return /* @__PURE__ */ jsx10(Text8, { color: color || "yellow", children: FRAMES[index] });
+  return /* @__PURE__ */ jsx11(Text9, { color: color || "yellow", children: FRAMES[index] });
 });
 
 // src/platform/tui/components/status/RetryView.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var RetryView = ({ retryState }) => {
   const truncateError = (err) => {
     return err.length > DISPLAY_LIMITS.RETRY_ERROR_PREVIEW ? err.substring(0, DISPLAY_LIMITS.RETRY_ERROR_TRUNCATED) + "..." : err;
   };
-  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", height: 2, children: [
-    /* @__PURE__ */ jsxs7(Box9, { children: [
-      /* @__PURE__ */ jsx11(Text9, { color: THEME.yellow, wrap: "truncate", children: /* @__PURE__ */ jsx11(StarSpinner, { color: THEME.yellow }) }),
-      /* @__PURE__ */ jsxs7(Text9, { color: THEME.yellow, bold: true, wrap: "truncate", children: [
+  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", height: 2, children: [
+    /* @__PURE__ */ jsxs8(Box10, { children: [
+      /* @__PURE__ */ jsx12(Text10, { color: THEME.yellow, wrap: "truncate", children: /* @__PURE__ */ jsx12(StarSpinner, { color: THEME.yellow }) }),
+      /* @__PURE__ */ jsxs8(Text10, { color: THEME.yellow, bold: true, wrap: "truncate", children: [
         " \u29F3 Retry #",
         retryState.attempt,
         "/",
         retryState.maxRetries
       ] }),
-      /* @__PURE__ */ jsxs7(Text9, { color: THEME.gray, wrap: "truncate", children: [
+      /* @__PURE__ */ jsxs8(Text10, { color: THEME.gray, wrap: "truncate", children: [
         " \u2014 ",
         retryState.countdown,
         "s"
       ] })
     ] }),
-    /* @__PURE__ */ jsx11(Box9, { children: /* @__PURE__ */ jsxs7(Text9, { color: THEME.gray, wrap: "truncate", children: [
+    /* @__PURE__ */ jsx12(Box10, { children: /* @__PURE__ */ jsxs8(Text10, { color: THEME.gray, wrap: "truncate", children: [
       "  ",
       truncateError(retryState.error)
     ] }) })
@@ -16929,12 +16987,12 @@ var RetryView = ({ retryState }) => {
 };
 
 // src/platform/tui/components/status/ProcessingView.tsx
-import { Box as Box10, Text as Text11 } from "ink";
+import { Box as Box11, Text as Text12 } from "ink";
 
 // src/platform/tui/components/ShimmerText.tsx
-import { memo as memo9 } from "react";
-import { Text as Text10 } from "ink";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { memo as memo10 } from "react";
+import { Text as Text11 } from "ink";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var WAVE_SPEED = 0.25 * (120 / ANIM_TICK_MS);
 var CHAR_PHASE_GAP = 0.55;
 function sinToColor(sin) {
@@ -16943,19 +17001,19 @@ function sinToColor(sin) {
   const hex = brightness.toString(16).padStart(2, "0");
   return `#${hex}${hex}${hex}`;
 }
-var ShimmerText = memo9(({ children, bold, phase = 0 }) => {
+var ShimmerText = memo10(({ children, bold, phase = 0 }) => {
   const tick = useAnimationTick();
   const globalPhase = tick * WAVE_SPEED + phase;
-  return /* @__PURE__ */ jsx12(Text10, { bold, children: Array.from(children).map((char, i) => {
+  return /* @__PURE__ */ jsx13(Text11, { bold, children: Array.from(children).map((char, i) => {
     const charPhase = globalPhase - i * CHAR_PHASE_GAP;
     const sin = Math.sin(charPhase);
     const color = sinToColor(sin);
-    return /* @__PURE__ */ jsx12(Text10, { color, children: char }, i);
+    return /* @__PURE__ */ jsx13(Text11, { color, children: char }, i);
   }) });
 });
 
 // src/platform/tui/components/status/ProcessingView.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var ProcessingView = ({
   statusMain,
   detailText,
@@ -16974,27 +17032,27 @@ var ProcessingView = ({
   const parenIdx = statusMain.indexOf("(");
   const shimmerPart = parenIdx > -1 ? statusMain.slice(0, parenIdx).trimEnd() : statusMain;
   const staticSuffix = parenIdx > -1 ? " " + statusMain.slice(parenIdx) : "";
-  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", height: 2, children: [
-    /* @__PURE__ */ jsxs8(Box10, { children: [
-      /* @__PURE__ */ jsx13(Text11, { color, wrap: "truncate", children: /* @__PURE__ */ jsx13(StarSpinner, { color }) }),
-      /* @__PURE__ */ jsx13(Text11, { children: " " }),
-      /* @__PURE__ */ jsx13(ShimmerText, { bold: true, phase: 0, children: shimmerPart }),
-      staticSuffix ? /* @__PURE__ */ jsx13(Text11, { color: THEME.dimGray, wrap: "truncate", children: staticSuffix }) : null,
-      /* @__PURE__ */ jsxs8(Text11, { color: THEME.dimGray, wrap: "truncate", children: [
+  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", height: 2, children: [
+    /* @__PURE__ */ jsxs9(Box11, { children: [
+      /* @__PURE__ */ jsx14(Text12, { color, wrap: "truncate", children: /* @__PURE__ */ jsx14(StarSpinner, { color }) }),
+      /* @__PURE__ */ jsx14(Text12, { children: " " }),
+      /* @__PURE__ */ jsx14(ShimmerText, { bold: true, phase: 0, children: shimmerPart }),
+      staticSuffix ? /* @__PURE__ */ jsx14(Text12, { color: THEME.dimGray, wrap: "truncate", children: staticSuffix }) : null,
+      /* @__PURE__ */ jsxs9(Text12, { color: THEME.dimGray, wrap: "truncate", children: [
         " ",
         meta
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(Box10, { children: detailText ? /* @__PURE__ */ jsxs8(Text11, { color: THEME.dimGray, wrap: "truncate", children: [
+    /* @__PURE__ */ jsx14(Box11, { children: detailText ? /* @__PURE__ */ jsxs9(Text12, { color: THEME.dimGray, wrap: "truncate", children: [
       "  ",
       detailText
-    ] }) : /* @__PURE__ */ jsx13(Text11, { children: " " }) })
+    ] }) : /* @__PURE__ */ jsx14(Text12, { children: " " }) })
   ] });
 };
 
 // src/platform/tui/components/StatusDisplay.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-var StatusDisplay = memo10(({
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var StatusDisplay = memo11(({
   retryState,
   isProcessing,
   currentStatus,
@@ -17004,12 +17062,12 @@ var StatusDisplay = memo10(({
   const isWaitingForInput = inputRequest?.status === "active";
   const statusElapsed = useStatusTimer(currentStatus, isProcessing && !isWaitingForInput);
   if (retryState && retryState.status === "retrying") {
-    return /* @__PURE__ */ jsx14(RetryView, { retryState });
+    return /* @__PURE__ */ jsx15(RetryView, { retryState });
   }
   if (isProcessing && isWaitingForInput) {
-    return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", height: 2, children: [
-      /* @__PURE__ */ jsx14(Text12, { children: " " }),
-      /* @__PURE__ */ jsx14(Text12, { children: " " })
+    return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", height: 2, children: [
+      /* @__PURE__ */ jsx15(Text13, { children: " " }),
+      /* @__PURE__ */ jsx15(Text13, { children: " " })
     ] });
   }
   if (isProcessing) {
@@ -17017,7 +17075,7 @@ var StatusDisplay = memo10(({
     const statusLines = currentStatus ? currentStatus.split("\n").filter(Boolean) : [];
     const statusMain = statusLines[0] || "Processing...";
     const detailText = isThinkingStatus && statusLines.length > 1 ? statusLines[statusLines.length - 1].slice(0, 120) : "";
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       ProcessingView,
       {
         statusMain,
@@ -17028,46 +17086,46 @@ var StatusDisplay = memo10(({
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(Box11, { flexDirection: "column", height: 2, children: [
-    /* @__PURE__ */ jsx14(Text12, { children: " " }),
-    /* @__PURE__ */ jsx14(Text12, { children: " " })
+  return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", height: 2, children: [
+    /* @__PURE__ */ jsx15(Text13, { children: " " }),
+    /* @__PURE__ */ jsx15(Text13, { children: " " })
   ] });
 });
 
 // src/platform/tui/components/ChatInput.tsx
-import { useMemo, useCallback as useCallback7, useRef as useRef6, memo as memo11, useState as useState5, useEffect as useEffect7 } from "react";
-import { Box as Box15, Text as Text16, useInput as useInput2 } from "ink";
+import { useMemo, useCallback as useCallback7, useRef as useRef6, memo as memo12, useState as useState5, useEffect as useEffect7 } from "react";
+import { Box as Box16, Text as Text17, useInput as useInput2 } from "ink";
 
 // src/platform/tui/components/input/AutocompletePreview.tsx
-import { Box as Box12, Text as Text13 } from "ink";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text14 } from "ink";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var AutocompletePreview = ({
   suggestions,
   clampedIdx
 }) => {
-  return /* @__PURE__ */ jsx15(Box12, { flexDirection: "column", paddingX: 1, children: suggestions.map((cmd, i) => {
+  return /* @__PURE__ */ jsx16(Box13, { flexDirection: "column", paddingX: 1, children: suggestions.map((cmd, i) => {
     const isSelected = i === clampedIdx;
     const argsText = cmd.args ? ` ${cmd.args}` : "";
-    return /* @__PURE__ */ jsxs10(Box12, { children: [
-      /* @__PURE__ */ jsx15(Text13, { color: isSelected ? THEME.primary : THEME.dimGray, children: isSelected ? "  \u276F " : "    " }),
-      /* @__PURE__ */ jsxs10(Text13, { color: isSelected ? THEME.white : THEME.gray, bold: isSelected, children: [
+    return /* @__PURE__ */ jsxs11(Box13, { children: [
+      /* @__PURE__ */ jsx16(Text14, { color: isSelected ? THEME.primary : THEME.dimGray, children: isSelected ? "  \u276F " : "    " }),
+      /* @__PURE__ */ jsxs11(Text14, { color: isSelected ? THEME.white : THEME.gray, bold: isSelected, children: [
         "/",
         cmd.name
       ] }),
-      /* @__PURE__ */ jsx15(Text13, { dimColor: true, color: THEME.gray, children: argsText }),
-      /* @__PURE__ */ jsxs10(Text13, { dimColor: true, color: THEME.dimGray, children: [
+      /* @__PURE__ */ jsx16(Text14, { dimColor: true, color: THEME.gray, children: argsText }),
+      /* @__PURE__ */ jsxs11(Text14, { dimColor: true, color: THEME.dimGray, children: [
         " \u2014 ",
         cmd.description
       ] }),
-      isSelected && cmd.alias && /* @__PURE__ */ jsx15(Text13, { dimColor: true, color: THEME.dimGray, children: ` (/${cmd.alias})` })
+      isSelected && cmd.alias && /* @__PURE__ */ jsx16(Text14, { dimColor: true, color: THEME.dimGray, children: ` (/${cmd.alias})` })
     ] }, cmd.name);
   }) });
 };
 
 // src/platform/tui/components/input/SecretInputArea.tsx
-import { Box as Box13, Text as Text14, useStdout } from "ink";
+import { Box as Box14, Text as Text15, useStdout } from "ink";
 import TextInput from "ink-text-input";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var OUTER_PADDING = 2;
 var SecretInputArea = ({
   inputRequest,
@@ -17078,11 +17136,11 @@ var SecretInputArea = ({
   const { stdout } = useStdout();
   const borderWidth = Math.max(10, (stdout?.columns ?? 80) - OUTER_PADDING);
   const borderLine = "\u2501".repeat(borderWidth);
-  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx16(Box13, { children: /* @__PURE__ */ jsx16(Text14, { color: THEME.yellow, children: borderLine }) }),
-    /* @__PURE__ */ jsxs11(Box13, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx16(Text14, { color: THEME.yellow, bold: true, children: "\u25B8 " }),
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx17(Box14, { children: /* @__PURE__ */ jsx17(Text15, { color: THEME.yellow, children: borderLine }) }),
+    /* @__PURE__ */ jsxs12(Box14, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Text15, { color: THEME.yellow, bold: true, children: "\u25B8 " }),
+      /* @__PURE__ */ jsx17(
         TextInput,
         {
           value: secretInput,
@@ -17093,14 +17151,14 @@ var SecretInputArea = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx16(Box13, { children: /* @__PURE__ */ jsx16(Text14, { color: THEME.yellow, children: borderLine }) })
+    /* @__PURE__ */ jsx17(Box14, { children: /* @__PURE__ */ jsx17(Text15, { color: THEME.yellow, children: borderLine }) })
   ] });
 };
 
 // src/platform/tui/components/input/NormalInputArea.tsx
-import { Box as Box14, Text as Text15, useStdout as useStdout2 } from "ink";
+import { Box as Box15, Text as Text16, useStdout as useStdout2 } from "ink";
 import TextInput2 from "ink-text-input";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var OUTER_PADDING2 = 2;
 var NormalInputArea = ({
   inputKey,
@@ -17112,11 +17170,11 @@ var NormalInputArea = ({
   const { stdout } = useStdout2();
   const borderWidth = Math.max(10, (stdout?.columns ?? 80) - OUTER_PADDING2);
   const borderLine = "\u2500".repeat(borderWidth);
-  return /* @__PURE__ */ jsxs12(Box14, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx17(Box14, { children: /* @__PURE__ */ jsx17(Text15, { dimColor: true, color: THEME.dimGray, children: borderLine }) }),
-    /* @__PURE__ */ jsxs12(Box14, { paddingX: 1, children: [
-      /* @__PURE__ */ jsx17(Text15, { color: THEME.primary, children: "\u276F " }),
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx18(Box15, { children: /* @__PURE__ */ jsx18(Text16, { dimColor: true, color: THEME.dimGray, children: borderLine }) }),
+    /* @__PURE__ */ jsxs13(Box15, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx18(Text16, { color: THEME.primary, children: "\u276F " }),
+      /* @__PURE__ */ jsx18(
         TextInput2,
         {
           value,
@@ -17127,14 +17185,14 @@ var NormalInputArea = ({
         inputKey
       )
     ] }),
-    /* @__PURE__ */ jsx17(Box14, { children: /* @__PURE__ */ jsx17(Text15, { dimColor: true, color: THEME.dimGray, children: borderLine }) })
+    /* @__PURE__ */ jsx18(Box15, { children: /* @__PURE__ */ jsx18(Text16, { dimColor: true, color: THEME.dimGray, children: borderLine }) })
   ] });
 };
 
 // src/platform/tui/components/ChatInput.tsx
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var MAX_SUGGESTIONS = 6;
-var ChatInput = memo11(({
+var ChatInput = memo12(({
   value,
   onChange,
   onSubmit,
@@ -17231,8 +17289,8 @@ var ChatInput = memo11(({
       completeCommand(selectedIdxRef.current);
     }
   }, [completeCommand]));
-  return /* @__PURE__ */ jsxs13(Box15, { flexDirection: "column", children: [
-    showPreview && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs14(Box16, { flexDirection: "column", children: [
+    showPreview && /* @__PURE__ */ jsx19(
       AutocompletePreview,
       {
         suggestions,
@@ -17241,7 +17299,7 @@ var ChatInput = memo11(({
     ),
     inputRequest.status === "active" ? (
       /* Active input request — yellow top/bottom border */
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         SecretInputArea,
         {
           inputRequest,
@@ -17252,7 +17310,7 @@ var ChatInput = memo11(({
       )
     ) : (
       /* Normal input — dim top/bottom border */
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         NormalInputArea,
         {
           inputKey,
@@ -17263,14 +17321,14 @@ var ChatInput = memo11(({
         }
       )
     ),
-    pastedHint && /* @__PURE__ */ jsx18(Box15, { paddingX: 2, children: /* @__PURE__ */ jsx18(Text16, { dimColor: true, color: THEME.dimGray, children: pastedHint }) })
+    pastedHint && /* @__PURE__ */ jsx19(Box16, { paddingX: 2, children: /* @__PURE__ */ jsx19(Text17, { dimColor: true, color: THEME.dimGray, children: pastedHint }) })
   ] });
 });
 
 // src/platform/tui/components/footer.tsx
-import { memo as memo12 } from "react";
-import { Box as Box16, Text as Text17 } from "ink";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { memo as memo13 } from "react";
+import { Box as Box17, Text as Text18 } from "ink";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var CTX_WARN_THRESHOLD = 0.8;
 var MAX_CONTEXT_TOKENS = LLM_LIMITS.streamMaxTokens;
 var formatElapsed = (totalSeconds) => {
@@ -17283,55 +17341,55 @@ var formatElapsed = (totalSeconds) => {
   }
   return `${minutes}:${pad(seconds)}`;
 };
-var Footer = memo12(({ phase, targets, findings, todo, elapsedTime, isProcessing, totalTokens, turnCount }) => {
+var Footer = memo13(({ phase, targets, findings, todo, elapsedTime, isProcessing, totalTokens, turnCount }) => {
   const ctxPct = totalTokens > 0 ? Math.round(totalTokens / MAX_CONTEXT_TOKENS * 100) : 0;
   const ctxColor = ctxPct >= CTX_WARN_THRESHOLD * 100 ? THEME.yellow : THEME.dimGray;
-  return /* @__PURE__ */ jsxs14(
-    Box16,
+  return /* @__PURE__ */ jsxs15(
+    Box17,
     {
       width: "100%",
       paddingX: 1,
       justifyContent: "space-between",
       overflow: "hidden",
       children: [
-        /* @__PURE__ */ jsxs14(Box16, { gap: 2, children: [
-          /* @__PURE__ */ jsxs14(Text17, { color: THEME.gray, children: [
+        /* @__PURE__ */ jsxs15(Box17, { gap: 2, children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: THEME.gray, children: [
             "Phase: ",
-            /* @__PURE__ */ jsx19(Text17, { color: THEME.white, children: phase })
+            /* @__PURE__ */ jsx20(Text18, { color: THEME.white, children: phase })
           ] }),
-          /* @__PURE__ */ jsxs14(Text17, { color: THEME.gray, children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: THEME.gray, children: [
             "Targets: ",
-            /* @__PURE__ */ jsx19(Text17, { color: THEME.white, children: targets })
+            /* @__PURE__ */ jsx20(Text18, { color: THEME.white, children: targets })
           ] }),
-          /* @__PURE__ */ jsxs14(Text17, { color: THEME.gray, children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: THEME.gray, children: [
             "Findings: ",
-            /* @__PURE__ */ jsx19(Text17, { color: THEME.white, children: findings })
+            /* @__PURE__ */ jsx20(Text18, { color: THEME.white, children: findings })
           ] }),
-          /* @__PURE__ */ jsxs14(Text17, { color: THEME.gray, children: [
+          /* @__PURE__ */ jsxs15(Text18, { color: THEME.gray, children: [
             "Tasks: ",
-            /* @__PURE__ */ jsx19(Text17, { color: THEME.white, children: todo })
+            /* @__PURE__ */ jsx20(Text18, { color: THEME.white, children: todo })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs14(Box16, { gap: 2, children: [
-          isProcessing ? /* @__PURE__ */ jsxs14(Box16, { gap: 1, children: [
-            /* @__PURE__ */ jsx19(Text17, { dimColor: true, color: THEME.dimGray, children: "[ESC] abort" }),
-            /* @__PURE__ */ jsx19(Text17, { dimColor: true, color: THEME.dimGray, children: "[^C\xD72] exit" })
-          ] }) : /* @__PURE__ */ jsx19(Text17, { dimColor: true, color: THEME.dimGray, children: "[/help] commands" }),
-          turnCount > 0 && /* @__PURE__ */ jsxs14(Text17, { dimColor: true, color: THEME.dimGray, children: [
+        /* @__PURE__ */ jsxs15(Box17, { gap: 2, children: [
+          isProcessing ? /* @__PURE__ */ jsxs15(Box17, { gap: 1, children: [
+            /* @__PURE__ */ jsx20(Text18, { dimColor: true, color: THEME.dimGray, children: "[ESC] abort" }),
+            /* @__PURE__ */ jsx20(Text18, { dimColor: true, color: THEME.dimGray, children: "[^C\xD72] exit" })
+          ] }) : /* @__PURE__ */ jsx20(Text18, { dimColor: true, color: THEME.dimGray, children: "[/help] commands" }),
+          turnCount > 0 && /* @__PURE__ */ jsxs15(Text18, { dimColor: true, color: THEME.dimGray, children: [
             "turn:",
             turnCount
           ] }),
-          totalTokens > 0 && /* @__PURE__ */ jsxs14(Text17, { dimColor: true, color: ctxColor, children: [
+          totalTokens > 0 && /* @__PURE__ */ jsxs15(Text18, { dimColor: true, color: ctxColor, children: [
             "ctx:",
             ctxPct,
             "%"
           ] }),
-          totalTokens > 0 && /* @__PURE__ */ jsxs14(Text17, { dimColor: true, color: THEME.dimGray, children: [
+          totalTokens > 0 && /* @__PURE__ */ jsxs15(Text18, { dimColor: true, color: THEME.dimGray, children: [
             "\u2191",
             formatTokens(totalTokens)
           ] }),
-          /* @__PURE__ */ jsx19(Text17, { color: isProcessing ? THEME.primary : THEME.gray, children: isProcessing ? "Running " : "Idle " }),
-          /* @__PURE__ */ jsx19(Text17, { color: THEME.white, children: formatElapsed(elapsedTime) })
+          /* @__PURE__ */ jsx20(Text18, { color: isProcessing ? THEME.primary : THEME.gray, children: isProcessing ? "Running " : "Idle " }),
+          /* @__PURE__ */ jsx20(Text18, { color: THEME.white, children: formatElapsed(elapsedTime) })
         ] })
       ]
     }
@@ -17340,15 +17398,15 @@ var Footer = memo12(({ phase, targets, findings, todo, elapsedTime, isProcessing
 var footer_default = Footer;
 
 // src/platform/tui/components/Modal.tsx
-import { useMemo as useMemo2, memo as memo13, useCallback as useCallback8, useRef as useRef7 } from "react";
-import { Box as Box17, Text as Text18, useStdout as useStdout3, useInput as useInput3 } from "ink";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useMemo as useMemo2, memo as memo14, useCallback as useCallback8, useRef as useRef7 } from "react";
+import { Box as Box18, Text as Text19, useStdout as useStdout3, useInput as useInput3 } from "ink";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var MODAL_TITLES = {
   findings: "\u25C8 FINDINGS \u25C8",
   graph: "\u25C8 ATTACK GRAPH \u25C8",
   help: "\u25C8 COMMANDS \u25C8"
 };
-var Modal = memo13(({
+var Modal = memo14(({
   type,
   content,
   scrollOffset,
@@ -17386,20 +17444,20 @@ var Modal = memo13(({
   const endLine = Math.min(scrollOffset + maxHeight, totalLines);
   const scrollbarHeight = Math.max(1, Math.floor(maxHeight * (maxHeight / Math.max(totalLines, 1))));
   const scrollbarPosition = totalLines > maxHeight ? Math.floor(scrollOffset / (totalLines - maxHeight) * (maxHeight - scrollbarHeight)) : 0;
-  return /* @__PURE__ */ jsxs15(
-    Box17,
+  return /* @__PURE__ */ jsxs16(
+    Box18,
     {
       flexDirection: "column",
       width: terminalWidth,
       height: terminalHeight,
       children: [
-        /* @__PURE__ */ jsx20(Box17, { justifyContent: "center", marginBottom: 0, children: /* @__PURE__ */ jsx20(Text18, { color: THEME.cyan, bold: true, children: (() => {
+        /* @__PURE__ */ jsx21(Box18, { justifyContent: "center", marginBottom: 0, children: /* @__PURE__ */ jsx21(Text19, { color: THEME.cyan, bold: true, children: (() => {
           const title = MODAL_TITLES[type];
           const sideWidth = Math.max(3, Math.floor((terminalWidth - title.length - 2) / 2));
           return `${"\u2500".repeat(sideWidth)} ${title} ${"\u2500".repeat(sideWidth)}`;
         })() }) }),
-        /* @__PURE__ */ jsx20(
-          Box17,
+        /* @__PURE__ */ jsx21(
+          Box18,
           {
             flexDirection: "column",
             borderStyle: "round",
@@ -17408,17 +17466,17 @@ var Modal = memo13(({
             flexGrow: 1,
             children: visibleLines.map((line, i) => {
               const showScrollbar = totalLines > maxHeight && i >= scrollbarPosition && i < scrollbarPosition + scrollbarHeight;
-              return /* @__PURE__ */ jsxs15(Box17, { children: [
-                /* @__PURE__ */ jsx20(Text18, { color: THEME.white, wrap: "truncate", children: line }),
-                /* @__PURE__ */ jsx20(Box17, { flexGrow: 1 }),
-                totalLines > maxHeight && /* @__PURE__ */ jsx20(Text18, { color: showScrollbar ? THEME.cyan : THEME.dimGray, children: showScrollbar ? "\u2588" : "\u2502" })
+              return /* @__PURE__ */ jsxs16(Box18, { children: [
+                /* @__PURE__ */ jsx21(Text19, { color: THEME.white, wrap: "truncate", children: line }),
+                /* @__PURE__ */ jsx21(Box18, { flexGrow: 1 }),
+                totalLines > maxHeight && /* @__PURE__ */ jsx21(Text19, { color: showScrollbar ? THEME.cyan : THEME.dimGray, children: showScrollbar ? "\u2588" : "\u2502" })
               ] }, i);
             })
           }
         ),
-        /* @__PURE__ */ jsxs15(Box17, { justifyContent: "space-between", paddingX: 1, children: [
-          /* @__PURE__ */ jsx20(Text18, { dimColor: true, color: THEME.gray, children: "\u2191\u2193/jk: scroll | g/G: top/bottom | ESC/q: close" }),
-          /* @__PURE__ */ jsxs15(Text18, { dimColor: true, color: THEME.cyan, children: [
+        /* @__PURE__ */ jsxs16(Box18, { justifyContent: "space-between", paddingX: 1, children: [
+          /* @__PURE__ */ jsx21(Text19, { dimColor: true, color: THEME.gray, children: "\u2191\u2193/jk: scroll | g/G: top/bottom | ESC/q: close" }),
+          /* @__PURE__ */ jsxs16(Text19, { dimColor: true, color: THEME.cyan, children: [
             startLine,
             "-",
             endLine,
@@ -17432,8 +17490,8 @@ var Modal = memo13(({
 });
 
 // src/platform/tui/components/app/bottom-region.tsx
-import { Box as Box18 } from "ink";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Box as Box19 } from "ink";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var BottomRegion = ({
   input,
   setInput,
@@ -17457,8 +17515,8 @@ var BottomRegion = ({
   const suggestionCount = isSlashMode && !hasArgs && inputRequest.status !== "active" ? Math.min(getMatchingCommands(partialCmd).length, MAX_SUGGESTIONS) : 0;
   const previewHeight = suggestionCount;
   const bottomMinHeight = 7;
-  return /* @__PURE__ */ jsxs16(Box18, { flexDirection: "column", minHeight: bottomMinHeight, children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", minHeight: bottomMinHeight, children: [
+    /* @__PURE__ */ jsx22(
       StatusDisplay,
       {
         retryState,
@@ -17468,7 +17526,7 @@ var BottomRegion = ({
         inputRequest
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       ChatInput,
       {
         value: input,
@@ -17481,7 +17539,7 @@ var BottomRegion = ({
         onSecretSubmit: handleSecretSubmit
       }
     ),
-    /* @__PURE__ */ jsx21(Box18, { marginTop: 1, children: /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx22(
       footer_default,
       {
         phase: stats.phase,
@@ -17498,7 +17556,7 @@ var BottomRegion = ({
 };
 
 // src/platform/tui/app.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var MODEL_NAME = getModel() || DEFAULT_MODEL;
 var App = ({ autoApprove = false, target }) => {
   const { exit } = useApp();
@@ -17525,7 +17583,9 @@ var App = ({ autoApprove = false, target }) => {
     abort,
     cancelInputRequest,
     addMessage,
-    refreshStats
+    refreshStats,
+    liveReasoning,
+    isReasoning
   } = useAgent(autoApproveMode, target);
   const isProcessingRef = useRef8(isProcessing);
   isProcessingRef.current = isProcessing;
@@ -17549,7 +17609,7 @@ var App = ({ autoApprove = false, target }) => {
   const handleModalScroll = useCallback9((delta) => {
     setModal((prev) => {
       const lines = prev.content.split("\n");
-      const maxHeight = (stdout?.rows ?? 24) - 6;
+      const maxHeight = (stdout?.rows ?? TUI_DISPLAY_LIMITS.TERMINAL_DEFAULT_ROWS) - TUI_DISPLAY_LIMITS.MODAL_CHROME_HEIGHT;
       const maxScroll = Math.max(0, lines.length - maxHeight);
       const newOffset = Math.max(0, Math.min(maxScroll, prev.scrollOffset + delta));
       return { ...prev, scrollOffset: newOffset };
@@ -17588,7 +17648,7 @@ var App = ({ autoApprove = false, target }) => {
       await handleCommand(cmd, args);
     } else if (isProcessingRef.current) {
       agent.enqueueUserInput(trimmed);
-      addMessage("system", "\u{1F4AC} Message queued \u2014 will be processed at next iteration");
+      addMessage("system", UI_MESSAGES.QUEUED);
     } else {
       await executeTask(trimmed);
     }
@@ -17596,8 +17656,8 @@ var App = ({ autoApprove = false, target }) => {
   const handleSecretSubmit = useCallback9((value) => {
     const ir = inputRequestRef.current;
     if (ir.status !== "active") return;
-    const displayText = ir.isPassword ? "\u2022".repeat(Math.min(value.length, 20)) : value;
-    addMessage("system", `\u21B3 ${displayText}`);
+    const displayText = ir.isPassword ? "\u2022".repeat(Math.min(value.length, TUI_DISPLAY_LIMITS.PASSWORD_MASK_MAX)) : value;
+    addMessage("system", `${UI_MESSAGES.SECRET_PREFIX}${displayText}`);
     ir.resolve(value);
     setInputRequest({ status: "inactive" });
     setSecretInput("");
@@ -17614,7 +17674,7 @@ var App = ({ autoApprove = false, target }) => {
     clearInput
   });
   if (modal.type) {
-    return /* @__PURE__ */ jsx22(Box19, { flexDirection: "column", paddingX: 1, width: terminalWidth, children: /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(Box20, { flexDirection: "column", paddingX: 1, width: terminalWidth, children: /* @__PURE__ */ jsx23(
       Modal,
       {
         type: modal.type,
@@ -17625,8 +17685,8 @@ var App = ({ autoApprove = false, target }) => {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs17(Box19, { flexDirection: "column", paddingX: 1, width: terminalWidth, children: [
-    /* @__PURE__ */ jsx22(Box19, { flexDirection: "column", children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs18(Box20, { flexDirection: "column", width: terminalWidth, children: [
+    /* @__PURE__ */ jsx23(Box20, { flexDirection: "column", children: /* @__PURE__ */ jsx23(
       MessageList,
       {
         messages,
@@ -17635,7 +17695,14 @@ var App = ({ autoApprove = false, target }) => {
         version: APP_VERSION
       }
     ) }),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
+      LiveReasoningPanel,
+      {
+        content: liveReasoning,
+        isReasoning
+      }
+    ),
+    /* @__PURE__ */ jsx23(
       BottomRegion,
       {
         input,
@@ -17660,7 +17727,7 @@ var App = ({ autoApprove = false, target }) => {
 var app_default = App;
 
 // src/platform/tui/cli/commands/interactive.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 async function interactiveAction(options) {
   const { dangerouslySkipPermissions: skipPermissions = false, target } = options;
   console.clear();
@@ -17669,7 +17736,7 @@ async function interactiveAction(options) {
     console.log(chalk.hex(HEX.red)("[!] All tool executions will be auto-approved!\n"));
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx23(AnimationProvider, { children: /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(AnimationProvider, { children: /* @__PURE__ */ jsx24(
       app_default,
       {
         autoApprove: skipPermissions,