# 通知設計書 23-You're up to date

## 概要

本ドキュメントは、OpenCodeアプリケーションにおける「You're up to date」トースト通知の設計を定義する。

### 本通知の処理概要

この通知は、ユーザーが手動でアップデートチェックを実行し、最新バージョンを使用していることが確認された場合に表示される成功通知である。

**業務上の目的・背景**：ユーザーが設定画面からアップデートチェックを手動で実行した場合、結果をフィードバックする必要がある。最新バージョンを使用中であることを明示的に通知することで、ユーザーに安心感を与え、アプリケーションが正常に更新管理されていることを示す。

**通知の送信タイミング**：設定画面の「Updates」セクションで「Check now」ボタンをクリックし、`platform.checkUpdate()`の戻り値で`updateAvailable`がfalseの場合に即座に表示される。

**通知の受信者**：手動でアップデートチェックを実行したユーザー本人。

**通知内容の概要**：成功を示すアイコン付きで「You're up to date」というタイトルと、現在のバージョンが最新であることを伝える説明文が表示される。

**期待されるアクション**：特別なアクションは不要。ユーザーは通知を確認し、自動的に消えるのを待つか手動で閉じる。

## 通知種別

トースト通知（アプリ内通知）

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（UIスレッドで即時表示） |
| 優先度 | 低 |
| リトライ | なし |

### 送信先決定ロジック

現在アクティブなアプリケーションウィンドウ内でトースト通知として表示。手動チェックを実行したユーザーに対してのみ表示。

## 通知テンプレート

### トースト通知

| 項目 | 内容 |
|-----|------|
| タイトル | `settings.updates.toast.latest.title` |
| 説明 | `settings.updates.toast.latest.description` |
| アイコン | circle-check |
| バリアント | success |

### 本文テンプレート

```
タイトル: You're up to date
説明: You're running the latest version of OpenCode.
```

### 添付ファイル

なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| version | 現在のバージョン番号 | `platform.version` | No（説明文には含まれない） |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | 設定画面の「Check now」ボタンクリック | `updateAvailable`がfalse | 手動チェックで最新版確認 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| アップデートが利用可能 | `updateAvailable`がtrueの場合は「Update available」通知を表示 |
| チェック失敗 | エラー発生時はエラー通知を表示 |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[Check nowボタンクリック] --> B[setStore checking true]
    B --> C[platform.checkUpdate実行]
    C -->|成功・アップデートなし| D[showToast success]
    C -->|成功・アップデートあり| E[Update available通知]
    C -->|失敗| F[エラー通知]
    D --> G[setStore checking false]
    E --> G
    F --> G
    G --> H[終了]
```

## データベース参照・更新仕様

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| なし | なし | クライアントサイド処理のみ |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| なし | なし | 通知表示のみ、DB更新なし |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| N/A | この通知は成功時のみ表示 | N/A |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | N/A |
| リトライ間隔 | N/A |
| リトライ対象エラー | N/A |

## 配信設定

### レート制限

| 項目 | 内容 |
|-----|------|
| 1分あたり上限 | 制限なし |
| 1日あたり上限 | 制限なし |

### 配信時間帯

制限なし（24時間表示可能）

## セキュリティ考慮事項

- バージョン情報は公開情報のため、特別なセキュリティ考慮は不要

## 備考

- 国際化対応（i18n）済み
- 日本語: タイトル「最新です」、説明「OpenCode は最新バージョンです。」
- 自動消去される非持続的トースト

---

## コードリーディングガイド

本通知を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

トースト通知の成功バリアントを理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | toast.tsx | `packages/ui/src/components/toast.tsx` | ToastOptionsのvariant: "success"の動作を確認 |

**読解のコツ**: variant: "success"とicon: "circle-check"の組み合わせで成功通知を表現。

#### Step 2: エントリーポイントを理解する

通知がトリガーされる場所。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | settings-general.tsx | `packages/app/src/components/settings-general.tsx` | check関数での成功時処理 |

**主要処理フロー**:
1. **行52-104**: check関数の定義
2. **行57-58**: checkUpdate実行とresult取得
3. **行59-66**: updateAvailableがfalseの場合にshowToast呼び出し

#### Step 3: 国際化リソースを理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | en.ts | `packages/app/src/i18n/en.ts` | `settings.updates.toast.latest.*`キーの定義を確認 |
| 3-2 | ja.ts | `packages/app/src/i18n/ja.ts` | 日本語翻訳を確認 |

**主要処理フロー**:
- **en.ts 行638-639**: `settings.updates.toast.latest.title/description`
- **ja.ts 行564-565**: 日本語翻訳

### プログラム呼び出し階層図

```
SettingsGeneral (settings-general.tsx)
    │
    └─ UpdatesSection
           │
           └─ Button onClick={check}
                  │
                  ├─ setStore("checking", true)
                  │
                  ├─ platform.checkUpdate()
                  │      │
                  │      └─ .then(result => {...})
                  │             │
                  │             ├─ !result.updateAvailable
                  │             │      └─ showToast({
                  │             │           variant: "success",
                  │             │           icon: "circle-check",
                  │             │           title: "You're up to date",
                  │             │           description: "..."
                  │             │         })
                  │             │
                  │             └─ result.updateAvailable
                  │                    └─ showToast({...Update available...})
                  │
                  └─ .finally(() => setStore("checking", false))
```

### データフロー図

```
[入力]               [処理]                    [出力]

Button click
    │
    ▼
platform.checkUpdate()
    │
    ▼
{updateAvailable: false}
    │
    ▼
showToast({
  variant: "success",
  icon: "circle-check",
  title: i18n("settings.updates.toast.latest.title"),
  description: i18n("settings.updates.toast.latest.description")
})
    │
    ▼
[成功トースト通知表示]
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| settings-general.tsx | `packages/app/src/components/settings-general.tsx` | ソース | 通知トリガー元 |
| toast.tsx | `packages/ui/src/components/toast.tsx` | ソース | トースト通知コンポーネント |
| en.ts | `packages/app/src/i18n/en.ts` | 設定 | 英語メッセージ定義 |
| ja.ts | `packages/app/src/i18n/ja.ts` | 設定 | 日本語メッセージ定義 |
