# 通知設計書 49-アクセス権追加エラー（ログイン切れ）

## 概要

本ドキュメントは、アクセス権追加時に認証トークンが期限切れになった場合にユーザーに表示されるエラー通知の設計を定義します。

### 本通知の処理概要

この通知は、ユーザーが予算ファイルへのアクセス権を他のユーザーに追加しようとした際に、認証トークンが期限切れになっていた場合に表示されるエラー通知です。通知にはログイン画面への遷移ボタンが付与され、ユーザーが再認証を行えるようにガイドします。

**業務上の目的・背景**：マルチユーザー環境では、予算ファイルの所有者が他のユーザーにアクセス権を付与することができます。この操作にはサーバーとの通信が必要であり、認証トークンが有効である必要があります。長時間の操作やセッション中にトークンが期限切れになった場合、アクセス権追加操作は拒否され、再認証が必要です。

**通知の送信タイミング**：アクセス権編集モーダルで「Add」または「Save」ボタンを押下し、`access-add` APIが`token-expired`エラーを返した場合に即座に発行されます。

**通知の受信者**：アクセス権追加操作を試みたユーザー（ローカル通知）

**通知内容の概要**：「Login expired」というタイトルとともに、認証切れを示すメッセージを表示します。「Go to login」ボタンが付与され、クリックするとサインアウト処理が実行されログイン画面に遷移します。sticky属性により、ユーザーが明示的に閉じるまで表示され続けます。

**期待されるアクション**：ユーザーは「Go to login」ボタンをクリックして再ログインを行い、その後改めてアクセス権追加操作を実行します。

## 通知種別

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

## 送信仕様

### 基本情報

| 項目 | 内容 |
|-----|------|
| 送信方式 | 同期（Redux dispatch） |
| 優先度 | 高 |
| リトライ | 無し |

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

アクセス権追加操作を試みたユーザーのみに対してローカル通知を表示します。

## 通知テンプレート

### アプリ内通知の場合

| 項目 | 内容 |
|-----|------|
| 通知タイプ | error |
| 通知ID | login-expired |
| タイトル | Login expired |
| メッセージ | getUserAccessErrors('token-expired')の結果 |
| sticky | true（自動消去しない） |
| ボタン | Go to login |

### 本文テンプレート

```
{getUserAccessErrors('token-expired')}
```

※ `getUserAccessErrors`関数は共通のエラーメッセージ変換関数

### ボタン

| ボタン名 | アクション | 説明 |
|---------|----------|------|
| Go to login | dispatch(signOut()) | サインアウト処理を実行しログイン画面へ遷移 |

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| error | エラーコード | APIレスポンス.error | Yes |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| API呼び出し | access-add API | error === 'token-expired' | アクセス権追加時にトークン期限切れ |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 他のエラーの場合 | token-expired以外のエラーはモーダル内にエラー表示 |
| APIが成功した場合 | アクセス権追加成功時は通知しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[アクセス権追加ボタン押下] --> B[access-add API呼び出し]
    B --> C{APIレスポンス}
    C -->|成功| D[モーダルを閉じる]
    C -->|error: token-expired| E[addNotification dispatch]
    C -->|その他のエラー| F[モーダル内にエラー表示]
    E --> G[通知表示]
    G --> H{ユーザーアクション}
    H -->|Go to loginクリック| I[dispatch signOut]
    H -->|通知を閉じる| J[通知消去]
    I --> K[ログイン画面へ遷移]
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| user_access | アクセス権の確認 | サーバー側で参照 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| なし | - | トークン期限切れのためアクセス権は追加されない |

## エラー処理

### エラーケース一覧

| エラー種別 | 発生条件 | 対処方法 |
|----------|---------|---------|
| token-expired | 認証トークン期限切れ | 再ログインを促すボタン付き通知 |

### リトライ仕様

