dsh-opencode-go-usage 1.2.1 → 1.2.2

package/README.md

@@ -2,6 +2,8 @@
 
 English | [中文](README.zh.md)
 
+> ⚡ Get an **OpenCode GO plan**: [buycodingplan.com](https://buycodingplan.com/)
+
 A [DSH](https://github.com/deepseek-ai/deepseek-harness) (DeepSeek Harness) plugin that watches your **OpenCode GO plan** quota — the $10/month subscription that gives you usage limits on open-source models (rolling 5-hour, weekly, and monthly windows).
 
 ## Features

package/README.zh.md

@@ -2,6 +2,8 @@
 
 [English](README.md) | 中文
 
+> ⚡ **OpenCode GO 套餐**: [buycodingplan.com](https://buycodingplan.com/)
+
 [DSH](https://github.com/deepseek-ai/deepseek-harness)(DeepSeek Harness)插件:监控你的 **OpenCode GO 套餐**额度 —— 10 美元/月的订阅,按模型提供滚动 5 小时 / 每周 / 每月三个窗口的用量限额。
 
 ## 功能

package/lib/client.js

@@ -25,14 +25,17 @@ window.__ModuleLoader__.load({
 			tag.dataset.plugin = "dsh-opencode-go-usage";
 			tag.dataset.pluginCss = CSS_ID;
 			tag.textContent = [
-				".ocg-widget{box-sizing:border-box;width:100%;min-width:0;padding:8px 6px;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}",
+				".ocg-widget{box-sizing:border-box;width:100%;min-width:0;padding:6px 6px 4px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary)}",
 				".ocg-widget:hover{background:var(--dsw-alias-interactive-bg-hover)}",
 				".ocg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;line-height:18px}",
 				".ocg-refresh{cursor:pointer;border:none;background:none;padding:0;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:18px}",
 				".ocg-refresh:hover{color:var(--dsw-alias-label-primary)}",
 				".ocg-row{display:flex;flex-direction:column;gap:3px;min-width:0}",
-				".ocg-row-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary)}",
+				".ocg-row-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:15px;color:var(--dsw-alias-label-secondary)}",
 				".ocg-row-label b{font-weight:500;color:var(--dsw-alias-label-primary)}",
+				".ocg-meta{display:flex;align-items:center;gap:6px;min-width:0}",
+				".ocg-meta .ocg-track{flex:1;min-width:0}",
+				".ocg-meta>span{font-size:10px;line-height:14px;color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none}",
 				".ocg-track{box-sizing:border-box;height:5px;border-radius:3px;background:var(--dsw-alias-border-l2);overflow:hidden}",
 				".ocg-fill{height:100%;border-radius:3px;transition:width .4s ease}",
 				".ocg-err{font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
@@ -49,12 +52,11 @@ window.__ModuleLoader__.load({
 			"window.rolling": "滚动窗口 (5h)",
 			"window.weekly": "周窗口",
 			"window.monthly": "月窗口",
-			"window.rolling.hint": "5 小时",
-			"status.ok": "正常",
+			"window.rolling.hint": "5h",
 			"time.soon": "即将重置",
-			"time.minutes": "{n} 分后重置",
-			"time.hours": "{n} 小时 {m} 分后",
-			"time.days": "{n} 天 {m} 小时后",
+			"time.minutes": "{n}分",
+			"time.hours": "{n}小时{m}分",
+			"time.days": "{n}天{m}小时",
 			"refresh": "刷新",
 			"loading": "加载中…",
 			"rail.title": "OpenCode GO 月用量 {pct}%",
@@ -66,12 +68,11 @@ window.__ModuleLoader__.load({
 			"window.rolling": "Rolling (5h)",
 			"window.weekly": "Weekly",
 			"window.monthly": "Monthly",
-			"window.rolling.hint": "5 hours",
-			"status.ok": "OK",
+			"window.rolling.hint": "5h",
 			"time.soon": "resets soon",
-			"time.minutes": "in {n} min",
-			"time.hours": "in {n}h {m}m",
-			"time.days": "in {n}d {m}h",
+			"time.minutes": "{n}m",
+			"time.hours": "{n}h{m}m",
+			"time.days": "{n}d{m}h",
 			"refresh": "Refresh",
 			"loading": "Loading…",
 			"rail.title": "OpenCode GO monthly {pct}%",
@@ -100,11 +101,11 @@ window.__ModuleLoader__.load({
 			return t("time.days", { n: Math.floor(hours / 24), m: hours % 24 });
 		}
 
-		/** Fill color by usage percent. */
+		/** Fill color by usage percent — themed alias tokens (light/dark safe). */
 		function fillColor(percent) {
-			if (percent >= 90) return "#ff3b30";
-			if (percent >= 70) return "#ff9500";
-			return "#34c759";
+			if (percent >= 90) return "var(--dsw-alias-state-error-primary)";
+			if (percent >= 70) return "var(--dsw-alias-state-warn-primary)";
+			return "var(--dsw-alias-state-success-primary)";
 		}
 
 		// ── widget component ──
@@ -164,28 +165,34 @@ window.__ModuleLoader__.load({
 				rows.push(react_jsx_runtime.jsx("div", {
 					className: "ocg-row",
 					children: [
+						// Name + percentage on one line (percentage right-aligned).
 						react_jsx_runtime.jsx("div", {
 							className: "ocg-row-label",
 							children: [
 								react_jsx_runtime.jsx("b", { children: t(w.labelKey) }),
-								react_jsx_runtime.jsx("span", { children: (win.resetsAt ? timeUntil(win.resetsAt, t) : (w.hintKey ? t(w.hintKey) : "")) })
+								react_jsx_runtime.jsx("b", { children: win.percent + "%" })
 							]
 						}),
+						// Track + countdown on one line (track flexes, countdown
+						// right-aligned small text; status replaces it when not ok).
 						react_jsx_runtime.jsx("div", {
-							className: "ocg-track",
-							children: react_jsx_runtime.jsx("div", {
-								className: "ocg-fill",
-								style: {
-									width: Math.max(0, Math.min(100, win.percent)) + "%",
-									background: fillColor(win.percent)
-								}
-							})
-						}),
-						react_jsx_runtime.jsx("div", {
-							className: "ocg-row-label",
+							className: "ocg-meta",
 							children: [
-								react_jsx_runtime.jsx("span", { children: win.status === "ok" ? t("status.ok") : win.status }),
-								react_jsx_runtime.jsx("span", { children: win.percent + "%" })
+								react_jsx_runtime.jsx("div", {
+									className: "ocg-track",
+									children: react_jsx_runtime.jsx("div", {
+										className: "ocg-fill",
+										style: {
+											width: Math.max(0, Math.min(100, win.percent)) + "%",
+											background: fillColor(win.percent)
+										}
+									})
+								}),
+								react_jsx_runtime.jsx("span", {
+									children: win.status === "ok"
+										? (win.resetsAt ? timeUntil(win.resetsAt, t) : (w.hintKey ? t(w.hintKey) : ""))
+										: win.status
+								})
 							]
 						})
 					]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-opencode-go-usage",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "DSH (DeepSeek Harness) plugin: OpenCode GO plan quota widget in the sidebar, same-origin usage proxy, and a /opencode-go chat command",
   "type": "module",
   "main": "lib/index.js",