feat(717-4): 일위대가 [로직 추가] 「단가산출」 탭 · B09 재료 창고 단가산출 출처 · 단가산출 더한줄 고르기

- 새 M02_MasterTemplete_Sangeun_Pick — listSangeun = 위 층 SK 목록(마스터 › 회사 › 개인 · 금액 = 층 목록 기준금액) · openSangeunLinePicker = SK 더한줄 고르기(M01 로직 · 일위대가 · 단가산출 · M01 재료 → 715 더한줄 꼴)
- Labor_Pick — lib.sangeun 이면 탭 [기준 목록 | 단가산출] · 단가산출 탭 = 기준 목록 표 꼴(출처 = 단가산출 · 층) · 줄 누름 = 참조 {층, 주인, SK 키}
- withHopyo(일위대가 [로직 추가]) 에 sangeun 켬 · B09 단가연결 창은 그대로(SK 공사 연결 = 719-1 뒤)
- B09 재료 창고 출처 탭 「단가산출」 — SK 목록 · 연결은 알림만
- locale_m2 키 넷 · 시험 test_717_4_sangeun_pick

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

M02_MasterTemplete/M02_MasterTemplete_Hopyo_Pick.ts

@@ -22,6 +22,7 @@ export function withHopyo(lib: LibraryPick): LibraryPick {
   const scope = { layer: lib.layer, owner: lib.owner };
   return {
     ...lib,
+    sangeun: true, // 717-4 — 일위대가 [로직 추가] 「단가산출」 탭
     kindFilter: lib.kindFilter ?? [
       { value: "logic", text: tc("Kind_Logic") },
       { value: "precombo", text: tc("Kind_Combo") },

M02_MasterTemplete/M02_MasterTemplete_Labor_Pick.ts

@@ -9,6 +9,8 @@
  * 704-1 단가산출 줄 = 기준 목록 표(품명 · 규격 · 단위 · 금액 · 출처 · 대표 규격 펼침 · 공종 거름 ·
  *   실무 낱말 = 서버가 별칭에 덧붙임) · 금액 = 서버 M01 엔진(`/logic-lib/standard`) · 오기 전엔 로직 줄만 ·
  *   줄 누름 = 계산서 보기(704-2 · `Labor_Sheet`) → [담기] = 지금 담기 동작(`done(로직)`)
+ * 717-4 `lib.sangeun` = 탭 [기준 목록 | 단가산출] · 단가산출 = 위 층 SK(마스터 › 회사 › 개인 · `Sangeun_Pick`)를
+ *   같은 표 꼴(출처 = 단가산출 · 층) · 줄 누름 = `lib.pick` 참조(SK 키)
  * ========================================================================== */
 
 import { createButton, createSelectField, el, showToast } from "@ui/ui_template_elements";
@@ -37,6 +39,8 @@ import "../M01_MasterData/M01_MasterData_UI_Logic_Style.css"; // 창 겉틀
 import "./M02_MasterTemplete_Labor.css";
 import { openModal } from "@ui/ui_template_modal";
 import { createText } from "@ui/ui_template_text";
+import { createTabs } from "@ui/ui_template_tabs";
+import { listSangeun, type SangeunRow } from "./M02_MasterTemplete_Sangeun_Pick";
 
 export { withHopyo } from "./M02_MasterTemplete_Hopyo_Pick";
 
@@ -71,6 +75,8 @@ export interface LibraryPick {
   more?: () => Promise<PickExtra[]>;
   /** 종류 고르기 칸(251 · 값 logic · precombo · 덧붙인 줄 kind) */
   kindFilter?: Array<{ value: string; text: string }>;
+  /** 717-4 「단가산출」 탭(M02 SK · 위 층 모두) — 고르면 `pick` 참조 */
+  sangeun?: boolean;
 }
 
 /** 고를 수 있는 층 — 위 층만(마스터 → 마스터 · 회사 → 그 회사 · 마스터 · 개인 → 그 개인 · 그 회사 · 마스터) */
@@ -107,6 +113,9 @@ export function openLogicPicker(
   const detail = createSelectField({ options: opts([]), compact: true, label: tc("Detail") });
   detail.select.disabled = true;
   let close = (): void => {};
+  let rowPick: Array<() => void> = []; // 표 줄 누름 — 탭마다 다시 셈
+  let tab: "std" | "sk" = "std";
+  let skRows: SangeunRow[] | null = null; // 717-4 — 오기 전 = null
 
   /* 한 목록 — 구분(단가산출 · 일위조합) 칸 · 층 단추는 서고 줄(사전조합)의 층 */
   const layerBar = el("div", { className: "ui-btn-group", attrs: { "data-pick-layers": "" } });
@@ -141,15 +150,7 @@ export function openLogicPicker(
       { key: "출처", label: tc("Std_Source"), width: 150 },
     ],
     rows: [],
-    onRowClick: (i) => {
-      const row = listed[i];
-      const logic = all.find((x) => x.키 === row?.키);
-      if (row && logic)
-        openStandardSheet(row, () => {
-          close();
-          done(logic);
-        });
-    },
+    onRowClick: (i) => rowPick[i]?.(),
   });
   /** 기준 목록이 오기 전 · 못 받으면 — 로직 하나 = 줄 하나(금액 빈칸) */
   const plain = (x: LogicSummary): StandardRow => ({
@@ -170,6 +171,7 @@ export function openLogicPicker(
 
   const find = (): void => {
     const q = finder.search.value.trim().toLowerCase();
+    if (tab === "sk") return findSangeun(q);
     const rows = std ?? all.map(plain);
     const found = rows.filter(
       (x) =>
@@ -200,6 +202,14 @@ export function openLogicPicker(
         ? `${shown} / ${total}`
         : tc("Pick_None");
     listed = found;
+    rowPick = listed.map((row) => () => {
+      const logic = all.find((x) => x.키 === row.키);
+      if (logic)
+        openStandardSheet(row, () => {
+          close();
+          done(logic);
+        });
+    });
     table.root.hidden = !!lib?.libOnly;
     table.setRows(
       found.map((x) => ({
@@ -240,6 +250,32 @@ export function openLogicPicker(
       })),
     ]);
   };
+  /** 717-4 단가산출 탭 — 같은 표 꼴 · 찾기 = 이름 · 제목 · 구분 */
+  const findSangeun = (q: string): void => {
+    const rows = (skRows ?? []).filter(
+      (x) => !q || [x.이름, x.제목, x.구분, x.상세구분].join(" ").toLowerCase().includes(q),
+    );
+    finder.hint.textContent = !skRows
+      ? tc("Loading")
+      : rows.length
+        ? `${rows.length} / ${skRows.length}`
+        : tc("Pick_None");
+    rowPick = rows.map((x) => () => {
+      close();
+      lib?.pick(x.ref, x.제목 || x.이름);
+    });
+    table.root.hidden = false;
+    table.setRows(
+      rows.map((x) => ({
+        품명: x.제목 || x.이름,
+        규격: [x.구분, x.상세구분].filter(Boolean).join(" "),
+        단위: x.단위 ?? "",
+        금액: x.기준금액,
+        출처: `${L("M02_PickSangeun")} · ${tc(LAYER_TEXT[x.ref.층 as keyof typeof LAYER_TEXT])}`,
+      })),
+    );
+    finder.setRows([]);
+  };
   const loadLib = async (): Promise<void> => {
     if (!lib || !scope) return;
     const mine = ++seq;
@@ -303,12 +339,46 @@ export function openLogicPicker(
   finder.search.addEventListener("input", find);
 
   layerBar.style.display = "none";
+  const hint = createText(tc("Std_Hint"));
+  /** 탭 바꿈 — 단가산출 탭은 찾기 칸만(거름 · 층 단추 · 계산서 안내 숨김) */
+  const tabs = lib?.sangeun
+    ? createTabs({
+        tabs: [
+          { key: "std", label: L("M02_PickStd") },
+          { key: "sk", label: L("M02_PickSangeun") },
+        ],
+        value: tab,
+        kind: "line",
+        onChange: (key) => {
+          tab = key === "sk" ? "sk" : "std";
+          const std = tab === "std";
+          for (const f of [kindSel?.root, work.root, sub.root, detail.root])
+            if (f) f.style.display = std ? "" : "none";
+          layerBar.style.display = std && scopes.length ? "" : "none";
+          hint.hidden = !std;
+          find();
+        },
+      })
+    : null;
   if (lib)
     void upper(lib.layer, lib.owner).then((got) => {
       scopes = got;
+      if (tabs)
+        listSangeun(got).then(
+          (rows) => {
+            skRows = rows;
+            tabs.setBadge("sk", rows.length);
+            find();
+          },
+          (error) => {
+            skRows = [];
+            find();
+            showToast(error instanceof Error ? error.message : tc("Load_Failed"), "error");
+          },
+        );
       scope = got[got.length - 1] ?? null; // 기본 = 가장 가까운 층
       if (!got.length) return;
-      layerBar.style.display = "";
+      layerBar.style.display = tab === "std" ? "" : "none";
       drawLayers();
       void loadLib();
       void fetchStructureDef().then(
@@ -331,7 +401,7 @@ export function openLogicPicker(
       body.append(
         el("div", {
           className: "m02-std-pick",
-          children: [finder.root, createText(tc("Std_Hint")), table.root],
+          children: [...(tabs ? [tabs.root] : []), finder.root, hint, table.root],
         }),
       ),
   }));

M02_MasterTemplete/M02_MasterTemplete_Sangeun_Pick.ts

@@ -0,0 +1,104 @@
+/* =============================================================================
+ * M02_MasterTemplete_Sangeun_Pick.ts
+ * M02 단가산출(SK) 고르기(PLAN 717-4) — 위 층 SK 목록 한 벌 · 단가산출 더한줄 고르기.
+ *  · `listSangeun` = 층 목록 길(`/layers/{층}/templates` · 종류 `sangeun`)을 마스터 › 회사 › 개인 차례로 이음 ·
+ *    금액 = 서버가 붙인 1 단위 `기준금액` · 일위대가 [로직 추가] 「단가산출」 탭 · B09 재료 창고 출처가 씀
+ *  · 고른 SK = 참조 `{층, 주인, 키: SK-…}` — 일위대가 줄은 옛 참조 줄 꼴(서버 `M02_Labor_Expand` 가 펼침)
+ *  · `openSangeunLinePicker` = 단가산출 더한줄 고르기 — 같은 [로직 추가] 창(M01 로직 · 일위대가 · 단가산출 ·
+ *    M01 재료) → SK 문서 `더한줄` 한 줄(PLAN 715 이음 꼴)
+ * ========================================================================== */
+
+import { t as L } from "@ui/ui_template_locale";
+import { call, type Layer } from "./M02_MasterTemplete_Api_Fetch";
+import type { LaborRef } from "./M02_MasterTemplete_Labor_Calc";
+import { openLogicPicker } from "./M02_MasterTemplete_Labor_Pick";
+import { tc } from "./M02_MasterTemplete_Labor_Text";
+import { pickMaterial } from "./M02_Material_Pick";
+
+export const SANGEUN_KIND = "sangeun";
+/** 층 차례 — 위에서 아래 */
+export const LAYER_ORDER = ["system", "company", "personal"] as const;
+
+/** SK 목록 한 줄 */
+export interface SangeunRow {
+  ref: LaborRef;
+  이름: string;
+  제목: string | null;
+  단위: string | null;
+  구분: string | null;
+  상세구분: string | null;
+  기준금액: number | null;
+}
+
+interface ListRow {
+  종류: string;
+  이름: string;
+  제목?: string | null;
+  단위?: string | null;
+  구분?: string | null;
+  상세구분?: string | null;
+  기준금액?: number | null;
+}
+
+/** 위 층 SK — 층 차례(마스터 › 회사 › 개인) · 층 안은 서버 차례 */
+export async function listSangeun(scopes: Omit<LaborRef, "키">[]): Promise<SangeunRow[]> {
+  const rank = (x: Omit<LaborRef, "키">): number =>
+    LAYER_ORDER.indexOf(x.층 as (typeof LAYER_ORDER)[number]);
+  const sorted = [...scopes].sort((a, b) => rank(a) - rank(b));
+  const lists = await Promise.all(
+    sorted.map(async (at) => {
+      const q = at.주인 && at.층 !== "system" ? `?owner=${encodeURIComponent(at.주인)}` : "";
+      const got = await call<{ 양식: ListRow[] }>(`/layers/${at.층}/templates${q}`);
+      return got.양식
+        .filter((r) => r.종류 === SANGEUN_KIND)
+        .map<SangeunRow>((r) => ({
+          ref: { 층: at.층, 주인: at.층 === "system" ? null : at.주인, 키: r.이름 },
+          이름: r.이름,
+          제목: r.제목 ?? null,
+          단위: r.단위 ?? null,
+          구분: r.구분 ?? null,
+          상세구분: r.상세구분 ?? null,
+          기준금액: r.기준금액 ?? null,
+        }));
+    }),
+  );
+  return lists.flat();
+}
+
+/** 단가산출 더한줄 한 줄(PLAN 715 이음 꼴) */
+export type SangeunLine =
+  | { 종류: "로직"; 로직: string; 입력값: Record<string, never>; 수량: number }
+  | { 참조: LaborRef; 수량: number }
+  | { 종류: "재료"; 요소: string; 이름: string | null; 단위: string | null; 수량: number };
+
+/** 단가산출 더한줄 고르기 — `scope` = 그 SK 문서 층(고를 수 있는 서고 = 위 층만) */
+export function openSangeunLinePicker(
+  scope: { layer: Layer; owner: string | null },
+  done: (line: SangeunLine) => void,
+): void {
+  const element = L("M02_PickElement");
+  openLogicPicker((x) => done({ 종류: "로직", 로직: x.키, 입력값: {}, 수량: 1 }), {
+    ...scope,
+    sangeun: true,
+    pick: (ref) => done({ 참조: ref, 수량: 1 }),
+    kindFilter: [
+      { value: "logic", text: tc("Kind_Logic") },
+      { value: "precombo", text: L("M02_PrecomboTitle") },
+      { value: "element", text: element },
+    ],
+    extra: [
+      {
+        kind: "element",
+        key: "element:material",
+        tag: element,
+        name: L("M02_PickMaterial"),
+        sub: "",
+        unit: "",
+        onPick: () =>
+          pickMaterial((m) =>
+            done({ 종류: "재료", 요소: m.코드, 이름: m.이름, 단위: m.단위, 수량: 1 }),
+          ),
+      },
+    ],
+  });
+}