tokmon 0.7.0 → 0.8.0

package/dist/cli.js

@@ -2,6 +2,7 @@
 
 // src/cli.tsx
 import { render } from "ink";
+import { MouseProvider as MouseProvider2 } from "@zenobius/ink-mouse";
 
 // src/config.ts
 import { readFile, writeFile, mkdir } from "fs/promises";
@@ -36,6 +37,7 @@ async function saveConfig(config2) {
 // src/app.tsx
 import { useState, useEffect, useCallback, useRef } from "react";
 import { Box, Text, useInput, useStdout, useApp } from "ink";
+import { useMouse } from "@zenobius/ink-mouse";
 
 // src/data.ts
 import { readdir, stat as fsStat } from "fs/promises";
@@ -267,9 +269,10 @@ async function getAccessToken() {
   }
   return null;
 }
+var EMPTY = { session: null, weekly: null, sonnet: null, extraUsage: null, error: null };
 async function fetchBilling() {
   const token = await getAccessToken();
-  if (!token) return null;
+  if (!token) return { ...EMPTY, error: "No OAuth token found (macOS Keychain)" };
   try {
     const res = await fetch("https://api.anthropic.com/api/oauth/usage", {
       headers: {
@@ -279,7 +282,9 @@ async function fetchBilling() {
       },
       signal: AbortSignal.timeout(1e4)
     });
-    if (!res.ok) return null;
+    if (res.status === 429) return { ...EMPTY, error: "Rate limited \u2014 retrying in 2m" };
+    if (res.status === 401) return { ...EMPTY, error: "Token expired \u2014 restart Claude Code" };
+    if (!res.ok) return { ...EMPTY, error: `API ${res.status}` };
     const data = await res.json();
     return {
       session: data.five_hour ? {
@@ -297,10 +302,11 @@ async function fetchBilling() {
       extraUsage: data.extra_usage?.is_enabled ? {
         limit: data.extra_usage.monthly_limit / 100,
         used: data.extra_usage.used_credits / 100
-      } : null
+      } : null,
+      error: null
     };
   } catch {
-    return null;
+    return { ...EMPTY, error: "Network error" };
   }
 }
 function formatReset(iso) {
@@ -407,7 +413,7 @@ function App({ interval: cliInterval }) {
   useEffect(() => {
     let active = true;
     const load = () => fetchBilling().then((b) => {
-      if (active && b) setBilling(b);
+      if (active) setBilling(b);
     }).catch(() => {
     });
     load();
@@ -454,6 +460,20 @@ function App({ interval: cliInterval }) {
     setCursor(0);
     setExpanded(-1);
   }, []);
+  const mouse = useMouse();
+  useEffect(() => {
+    if (!IS_TTY) return;
+    mouse.enable();
+    const onScroll = (_pos, dir) => {
+      if (tab === 1) {
+        setCursor((c) => dir === "scrollup" ? Math.max(0, c - 3) : c + 3);
+      }
+    };
+    mouse.events.on("scroll", onScroll);
+    return () => {
+      mouse.events.off("scroll", onScroll);
+    };
+  }, [tab]);
   useInput((input, key) => {
     if (showSettings) {
       if (key.escape || input === "s") setShowSettings(false);
@@ -709,21 +729,21 @@ function DashboardView({ data, billing }) {
         ]
       }
     ),
-    billing && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Box, { height: 1 }),
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          flexDirection: "column",
-          paddingLeft: 1,
-          borderStyle: "bold",
-          borderColor: "yellow",
-          borderRight: false,
-          borderTop: false,
-          borderBottom: false,
-          children: [
-            /* @__PURE__ */ jsx(Text, { bold: true, children: "Rate Limits" }),
-            /* @__PURE__ */ jsx(Box, { height: 1 }),
+    /* @__PURE__ */ jsx(Box, { height: 1 }),
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        flexDirection: "column",
+        paddingLeft: 1,
+        borderStyle: "bold",
+        borderColor: billing?.error ? "red" : "yellow",
+        borderRight: false,
+        borderTop: false,
+        borderBottom: false,
+        children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, children: "Rate Limits" }),
+          /* @__PURE__ */ jsx(Box, { height: 1 }),
+          billing?.error ? /* @__PURE__ */ jsx(Text, { color: "red", children: billing.error }) : billing?.session || billing?.weekly ? /* @__PURE__ */ jsxs(Fragment, { children: [
             billing.session && /* @__PURE__ */ jsx(LimitBar, { label: "Session", pct: billing.session.utilization, resets: billing.session.resetsAt }),
             billing.weekly && /* @__PURE__ */ jsx(LimitBar, { label: "Weekly", pct: billing.weekly.utilization, resets: billing.weekly.resetsAt }),
             billing.sonnet && /* @__PURE__ */ jsx(LimitBar, { label: "Sonnet", pct: billing.sonnet.utilization, resets: billing.sonnet.resetsAt }),
@@ -739,10 +759,10 @@ function DashboardView({ data, billing }) {
                 " limit"
               ] })
             ] })
-          ]
-        }
-      )
-    ] })
+          ] }) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fetching..." })
+        ]
+      }
+    )
   ] });
 }
 function LimitBar({ label, pct, resets }) {
@@ -929,5 +949,5 @@ var config = await loadConfig();
 if (config.clearScreen && process.stdout.isTTY) {
   process.stdout.write("\x1B[2J\x1B[H");
 }
-var { waitUntilExit } = render(/* @__PURE__ */ jsx2(App, { interval }));
+var { waitUntilExit } = render(/* @__PURE__ */ jsx2(MouseProvider2, { children: /* @__PURE__ */ jsx2(App, { interval }) }));
 await waitUntilExit();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokmon",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Terminal dashboard for Claude Code usage and costs",
   "type": "module",
   "bin": {
@@ -14,6 +14,7 @@
     "dev": "tsx src/cli.tsx"
   },
   "dependencies": {
+    "@zenobius/ink-mouse": "^1.0.3",
     "ink": "^5.0.0",
     "react": "^18.0.0"
   },