# Chatwoot 画面遷移図

## 概要

本ドキュメントはChatwootアプリケーションの画面遷移関係をMermaid形式で記述したものです。

## 全体構成

```mermaid
flowchart TB
    subgraph Auth["認証フロー"]
        Login[ログイン画面]
        SSOLogin[SSOログイン画面]
        Signup[サインアップ画面]
        ResetPassword[パスワードリセット画面]
        PasswordEdit[パスワード編集画面]
        Confirmation[メール確認画面]
    end

    subgraph Error["エラー画面"]
        Suspended[アカウント停止画面]
        NoAccounts[アカウントなし画面]
    end

    subgraph Dashboard["ダッシュボード"]
        Home[ダッシュボードホーム]

        subgraph Conversations["会話管理"]
            ConvList[会話一覧]
            ConvDetail[会話詳細]
            InboxConv[インボックス別会話]
            LabelConv[ラベル別会話]
            TeamConv[チーム別会話]
            CustomViewConv[カスタムビュー会話]
            MentionConv[メンション会話]
            UnattendedConv[未対応会話]
            ParticipatingConv[参加中会話]
        end

        subgraph InboxView["インボックスビュー"]
            InboxViewList[インボックスビュー一覧]
            InboxViewDetail[インボックスビュー詳細]
        end

        subgraph Contacts["連絡先管理"]
            ContactList[連絡先一覧]
            ContactDetail[連絡先詳細]
            ContactSegment[セグメント別連絡先]
            ContactLabel[ラベル別連絡先]
        end

        subgraph Companies["企業管理"]
            CompanyList[企業一覧]
        end

        subgraph Notifications["通知"]
            NotificationList[通知一覧]
        end

        subgraph Search["検索"]
            SearchView[検索画面]
        end
    end

    Login --> Home
    SSOLogin --> Home
    Signup --> Confirmation
    Confirmation --> Login
    ResetPassword --> PasswordEdit
    PasswordEdit --> Login

    Login --> Suspended
    Login --> NoAccounts
    NoAccounts --> Login

    Home --> ConvList
    ConvList --> ConvDetail
    ConvList --> InboxConv
    ConvList --> LabelConv
    ConvList --> TeamConv
    ConvList --> CustomViewConv
    ConvList --> MentionConv
    ConvList --> UnattendedConv
    ConvList --> ParticipatingConv

    Home --> InboxViewList
    InboxViewList --> InboxViewDetail

    Home --> ContactList
    ContactList --> ContactDetail
    ContactList --> ContactSegment
    ContactList --> ContactLabel

    Home --> CompanyList
    Home --> NotificationList
    Home --> SearchView
```

## 設定画面の遷移

