opencode-usage-stats 0.2.0 → 0.3.1

package/README.md

@@ -17,7 +17,22 @@ OpenCode will install the npm package automatically on startup.
 
 ## Use
 
-In any OpenCode session, run the slash command:
+The plugin provides both a TUI sidebar panel and a slash command.
+
+### TUI sidebar
+
+When OpenCode starts, a small **Usage** panel appears in the right sidebar showing the current session's live stats:
+
+- Messages
+- Cost
+- Tokens
+- Top model
+
+It updates automatically as new assistant messages arrive.
+
+### Slash command
+
+Run the slash command in any session:
 
 ```
 /usage
@@ -29,7 +44,7 @@ Or ask the agent:
 Show my OpenCode usage
 ```
 
-The plugin will return a markdown summary of sessions, messages, tokens, cost, model/tool breakdown.
+This returns a markdown summary of all sessions, messages, tokens, cost, model/tool breakdown.
 
 ## Configuration
 

package/dist/tui.d.ts

@@ -0,0 +1,22 @@
+import type { TuiPluginModule } from "@opencode-ai/plugin/tui";
+import type { Message } from "@opencode-ai/sdk/v2";
+export interface CurrentSessionStats {
+    messages: number;
+    cost: number;
+    inputTokens: number;
+    outputTokens: number;
+    reasoningTokens: number;
+    cacheRead: number;
+    cacheWrite: number;
+    models: Array<{
+        key: string;
+        messages: number;
+        cost: number;
+    }>;
+}
+export declare function aggregateCurrentSessionMessages(messages: ReadonlyArray<Message>): CurrentSessionStats;
+declare const plugin: TuiPluginModule & {
+    id: string;
+};
+export default plugin;
+//# sourceMappingURL=tui.d.ts.map

package/dist/tui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../src/tui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAC5E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAKlD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC/D;AAmCD,wBAAgB,+BAA+B,CAC7C,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,GAC/B,mBAAmB,CA0CrB;AAgED,QAAA,MAAM,MAAM,EAAE,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAmG3C,CAAA;eAEc,MAAM"}

package/dist/tui.js

