feat: logs cache field

[seefs001]

Summary by CodeRabbit

• New Features
  • Usage logs now display cache read and write token breakdowns for improved transparency into token consumption.
  • Added informational tooltip explaining that input tokens are counted excluding cached tokens, following Anthropic conventions.
  • Expanded language support with new translations across English, French, Japanese, Russian, Vietnamese, and Chinese.

[coderabbitai]

Walkthrough

This PR enhances the usage logs display to show prompt cache token metrics (cache read/write) alongside input tokens. The main component receives helper functions to compute and format cache summaries from log data, with conditional rendering for specific log types. Corresponding translation entries are added across six locale files.

Changes

Cohort / File(s)	Summary
Usage Logs Component Enhancement web/src/components/table/usage-logs/UsageLogsColumnDefs.jsx	Added internal token helper functions (toTokenNumber, formatTokenCount) and getPromptCacheSummary to extract and compute cache read/write tokens from log data. Enhanced PROMPT column with tooltip explaining non-cache input token counting and conditional rendering logic to display cache metrics for log row types 0, 2, and 5.
Internationalization Additions web/src/i18n/locales/en.json, web/src/i18n/locales/fr.json, web/src/i18n/locales/ja.json, web/src/i18n/locales/ru.json, web/src/i18n/locales/vi.json, web/src/i18n/locales/zh-CN.json	Added four consistent translation keys across all locale files: cache read/write operation terms and an Anthropic convention note clarifying that /v1/messages input tokens exclude cached token metrics.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• feat: claude 1h cache #2155: Modifies usage-logs UI to surface cache-related token data through cache-creation fields and rendering paths in the same component structure.

Suggested reviewers

• Calcium-Ion

Poem

🐰 Hop! The cache counts now dance in light,
Read and write tokens shimmer so bright,
Six tongues sing translations true,
Users see what flows right through!
With Anthropic's truth displayed,
No more cache doubts will fade! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'feat: logs cache field' directly and specifically describes the main change: adding cache-related fields to usage logs display with new cache token visualization and translations.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

🧹 Recent nitpick comments

web/src/i18n/locales/en.json (1)

2849-2852: New cache-related translation entries look correct.

Format is compliant: flat JSON with Chinese source-string keys. Translations are reasonable.

One minor concern: the key "写" ("Write") is very generic. If any other UI surface reuses the same Chinese string "写" in a non-cache context, they'll share this translation. Consider whether a more specific key (e.g., "缓存写入") would be safer — though this depends on how the rendering code in UsageLogsColumnDefs.jsx references it.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}