@yinxe/opencode-tui-usage 0.0.7 → 0.0.8

package/dist/context-usage.d.ts

@@ -0,0 +1,9 @@
+/** @jsxImportSource @opentui/solid */
+import type { JSX } from "solid-js";
+import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+export interface ContextUsageViewProps {
+    api: TuiPluginApi;
+    sessionId: string;
+}
+export declare function ContextUsageView(props: ContextUsageViewProps): JSX.Element;
+//# sourceMappingURL=context-usage.d.ts.map

package/dist/context-usage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-usage.d.ts","sourceRoot":"","sources":["../src/context-usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAKpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAiE1E"}

package/dist/context-usage.jsx

@@ -0,0 +1,54 @@
+import { createSignal, createEffect } from "solid-js";
+import { Show } from "solid-js";
+import { ProgressBar } from "./components.jsx";
+import { formatNumber, formatPercent } from "./formatters.js";
+export function ContextUsageView(props) {
+    const [contextData, setContextData] = createSignal(null);
+    createEffect(() => {
+        const sessionId = props.sessionId;
+        const messages = props.api.state.session.messages(sessionId);
+        if (!messages || messages.length === 0) {
+            setContextData(null);
+            return;
+        }
+        let latestTokens = 0;
+        let latestTime = -Infinity;
+        let limit = 0;
+        for (const msg of messages) {
+            if (msg.role !== "assistant" || !msg.tokens)
+                continue;
+            const tokens = msg.tokens.input +
+                msg.tokens.output +
+                msg.tokens.reasoning +
+                msg.tokens.cache.read +
+                msg.tokens.cache.write;
+            if (tokens <= 0)
+                continue;
+            const time = msg.time.completed ?? msg.time.created;
+            if (time > latestTime) {
+                latestTime = time;
+                latestTokens = tokens;
+                const provider = props.api.state.provider.find((p) => p.id === msg.providerID);
+                const model = provider?.models[msg.modelID];
+                limit = model?.limit?.context ?? 0;
+            }
+        }
+        if (latestTokens === 0 || limit === 0) {
+            setContextData(null);
+            return;
+        }
+        const percent = Math.min(100, (latestTokens / limit) * 100);
+        setContextData({ tokens: latestTokens, limit, percent });
+    });
+    return (<Show when={contextData()} fallback={<></>}>
+      <box flexDirection="column" gap={0}>
+        <box flexDirection="row" gap={2}>
+          <text fg="#a29bfe">Context:</text>
+          <text>
+            {formatNumber(contextData().tokens)} / {formatNumber(contextData().limit)} ({formatPercent(contextData().percent)})
+          </text>
+        </box>
+        <ProgressBar value={contextData().percent} color="#a29bfe" width={20}/>
+      </box>
+    </Show>);
+}

package/dist/formatters.d.ts

@@ -0,0 +1,5 @@
+export declare function formatNumber(n: number): string;
+export declare function formatCost(cost: number): string;
+export declare function formatDuration(totalSeconds: number): string;
+export declare function formatPercent(value: number): string;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../src/formatters.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAI9C;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAa3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD"}

package/dist/formatters.js

@@ -0,0 +1,30 @@
+export function formatNumber(n) {
+    if (n >= 1000000)
+        return (n / 1000000).toFixed(1) + "M";
+    if (n >= 1000)
+        return (n / 1000).toFixed(1) + "K";
+    return n.toString();
+}
+export function formatCost(cost) {
+    if (cost === 0)
+        return "$0";
+    const formatted = cost.toFixed(6).replace(/\.?0+$/, "");
+    return "$" + formatted;
+}
+export function formatDuration(totalSeconds) {
+    if (totalSeconds < 60) {
+        return `${totalSeconds}s`;
+    }
+    if (totalSeconds < 3600) {
+        const m = Math.floor(totalSeconds / 60);
+        const s = totalSeconds % 60;
+        return `${m}:${s.toString().padStart(2, "0")}`;
+    }
+    const h = Math.floor(totalSeconds / 3600);
+    const m = Math.floor((totalSeconds % 3600) / 60);
+    const s = totalSeconds % 60;
+    return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+}
+export function formatPercent(value) {
+    return `${Math.round(value)}%`;
+}

