feat(822-2): 식 고름 한 곳(목록 › 꼴) · 까닭 글 · 새 기계 식 등록 · 쓰는 계산식 · 직접 값 · 전력 미리보기

- M02_Machine_Hourly.pick = 목록 › 그 기계 식 › 꼴(내 기계와 같은 규칙) · why = 값 모자란 까닭(가격 없음 · 범위 · 일 단위 손료 …)
- 데이터 흐름 · 사본 모으기 · M01 · 불러오기 · 줄 쌓기 모두 pick 을 씀(데이터 흐름 옛 짝 고름 지움)
- 내 기계 꼴: 전력 · 전력 + 조종원 · 직종 입력 · 손료계수 한 칸 · 직접(GC001199 — 줄 쌓기 회색 풀림) · 연료 + 전력 = 400
- M01 [새 기계] 저장 = 꼴 식 「기계」 목록에 등록 · M01 에서 만든 기계 지우면 목록에서 뺌 · 상세 「쓰는 계산식」(POST /machine/formula) · 목록 시간당 「—」 대신 까닭 글
- 미리보기 짝: 잡품 = (주연료 + 전력) × %(전력 기종 = 전력비의 %)
- 시험 test_822_2 새로 · test_804_2 갈래에 전력 줄 더함(손료만 식과 전력 식은 다른 갈래 — 모르타르 믹서)

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

M01_MasterData/M01_MasterData_UI_MachineDetail.ts

@@ -1,7 +1,7 @@
 /* =============================================================================
  * M01_MasterData_UI_MachineDetail.ts
  * M01 기계 상세 페이지(PLAN 821-2 · 요구 790-2 · 791) — 기계 양식 부품 + 원문번호 · 원문 · 구분 ·
- * 상세구분 · 별칭 · 비고 · 쓰는 곳 · 지우기(쓰는 곳 보이고 확인).
+ * 상세구분 · 별칭 · 비고 · 쓰는 계산식(822-2 · 서버 식 고름) · 쓰는 곳 · 지우기(쓰는 곳 보이고 확인).
  * 고침은 초안(sessionStorage)에 바로 쌓임 → 페이지 [저장] 한 번에 서버로(자동저장 없음) ·
  * 서버가 계수를 계수 짝으로 다시 셈 · 단위 · 출처 칸을 채움(`M01_MasterData_Machine.fix`).
  * 대상 = 키(EQ…) · 저장 전 새 줄 `add:<차례>` · 새 기계 `new`(비슷한 기계에서 시작이 펼쳐짐).
@@ -22,6 +22,7 @@ import { setLeaveGuard } from "../A00_Common/router";
 import type { Row } from "./M01_MasterData_Api_Fetch";
 import { addRow, editRow, peek, removeAdd, setAdd, toggleDelete } from "./M01_MasterData_Draft";
 import {
+  fetchMachineFormula,
   fetchMachineLists,
   fetchMachineRow,
   fetchMachineUses,
@@ -154,6 +155,29 @@ async function build(host: HTMLElement, opts: MachineDetailOptions, alive: () =>
     }
     cur = ordered;
     checkSame(s.name, s.spec);
+    paintFormula();
+  };
+
+  /* --- 쓰는 계산식(서버 식 고름 · 고친 값으로) --- */
+  const formulaBox = el("section", { className: "m01-machine-detail__uses" });
+  let formulaTimer: number | undefined;
+  const paintFormula = (): void => {
+    window.clearTimeout(formulaTimer);
+    formulaTimer = window.setTimeout(async () => {
+      const got = await fetchMachineFormula(cur).catch(() => null);
+      if (!got || !alive()) return;
+      const how =
+        got.방법 === "목록"
+          ? L("M01_MachineFormulaListed")
+          : got.방법 === "그 기계 식"
+            ? L("M01_MachineFormulaOwn")
+            : L("M01_MachineFormulaShape");
+      formulaBox.replaceChildren(
+        el("strong", { text: L("M01_MachineFormula") }),
+        createText(got.키 ? `${got.키} ${got.이름 ?? ""} · ${how}` : L("M01_MachineFormulaNone")),
+        ...(got.까닭 ? [createText(got.까닭, "warning")] : []),
+      );
+    }, 300);
   };
 
   /* --- 같은 이름 · 규격 알림 --- */
@@ -275,10 +299,12 @@ async function build(host: HTMLElement, opts: MachineDetailOptions, alive: () =>
         notice,
         metaBox,
         form.root,
+        formulaBox,
         usesBox,
       ],
     }),
   );
+  paintFormula();
   if (opts.target === "new")
     host.querySelector<HTMLDetailsElement>("details")?.setAttribute("open", "");
 }