```mermaid
flowchart TB
    subgraph Settings["設定"]
        SettingsHome[設定ホーム]

        subgraph General["一般設定"]
            GeneralSettings[一般設定画面]
        end

        subgraph AgentMgmt["エージェント管理"]
            AgentList[エージェント一覧]
        end

        subgraph InboxMgmt["インボックス管理"]
            InboxList[インボックス一覧]
            InboxNew[インボックス新規作成]
            InboxChannel[チャネル設定]
            InboxSettings[インボックス設定]
            InboxAgents[エージェント追加]
            InboxFinish[設定完了]
        end

        subgraph TeamMgmt["チーム管理"]
            TeamList[チーム一覧]
            TeamNew[チーム新規作成]
            TeamAgents[チームエージェント追加]
            TeamFinish[チーム設定完了]
            TeamEdit[チーム編集]
            TeamEditMembers[チームメンバー編集]
        end

        subgraph LabelMgmt["ラベル管理"]
            LabelList[ラベル一覧]
        end

        subgraph CannedMgmt["定型文管理"]
            CannedList[定型文一覧]
        end

        subgraph AutomationMgmt["自動化管理"]
            AutomationList[自動化ルール一覧]
        end

        subgraph MacroMgmt["マクロ管理"]
            MacroList[マクロ一覧]
            MacroNew[マクロ新規作成]
            MacroEdit[マクロ編集]
        end

        subgraph IntegrationMgmt["連携管理"]
            IntegrationList[連携アプリ一覧]
            DashboardApps[ダッシュボードアプリ]
            Webhooks[Webhook設定]
            SlackIntegration[Slack連携]
            LinearIntegration[Linear連携]
            NotionIntegration[Notion連携]
            ShopifyIntegration[Shopify連携]
            IntegrationDetail[連携詳細]
        end

        subgraph AttributeMgmt["カスタム属性管理"]
            AttributeList[カスタム属性一覧]
        end

        subgraph BotMgmt["ボット管理"]
            AgentBotList[エージェントボット一覧]
        end

        subgraph SLAMgmt["SLA管理"]
            SLAList[SLA一覧]
        end

        subgraph AuditMgmt["監査ログ"]
            AuditLogList[監査ログ一覧]
        end

        subgraph BillingMgmt["請求管理"]
            BillingSettings[請求設定]
        end

        subgraph RoleMgmt["ロール管理"]
            CustomRoleList[カスタムロール一覧]
        end

        subgraph SecurityMgmt["セキュリティ"]
            SecuritySettings[セキュリティ設定]
        end

        subgraph AssignmentMgmt["割り当てポリシー"]
            AssignmentIndex[割り当てポリシー一覧]
            AgentAssignmentList[エージェント割り当て一覧]
            AgentAssignmentCreate[エージェント割り当て作成]
            AgentAssignmentEdit[エージェント割り当て編集]
            AgentCapacityList[エージェント容量一覧]
            AgentCapacityCreate[エージェント容量作成]
            AgentCapacityEdit[エージェント容量編集]
        end

        subgraph WorkflowMgmt["ワークフロー"]
            ConversationWorkflow[会話ワークフロー設定]
        end

        subgraph CaptainSettings["Captain設定"]
            CaptainSettingsIndex[Captain設定画面]
        end
    end

    SettingsHome --> GeneralSettings
    SettingsHome --> AgentList
    SettingsHome --> InboxList
    SettingsHome --> TeamList
    SettingsHome --> LabelList
    SettingsHome --> CannedList
    SettingsHome --> AutomationList
    SettingsHome --> MacroList
    SettingsHome --> IntegrationList
    SettingsHome --> AttributeList
    SettingsHome --> AgentBotList
    SettingsHome --> SLAList
    SettingsHome --> AuditLogList
    SettingsHome --> BillingSettings
    SettingsHome --> CustomRoleList
    SettingsHome --> SecuritySettings
    SettingsHome --> AssignmentIndex
    SettingsHome --> ConversationWorkflow
    SettingsHome --> CaptainSettingsIndex

    InboxList --> InboxNew
    InboxNew --> InboxChannel
    InboxChannel --> InboxAgents
    InboxAgents --> InboxFinish
    InboxList --> InboxSettings

    TeamList --> TeamNew
    TeamNew --> TeamAgents
    TeamAgents --> TeamFinish
    TeamList --> TeamEdit
    TeamEdit --> TeamEditMembers

    MacroList --> MacroNew
    MacroList --> MacroEdit

    IntegrationList --> DashboardApps
    IntegrationList --> Webhooks
    IntegrationList --> SlackIntegration
    IntegrationList --> LinearIntegration
    IntegrationList --> NotionIntegration
    IntegrationList --> ShopifyIntegration
    IntegrationList --> IntegrationDetail

    AssignmentIndex --> AgentAssignmentList
    AgentAssignmentList --> AgentAssignmentCreate
    AgentAssignmentList --> AgentAssignmentEdit
    AssignmentIndex --> AgentCapacityList
    AgentCapacityList --> AgentCapacityCreate
    AgentCapacityList --> AgentCapacityEdit
```

## レポート画面の遷移

```mermaid
flowchart TB
    subgraph Reports["レポート"]
        ReportsHome[レポートホーム]

        OverviewReport[レポート概要]
        ConversationReport[会話レポート]

        subgraph AgentReports["エージェントレポート"]
            AgentReportOld[エージェントレポート旧]
            AgentReportIndex[エージェントレポート概要]
            AgentReportDetail[エージェントレポート詳細]
        end

        subgraph InboxReports["インボックスレポート"]
            InboxReportOld[インボックスレポート旧]
            InboxReportIndex[インボックスレポート概要]
            InboxReportDetail[インボックスレポート詳細]
        end

        subgraph TeamReports["チームレポート"]
            TeamReportOld[チームレポート旧]
            TeamReportIndex[チームレポート概要]
            TeamReportDetail[チームレポート詳細]
        end

        subgraph LabelReports["ラベルレポート"]
            LabelReportOld[ラベルレポート旧]
            LabelReportIndex[ラベルレポート概要]
            LabelReportDetail[ラベルレポート詳細]
        end

        SLAReport[SLAレポート]
        CSATReport[CSATレポート]
        BotReport[ボットレポート]
    end

    ReportsHome --> OverviewReport
    ReportsHome --> ConversationReport
    ReportsHome --> AgentReportOld
    ReportsHome --> AgentReportIndex
    AgentReportIndex --> AgentReportDetail
    ReportsHome --> InboxReportOld
    ReportsHome --> InboxReportIndex
    InboxReportIndex --> InboxReportDetail
    ReportsHome --> TeamReportOld
    ReportsHome --> TeamReportIndex
    TeamReportIndex --> TeamReportDetail
    ReportsHome --> LabelReportOld
    ReportsHome --> LabelReportIndex
    LabelReportIndex --> LabelReportDetail
    ReportsHome --> SLAReport
    ReportsHome --> CSATReport
    ReportsHome --> BotReport
```

