タスクを時間軸に並べるガントタブを追加

薄いバーで開始〜終了の全体、濃い部分で応答が動いていた区間を重ねて描く。
放置していた時間や、セッションを並行して動かしていた時間が見える。

- /api/timeline: セッションごとに全体の範囲と応答中の区間 (spans) を返す
  (隙間 1 秒以内のターンは結合、期間指定 days= / 全期間、CSV も可)
- ガントタブ: 1日/3日/7日/14日/30日/全期間の切替、1〜3日では時刻目盛りに
  自動で切替、土日の帯・日境界線・現在時刻の点線、横断時はプロジェクト別の色
- 行のホバーで内訳、クリックでそのタスクのやりとりを開く
- ラベル列とバーの行を22pxで揃え、時間軸ヘッダは縦スクロール中も固定
- ペイン幅に応じてラベル幅を詰め、横スクロールを出さない

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

web/index.html

@@ -36,6 +36,7 @@
       <span class="tabs">
         <button class="tab sel" id="tab-turns">やりとり</button>
         <button class="tab" id="tab-daily">日別集計</button>
+        <button class="tab" id="tab-gantt">ガント</button>
       </span>
       <a id="csv-turns" class="btn" href="#" download>CSV</a>
     </div>