@jack-yang/opencode-tps-meter 1.0.0 → 1.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@jack-yang/opencode-tps-meter",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Live TPS/AVG/TTFT meter plugin for OpenCode TUI with color-coded speed tiers",
   "type": "module",
   "exports": {

package/tui.tsx

@@ -3,7 +3,7 @@ import { RGBA } from "@opentui/core"
 import type { TextRenderable } from "@opentui/core"
 import type { TuiPlugin, TuiPluginModule, TuiThemeCurrent } from "@opencode-ai/plugin/tui"
 import type { PluginOptions } from "@opencode-ai/plugin"
-import { createSignal, onCleanup, Show } from "solid-js"
+import { onCleanup } from "solid-js"
 
 type DeltaSample = { at: number; rawTokens: number }
 
@@ -190,9 +190,7 @@ function MeterDisplay(props: {
   spinnerCells: () => { glyph: string; color: RGBA }[]
   subscribe: (listener: Listener) => () => void
 }) {
-  const cellCount = props.config.spinner.enabled ? props.config.spinner.cells : 0
-  const spinRefs: (TextRenderable | undefined)[] = []
-  const [thinking, setThinking] = createSignal(false)
+  let particleRef: TextRenderable | undefined
   let tpsRef: TextRenderable | undefined
   let avgRef: TextRenderable | undefined
   let ttftRef: TextRenderable | undefined
@@ -208,14 +206,13 @@ function MeterDisplay(props: {
     const avg = stats && stats.totalDurationMs > 0 ? stats.totalOutputTokens / (stats.totalDurationMs / 1000) : undefined
     const ttft = props.tracker.liveTtftBySession[props.sessionID]
     const thinkingNow = props.tracker.thinkingBySession[props.sessionID] === true && props.config.spinner.enabled
-    setThinking(thinkingNow)
-    if (thinkingNow) {
-      const cells = props.spinnerCells()
-      for (let i = 0; i < spinRefs.length; i++) {
-        const ref = spinRefs[i]
-        if (!ref) continue
-        const cell = cells[i]
-        if (cell) { ref.content = cell.glyph; ref.fg = cell.color }
+    if (particleRef) {
+      if (thinkingNow) {
+        const cells = props.spinnerCells()
+        particleRef.content = " " + cells.map((c) => c.glyph).join("")
+        particleRef.fg = cells[0]?.color ?? muted
+      } else {
+        particleRef.content = ""
       }
     }
     if (tpsRef) {
@@ -244,12 +241,7 @@ function MeterDisplay(props: {
       <text ref={(el: TextRenderable) => { avgRef = el; sync() }} fg={muted}>--</text>
       <text fg={muted}> | TTFT </text>
       <text ref={(el: TextRenderable) => { ttftRef = el; sync() }} fg={muted}>--</text>
-      <Show when={thinking()}>
-        <text fg={muted}> </text>
-        {Array.from({ length: cellCount }).map((_, i) => (
-          <text ref={(el: TextRenderable) => { spinRefs[i] = el; sync() }} fg={muted}></text>
-        ))}
-      </Show>
+      <text ref={(el: TextRenderable) => { particleRef = el; sync() }} fg={muted}></text>
     </box>
   )
 }