D2. ReactFlow キャンバス拡張 (connections/exceptions/gap マーカー)

親: #1
依存: #3 (A3), #8 (C2)

## 目的

線形 steps の描画のみだったキャンバスを、拡張スキーマ全体（connections / exceptions / gap マーカー）を表現できるよう拡張する。

## 実装範囲

- `components/canvas/FlowCanvas.tsx` 拡張
- connections: メインフローの右側に「他業務/部署/外部」ノードを別ノードタイプとして配置し、点線エッジで接続
- exceptions: メインフロー上のステップから赤系の支線として描画（or バッジ）
- gap マーカー: 該当ステップにバッジ（kind毎にアイコン: add/missing/order/local-rule）
- ノードタイプを `step` / `connection-external` / `exception` / `task` / `groupBox` に整理
- `buildGraph` を新スキーマに対応させる

## 完了条件

- inkan-toroku のサンプルデータでキャンバスに4種のノードと gap バッジが描画される
- マニュアル編集（ドラッグ・接続）は steps と connections の両方で可能
- gap バッジクリックで C1/C2 の判定理由がモーダル表示

## 関連

- 現状: `components/canvas/FlowCanvas.tsx`

Start with components/canvas/FlowCanvas.tsx and inspect buildGraph, along with dependencies #3 and #8, to understand the expanded schema. Use the inkan-toroku sample data to check rendering of the specified node types and gap badges. Done means steps and connections can be manually edited, and clicking a gap badge shows the C1/C2 reason in a modal.

Written by the indexing model from the issue text.