feat(529-1): 단계 틀 인자(아이콘 · [<][>] 묶음 · 도움말 이름) · D · E 단계 빈 길 일곱

- createWorkflowLayout icons 인자(없으면 B 일곱 아이콘 그대로)
- [?] [<] [>] 묶음 = B05~B09 · D02~D04 · E02~E05 · 묶음 안에서만 오감 · 설명서 이름 B0N/D0N/E0N
- 서버 설명서 주소 D01~D04 · E01~E05 허용 · 우클릭 막기 · 돋보기 d · e 주소
- ROUTES D01~E05 · PLAN_STEP_ROUTES · STAB_STEP_ROUTES · A00_Common/group_workflow(빈 단계 = 틀 · 좌측 [?] 줄 · 단계 막대)
- 페이지 폴더마다 draft/<폴더>_Route.ts · tsconfig 에 D0* · E0* · 문구 ui_template_locale_de
- 시험: 280-2 대역에 D · E 묶음 · 54-2 D · E 설명서 길

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

ui_template/ui_template_help.ts

@@ -5,12 +5,12 @@
  * 페이지 = 주소(#/b05-…)의 B0N · 먼저 여는 항목 = 좌측 패널에서 보이는 `[data-help-topic]` 중 마지막
  * (지금 연 상자 · 구조물 종류) · 없으면 첫 파일(00_설명서).
  * 단추 자리 = `.ui-sidebar-actions` 안 `[data-help-row]`(없으면 그 줄 자신)의 맨 앞.
- * [<] [>](요구 280-2) = [?] 바로 뒤 · B05~B09 다섯 주소만 · 누르면 `ui-step-nav` 를 올려 보냄 →
+ * [<] [>](요구 280-2) = [?] 바로 뒤 · 단계 묶음(B05~B09 · D02~D04 · E02~E05 · 529-1) 주소만 · 누르면 `ui-step-nav` 를 올려 보냄 →
  * 진행 단계 틀(`createWorkflowLayout`)이 이웃 단계 단추를 누름(저장 · 막힘은 각 페이지 `onStepClick`).
  * ========================================================================== */
 
 import "./ui_template_help.css";
-import { API_BASE_URL, ROUTES } from "@config/config_frontend";
+import { API_BASE_URL, PLAN_STEP_ROUTES, ROUTES, STAB_STEP_ROUTES } from "@config/config_frontend";
 import { createButton, el } from "./ui_template_elements";
 import { openModal } from "./ui_template_modal";
 
@@ -23,18 +23,23 @@ 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;
+/** [<] [>] 를 붙이는 주소 묶음 — 묶음 안에서만 오감(b09-print · B03 · B04 · M01 · M02 · D01 · E01 뺌) */
+const STEP_NAV_GROUPS: ReadonlyArray<readonly string[]> = [
+  [
+    ROUTES.B05_PROFILE,
+    ROUTES.B06_SECTION,
+    ROUTES.B07_DESIGN_DETAIL,
+    ROUTES.B08_QUANTITY,
+    ROUTES.B09_ESTIMATION,
+  ],
+  PLAN_STEP_ROUTES,
+  STAB_STEP_ROUTES,
+];
 
+/** 설명서 폴더 이름 = 주소 머리(#/b05-… → B05 · #/d02-… → D02) */
 function currentPage(): string {
-  const n = /^#\/b0(\d)/i.exec(location.hash)?.[1];
-  return n ? `B0${n}` : "";
+  const head = /^#\/([bde]0\d)/i.exec(location.hash)?.[1];
+  return head ? head.toUpperCase() : "";
 }
 
 function escapeHtml(text: string): string {
@@ -186,24 +191,25 @@ function createStepNavButton(step: -1 | 1): HTMLButtonElement {
   return button;
 }
 
-/** 지금 주소의 [<] [>] 차례 — 목록 밖이면 -1 */
-function stepNavIndex(): number {
+/** 지금 주소의 묶음 · [<] [>] 차례 — 목록 밖이면 차례 -1 */
+function stepNavIndex(): { index: number; last: number } {
   const route = location.hash.replace(/^#\/?/, "").split("?")[0];
-  return (STEP_NAV_ROUTES as readonly string[]).indexOf(route);
+  const group = STEP_NAV_GROUPS.find((routes) => routes.includes(route)) ?? [];
+  return { index: group.indexOf(route), last: group.length - 1 };
 }
 
 /** 아래 단추 묶음에 [?] 를 한 번 — `[data-help-row]` 가 있으면 그 줄 · 없으면 묶음 자신의 맨 앞 */
 export function placeHelpButton(actions: HTMLElement): void {
   if (actions.querySelector(".ui-help-btn")) return;
   const row = actions.querySelector<HTMLElement>("[data-help-row]") ?? actions;
-  if (stepNavIndex() < 0) return void row.prepend(createHelpButton());
+  if (stepNavIndex().index < 0) return void row.prepend(createHelpButton());
   const prev = createStepNavButton(-1);
   const next = createStepNavButton(1);
   // 첫 단계(B05) [<] · 마지막 단계(B09) [>] 흐림 — B05 ↔ B06 은 페이지를 다시 안 세우므로 주소마다 다시 맞춤
   const sync = (): void => {
-    const index = stepNavIndex();
+    const { index, last } = stepNavIndex();
     prev.disabled = index <= 0;
-    next.disabled = index === STEP_NAV_ROUTES.length - 1;
+    next.disabled = index === last;
   };
   const onHash = (): void => {
     if (prev.isConnected) sync();