opencode-codex-usage-tui 1.3.3 → 1.4.0

package/README.md

@@ -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.3"]
+  "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.3.tgz"]
+  "plugin": ["file:///absolute/path/to/opencode-codex-usage-tui-1.4.0.tgz"]
 }
 ```
 

package/dist/tui.js

@@ -65,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;
@@ -116,9 +120,8 @@ 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 valStyle = { fg: normal };
         const headerTitle = valNode({ attributes: TextAttributes.BOLD, fg: normal });
         const headerSummary = valNode(valStyle);
         const planVal = valNode(valStyle);
@@ -126,14 +129,10 @@ const tui = async (api) => {
         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();
@@ -144,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);
@@ -173,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, "");
@@ -213,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.3",
+  "version": "1.4.0",
   "description": "OpenCode TUI plugin that shows remaining ChatGPT Codex usage limits in the sidebar",
   "license": "MIT",
   "type": "module",