w-diagram

関係性、フロー、構造を可視化します。ユーザーがファイルパスを指定した場合を除き、チャットに出力してください。ソースにないアーキテクチャを作り出さないでください。PRODUCT.md を作り出さないでください。

1. リクエストがプロダクト、ユーザージャーニー、またはアーキテクチャのドキュメントに関するものなら、指定された MDX／DESIGN.md を読み、それらのソースに基づいて Mermaid 図を最大 2 つ出力してください。ドキュメントとコードの矛盾を指摘しますが、新しい方法論は提案しないでください。
2. それ以外の場合は、指定されたコードまたはドキュメントを調べます。質問に合致する場合に限り、フローチャート、シーケンス図、クラス図、ER 図、状態遷移図、またはジャーニー図を選んでください。
3. ラベルは短くしてください。大きすぎる図は分割してください。出力は mermaid のコードフェンスで囲んでください。
4. 図が示す内容を数文で説明してください。ノードとエッジは、調査したソースに対応している必要があります。