feat(m01): 마스터 요소 상세 일곱 화면 머리를 단가산출 로직과 같은 공용 조각으로(제목 18px · 단추 줄 · 찾기 줄)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EauA2ATmqNRbeV48s9CcBr

M01_MasterData/M01_MasterData_UI_LogicLab.ts

@@ -52,6 +52,7 @@ import {
   type LogicFlow,
 } from "./M01_MasterData_UI_LogicLab_Flow";
 import { askBasicInfo } from "./M01_MasterData_UI_LogicLab_Basic";
+import { buildHeadBar } from "./M01_MasterData_UI_Head";
 import { fetchSessionUser } from "../A06_Login/A06_Login_Api_Fetch";
 import type { CfLogic } from "../M02_MasterTemplete/DataFlow/M02_DF_Model";
 import "./M01_MasterData_UI_Logic_Style.css";
@@ -539,19 +540,19 @@ export async function mountM01LogicLab(
           })
         : showToast(tl("Copy_NeedOpen"), "info"),
   });
-  const bar = el("div", {
-    className: "m01-logic__bar",
-    children: [
-      back,
-      el("h2", { text: tx("Title") }),
-      pending,
+  // 제목 줄 = 요소 화면(인력 · 재료 …)과 같은 공용 조각
+  const bar = buildHeadBar({
+    lead: [back],
+    title: tx("Title"),
+    status: [pending],
+    buttons: [
       createButton({ label: tf("New"), variant: "filled", onClick: () => void onNew() }),
       copyButton,
       createButton({ label: tx("Bar_Delete"), variant: "danger", onClick: () => void onDelete() }),
       discardButton,
       saveButton,
     ],
-  });
+  }).root;
   host.replaceChildren(
     el("div", {
       className: "m01-logic",