opencode-codex-usage-tui 1.3.2 → 1.4.0

package/README.md

@@ -1,4 +1,4 @@
-# opencode-codex-usage
+# opencode-codex-usage-tui
 
 OpenCode TUI plugin that shows remaining ChatGPT Codex usage limits in the sidebar.
 
@@ -23,7 +23,7 @@ Add the published package to OpenCode's TUI configuration:
 ```json
 {
   "$schema": "https://opencode.ai/tui.json",
-  "plugin": ["opencode-codex-usage-tui@1.3.2"]
+  "plugin": ["opencode-codex-usage-tui@1.4.0"]
 }
 ```
 
@@ -44,7 +44,7 @@ For example, a local file URL can be used when supported:
 ```json
 {
   "$schema": "https://opencode.ai/tui.json",
-  "plugin": ["file:///absolute/path/to/opencode-codex-usage-tui-1.3.2.tgz"]
+  "plugin": ["file:///absolute/path/to/opencode-codex-usage-tui-1.4.0.tgz"]
 }
 ```
 

package/dist/tui.js

@@ -1,3 +1,4 @@
+import { TextAttributes } from "@opentui/core";
 import { createElement, insert, setProp } from "@opentui/solid";
 import { fetchUsage, normalizePayload } from "./core.js";
 const DASHBOARD_URL = "https://chatgpt.com/codex/settings/usage";
@@ -12,7 +13,9 @@ let collapsedInitialized = false;
 async function fetchOnce() {
   if (!fetchRequested || inflight) return;
   inflight = true;
-  state = { ...state, status: "loading", message: void 0 };
+  if (state.status !== "ok" || state.windows.length === 0)
+    state = { ...state, status: "loading", message: void 0 };
+  else state = { ...state, message: void 0 };
   try {
     const result = await fetchUsage();
     if (!result.ok) {
@@ -62,7 +65,11 @@ function fmtReset(resetSec) {
   return `${mins}m`;
 }
 function fmtPct(pct) {
-  return `${pct.toFixed(1).padStart(5)}%`;
+  return `${Math.round(pct)}%`;
+}
+function fmtCredits(balance) {
+  const amount = Number(balance);
+  return Number.isFinite(amount) ? amount.toFixed(2) : balance;
 }
 function liveResetSeconds(usage) {
   if (!state.lastFetch) return usage.resetInSec;
@@ -113,24 +120,19 @@ const tui = async (api) => {
     slots: {
       sidebar_content() {
         const theme = api.theme.current;
-        const muted = theme.textMuted;
         const normal = theme.text;
-        const valStyle = { fg: muted };
-        const headerTitle = valNode({ bold: true, fg: normal });
+        const valStyle = { fg: normal };
+        const headerTitle = valNode({ attributes: TextAttributes.BOLD, fg: normal });
         const headerSummary = valNode(valStyle);
         const planVal = valNode(valStyle);
         const creditsVal = valNode(valStyle);
         const resetsVal = valNode(valStyle);
         const statusVal = valNode(valStyle);
         function usageBlock() {
-          const label = valNode({ fg: muted });
+          const label = valNode({ fg: normal });
           const pct = valNode(valStyle);
-          const reset = valNode(valStyle);
-          const block = box({ flexDirection: "column", width: "100%" }, [
-            box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [label, pct]),
-            box({ flexDirection: "row", width: "100%", justifyContent: "flex-end" }, [reset])
-          ]);
-          return { block, label, pct, reset };
+          const block = box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [label, pct]);
+          return { block, label, pct };
         }
         const primary = usageBlock();
         const secondary = usageBlock();
@@ -141,13 +143,11 @@ const tui = async (api) => {
           if (!usage) {
             setNodeText(view.label, "");
             setNodeText(view.pct, "");
-            setNodeText(view.reset, "");
             return;
           }
           const reset = fmtReset(liveResetSeconds(usage));
           setNodeText(view.label, usage.label);
-          setNodeText(view.pct, `${fmtPct(remainingPercent(usage.usedPercent))} left${usage.limitReached ? " exhausted" : ""}`);
-          setNodeText(view.reset, reset ? `reset ${reset}` : "");
+          setNodeText(view.pct, `${fmtPct(remainingPercent(usage.usedPercent))}${reset ? ` (${reset})` : ""}${usage.limitReached ? " exhausted" : ""}`);
         }
         function clearWindows() {
           setUsageWindow(primary, void 0);
@@ -170,7 +170,7 @@ const tui = async (api) => {
             setUsageWindow(extraTwo, windows[3]);
             setNodeText(
               creditsVal,
-              state.credits ? state.credits.hasCredits ? state.credits.unlimited ? "unlimited" : state.credits.balance : "none" : ""
+              state.credits ? state.credits.hasCredits ? state.credits.unlimited ? "unlimited" : fmtCredits(state.credits.balance) : "none" : ""
             );
             setNodeText(resetsVal, state.resetCredits === void 0 ? "" : `${state.resetCredits} available`);
             setNodeText(statusVal, "");
@@ -210,13 +210,13 @@ ${DASHBOARD_URL}`);
         }
         const header = box({ flexDirection: "row", width: "100%", onMouseUp: () => toggle() }, [headerTitle, headerSummary]);
         const body = box({ flexDirection: "column", width: "100%", visible: !collapsed }, [
-          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: muted }, ["Plan"]), planVal]),
+          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: normal }, ["Plan"]), planVal]),
           primary.block,
           secondary.block,
           extraOne.block,
           extraTwo.block,
-          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: muted }, ["Credits"]), creditsVal]),
-          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: muted }, ["Resets"]), resetsVal]),
+          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: normal }, ["Credits"]), creditsVal]),
+          box({ flexDirection: "row", width: "100%", justifyContent: "space-between" }, [txt({ fg: normal }, ["Resets"]), resetsVal]),
           statusVal
         ]);
         const root = box({ flexDirection: "column", width: "100%" }, [header, body]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-codex-usage-tui",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "OpenCode TUI plugin that shows remaining ChatGPT Codex usage limits in the sidebar",
   "license": "MIT",
   "type": "module",
@@ -43,9 +43,9 @@
     "limits",
     "sidebar"
   ],
-  "homepage": "https://github.com/ahmadmcer/opencode-codex-usage",
+  "homepage": "https://github.com/ahmadmcer/opencode-codex-usage-tui",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ahmadmcer/opencode-codex-usage.git"
+    "url": "git+https://github.com/ahmadmcer/opencode-codex-usage-tui.git"
   }
 }