diff --git a/ui_template/ui_template_workflow_layout.ts b/ui_template/ui_template_workflow_layout.ts
index f2a766be..3d1853fc 100644
--- a/ui_template/ui_template_workflow_layout.ts
+++ b/ui_template/ui_template_workflow_layout.ts
@@ -100,7 +100,15 @@ export function createStepBar(
       options?.stages?.find((item) => item.stage_no === index) ?? options?.stages?.[index];
     const hasStages = Boolean(options?.stages?.length);
     const isBlockedState = stage?.state === "NOT_STARTED" || stage?.state === "STALE";
-    const isEnabled = !hasStages || !isBlockedState || stage?.stage_no === options?.currentStage;
+    // ⚠ 개발 전용 — 막힌 단계도 눌러서 들어간다 (2026-09-09 사용자 지시).
+    //   B08 의 「확정 없이 다음으로」 단추가 **B08 화면 안에** 있어서, B07 에서 B08 로 못
+    //   넘어가면 그 단추에 닿을 길이 없었다(닫힌 문 안에 열쇠가 있는 꼴).
+    //   ⚠ **잠금을 푸는 것이 아니라 가기만 한다** — 값이 없어 「미확보」로 뜨는 것이 정상이고,
+    //     실제 우회는 B08 의 그 단추가 서버(`common_util_dev_unlock`)로 한다.
+    //   ⚠ **서버는 그대로 막혀 있다** — 운영에서는 `ENVIRONMENT` 로 거절한다.
+    const devBypass = import.meta.env.DEV;
+    const isEnabled =
+      devBypass || !hasStages || !isBlockedState || stage?.stage_no === options?.currentStage;
     button.classList.toggle("is-enabled", isEnabled);
     button.disabled = !isEnabled;
 
@@ -133,6 +141,13 @@ export function createStepBar(
       }
     }
 
+    // 개발 우회로 열어 둔 단계는 **그렇다고 말해 준다** — 조용히 열면 다음 사람이
+    // 「왜 값이 없나」로 헤맨다(B08 의 안내 줄과 같은 뜻).
+    if (devBypass && isBlockedState) {
+      button.classList.add("is-dev-bypass");
+      button.title = `${button.title} (개발: 확정 전이라 값이 비어 보일 수 있습니다)`;
+    }
+
     if (isEnabled && options?.routes?.[index]) {
       button.addEventListener("click", () => {
         options.onStepClick?.(index, options.routes![index]);