@vietor/easy-agent 0.7.4 → 0.7.5

package/dist/tui/app.js

@@ -34,6 +34,7 @@ function useThrottledText(frameMs) {
 }
 function useSessionStream(session) {
     const [runMetrics, setRunMetrics] = useState(INITIAL_RUN_METRICS);
+    const [totalTokens, setTotalTokens] = useState({ cacheInputTokens: 0, missInputTokens: 0, outputTokens: 0 });
     const streaming = useThrottledText(STREAM_FRAME_MS);
     const thinking = useThrottledText(STREAM_FRAME_MS);
     const [showThinking, setShowThinking] = useState(false);
@@ -56,18 +57,25 @@ function useSessionStream(session) {
                     break;
                 case "run_metrics":
                     setRunMetrics(e);
+                    if (!e.running) {
+                        setTotalTokens((prev) => ({ cacheInputTokens: prev.cacheInputTokens + e.cacheInputTokens, missInputTokens: prev.missInputTokens + e.missInputTokens, outputTokens: prev.outputTokens + e.outputTokens }));
+                    }
                     break;
             }
         });
         return unsub;
     }, [session]);
-    return { runMetrics, streaming, thinking, showThinking, setShowThinking };
+    const resetMetrics = () => {
+        setRunMetrics(INITIAL_RUN_METRICS);
+        setTotalTokens({ cacheInputTokens: 0, missInputTokens: 0, outputTokens: 0 });
+    };
+    return { runMetrics, totalTokens, streaming, thinking, showThinking, setShowThinking, resetMetrics };
 }
 export function App({ session, persist }) {
     const { exit } = useApp();
     const { columns } = useWindowSize();
     const view = useSyncExternalStore(session.subscribe, session.getSnapshot);
-    const { runMetrics, streaming, thinking, showThinking, setShowThinking } = useSessionStream(session);
+    const { runMetrics, totalTokens, streaming, thinking, showThinking, setShowThinking, resetMetrics } = useSessionStream(session);
     const allCmds = useMemo(() => slashCommandInfos(session), [session]);
     const pendingQuestion = session.pendingQuestion;
     useInput((_input, key) => {
@@ -92,6 +100,8 @@ export function App({ session, persist }) {
     });
     async function handleCommand(name) {
         await executeSlashCommand(name, session, exit, persist);
+        if (name === "clear")
+            resetMetrics();
     }
     async function handlePrompt(text) {
         try {
@@ -109,10 +119,10 @@ export function App({ session, persist }) {
         }
         else {
             const spinnerLabel = streaming.text ? "replying" : "working";
-            runningView = (_jsxs(_Fragment, { children: [thinking.text ? renderThinking(thinking.text, showThinking) : null, streaming.text ? (_jsx(Box, { marginTop: 1, paddingLeft: 1, paddingRight: 1, children: _jsx(Markdown, { children: streaming.text }) })) : null, _jsx(Box, { marginTop: 1, paddingLeft: 1, children: _jsx(Spinner, { label: spinnerLabel, thinkingElapsed: runMetrics.thinkingElapsed, replyElapsed: runMetrics.replyElapsed, inputTokens: runMetrics.inputTokens, outputTokens: runMetrics.outputTokens }) })] }));
+            runningView = (_jsxs(_Fragment, { children: [thinking.text ? renderThinking(thinking.text, showThinking) : null, streaming.text ? (_jsx(Box, { marginTop: 1, paddingLeft: 1, paddingRight: 1, children: _jsx(Markdown, { children: streaming.text }) })) : null, _jsx(Box, { marginTop: 1, paddingLeft: 1, children: _jsx(Spinner, { label: spinnerLabel, thinkingElapsed: runMetrics.thinkingElapsed, replyElapsed: runMetrics.replyElapsed, cacheInputTokens: runMetrics.cacheInputTokens, missInputTokens: runMetrics.missInputTokens, outputTokens: runMetrics.outputTokens }) })] }));
         }
     }
-    return (_jsxs(Box, { width: columns, flexDirection: "column", children: [_jsx(AppHeader, { cwd: session.cwd, model: session.model, thinkingEffort: session.thinkingEffort }), view.timeline.length > 0 ? (_jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: view.timeline.map((entry, i) => (_jsx(TimelineView, { entry: entry }, i))) })) : null, runningView, view.todos.length > 0 ? _jsx(TodoView, { todos: view.todos }) : null, !runMetrics.running ? (_jsx(PromptOrCommandInput, { commands: allCmds, onCommand: handleCommand, onPrompt: handlePrompt })) : null, _jsx(StatusBar, { contextTokens: session.contextTokens, contextLimit: session.contextLimit, running: runMetrics.running, questionPending: !!pendingQuestion, thinkingAvailable: !!thinking.text })] }));
+    return (_jsxs(Box, { width: columns, flexDirection: "column", children: [_jsx(AppHeader, { cwd: session.cwd, model: session.model, thinkingEffort: session.thinkingEffort }), view.timeline.length > 0 ? (_jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: view.timeline.map((entry, i) => (_jsx(TimelineView, { entry: entry }, i))) })) : null, runningView, view.todos.length > 0 ? _jsx(TodoView, { todos: view.todos }) : null, !runMetrics.running ? (_jsx(PromptOrCommandInput, { commands: allCmds, onCommand: handleCommand, onPrompt: handlePrompt })) : null, _jsx(StatusBar, { contextTokens: session.contextTokens, contextLimit: session.contextLimit, running: runMetrics.running, questionPending: !!pendingQuestion, thinkingAvailable: !!thinking.text, cacheInputTokens: totalTokens.cacheInputTokens, missInputTokens: totalTokens.missInputTokens, outputTokens: totalTokens.outputTokens })] }));
 }
 function renderThinking(text, expanded) {
     const lines = text.split("\n");

package/dist/tui/spinner.js

@@ -3,11 +3,11 @@ import { useEffect, useState } from "react";
 import { Text } from "ink";
 import { formatCompactNumber, formatDuration } from "@vietor/agent-core/util";
 const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-export function Spinner({ label, thinkingElapsed, replyElapsed, inputTokens, outputTokens, }) {
+export function Spinner({ label, thinkingElapsed, replyElapsed, cacheInputTokens, missInputTokens, outputTokens, }) {
     const [frame, setFrame] = useState(0);
     useEffect(() => {
         const id = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
         return () => clearInterval(id);
     }, []);
-    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", label] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 work ", formatDuration(thinkingElapsed), " \u00B7 reply ", formatDuration(replyElapsed), " \u00B7 \u2191", formatCompactNumber(inputTokens), " \u00B7 \u2193", formatCompactNumber(outputTokens)] })] }));
+    return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", label] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 work ", formatDuration(thinkingElapsed), " \u00B7 reply ", formatDuration(replyElapsed), " \u00B7 \u2191(", formatCompactNumber(cacheInputTokens), " / ", formatCompactNumber(missInputTokens), ") \u00B7 \u2193", formatCompactNumber(outputTokens)] })] }));
 }

