# 通知設計書 44-ユーザー削除エラー（ログイン切れ）

## 概要

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

### 本通知の処理概要

この通知は、管理者がユーザーディレクトリ画面で選択したユーザーを削除しようとした際に、認証トークンが期限切れになっていた場合に表示されるエラー通知です。通知にはログイン画面への遷移ボタンが付与され、ユーザーが再認証を行えるようにガイドします。

**業務上の目的・背景**：マルチユーザー環境でのセキュリティ管理において、認証トークンには有効期限が設定されています。長時間の操作や、セッション中にトークンが期限切れになった場合、ユーザー削除などの重要な操作は拒否され、再認証が必要です。この通知により、管理者は問題の原因を理解し、適切な対処（再ログイン）を行うことができます。

**通知の送信タイミング**：ユーザーディレクトリ画面で「Delete users」ボタンを押下し、`user-delete-all` APIが`token-expired`エラーを返した場合に即座に発行されます。

**通知の受信者**：ユーザー削除操作を試みた管理者ユーザー（ローカル通知）

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

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

## 通知種別

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

## 送信仕様

### 基本情報

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

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

ユーザー削除操作を試みた管理者ユーザーのみに対してローカル通知を表示します。

## 通知テンプレート

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

| 項目 | 内容 |
|-----|------|
| 通知タイプ | error |
| 通知ID | login-expired |
| タイトル | Login expired |
| メッセージ | Login expired, please log in again. |
| sticky | true（自動消去しない） |
| ボタン | Go to login |

### 本文テンプレート

```
Login expired, please log in again.
```

### ボタン

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

## テンプレート変数

| 変数名 | 説明 | データ取得元 | 必須 |
|--------|------|-------------|-----|
| なし | 固定メッセージのため変数なし | - | - |

## 送信トリガー・条件

### トリガー一覧

| トリガー種別 | トリガーイベント | 送信条件 | 説明 |
|------------|----------------|---------|------|
| API呼び出し | user-delete-all API | error === 'token-expired' | ユーザー削除時にトークン期限切れ |

### 送信抑止条件

| 条件 | 説明 |
|-----|------|
| 他のエラーの場合 | token-expired以外のエラーは別の通知（No.45）で処理 |
| APIが成功した場合 | 削除成功時は通知しない |

## 処理フロー

### 送信フロー

```mermaid
flowchart TD
    A[Delete usersボタン押下] --> B[user-delete-all 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[ログイン画面へ遷移]
```

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

### 参照テーブル一覧

| テーブル名 | 用途 | 備考 |
|-----------|------|------|
| users | 削除対象ユーザーの確認 | サーバー側で参照 |

### 更新テーブル一覧

| テーブル名 | 操作 | 概要 |
|-----------|------|------|
| なし | - | トークン期限切れのため削除は実行されない |

## エラー処理

### エラーケース一覧

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

### リトライ仕様

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

## 配信設定

### レート制限

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

### 配信時間帯

制限なし

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

- トークン期限切れは正常なセキュリティメカニズム
- エラーメッセージにはセンシティブな情報を含めない
- signOut()によりクライアント側のトークンもクリアされる
- 管理者権限を持つユーザーのみがこの操作を実行可能

## 備考

- sticky: true により、ユーザーが明示的に閉じるまで通知が消えない
- 通知IDが'login-expired'で固定されており、同種のエラーは上書きされる
- 「Go to login」ボタンのアクションはsignOut()関数を呼び出す
- usersSliceのsignOutアクションがログイン画面への遷移を処理

---

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

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

### 推奨読解順序

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

通知の型定義とボタンアクションの構造を確認します。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | notificationsSlice.ts | `packages/desktop-client/src/notifications/notificationsSlice.ts` | Notification型のbutton定義（17-21行目） |
| 1-2 | usersSlice.ts | `packages/desktop-client/src/users/usersSlice.ts` | signOutアクションの定義 |

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

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

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | UserDirectory.tsx | `packages/desktop-client/src/components/admin/UserDirectory/UserDirectory.tsx` | onDeleteSelected関数（154-194行目） |

**主要処理フロー**:
1. **155行目**: `send('user-delete-all', [...selectedInst.items])`でサーバーに削除リクエスト
2. **157-158行目**: レスポンスからerrorとsomeDeletionsFailedを取得
3. **159行目**: エラーまたは部分失敗がある場合の分岐
4. **160-177行目**: error === 'token-expired'の場合、ログイン遷移ボタン付き通知をdispatch
5. **170-172行目**: ボタンアクションでdispatch(signOut())を呼び出し

#### Step 3: エラーメッセージ生成を理解する

エラーコードからメッセージへの変換を確認します。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | UserDirectory.tsx | `packages/desktop-client/src/components/admin/UserDirectory/UserDirectory.tsx` | useGetUserDirectoryErrorsフック（41-80行目）、token-expiredケース（48-49行目） |

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

```
UserDirectory.tsx
    │
    ├─ onDeleteSelected()
    │      │
    │      └─ send('user-delete-all', userIds)
    │             │
    │             └─ APIレスポンス
    │                    │
    │                    ├─ 成功: loadUsers() 再読込
    │                    │
    │                    └─ error === 'token-expired'
    │                           │
    │                           └─ dispatch(addNotification({
    │                                  type: 'error',
    │                                  id: 'login-expired',
    │                                  title: 'Login expired',
    │                                  message: getUserDirectoryErrors(error),
    │                                  sticky: true,
    │                                  button: {
    │                                      title: 'Go to login',
    │                                      action: () => dispatch(signOut())
    │                                  }
    │                              }))
    │
    └─ Notifications コンポーネント
           │
           └─ ボタン押下時: signOut()
                  │
                  └─ ログイン画面へ遷移
```

### データフロー図

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

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

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| UserDirectory.tsx | `packages/desktop-client/src/components/admin/UserDirectory/UserDirectory.tsx` | ソース | ユーザーディレクトリ画面コンポーネント |
| 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` | ソース | 通知表示コンポーネント |
| app-admin.js | `packages/sync-server/src/app-admin.js` | ソース | サーバー側ユーザー削除API |
