opencode-copilot-statusline 0.1.0 → 1.0.0

package/README.md

@@ -7,11 +7,13 @@
 
 Display your GitHub Copilot quota in the OpenCode TUI footer statusline.
 
+![Animated demo: GitHub Copilot quota in the footer statusline](./assets/demo.svg)
+
 ## ✨ Features
 
 - Live used-quota percentage in the prompt footer (`Copilot 87%`)
 - Monthly reset countdown when the footer details are expanded (or the terminal is wide enough)
-- Color feedback: subdued normally, info at ≥70%, error at ≥90%
+- Color feedback on the whole segment (label and percentage): subdued normally, info at ≥70%, error at ≥90% or when the quota cannot be resolved
 - Only appears for sessions whose model provider is `github-copilot`
 - Usage refreshes about once per minute
 

package/README.zh-CN.md

@@ -7,11 +7,13 @@
 
 在 OpenCode TUI 底栏显示 GitHub Copilot 配额用量。
 
+![动态演示：OpenCode 底栏中的 GitHub Copilot 配额用量](./assets/demo.svg)
+
 ## ✨ 功能
 
 - 在输入框底栏实时显示配额已用百分比（`Copilot 87%`）
 - 展开底栏详情（或终端足够宽）时显示每月重置倒计时
-- 颜色提示：正常为弱化色，≥70% 变提示色，≥90% 变错误色
+- 颜色提示：`Copilot` 标签与百分比整段同步变色 —— 正常为弱化色，≥70% 为提示色，≥90% 或无法解析配额时为错误色
 - 仅当会话模型 provider 为 `github-copilot` 时显示
 - 用量约每分钟自动刷新一次
 

package/dist/tui.js

@@ -59,17 +59,6 @@ function countdown(resetsAt, now) {
   return `${mins}m`;
 }
 function Segment(props) {
-  const ctx = usePlugin();
-  const fg = () => {
-    const t = ctx.theme;
-    if (props.usage.unlimited)
-      return t.text.subdued;
-    if (props.usage.usedPercent >= 90)
-      return t.text.feedback.error.default;
-    if (props.usage.usedPercent >= 70)
-      return t.text.feedback.info.default;
-    return t.text.subdued;
-  };
   const text = () => {
     if (props.usage.unlimited)
       return "\u221E";
@@ -81,7 +70,7 @@ function Segment(props) {
     _$setProp(_el$, "wrapMode", "none");
     _$setProp(_el$, "flexShrink", 1);
     _$insert(_el$, text);
-    _$effect((_$p) => _$setProp(_el$, "fg", fg(), _$p));
+    _$effect((_$p) => _$setProp(_el$, "fg", props.color(), _$p));
     return _el$;
   })();
 }
@@ -90,6 +79,19 @@ function CopilotUsage(props) {
   const [isCopilot, setIsCopilot] = createSignal(false);
   const dims = useTerminalDimensions();
   const detailed = () => props.showDetails() || dims().width >= DETAILED_WIDTH;
+  const fg = () => {
+    const t = ctx.theme;
+    const u = props.usage();
+    if (!u)
+      return props.loaded() ? t.text.feedback.error.default : t.text.subdued;
+    if (u.unlimited)
+      return t.text.subdued;
+    if (u.usedPercent >= 90)
+      return t.text.feedback.error.default;
+    if (u.usedPercent >= 70)
+      return t.text.feedback.info.default;
+    return t.text.subdued;
+  };
   let generation = 0;
   async function check(id) {
     const current = ++generation;
@@ -134,7 +136,7 @@ function CopilotUsage(props) {
             var _el$6 = _$createElement("text");
             _$insertNode(_el$6, _$createTextNode(`\u2014`));
             _$setProp(_el$6, "flexShrink", 0);
-            _$effect((_$p) => _$setProp(_el$6, "fg", ctx.theme.text.subdued, _$p));
+            _$effect((_$p) => _$setProp(_el$6, "fg", fg(), _$p));
             return _el$6;
           })();
         },
@@ -142,12 +144,13 @@ function CopilotUsage(props) {
           get usage() {
             return u();
           },
+          color: fg,
           get detailed() {
             return detailed();
           }
         })
       }), null);
-      _$effect((_$p) => _$setProp(_el$3, "fg", ctx.theme.text.subdued, _$p));
+      _$effect((_$p) => _$setProp(_el$3, "fg", fg(), _$p));
       return _el$2;
     }
   });
@@ -157,13 +160,16 @@ var tui_default = Plugin.define({
   setup(context) {
     const rpc = context.client.rpc(UsageRpc);
     const [usage, setUsage] = createSignal();
+    const [loaded, setLoaded] = createSignal(false);
     let timer;
     async function refresh() {
       try {
         const result = await rpc.get({});
         if (result?.usage)
           setUsage(result.usage);
-      } catch {}
+      } catch {} finally {
+        setLoaded(true);
+      }
     }
     refresh();
     timer = setInterval(() => void refresh(), INTERVAL_MS);
@@ -172,7 +178,8 @@ var tui_default = Plugin.define({
       render: (input) => _$createComponent(CopilotUsage, {
         sessionID: () => input.sessionID,
         showDetails: () => input.showDetails,
-        usage
+        usage,
+        loaded
       })
     });
     return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-copilot-statusline",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "OpenCode TUI plugin: display GitHub Copilot quota (premium requests, with a chat fallback for Copilot Free) in the footer statusline. V2-native, zero-config, no cookies.",
   "type": "module",
   "license": "MIT",
@@ -32,6 +32,7 @@
   },
   "scripts": {
     "build": "bun run scripts/build.ts",
+    "record:demo": "bun run build && bun scripts/record-demo.ts",
     "typecheck": "tsc --noEmit",
     "pretest": "bun run build",
     "test": "bun test test/usage.test.ts test/e2e",