## ヘルプセンターの遷移

```mermaid
flowchart TB
    subgraph HelpCenter["ヘルプセンター"]
        PortalList[ポータル一覧]
        PortalNew[ポータル新規作成]

        subgraph Articles["記事管理"]
            ArticleList[記事一覧]
            ArticleNew[記事新規作成]
            ArticleEdit[記事編集]
        end

        subgraph Categories["カテゴリ管理"]
            CategoryList[カテゴリ一覧]
            CategoryArticles[カテゴリ別記事]
        end

        LocaleList[ロケール一覧]
        PortalSettings[ポータル設定]
    end

    PortalList --> PortalNew
    PortalList --> ArticleList
    ArticleList --> ArticleNew
    ArticleList --> ArticleEdit
    PortalList --> CategoryList
    CategoryList --> CategoryArticles
    CategoryArticles --> ArticleEdit
    PortalList --> LocaleList
    PortalList --> PortalSettings
```

## キャンペーンの遷移

```mermaid
flowchart TB
    subgraph Campaigns["キャンペーン"]
        CampaignHome[キャンペーンホーム]
        LiveChatCampaign[ライブチャットキャンペーン]
        SMSCampaign[SMSキャンペーン]
        WhatsAppCampaign[WhatsAppキャンペーン]
    end

    CampaignHome --> LiveChatCampaign
    CampaignHome --> SMSCampaign
    CampaignHome --> WhatsAppCampaign
```

## Captain AIの遷移

```mermaid
flowchart TB
    subgraph Captain["Captain AI"]
        CaptainHome[Captainホーム]
        AssistantList[アシスタント一覧]
        AssistantCreate[アシスタント作成]

        subgraph AssistantManage["アシスタント管理"]
            FAQList[FAQ一覧]
            FAQPending[保留中FAQ]
            DocumentList[ドキュメント一覧]
            ToolList[カスタムツール一覧]
            ScenarioList[シナリオ一覧]
            Playground[プレイグラウンド]
            AssistantInboxes[インボックス設定]
            AssistantSettings[アシスタント設定]
            Guardrails[ガードレール設定]
            Guidelines[ガイドライン設定]
        end
    end

    CaptainHome --> AssistantList
    CaptainHome --> AssistantCreate
    AssistantList --> FAQList
    AssistantList --> FAQPending
    AssistantList --> DocumentList
    AssistantList --> ToolList
    AssistantList --> ScenarioList
    AssistantList --> Playground
    AssistantList --> AssistantInboxes
    AssistantList --> AssistantSettings
    AssistantSettings --> Guardrails
    AssistantSettings --> Guidelines
```

## プロフィール設定の遷移

```mermaid
flowchart TB
    subgraph Profile["プロフィール"]
        ProfileSettings[プロフィール設定]
        MFASettings[MFA設定]
    end

    ProfileSettings --> MFASettings
```

## ウィジェット（顧客向け）の遷移

```mermaid
flowchart TB
    subgraph Widget["チャットウィジェット"]
        WidgetHome[ホーム画面]
        PreChatForm[プリチャットフォーム]
        Messages[メッセージ画面]
        UnreadMessages[未読メッセージ]
        WidgetCampaigns[キャンペーン表示]
        ArticleViewer[記事ビューア]
    end

    WidgetHome --> PreChatForm
    PreChatForm --> Messages
    WidgetHome --> Messages
    WidgetHome --> UnreadMessages
    WidgetHome --> WidgetCampaigns
    WidgetHome --> ArticleViewer
```

## 画面遷移の凡例

| 記号 | 意味 |
|------|------|
| --> | 画面遷移（ナビゲーション） |
| [ ] | 画面名 |
| subgraph | 機能グループ |
