@linghun/tui 0.1.0 → 0.1.2

package/dist/{chunk-N7G2X2LK.js → chunk-QD4SCW4A.js}

@@ -1,54 +1,60 @@
-import {
-  WorkflowProgressView
-} from "./chunk-KO64OFSG.js";
 import {
   StatusFooter
-} from "./chunk-SOPYWTFV.js";
+} from "./chunk-RRUI3VWQ.js";
 import {
   StatusTray
-} from "./chunk-6RJVTUWI.js";
+} from "./chunk-T6UOCF5D.js";
 import {
   TaskListView
-} from "./chunk-JGDIO2NF.js";
+} from "./chunk-UO3KYTBU.js";
 import {
   TaskSuggestionBar
-} from "./chunk-CRQORMFF.js";
+} from "./chunk-X37FSYAX.js";
 import {
   UnseenMessagePill
 } from "./chunk-SQIBPLLV.js";
+import {
+  WorkflowProgressView
+} from "./chunk-7C6T7RKJ.js";
 import {
   NotificationStack
 } from "./chunk-JLCPHVBN.js";
 import {
   ProductBlock
-} from "./chunk-M4AIK2SP.js";
-import {
-  SessionsPanel
-} from "./chunk-YH6UIHNF.js";
+} from "./chunk-Z265MCGC.js";
 import {
-  BtwPanel
-} from "./chunk-F6TVBCZV.js";
+  TranscriptViewport
+} from "./chunk-YQNK7HK3.js";
 import {
-  CommandPanel
-} from "./chunk-UOHZQIVL.js";
+  SessionsPanel
+} from "./chunk-4QWCNMP6.js";
 import {
   Composer
-} from "./chunk-ZOSK2UEU.js";
+} from "./chunk-BBK5BA5C.js";
 import {
   ConfigPanel
-} from "./chunk-VCSRBS47.js";
+} from "./chunk-JLAJZPOC.js";
 import {
   HelpPanel
-} from "./chunk-D3UTL2QX.js";
+} from "./chunk-ATY7WBIT.js";
 import {
   StreamingMarkdown
-} from "./chunk-DTK5NBTV.js";
+} from "./chunk-4BFCUJX6.js";
+import {
+  MouseInputRouter
+} from "./chunk-X7HMDZZQ.js";
 import {
   AgentProgressTree
-} from "./chunk-TJLC3QAS.js";
+} from "./chunk-36ZWUJQS.js";
 import {
   BackgroundTaskOverlay
-} from "./chunk-6CI6TKLN.js";
+} from "./chunk-JAVRQ3LM.js";
+import {
+  BtwPanel
+} from "./chunk-LWW2IAFC.js";
+import {
+  CommandPanel
+} from "./chunk-GXFYUZAM.js";
 import {
   bindTerminalInteractionSignals,
   createTerminalInteractionSession,
@@ -74,10 +80,10 @@ import {
   composerMaxWidth,
   fitText,
   taskComposerMaxWidth
-} from "./chunk-APJIC2O5.js";
+} from "./chunk-GTIZNO5O.js";
 
 // src/shell/components/ShellApp.tsx
-import { Box, Static, Text } from "@linghun/ink-runtime";
+import { Box, Text } from "@linghun/ink-runtime";
 import { useEffect, useMemo, useState } from "react";
 
 // src/shell/ink-renderer.tsx
