codeforjapan / codeforjapan/workflow-interviewer

D3. 標準フロー比較ビュー (左サイドに Mermaid)

Open
#13 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
0
Forks
0
Avg merge
30m
Merged PRs (30d)
2

Description

親: #1
依存: #2 (A2), #11 (D1)

## 目的

セッション中に「標準ではこうなっている」を職員に見せながらインタビューできるよう、左サイドに対象業務の `flow-standard.md` の Mermaid 図を常時表示する。

## 実装範囲

- `components/session/StandardFlowPanel.tsx` 新規
- `lib/kb/loader.ts` 経由で対象業務の標準フローをロード
- Mermaid をブラウザでレンダリング(`mermaid` 公式ライブラリ or `react-mermaid2` 相当)
- `components/session/SessionView.tsx`: 3カラムレイアウトに変更(標準フロー / チャット / 抽出キャンバス)
- 狭い画面ではタブ切替に縮退

## 完了条件

- セッション画面で常に標準フローを参照できる
- 標準フロー上のノードクリックでハイライト(チャット側に「このステップについて聞いていいですか」ヒント表示でも可、Optional)

## 関連

- 現状: `components/session/SessionView.tsx`

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.