opencode-cache-hit 0.1.0 → 0.2.0

package/src/use-cache-hit-metrics.ts

@@ -10,14 +10,14 @@ import {
 import { computeHitBarWidth, visualWidth } from "./tui-panel/layout.ts"
 import { buildPanelPalette, type PanelPalette } from "./tui-panel/palette.ts"
 import type { PanelLayout } from "./tui-panel/use-panel-layout.ts"
-import type { AssistantMessage, SessionSnapshot, SubAgentSummary } from "./types.ts"
+import type { AssistantMessage, ProviderInfo, SessionSnapshot, SubAgentSummary } from "./types.ts"
 import {
   cacheHitRatio,
-  combinedCacheHitRatio,
   computePerCallHitTrend,
   mainSessionHasStats,
   shortModelName,
 } from "./stats.ts"
+import { computePricing, type PricingInfo } from "./pricing.ts"
 
 function activeLang(display: DisplayConfig) {
   return display.lang === "auto" ? resolveLang("auto") : display.lang
@@ -35,6 +35,7 @@ export function useCacheHitMetrics(props: {
   messages: Accessor<AssistantMessage[]>
   main: Accessor<SessionSnapshot>
   subAgents: Accessor<SubAgentSummary[]>
+  providers: Accessor<ReadonlyArray<ProviderInfo>>
   layout: PanelLayout
 }) {
   const pal = createMemo(() => buildPanelPalette(props.theme()))
@@ -44,12 +45,10 @@ export function useCacheHitMetrics(props: {
   const main = createMemo(() => props.main())
   const perCall = createMemo(() => computePerCallHitTrend(props.messages()))
   const sessionRatio = createMemo(() => cacheHitRatio(main().cacheRead, main().input))
-  const combinedRatio = createMemo(() => combinedCacheHitRatio(main(), subs()))
 
-  const showCombinedHit = createMemo(() => {
-    if (subs().length === 0) return false
-    return Math.abs(combinedRatio() - sessionRatio()) >= 0.0005
-  })
+  const pricing = createMemo<PricingInfo>(() =>
+    computePricing(props.providers(), main().providerID, main().model, main().cacheRead),
+  )
 
   const mainHasStats = createMemo(() => mainSessionHasStats(main()))
   const hasData = createMemo(() => mainHasStats() || subs().length > 0)
@@ -85,9 +84,9 @@ export function useCacheHitMetrics(props: {
     main,
     mainHasStats,
     perCall,
+    pricing,
     sessionPct: createMemo(() => formatRatioAsPercent(sessionRatio())),
-    combinedPct: createMemo(() => formatRatioAsPercent(combinedRatio())),
-    showCombinedHit,
+
     hasData,
     trendLabel,
     bar,

package/src/widget.tsx

@@ -1,10 +1,11 @@
 /** @jsxImportSource @opentui/solid */
 import { createMemo, createSignal, Show, type Accessor } from "solid-js"
-import type { DisplayConfig } from "./plugin-config.ts"
-import type { AssistantMessage, SessionSnapshot, SubAgentSummary } from "./types.ts"
+import type { DisplayConfig, CacheTTLConfig } from "./plugin-config.ts"
+import type { AssistantMessage, ProviderInfo, SessionSnapshot, SubAgentSummary } from "./types.ts"
 import { PLUGIN_VERSION } from "./version.ts"
 import { AgentsView } from "./agents-view.tsx"
 import { MainSessionView } from "./main-session-view.tsx"
+
 import { useCacheHitMetrics } from "./use-cache-hit-metrics.ts"
 import {
   createPanelLayout,
@@ -22,10 +23,13 @@ export function CacheHitSidebar(props: {
   sessionId: Accessor<string>
   theme: Record<string, unknown>
   display: DisplayConfig
+  cacheTTL: CacheTTLConfig
   messages: Accessor<AssistantMessage[]>
   main: Accessor<SessionSnapshot>
   subAgents: Accessor<SubAgentSummary[]>
+  providers: Accessor<ReadonlyArray<ProviderInfo>>
   formatCost: (amount: number) => string
+  formatRate: (perMillion: number) => string
 }) {
   const [panelOpen, setPanelOpen] = createSignal(true)
   const detail = createSectionFold(true)
@@ -41,6 +45,7 @@ export function CacheHitSidebar(props: {
     messages: props.messages,
     main: props.main,
     subAgents: props.subAgents,
+    providers: props.providers,
     layout,
   })
 
@@ -96,6 +101,9 @@ export function CacheHitSidebar(props: {
               detail={detail}
               model={model}
               formatCost={props.formatCost}
+              formatRate={props.formatRate}
+              cacheTTL={props.cacheTTL}
+              messages={props.messages}
             />
             <Show when={m.subs().length > 0}>
               <TuiSection
@@ -106,7 +114,7 @@ export function CacheHitSidebar(props: {
                 suffix={agentsSuffix()}
                 onToggle={agents.toggle}
               >
-                <AgentsView m={m} layout={layout} formatCost={props.formatCost} />
+                <AgentsView m={m} layout={layout} providers={props.providers()} formatCost={props.formatCost} />
               </TuiSection>
             </Show>
           </Show>