---
generated_at: 2026-02-24 10:15:00
metrics:
  claims_total: 28
  claims_with_evidence: 28
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：4-Usage Report (Web UI)

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：28 / 28、根拠なし：0
- 優先レビュー（高）
  1. 全項目に根拠あり - 優先レビュー項目なし

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `packages/console/app/src/routes/workspace/[id]/usage-section.tsx` (1-218行)
- E-02: `packages/console/app/src/routes/workspace/common.tsx` (1-121行)
- E-03: `docs/code-to-docs/帳票一覧/帳票一覧.csv` (5行目)

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | PAGE_SIZEは50件 | E-01:11行 `const PAGE_SIZE = 50` | ○ |
| C-02 | getUsageInfo関数でBilling.usages呼び出し | E-01:16行 `Billing.usages(page, PAGE_SIZE)` | ○ |
| C-03 | withActorで認証ラッパー | E-01:15-17行 `withActor(async () => {...}, workspaceID)` | ○ |
| C-04 | UsageSectionコンポーネントがエクスポート | E-01:22行 `export function UsageSection()` | ○ |
| C-05 | createStoreでpage, usageを管理 | E-01:26行 `createStore({ page: 0, usage: [] })` | ○ |
| C-06 | openBreakdownIdでポップアップ状態管理 | E-01:27行 `createSignal<string | null>(null)` | ○ |
| C-07 | calculateTotalInputTokensで入力トークン合計計算 | E-01:51-53行 計算式 | ○ |
| C-08 | 入力トークン = inputTokens + cacheReadTokens + cacheWrite5mTokens + cacheWrite1hTokens | E-01:52行 計算式 | ○ |
| C-09 | calculateTotalOutputTokensで出力トークン合計計算 | E-01:55-57行 計算式 | ○ |
| C-10 | 出力トークン = outputTokens + reasoningTokens | E-01:56行 計算式 | ○ |
| C-11 | hasResultsはusage.length > 0で判定 | E-01:47行 `store.usage && store.usage.length > 0` | ○ |
| C-12 | canGoPrevはpage > 0で判定 | E-01:48行 `store.page > 0` | ○ |
| C-13 | canGoNextはusage.length === PAGE_SIZEで判定 | E-01:49行 `store.usage.length === PAGE_SIZE` | ○ |
| C-14 | goPrevはpage - 1でデータ取得 | E-01:59-65行 関数実装 | ○ |
| C-15 | goNextはpage + 1でデータ取得 | E-01:66-72行 関数実装 | ○ |
| C-16 | 日付はformatDateForTableでフォーマット | E-01:114行 `formatDateForTable(date())` | ○ |
| C-17 | formatDateForTableはday, month, hour, minute形式 | E-02:10-18行 options定義 | ○ |
| C-18 | セッションIDは末尾8文字表示 | E-01:196行 `sessionID?.slice(-8)` | ○ |
| C-19 | コスト表示は/100000000で変換 | E-01:183行 `(usage.cost ?? 0) / 100000000` | ○ |
| C-20 | コスト表示はtoFixed(4) | E-01:183行 `.toFixed(4)` | ○ |
| C-21 | enrichment.plan === "sub"でサブスクリプション表示 | E-01:179行 `usage.enrichment?.plan === "sub"` | ○ |
| C-22 | enrichment.plan === "byok"でBYOK表示 | E-01:181行 `usage.enrichment?.plan === "byok"` | ○ |
| C-23 | Claudeモデル判定はmodel.includes("claude") | E-01:110行 `usage.model.toLowerCase().includes("claude")` | ○ |
| C-24 | Claudeモデル時のみキャッシュ書き込み表示 | E-01:139-146行 `<Show when={isClaude}>` | ○ |
| C-25 | 外側クリックでポップアップ閉じる | E-01:33-44行 handleClickOutside | ○ |
| C-26 | i18nで多言語対応 | E-01:24行 `const i18n = useI18n()` | ○ |
| C-27 | データなし時は空状態表示 | E-01:83-87行 `fallback={...empty-state}` | ○ |
| C-28 | 帳票カテゴリは「利用状況」 | E-03:5行目 CSV定義 | ○ |

## 4) 不足情報（Unknown / Missing）
- なし - 全ての主張に根拠が存在

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - コード実装に基づく主張は全て根拠あり
- 0: 低リスク - UI表示ロジックの記述は正確

## 6) レビュアーチェックリスト（最小）
- [ ] Billing.usages APIの実装確認
- [ ] ブレイクダウンポップアップの動作確認
- [ ] ページネーションの動作確認
- [ ] i18n翻訳キーの網羅性確認
