@tienne/gestalt 0.90.1 → 0.92.0

package/dist/src/architecture/html-client.js

@@ -1,7 +1,7 @@
 import { BAND_LINE_X, BAND_LINE_Y, BAND_TITLE_HALF, BAND_TITLE_X } from './canvas-geometry.js';
 import { FOCUS_SOURCE } from './focus.js';
 import { PRODUCT_COLORS } from './html-theme.js';
-import { FRAME_PAD } from './layout.js';
+import { FRAME_PAD, NODE_DESC_LINE } from './layout.js';
 // component는 칩 글자를 노드의 displayKind에서, 색과 아이콘은 renderClass에서 가져온다. types.ts의 displayKindOf, chipTextOverride와 같은 규칙이다.
 // 이 조각은 component를 쓸 수 있는 어휘에만 싣는다. 늘 실으면 component가 없는 그림의 바이트까지 바뀐다
 const COMPONENT_DKIND = "n.kind === 'component' ? 'cx_' + (n.renderClass || 'service') : ";
@@ -150,7 +150,10 @@ const VIEW_CLICK = `var vm = e.target.closest('.link.seq-m');
 const VIEW_KEY = `var vm = e.target.closest('.link.seq-m');
     if (vm) { e.preventDefault(); activateMessage(vm); return; }
     `;
-const VIEW_FUNCS = `  var messages = data.messages || {};
+// 순서도 보기 바가 화면 위를 덮으면 머리 카드는 그 바 아래에 붙인다
+const STICK_FROM = '-view.y / view.k';
+const SEQ_STICK_FROM = '(seqTop() - view.y) / view.k';
+const viewFuncs = (sequences) => `  var messages = data.messages || {};
   // 전체 레벨은 지도 위 카드 줄만큼 내려가 있다. 같은 이름으로 다시 선언해 그 거리를 더한 쪽이 쓰이게 한다
   function cardCenter(c) {
     var s = c.closest('.level');
@@ -162,7 +165,7 @@ const VIEW_FUNCS = `  var messages = data.messages || {};
     if (!bar) return;
     var top = parseFloat(bar.style.top);
     var end = Number(active.getAttribute('data-h')) - top - bar.offsetHeight;
-    var dy = Math.min(Math.max(0, -view.y / view.k - top), Math.max(0, end));
+    var dy = Math.min(Math.max(0, ${sequences ? SEQ_STICK_FROM : STICK_FROM} - top), Math.max(0, end));
     var t = dy > 0 ? 'translateY(' + dy + 'px)' : '';
     bar.style.transform = t;
     bar.classList.toggle('stuck', dy > 0);
@@ -198,6 +201,184 @@ const VIEW_POP = `  setupPop('views-btn', 'views');
   var viewsPop = byId('views');
   if (viewsPop) viewsPop.addEventListener('click', function (e) { if (e.target.closest('a')) closePops(false); });
 `;
