show-me

現在のトピックを視覚的に示してください。前置きは省いてください。要点が伝わる最小限の表示を選び、それが補足する短い文章の隣に配置して、そこで止めてください。

• ロジックまたはアルゴリズム → インデント付きの擬似コード
• 実行時の制御フロー → 呼び出しツリー
• UI 構造 → 重要なファイルパス、状態、モジュール境界を含むコンポーネントツリー
• ファイルの責務またはリファクタリング → 注釈付きの浅いファイルツリー
• コンポーネント、制御、またはデータのフロー → Mermaid
• 周辺の構造はすでに存在し、変更点を示す場合 → トピックと同じ構造の diff
• 大半が新規である場合、省略されたコンテキストによって所有範囲が分かりにくくなる場合、またはユーザーがコピー可能な対象を必要とする場合 → ブロック全体
• 視覚的な UI、レイアウト、状態の比較、または Mermaid では複雑すぎる概念 → 製品の色、書体、間隔、実際のラベルに合わせた、焦点を絞った HTML ファイルを 1 つ作成し、その後 open show-me-{description}.html を実行

現在の質問に必要な呼び出し、ファイル、props、状態、境界だけを残してください。これらのうち 1 つ、または少数を使い、すべては使わないでください。