fix(M02): 51-2 일위대가 줄 상세 — 표 아래 따로 상자 대신 고른 줄 바로 아래 하위 행(접고 폄)

- 줄 누름 = 그 줄 아래 하위 행(같은 표 · 같은 칸 · 이름 앞 ▸/▾ · 한 줄만 · 다시 누름 = 닫힘)
- 단가산출 · 승격 = 그 로직 재료 · 노무 · 경비 줄 · 사전조합 = 안 줄 · 금액 칸 = 기준 / 반영 두 줄 꼴
- 서버 승격 줄 = 1 단위로 나눔(하위 합 = 위 줄 기준)
- 50-4 M01 시험계산 상자 · 안 쓰는 글 걷어냄
- 시험: 승격 줄 합 = 기준 · ui_checks 51-2 시나리오

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

M02_MasterTemplete/M02_Labor_Ref.py

@@ -336,7 +336,16 @@ class Expand:
             "로직": line.get("로직"),
             "기준": {k: Decimal(str(v)) / times for k, v in base.items()} if base else None,
             "까닭": why,
-            "줄": got.get("줄"),  # 원 로직 표(줄 누름 상세 · 50-3 ④) — 원 로직 결과단위 그대로
+            # 원 로직 줄(줄 누름 하위 행 · 51-2) — 1 단위로 나눔(하위 합 = 기준)
+            "줄": [
+                {
+                    **x,
+                    "수량": Decimal(str(x["수량"])) / times,
+                    "금액": Decimal(str(x["금액"])) / times,
+                    "비목": {k: Decimal(str(v)) / times for k, v in (x.get("비목") or {}).items()},
+                }
+                for x in got.get("줄") or []
+            ],
         }
 
     def _combo(self, doc: dict, trail: tuple[str, ...]) -> dict[str, Any]:

M02_MasterTemplete/M02_MasterTemplete_Labor.css

@@ -136,9 +136,20 @@
   color: var(--color-text-secondary);
 }
 