+// 순서도 보기 조각. 순서도가 있는 그림에만 싣는다.
+// 단계별 카드와 따라가기는 순서도 섹션 옆 형제 섹션(.seq-alt)이고 data-level-id가 없어 레벨 목록에 안 잡힌다.
+// 보기는 레벨마다 페이지 메모리에만 둔다. 주소에 실으면 보기 전환이 뒤로가기 기록을 채운다
+const SEQ_FUNCS = `  var seqBar = byId('seq-bar');
+  var seqSteps = byId('seq-steps');
+  var seqCap = seqBar.querySelector('.seq-cap');
+  var seqPlayBtn = seqBar.querySelector('.sw-play');
+  var seqSay = seqCap.querySelector('.sw-say');
+  var seqModeBtns = Array.prototype.slice.call(seqBar.querySelectorAll('button[data-seq-mode]'));
+  var seqAlts = Array.prototype.slice.call(doc.querySelectorAll('.seq-alt'));
+  var seqBase = null;
+  var seqMode = 'seq';
+  var seqModes = {};
+  var seqAt = {};
+  var seqN = 0;
+  var seqTimer = 0;
+  function seqNarrow() { return window.matchMedia('(max-width: 860px)').matches; }
+  function seqTop() { return seqBar.hidden ? 0 : seqBar.offsetTop + seqBar.offsetHeight; }
+  function seqInset() {
+    var r = { t: 0, r: 0, b: 0 };
+    if (seqBar.hidden) return r;
+    r.t = seqTop();
+    if (!seqSteps.hidden) {
+      if (seqNarrow()) r.b = seqSteps.offsetHeight + 16;
+      else r.r = seqSteps.offsetWidth + 16;
+    }
+    return r;
+  }
+  function seqBaseId() { return seqBase ? seqBase.getAttribute('data-level-id') : null; }
+  function seqAlt(mode) {
+    var id = seqBaseId();
+    for (var i = 0; i < seqAlts.length; i++) {
+      if (seqAlts[i].getAttribute('data-seq-of') === id && seqAlts[i].getAttribute('data-seq-mode') === mode) return seqAlts[i];
+    }
+    return null;
+  }
+  function seqList() {
+    var id = seqBaseId();
+    var lists = seqSteps.querySelectorAll('.ss-list');
+    for (var i = 0; i < lists.length; i++) if (lists[i].getAttribute('data-seq-of') === id) return lists[i];
+    return null;
+  }
+  function seqTotal() {
+    var walk = seqAlt('walk');
+    return walk ? walk.querySelectorAll('.w-step').length : 0;
+  }
+  function seqStop() {
+    if (seqTimer) clearInterval(seqTimer);
+    seqTimer = 0;
+    seqPlayBtn.setAttribute('aria-pressed', 'false');
+    seqSay.setAttribute('aria-live', 'polite');
+  }
+  // 보기 바가 두 줄로 접히면 목록이 그 아래에서 시작해야 안 겹친다. 창 폭이 바뀌면 다시 잰다
+  function seqPlaceSteps() {
+    seqSteps.style.top = !seqSteps.hidden && !seqNarrow() ? seqTop() + 8 + 'px' : '';
+  }
+  function seqLeave() {
+    seqStop();
+    seqAlts.forEach(function (s) { s.hidden = true; });
+    seqBar.hidden = true;
+    seqSteps.hidden = true;
+    seqBase = null;
+  }
+  function showStep(n) {
+    var walk = seqAlt('walk');
+    var total = seqTotal();
+    if (!walk || !total) return;
+    seqN = Math.max(1, Math.min(total, n));
+    seqAt[seqBaseId()] = seqN;
+    var on = null;
+    walk.querySelectorAll('.w-step').forEach(function (p) {
+      var hit = Number(p.getAttribute('data-n')) === seqN;
+      p.classList.toggle('on', hit);
+      if (hit) on = p;
+    });
+    var from = on.getAttribute('data-from');
+    var to = on.getAttribute('data-to');
+    walk.querySelectorAll('.node').forEach(function (c) {
+      var id = c.getAttribute('data-node-id');
+      c.classList.toggle('w-dim', id !== from && id !== to);
+    });
+    var item = null;
+    var list = seqList();
+    if (list) list.querySelectorAll('button[data-n]').forEach(function (b) {
+      if (Number(b.getAttribute('data-n')) === seqN) { b.setAttribute('aria-current', 'step'); item = b; }
+      else b.removeAttribute('aria-current');
+    });
+    seqCap.querySelector('.sw-n').textContent = seqN + ' / ' + total;
+    seqCap.querySelector('.sw-p').textContent = item ? item.getAttribute('data-phase') : '';
+    seqCap.querySelector('.sw-t').textContent = item ? item.getAttribute('data-say') : '';
+    var block = seqCap.querySelector('.sw-b');
+    block.textContent = item ? item.getAttribute('data-block') : '';
+    block.hidden = !block.textContent;
+    if (item) item.scrollIntoView({ block: 'nearest' });
+  }
+  function applySeqMode(mode, refit) {
+    if (!seqBase) return;
+    seqStop();
+    closeDrawer(false);
+    if (active) clearLit(active);
+    seqMode = mode;
+    seqModes[seqBaseId()] = mode;
+    seqBase.hidden = mode !== 'seq';
+    var alt = mode === 'seq' ? null : seqAlt(mode);
+    seqAlts.forEach(function (s) { s.hidden = s !== alt; });
+    active = alt || seqBase;
+    if (envPicker) applyEnv(active);
+    seqModeBtns.forEach(function (b) { b.setAttribute('aria-pressed', String(b.getAttribute('data-seq-mode') === mode)); });
+    var walking = mode === 'walk';
+    seqCap.hidden = !walking;
+    seqSteps.hidden = !walking;
+    var list = seqList();
+    seqSteps.querySelectorAll('.ss-list').forEach(function (l) { l.hidden = l !== list; });
+    seqPlaceSteps();
+    if (walking) showStep(seqAt[seqBaseId()] || 1);
+    syncFocusBtn();
+    if (refit) {
+      fit('smart');
+      runSearch(false);
+    }
+  }
+  function syncSeqBar(id) {
+    seqStop();
+    var base = sectionOf(id);
+    var has = !!base && seqAlts.some(function (s) { return s.getAttribute('data-seq-of') === id; });
+    seqAlts.forEach(function (s) { s.hidden = true; });
+    seqBar.hidden = !has;
+    seqSteps.hidden = true;
+    seqBase = has ? base : null;
+    if (has) applySeqMode(seqModes[id] || 'seq', false);
+  }
+  function seqPlay() {
+    if (seqTimer) { seqStop(); return; }
+    if (seqN >= seqTotal()) showStep(1);
+    // 단추 이름은 '재생' 그대로 두고 눌림 상태로만 알린다. 이름까지 바꾸면 낭독기가 상태를 거꾸로 읽는다
+    seqPlayBtn.setAttribute('aria-pressed', 'true');
+    // 재생 중에 단계마다 읽어 주면 낭독이 밀려 쌓인다. 멈추면 seqStop이 되돌린다
+    seqSay.setAttribute('aria-live', 'off');
+    seqTimer = setInterval(function () {
+      // 마지막 단계는 재생을 먼저 끝내고 그린다. aria-live가 polite로 돌아온 뒤에 써야 낭독기가 읽는다
+      var next = seqN + 1;
+      if (next >= seqTotal()) { seqStop(); showStep(next); return; }
+      showStep(next);
+    }, 900);
+  }
+  seqBar.addEventListener('click', function (e) {
+    var b = e.target.closest('button');
+    if (!b) return;
+    var mode = b.getAttribute('data-seq-mode');
+    // 보기를 바꾼 뒤에도 키보드로 같은 바에서 이어 고를 수 있게 누른 단추에 포커스를 둔다
+    if (mode) { if (mode !== seqMode) { applySeqMode(mode, true); b.focus(); } return; }
+    if (b.classList.contains('sw-prev')) { seqStop(); showStep(seqN - 1); }
+    else if (b.classList.contains('sw-next')) { seqStop(); showStep(seqN + 1); }
+    else if (b.classList.contains('sw-play')) seqPlay();
+  });
+  seqSteps.addEventListener('click', function (e) {
+    var b = e.target.closest('button[data-n]');
+    if (!b) return;
+    seqStop();
+    showStep(Number(b.getAttribute('data-n')));
+  });
+  // 다른 탭에 가 있는 동안 단계가 혼자 넘어가 있지 않게 멈춘다
+  doc.addEventListener('visibilitychange', function () { if (doc.hidden) seqStop(); });
+`;
+const SEQ_FIT = `
+    var sq = seqInset();
+    W -= sq.r;
+    H -= sq.t + sq.b;`;
+// ←, →는 따라가기 보기가 떠 있고 포커스가 보기 바, 단계 목록, 따라가기 지도 안이거나 아무 데도 없을 때만 단계를 넘긴다.
+// 그 밖의 자리에서는 스크롤 같은 브라우저 기본 동작을 그대로 둔다
+export const SEQ_KEYS = `    if ((e.key === 'ArrowLeft' || e.key === 'ArrowRight') && seqBase && seqMode === 'walk' && !seqBar.hidden &&
+      (t === doc.body || seqBar.contains(t) || seqSteps.contains(t) || !!(seqAlt('walk') && seqAlt('walk').contains(t)))) {
+      e.preventDefault();
+      seqStop();
+      showStep(seqN + (e.key === 'ArrowRight' ? 1 : -1));
+      return;
+    }
+`;
 export const THEME_STORAGE_KEY = 'gestalt-architecture-theme';
 const HINT_STORAGE_KEY = 'gestalt-architecture-hint';
 // 첫 화면을 그리기 전에 저장한 테마를 걸어야 밝은 화면이 한 번 번쩍이지 않는다
