opencode-mask-j0k3r-dev-rgl 2.0.21 → 2.0.22

package/components.tsx

@@ -139,9 +139,8 @@ export const SidebarArch = (props: {
         </box>
       )}
 
-      {/* ── Context (tokens + % used + cost) ── */}
-      {contextTokens > 0 && (
-        <box flexDirection="column" alignItems="center" marginTop={1}>
+      {/* ── Context (tokens + % used + cost) ── siempre visible */}
+      <box flexDirection="column" alignItems="center" marginTop={1}>
           <text fg={t.textMuted} bold={true}>Context</text>
 
           {/* tokens */}
@@ -164,8 +163,7 @@ export const SidebarArch = (props: {
             <text fg={t.textMuted}>spent</text>
           </box>
           <ProgressBar value={costPct} width={18} fillColor="#ffd166" emptyColor="#3a3a3a" theme={t} />
-        </box>
-      )}
+      </box>
 
       {/* ── Todos ── */}
       {totalTodos > 0 && (

package/package.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://json.schemastore.org/package.json",
 	"name": "opencode-mask-j0k3r-dev-rgl",
-	"version": "2.0.21",
+	"version": "2.0.22",
 	"description": "Arch Linux TUI mask for OpenCode — hot pink theme with prominent ASCII logo and j0k3r-dev-rgl@latest legend",
 	"type": "module",
 	"exports": {

package/tui.tsx

@@ -32,24 +32,30 @@ const tui: TuiPlugin = async (api, options) => {
 
   const [ctxTick, setCtxTick] = createSignal(0)
 
+  let debugLogged = false
   api.event.on("message.updated", (event) => {
-    const msg = event.properties as any
+    // Debug: loguear estructura completa la primera vez
+    if (!debugLogged) {
+      debugLogged = true
+      const propsKeys = Object.keys((event as any).properties ?? {}).join(",")
+      const infoKeys = Object.keys(((event as any).properties?.info ?? (event as any).properties) ?? {}).join(",")
+      console.error("[j0k3r-mask] event.properties keys:", propsKeys)
+      console.error("[j0k3r-mask] info/msg keys:", infoKeys)
+      console.error("[j0k3r-mask] full event:", JSON.stringify(event).slice(0, 800))
+      api.ui.toast({ variant: "info", message: `props: ${propsKeys} | info: ${infoKeys}`, duration: 8000 })
+    }
+
+    // Intentar ambas estructuras: { properties: { info: Message } } o { properties: Message }
+    const props = (event as any).properties
+    const msg = props?.info ?? props
     if (!msg || msg.role !== "assistant") return
 
-    // Buscar sessionID en todos los campos posibles del mensaje
-    const sid = msg.sessionID ?? msg.session_id ?? msg.parentID ?? null
+    const sid: string | undefined = msg.sessionID
     if (!sid) return
 
-    // Tokens: intentamos todos los campos posibles y tomamos el mayor
     const t = msg.tokens ?? {}
-    const tokens = Math.max(
-      t.input ?? 0,
-      t.total ?? 0,
-      (t.input ?? 0) + (t.output ?? 0),
-    )
-
-    // Costo: rastreamos por mensaje para no acumular en updates repetidos
-    const msgId = msg.id ?? msg.messageID ?? `${sid}-${Date.now()}`
+    const tokens = t.input ?? 0
+    const msgId: string = msg.id ?? `${sid}-unknown`
     msgCostTracker.set(`${sid}:${msgId}`, msg.cost ?? 0)
 
     const cost = Array.from(msgCostTracker.entries())
@@ -59,6 +65,7 @@ const tui: TuiPlugin = async (api, options) => {
     const prev = ctxStore.get(sid) ?? { tokens: 0, cost: 0 }
     ctxStore.set(sid, { tokens: Math.max(prev.tokens, tokens), cost })
 
+    console.error(`[j0k3r-mask] sid=${sid} tokens=${tokens} cost=${cost}`)
     setCtxTick(v => v + 1)
   })