all: only display total input tokens
Knowing the cache reads and writes was mildly interesting for us,
but it is inside baseball, and our calculations ended up being a little wrong.
Streamline the UI and make the math right.
Co-Authored-By: sketch <hello@sketch.dev>
diff --git a/webui/src/web-components/sketch-timeline-message.ts b/webui/src/web-components/sketch-timeline-message.ts
index 36f1640..a2dd533 100644
--- a/webui/src/web-components/sketch-timeline-message.ts
+++ b/webui/src/web-components/sketch-timeline-message.ts
@@ -595,16 +595,12 @@
${this.message?.usage
? html` <span class="message-usage">
<span title="Input tokens"
- >In: ${this.message?.usage?.input_tokens}</span
+ >In:
+ ${(this.message?.usage?.input_tokens || 0) +
+ (this.message?.usage?.cache_read_input_tokens || 0) +
+ (this.message?.usage?.cache_creation_input_tokens ||
+ 0)}</span
>
- ${this.message?.usage?.cache_read_input_tokens > 0
- ? html`<span title="Cache tokens"
- >[Cache:
- ${this.formatNumber(
- this.message?.usage?.cache_read_input_tokens,
- )}]</span
- >`
- : ""}
<span title="Output tokens"
>Out: ${this.message?.usage?.output_tokens}</span
>