feat(481-1 페이지 이동): B05~B09 좌측 아래 [?] [<] [>] — 이웃 진행 단계 단추 누름 · B05 · B06 [노선 보기] · [횡단 보기] 지움

- ui_template_help: [?] 뒤 [<] [>] · 다섯 주소 목록만(b09-print · B03 · B04 · M01 · M02 뺌) · B09 [>] 흐림 · ui-step-nav 이벤트
- ui_template_workflow_layout: ui-step-nav 듣개 — 켜진 칸 ±1 단계 단추 click(onStepClick 한 길) · 꺼진 단계 = 그 단추 title 알림
- CSS: [<] [>] = [?] 같은 정사각 · 늘어남 규칙에서 뺌(overlay · B09 도크 한 줄)
- design_dock · design_shared · locale_b2: switchView 단추 · 글 지움
- 시험: test_280_2_step_nav(새) · test_design_view_parity(단추 셋)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

ui_template/ui_template_help.ts

@@ -5,10 +5,12 @@
  * 페이지 = 주소(#/b05-…)의 B0N · 먼저 여는 항목 = 좌측 패널에서 보이는 `[data-help-topic]` 중 마지막
  * (지금 연 상자 · 구조물 종류) · 없으면 첫 파일(00_설명서).
  * 단추 자리 = `.ui-sidebar-actions` 안 `[data-help-row]`(없으면 그 줄 자신)의 맨 앞.
+ * [<] [>](요구 280-2) = [?] 바로 뒤 · B05~B09 다섯 주소만 · 누르면 `ui-step-nav` 를 올려 보냄 →
+ * 진행 단계 틀(`createWorkflowLayout`)이 이웃 단계 단추를 누름(저장 · 막힘은 각 페이지 `onStepClick`).
  * ========================================================================== */
 
 import "./ui_template_help.css";
-import { API_BASE_URL } from "@config/config_frontend";
+import { API_BASE_URL, ROUTES } from "@config/config_frontend";
 import { createButton, el } from "./ui_template_elements";
 import { openModal } from "./ui_template_modal";
 
@@ -19,6 +21,16 @@ interface HelpItem {
 }
 
 const TEXT = { button: "?", tip: "설명서", title: "설명서", close: "닫기", empty: "설명 글 없음" };
+const STEP_TEXT = { prev: "<", next: ">", prevTip: "이전 단계", nextTip: "다음 단계" };
+
+/** [<] [>] 를 붙이는 주소 — 목록으로 거름(b09-print · B03 · B04 · M01 · M02 뺌) */
+const STEP_NAV_ROUTES = [
+  ROUTES.B05_PROFILE,
+  ROUTES.B06_SECTION,
+  ROUTES.B07_DESIGN_DETAIL,
+  ROUTES.B08_QUANTITY,
+  ROUTES.B09_ESTIMATION,
+] as const;
 
 function currentPage(): string {
   const n = /^#\/b0(\d)/i.exec(location.hash)?.[1];
@@ -161,8 +173,28 @@ export function createHelpButton(): HTMLButtonElement {
   return button;
 }
 
+function createStepNavButton(step: -1 | 1, disabled: boolean): HTMLButtonElement {
+  const button = createButton({
+    label: step < 0 ? STEP_TEXT.prev : STEP_TEXT.next,
+    variant: "ghost",
+    onClick: () =>
+      button.dispatchEvent(new CustomEvent("ui-step-nav", { bubbles: true, detail: step })),
+  });
+  button.classList.add("ui-step-nav-btn");
+  button.dataset.stepNav = String(step);
+  button.title = button.ariaLabel = step < 0 ? STEP_TEXT.prevTip : STEP_TEXT.nextTip;
+  button.disabled = disabled;
+  return button;
+}
+
 /** 아래 단추 묶음에 [?] 를 한 번 — `[data-help-row]` 가 있으면 그 줄 · 없으면 묶음 자신의 맨 앞 */
 export function placeHelpButton(actions: HTMLElement): void {
   if (actions.querySelector(".ui-help-btn")) return;
-  (actions.querySelector<HTMLElement>("[data-help-row]") ?? actions).prepend(createHelpButton());
+  const row = actions.querySelector<HTMLElement>("[data-help-row]") ?? actions;
+  const route = location.hash.replace(/^#\/?/, "").split("?")[0];
+  const index = (STEP_NAV_ROUTES as readonly string[]).indexOf(route);
+  if (index < 0) return void row.prepend(createHelpButton());
+  // B09 = 마지막 단계 — [>] 흐림
+  const last = index === STEP_NAV_ROUTES.length - 1;
+  row.prepend(createHelpButton(), createStepNavButton(-1, false), createStepNavButton(1, last));
 }