@@ -226,8 +407,12 @@ export function renderClientScript(c) {
   var MICRO_HOSTS = {};
   (data.microHosts || []).forEach(function (id) { MICRO_HOSTS[id] = true; });
   var KIND_TEXT = ${JSON.stringify(c.kindText)};
+  var KIND_ABOUT = ${JSON.stringify(c.kindAbout)};
   var EVIDENCE_TEXT = ${JSON.stringify(c.evidenceText)};
   var LANE_TITLE = ${JSON.stringify(c.laneTitles)};
+  var LANE_ABOUT = ${JSON.stringify(c.laneAbout)};
+  var STAGE_LANE_ABOUT = ${JSON.stringify(c.stageLaneAbout)};
+  var NODE_DESC_LINE = ${NODE_DESC_LINE};
   var GUESS = ${JSON.stringify(c.inferredBadge)};
   var PLATFORM_CHIP = ${JSON.stringify(c.platformChip)};
   var PLATFORM_NAME = ${JSON.stringify(c.platformName)};
@@ -526,6 +711,86 @@ ${FOCUS_SOURCE}
     panel.appendChild(body);
     openDrawer();
   }
+  // 환경 필터로 숨긴 카드는 화면에 없으니 목록에서도 뺀다
+  function connectionList(body, id, incoming) {
+    var list = data.edges.filter(function (e) {
+      var other = incoming ? e.from : e.to;
+      return (incoming ? e.to : e.from) === id && other !== id && !envHidden(other);
+    });
+    if (!list.length) return;
+    body.appendChild(el('h3', null, (incoming ? '들어오는 연결 ' : '나가는 연결 ') + list.length + '개'));
+    var otherOf = {};
+    list.forEach(function (e) { otherOf[e.id] = incoming ? e.from : e.to; });
+    refButtons(body, list.map(function (e) { return e.id; }), function (eid) { goToNode(otherOf[eid]); },
+      function (eid) { return 'i-' + dkind(nodes[otherOf[eid]]); },
+      function (eid) { return label(otherOf[eid]) + ' (' + kindText(edges[eid].kind) + ')'; });
+  }
+  // 선은 레벨 엣지에서 먼저 찾는다. 포함 선은 드릴다운이 만든 것이라 IR 엣지 표에 없다
+  function edgeOf(id) {
+    var level = levels[levelIdOf(active)];
+    return (level && level.edgeById[id]) || edges[id] || null;
+  }
+  function renderEdgePanel(g) {
+    var id = g.getAttribute('data-link-id');
+    var e = edgeOf(id);
+    if (!e) return;
+    var ir = edges[id];
+    active.querySelectorAll('.node.selected').forEach(function (x) { x.classList.remove('selected'); });
+    lightLink(active, g);
+    returnFocus = g;
+    selectedId = null;
+    syncFocusBtn();
+    panel.textContent = '';
+    panel.appendChild(panelHead('flow', 'u-link', kindText(e.kind), '', label(e.from) + ' → ' + label(e.to)));
+    var body = el('div', 'dr-body');
+    if (KIND_ABOUT[e.kind]) body.appendChild(el('p', 'desc', KIND_ABOUT[e.kind]));
+    var facts = el('ul', 'facts');
+    if (e.kind !== 'contains') factRow(facts, '선', e.lineStyle === 'dashed' ? '점선 (문서나 사람 말로만 확인)' : '실선 (코드나 스펙으로 확인)');
+    if (g.classList.contains('x-account')) factRow(facts, '계정', '계정을 넘는 연결이에요');
+    if (ir && ir.actions && ir.actions.length) factRow(facts, 'action', ir.actions.join(', '));
+    if (facts.childNodes.length) body.appendChild(facts);
+    body.appendChild(el('h3', null, '양 끝'));
+    refButtons(body, [e.from, e.to], goToNode, function (nid) { return 'i-' + dkind(nodes[nid]); }, label);
+    if (ir) evidenceList(body, ir.evidence);
+    else body.appendChild(el('p', 'desc', 'parent로 정한 포함 관계라 따로 근거가 없어요.'));
+    panel.appendChild(body);
+    openDrawer();
+  }
+  // 레인 제목과 rect.lane은 같은 순서로 그려진다. 포커스 화면과 환경 필터가 같은 짝짓기를 쓴다
+  function laneCards(t) {
+    var sec = t.parentNode;
+    var titles = Array.prototype.slice.call(sec.querySelectorAll('.lane-title'));
+    var r = sec.querySelectorAll('rect.lane')[titles.indexOf(t)];
+    if (!r) return [];
+    var x = parseFloat(r.getAttribute('x'));
+    var w = parseFloat(r.getAttribute('width'));
+    var ids = [];
+    sec.querySelectorAll('.node').forEach(function (c) {
+      var left = parseFloat(c.style.left);
+      if (left >= x && left < x + w && !c.classList.contains('env-off')) ids.push(c.getAttribute('data-node-id'));
+    });
+    return ids;
+  }
+  function laneAria(title, count) { return title + ' 레인, 카드 ' + count + '개'; }
+  function renderLanePanel(t) {
+    var laneId = t.getAttribute('data-lane-id') || '';
+    var title = t.firstChild ? t.firstChild.textContent : '';
+    var ids = laneCards(t);
+    active.querySelectorAll('.node.selected').forEach(function (x) { x.classList.remove('selected'); });
+    clearLit(active);
+    returnFocus = t;
+    selectedId = null;
+    syncFocusBtn();
+    panel.textContent = '';
+    panel.appendChild(panelHead('flow', 'u-legend', '레인', '', title));
+    var body = el('div', 'dr-body');
+    var about = laneId.indexOf('stage:') === 0 ? STAGE_LANE_ABOUT : LANE_ABOUT[laneId];
+    if (about) body.appendChild(el('p', 'desc', about));
+    body.appendChild(el('h3', null, '이 칸의 카드 ' + ids.length + '개'));
+    if (ids.length) refButtons(body, ids, focusCard, function (nid) { return 'i-' + dkind(nodes[nid]); }, label);
+    panel.appendChild(body);
+    openDrawer();
+  }
   function renderPanel(id) {
     if (isStep(id)) { renderStepPanel(id); return; }
     var n = nodes[id];
@@ -573,6 +838,11 @@ ${FOCUS_SOURCE}
       body.appendChild(actions);
     }
     if (n.description) body.appendChild(el('p', 'desc', n.description));
