# 画面遷移図

本ドキュメントはInvenTreeフロントエンドアプリケーションの画面遷移を示します。

## 全体構成

```mermaid
flowchart TB
    subgraph Auth["認証フロー"]
        Login[ログイン画面]
        Register[新規登録画面]
        MFA[MFA認証画面]
        MFASetup[MFA設定画面]
        Logout[ログアウト画面]
        Reset[パスワードリセット要求画面]
        ResetPassword[パスワード再設定画面]
        ChangePassword[パスワード変更画面]
        VerifyEmail[メール確認画面]
    end

    subgraph Main["メインアプリケーション"]
        Home[ホーム/ダッシュボード]
        Notifications[通知一覧画面]
        Scan[バーコードスキャン画面]

        subgraph Part["部品管理"]
            CategoryDetail[部品カテゴリ一覧・詳細画面]
            PartDetail[部品詳細画面]
        end

        subgraph Stock["在庫管理"]
            LocationDetail[在庫ロケーション一覧・詳細画面]
            StockDetail[在庫アイテム詳細画面]
        end

        subgraph Build["製造管理"]
            BuildIndex[製造インデックス画面]
            BuildDetail[製造オーダー詳細画面]
        end

        subgraph Purchasing["購買管理"]
            PurchasingIndex[購買インデックス画面]
            PurchaseOrderDetail[発注書詳細画面]
            SupplierDetail[サプライヤー詳細画面]
            SupplierPartDetail[サプライヤー部品詳細画面]
            ManufacturerDetail[メーカー詳細画面]
            ManufacturerPartDetail[メーカー部品詳細画面]
        end

        subgraph Sales["販売管理"]
            SalesIndex[販売インデックス画面]
            SalesOrderDetail[受注詳細画面]
            ShipmentDetail[出荷詳細画面]
            ReturnOrderDetail[返品オーダー詳細画面]
            CustomerDetail[顧客詳細画面]
        end

        subgraph Core["コア/システム管理"]
            CoreIndex[システム概要画面]
            UserDetail[ユーザー詳細画面]
            GroupDetail[グループ詳細画面]
        end

        subgraph Settings["設定"]
            AdminCenter[管理センター画面]
            SystemSettings[システム設定画面]
            UserSettings[ユーザー設定画面]
        end

        CompanyDetail[会社詳細画面]
    end

    ErrorPage[エラーページ]
    NotFound[404 Not Found]

    %% 認証フロー
    Login -->|認証成功| Home
    Login -->|MFA必要| MFA
    Login -->|新規登録| Register
    Login -->|パスワード忘れ| Reset
    MFA -->|認証成功| Home
    MFASetup -->|設定完了| Home
    Register -->|登録完了| Home
    Reset -->|メール送信| ResetPassword
    ResetPassword -->|設定完了| Login
    VerifyEmail -->|確認完了| Login
    ChangePassword -->|変更完了| Home
    Home -->|ログアウト| Logout
    Logout -->|完了| Login

    %% メインナビゲーション
    Home -->|部品| CategoryDetail
    Home -->|在庫| LocationDetail
    Home -->|製造| BuildIndex
    Home -->|購買| PurchasingIndex
    Home -->|販売| SalesIndex
    Home -->|コア| CoreIndex
    Home -->|設定| AdminCenter
    Home -->|通知| Notifications
    Home -->|スキャン| Scan
```

## 詳細フロー: 部品管理

```mermaid
flowchart TB
    CategoryDetail[部品カテゴリ一覧・詳細]
    PartDetail[部品詳細]

    CategoryDetail -->|サブカテゴリ選択| CategoryDetail
    CategoryDetail -->|部品選択| PartDetail
    PartDetail -->|カテゴリ選択| CategoryDetail
    PartDetail -->|バリアント選択| PartDetail
    PartDetail -->|リビジョン選択| PartDetail
```

## 詳細フロー: 在庫管理

```mermaid
flowchart TB
    LocationDetail[在庫ロケーション一覧・詳細]
    StockDetail[在庫アイテム詳細]
    PartDetail[部品詳細]

    LocationDetail -->|サブロケーション選択| LocationDetail
    LocationDetail -->|在庫アイテム選択| StockDetail
    StockDetail -->|ロケーション選択| LocationDetail
    StockDetail -->|部品選択| PartDetail
    StockDetail -->|親アイテム選択| StockDetail
    StockDetail -->|子アイテム選択| StockDetail
```

## 詳細フロー: 製造管理

```mermaid
flowchart TB
    BuildIndex[製造インデックス]
    BuildDetail[製造オーダー詳細]
    PartDetail[部品詳細]
    StockDetail[在庫アイテム詳細]
    PurchaseOrderDetail[発注書詳細]

    BuildIndex -->|オーダー選択| BuildDetail
    BuildDetail -->|部品選択| PartDetail
    BuildDetail -->|在庫選択| StockDetail
    BuildDetail -->|子オーダー選択| BuildDetail
    BuildDetail -->|親オーダー選択| BuildDetail
    BuildDetail -->|外部発注選択| PurchaseOrderDetail
```

## 詳細フロー: 購買管理

