# 通知設計書 45-Path copied

## 概要

本ドキュメントは、OpenCodeアプリケーションにおける「Path copied」トースト通知の設計を記載する。ユーザーがプロジェクトのディレクトリパスをクリップボードにコピーした際に表示される成功通知である。

### 本通知の処理概要

プロジェクトのディレクトリパスがクリップボードに正常にコピーされたことをユーザーに通知し、コピーされた内容を確認できるフィードバックを提供する。

**業務上の目的・背景**：ユーザーは、OpenCodeで開いているプロジェクトのディレクトリパスを他のアプリケーション（ターミナル、ファイルマネージャー、エディタなど）で使用したい場合がある。「Copy path」機能により、ワンクリックでパスをコピーでき、この通知によりコピーが成功したことと、コピーされた実際のパスを確認できる。

**通知の送信タイミング**：ユーザーがセッションヘッダーの「Copy path」メニュー項目をクリックし、`navigator.clipboard.writeText()`が正常に完了した後に表示される。

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

**通知内容の概要**：タイトル「Copied」と、コピーされたディレクトリパスが説明として表示される。成功を示すアイコンが付与される。

**期待されるアクション**：ユーザーはコピーされたパスを確認し、必要に応じて他のアプリケーションにペーストして使用する。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（クリップボードコピー成功時に即時表示） |
| 優先度 | 低 |
| リトライ | 無 |

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

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

## 通知テンプレート

### トースト通知

| 項目 | 内容 |
|-----|------|
| アイコン | circle-check |
| タイトル | `session.share.copy.copied`（"Copied"） |
| 説明 | コピーされたディレクトリパス |
| バリアント | success |

### 本文テンプレート

```
タイトル: Copied
説明: /path/to/project/directory
```

### 添付ファイル

なし

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| directory | プロジェクトのディレクトリパス | `projectDirectory()`から取得 | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| 画面操作 | Copy pathメニュー項目クリック | clipboard.writeText()成功時 | パスコピー成功時 |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| クリップボードコピー失敗 | writeText()が失敗した場合はエラー通知を表示 |
| ディレクトリなし | projectDirectory()が空の場合は処理しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[ユーザーがCopy pathをクリック] --> B{ディレクトリあり?}
    B -->|No| C[終了]
    B -->|Yes| D[navigator.clipboard.writeText]
    D --> E{結果}
    E -->|成功| F[showToast - success通知]
    E -->|失敗| G[showToast - error通知]
    F --> C
    G --> C
```

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

### 参照テーブル一覧

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

### 更新テーブル一覧

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

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| クリップボードアクセス失敗 | clipboard.writeText()の失敗 | エラー通知を表示（showRequestError） |
| 権限不足 | クリップボードへのアクセス権限なし | エラー通知を表示 |

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

制限なし（操作成功時に即時表示）

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

- ディレクトリパスはユーザー自身のローカル情報であり、機密性は低い
- クリップボードへのアクセスはブラウザのセキュリティポリシーに従う

## 備考

- 同じi18nキー「session.share.copy.copied」はセッション共有URLのコピー時にも使用される
- 成功バリアントとcircle-checkアイコンにより、視覚的に成功を明示
- 説明にコピーされたパスを表示することで、ユーザーは正しいパスがコピーされたことを確認できる

---

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

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

### 推奨読解順序

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

プロジェクトディレクトリの取得方法を理解する。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | session-header.tsx | `packages/app/src/components/session/session-header.tsx` | `projectDirectory`メモの定義（L196） |

**読解のコツ**: `decode64(params.dir)`でURLパラメータからディレクトリパスを取得している。

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

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | session-header.tsx | `packages/app/src/components/session/session-header.tsx` | L276-290の`copyPath`関数 |

**主要処理フロー**:
1. **L276**: `copyPath`関数開始
2. **L277-278**: ディレクトリの存在確認
3. **L279-289**: クリップボードへのコピーと通知表示

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

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | session-header.tsx | `packages/app/src/components/session/session-header.tsx` | L280-286の成功通知 |
| 3-2 | en.ts | `packages/app/src/i18n/en.ts` | L548のsession.share.copy.copied定義 |

**主要処理フロー**:
- **L280-286**: showToast呼び出し（variant: success, icon: circle-check）
- **L285**: descriptionにdirectoryパスを設定

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

```
copyPath (session-header.tsx L276)
    │
    ├─ projectDirectory() - ディレクトリ取得
    │      └─ decode64(params.dir)
    │
    ├─ navigator.clipboard.writeText(directory)
    │      └─ クリップボードへコピー
    │
    └─ Promise結果
           ├─ then: showToast (success)
           │      ├─ variant: "success"
           │      ├─ icon: "circle-check"
           │      ├─ title: "session.share.copy.copied"
           │      └─ description: directory
           │
           └─ catch: showRequestError
                  └─ エラー通知表示
```

### データフロー図

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

ユーザークリック ───▶ copyPath() ───▶ トースト通知表示
(Copy path)              │              │
                         ▼              ├─ "Copied"
                 clipboard.writeText    └─ directory path
                         │
                         ▼
                 [成功/失敗判定]
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| session-header.tsx | `packages/app/src/components/session/session-header.tsx` | ソース | copyPath関数の定義（L276-290） |
| en.ts | `packages/app/src/i18n/en.ts` | 設定 | 英語メッセージ定義（L548） |
| ja.ts | `packages/app/src/i18n/ja.ts` | 設定 | 日本語メッセージ定義 |
| use-session-commands.tsx | `packages/app/src/pages/session/use-session-commands.tsx` | ソース | セッションシェアでの同キー使用 |