@@ -95,6 +101,7 @@ function shouldUseInkShell(input, output) {
 }
 function renderInkShell(controller, options = {}) {
   const stdout = options.stdout;
+  const inkStdout = createInkStdout(stdout);
   const capability = detectTerminalCapability();
   const useAlternateScreen = resolveAlternateScreen(capability);
   const terminalInteractionModes = resolveTerminalInteractionModes({
@@ -114,7 +121,7 @@ function renderInkShell(controller, options = {}) {
     terminalInteractionSession.enable();
     instance = render(/* @__PURE__ */ jsx(ShellApp, { controller, capability }), {
       stdin: options.stdin,
-      stdout,
+      stdout: inkStdout,
       stderr: options.stderr,
       exitOnCtrlC: false,
       alternateScreen: useAlternateScreen
@@ -177,11 +184,8 @@ function renderInkShell(controller, options = {}) {
     resizeTimer = setTimeout(() => {
       resizeTimer = void 0;
       if (unmounted) return;
-      try {
-        if (useAlternateScreen) {
-          instance.clear();
-        }
-      } catch {
+      if (!useAlternateScreen) {
+        writeBestEffort(stdout, "\x1B[2J\x1B[H");
       }
       terminalInteractionSession.reassert();
       rerender();
@@ -209,16 +213,24 @@ function renderInkShell(controller, options = {}) {
   };
 }
 function resolveAlternateScreen(capability) {
-  if (process.env.LINGHUN_FULLSCREEN === "1") {
-    if (!capability.alternateScreen) return false;
-    if (process.env.TMUX_PANE || process.env.TERM_PROGRAM === "tmux") return false;
-    return true;
-  }
-  return false;
+  if (process.env.LINGHUN_FULLSCREEN === "0") return false;
+  if (!capability.alternateScreen) return false;
+  if (process.env.TMUX_PANE || process.env.TERM_PROGRAM === "tmux") return false;
+  return true;
 }
 function showTerminalCursor(stdout) {
   writeBestEffort(stdout, "\x1B[?25h");
 }
+function createInkStdout(stdout) {
+  if (!stdout) return void 0;
+  const wrapped = Object.create(stdout);
+  wrapped.__linghunRawStdout = stdout;
+  wrapped.write = ((chunk, ...args) => {
+    const next = typeof chunk === "string" ? chunk.replace(/\x1B\[3J/g, "") : Buffer.isBuffer(chunk) ? Buffer.from(chunk.toString().replace(/\x1B\[3J/g, "")) : chunk;
+    return stdout.write.call(stdout, next, ...args);
+  });
+  return wrapped;
+}
 function isNoColorTerminal() {
   return process.env.NO_COLOR === "1" || process.env.FORCE_COLOR === "0";
 }
@@ -269,7 +281,15 @@ function ShellApp({
               cacheTone: view.taskFooter.cacheTone
             }
           ) : null,
-          /* @__PURE__ */ jsx2(Box, { height: 0, overflow: "hidden", children: /* @__PURE__ */ jsx2(Composer, { view, onInput: controller.onInput, capability }) })
+          /* @__PURE__ */ jsx2(Box, { height: 0, overflow: "hidden", children: /* @__PURE__ */ jsx2(
+            Composer,
+            {
+              view,
+              onInput: controller.onInput,
+              capability,
+              layout: taskComposerLayout(view.width)
+            }
+          ) })
         ]
       }
     );
@@ -301,7 +321,15 @@ function HomeLayout({
         /* @__PURE__ */ jsx2(Box, { flexDirection: "column", alignItems: "center", children: brandLines.map((line) => /* @__PURE__ */ jsx2(Text, { color: theme.brand, bold: true, children: line }, line || "empty")) }),
         view.homeVision ? /* @__PURE__ */ jsx2(Box, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx2(Text, { color: theme.muted, children: fitText(view.homeVision, cw - 2) }) }) : null,
         view.setupHint ? /* @__PURE__ */ jsx2(Box, { marginTop: 1, justifyContent: "center", width: cw, children: /* @__PURE__ */ jsx2(Text, { color: theme.warning, children: fitText(view.setupHint, cw - 2) }) }) : null,
-        /* @__PURE__ */ jsx2(Box, { marginTop: 1, flexDirection: "column", width: cw, children: /* @__PURE__ */ jsx2(Composer, { view, onInput: controller.onInput, capability }) }),
+        /* @__PURE__ */ jsx2(Box, { marginTop: 1, flexDirection: "column", width: cw, children: /* @__PURE__ */ jsx2(
+          Composer,
+          {
+            view,
+            onInput: controller.onInput,
+            capability,
+            layout: homeComposerLayout(view.width)
+          }
+        ) }),
         /* @__PURE__ */ jsx2(Box, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx2(StatusTray, { status: view.status, theme, width: view.width }) }),
         view.blocks.length > 0 ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginTop: 1, width: cw, children: view.blocks.map((block) => /* @__PURE__ */ jsx2(
           ProductBlock,
@@ -327,8 +355,8 @@ function TaskLayout({
 }) {
   const noColor = view.themeMode === "no-color";
   const cw = taskComposerMaxWidth(view.width);
-  const contentWidth = Math.max(8, view.width - 4);
-  const nativeTranscript = useNativeTranscriptWindow(view.blocks);
+  const contentWidth = taskContentWidth(view.width);
+  const mouseRouterActive = resolveAlternateScreen(capability);
   const expandedTranscriptBlock = view.ctrlOExpand?.active && view.ctrlOExpand.blockId ? view.blocks.find((block) => block.id === view.ctrlOExpand?.blockId) : void 0;
   const [, setTick] = useState(0);
   const hasProgress = !!(view.agentProgressTree || view.workflowProgressView);
@@ -337,178 +365,185 @@ function TaskLayout({
     const timer = setInterval(() => setTick((t) => t + 1), 1e3);
     return () => clearInterval(timer);
   }, [hasProgress]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
-      Static,
-      {
-        items: nativeTranscript.staticBlocks,
-        children: (block) => /* @__PURE__ */ jsx2(Box, { flexDirection: "column", paddingX: 2, children: /* @__PURE__ */ jsx2(
-          ProductBlock,
-          {
-            block,
-            theme,
-            width: contentWidth,
-            language: view.language
-          }
-        ) }, block.id)
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        flexDirection: "column",
-        width: view.width,
-        height: view.height,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, children: [
-            /* @__PURE__ */ jsx2(Box, { flexGrow: 1, minHeight: 0 }),
-            /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
-              expandedTranscriptBlock ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx2(
-                ProductBlock,
-                {
-                  block: { ...expandedTranscriptBlock, ctrlOCollapsed: false },
-                  theme,
-                  width: contentWidth,
-                  language: view.language
-                }
-              ) }) : nativeTranscript.liveBlocks.length > 0 ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: nativeTranscript.liveBlocks.map((block) => /* @__PURE__ */ jsx2(
-                ProductBlock,
-                {
-                  block,
-                  theme,
-                  width: contentWidth,
-                  language: view.language
-                },
-                block.id
-              )) }) : null,
-              view.streamingAssistantText ? /* @__PURE__ */ jsx2(
-                Box,
-                {
-                  marginTop: expandedTranscriptBlock || nativeTranscript.liveBlocks.length > 0 ? 1 : 0,
-                  children: /* @__PURE__ */ jsx2(
-                    StreamingMarkdown,
-                    {
-                      text: view.streamingAssistantText,
-                      theme,
-                      wrapWidth: contentWidth
-                    }
-                  )
-                }
-              ) : null,
-              view.activity ? /* @__PURE__ */ jsx2(
-                Box,
-                {
-                  marginTop: expandedTranscriptBlock || nativeTranscript.liveBlocks.length > 0 || view.streamingAssistantText ? 1 : 0,
-                  children: /* @__PURE__ */ jsx2(
-                    ActivityIndicator,
-                    {
-                      activity: view.activity,
-                      theme,
-                      tokenCount: estimateStreamingTokens(view.streamingAssistantText)
-                    }
-                  )
-                }
-              ) : null,
-              view.taskSuggestions && view.taskSuggestions.length > 0 ? /* @__PURE__ */ jsx2(
-                TaskSuggestionBar,
-                {
-                  suggestions: view.taskSuggestions,
-                  cursor: view.taskSuggestionCursor ?? 0,
-                  width: view.width,
-                  noColor
-                }
-              ) : null,
-              view.limitations.length > 0 ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginTop: 1, children: view.limitations.map((item) => /* @__PURE__ */ jsx2(Text, { color: theme.muted, children: item }, item)) }) : null
-            ] }),
-            view.unseenMessageCount && view.unseenMessageCount > 0 ? /* @__PURE__ */ jsx2(
-              UnseenMessagePill,
-              {
-                count: view.unseenMessageCount,
-                language: view.language,
-                width: view.width
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { flexShrink: 0, flexDirection: "column", children: [
-            view.backgroundTaskOverlay && !view.permission ? /* @__PURE__ */ jsx2(
-              BackgroundTaskOverlay,
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: view.width, height: view.height, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, minHeight: 0, overflow: "hidden", children: [
+      /* @__PURE__ */ jsx2(
+        MouseInputRouter,
+        {
+          active: mouseRouterActive,
+          scroll: view.transcriptScroll,
+          onInput: controller.onInput
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        TranscriptViewport,
+        {
+          scroll: view.transcriptScroll,
+          virtualRange: view.transcriptVirtualRange,
+          onMeasure: ({ viewportHeight, contentHeight }) => controller.onInput({ type: "transcript-scroll-measure", viewportHeight, contentHeight }),
+          onGeometry: (geometry) => controller.onInput({ type: "transcript-viewport-geometry", geometry }),
+          children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+            expandedTranscriptBlock ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsx2(
+              ProductBlock,
               {
-                overlay: view.backgroundTaskOverlay,
+                block: { ...expandedTranscriptBlock, ctrlOCollapsed: false },
+                theme,
                 width: contentWidth,
-                noColor
-              }
-            ) : null,
-            view.configPanel ? /* @__PURE__ */ jsx2(
-              ConfigPanel,
-              {
-                panel: view.configPanel,
-                controller,
-                width: view.width,
-                noColor,
                 language: view.language
               }
-            ) : null,
-            /* @__PURE__ */ jsx2(NotificationStack, { notifications: view.notifications, theme }),
-            view.taskRuntimeSummary ? /* @__PURE__ */ jsx2(Box, { width: cw, marginTop: 1, children: /* @__PURE__ */ jsx2(
+            ) }) : view.blocks.length > 0 ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: view.blocks.map((block) => /* @__PURE__ */ jsx2(
               ProductBlock,
               {
-                block: view.taskRuntimeSummary,
+                block,
                 theme,
-                width: cw,
-                language: view.language
-              }
-            ) }) : null,
-            view.taskListView ? /* @__PURE__ */ jsx2(Box, { paddingX: 2, marginBottom: 1, children: /* @__PURE__ */ jsx2(
-              TaskListView,
-              {
-                list: view.taskListView,
                 width: contentWidth,
-                noColor,
                 language: view.language
-              }
-            ) }) : null,
-            view.agentProgressTree ? /* @__PURE__ */ jsx2(Box, { width: view.width, paddingX: 2, children: /* @__PURE__ */ jsx2(
-              AgentProgressTree,
+              },
+              block.id
+            )) }) : null,
+            view.streamingAssistantText ? /* @__PURE__ */ jsx2(Box, { marginTop: expandedTranscriptBlock || view.blocks.length > 0 ? 1 : 0, children: /* @__PURE__ */ jsx2(
+              StreamingMarkdown,
               {
-                tree: view.agentProgressTree,
-                width: contentWidth,
-                noColor,
-                language: view.language
+                text: view.streamingAssistantText,
+                theme,
+                wrapWidth: contentWidth
               }
             ) }) : null,
-            view.workflowProgressView ? /* @__PURE__ */ jsx2(Box, { width: view.width, paddingX: 2, children: /* @__PURE__ */ jsx2(
-              WorkflowProgressView,
+            view.activity ? /* @__PURE__ */ jsx2(
+              Box,
               {
-                workflow: view.workflowProgressView,
-                width: contentWidth,
-                noColor,
-                language: view.language
+                marginTop: expandedTranscriptBlock || view.blocks.length > 0 || view.streamingAssistantText ? 1 : 0,
+                children: /* @__PURE__ */ jsx2(
+                  ActivityIndicator,
+                  {
+                    activity: view.activity,
+                    theme,
+                    width: contentWidth,
+                    tokenCount: estimateStreamingTokens(view.streamingAssistantText)
+                  }
+                )
               }
-            ) }) : null,
-            /* @__PURE__ */ jsx2(Box, { flexDirection: "column", width: cw, paddingTop: 1, children: /* @__PURE__ */ jsx2(Composer, { view, onInput: controller.onInput, capability }) }),
-            view.taskFooter ? /* @__PURE__ */ jsx2(
-              StatusFooter,
+            ) : null,
+            view.taskSuggestions && view.taskSuggestions.length > 0 ? /* @__PURE__ */ jsx2(
+              TaskSuggestionBar,
               {
-                footer: view.taskFooter,
-                theme,
+                suggestions: view.taskSuggestions,
+                cursor: view.taskSuggestionCursor ?? 0,
                 width: view.width,
-                language: view.language,
-                modelDim: view.taskFooter.modelDim,
-                cacheTone: view.taskFooter.cacheTone
+                noColor
               }
-            ) : null
+            ) : null,
+            view.limitations.length > 0 ? /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginTop: 1, children: view.limitations.map((item) => /* @__PURE__ */ jsx2(Text, { color: theme.muted, children: item }, item)) }) : null
           ] })
-        ]
-      }
-    )
+        }
+      ),
+      view.unseenMessageCount && view.unseenMessageCount > 0 ? /* @__PURE__ */ jsx2(
+        UnseenMessagePill,
+        {
+          count: view.unseenMessageCount,
+          language: view.language,
+          width: view.width
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexShrink: 0, flexDirection: "column", children: [
+      view.backgroundTaskOverlay && !view.permission ? /* @__PURE__ */ jsx2(
+        BackgroundTaskOverlay,
+        {
+          overlay: view.backgroundTaskOverlay,
+          width: contentWidth,
+          noColor
+        }
+      ) : null,
+      view.configPanel ? /* @__PURE__ */ jsx2(
+        ConfigPanel,
+        {
+          panel: view.configPanel,
+          controller,
+          width: view.width,
+          noColor,
+          language: view.language
+        }
+      ) : null,
+      /* @__PURE__ */ jsx2(NotificationStack, { notifications: view.notifications, theme }),
+      view.taskRuntimeSummary ? /* @__PURE__ */ jsx2(Box, { width: cw, marginTop: 1, children: /* @__PURE__ */ jsx2(
+        ProductBlock,
+        {
+          block: view.taskRuntimeSummary,
+          theme,
+          width: cw,
+          language: view.language
+        }
+      ) }) : null,
+      view.taskListView ? /* @__PURE__ */ jsx2(Box, { paddingX: 2, marginBottom: 1, children: /* @__PURE__ */ jsx2(
+        TaskListView,
+        {
+          list: view.taskListView,
+          width: contentWidth,
+          noColor,
+          language: view.language
+        }
+      ) }) : null,
+      view.agentProgressTree ? /* @__PURE__ */ jsx2(Box, { width: view.width, paddingX: 2, children: /* @__PURE__ */ jsx2(
+        AgentProgressTree,
+        {
+          tree: view.agentProgressTree,
+          width: contentWidth,
+          noColor,
+          language: view.language
+        }
+      ) }) : null,
+      view.workflowProgressView ? /* @__PURE__ */ jsx2(Box, { width: view.width, paddingX: 2, children: /* @__PURE__ */ jsx2(
+        WorkflowProgressView,
+        {
+          workflow: view.workflowProgressView,
+          width: contentWidth,
+          noColor,
+          language: view.language
+        }
+      ) }) : null,
+      /* @__PURE__ */ jsx2(Box, { flexDirection: "column", width: cw, paddingTop: 1, children: /* @__PURE__ */ jsx2(
+        Composer,
+        {
+          view,
+          onInput: controller.onInput,
+          capability,
+          layout: taskComposerLayout(view.width)
+        }
+      ) }),
+      view.taskFooter ? /* @__PURE__ */ jsx2(
+        StatusFooter,
+        {
+          footer: view.taskFooter,
+          theme,
+          width: view.width,
+          language: view.language,
+          modelDim: view.taskFooter.modelDim,
+          cacheTone: view.taskFooter.cacheTone
+        }
+      ) : null
+    ] })
   ] });
 }
