@epoch-agent/tui 4.1.1 → 5.0.0

package/dist/index.js

@@ -4,6 +4,7 @@ import { useCallback as useCallback13, useEffect as useEffect8, useMemo as useMe
 import {
   extractAllMentions
 } from "@epoch-agent/protocol";
+import { currentActivity } from "@epoch-agent/view";
 // src/commands/parse.ts
 function parseSlashInput(text) {
   if (!text.startsWith("/")) return null;
@@ -1227,6 +1228,7 @@ function ToolConfirmation({
 }
 // src/components/history-item.tsx
 import { Box as Box19, Text as Text20 } from "ink";
+import { ACTIVITY_KEYS, activityOf } from "@epoch-agent/view";
 // src/markdown/display.tsx
 import { Box as Box10, Text as Text11 } from "ink";
 import React9 from "react";
@@ -2260,13 +2262,19 @@ var STATUS_ICON = {
 };
 function ToolRow({ tool, width }) {
   const inner = Math.max(1, width - 4);
+  const kind = activityOf(tool.toolName);
+  const label = kind === "other" ? formatToolCall(tool.toolName, tool.request) : (() => {
+    const phrase = t(ACTIVITY_KEYS[kind][tool.status === "pending" ? "live" : "done"]);
+    const arg = primaryArg(tool.request);
+    return arg ? `${phrase} \xB7 ${arg}` : phrase;
+  })();
   const result = tool.result === void 0 || tool.result === "" ? void 0 : clampTailLines(String(tool.result), inner, TOOL_RESULT_MAX_LINES);
   const live = tool.status === "pending" && tool.liveOutput ? clampTailLines(tool.liveOutput, inner, TOOL_LIVE_MAX_LINES) : void 0;
   return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx21(Box19, { children: /* @__PURE__ */ jsxs19(Text20, { color: STATUS_COLOR[tool.status], wrap: "truncate-end", children: [
       STATUS_ICON[tool.status],
       " ",
-      formatToolCall(tool.toolName, tool.request)
+      label
     ] }) }),
     tool.artifacts?.map((artifact, i) => /* @__PURE__ */ jsx21(Box19, { marginLeft: 2, children: /* @__PURE__ */ jsx21(Text20, { color: artifact.data ? "#8BE9FD" : "#FBBF24", wrap: "truncate-end", children: formatArtifact(artifact) }) }, `art-${i}`)),
     live && /* @__PURE__ */ jsx21(Box19, { marginLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx21(Text20, { color: "#6B7280", dimColor: true, wrap: "wrap", children: live.text }) }),
@@ -4123,6 +4131,7 @@ function Suggestions({ visible }) {
 // src/components/thinking-indicator.tsx
 import { Box as Box25, Text as Text26 } from "ink";
 import { useEffect as useEffect5, useState as useState11 } from "react";
+import { ACTIVITY_KEYS as ACTIVITY_KEYS2 } from "@epoch-agent/view";
 import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 var SPINNER_INTERVAL_MS = 100;
@@ -4145,12 +4154,14 @@ function formatTokens(n) {
 function ThinkingIndicator({
   startedAt,
   outputTokens,
-  queuedCount = 0
+  queuedCount = 0,
+  activity,
+  width
 }) {
   const [tick, setTick] = useState11(0);
   useEffect5(() => {
-    const t2 = setInterval(() => setTick((v) => v + 1), SPINNER_INTERVAL_MS);
-    return () => clearInterval(t2);
+    const timer = setInterval(() => setTick((v) => v + 1), SPINNER_INTERVAL_MS);
+    return () => clearInterval(timer);
   }, []);
   const elapsedSec = Math.max(0, Math.floor((Date.now() - startedAt) / 1e3));
   const frame = SPINNER_FRAMES[tick % SPINNER_FRAMES.length];
@@ -4161,13 +4172,15 @@ function ThinkingIndicator({
   }
   if (queuedCount > 0) meta.push(t("tui.thinking.queued", { n: queuedCount }));
   meta.push(t("tui.thinking.esc"));
+  const label = activity ? t(ACTIVITY_KEYS2[activity.kind].live) : `${verb}\u2026`;
+  const detail = activity?.detail ? truncateDetail(activity.detail, width, label, meta.join(" \xB7 ")) : void 0;
   return /* @__PURE__ */ jsxs24(Box25, { paddingX: 1, flexDirection: "row", children: [
     /* @__PURE__ */ jsx28(Text26, { color: accent7, children: frame }),
     /* @__PURE__ */ jsxs24(Text26, { color: accent7, bold: true, children: [
       " ",
-      verb,
-      "\u2026"
+      label
     ] }),
+    detail ? /* @__PURE__ */ jsx28(Text26, { color: accent7, children: ` ${detail}` }) : null,
     /* @__PURE__ */ jsxs24(Text26, { color: dim11, dimColor: true, children: [
       " ",
       "(",
@@ -4176,6 +4189,12 @@ function ThinkingIndicator({
     ] })
   ] });
 }
+function truncateDetail(detail, width, label, meta) {
+  if (width === void 0 || width <= 0) return detail;
+  const room = width - 2 - 2 - label.length - 1 - meta.length - 3;
+  if (room <= 0) return "";
+  return truncateByWidth(detail, room);
+}
 // src/components/toast.tsx
 import { Box as Box26, Text as Text27 } from "ink";
 import { useEffect as useEffect6, useRef as useRef10 } from "react";
@@ -6288,6 +6307,7 @@ function App({
     setPendingImages([]);
   }, [run]);
   const pendingBudget = modalOpen ? MIN_PENDING_HEIGHT : availableHeight;
+  const activity = currentActivity(ui.pendingHistoryItems);
   const sequences = useKeySequences({
     table: keybindings2,
     enabled: (action) => action === "rewind" ? Boolean(host.checkpoints) : true
@@ -6453,7 +6473,9 @@ function App({
         {
           startedAt: run.startedAt,
           queuedCount: run.queuedCount,
-          outputTokens: stats.runOutputTokens
+          outputTokens: stats.runOutputTokens,
+          ...activity ? { activity } : {},
+          width: columns
         }
       ),
       /* @__PURE__ */ jsx30(ToastDisplay, { toasts, onDismiss: dismissToast }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epoch-agent/tui",
-  "version": "4.1.1",
+  "version": "5.0.0",
   "private": false,
   "description": "epoch-agent Ink TUI 界面",
   "repository": {
@@ -29,8 +29,8 @@
     "mnemonist": "0",
     "string-width": "8",
     "strip-ansi": "7",
-    "@epoch-agent/view": "4.1.1",
-    "@epoch-agent/protocol": "4.1.1"
+    "@epoch-agent/protocol": "5.0.0",
+    "@epoch-agent/view": "5.0.0"
   },
   "devDependencies": {
     "@types/node": "^26.1.2",