diff --git a/docs/index.html b/docs/index.html
index 95a8656..33eb5b3 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,8 +35,8 @@ <h1>Constraint Engine API</h1>
     document.addEventListener('DOMContentLoaded', async function() {
         try {
             await Promise.all([
-                    renderGraph("#asd-graph-id", 'digraph application_state_diagram {  graph [    labelloc="t";    fontname="Helvetica"  ];  node [shape = box, style = "bold,filled" fillcolor="lightgray", margin="0.3,0.1"];    Checkpoint [margin=0.1, label="Checkpoint", shape=box, URL="#Checkpoint" target="_parent"]    CheckpointList [margin=0.1, label="CheckpointList", shape=box, URL="#CheckpointList" target="_parent"]    GoNoGo [margin=0.1, label="GoNoGo", shape=box, URL="#GoNoGo" target="_parent"]    PatternDashboard [margin=0.1, label="PatternDashboard", shape=box, URL="#PatternDashboard" target="_parent"]    SessionAnalysis [margin=0.1, label="SessionAnalysis", shape=box, URL="#SessionAnalysis" target="_parent"]    SessionList [margin=0.1, label="SessionList", shape=box, URL="#SessionList" target="_parent"]    TeamDashboard [margin=0.1, label="TeamDashboard", shape=box, URL="#TeamDashboard" target="_parent"]    Checkpoint -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#doUpdateCheckpoint" tooltip="Checkpointの分類タグを更新 (idempotent)"><font color="#FFDC00">■</font> doUpdateCheckpoint</td></tr></table>> URL="#doUpdateCheckpoint" target="_parent" fontsize=13 class="doUpdateCheckpoint" penwidth=1.5];    Checkpoint -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    CheckpointList -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" align="left" href="#doRecordCheckpoint" tooltip="Checkpointを記録 (unsafe)"><font color="#FF4136">■</font> doRecordCheckpoint</td></tr><tr><td valign="middle" align="left" href="#goCheckpoint" tooltip="Checkpoint詳細を表示 (safe)"><font color="#00A86B">■</font> goCheckpoint</td></tr></table>> URL="#doRecordCheckpoint" target="_parent" fontsize=13 class="doRecordCheckpoint" penwidth=1.5];    CheckpointList -> PatternDashboard [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goPatternDashboard" tooltip="判断パターンダッシュボードを表示 (safe)"><font color="#00A86B">■</font> goPatternDashboard</td></tr></table>> URL="#goPatternDashboard" target="_parent" fontsize=13 class="goPatternDashboard" penwidth=1.5];    GoNoGo -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    PatternDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionAnalysis -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionList -> SessionAnalysis [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goSessionAnalysis" tooltip="セッション分析を表示 (safe)"><font color="#00A86B">■</font> goSessionAnalysis</td></tr></table>> URL="#goSessionAnalysis" target="_parent" fontsize=13 class="goSessionAnalysis" penwidth=1.5];    TeamDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    Checkpoint [label="Checkpoint" URL="#Checkpoint" target="_parent"]    CheckpointList [label="CheckpointList" URL="#CheckpointList" target="_parent"]    PatternDashboard [label="PatternDashboard" URL="#PatternDashboard" target="_parent"]    GoNoGo [label="GoNoGo" URL="#GoNoGo" target="_parent"]    SessionAnalysis [label="SessionAnalysis" URL="#SessionAnalysis" target="_parent"]    SessionList [label="SessionList" URL="#SessionList" target="_parent"]    TeamDashboard [label="TeamDashboard" URL="#TeamDashboard" target="_parent"]}'),
-                    renderGraph("#asd-graph-name", 'digraph application_state_diagram {  graph [    labelloc="t";    fontname="Helvetica"  ];  node [shape = box, style = "bold,filled" fillcolor="lightgray", margin="0.3,0.1"];    Checkpoint [margin=0.1, label="Checkpoint詳細", shape=box, URL="#Checkpoint" target="_parent"]    CheckpointList [margin=0.1, label="Checkpoint一覧", shape=box, URL="#CheckpointList" target="_parent"]    GoNoGo [margin=0.1, label="Go/No-Go メトリクス", shape=box, URL="#GoNoGo" target="_parent"]    PatternDashboard [margin=0.1, label="判断パターンダッシュボード", shape=box, URL="#PatternDashboard" target="_parent"]    SessionAnalysis [margin=0.1, label="セッション分析", shape=box, URL="#SessionAnalysis" target="_parent"]    SessionList [margin=0.1, label="セッション一覧", shape=box, URL="#SessionList" target="_parent"]    TeamDashboard [margin=0.1, label="チーム集計ダッシュボード", shape=box, URL="#TeamDashboard" target="_parent"]    Checkpoint -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#doUpdateCheckpoint" tooltip="Checkpointの分類タグを更新 (idempotent)"><font color="#FFDC00">■</font> Checkpointの分類タグを更新</td></tr></table>> URL="#doUpdateCheckpoint" target="_parent" fontsize=13 class="doUpdateCheckpoint" penwidth=1.5];    Checkpoint -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    CheckpointList -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" align="left" href="#doRecordCheckpoint" tooltip="Checkpointを記録 (unsafe)"><font color="#FF4136">■</font> Checkpointを記録</td></tr><tr><td valign="middle" align="left" href="#goCheckpoint" tooltip="Checkpoint詳細を表示 (safe)"><font color="#00A86B">■</font> Checkpoint詳細を表示</td></tr></table>> URL="#doRecordCheckpoint" target="_parent" fontsize=13 class="doRecordCheckpoint" penwidth=1.5];    CheckpointList -> PatternDashboard [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goPatternDashboard" tooltip="判断パターンダッシュボードを表示 (safe)"><font color="#00A86B">■</font> 判断パターンダッシュボードを表示</td></tr></table>> URL="#goPatternDashboard" target="_parent" fontsize=13 class="goPatternDashboard" penwidth=1.5];    GoNoGo -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    PatternDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionAnalysis -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionList -> SessionAnalysis [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goSessionAnalysis" tooltip="セッション分析を表示 (safe)"><font color="#00A86B">■</font> セッション分析を表示</td></tr></table>> URL="#goSessionAnalysis" target="_parent" fontsize=13 class="goSessionAnalysis" penwidth=1.5];    TeamDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font> Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    Checkpoint [label="Checkpoint詳細" URL="#Checkpoint" target="_parent"]    CheckpointList [label="Checkpoint一覧" URL="#CheckpointList" target="_parent"]    PatternDashboard [label="判断パターンダッシュボード" URL="#PatternDashboard" target="_parent"]    GoNoGo [label="Go/No-Go メトリクス" URL="#GoNoGo" target="_parent"]    SessionAnalysis [label="セッション分析" URL="#SessionAnalysis" target="_parent"]    SessionList [label="セッション一覧" URL="#SessionList" target="_parent"]    TeamDashboard [label="チーム集計ダッシュボード" URL="#TeamDashboard" target="_parent"]}')
+                    renderGraph("#asd-graph-id", 'digraph application_state_diagram {  graph [    labelloc="t";    fontname="Helvetica"  ];  node [shape = box, style = "bold,filled" fillcolor="lightgray", margin="0.3,0.1"];    Checkpoint [margin=0.1, label="Checkpoint", shape=box, URL="#Checkpoint" target="_parent"]    CheckpointList [margin=0.1, label="CheckpointList", shape=box, URL="#CheckpointList" target="_parent"]    GoNoGo [margin=0.1, label="GoNoGo", shape=box, URL="#GoNoGo" target="_parent"]    PatternDashboard [margin=0.1, label="PatternDashboard", shape=box, URL="#PatternDashboard" target="_parent"]    SessionAnalysis [margin=0.1, label="SessionAnalysis", shape=box, URL="#SessionAnalysis" target="_parent"]    SessionList [margin=0.1, label="SessionList", shape=box, URL="#SessionList" target="_parent"]    TeamDashboard [margin=0.1, label="TeamDashboard", shape=box, URL="#TeamDashboard" target="_parent"]    Checkpoint -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#doUpdateCheckpoint" tooltip="Checkpointの分類タグを更新 (idempotent)"><font color="#FFDC00">■</font>&#160;doUpdateCheckpoint</td></tr></table>> URL="#doUpdateCheckpoint" target="_parent" fontsize=13 class="doUpdateCheckpoint" penwidth=1.5];    Checkpoint -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    CheckpointList -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" align="left" href="#doRecordCheckpoint" tooltip="Checkpointを記録 (unsafe)"><font color="#FF4136">■</font>&#160;doRecordCheckpoint</td></tr><tr><td valign="middle" align="left" href="#goCheckpoint" tooltip="Checkpoint詳細を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpoint</td></tr></table>> URL="#doRecordCheckpoint" target="_parent" fontsize=13 class="doRecordCheckpoint" penwidth=1.5];    CheckpointList -> PatternDashboard [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goPatternDashboard" tooltip="判断パターンダッシュボードを表示 (safe)"><font color="#00A86B">■</font>&#160;goPatternDashboard</td></tr></table>> URL="#goPatternDashboard" target="_parent" fontsize=13 class="goPatternDashboard" penwidth=1.5];    GoNoGo -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    PatternDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionAnalysis -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionList -> SessionAnalysis [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goSessionAnalysis" tooltip="セッション分析を表示 (safe)"><font color="#00A86B">■</font>&#160;goSessionAnalysis</td></tr></table>> URL="#goSessionAnalysis" target="_parent" fontsize=13 class="goSessionAnalysis" penwidth=1.5];    TeamDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;goCheckpointList</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    Checkpoint [label="Checkpoint" URL="#Checkpoint" target="_parent"]    CheckpointList [label="CheckpointList" URL="#CheckpointList" target="_parent"]    PatternDashboard [label="PatternDashboard" URL="#PatternDashboard" target="_parent"]    GoNoGo [label="GoNoGo" URL="#GoNoGo" target="_parent"]    SessionAnalysis [label="SessionAnalysis" URL="#SessionAnalysis" target="_parent"]    SessionList [label="SessionList" URL="#SessionList" target="_parent"]    TeamDashboard [label="TeamDashboard" URL="#TeamDashboard" target="_parent"]}'),
+                    renderGraph("#asd-graph-name", 'digraph application_state_diagram {  graph [    labelloc="t";    fontname="Helvetica"  ];  node [shape = box, style = "bold,filled" fillcolor="lightgray", margin="0.3,0.1"];    Checkpoint [margin=0.1, label="Checkpoint詳細", shape=box, URL="#Checkpoint" target="_parent"]    CheckpointList [margin=0.1, label="Checkpoint一覧", shape=box, URL="#CheckpointList" target="_parent"]    GoNoGo [margin=0.1, label="Go/No-Go メトリクス", shape=box, URL="#GoNoGo" target="_parent"]    PatternDashboard [margin=0.1, label="判断パターンダッシュボード", shape=box, URL="#PatternDashboard" target="_parent"]    SessionAnalysis [margin=0.1, label="セッション分析", shape=box, URL="#SessionAnalysis" target="_parent"]    SessionList [margin=0.1, label="セッション一覧", shape=box, URL="#SessionList" target="_parent"]    TeamDashboard [margin=0.1, label="チーム集計ダッシュボード", shape=box, URL="#TeamDashboard" target="_parent"]    Checkpoint -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#doUpdateCheckpoint" tooltip="Checkpointの分類タグを更新 (idempotent)"><font color="#FFDC00">■</font>&#160;Checkpointの分類タグを更新</td></tr></table>> URL="#doUpdateCheckpoint" target="_parent" fontsize=13 class="doUpdateCheckpoint" penwidth=1.5];    Checkpoint -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    CheckpointList -> Checkpoint [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" align="left" href="#doRecordCheckpoint" tooltip="Checkpointを記録 (unsafe)"><font color="#FF4136">■</font>&#160;Checkpointを記録</td></tr><tr><td valign="middle" align="left" href="#goCheckpoint" tooltip="Checkpoint詳細を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint詳細を表示</td></tr></table>> URL="#doRecordCheckpoint" target="_parent" fontsize=13 class="doRecordCheckpoint" penwidth=1.5];    CheckpointList -> PatternDashboard [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goPatternDashboard" tooltip="判断パターンダッシュボードを表示 (safe)"><font color="#00A86B">■</font>&#160;判断パターンダッシュボードを表示</td></tr></table>> URL="#goPatternDashboard" target="_parent" fontsize=13 class="goPatternDashboard" penwidth=1.5];    GoNoGo -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    PatternDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionAnalysis -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    SessionList -> SessionAnalysis [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goSessionAnalysis" tooltip="セッション分析を表示 (safe)"><font color="#00A86B">■</font>&#160;セッション分析を表示</td></tr></table>> URL="#goSessionAnalysis" target="_parent" fontsize=13 class="goSessionAnalysis" penwidth=1.5];    TeamDashboard -> CheckpointList [label=<<table border="0" cellborder="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" href="#goCheckpointList" tooltip="Checkpoint一覧を表示 (safe)"><font color="#00A86B">■</font>&#160;Checkpoint一覧を表示</td></tr></table>> URL="#goCheckpointList" target="_parent" fontsize=13 class="goCheckpointList" penwidth=1.5];    Checkpoint [label="Checkpoint詳細" URL="#Checkpoint" target="_parent"]    CheckpointList [label="Checkpoint一覧" URL="#CheckpointList" target="_parent"]    PatternDashboard [label="判断パターンダッシュボード" URL="#PatternDashboard" target="_parent"]    GoNoGo [label="Go/No-Go メトリクス" URL="#GoNoGo" target="_parent"]    SessionAnalysis [label="セッション分析" URL="#SessionAnalysis" target="_parent"]    SessionList [label="セッション一覧" URL="#SessionList" target="_parent"]    TeamDashboard [label="チーム集計ダッシュボード" URL="#TeamDashboard" target="_parent"]}')
             ]);
             setupTagTrigger();
             setupModeSwitch('asd-show-id', 'asd-graph-id', 'asd-graph-name');