package/dist/tui/status-bar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Box, Text, useWindowSize } from "ink";
 import { formatCompactNumber } from "@vietor/agent-core/util";
-export const StatusBar = memo(function StatusBar({ contextTokens, contextLimit, running, questionPending, thinkingAvailable }) {
+export const StatusBar = memo(function StatusBar({ contextTokens, contextLimit, running, questionPending, thinkingAvailable, cacheInputTokens, missInputTokens, outputTokens }) {
     const { columns } = useWindowSize();
     const pct = Math.min(100, contextLimit > 0 ? Math.round((contextTokens / contextLimit) * 100) : 0);
     const filled = Math.round((pct / 100) * 10);
@@ -15,5 +15,5 @@ export const StatusBar = memo(function StatusBar({ contextTokens, contextLimit,
         hints = thinkingAvailable ? "esc stop · t thinking" : "esc stop";
     else
         hints = "/ commands";
-    return (_jsxs(Box, { width: columns, paddingX: 1, flexDirection: "row", justifyContent: "space-between", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: `context ${formatCompactNumber(contextTokens)} ` }), _jsx(Text, { color: ctxColor, children: `▕${bar}▏ ${pct}%` })] }), _jsx(Text, { dimColor: true, children: hints })] }));
+    return (_jsxs(Box, { width: columns, paddingX: 1, flexDirection: "row", justifyContent: "space-between", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray", children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: `Context ${formatCompactNumber(contextTokens)} ` }), _jsx(Text, { color: ctxColor, children: `▕${bar}▏ ${pct}%` })] }), _jsxs(Text, { dimColor: true, children: ["  Tokens \u2191(", formatCompactNumber(cacheInputTokens), " / ", formatCompactNumber(missInputTokens), ") \u00B7 \u2193", formatCompactNumber(outputTokens)] })] }), _jsx(Text, { dimColor: true, children: hints })] }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vietor/easy-agent",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "type": "module",
   "main": "dist/index.js",
   "bin": {
@@ -23,7 +23,7 @@
     "react": "^19.2.8",
     "string-width": "^8.2.2",
     "zod": "^4.4.3",
-    "@vietor/agent-core": "0.7.4"
+    "@vietor/agent-core": "0.7.5"
   },
   "devDependencies": {
     "@types/node": "^22.20.1",