+    var about = KIND_ABOUT[dkind(n)];
+    if (about) {
+      body.appendChild(el('h3', null, '이 종류는'));
+      body.appendChild(el('p', 'desc', about));
+    }
     renderFacts(n, body);${c.docs ? '\n    renderDoc(n, body);' : ''}
     if (flowsBySvc[id]) {
       body.appendChild(el('h3', null, '흐름 ' + flowsBySvc[id].length + '개'));
@@ -582,6 +852,8 @@ ${FOCUS_SOURCE}
       body.appendChild(el('h3', null, '이 항목이 나오는 흐름 단계 ' + stepsByRef[id].length + '개'));
       refButtons(body, stepsByRef[id], goToNode, function () { return 'u-flow'; }, function (sid) { return stepFlow[sid].title + ' › ' + label(sid); });
     }
+    connectionList(body, id, true);
+    connectionList(body, id, false);
     body.appendChild(el('h3', null, '출처 ' + n.evidence.length + '개'));
     var ul = el('ul', 'evidence');
     n.evidence.forEach(function (ev) { ul.appendChild(renderEvidence(ev)); });
@@ -637,7 +909,7 @@ ${FOCUS_SOURCE}
     var s = dims(active);
     var W = stage.clientWidth;
     var H = stage.clientHeight - (sheet.hidden ? 0 : sheet.offsetHeight + 16);
