dsh-opencode-go-usage 1.2.1 → 1.2.3

package/README.md

@@ -2,8 +2,12 @@
 
 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).
 
+Compatible with DSH `0.1.1-rc.2` and `0.1.2-alpha.2`.
+
 ## Features
 
 - **Sidebar widget** — a live widget pinned at the bottom of the DSH web sidebar (`sidebar.footer.action` slot) showing three usage bars: rolling (5h), weekly, and monthly, each with a relative countdown to its window reset. When the sidebar is collapsed it shrinks to a compact percentage badge.
@@ -17,7 +21,7 @@ The plugin is a **dual-half DSH package**:
 | half | file | role |
 |---|---|---|
 | host (Node) | `lib/index.js` | registers the `/opencode-go/usage` web route (`ctx.webServer`) and the `/opencode-go` command (`ctx.commands`); resolves the key through DSH credentials; caches the upstream call (30 s) |
-| browser | `lib/client.js` | a hand-authored `window.__ModuleLoader__.load({ id, factory })` bundle that registers into the `sidebar.footer.action` list slot and polls the same-origin route every 60 s |
+| browser | `lib/client.js` | a hand-authored `window.__ModuleLoader__.load({ id, factory })` bundle that waits for and registers into the `sidebar.footer.action` list slot, then polls the same-origin route every 60 s |
 
 `package.json` declares `"dsh": { "client": { "platform": "web" } }`, so DSH's client-modules node half scans it into the browser boot graph (`window.__DSH_BOOT__`) and serves the bundle at `/plugins/dsh-opencode-go-usage/client.js`.
 

package/README.zh.md

@@ -2,8 +2,12 @@
 
 [English](README.md) | 中文
 
+> ⚡ **OpenCode GO 套餐**: [buycodingplan.com](https://buycodingplan.com/)
+
 [DSH](https://github.com/deepseek-ai/deepseek-harness)(DeepSeek Harness)插件:监控你的 **OpenCode GO 套餐**额度 —— 10 美元/月的订阅,按模型提供滚动 5 小时 / 每周 / 每月三个窗口的用量限额。
 
+兼容 DSH `0.1.1-rc.2` 与 `0.1.2-alpha.2`。
+
 ## 功能
 
 - **侧边栏小组件**:常驻 DSH Web 侧边栏底部(`sidebar.footer.action` 槽位),三条用量进度条:滚动窗口(5h)、周窗口、月窗口,每条带重置倒计时;侧边栏收起时收缩为紧凑的百分比徽标。
@@ -17,7 +21,7 @@
 | 端 | 文件 | 职责 |
 |---|---|---|
 | host(Node) | `lib/index.js` | 注册 `/opencode-go/usage` Web 路由(`ctx.webServer`)与 `/opencode-go` 命令(`ctx.commands`);通过 DSH credentials 解析 key;上游调用带 30s 缓存 |
-| 浏览器 | `lib/client.js` | 手写的 `window.__ModuleLoader__.load({ id, factory })` bundle,注册进 `sidebar.footer.action` 列表槽,每 60s 轮询同源路由 |
+| 浏览器 | `lib/client.js` | 手写的 `window.__ModuleLoader__.load({ id, factory })` bundle，等待 `sidebar.footer.action` 列表槽就绪后注册，每 60s 轮询同源路由 |
 
 `package.json` 声明了 `"dsh": { "client": { "platform": "web" } }`,DSH 的 client-modules 节点端会把它扫描进浏览器启动图(`window.__DSH_BOOT__`),并在 `/plugins/dsh-opencode-go-usage/client.js` 提供该 bundle。
 

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
+								})
 							]
 						})
 					]
@@ -228,13 +235,18 @@ window.__ModuleLoader__.load({
 
 		function apply(ctx) {
 			ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-opencode-go-usage: dictionaries");
-			ctx.effect(() => ctx.slots.register({
+			const registerWidget = () => ctx.slots.register({
 				name: "sidebar.footer.action",
 				id: "dsh-opencode-go-usage",
 				order: 0,
 				label: "OpenCode GO",
 				locale: NS
-			}, Widget), "dsh-opencode-go-usage: widget registration");
+			}, Widget);
+			if (typeof ctx.slots.inject === "function") {
+				ctx.slots.inject("sidebar.footer.action", registerWidget);
+			} else {
+				ctx.effect(registerWidget, "dsh-opencode-go-usage: widget registration");
+			}
 		}
 
 		exports.apply = apply;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-opencode-go-usage",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "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",