Skip to content

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

@yu23ki14

Description

@yu23ki14

親: #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

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions