# 通知設計書 41-Failed to send command

## 概要

本ドキュメントは、OpenCodeアプリケーションにおける「Failed to send command」トースト通知の設計を記載する。ユーザーがスラッシュコマンド（カスタムコマンド）を送信した際に、APIリクエストが失敗した場合に表示されるエラー通知である。

### 本通知の処理概要

カスタムコマンド（スラッシュコマンド）の送信に失敗した際にユーザーへフィードバックを提供し、入力内容を復元してリトライを可能にする通知処理を行う。

**業務上の目的・背景**：OpenCodeでは、ユーザーが `/commandName` 形式でカスタムコマンドを入力・送信できる機能がある。このコマンド送信がネットワークエラーやサーバーエラーなどで失敗した場合、ユーザーはその失敗を明確に認識し、再試行できる必要がある。この通知により、コマンド送信の失敗を即座にユーザーへ伝達し、UXの向上を図る。

**通知の送信タイミング**：ユーザーがプロンプト入力欄でスラッシュコマンド（例：`/build`）を入力し送信ボタンを押下した後、`client.session.command()` APIリクエストがPromise rejectされた時点で送信される。

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

**通知内容の概要**：タイトル「Failed to send command」と、エラーの詳細メッセージ（APIからのエラーメッセージまたは汎用エラーメッセージ）が表示される。

**期待されるアクション**：ユーザーは通知を確認後、自動的に復元された入力内容を確認し、必要に応じて再送信を試みる。または、ネットワーク接続やサーバー状態を確認する。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（APIエラー発生時に即時表示） |
| 優先度 | 中 |
| リトライ | 無（通知表示自体のリトライは不要） |

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

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

## 通知テンプレート

### トースト通知

| 項目 | 内容 |
|-----|------|
| アイコン | なし（デフォルト） |
| タイトル | `prompt.toast.commandSendFailed.title`（"Failed to send command"） |
| 説明 | エラーメッセージ（APIエラーまたは`common.requestFailed`） |
| バリアント | error |

### 本文テンプレート

```
タイトル: Failed to send command
説明: {errorMessage}
```

### 添付ファイル

なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| errorMessage | エラーの詳細メッセージ | APIレスポンスの`data.message`またはError.message | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | プロンプト送信（スラッシュコマンド） | `client.session.command()`がrejectされた場合 | カスタムコマンドの送信失敗時 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| APIリクエスト成功 | コマンド送信が成功した場合は通知を表示しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザーがスラッシュコマンドを入力] --> B{カスタムコマンドか？}
    B -->|Yes| C[入力をクリア]
    C --> D[client.session.command API呼び出し]
    D --> E{API結果}
    E -->|成功| F[処理完了]
    E -->|失敗| G[showToast - エラー通知表示]
    G --> H[入力内容を復元]
    H --> I[終了]
    B -->|No| J[通常のプロンプト処理へ]
```

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

### 参照テーブル一覧

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

### 更新テーブル一覧

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

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| APIエラー | session.command APIの失敗 | エラーメッセージをトースト通知で表示、入力復元 |
| ネットワークエラー | 接続不可 | 汎用エラーメッセージを表示、入力復元 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0（通知表示自体はリトライしない） |
| リトライ間隔 | - |
| リトライ対象エラー | - |

## 配信設定

### レート制限

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

### 配信時間帯

制限なし（エラー発生時に即時表示）

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

- エラーメッセージには機密情報が含まれないよう、APIからの詳細なスタックトレースは表示しない
- ユーザー入力内容は復元されるが、これはクライアント側のメモリ上の操作のみ

## 備考

- 入力復元機能により、ユーザーは送信に失敗したコマンドを再度入力する手間を省ける
- 多言語対応済み（i18nキーで管理）

---

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

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

### 推奨読解順序

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

プロンプト送信に関わる型定義と構造を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | submit.ts | `packages/app/src/components/prompt-input/submit.ts` | `PromptSubmitInput`型、`createPromptSubmit`関数の引数構造 |

**読解のコツ**: TypeScriptの型定義から処理の入出力を把握し、どのような情報が必要かを理解する。

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

処理の起点となるファイル・関数を特定する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | submit.ts | `packages/app/src/components/prompt-input/submit.ts` | `handleSubmit`関数がプロンプト送信のエントリーポイント |

**主要処理フロー**:
1. **L115**: `handleSubmit`関数開始
2. **L259-289**: スラッシュコマンドの検出と`client.session.command()`呼び出し
3. **L281-287**: catch句でエラー時のトースト通知表示と入力復元

#### Step 3: 通知表示処理を理解する

トースト通知の表示ロジックを確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | submit.ts | `packages/app/src/components/prompt-input/submit.ts` | L281-286のshowToast呼び出し |
| 3-2 | en.ts | `packages/app/src/i18n/en.ts` | L285の`prompt.toast.commandSendFailed.title`の定義 |

**主要処理フロー**:
- **L64-71**: `errorMessage`関数でAPIエラーメッセージを抽出
- **L281-286**: `showToast`でエラー通知を表示

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

```
handleSubmit (submit.ts L115)
    │
    ├─ スラッシュコマンド判定 (L259-262)
    │      └─ customCommand検索
    │
    ├─ client.session.command() (L265-280)
    │      └─ API呼び出し
    │
    └─ catch (L281-287)
           ├─ showToast() - エラー通知表示
           │      └─ language.t("prompt.toast.commandSendFailed.title")
           │
           └─ restoreInput() - 入力復元
```

### データフロー図

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

ユーザー入力 ───▶ handleSubmit ───▶ トースト通知表示
(スラッシュコマンド)     │                  │
                      │                  └─ 入力欄復元
                      ▼
              session.command API
                      │
                      ▼
              [失敗時]エラー捕捉
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| submit.ts | `packages/app/src/components/prompt-input/submit.ts` | ソース | プロンプト送信処理のメインロジック |
| en.ts | `packages/app/src/i18n/en.ts` | 設定 | 英語メッセージ定義 |
| ja.ts | `packages/app/src/i18n/ja.ts` | 設定 | 日本語メッセージ定義 |
| toast.tsx | `packages/ui/src/toast.tsx` | ソース | トースト通知コンポーネント（推定） |
