260710_0

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Page.ts

@@ -16,11 +16,11 @@ import { currentLanguageIndex, ui_locales } from "@ui/ui_template_locale";
 import {
   createButton,
   createInputField,
-  createWorkflowShell,
   hideLoadingOverlay,
   showLoadingOverlay,
   showToast,
 } from "@ui/ui_template_elements";
+import { createWorkflowLayout } from "@ui/ui_template_workflow_layout";
 import { workflowSteps } from "../A00_Common/b_page_scaffold";
 import {
   confirmSections,
@@ -54,12 +54,6 @@ function parseNumber(value: string): number | null {
 }
 
 export function renderB06ProfileCross(root: HTMLElement): void {
-  const shell = createWorkflowShell({
-    title: L("B06_Profile_Title"),
-    steps: workflowSteps(),
-    activeStep: 2,
-  });
-
   let currentRouteId: number | null = null;
 
   /* ---- 좌측: 대상 경로 ---- */
@@ -134,7 +128,6 @@ export function renderB06ProfileCross(root: HTMLElement): void {
   const leftForm = document.createElement("div");
   leftForm.className = "b06-profile__form";
   leftForm.append(routeGroup, optionGroup, actionRow);
-  shell.leftPanel.append(leftForm);
 
   /* ---- 우측: 결과 ---- */
   const resultTitle = document.createElement("h3");
@@ -176,7 +169,6 @@ export function renderB06ProfileCross(root: HTMLElement): void {
   const resultCard = document.createElement("div");
   resultCard.className = "b06-profile__result";
   resultCard.append(resultTitle, resultBody);
-  shell.rightArea.append(resultCard);
 
   /* ---- 이벤트 핸들러 ---- */
   function getProjectId(): string | null {
@@ -248,5 +240,12 @@ export function renderB06ProfileCross(root: HTMLElement): void {
   }
 
   renderEmptyResult();
-  root.replaceChildren(shell.root);
+  const layout = createWorkflowLayout({
+    title: L("B06_Profile_Title"),
+    steps: workflowSteps(),
+    activeStep: 3,
+    leftPanel: leftForm,
+    mainContent: resultCard,
+  });
+  root.replaceChildren(layout.root);
 }