package/dist/quota/service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../src/quota/service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAMnD,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,YAAY,CAAK;;IAQzB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAI/C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAmBhD,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAItC,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAIlD,0BAA0B,IAAI,MAAM,EAAE;IAItC,0BAA0B,IAAI,MAAM,EAAE;IAIhC,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;CAahD"}
+{"version":3,"file":"service.d.ts","sourceRoot":"","sources":["../../src/quota/service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnD,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAyC;IAC1D,OAAO,CAAC,gBAAgB,CAAwB;IAChD,OAAO,CAAC,kBAAkB,CAAuB;IACjD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,YAAY,CAAK;;IAQzB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAI/C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAmBhD,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAItC,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO;IAIlD,0BAA0B,IAAI,MAAM,EAAE;IAItC,0BAA0B,IAAI,MAAM,EAAE;IAIhC,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;CAahD"}

package/dist/quota/service.js

@@ -1,6 +1,5 @@
 import { readProviderConfig, getProviderConfig } from "./config.js";
-import { MiniMaxCNQuotaProvider } from "./providers/minimax.js";
-import { MiniMaxIOQuotaProvider } from "./providers/minimax-io.js";
+import { MiniMaxCNQuotaProvider, MiniMaxIOQuotaProvider } from "./providers/minimax.js";
 import { OpenCodeGoQuotaProvider } from "./providers/opencode-go.js";
 export class QuotaService {
     providers = new Map();

package/dist/tokens-usage.d.ts

@@ -1,6 +1,17 @@
 /** @jsxImportSource @opentui/solid */
 import type { JSX } from "solid-js";
 import type { TuiPluginApi } from "@opencode-ai/plugin/tui";
+export interface TokenStats {
+    providerID: string;
+    modelID: string;
+    totalCost: number;
+    input: number;
+    output: number;
+    reasoning: number;
+    cacheRead: number;
+    cacheWrite: number;
+    messageCount: number;
+}
 export interface TokensUsageViewProps {
     api: TuiPluginApi;
     sessionId: string;

package/dist/tokens-usage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens-usage.d.ts","sourceRoot":"","sources":["../src/tokens-usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAqC5D,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsIxE"}
+{"version":3,"file":"tokens-usage.d.ts","sourceRoot":"","sources":["../src/tokens-usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAIpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAYD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsIxE"}

package/dist/tokens-usage.jsx

@@ -1,18 +1,6 @@
 import { createSignal, createEffect, Show, For } from "solid-js";
 import { Title } from "./components.jsx";
-function formatNumber(n) {
-    if (n >= 1000000)
-        return (n / 1000000).toFixed(1) + "M";
-    if (n >= 1000)
-        return (n / 1000).toFixed(1) + "K";
-    return n.toString();
-}
-function formatCost(cost) {
-    if (cost === 0)
-        return "$0";
-    const formatted = cost.toFixed(6).replace(/\.?0+$/, "");
-    return "$" + formatted;
-}
+import { formatNumber, formatCost } from "./formatters.js";
 function InlineMetric(props) {
     return (<box flexDirection="row" gap={0}>
       <text fg={props.color}>{props.label}</text>
@@ -114,7 +102,7 @@ export function TokensUsageView(props) {
         </box>
       </Show>
 
-      <Show when={!isLoading() && stats().length > 1}>
+      <Show when={!isLoading() && stats().length > 0}>
         <For each={stats()}>
           {(stat) => (<box flexDirection="column" gap={0}>
               <box flexDirection="row" gap={1}>

package/dist/tui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../src/tui.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAoC1E,QAAA,MAAM,MAAM,EAAE,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAG3C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../src/tui.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAyC1E,QAAA,MAAM,MAAM,EAAE,eAAe,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAG3C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/tui.jsx

@@ -1,6 +1,7 @@
 import { UsageView } from "./usage.jsx";
 import { SessionInfoView } from "./session-info.jsx";
 import { TokensUsageView } from "./tokens-usage.jsx";
+import { ContextUsageView } from "./context-usage.jsx";
 import { QuotaService } from "./quota/service.js";
 const id = "opencode-tui-usage-plugin";
 const tui = async (api) => {
@@ -12,6 +13,7 @@ const tui = async (api) => {
                 return (<box gap={0}>
             <UsageView quotaService={quotaService} api={api} sessionId={_props.session_id}/>
             <SessionInfoView api={api} sessionId={_props.session_id}/>
+            <ContextUsageView api={api} sessionId={_props.session_id}/>
             <TokensUsageView api={api} sessionId={_props.session_id}/>
           </box>);
             },

package/dist/usage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usage.d.ts","sourceRoot":"","sources":["../src/usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAGpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAmBpD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE;QACZ,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QAC1C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QACjD,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QACnD,0BAA0B,IAAI,MAAM,EAAE,CAAC;QACvC,0BAA0B,IAAI,MAAM,EAAE,CAAC;KACxC,CAAC;IACF,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAoDD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA2N5D"}
+{"version":3,"file":"usage.d.ts","sourceRoot":"","sources":["../src/usage.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAIpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE;QACZ,UAAU,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;QAC1C,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QACjD,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;QACnD,0BAA0B,IAAI,MAAM,EAAE,CAAC;QACvC,0BAA0B,IAAI,MAAM,EAAE,CAAC;KACxC,CAAC;IACF,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAoCD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CA2N5D"}

package/dist/usage.jsx

@@ -1,38 +1,15 @@
 import { createSignal, createEffect, onCleanup } from "solid-js";
 import { Title, ProgressBar } from "./components.jsx";
+import { formatDuration } from "./formatters.js";
 const REFRESH_INTERVAL = 60;
-function formatDuration(totalSeconds) {
-    if (totalSeconds < 60) {
-        return `${totalSeconds}s`;
-    }
-    if (totalSeconds < 3600) {
-        const m = Math.floor(totalSeconds / 60);
-        const s = totalSeconds % 60;
-        return `${m}:${s.toString().padStart(2, "0")}`;
-    }
-    const h = Math.floor(totalSeconds / 3600);
-    const m = Math.floor((totalSeconds % 3600) / 60);
-    const s = totalSeconds % 60;
-    return `${h}:${m.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
-}
 function EmptyState(props) {
     if (!props.provider) {
         return <text fg="#888">No LLM activity detected</text>;
     }
     if (!props.supported) {
         return (<box flexDirection="column" gap={0}>
-        <text fg="#ffd93d">Provider not supported</text>
-        <text fg="#888">
-          Adapter for "{props.provider}" not found.
-        </text>
-        {props.registeredProviders.length > 0 ? (<text fg="#888">
-            Registered: {props.registeredProviders.join(", ")}
-          </text>) : null}
-        {props.configuredProviders.length > 0 ? (<text fg="#888">
-            Configured: {props.configuredProviders.join(", ")}
-          </text>) : (<text fg="#888">
-            Configure provider in usage.provider.json
-          </text>)}
+        <text fg="#ff6b6b">not support provider: {props.provider}</text>
+        <text fg="#74b9ff">github.com/Yinxe/opencode-tui-usage</text>
       </box>);
     }
     if (props.error) {
@@ -157,7 +134,7 @@ export function UsageView(props) {
         onCleanup(() => clearInterval(id));
     });
     return (<box flexDirection="column" gap={0}>
-      <Title text="Usage" color="#6bcf7f"/>
+      <Title text="Usage Quota" color="#6bcf7f"/>
       <text fg="#888">Provider: {currentProvider() ?? "Unknown"}</text>
       {loading() ? (<>
           <box flexDirection="column" gap={0}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yinxe/opencode-tui-usage",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "OpenCode TUI 额度显示插件 - 在侧边栏显示用量和额度信息",
   "repository": "github:Yinxe/opencode-tui-usage",
   "type": "module",

package/dist/quota/providers/minimax-io.d.ts

@@ -1,2 +0,0 @@
-export { MiniMaxIOQuotaProvider } from "./minimax.js";
-//# sourceMappingURL=minimax-io.d.ts.map

package/dist/quota/providers/minimax-io.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"minimax-io.d.ts","sourceRoot":"","sources":["../../../src/quota/providers/minimax-io.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/quota/providers/minimax-io.js

@@ -1 +0,0 @@
-export { MiniMaxIOQuotaProvider } from "./minimax.js";