-var NATIVE_TRANSCRIPT_LIVE_BLOCKS = 6;
-function useNativeTranscriptWindow(blocks) {
-  const liveStart = Math.max(0, blocks.length - NATIVE_TRANSCRIPT_LIVE_BLOCKS);
+function taskContentWidth(viewWidth) {
+  return Math.max(8, viewWidth - 4);
+}
+function homeComposerLayout(viewWidth) {
+  return {
+    width: composerMaxWidth(viewWidth),
+    paddingLeft: 2,
+    paddingRight: 2,
+    prefixWidth: 2,
+    minContentWidth: 4
+  };
+}
+function taskComposerLayout(viewWidth) {
   return {
-    staticBlocks: blocks.slice(0, liveStart),
-    liveBlocks: blocks.slice(liveStart)
+    width: taskComposerMaxWidth(viewWidth),
+    paddingLeft: 2,
+    paddingRight: 2,
+    prefixWidth: 2,
+    minContentWidth: 4
   };
 }
 function resolvePanel(view, controller, width, noColor) {
@@ -565,6 +600,7 @@ function resolvePanel(view, controller, width, noColor) {
 function ActivityIndicator({
   activity,
   theme,
+  width,
   tokenCount
 }) {
   const [frame, setFrame] = useState(0);
@@ -604,19 +640,19 @@ function ActivityIndicator({
   const showStats = activity.phase === "tool_running" && (activity.totalLines || activity.totalBytes);
   const isToolHeader = activity.phase === "tool_running" && activity.toolName;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box, { width, children: [
       isToolHeader ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(Text, { color: theme.toolRunning ?? color, children: [
+        /* @__PURE__ */ jsxs(Text, { wrap: "wrap", color: theme.toolRunning ?? color, children: [
           marker,
           " "
         ] }),
-        /* @__PURE__ */ jsx2(Text, { bold: true, color: theme.toolRunning ?? color, children: activity.toolName }),
-        activity.toolTarget ? /* @__PURE__ */ jsxs(Text, { color: theme.muted, children: [
+        /* @__PURE__ */ jsx2(Text, { wrap: "wrap", bold: true, color: theme.toolRunning ?? color, children: activity.toolName }),
+        activity.toolTarget ? /* @__PURE__ */ jsxs(Text, { wrap: "wrap", color: theme.muted, children: [
           "(",
           activity.toolTarget,
           ")"
         ] }) : null
-      ] }) : /* @__PURE__ */ jsxs(Text, { color, bold: activity.phase === "thinking" && frame % 10 < 5, children: [
+      ] }) : /* @__PURE__ */ jsxs(Text, { wrap: "wrap", color, bold: activity.phase === "thinking" && frame % 10 < 5, children: [
         marker,
         " ",
         text
@@ -624,6 +660,7 @@ function ActivityIndicator({
       activity.elapsed ? /* @__PURE__ */ jsxs(
         Text,
         {
+          wrap: "wrap",
           color: slow ? theme.warning ?? theme.status.partial : theme.muted,
           dimColor: !slow,
           children: [
@@ -634,10 +671,10 @@ function ActivityIndicator({
           ]
         }
       ) : null,
-      slowText ? /* @__PURE__ */ jsx2(Text, { color: theme.muted, dimColor: true, children: slowText }) : null,
-      showTokenCount ? /* @__PURE__ */ jsx2(Text, { color: theme.muted, dimColor: true, children: activity.language === "en-US" ? ` \xB7 ${tokenCount} tokens` : ` \xB7 ${tokenCount} tokens` }) : null
+      slowText ? /* @__PURE__ */ jsx2(Text, { wrap: "wrap", color: theme.muted, dimColor: true, children: slowText }) : null,
+      showTokenCount ? /* @__PURE__ */ jsx2(Text, { wrap: "wrap", color: theme.muted, dimColor: true, children: activity.language === "en-US" ? ` \xB7 ${tokenCount} tokens` : ` \xB7 ${tokenCount} tokens` }) : null
     ] }),
-    showStats ? /* @__PURE__ */ jsx2(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    showStats ? /* @__PURE__ */ jsx2(Box, { width, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "   ",
       activity.totalLines ? activity.language === "en-US" ? `~${activity.totalLines} lines` : `~${activity.totalLines} \u884C` : null,
       activity.totalLines && activity.totalBytes ? " \xB7 " : null,

package/dist/{chunk-SOPYWTFV.js → chunk-RRUI3VWQ.js}

@@ -1,6 +1,6 @@
 import {
   fitText
-} from "./chunk-APJIC2O5.js";
+} from "./chunk-GTIZNO5O.js";
 
 // src/shell/components/StatusFooter.tsx
 import { Box, Text } from "@linghun/ink-runtime";

package/dist/{chunk-IN42UISW.js → chunk-SRJ4XWOR.js}

@@ -9,7 +9,7 @@ import {
   displayWidth,
   taskComposerMaxWidth,
   wrapText
-} from "./chunk-APJIC2O5.js";
+} from "./chunk-GTIZNO5O.js";
 
 // src/shell/plain-renderer.ts
 function renderPlainShell(view, capability) {
@@ -103,6 +103,7 @@ function renderPlainMarkdownLines(text, noColor, options = {}) {
   const out = [];
   let inCode = false;
   let codeLang;
+  const wrapWidth = Math.max(8, options.wrapWidth ?? 100);
   const applyTone = (line) => {
     if (options.error) return colorRed(line, noColor);
     if (options.diagnostic) return colorCyan(line, noColor);
@@ -124,11 +125,11 @@ function renderPlainMarkdownLines(text, noColor, options = {}) {
       continue;
     }
     if (!inCode) {
-      out.push(...wrapText(raw, 100).map(applyTone));
+      out.push(...wrapText(raw, wrapWidth).map(applyTone));
       continue;
     }
     const isDiff = codeLang === "diff" || codeLang === "patch";
-    for (const wrapped of wrapText(raw.length === 0 ? " " : raw, 96)) {
+    for (const wrapped of wrapText(raw.length === 0 ? " " : raw, Math.max(8, wrapWidth - 4))) {
       const wrappedBody = isDiff && wrapped.startsWith("+") && !wrapped.startsWith("+++") ? colorGreen(wrapped, noColor) : isDiff && wrapped.startsWith("-") && !wrapped.startsWith("---") ? colorRed(wrapped, noColor) : dim(wrapped, noColor);
       out.push(`${dim("  | ", noColor)}${wrappedBody}`);
     }
@@ -273,7 +274,8 @@ function formatSingleBlock(block, view, noColor) {
     const isToolSuccess = messageKind === "tool_result_success";
     const renderedMessage = renderPlainMarkdownLines(body, noColor, {
       dimAll,
-      diagnostic: isDiagnostic
+      diagnostic: isDiagnostic,
+      wrapWidth: Math.max(8, view.width - 6)
     });
     const out = isLocalOutput || isToolSuccess ? renderedMessage.map((line) => `${dim("  \u23BF  ", noColor)}${line}`) : renderedMessage;
     if (nextAction2) {
@@ -304,7 +306,10 @@ function formatSingleBlock(block, view, noColor) {
       out.push(coloredFailMarker);
     }
     if (body) {
-      out.push(...renderPlainMarkdownLines(body, noColor, { error: true }));
+      out.push(...renderPlainMarkdownLines(body, noColor, {
+        error: true,
+        wrapWidth: Math.max(8, view.width - 6)
+      }));
     }
     if (nextAction2) out.push(`  ${dim(nextAction2, noColor)}`);
     if (block.retrySeconds && block.retrySeconds > 0 && (block.retryAttempt ?? 0) >= 4) {

package/dist/{chunk-6RJVTUWI.js → chunk-T6UOCF5D.js}

@@ -1,3 +1,7 @@
+import {
+  fitText
+} from "./chunk-GTIZNO5O.js";
+
 // src/shell/components/StatusTray.tsx
 import { Box, Text } from "@linghun/ink-runtime";
 import { jsx } from "react/jsx-runtime";
@@ -8,7 +12,7 @@ function StatusTray({
 }) {
   const items = [status.project, status.model, status.permission, status.index, status.background];
   const visible = width < 60 ? [items[0], items[1], items[2], items[4]] : items;
-  return /* @__PURE__ */ jsx(Box, { marginTop: 0, marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: theme.subtle ?? theme.muted, children: visible.join("  ") }) });
+  return /* @__PURE__ */ jsx(Box, { marginTop: 0, marginBottom: 0, children: /* @__PURE__ */ jsx(Text, { color: theme.subtle ?? theme.muted, children: fitText(visible.join("  "), Math.max(8, width - 2)) }) });
 }
 
 export {

package/dist/{chunk-VTQL23UM.js → chunk-TVNWAEJR.js}

@@ -1,6 +1,6 @@
 import {
   truncateDisplay
-} from "./chunk-OMZYPQVA.js";
+} from "./chunk-UGYFQF6M.js";
 
 // src/memory-extraction-runtime.ts
 import { randomUUID } from "crypto";