全体の構造を把握しました。比較画面を作成します。2つの酒蔵を選択して、気温・室温・品温・湿度のグラフを重ねて表示し、差異がわかるようにします。

最後に、管理ダッシュボードのヘッダーに比較画面へのリンクを追加します。

比較画面を /compare に作成しました。ドロップダウンで2つの酒蔵を選択すると、気温・室温・品温・湿度の4項目について24時間推移を同一グラフ上に重ねて表示します。現在値サマリーテーブルで数値差分も一目で確認でき、入れ替えボタンで酒蔵A/Bを即座にスワップできます。管理ダッシュボードのヘッダーにも「酒蔵比較」ボタンを追加しました。

全ファイルを確認しました。時間の単位切替をグラフがある全画面（DetailChart、ComparisonChart、酒蔵閲覧画面、管理詳細画面、比較画面）に適用します。まず、データ生成を時間レンジ対応にし、各チャートコンポーネントに時間選択UIを組み込みます。

次に、時間レンジ選択UIを持つ共通コンポーネントを作成し、DetailChartとComparisonChartを更新します。

次に、BreweryCard のミニチャートも新しいデータ構造に対応させます。

BreweryCard のミニチャートは brewery.ambientTempHistory を直接渡していますが、データ構造が Record<TimeRange, ...> に変わったので、ダッシュボードのミニチャートは24h固定で表示するように修正します。

全てのチャートコンポーネントを時間レンジ対応にしました。lib/brewery-data.ts のデータ構造を10分/1時間/6時間/12時間/24時間の5つの時間レンジに対応した Record<TimeRange, ...> に変更し、DetailChart と ComparisonChart にはタブ形式の時間切替UIを追加しました。ダッシュボードのミニチャートは24時間固定で表示しています。