opencode-total-session-cost 1.0.0 → 1.1.1

package/.github/workflows/ci.yml

@@ -1,4 +1,4 @@
-name: Continuous Integration
+name: CI
 
 on:
   push:

package/.github/workflows/publish.yml

@@ -3,25 +3,28 @@ name: Publish to NPM
 on:
   release:
     types: [published]
+  workflow_dispatch:
 
 jobs:
   publish:
     name: Publish Package
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
     steps:
       - name: Checkout Code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
-      - name: Setup Node.js (for NPM Publish)
-        uses: actions/setup-node@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
         with:
-          node-version: 20
+          node-version: 24
           registry-url: 'https://registry.npmjs.org'
+          package-manager-cache: false
 
       - name: Install Dependencies
         run: npm ci
 
       - name: Publish Package
-        run: npm publish --provenance --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npm publish --access public

package/README.md

@@ -1,5 +1,12 @@
 # Opencode Total Session Cost Tracker 💰
 
+[![npm version](https://img.shields.io/npm/v/opencode-total-session-cost.svg?logo=npm&color=CB3837)](https://www.npmjs.com/package/opencode-total-session-cost)
+[![npm downloads](https://img.shields.io/npm/dm/opencode-total-session-cost.svg?logo=npm&color=51a822)](https://www.npmjs.com/package/opencode-total-session-cost)
+[![npm provenance](https://img.shields.io/badge/provenance-signed-blue?logo=sigstore&color=007ec6)](https://www.npmjs.com/package/opencode-total-session-cost)
+[![CI Status](https://github.com/StayPirate/opencode-total-session-cost/actions/workflows/ci.yml/badge.svg)](https://github.com/StayPirate/opencode-total-session-cost/actions/workflows/ci.yml)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/StayPirate/opencode-total-session-cost)
+[![GitHub stars](https://img.shields.io/github/stars/StayPirate/opencode-total-session-cost.svg?style=flat&logo=github&color=007ec6)](https://github.com/StayPirate/opencode-total-session-cost/stargazers)
+
 A real-time, lightweight plugin for [Opencode](https://opencode.im) that tracks and displays the **actual cumulative cost** of your active session, including all background tasks, sub-agents, and child sessions.
 
 ## Why this plugin?
@@ -12,7 +19,9 @@ Without tracking these sub-sessions, you might see a main session cost of a few
 ## Features
 - **Sidebar-Independent**: The cost indicator stays visible even when the Opencode sidebar is closed.
 - **Recursive Sub-Agent Tracking**: Automatically detects and sums up the costs of all child tasks spawned during your session.
-- **Detailed Cost Breakdown**: Offers a `/total_cost` slash command to show a detailed popup separating your active session cost from child sub-agent costs.
+- **Detailed Cost Breakdown**: Offers a `/total_cost` slash command to show a detailed popup separating your active session cost from child task and sub-agent costs.
+- **Provider & Model Breakdown**: Displays the exact costs accumulated per model across all session hierarchy levels.
+- **Mouse Click Interaction**: Left-clicking on the cost bar in the prompt header right panel triggers the same detailed breakdown popup.
 
 ## Installation
 Once published, you can install it globally with:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-total-session-cost",
-  "version": "1.0.0",
+  "version": "1.1.1",
   "description": "Real-time cumulative cost tracker for Opencode sessions, aggregating costs from parent sessions, archived messages, and all child sub-agent tasks.",
   "type": "module",
   "main": "./index.ts",
@@ -19,6 +19,14 @@
   ],
   "author": "crazybyte",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/StayPirate/opencode-total-session-cost.git"
+  },
+  "bugs": {
+    "url": "https://github.com/StayPirate/opencode-total-session-cost/issues"
+  },
+  "homepage": "https://github.com/StayPirate/opencode-total-session-cost#readme",
   "dependencies": {
     "@opencode-ai/plugin": "^1.18.30",
     "@opencode-ai/sdk": "^1.18.30"

package/tui.tsx

@@ -4,6 +4,102 @@ import { createSignal, onCleanup } from "solid-js";
 export const id = "opencode-cost-bar";
 
 export const SessionCostPlugin: TuiPlugin = async (api) => {
+  const showCostBreakdown = async (sessionID: string) => {
+    let parentCost = 0;
+    let taskCost = 0;
+    let subagentCost = 0;
+
+    const modelCosts: Record<string, number> = {};
+
+    const addModelCost = (providerID: string, modelID: string, cost: number) => {
+      const key = `${providerID}/${modelID}`;
+      modelCosts[key] = (modelCosts[key] || 0) + cost;
+    };
+
+    const calculateCostRecursive = async (currID: string, fallbackSession?: any): Promise<void> => {
+      const sessionObj = api.state.session.get(currID) || fallbackSession;
+      let sessionCost = 0;
+      if (sessionObj && typeof sessionObj.cost === "number") {
+        sessionCost = sessionObj.cost;
+        if (currID === sessionID) {
+          parentCost += sessionCost;
+        } else if (sessionObj.agent === "explore" || sessionObj.agent === "general") {
+          taskCost += sessionCost;
+        } else {
+          subagentCost += sessionCost;
+        }
+      }
+
+      let messagesAttributedCost = 0;
+      try {
+        const msgRes = await api.client.session.messages({ sessionID: currID });
+        if (msgRes.data) {
+          for (const item of msgRes.data) {
+            const msg = item.info as any;
+            if (msg && msg.role === "assistant" && typeof msg.cost === "number" && msg.cost > 0) {
+              const provider = msg.providerID || (sessionObj?.model?.providerID) || "unknown";
+              const model = msg.modelID || (sessionObj?.model?.id) || "unknown";
+              addModelCost(provider, model, msg.cost);
+              messagesAttributedCost += msg.cost;
+            }
+          }
+        }
+      } catch (err) {}
+
+      const remainder = sessionCost - messagesAttributedCost;
+      if (remainder > 0.0001) {
+        const provider = (sessionObj?.model?.providerID) || "unknown";
+        const model = (sessionObj?.model?.id) || "unknown";
+        addModelCost(provider, model, remainder);
+      }
+
+      try {
+        const childrenRes = await api.client.session.children({ sessionID: currID });
+        if (childrenRes.data) {
+          for (const child of childrenRes.data) {
+            await calculateCostRecursive(child.id, child);
+          }
+        }
+      } catch (err) {}
+    };
+
+    await calculateCostRecursive(sessionID);
+    const total = parentCost + taskCost + subagentCost;
+
+    // Format Session breakdown
+    const sessionSection = `By session\nSession:   $${parentCost.toFixed(2)}\nTask:      $${taskCost.toFixed(2)}\nSub-agent: $${subagentCost.toFixed(2)}\n---------------\nTotal:     $${total.toFixed(2)}`;
+
+    // Format Model breakdown
+    let maxLabelLength = 6; // Length of "Total:" is 6
+    for (const key of Object.keys(modelCosts)) {
+      const label = `${key}:`;
+      if (label.length > maxLabelLength) {
+        maxLabelLength = label.length;
+      }
+    }
+
+    const sortedModels = Object.entries(modelCosts).sort((a, b) => b[1] - a[1]);
+    const modelLines: string[] = [];
+    for (const [key, cost] of sortedModels) {
+      const label = `${key}:`;
+      const paddedLabel = label.padEnd(maxLabelLength + 1, " ");
+      modelLines.push(`${paddedLabel}$${cost.toFixed(2)}`);
+    }
+
+    const modelSeparator = "-".repeat(maxLabelLength + 7);
+    const paddedTotalLabel = "Total:".padEnd(maxLabelLength + 1, " ");
+    const modelTotalLine = `${paddedTotalLabel}$${total.toFixed(2)}`;
+
+    const modelSection = `By provider/model\n${modelLines.join("\n")}\n${modelSeparator}\n${modelTotalLine}`;
+
+    api.ui.toast({
+      title: "Session Costs Breakdown",
+      message: `${sessionSection}\n\n${modelSection}`,
+      variant: "success",
+      duration: 10000
+    });
+  };
+
   // Register TUI slots with reactive signals defined inside the renderers
   api.slots?.register({
     slots: {
@@ -55,7 +151,14 @@ export const SessionCostPlugin: TuiPlugin = async (api) => {
         update();
 
         return (
-          <text fg="gray">
+          <text
+            fg="gray"
+            onMouseUp={(e: any) => {
+              if (props?.session_id && e.button === 0) {
+                showCostBreakdown(props.session_id);
+              }
+            }}
+          >
             {" "}[ ${total().toFixed(2)} ]
           </text>
         );
@@ -89,38 +192,7 @@ export const SessionCostPlugin: TuiPlugin = async (api) => {
           return;
         }
 
-        let parentCost = 0;
-        let childrenCost = 0;
-
-        const calculateCostRecursive = async (sessionID: string): Promise<void> => {
-          const sessionObj = api.state.session.get(sessionID);
-          if (sessionObj && typeof sessionObj.cost === "number") {
-            if (sessionID === currentSessionID) {
-              parentCost += sessionObj.cost;
-            } else {
-              childrenCost += sessionObj.cost;
-            }
-          }
-
-          try {
-            const childrenRes = await api.client.session.children({ sessionID });
-            if (childrenRes.data) {
-              for (const child of childrenRes.data) {
-                await calculateCostRecursive(child.id);
-              }
-            }
-          } catch (err) {}
-        };
-
-        await calculateCostRecursive(currentSessionID);
-        const total = parentCost + childrenCost;
-
-        api.ui.toast({
-          title: "Session Costs Breakdown",
-          message: `Active: $${parentCost.toFixed(2)} | Children: $${childrenCost.toFixed(2)} | Total: $${total.toFixed(2)}`,
-          variant: "success",
-          duration: 6000
-        });
+        await showCostBreakdown(currentSessionID);
       }
     }
   ]);