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

# 根拠レポート：54-TUI Toast

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：28 / 28、根拠なし：0
- 優先レビュー（高）
  - すべての主張に根拠が存在するため、優先レビュー項目はありません

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。

- E-01: `packages/opencode/src/cli/cmd/tui/event.ts` - TuiEvent.ToastShowイベント定義
- E-02: `packages/opencode/src/cli/cmd/tui/ui/toast.tsx` - Toastコンポーネントとコンテキスト
- E-03: `packages/opencode/src/cli/cmd/tui/app.tsx` - TUIルートアプリ、イベントリスナー設定
- E-04: `packages/opencode/src/server/routes/tui.ts` - REST APIエンドポイント
- E-05: `packages/opencode/src/cli/cmd/tui/routes/session/index.tsx` - toast.show呼び出し例
- E-06: `packages/opencode/src/mcp/index.ts` - MCP認証時のtoast通知例
- E-07: `packages/opencode/src/cli/cmd/tui/context/theme.tsx` - テーマ定義
- E-08: `docs/code-to-docs/通知一覧/通知一覧.csv` - 通知一覧定義

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | info/success/warning/errorの4種類のバリアントを持つ | E-01 (38行目: `z.enum(["info", "success", "warning", "error"])`) | ○ |
| C-02 | titleはオプション、messageは必須 | E-01 (36-37行目: `title: z.string().optional()`, `message: z.string()`) | ○ |
| C-03 | durationのデフォルトは5000ms | E-01 (39行目: `z.number().default(5000)`) | ○ |
| C-04 | トーストは画面右上に表示（top: 2, right: 2） | E-02 (24-25行目: `top={2}`, `right={2}`) | ○ |
| C-05 | 最大幅は60文字またはターミナル幅-6の小さい方 | E-02 (26行目: `maxWidth={Math.min(60, dimensions().width - 6)}`) | ○ |
| C-06 | パディングは左右2、上下1 | E-02 (27-30行目: `paddingLeft={2}`, `paddingRight={2}`, `paddingTop={1}`, `paddingBottom={1}`) | ○ |
| C-07 | 背景色はテーマのbackgroundPanel | E-02 (31行目: `backgroundColor={theme.backgroundPanel}`) | ○ |
| C-08 | ボーダー色はvariantに応じたテーマ色 | E-02 (32行目: `borderColor={theme[current().variant]}`) | ○ |
| C-09 | タイトルは太字で表示 | E-02 (37行目: `attributes={TextAttributes.BOLD}`) | ○ |
| C-10 | メッセージはワードラップ有効 | E-02 (41行目: `wrapMode="word"`) | ○ |
| C-11 | createStoreでcurrentToastの状態を管理 | E-02 (51-53行目: `const [store, setStore] = createStore({ currentToast: null as ToastOptions | null })`) | ○ |
| C-12 | タイムアウトハンドルを保持 | E-02 (55行目: `let timeoutHandle: NodeJS.Timeout | null = null`) | ○ |
| C-13 | toast.show()でZodパースを実行 | E-02 (59行目: `const parsedOptions = TuiEvent.ToastShow.properties.parse(options)`) | ○ |
| C-14 | 新しいトーストが既存を置き換える | E-02 (62行目: `if (timeoutHandle) clearTimeout(timeoutHandle)`) | ○ |
| C-15 | toast.error()ヘルパーでErrorオブジェクトを処理 | E-02 (67-77行目: `error: (err: any) => { if (err instanceof Error) return toast.show({ variant: "error", message: err.message }) }`) | ○ |
| C-16 | ToastProviderがアプリ全体をラップ | E-03 (139行目: `<ToastProvider>`) | ○ |
| C-17 | useToast()でトーストコンテキストを取得 | E-03 (208行目: `const toast = useToast()`) | ○ |
| C-18 | sdk.event.on(TuiEvent.ToastShow.type)でBusイベントをリッスン | E-03 (675行目: `sdk.event.on(TuiEvent.ToastShow.type, (evt) => {`) | ○ |
| C-19 | REST API `/tui/show-toast`エンドポイントが存在 | E-04 (291行目: `"/show-toast"`) | ○ |
| C-20 | APIでTuiEvent.ToastShow.propertiesでバリデーション | E-04 (307行目: `validator("json", TuiEvent.ToastShow.properties)`) | ○ |
| C-21 | APIでBus.publishを呼び出し | E-04 (309行目: `await Bus.publish(TuiEvent.ToastShow, c.req.valid("json"))`) | ○ |
| C-22 | セッション共有成功時にtoast.show呼び出し | E-05 (340行目: `.then(() => toast.show({ message: "Share URL copied to clipboard!", variant: "success" }))`) | ○ |
| C-23 | セッション共有解除成功時にtoast.show呼び出し | E-05 (455行目: `.then(() => toast.show({ message: "Session unshared successfully", variant: "success" }))`) | ○ |
| C-24 | MCP認証要求時にTuiEvent.ToastShowをパブリッシュ | E-06 (384-389行目: `Bus.publish(TuiEvent.ToastShow, { title: "MCP Authentication Required", message: ... })`) | ○ |
| C-25 | テーマにinfo色が定義されている | E-07 (53行目: `info: RGBA`) | ○ |
| C-26 | テーマにsuccess色が定義されている | E-07 (52行目: `success: RGBA`) | ○ |
| C-27 | テーマにwarning色が定義されている | E-07 (51行目: `warning: RGBA`) | ○ |
| C-28 | テーマにerror色が定義されている | E-07 (50行目: `error: RGBA`) | ○ |

## 4) 不足情報（Unknown / Missing）
- なし（すべての主張に根拠あり）

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - すべての主張がソースコードにより裏付けられている

## 6) レビュアーチェックリスト（最小）
- [ ] event.ts の33-41行目でTuiEvent.ToastShowのスキーマ定義が正しく記載されているか確認
- [ ] toast.tsx のToastコンポーネントのレイアウト設定（position, top, right等）が正しく記載されているか確認
- [ ] app.tsx のTuiEvent.ToastShowリスナー設定（675-682行目）が正しく記載されているか確認
- [ ] tui.ts の/show-toastエンドポイント定義が正しく記載されているか確認
- [ ] バリアントの色がテーマのinfo/success/warning/errorと対応しているか確認