-/* 줄 상세(50-4) — 표 아래 · 고른 줄만 */
-.m02-labor__linedet {
-  margin-top: var(--spacing-8);
+/* 줄 접고 폄 표(51-2) · 고른 줄 하위 행 — 이름 들여쓰기 · 흐린 바탕 */
+.m02-labrow__fold {
+  margin-right: var(--spacing-4);
+  color: var(--color-text-secondary);
+}
+
+.m02-labrow__sub td {
+  background: var(--color-bg);
+  font-size: var(--text-caption);
+}
+
+.m02-labrow__sub .m02-labrow__subname {
+  padding-left: var(--spacing-24);
+  color: var(--color-text-secondary);
 }
 
 /* 별칭 칸(44-6) — 칸 안 글상자 · 누르면 바로 고침 */

M02_MasterTemplete/M02_MasterTemplete_Labor_Detail.ts

@@ -2,7 +2,7 @@
  * M02_MasterTemplete_Labor_Detail.ts
  * 일위대가 상세(39-3) — 구조물 열마다 하나(`labor/<열>.json`) · UI_Main 종류 `labor` 가 이 부품을 붙임
  * (양식 길 읽기 · [저장] · [다시 읽기]는 UI_Main). 차례 = 정보(단위 · 본뜬) → 담은 로직 → 자재목록 → 다이어그램.
- *  · 담은 로직 줄 누름 = 고름(하이라이트 · 다시 그려도 유지 · 47-5) + 표 아래 그 줄 상세(50-4 · M01 시험계산 표) ·
+ *  · 담은 로직 줄 누름 = 고름(하이라이트 · 다시 그려도 유지 · 47-5) + 그 줄 바로 아래 하위 행(51-2 · `Labor_Rows`) ·
  *    같은 줄 다시 누르면 닫힘 · [옵션] = 입력 모달(`Labor_Input`) ·
  *    [확인] = 화면 캐시만 · 저장은 [저장]
  *  · 금액 = 서버 calc(기준 ③ · 최신 응답만 · 저장 안 함) · 고칠 때마다 뒤에서 다시 셈
@@ -18,9 +18,6 @@ import { ROUTES } from "@config/config_frontend";
 import { navigateTo } from "../A00_Common/router";
 import { setPendingLogicKey } from "../M01_MasterData/M01_MasterData_UI_Side";
 import { createSourceView } from "../M01_MasterData/M01_MasterData_UI_LogicLab_Source";
-import { answerView } from "../M01_MasterData/M01_MasterData_UI_Logic_Calc";
-import type { CalcAnswer } from "../M01_MasterData/M01_MasterData_UI_Logic_Api";
-import { formatMoney } from "../M01_MasterData/M01_MasterData_UI_Logic_Money";
 import type { Workbook } from "../A00_Common/spreadsheet/spreadsheet";
 import { recalcWorkbook } from "../A00_Common/spreadsheet/spreadsheet_recalc";
 import {
@@ -32,15 +29,13 @@ import {
   type Layer,
 } from "./M02_MasterTemplete_Api_Fetch";
 import { linkAreaCell } from "./M02_MasterTemplete_AreaCellPick";
-import { lineId, MONEY_KEYS, settle, type LaborRef } from "./M02_MasterTemplete_Labor_Calc";
+import { lineId, settle, type LaborRef } from "./M02_MasterTemplete_Labor_Calc";
 import {
   areaLinks,
   calcLabor,
   fetchLogicInputs,
   normalizeLabor,
   type LaborCalc,
-  type LaborCalcLine,
-  type LaborCost,
   type LaborDoc,
   type LaborQty,
   type LaborRow,
@@ -53,7 +48,7 @@ import {
 import { openLaborInput, type GoArea } from "./M02_MasterTemplete_Labor_Input";
 import { openQtyModal } from "./M02_MasterTemplete_Labor_QtyModal";
 import { openLogicPicker } from "./M02_MasterTemplete_Labor_Pick";
-import { kindOf, logicTable, matTable, qtyShort } from "./M02_MasterTemplete_Labor_Rows";
+import { logicTable, matTable, qtyShort } from "./M02_MasterTemplete_Labor_Rows";
 import { tc } from "./M02_MasterTemplete_Labor_Text";
 import { keepKnown } from "./M02_Labor_Values_Model";
 import { pickMaterial } from "./M02_Material_Pick";
@@ -148,109 +143,6 @@ export function mountLaborDetail(
   const lineOf = (key: string) => calc?.줄.find((l) => lineId(l) === key);
   const matOf = (code: string) => calc?.자재.find((m) => m.코드 === code);
 
-  /** 고른 줄 상세(50-4) — 단가산출 = M01 시험계산 표(재료 · 노무 · 경비 줄 + 기준 합) ·
-   * 단가승격 = 원 로직 표 + 원 로직 키 + 기준(1 단위) · 사전조합 = 안 줄 목록 한 층 + 기준 ·
-   * 셋 다 아래 반영 합 · 고른 줄 없으면 비움 */
-  const lineDet = el("div", {
-    className: "m02-labor__linedet",
-    attrs: { "data-labor-linedet": "" },
-  });
-  const sums = (title: string, money: Partial<LaborCost> | null | undefined): HTMLElement[] => [
-    el("h4", { text: title }),
-    el("dl", {
-      className: "m01-logic__sums",
-      children: MONEY_KEYS.flatMap((k) => [
-        el("dt", { text: k === "계" ? tc("Prev_Sum") : k }),
-        el("dd", {
-          className: "m01-logic__money",
-          text: money ? formatMoney(money[k] ?? 0) : "—",
-        }),
-      ]),
-    }),
-  ];
-  /** 사전조합 안 줄 — 구분 · 이름 · 수량 · 금액 넷(= 그 줄 1 단위 기준 × 수량) */
-  const innerTable = (inner: NonNullable<LaborCalcLine["안"]>): HTMLElement =>
-    el("table", {
-      className: "m01-logic__grid",
-      attrs: { "data-labor-inner": "" },
-      children: [
-        el("thead", {
-          children: [
-            el("tr", {
-              children: [tc("Sub"), tc("Col_Name"), tc("Labor_Qty"), ...MONEY_KEYS].map((h) =>
-                el("th", { text: h === "계" ? tc("Prev_Sum") : h }),
-              ),
-            }),
-          ],
-        }),
-        el("tbody", {
-          children: inner.map((x) =>
-            el("tr", {
-              children: [
-                el("td", { text: kindOf({ 로직: "", 참조: x.참조 }) }),
-                el("td", {
-                  text: `${x.참조.키} ${x.이름 ?? ""}${x.까닭 ? ` · ${x.까닭}` : ""}`.trim(),
-                }),
-                el("td", { text: `${x.수량} ${x.단위 ?? ""}`.trim() }),
-                ...MONEY_KEYS.map((k) =>
-                  el("td", {
-                    className: "m01-logic__money",
-                    text: x.기준 ? formatMoney(x.기준[k] * x.수량) : "—",
-                  }),
-                ),
-              ],
-            }),
-          ),
-        }),
-      ],
-    });
-  function showLine(): void {
-    if (!picked) return void lineDet.replaceChildren();
-    const row = cur.담은로직.find((r) => lineId(r) === picked);
-    const line = lineOf(picked);
-    const logic = logics.get(picked);
-    const name = row?.참조 ? (line?.이름 ?? "") : (logic?.이름 ?? "");
-    const head = el("h4", {
-      text: tc("Labor_LineDetail").replace("{value}", `${row?.참조?.키 ?? picked} ${name}`.trim()),
-    });
-    if (!line)
-      return void lineDet.replaceChildren(
-        head,
-        el("p", { className: "m01-logic__muted", text: fail ?? "…" }),
-      );
-    const stop: CalcAnswer | null = line.까닭 ? { ok: false, reason: line.까닭 } : null;
-    const unit = `${tc("Labor_LineBase")} (1 ${line.분모 ?? ""})`.trim();
-    const body: HTMLElement[] = !row?.참조
-      ? answerView(
-          stop ?? {
-            ok: true,
-            lines: line.줄,
-            sums: line.기준 ?? undefined,
-            result: line.결과,
-            middle: {},
-          },
-          false,
-          (logic?.결과단위 ?? "").startsWith("원"),
-        )
-      : line.안
-        ? [
-            innerTable(line.안),
-            ...(stop ? answerView(stop, false, true) : []),
-            ...sums(unit, line.기준),
-          ]
-        : [
-            el("p", {
-              className: "m01-logic__muted",
-              text: `${tc("Labor_FromLogic")} ${line.원로직 ?? "—"}`,
-            }),
-            ...answerView(stop ?? { ok: true, lines: line.줄, middle: {} }, false, true),
-            ...sums(unit, line.기준),
-          ];
-    // 반영 = 기준 × 수량 ÷ 배(표 아래 줄과 같음) · 수량 없으면 「—」 · 돈 아닌 로직은 없음
-    const applied = line.기준 ? sums(tc("Labor_LineApplied"), line.반영) : [];
-    lineDet.replaceChildren(head, ...body, ...applied);
-  }
-
   const drawDg = (): void => {
     if (opt.card || lib || !dgBox.open) return; // 카드 갈래 · 서고 모드엔 다이어그램 없음
     const data = buildLaborDiagram({
@@ -273,7 +165,7 @@ export function mountLaborDetail(
   };
   dgBox.addEventListener("toggle", drawDg);
 
-  const draw = (): void => {
+  const drawLogic = (): void =>
     logicHost.replaceChildren(
       logicTable(
         { rows: cur.담은로직, logics, calc, fail, cells: cells(), selected: picked },
@@ -289,9 +181,9 @@ export function mountLaborDetail(
             }
           : { open: pick, option: openRow },
       ),
-      lineDet,
     );
-    showLine();
+  const draw = (): void => {
+    drawLogic();
     matHost.replaceChildren(
       matTable(
         { mats: cur.자재, calc, fail, cells: cells() },
@@ -412,14 +304,12 @@ export function mountLaborDetail(
     [cur.담은로직[i], cur.담은로직[j]] = [cur.담은로직[j], cur.담은로직[i]];
     changed();
   }
-  /** 줄 고름(47-5) — 하이라이트(표만 · 다이어그램 안 다시 그림) + 줄 상세(50-4) + 원문 패널(47-4) ·
+  /** 줄 고름(47-5) — 하이라이트 + 하위 행(51-2 · 표만 다시 그림 · 다이어그램 안 다시 그림) + 원문 패널(47-4) ·
    * 고른 줄 다시 누름 = 닫음 · 화면 캐시 안 바뀜 */
   function pick(i: number): void {
     const key = lineId(cur.담은로직[i]) ?? "";
     picked = picked === key ? null : key;
-    for (const tr of logicHost.querySelectorAll<HTMLElement>("[data-labor-logic],[data-labor-opt]"))
-      tr.classList.toggle("is-selected", (tr.dataset.laborLogic ?? tr.dataset.laborOpt) === picked);
-    showLine();
+    drawLogic();
     showSource();
   }
   function removeRow(i: number): void {

M02_MasterTemplete/M02_MasterTemplete_Labor_Rows.ts

@@ -7,7 +7,7 @@
  * 자재목록 = 코드 · 이름 · 규격 · 수량산출 · 단위 · 가격 다섯(기준 칸 강조) · 기준단가 / 반영 금액(43-3).
  * 금액은 calc 답(없으면 「…」).
  * 줄 누름 · 줄 단추(위로 · 아래로 · 옵션 · 삭제 · 묶음 `ui-btn-group`)는 `on` 이 있을 때만(보기 갈래 = 없음) ·
- * 상세는 줄 누름 = 고름(`selected` 줄 하이라이트) · 넣을 값 모달은 [옵션](47-5).
+ * 상세는 줄 누름 = 고름(`selected` 줄 하이라이트 · 이름 앞 ▸/▾ · 그 줄 바로 아래 하위 행 · 51-2) · 넣을 값 모달은 [옵션](47-5).
  * ========================================================================== */
 
 import { createButton, el } from "@ui/ui_template_elements";
@@ -228,6 +228,60 @@ export interface LogicTableData {
   selected?: string | null;
 }
 
+/** 고른 줄 하위 행(51-2 · 같은 표 · 같은 칸) — 단가산출 · 단가승격 = 그 로직 재료 · 노무 · 경비 줄 ·
+ * 사전조합 = 안 줄 · 금액 칸 = 위 기준(위 줄 기준과 같은 바탕) / 아래 반영(× 위 줄 수량 ÷ 배) ·
+ * 하위 합 = 위 줄 금액 · 줄이 없으면 빈 한 줄(「…」 · 까닭 · 「—」) */
+function subRows(line: LaborCalcLine | undefined, wait: boolean, tools: boolean): HTMLElement[] {
+  const times = line?.수량 === null || line?.수량 === undefined ? null : line.수량 / (line.배 || 1);
+  const items = line?.안
+    ? line.안.map((x) => ({
+        name: `${x.참조.키} ${x.이름 ?? ""}${x.까닭 ? ` · ${x.까닭}` : ""}`.trim(),
+        qty: x.수량,
+        unit: x.단위 ?? "",
+        cost: x.기준 ? Object.fromEntries(COSTS.map((c) => [c, x.기준![c] * x.수량])) : null,
+      }))
+    : (line?.줄 ?? []).map((x) => ({
+        name: x.출처 ? `${x.이름} (${x.출처.replace(/[A-Z]{2}\d{6}\./g, "")})` : x.이름,
+        qty: x.수량,
+        unit: x.단위,
+        cost: { ...x.비목, 계: x.금액 } as Record<string, number>,
+      }));
+  const blank = (className: string): HTMLElement => el("td", { className, text: "" });
+  const none = wait ? "…" : (line?.까닭 ?? "—");
+  return (items.length ? items : [null]).map((x) =>
+    el("tr", {
+      className: "m02-labrow__sub",
+      attrs: { "data-labor-sub": "" },
+      children: [
+        blank("m02-labrow__no"),
+        blank("m02-labrow__kind"),
+        el("td", {
+          className: "m02-labrow__name m02-labrow__subname",
+          text: x?.name ?? none,
+          attrs: { title: x?.name ?? none },
+        }),
+        blank("m02-labrow__alias"),
+        el("td", {
+          className: "m02-labrow__qty",
+          text: x ? num(x.qty) : "",
+          attrs: { "data-label": tc("Labor_QtyCol") },
+        }),
+        el("td", { className: "m02-labrow__unit", text: x?.unit ?? "" }),
+        ...COSTS.map((c) => {
+          const base = x?.cost ? Number(x.cost[c] ?? 0) : null;
+          return moneyCell(
+            base,
+            base === null || times === null ? null : base * times,
+            wait,
+            tc(HEAD[c]),
+          );
+        }),
+        ...(tools ? [blank("")] : []),
+      ],
+    }),
+  );
+}
+
 /** 담은 로직 표 — 보기 갈래는 `on` 없이 */
 export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement {
   const wait = !data.calc && !data.fail;
@@ -269,6 +323,7 @@ export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement
           el("td", {
             className: "m02-labrow__name",
             children: [
+              ...(on ? [el("span", { className: "m02-labrow__fold", text: sel ? "▾" : "▸" })] : []),
               el("span", { className: "m02-labrow__key", text: row.참조?.키 ?? row.로직 }),
               el("strong", {
                 text: (row.참조 ? line?.이름 : logic?.이름) ?? row.참조?.키 ?? row.로직,
@@ -319,7 +374,8 @@ export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement
       ],
     });
     if (on) tr.addEventListener("click", () => on.open(i));
-    if (!note) return [tr];
+    const subs = sel ? subRows(line, wait, tools) : [];
+    if (!note) return [tr, ...subs];
     // 옵션 값 줄(44-6) — 이름 ~ 합계 칸에 걸친 한 줄(말줄임 · 전체 글은 title) · 행 높이 안 커짐
     const opt = el("tr", {
       className: (on ? "m02-labrow__optrow is-open" : "m02-labrow__optrow") + sel,
@@ -335,7 +391,7 @@ export function logicTable(data: LogicTableData, on?: RowHandlers): HTMLElement
       ],
     });
     if (on) opt.addEventListener("click", () => on.open(i));
-    return [tr, opt];
+    return [tr, opt, ...subs];
   });
   const sum = (part: Partial<LaborCost> | undefined, c: (typeof COSTS)[number]): number | null =>
     part?.[c] ?? null;

M02_MasterTemplete/M02_MasterTemplete_Labor_Text.ts

@@ -84,14 +84,10 @@ const TEXT = {
   Labor_BasePrice: ["기준 단가", "Base price"],
   Labor_AppliedSum: ["반영 금액", "Applied amount"],
   Labor_Calc_Fail: ["계산 못 함", "Calculation failed"],
-  // 구분 · 줄 상세(50-4)
+  // 구분(50-4)
   Kind_Logic: ["단가산출", "Logic"],
   Kind_Promote: ["단가승격", "Promoted"],
   Kind_Combo: ["일위조합", "Combination"],
-  Labor_LineDetail: ["상세 — {value}", "Detail — {value}"],
-  Labor_LineApplied: ["반영(수량 곱함)", "Applied (× quantity)"],
-  Labor_LineBase: ["기준", "Base"],
-  Labor_FromLogic: ["원 로직", "Source logic"],
   Lib_Precombo: ["사전조합", "Pre-combination"],
   Lib_System: ["마스터", "Master"],
   Lib_Company: ["회사", "Company"],