| 項目 | 内容 |
|-----|------|
| リトライ回数 | 0回 |
| リトライ間隔 | - |
| リトライ対象エラー | なし（再ログインが必要） |

## 配信設定

### レート制限

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

### 配信時間帯

制限なし

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

- トークン期限切れは正常なセキュリティメカニズム
- エラーメッセージにはセンシティブな情報を含めない
- signOut()によりクライアント側のトークンもクリアされる
- 予算ファイルへのアクセス権管理はマルチユーザー機能の重要なセキュリティ機能

## 備考

- sticky: true により、ユーザーが明示的に閉じるまで通知が消えない
- 通知IDが'login-expired'で固定されており、同種のエラーは上書きされる
- 「Go to login」ボタンのアクションはsignOut()関数を呼び出す
- getUserAccessErrors関数は`loot-core/src/shared/errors`に定義されている

---

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

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

### 推奨読解順序

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

エラーメッセージの生成ロジックを確認します。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | errors.ts | `packages/loot-core/src/shared/errors.ts` | getUserAccessErrors関数の定義 |

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

通知を発行するコンポーネントを確認します。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | EditAccess.tsx | `packages/desktop-client/src/components/modals/EditAccess.tsx` | onSave関数（62-95行目） |

**主要処理フロー**:
1. **68行目**: `send('access-add', userAccess)`でサーバーにアクセス権追加リクエスト
2. **69行目**: エラーがない場合はモーダルを閉じる
3. **72行目**: エラーがある場合の分岐
4. **73-90行目**: error === 'token-expired'の場合、ログイン遷移ボタン付き通知をdispatch
5. **83-85行目**: ボタンアクションでdispatch(signOut())を呼び出し

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

```
EditAccess.tsx
    │
    ├─ onSave(close)
    │      │
    │      └─ send('access-add', userAccess)
    │             │
    │             └─ APIレスポンス
    │                    │
    │                    ├─ 成功: close() モーダルを閉じる
    │                    │
    │                    ├─ error === 'token-expired'
    │                    │      │
    │                    │      └─ dispatch(addNotification({
    │                    │             type: 'error',
    │                    │             id: 'login-expired',
    │                    │             title: 'Login expired',
    │                    │             message: getUserAccessErrors(error),
    │                    │             sticky: true,
    │                    │             button: {
    │                    │                 title: 'Go to login',
    │                    │                 action: () => dispatch(signOut())
    │                    │             }
    │                    │         }))
    │                    │
    │                    └─ その他のエラー: setSetError(getUserAccessErrors(error))
    │
    └─ Notifications コンポーネント
           │
           └─ ボタン押下時: signOut()
                  │
                  └─ ログイン画面へ遷移
```

### データフロー図

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

Add/Save押下 ───────▶ send('access-add') ───────────▶ サーバーAPI
                              │                          │
                              ▼                          ▼
                        APIレスポンス ◀─────────── token-expired エラー
                              │
                              └─ dispatch(addNotification({
                                     button: { action: signOut }
                                 }))
                                     │
                                     ▼
                               Notifications.tsx
                                     │
                                     ├─ 通知表示（sticky）
                                     │
                                     └─ "Go to login"ボタン
                                            │
                                            ▼ (クリック時)
                                       signOut() dispatch
                                            │
                                            ▼
                                       ログイン画面
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| EditAccess.tsx | `packages/desktop-client/src/components/modals/EditAccess.tsx` | ソース | アクセス権編集モーダル |
| errors.ts | `packages/loot-core/src/shared/errors.ts` | ソース | エラーメッセージ変換関数 |
| notificationsSlice.ts | `packages/desktop-client/src/notifications/notificationsSlice.ts` | ソース | 通知の状態管理（Redux slice） |
| usersSlice.ts | `packages/desktop-client/src/users/usersSlice.ts` | ソース | ユーザー認証の状態管理 |
| Notifications.tsx | `packages/desktop-client/src/components/Notifications.tsx` | ソース | 通知表示コンポーネント |
