opencode-models-usage-plugin 1.0.0 → 1.0.2

package/README.ja.md

@@ -78,7 +78,7 @@ OpenCode のサイドバーで、現在のセッションツリー（再帰的
     "opencode-models-usage-plugin/tui"
   ],
   "plugin_enabled": {
-    "local:session-model-usage": true
+    "session-model-usage": true
   }
 }
 ```
@@ -88,7 +88,7 @@ OpenCode のサイドバーで、現在のセッションツリー（再帰的
 ### 方法 2: CLI でワンコマンドインストール
 
 ```bash
-opencode plugin opencode-models-usage-plugin/tui --global
+opencode plugin opencode-models-usage-plugin --global
 ```
 
 このコマンドでプラグインのインストールとグローバル設定の更新を自動で行えます。

package/README.ko.md

@@ -78,7 +78,7 @@ OpenCode 사이드바에서 현재 세션 트리(재귀적인 하위 세션 포
     "opencode-models-usage-plugin/tui"
   ],
   "plugin_enabled": {
-    "local:session-model-usage": true
+    "session-model-usage": true
   }
 }
 ```
@@ -88,7 +88,7 @@ OpenCode 사이드바에서 현재 세션 트리(재귀적인 하위 세션 포
 ### 방법 2: CLI 한 줄로 설치하기
 
 ```bash
-opencode plugin opencode-models-usage-plugin/tui --global
+opencode plugin opencode-models-usage-plugin --global
 ```
 
 이 명령은 플러그인을 설치하고 전역 설정도 자동으로 갱신합니다.

package/README.md

@@ -87,7 +87,7 @@ Add the following:
     "opencode-models-usage-plugin/tui"
   ],
   "plugin_enabled": {
-    "local:session-model-usage": true
+    "session-model-usage": true
   }
 }
 ```
@@ -97,7 +97,7 @@ Save the file and restart OpenCode. The plugin will be installed automatically v
 ### Method 2: One-click install via CLI
 
 ```bash
-opencode plugin opencode-models-usage-plugin/tui --global
+opencode plugin opencode-models-usage-plugin --global
 ```
 
 This command installs the plugin and updates your global config automatically.

package/README.zh-CN.md

@@ -88,7 +88,7 @@
     "opencode-models-usage-plugin/tui"
   ],
   "plugin_enabled": {
-    "local:session-model-usage": true
+    "session-model-usage": true
   }
 }
 ```
@@ -98,7 +98,7 @@
 ### 方式二：CLI 一键安装（最便捷）
 
 ```bash
-opencode plugin opencode-models-usage-plugin/tui --global
+opencode plugin opencode-models-usage-plugin --global
 ```
 
 这条命令会自动安装插件，并更新全局配置。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-models-usage-plugin",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Show per-model usage, live TPS, tokens, and cost in the OpenCode sidebar.",
   "license": "Apache-2.0",
   "type": "module",

package/src/tui.tsx

@@ -6,7 +6,7 @@ import { For, Show, createEffect, createMemo, createSignal, onCleanup, onMount }
 
 import { getSessionUsage, type SessionMessageLike, type LiveTpsState } from "./session-usage"
 
-const pluginID = "local:session-model-usage"
+const pluginID = "session-model-usage"
 
 const isRecord = (value: unknown): value is Record<string, unknown> =>
   typeof value === "object" && value !== null
@@ -230,6 +230,7 @@ const SessionUsagePanel = (props: { api: TuiPluginApi; sessionID: string }) => {
   })
 
   const { usageMessages, liveTps } = useSessionMessages(props.api, activeSessionID)
+  const theme = () => props.api.theme.current
   
   const usage = createMemo(() => getSessionUsage(usageMessages(), props.api.state.provider, liveTps()))
 
@@ -242,27 +243,27 @@ const SessionUsagePanel = (props: { api: TuiPluginApi; sessionID: string }) => {
         <For each={usage().models}>
           {(model) => (
             <box flexDirection="column">
-              <text fg={model.isLiveTps ? "yellow" : undefined}>● {model.label}</text>
+              <text fg={model.isLiveTps ? theme().warning : theme().text}>● {model.label}</text>
               <box flexDirection="column" paddingLeft={2}>
                 <box flexDirection="row">
-                  <text>■ TPS </text>
-                  <text fg="gray">{model.isLiveTps && model.tps > 0 ? model.tps.toFixed(1) : "—"}</text>
+                  <text fg={theme().text} width={18} flexShrink={0}>■ TPS</text>
+                  <text fg={theme().textMuted}>{model.isLiveTps && model.tps > 0 ? model.tps.toFixed(1) : "—"}</text>
                 </box>
                 <box flexDirection="row">
-                  <text>■ Context Tokens </text>
-                  <text fg="gray">{model.contextTokens.toLocaleString("en-US")}</text>
+                  <text fg={theme().text} width={18} flexShrink={0}>■ Context Tokens</text>
+                  <text fg={theme().textMuted}>{model.contextTokens.toLocaleString("en-US")}</text>
                 </box>
                 <box flexDirection="row">
-                  <text>■ Session Tokens </text>
-                  <text fg="gray">{model.sessionTokens.toLocaleString("en-US")}</text>
+                  <text fg={theme().text} width={18} flexShrink={0}>■ Session Tokens</text>
+                  <text fg={theme().textMuted}>{model.sessionTokens.toLocaleString("en-US")}</text>
                 </box>
                 <box flexDirection="row">
-                  <text>■ Session Cached </text>
-                  <text fg="gray">{model.sessionCachedTokens.toLocaleString("en-US")}</text>
+                  <text fg={theme().text} width={18} flexShrink={0}>■ Session Cached</text>
+                  <text fg={theme().textMuted}>{model.sessionCachedTokens.toLocaleString("en-US")}</text>
                 </box>
                 <box flexDirection="row">
-                  <text>■ spent </text>
-                  <text fg="gray">${model.cost.toFixed(4)}</text>
+                  <text fg={theme().text} width={18} flexShrink={0}>■ spent</text>
+                  <text fg={theme().textMuted}>${model.cost.toFixed(4)}</text>
                 </box>
               </box>
             </box>
@@ -273,7 +274,20 @@ const SessionUsagePanel = (props: { api: TuiPluginApi; sessionID: string }) => {
   )
 }
 
+const globalKey = Symbol.for(`opencode-plugin-${pluginID}`)
+
 const tui: TuiPlugin = async (api) => {
+  const globalStore = globalThis as { [key: symbol]: boolean | undefined }
+
+  if (globalStore[globalKey]) {
+    return
+  }
+  globalStore[globalKey] = true
+
+  api.lifecycle.onDispose(() => {
+    globalStore[globalKey] = false
+  })
+
   api.slots.register({
     order: 150,
     slots: {