@@ -0,0 +1,206 @@
+// src/tui.ts
+import { createElement, insert, setProp } from "@opentui/solid";
+import { createSignal } from "solid-js";
+function element(tag, props, children = []) {
+  const node = createElement(tag);
+  for (const [key, value] of Object.entries(props)) {
+    if (value !== void 0) setProp(node, key, value);
+  }
+  for (const child of children) {
+    if (child !== null && child !== void 0 && child !== false) {
+      insert(node, child);
+    }
+  }
+  return node;
+}
+function box(props, children = []) {
+  return element("box", props, children);
+}
+function text(props, children = []) {
+  return element("text", props, children);
+}
+function formatNumber(num) {
+  if (num >= 1e6) return `${(num / 1e6).toFixed(1)}M`;
+  if (num >= 1e3) return `${(num / 1e3).toFixed(1)}K`;
+  return num.toLocaleString();
+}
+function aggregateCurrentSessionMessages(messages) {
+  const stats = {
+    messages: 0,
+    cost: 0,
+    inputTokens: 0,
+    outputTokens: 0,
+    reasoningTokens: 0,
+    cacheRead: 0,
+    cacheWrite: 0,
+    models: []
+  };
+  const modelMap = {};
+  for (const message of messages) {
+    if (message.role !== "assistant") continue;
+    stats.messages += 1;
+    stats.cost += message.cost ?? 0;
+    const tokens = message.tokens;
+    if (tokens) {
+      stats.inputTokens += tokens.input ?? 0;
+      stats.outputTokens += tokens.output ?? 0;
+      stats.reasoningTokens += tokens.reasoning ?? 0;
+      stats.cacheRead += tokens.cache?.read ?? 0;
+      stats.cacheWrite += tokens.cache?.write ?? 0;
+    }
+    const key = `${message.providerID}/${message.modelID}`;
+    if (!modelMap[key]) {
+      modelMap[key] = { messages: 0, cost: 0 };
+    }
+    modelMap[key].messages += 1;
+    modelMap[key].cost += message.cost ?? 0;
+  }
+  stats.models = Object.entries(modelMap).sort(([, a], [, b]) => b.messages - a.messages).map(([key, usage]) => ({ key, ...usage }));
+  return stats;
+}
+function renderStatsPanel(stats, theme, error) {
+  const totalTokens = stats.inputTokens + stats.outputTokens + stats.reasoningTokens + stats.cacheRead + stats.cacheWrite;
+  const lines = [
+    { label: "Messages", value: stats.messages.toLocaleString() },
+    { label: "Cost", value: `$${stats.cost.toFixed(4)}` },
+    { label: "Tokens", value: formatNumber(totalTokens) }
+  ];
+  if (stats.models.length > 0) {
+    lines.push({
+      label: "Model",
+      value: stats.models[0].key.split("/").pop() ?? stats.models[0].key
+    });
+  }
+  const children = [text({ fg: theme.text, bold: true }, ["Usage"])];
+  for (const line of lines) {
+    children.push(
+      box({ width: "100%", flexDirection: "row" }, [
+        text({ fg: theme.textMuted }, [`${line.label}:`]),
+        text({ fg: line.accent ? theme.accent : theme.text }, [line.value])
+      ])
+    );
+  }
+  if (error) {
+    children.push(text({ fg: theme.accent, wrap: "truncate" }, [error]));
+  }
+  return box(
+    {
+      width: "100%",
+      flexDirection: "column",
+      paddingTop: 1,
+      paddingBottom: 1,
+      paddingLeft: 1,
+      paddingRight: 1
+    },
+    children
+  );
+}
+function log(api, level, message, extra) {
+  try {
+    void api.client.app.log({
+      service: "opencode-usage-stats:tui",
+      level,
+      message,
+      extra
+    });
+  } catch {
+  }
+}
+var plugin = {
+  id: "opencode-usage-stats:tui",
+  tui: async (api) => {
+    log(api, "info", "TUI plugin initializing");
+    const [getStats, setStats] = createSignal({
+      messages: 0,
+      cost: 0,
+      inputTokens: 0,
+      outputTokens: 0,
+      reasoningTokens: 0,
+      cacheRead: 0,
+      cacheWrite: 0,
+      models: []
+    });
+    const [getError, setError] = createSignal(void 0);
+    const [getSessionID, setSessionID] = createSignal("");
+    const refresh = () => {
+      if (!api.state.ready) {
+        setError("state not ready");
+        return;
+      }
+      const sessionID = getSessionID();
+      if (!sessionID) return;
+      try {
+        const messages = api.state.session.messages(sessionID);
+        const stats = aggregateCurrentSessionMessages(messages);
+        setStats(stats);
+        setError(void 0);
+        log(api, "debug", "Refreshed usage stats", {
+          messages: stats.messages,
+          cost: stats.cost,
+          sessionID
+        });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        setError(message);
+        log(api, "error", "Failed to refresh usage stats", { error: message, sessionID });
+      }
+    };
+    const unsubscribers = [];
+    try {
+      unsubscribers.push(api.event.on("message.updated", refresh));
+      unsubscribers.push(api.event.on("message.part.updated", refresh));
+      unsubscribers.push(api.event.on("session.status", refresh));
+      log(api, "info", "Subscribed to usage events");
+    } catch (error) {
+      log(api, "error", "Failed to subscribe to events", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    }
+    try {
+      api.slots.register({
+        order: 100,
+        slots: {
+          sidebar_content(_ctx, data) {
+            try {
+              if (data.session_id !== getSessionID()) {
+                setSessionID(data.session_id);
+                log(api, "debug", "Session changed", { session_id: data.session_id });
+                refresh();
+              }
+              const theme = api.theme.current;
+              const stats = getStats();
+              const error = getError();
+              return renderStatsPanel(stats, {
+                text: theme.text,
+                textMuted: theme.textMuted,
+                accent: theme.accent
+              }, error);
+            } catch (error) {
+              const message = error instanceof Error ? error.message : String(error);
+              log(api, "error", "Failed to render sidebar_content", { error: message });
+              return text({ fg: api.theme.current.error }, ["usage stats error"]);
+            }
+          }
+        }
+      });
+      log(api, "info", "Registered sidebar_content slot");
+      api.renderer.requestRender();
+    } catch (error) {
+      log(api, "error", "Failed to register sidebar_content slot", {
+        error: error instanceof Error ? error.message : String(error)
+      });
+    }
+    api.lifecycle.onDispose(() => {
+      for (const unsubscribe of unsubscribers) {
+        unsubscribe();
+      }
+      log(api, "info", "TUI plugin disposed");
+    });
+  }
+};
+var tui_default = plugin;
+export {
+  aggregateCurrentSessionMessages,
+  tui_default as default
+};
+//# sourceMappingURL=tui.js.map

package/dist/tui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/tui.ts"],
+  "sourcesContent": ["import type { TuiPluginApi, TuiPluginModule } from \"@opencode-ai/plugin/tui\"\nimport type { Message } from \"@opencode-ai/sdk/v2\"\nimport type { JSX } from \"@opentui/solid\"\nimport { createElement, insert, setProp } from \"@opentui/solid\"\nimport { createSignal } from \"solid-js\"\n\nexport interface CurrentSessionStats {\n  messages: number\n  cost: number\n  inputTokens: number\n  outputTokens: number\n  reasoningTokens: number\n  cacheRead: number\n  cacheWrite: number\n  models: Array<{ key: string; messages: number; cost: number }>\n}\n\ntype Child = JSX.Element | string | number | null | undefined | false\n\nfunction element(\n  tag: string,\n  props: Record<string, unknown>,\n  children: Child[] = [],\n): JSX.Element {\n  const node = createElement(tag)\n  for (const [key, value] of Object.entries(props)) {\n    if (value !== undefined) setProp(node, key, value)\n  }\n  for (const child of children) {\n    if (child !== null && child !== undefined && child !== false) {\n      insert(node, child)\n    }\n  }\n  return node as JSX.Element\n}\n\nfunction box(props: Record<string, unknown>, children: Child[] = []): JSX.Element {\n  return element(\"box\", props, children)\n}\n\nfunction text(props: Record<string, unknown>, children: Child[] = []): JSX.Element {\n  return element(\"text\", props, children)\n}\n\nfunction formatNumber(num: number): string {\n  if (num >= 1_000_000) return `${(num / 1_000_000).toFixed(1)}M`\n  if (num >= 1_000) return `${(num / 1_000).toFixed(1)}K`\n  return num.toLocaleString()\n}\n\nexport function aggregateCurrentSessionMessages(\n  messages: ReadonlyArray<Message>,\n): CurrentSessionStats {\n  const stats: CurrentSessionStats = {\n    messages: 0,\n    cost: 0,\n    inputTokens: 0,\n    outputTokens: 0,\n    reasoningTokens: 0,\n    cacheRead: 0,\n    cacheWrite: 0,\n    models: [],\n  }\n\n  const modelMap: Record<string, { messages: number; cost: number }> = {}\n\n  for (const message of messages) {\n    if (message.role !== \"assistant\") continue\n\n    stats.messages += 1\n    stats.cost += message.cost ?? 0\n\n    const tokens = message.tokens\n    if (tokens) {\n      stats.inputTokens += tokens.input ?? 0\n      stats.outputTokens += tokens.output ?? 0\n      stats.reasoningTokens += tokens.reasoning ?? 0\n      stats.cacheRead += tokens.cache?.read ?? 0\n      stats.cacheWrite += tokens.cache?.write ?? 0\n    }\n\n    const key = `${message.providerID}/${message.modelID}`\n    if (!modelMap[key]) {\n      modelMap[key] = { messages: 0, cost: 0 }\n    }\n    modelMap[key].messages += 1\n    modelMap[key].cost += message.cost ?? 0\n  }\n\n  stats.models = Object.entries(modelMap)\n    .sort(([, a], [, b]) => b.messages - a.messages)\n    .map(([key, usage]) => ({ key, ...usage }))\n\n  return stats\n}\n\nfunction renderStatsPanel(\n  stats: CurrentSessionStats,\n  theme: { text: unknown; textMuted: unknown; accent: unknown },\n  error?: string,\n): JSX.Element {\n  const totalTokens =\n    stats.inputTokens + stats.outputTokens + stats.reasoningTokens + stats.cacheRead + stats.cacheWrite\n\n  const lines: Array<{ label: string; value: string; accent?: boolean }> = [\n    { label: \"Messages\", value: stats.messages.toLocaleString() },\n    { label: \"Cost\", value: `$${stats.cost.toFixed(4)}` },\n    { label: \"Tokens\", value: formatNumber(totalTokens) },\n  ]\n\n  if (stats.models.length > 0) {\n    lines.push({\n      label: \"Model\",\n      value: stats.models[0].key.split(\"/\").pop() ?? stats.models[0].key,\n    })\n  }\n\n  const children: Child[] = [text({ fg: theme.text, bold: true }, [\"Usage\"])]\n\n  for (const line of lines) {\n    children.push(\n      box({ width: \"100%\", flexDirection: \"row\" }, [\n        text({ fg: theme.textMuted }, [`${line.label}:`]),\n        text({ fg: line.accent ? theme.accent : theme.text }, [line.value]),\n      ]),\n    )\n  }\n\n  if (error) {\n    children.push(text({ fg: theme.accent, wrap: \"truncate\" }, [error]))\n  }\n\n  return box(\n    {\n      width: \"100%\",\n      flexDirection: \"column\",\n      paddingTop: 1,\n      paddingBottom: 1,\n      paddingLeft: 1,\n      paddingRight: 1,\n    },\n    children,\n  )\n}\n\nfunction log(api: TuiPluginApi, level: \"debug\" | \"info\" | \"warn\" | \"error\", message: string, extra?: Record<string, unknown>) {\n  try {\n    void api.client.app.log({\n      service: \"opencode-usage-stats:tui\",\n      level,\n      message,\n      extra,\n    })\n  } catch {\n    // Logging is best-effort; ignore failures.\n  }\n}\n\nconst plugin: TuiPluginModule & { id: string } = {\n  id: \"opencode-usage-stats:tui\",\n  tui: async (api) => {\n    log(api, \"info\", \"TUI plugin initializing\")\n\n    const [getStats, setStats] = createSignal<CurrentSessionStats>({\n      messages: 0,\n      cost: 0,\n      inputTokens: 0,\n      outputTokens: 0,\n      reasoningTokens: 0,\n      cacheRead: 0,\n      cacheWrite: 0,\n      models: [],\n    })\n\n    const [getError, setError] = createSignal<string | undefined>(undefined)\n    const [getSessionID, setSessionID] = createSignal<string>(\"\")\n\n    const refresh = (): void => {\n      if (!api.state.ready) {\n        setError(\"state not ready\")\n        return\n      }\n      const sessionID = getSessionID()\n      if (!sessionID) return\n      try {\n        const messages = api.state.session.messages(sessionID)\n        const stats = aggregateCurrentSessionMessages(messages)\n        setStats(stats)\n        setError(undefined)\n        log(api, \"debug\", \"Refreshed usage stats\", {\n          messages: stats.messages,\n          cost: stats.cost,\n          sessionID,\n        })\n      } catch (error) {\n        const message = error instanceof Error ? error.message : String(error)\n        setError(message)\n        log(api, \"error\", \"Failed to refresh usage stats\", { error: message, sessionID })\n      }\n    }\n\n    const unsubscribers: Array<() => void> = []\n    try {\n      unsubscribers.push(api.event.on(\"message.updated\", refresh))\n      unsubscribers.push(api.event.on(\"message.part.updated\", refresh))\n      unsubscribers.push(api.event.on(\"session.status\", refresh))\n      log(api, \"info\", \"Subscribed to usage events\")\n    } catch (error) {\n      log(api, \"error\", \"Failed to subscribe to events\", {\n        error: error instanceof Error ? error.message : String(error),\n      })\n    }\n\n    try {\n      api.slots.register({\n        order: 100,\n        slots: {\n          sidebar_content(_ctx, data: { session_id: string }) {\n            try {\n              if (data.session_id !== getSessionID()) {\n                setSessionID(data.session_id)\n                log(api, \"debug\", \"Session changed\", { session_id: data.session_id })\n                refresh()\n              }\n\n              const theme = api.theme.current\n              const stats = getStats()\n              const error = getError()\n\n              return renderStatsPanel(stats, {\n                text: theme.text,\n                textMuted: theme.textMuted,\n                accent: theme.accent,\n              }, error)\n            } catch (error) {\n              const message = error instanceof Error ? error.message : String(error)\n              log(api, \"error\", \"Failed to render sidebar_content\", { error: message })\n              return text({ fg: api.theme.current.error }, [\"usage stats error\"])\n            }\n          },\n        },\n      })\n      log(api, \"info\", \"Registered sidebar_content slot\")\n      api.renderer.requestRender()\n    } catch (error) {\n      log(api, \"error\", \"Failed to register sidebar_content slot\", {\n        error: error instanceof Error ? error.message : String(error),\n      })\n    }\n\n    api.lifecycle.onDispose(() => {\n      for (const unsubscribe of unsubscribers) {\n        unsubscribe()\n      }\n      log(api, \"info\", \"TUI plugin disposed\")\n    })\n  },\n}\n\nexport default plugin\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-usage-stats",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "An OpenCode plugin that surfaces local usage statistics and reserves a cloud usage API integration.",
   "type": "module",
   "main": "./dist/index.js",
@@ -9,6 +9,9 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
+    },
+    "./tui": {
+      "import": "./dist/tui.js"
     }
   },
   "files": [
@@ -17,11 +20,13 @@
     "LICENSE"
   ],
   "oc-plugin": [
-    "server"
+    "server",
+    "tui"
   ],
   "scripts": {
-    "build": "npm run build:bundle && npm run build:types",
-    "build:bundle": "esbuild src/index.ts --bundle --platform=node --format=esm --outfile=dist/index.js --external:@opencode-ai/plugin --external:@opencode-ai/sdk --external:node:* --sourcemap",
+    "build": "npm run build:server && npm run build:tui && npm run build:types",
+    "build:server": "esbuild src/index.ts --bundle --platform=node --format=esm --outfile=dist/index.js --external:@opencode-ai/plugin --external:@opencode-ai/sdk --external:node:* --sourcemap",
+    "build:tui": "esbuild src/tui.ts --bundle --platform=node --format=esm --outfile=dist/tui.js --external:@opencode-ai/plugin --external:@opentui/solid --external:solid-js --sourcemap",
     "build:types": "tsc --emitDeclarationOnly",
     "test": "vitest run",
     "prepublishOnly": "npm run build"
@@ -50,8 +55,11 @@
   "devDependencies": {
     "@opencode-ai/plugin": "^1.18.11",
     "@opencode-ai/sdk": "^1.18.11",
+    "@opentui/keymap": "^0.4.5",
+    "@opentui/solid": "^0.4.5",
     "@types/node": "^22.0.0",
     "esbuild": "^0.25.0",
+    "solid-js": "^1.9.14",
     "typescript": "^7.0.0",
     "vitest": "^4.0.0"
   },