opencode-top 3.3.0 → 3.3.1

package/dist/cli.mjs

@@ -21256,9 +21256,13 @@ var import_react27 = __toESM(require_react(), 1);
 var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 function buildLines(session, contentWidth, expandedIds) {
   const lines = [];
+  let cumTokens = 0;
   for (const interaction of session.interactions) {
     if (interaction.role !== "assistant") continue;
+    cumTokens += interaction.tokens.input + interaction.tokens.cacheRead + interaction.tokens.output;
     const dur = interaction.time.completed && interaction.time.created ? formatDuration2(interaction.time.completed - interaction.time.created) : "";
+    const tokensIn = interaction.tokens.input + interaction.tokens.cacheRead;
+    const tokensOut = interaction.tokens.output;
     lines.push({
       id: `h-${interaction.id}`,
       kind: "header",
@@ -21266,8 +21270,9 @@ function buildLines(session, contentWidth, expandedIds) {
       agent: interaction.agent ?? null,
       duration: dur,
       time: formatTime(interaction.time.created),
-      tokensIn: interaction.tokens.input + interaction.tokens.cacheRead,
-      tokensOut: interaction.tokens.output
+      tokensIn,
+      tokensOut,
+      cumTokens
     });
     for (const part of interaction.parts) {
       if (part.type === "tool") {
@@ -21286,24 +21291,25 @@ function buildLines(session, contentWidth, expandedIds) {
           name: truncate4(p.toolName, 18),
           title: p.title ? truncate4(p.title, 28) : "",
           right: exitStr + dur2,
-          expanded
+          expanded,
+          cumTokens
         });
         if (expanded) {
           const inputKeys = Object.keys(p.input);
           if (inputKeys.length > 0) {
-            lines.push({ id: `td-${p.callId}-in`, kind: "tool-detail", label: "input", value: "", isSection: true });
+            lines.push({ id: `td-${p.callId}-in`, kind: "tool-detail", label: "input", value: "", isSection: true, cumTokens });
             for (const key of inputKeys) {
               const val = formatParamValue(p.input[key], contentWidth - key.length - 6);
-              lines.push({ id: `td-${p.callId}-in-${key}`, kind: "tool-detail", label: key, value: val, isSection: false });
+              lines.push({ id: `td-${p.callId}-in-${key}`, kind: "tool-detail", label: key, value: val, isSection: false, cumTokens });
             }
           }
           if (p.output?.trim()) {
-            lines.push({ id: `td-${p.callId}-out`, kind: "tool-detail", label: "output", value: "", isSection: true });
+            lines.push({ id: `td-${p.callId}-out`, kind: "tool-detail", label: "output", value: "", isSection: true, cumTokens });
             const outLines = p.output.trim().split("\n").slice(0, 40);
             let outIdx = 0;
             for (const ol of outLines) {
               for (const wrapped of wrapText2(ol === "" ? " " : ol, contentWidth - 5)) {
-                lines.push({ id: `td-${p.callId}-out-${outIdx++}`, kind: "tool-detail", label: "", value: wrapped, isSection: false });
+                lines.push({ id: `td-${p.callId}-out-${outIdx++}`, kind: "tool-detail", label: "", value: wrapped, isSection: false, cumTokens });
               }
             }
           }
@@ -21311,12 +21317,12 @@ function buildLines(session, contentWidth, expandedIds) {
       } else if (part.type === "text" && part.text.trim()) {
         let txtIdx = 0;
         for (const row of wrapText2(part.text.trim(), contentWidth - 3)) {
-          lines.push({ id: `tx-${interaction.id}-${txtIdx++}`, kind: "text", text: row });
+          lines.push({ id: `tx-${interaction.id}-${txtIdx++}`, kind: "text", text: row, cumTokens });
         }
       } else if (part.type === "reasoning" && part.text.trim()) {
         let rIdx = 0;
         for (const row of wrapText2(part.text.trim(), contentWidth - 5)) {
-          lines.push({ id: `r-${interaction.id}-${rIdx++}`, kind: "reasoning", text: row });
+          lines.push({ id: `r-${interaction.id}-${rIdx++}`, kind: "reasoning", text: row, cumTokens });
         }
       }
     }
@@ -21448,6 +21454,9 @@ function MessagesPanelInner({ session, maxHeight, isActive }) {
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { height: maxHeight, paddingX: 1, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.textDim, children: "No messages" }) });
   }
   const visibleLines = allLines.slice(clampedOffset, clampedOffset + viewHeight);
+  const cursorLine = allLines[clampedCursor];
+  const cursorCumTokens = cursorLine?.cumTokens ?? 0;
+  const totalTokens = allLines[allLines.length - 1]?.cumTokens ?? 0;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "column", height: maxHeight, paddingX: 1, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Box_default, { flexDirection: "row", height: 1, children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
@@ -21457,6 +21466,15 @@ function MessagesPanelInner({ session, maxHeight, isActive }) {
         "/",
         allLines.length
       ] }),
+      totalTokens > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.textDim, children: " \xB7 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.info, children: formatTokens4(cursorCumTokens) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
+          "/",
+          formatTokens4(totalTokens),
+          " tok"
+        ] })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { flexGrow: 1 }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
         session.interactions.filter((i) => i.role === "assistant").length,
@@ -21480,17 +21498,17 @@ function MessagesPanelInner({ session, maxHeight, isActive }) {
               "]"
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Box_default, { flexGrow: 1 }),
-            line.tokensIn > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
-              "\u2193",
-              formatTokens4(line.tokensIn),
-              " "
+            line.tokensIn > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.textDim, children: "\u2193" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.warning, children: formatTokens4(line.tokensIn) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: " " })
             ] }),
-            line.tokensOut > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
-              "\u2191",
-              formatTokens4(line.tokensOut),
-              " "
+            line.tokensOut > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.textDim, children: "\u2191" }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { color: colors.success, children: formatTokens4(line.tokensOut) }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Text, { children: " " })
             ] }),
-            line.duration && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.textDim, children: [
+            line.duration && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Text, { color: colors.cyan, children: [
               line.duration,
               " "
             ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-top",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "description": "Monitor OpenCode AI coding sessions - Token usage, costs, and agent analytics",
   "type": "module",
   "bin": {