-    var M = 24;
+    var M = 24;${c.sequences ? SEQ_FIT : ''}
     var kw = (W - M * 2) / s.w;
     var kh = (H - M * 2) / s.h;
     var k = Math.min(kw, kh, 1);
@@ -648,7 +920,7 @@ ${FOCUS_SOURCE}
     k = clampK(k);
     view.k = k;
     view.x = Math.max(M, (W - s.w * k) / 2);
-    view.y = top ? M : Math.max(M, (H - s.h * k) / 2);
+    view.y = ${c.sequences ? 'sq.t + (' : ''}top ? M : Math.max(M, (H - s.h * k) / 2)${c.sequences ? ')' : ''};
     glide();
     applyView();
   }
@@ -857,7 +1129,7 @@ ${FOCUS_SOURCE}
     returnFocus = g;
     renderTransitionPanel(t);
   }
-${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('click', function (e) {
+${c.views ? viewFuncs(!!c.sequences) : ''}${c.sequences ? SEQ_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('click', function (e) {
     if (suppressClick) { suppressClick = false; return; }
     var more = e.target.closest('.pb.more');
     if (more) { toggleProducts(more); return; }
@@ -873,6 +1145,10 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
     if (link) { activateBundle(link); return; }
     var ft = e.target.closest('.link.flow-t');
     if (ft) { activateTransition(ft); return; }
+    var edge = e.target.closest('.link[data-link-id]');
+    if (edge) { renderEdgePanel(edge); return; }
+    var lane = e.target.closest('.lane-title[data-lane-id]');
+    if (lane) { renderLanePanel(lane); return; }
     if (drawerOpen()) closeDrawer(false);
   });
   stage.addEventListener('dblclick', function (e) {
@@ -889,7 +1165,11 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
     var link = e.target.closest('.link.bundle');
     if (link) { e.preventDefault(); activateBundle(link); return; }
     var ft = e.target.closest('.link.flow-t');
-    if (ft) { e.preventDefault(); activateTransition(ft); }
+    if (ft) { e.preventDefault(); activateTransition(ft); return; }
+    var edge = e.target.closest('.link[data-link-id]');
+    if (edge) { e.preventDefault(); renderEdgePanel(edge); return; }
+    var lane = e.target.closest('.lane-title[data-lane-id]');
+    if (lane) { e.preventDefault(); renderLanePanel(lane); }
   });
 
   // 위치 표시
@@ -995,7 +1275,7 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
     if (active) active.querySelectorAll('.node.anchor').forEach(function (x) { x.classList.remove('anchor'); });
     renderCrumbs(trailItems(id));
     syncFlowBtn();
-    fit('smart');
+${c.sequences ? '    syncSeqBar(id);\n' : ''}    fit('smart');
     runSearch(false);
   }
 
@@ -1094,9 +1374,12 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
     if (c < 800) return 'db_table';
     return '';
   }
+  // types.ts의 hasCardDescription, layout.ts의 measureNode와 같은 판정이다
+  function hasDesc(n) { return !!(n && n.description && n.description.trim()); }
   function cardHeight(id) {
     var f = services[id];
-    return (nodes[id] && nodes[id].displayName) || (f && (f.prodDomain || f.platforms.length > 0)) ? 60 : 48;
+    var base = (nodes[id] && nodes[id].displayName) || (f && (f.prodDomain || f.platforms.length > 0)) ? 60 : 48;
+    return base + (hasDesc(nodes[id]) ? NODE_DESC_LINE : 0);
   }
   function platformChips(id, parent) {
     var f = services[id];
@@ -1141,7 +1424,8 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
       platformChips(id, l2);
       d.appendChild(l2);
     } else if (sub) d.appendChild(sub);
-    d.title = n && n.displayName ? n.displayName + (guess ? ' (' + GUESS + ')' : '') + '\\n' + n.label : label(id);
+    if (hasDesc(n)) d.appendChild(el('span', 'ds', n.description));
+    d.title = (n && n.displayName ? n.displayName + (guess ? ' (' + GUESS + ')' : '') + '\\n' + n.label : label(id)) + (hasDesc(n) ? '\\n' + n.description : '');
     d.setAttribute('aria-label', label(id) + ', ' + kindText(kind));
     if (enterMap[id]) {
       var more = el('span', 'go', '›');
@@ -1250,12 +1534,10 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
       var xa = nodes[e.from] && nodes[e.to] && nodes[e.from].account && nodes[e.to].account && nodes[e.from].account !== nodes[e.to].account;
       var g = svgEl('g', { 'class': (bundle ? 'link bundle' : 'link e-' + e.kind) + (xa ? ' x-account' : ''), 'data-from': e.from, 'data-to': e.to });
       var name = bundle ? label(e.from) + ' → ' + label(e.to) + ' ' + e.count + '개'${c.mixedBundles ? MIXED_NOTE : ''} : kindText(e.kind) + ': ' + label(e.from) + ' → ' + label(e.to);
-      if (bundle) {
-        g.setAttribute('data-bundle-id', e.id);
-        g.setAttribute('tabindex', '0');
-        g.setAttribute('role', 'button');
-        g.setAttribute('aria-label', name);
-      }
+      g.setAttribute(bundle ? 'data-bundle-id' : 'data-link-id', e.id);
+      g.setAttribute('tabindex', '0');
+      g.setAttribute('role', 'button');
+      g.setAttribute('aria-label', name);
       var t = svgEl('title', {});
       t.textContent = name;
       g.appendChild(t);
@@ -1283,6 +1565,12 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
       if (!l.title) return;
       var title = el('div', 'lane-title', l.title);
       title.appendChild(el('span', 'n', String(l.count)));
+      if (l.id) {
+        title.setAttribute('data-lane-id', l.id);
+        title.setAttribute('role', 'button');
+        title.tabIndex = 0;
+        title.setAttribute('aria-label', laneAria(l.title, l.count));
+      }
       title.style.left = l.x + 'px';
       title.style.top = '22px';
       title.style.width = l.width + 'px';
@@ -1348,7 +1636,7 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
       pos: pos,
       edges: list.map(function (e) { return { id: e.id, from: e.from, to: e.to, kind: e.kind, count: 1, lineStyle: e.lineStyle }; }),
       lanes: lanes.map(function (l) {
-        return { x: l.left - LANE_PAD, width: l.right - l.left + LANE_PAD * 2, title: LANE_TITLE[l.id] || '', count: l.count };
+        return { x: l.left - LANE_PAD, width: l.right - l.left + LANE_PAD * 2, id: l.id, title: LANE_TITLE[l.id] || '', count: l.count };
       }),
       width: x + NODE_W + LANE_PAD + PAD_X,
       height: PAD_TOP + maxH + PAD_BOTTOM,
@@ -1367,7 +1655,7 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
   function drawPair(memberIds, title) {
     closeDrawer(false);
     sections.forEach(function (s) { s.hidden = true; });
-    clearFocus();
+${c.sequences ? '    seqLeave();\n' : ''}    clearFocus();
     pair.hidden = false;
     pair.textContent = '';
     pair._cards = null;
@@ -1495,11 +1783,11 @@ ${c.views ? VIEW_FUNCS : ''}${c.docs ? DOC_FUNCS : ''}  stage.addEventListener('
       Object.keys(pos).forEach(function (id) { if (pos[id].x >= x && pos[id].x < x + w) n += 1; });
       if (!n) return;
       var t = titles[i];
-      lanes.push({ x: x, width: w, title: t ? t.firstChild.textContent : '', count: n });
+      lanes.push({ id: t ? t.getAttribute('data-lane-id') : null, x: x, width: w, title: t ? t.firstChild.textContent : '', count: n });
     });
     var cards = cardMap(src);
     src.hidden = true;
-    focusSec.textContent = '';
+${c.sequences ? '    seqLeave();\n' : ''}    focusSec.textContent = '';
     focusSec._cards = null;
     focusSec._links = null;
     focusSec.setAttribute('data-focus-level', levelId);
@@ -1708,7 +1996,7 @@ ${c.views ? VIEW_POP : ''}  // 흐름 단추는 서비스 아래 레벨에서만
   });
   window.addEventListener('resize', function () {
     pops.forEach(function (p) { if (!p.pop.hidden) placePop(p.btn, p.pop); });
-  });
+${c.sequences ? '    seqPlaceSteps();\n' : ''}  });
   function goToNode(id) {
     if (!id) return;
     if (active && cardMap(active)[id]) { focusCard(id); return; }
@@ -1734,7 +2022,7 @@ ${c.views ? VIEW_POP : ''}  // 흐름 단추는 서비스 아래 레벨에서만
 
   doc.addEventListener('keydown', function (e) {
     if (e.key === 'Escape') {
-      if (!productMenu.hidden) { closeProducts(true); return; }
+${c.sequences ? '      seqStop();\n' : ''}      if (!productMenu.hidden) { closeProducts(true); return; }
       if (anyPop()) { closePops(true); return; }
       if (drawerOpen()) { closeDrawer(true); return; }
       releaseFocus();
@@ -1743,7 +2031,7 @@ ${c.views ? VIEW_POP : ''}  // 흐름 단추는 서비스 아래 레벨에서만
     var t = e.target;
     if (t && (t.tagName === 'INPUT' || t.tagName === 'TEXTAREA' || t.isContentEditable)) return;
     if (e.metaKey || e.ctrlKey || e.altKey) return;
-    if (e.key === '/') { e.preventDefault(); search.focus(); search.select(); }
+${c.sequences ? SEQ_KEYS : ''}    if (e.key === '/') { e.preventDefault(); search.focus(); search.select(); }
     else if (e.key === '+' || e.key === '=') zoomBy(1.25);
     else if (e.key === '-' || e.key === '_') zoomBy(0.8);
     else if (e.key === '0') fit('full');
@@ -1782,6 +2070,7 @@ ${c.views ? VIEW_POP : ''}  // 흐름 단추는 서비스 아래 레벨에서만
       t.classList.toggle('env-off', n === 0);
       var count = t.querySelector('.n');
       if (count) count.textContent = n;
+      if (t.hasAttribute('data-lane-id')) t.setAttribute('aria-label', laneAria(t.firstChild.textContent, n));
     });
   }
   // 고른 환경은 주소 해시 뒤 ?env=prod,dev로 싣는다. 주소를 보내면 받은 사람도 같은 환경으로 본다.

package/dist/src/architecture/html-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"html-client.js","sourceRoot":"","sources":["../../../src/architecture/html-client.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"html-client.js","sourceRoot":"","sources":["../../../src/architecture/html-client.ts"],"names":[],"mappings":"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"}

package/dist/src/architecture/html-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html-renderer.d.ts","sourceRoot":"","sources":["../../../src/architecture/html-renderer.ts"],"names":[],"mappings":"AAWA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAwBnG,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAsBrB,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AA+ED,mEAAmE;AACnE,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAetD;AAmVD,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEjE;AAimCD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,6BAA6B,GAClC,MAAM,CAkBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,6BAA6B,GAClC,MAAM,CAuIR"}
+{"version":3,"file":"html-renderer.d.ts","sourceRoot":"","sources":["../../../src/architecture/html-renderer.ts"],"names":[],"mappings":"AAWA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6BnG,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,aAAa,CAAC;AAgCrB,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpF,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AA+ED,mEAAmE;AACnE,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAetD;AA2VD,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEjE;AA06CD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,WAAW,EACtB,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,6BAA6B,GAClC,MAAM,CAkBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,6BAA6B,GAClC,MAAM,CAsJR"}