# 通知設計書 46-Server connect error

## 概要

本ドキュメントは、OpenCodeアプリケーションにおける「Server connect error」トースト通知の設計を記載する。アプリケーションがOpenCodeサーバーへの接続に失敗した際に表示されるエラー通知である。

### 本通知の処理概要

OpenCodeサーバーとの接続確立に失敗した際にユーザーに通知し、サーバーの状態確認や接続設定の見直しを促す処理を行う。

**業務上の目的・背景**：OpenCodeアプリケーションはOpenCodeサーバーとの通信が必須であり、サーバーが起動していない、URLが間違っている、ネットワーク接続に問題があるなどの理由で接続できない場合がある。この通知により、ユーザーは接続問題を即座に認識し、サーバーの起動確認やURL設定の確認を行うことができる。

**通知の送信タイミング**：アプリケーション起動時のグローバル初期化処理（`bootstrapGlobal`）で、サーバーヘルスチェックAPIが失敗した場合に表示される。

**通知の受信者**：アプリケーションを起動したユーザー自身。アプリケーションのアクティブウィンドウにトースト通知が表示される。

**通知内容の概要**：タイトル「Could not connect to server」（または同等のメッセージ）と、接続先URLを含むエラー詳細が表示される。

**期待されるアクション**：ユーザーは通知を確認後、以下のアクションを検討する。
1. OpenCodeサーバーが起動しているか確認する
2. サーバーURLの設定が正しいか確認する
3. ネットワーク接続を確認する

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（ヘルスチェック失敗時に即時表示） |
| 優先度 | 高 |
| リトライ | 無（初期化時に1回のみチェック） |

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

アプリケーションを起動したユーザー自身のブラウザ/デスクトップアプリ画面に表示される。送信先の判定は不要（ローカル通知のため）。

## 通知テンプレート

### トースト通知

| 項目 | 内容 |
|-----|------|
| アイコン | なし（デフォルト）またはerrorバリアントのアイコン |
| タイトル | `dialog.server.add.error`（接続タイトル） |
| 説明 | `error.globalSync.connectFailed`（URLを含む説明） |
| バリアント | error |

### 本文テンプレート

```
タイトル: Could not connect to server
説明: Could not connect to server. Is there a server running at `{url}`?
```

### 添付ファイル

なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| url | 接続を試みたサーバーURL | `globalSDK.url` | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| アプリ起動 | bootstrapGlobal実行 | global.health APIが失敗またはhealthyがfalse | サーバーヘルスチェック失敗時 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| ヘルスチェック成功 | サーバーが正常応答した場合は通知を表示しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[アプリケーション起動] --> B[bootstrapGlobal実行]
    B --> C[global.health API呼び出し]
    C --> D{結果}
    D -->|例外発生| E[showToast - エラー通知]
    D -->|成功だがhealthy=false| E
    D -->|成功かつhealthy=true| F[初期化続行]
    E --> G[setGlobalStore ready=true]
    G --> H[終了]
    F --> I[その他の初期化処理]
    I --> H
```

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

### 参照テーブル一覧

本通知はクライアントサイドで完結するため、データベースへの直接参照は行わない。

### 更新テーブル一覧

本通知はクライアントサイドで完結するため、データベースへの更新は行わない。

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| サーバー未起動 | OpenCodeサーバーが起動していない | 接続エラー通知を表示 |
| ネットワークエラー | サーバーに到達できない | 接続エラー通知を表示 |
| 不正なURL | サーバーURLが間違っている | 接続エラー通知を表示 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0（初期化時のチェックのみ） |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

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

### 配信時間帯

制限なし（アプリ起動時に即時表示）

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

- サーバーURLはユーザーが設定した情報であり、通知に表示することで接続先の確認を可能にする
- 詳細なエラースタックは表示しない

## 備考

- この通知が表示された場合でも、アプリケーションは「ready」状態として扱われる（エラー状態での表示）
- ユーザーはサーバー設定画面から接続先を変更できる
- デスクトップアプリの場合、ローカルサーバーの自動起動が設定されている可能性がある

---

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

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

### 推奨読解順序

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

グローバル初期化の入力パラメータを理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | bootstrap.ts | `packages/app/src/context/global-sync/bootstrap.ts` | `bootstrapGlobal`関数の引数構造 |

**読解のコツ**: `connectErrorTitle`と`connectErrorDescription`がどのように渡されるかを確認する。

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

処理の起点となる関数を特定する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | global-sync.tsx | `packages/app/src/context/global-sync.tsx` | L307-317の`bootstrap`関数 |
| 2-2 | bootstrap.ts | `packages/app/src/context/global-sync/bootstrap.ts` | L33-99の`bootstrapGlobal`関数 |

**主要処理フロー**:
1. **global-sync.tsx L307-317**: bootstrap関数でメッセージを設定してbootstrapGlobalを呼び出し
2. **bootstrap.ts L40-52**: ヘルスチェックとエラー時の通知表示

#### Step 3: エラー通知処理を理解する

showToast呼び出しの詳細を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | bootstrap.ts | `packages/app/src/context/global-sync/bootstrap.ts` | L44-49の接続エラー通知 |
| 3-2 | en.ts | `packages/app/src/i18n/en.ts` | L451のerror.globalSync.connectFailed定義 |

**主要処理フロー**:
- **L40-43**: global.health APIの呼び出しとcatch
- **L44-49**: !health?.healthyの場合にshowToast表示
- **L50-51**: setGlobalStore("ready", true)で初期化完了扱い

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

```
GlobalSyncProvider (global-sync.tsx)
    │
    └─ createGlobalSync
           │
           └─ bootstrap (L307-317)
                  │
                  └─ bootstrapGlobal (bootstrap.ts L33)
                         │
                         ├─ globalSDK.global.health() (L40)
                         │      └─ ヘルスチェックAPI
                         │
                         └─ [失敗時] showToast (L44-49)
                                ├─ variant: "error"
                                ├─ title: connectErrorTitle
                                └─ description: connectErrorDescription
```

### データフロー図

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

アプリ起動 ───▶ bootstrapGlobal ───▶ トースト通知表示
                      │                    │
                      ▼                    └─ エラーメッセージ
               global.health API              (URL含む)
                      │
                      ▼
              [失敗/unhealthy判定]
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| global-sync.tsx | `packages/app/src/context/global-sync.tsx` | ソース | グローバル同期コンテキスト（L307-317） |
| bootstrap.ts | `packages/app/src/context/global-sync/bootstrap.ts` | ソース | グローバル初期化処理（L33-99） |
| en.ts | `packages/app/src/i18n/en.ts` | 設定 | 英語メッセージ定義（L451） |
| ja.ts | `packages/app/src/i18n/ja.ts` | 設定 | 日本語メッセージ定義 |