```mermaid
flowchart TB
    PurchasingIndex[購買インデックス]
    PurchaseOrderDetail[発注書詳細]
    SupplierDetail[サプライヤー詳細]
    SupplierPartDetail[サプライヤー部品詳細]
    ManufacturerDetail[メーカー詳細]
    ManufacturerPartDetail[メーカー部品詳細]
    PartDetail[部品詳細]
    StockDetail[在庫アイテム詳細]

    PurchasingIndex -->|発注書選択| PurchaseOrderDetail
    PurchasingIndex -->|サプライヤー選択| SupplierDetail
    PurchasingIndex -->|サプライヤー部品選択| SupplierPartDetail
    PurchasingIndex -->|メーカー選択| ManufacturerDetail
    PurchasingIndex -->|メーカー部品選択| ManufacturerPartDetail

    PurchaseOrderDetail -->|サプライヤー選択| SupplierDetail
    PurchaseOrderDetail -->|受入在庫選択| StockDetail

    SupplierDetail -->|発注書選択| PurchaseOrderDetail
    SupplierDetail -->|サプライヤー部品選択| SupplierPartDetail

    SupplierPartDetail -->|部品選択| PartDetail
    SupplierPartDetail -->|サプライヤー選択| SupplierDetail
    SupplierPartDetail -->|メーカー部品選択| ManufacturerPartDetail

    ManufacturerDetail -->|メーカー部品選択| ManufacturerPartDetail
    ManufacturerPartDetail -->|部品選択| PartDetail
    ManufacturerPartDetail -->|メーカー選択| ManufacturerDetail
```

## 詳細フロー: 販売管理

```mermaid
flowchart TB
    SalesIndex[販売インデックス]
    SalesOrderDetail[受注詳細]
    ShipmentDetail[出荷詳細]
    ReturnOrderDetail[返品オーダー詳細]
    CustomerDetail[顧客詳細]
    StockDetail[在庫アイテム詳細]
    BuildDetail[製造オーダー詳細]

    SalesIndex -->|受注選択| SalesOrderDetail
    SalesIndex -->|出荷選択| ShipmentDetail
    SalesIndex -->|返品選択| ReturnOrderDetail
    SalesIndex -->|顧客選択| CustomerDetail

    SalesOrderDetail -->|顧客選択| CustomerDetail
    SalesOrderDetail -->|出荷選択| ShipmentDetail
    SalesOrderDetail -->|在庫選択| StockDetail
    SalesOrderDetail -->|ビルド選択| BuildDetail

    ShipmentDetail -->|受注選択| SalesOrderDetail

    ReturnOrderDetail -->|顧客選択| CustomerDetail

    CustomerDetail -->|受注選択| SalesOrderDetail
    CustomerDetail -->|返品選択| ReturnOrderDetail
```

## 詳細フロー: 設定

```mermaid
flowchart TB
    AdminCenter[管理センター]
    SystemSettings[システム設定]
    UserSettings[ユーザー設定]
    CoreIndex[システム概要]
    UserDetail[ユーザー詳細]
    GroupDetail[グループ詳細]

    AdminCenter -->|ユーザー管理| CoreIndex
    AdminCenter -->|システム設定| SystemSettings

    CoreIndex -->|ユーザー選択| UserDetail
    CoreIndex -->|グループ選択| GroupDetail

    UserSettings -->|セキュリティ| MFASetup[MFA設定]
```

## ルート定義一覧

| パス | 画面 |
|------|------|
| `/` | ホーム（ダッシュボード） |
| `/home/` | ホーム（ダッシュボード） |
| `/login` | ログイン画面 |
| `/logout` | ログアウト画面 |
| `/register` | 新規登録画面 |
| `/mfa` | MFA認証画面 |
| `/mfa-setup` | MFA設定画面 |
| `/change-password` | パスワード変更画面 |
| `/reset-password` | パスワードリセット要求画面 |
| `/set-password` | パスワード再設定画面 |
| `/verify-email/:key` | メール確認画面 |
| `/notifications/*` | 通知一覧画面 |
| `/scan/` | バーコードスキャン画面 |
| `/part/category/:id?/*` | 部品カテゴリ一覧・詳細画面 |
| `/part/:id/*` | 部品詳細画面 |
| `/stock/location/:id?/*` | 在庫ロケーション一覧・詳細画面 |
| `/stock/item/:id/*` | 在庫アイテム詳細画面 |
| `/manufacturing/index/*` | 製造インデックス画面 |
| `/manufacturing/build-order/:id/*` | 製造オーダー詳細画面 |
| `/purchasing/index/*` | 購買インデックス画面 |
| `/purchasing/purchase-order/:id/*` | 発注書詳細画面 |
| `/purchasing/supplier/:id/*` | サプライヤー詳細画面 |
| `/purchasing/supplier-part/:id/*` | サプライヤー部品詳細画面 |
| `/purchasing/manufacturer/:id/*` | メーカー詳細画面 |
| `/purchasing/manufacturer-part/:id/*` | メーカー部品詳細画面 |
| `/sales/index/*` | 販売インデックス画面 |
| `/sales/sales-order/:id/*` | 受注詳細画面 |
| `/sales/shipment/:id/*` | 出荷詳細画面 |
| `/sales/return-order/:id/*` | 返品オーダー詳細画面 |
| `/sales/customer/:id/*` | 顧客詳細画面 |
| `/company/:id/*` | 会社詳細画面 |
| `/core/index/*` | システム概要画面 |
| `/core/user/:id/*` | ユーザー詳細画面 |
| `/core/group/:id/*` | グループ詳細画面 |
| `/settings/admin/*` | 管理センター画面 |
| `/settings/system/*` | システム設定画面 |
| `/settings/user/*` | ユーザー設定画面 |
| `*` | 404 Not Found |
