# 通知設計書 18-Failed to copy URL

## 概要

本ドキュメントは、OpenCodeアプリケーションにおける「Failed to copy URL」トースト通知の設計仕様を記載する。この通知はURLのクリップボードコピーに失敗したときにユーザーに表示される。

### 本通知の処理概要

この通知は、セッション共有URLをクリップボードにコピーしようとしたが、ブラウザのクリップボードAPIでエラーが発生した場合に表示されるエラー通知である。

**業務上の目的・背景**：OpenCodeのセッション共有機能では、共有URLを生成した後、自動的にクリップボードにコピーして、ユーザーがすぐに他の人と共有できるようにしている。しかし、ブラウザのセキュリティ設定やクリップボードAPIの制限により、コピーが失敗する場合がある。この通知により、ユーザーはコピーが失敗したことを認識し、手動でURLをコピーするなどの対処ができる。

**通知の送信タイミング**：ユーザーが/shareコマンドを実行し、URLの生成またはコピー処理でクリップボードへの書き込みが失敗したときに表示される。

**通知の受信者**：操作を実行したユーザー自身。アプリケーション画面上にトースト通知として表示される。

**通知内容の概要**：タイトルとして「Failed to copy URL to clipboard」が表示される（説明なし）。コピーが失敗したことのみを簡潔に伝える。

**期待されるアクション**：ユーザーはブラウザのクリップボード権限を確認するか、共有ポップオーバーからURLを手動でコピーする。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（即時表示） |
| 優先度 | 中 |
| リトライ | 無し |

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

操作を実行したユーザーのアプリケーション画面に直接表示される。

## 通知テンプレート

### トースト通知

| 項目 | 内容 |
|-----|------|
| タイトル | Failed to copy URL to clipboard |
| 説明 | なし |
| バリアント | error |

### 本文テンプレート

```
タイトル: {toast.session.share.copyFailed.title}
```

### 添付ファイル

該当なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| toast.session.share.copyFailed.title | 通知タイトル | i18n翻訳ファイル（en.ts） | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| クリップボード操作 | write関数の戻り値がfalse | document.execCommandとnavigator.clipboard両方失敗 | クリップボードコピー失敗 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| コピー成功 | 成功通知が代わりに表示される |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[URLコピー開始] --> B[write関数呼び出し]
    B --> C{document.execCommand成功?}
    C -->|Yes| D[return true]
    C -->|No| E{navigator.clipboard.writeText利用可能?}
    E -->|No| F[return false]
    E -->|Yes| G[clipboard.writeText呼び出し]
    G --> H{writeText成功?}
    H -->|Yes| D
    H -->|No| F
    D --> I[成功通知表示]
    F --> J[showToast: copyFailed]
    J --> K[トースト表示]
    I --> L[処理終了]
    K --> L
```

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

### 参照テーブル一覧

該当なし（クリップボードAPI操作のみ）

### テーブル別参照項目詳細

該当なし

### 更新テーブル一覧

該当なし

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| クリップボードコピー失敗 | document.execCommandとnavigator.clipboard両方失敗 | copyFailed通知を表示 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0回（リトライなし） |
| リトライ間隔 | 該当なし |
| リトライ対象エラー | 該当なし |

## 配信設定

### レート制限

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

### 配信時間帯

制限なし（ユーザー操作起点のため）

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

- クリップボードへのアクセスはブラウザのセキュリティポリシーに従う
- HTTPS環境でない場合、クリップボードAPIが制限される可能性がある

## 備考

- クリップボードコピーは2段階のフォールバック実装
  1. document.execCommand("copy") - 旧来のAPI
  2. navigator.clipboard.writeText - 新しいAPI
- 両方が失敗した場合にのみこの通知が表示される
- ユーザーは共有ポップオーバーから手動でURLをコピーできる

---

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

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

### 推奨読解順序

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

通知に関連するi18nキーを把握する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | en.ts | `packages/app/src/i18n/en.ts` | L419: copyFailed関連のi18nキー定義 |

**読解のコツ**: `toast.session.share.copyFailed`がこの通知のキー。

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

クリップボードコピーとエラーハンドリングの起点を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | use-session-commands.tsx | `packages/app/src/pages/session/use-session-commands.tsx` | L387-428: write関数とcopy関数 |

**主要処理フロー**:
1. **L387-409**: write関数 - クリップボードコピーのフォールバック実装
2. **L411-428**: copy関数 - コピー結果に応じたトースト表示
3. **L412-417**: コピー失敗時のshowToast呼び出し

#### Step 3: write関数の詳細を理解する

document.execCommandとnavigator.clipboardのフォールバック実装を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | use-session-commands.tsx | `packages/app/src/pages/session/use-session-commands.tsx` | L387-409: write関数の完全な実装 |

**主要処理フロー**:
- **L388-400**: document.execCommandを使用した旧来のコピー方法
- **L403-408**: navigator.clipboard.writeTextを使用した新しいコピー方法

#### Step 4: copy関数のエラー処理を理解する

コピー失敗時のトースト表示を確認する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | use-session-commands.tsx | `packages/app/src/pages/session/use-session-commands.tsx` | L411-418: copy関数のエラー処理 |

**主要処理フロー**:
- **L412**: writeの結果をawait
- **L413-417**: okがfalseの場合にshowToast呼び出し

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

```
useSessionCommands (use-session-commands.tsx)
    │
    ├─ shareCommands (L373-479)
    │      │
    │      └─ session.share.onSelect (L384-450)
    │             │
    │             └─ copy(url, existing) (L411-428)
    │                    │
    │                    ├─ write(url) (L387-409)
    │                    │      │
    │                    │      ├─ document.execCommand("copy")
    │                    │      │
    │                    │      └─ navigator.clipboard.writeText
    │                    │
    │                    └─ [ok === false] showToast: copyFailed (L413-417)
    │                           │
    │                           └─ variant: "error"
    │
    └─ language.t (翻訳テキスト取得)
           └─ i18n/en.ts (L419)
```

### データフロー図

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

共有URL              write関数                      トースト通知
    │                    │                              │
    ▼                    ▼                              ▼
copy()呼び出し ───▶  execCommand失敗    ───▶    showToast
                    clipboard.writeText失敗        variant: "error"
                           │                      title: copyFailed.title
                           ▼
                    return false
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| use-session-commands.tsx | `packages/app/src/pages/session/use-session-commands.tsx` | ソース | コマンド定義とトースト呼び出し |
| toast.tsx | `packages/ui/src/components/toast.tsx` | ソース | トースト通知コンポーネント |
| en.ts | `packages/app/src/i18n/en.ts` | 設定 | 英語翻訳テキスト |
