refactor(M02): 자재 조합(UM) 지움 — 좌측 컨테이너 · 재료산출 옆 판 · 길(material-combos · 갈라 내기 · 키 적기 자재조합) · 저장소 · 틀 검사 · 복사 길의 UM 줄 · 시스템 층 표 · fixture · 시험

- 자재 고르기 창은 M02_Material_Pick.ts 로 옮겨 남김
- storage 층(회사 · 개인 · 프로젝트) 자재조합.json 은 지우지 않음(읽기만 끊음)
- check_master 틀 검사 · _틀.md 11장 · _화면_계약.md 자재 조합 절 정리

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

M02_MasterTemplete/M02_MasterTemplete_UI_Main.ts

@@ -26,21 +26,11 @@ import {
   type StructureColumn,
   type StructurePanelHandle,
 } from "./M02_MasterTemplete_Structure";
-import { inputPills } from "./M02_MasterTemplete_Inputs";
 import { askSettle } from "./M02_MasterTemplete_TreePanel_Dialogs";
 import { buildComboBar } from "./M02_MasterTemplete_Combo";
 import { buildComboPanel, type ComboPanel } from "./M02_MasterTemplete_ComboPanel";
-import {
-  buildMaterialPanel,
-  loadMaterialState,
-  toPills,
-  type MaterialPanel,
-  type MaterialState,
-} from "./M02_MasterTemplete_Materials";
 import type { SpreadsheetHandle } from "../A00_Common/spreadsheet/spreadsheet";
 import type { LinkOptions } from "../A00_Common/spreadsheet/spreadsheet_links";
-import { searchMaterials } from "../M01_MasterData/M01_MasterData_Api_Fetch";
-import type { MaterialItem } from "./M02_MasterTemplete_Api_Fetch";
 export interface Selection {
   layer: Layer;
   projectId: string | null;
@@ -189,9 +179,7 @@ export function createMain(
   let sheet: SheetEditorHandle | null = null;
   let panel: StructurePanelHandle | null = null;
   let sheetHandle: SpreadsheetHandle | null = null;
-  let matPanel: MaterialPanel | null = null;
-  let matState: MaterialState | null = null;
-  let cpanel: ComboPanel | null = null; // 면적산출 · 재료산출 오른쪽 조합 패널(프로젝트 층 아님)
+  let cpanel: ComboPanel | null = null; // 면적산출 오른쪽 조합 패널(프로젝트 층 아님)
   let seq = 0;
   let dirty = false;
   /** 저장 안 한 고침 — 이 화면 + 카드(도면 31-4 · 면적산출 · 재료산출 31-3) */
@@ -236,8 +224,6 @@ export function createMain(
     editor = null;
     sheet = null;
     sheetHandle = null;
-    matPanel = null;
-    matState = null;
     cpanel?.destroy();
     cpanel = null;
     panel?.destroy();
@@ -263,37 +249,22 @@ export function createMain(
   }
 
   /** 면적산출 · 재료산출 스프레드시트 — 위 알약 막대(sub7 `links`) · 면적 = 그 열 일위대가 입력값 ·
-   * 재료 = 자재DB 찾기(`pillsFor`) · 시스템 층은 면적 = 조합 줄 + [조합 고치기] ·
-   * 재료 = 그 열 자재 조합 담은 자재(알약 항목 = 옆 판 표 = 같은 목록) + 옆 판
-   * (`pillItems` = 옆 판에서 고친 목록으로 알약 막대만 다시 만들 때) */
+   * 재료 = 자재DB 찾기(`pillsFor`) · 시스템 층은 면적 = 조합 줄 + [조합 고치기] */
   async function mountSheet(
     doc: unknown,
     kind: "area" | "material",
     at: Selection,
     readOnly: boolean,
-    pillItems?: MaterialItem[],
   ): Promise<void> {
     const mine = seq;
     try {
-      const master = at.layer !== "project" && kind === "material";
-      if (master && !matState) matState = await loadMaterialState(at.name);
-      const [{ createSpreadsheet }, pills, own] = await Promise.all([
+      const [{ createSpreadsheet }, pills] = await Promise.all([
         import("../A00_Common/spreadsheet/spreadsheet"),
-        master ? null : pillsFor(kind, at.name),
-        master ? inputPills(at.name, "재료") : [], // 「선택 입력」 카드가 재료산출로 고른 입력
+        pillsFor(kind, at.name),
       ]);
       if (mine !== seq) return;
-      if (pills?.notice) showNotice([pills.notice]);
-      const links: LinkOptions =
-        pills?.links ??
-        ({
-          항목: [...toPills(pillItems ?? matState?.combo?.담은자재 ?? []), ...own],
-          모드: "자재",
-          자재찾기: searchMaterials,
-          // 알약 막대에서 더하기 · 빼기 — 옆 판 표를 같은 목록으로
-          onItemsChange: (list) =>
-            matPanel?.setItems(list.flatMap((i) => (i.자재 ? [{ ...i.자재 }] : []))),
-        } satisfies LinkOptions);
+      if (pills.notice) showNotice([pills.notice]);
+      const links: LinkOptions = pills.links;
       const handle: SpreadsheetHandle = createSpreadsheet(
         host,
         doc as Parameters<typeof createSpreadsheet>[1],
@@ -302,90 +273,47 @@ export function createMain(
           tabs: false, // 시트 하나 · 탭 줄 없음
           onChange: () => {
             dirty = !readOnly;
-            matPanel?.refresh(); // 알약을 이음 · 풂 — 옆 판 「이은 칸」 바로 갱신
           },
           links,
         },
       );
       editor = handle;
       sheetHandle = handle;
-      if (at.layer === "project") return;
+      if (at.layer === "project" || kind !== "area") return;
       // 오른쪽 조합 패널 — 한 번 만들고 시트를 다시 붙여도 그대로(늘 시트 뒤)
       cpanel ??= buildComboPanel({
         kind,
         column: at.name,
         isAdmin,
-        onUsed: () => remount(kind, at, readOnly, true),
+        onUsed: () => remount(kind, at, readOnly),
       });
       host.append(cpanel.root);
-      if (kind === "area") {
-        const bar = await buildComboBar({
-          column: at.name,
-          label: at.label ?? at.name,
-          isAdmin,
-          beforeEdit: async () => true,
-          onApplied: async () => {
-            await remount(kind, at, readOnly, false);
-            await cpanel?.refresh();
-          },
-        });
-        if (mine === seq) cpanel?.setMine(bar);
-        return;
-      }
-      if (matPanel || !matState) return;
-      matPanel = buildMaterialPanel({
+      const bar = await buildComboBar({
         column: at.name,
         label: at.label ?? at.name,
         isAdmin,
-        state: matState,
-        onApplied: () => void cpanel?.refresh(),
-        links: () => sheetHandle?.getDoc().시트.flatMap((s) => s.연결 ?? []) ?? [],
-        // 옆 판 표에서 고침 — 알약 막대만 이 목록으로 다시 만듦(저장 안 한 시트 고침은 그대로)
-        onChange: (items) => {
-          const kept = sheetHandle?.getDoc();
-          if (!kept) return;
-          editor?.destroy();
-          editor = null;
-          void mountSheet(kept, kind, at, readOnly, items);
-        },
-        goTo: (code) =>
-          host
-            .querySelector<HTMLElement>(`.ss-link.is-linked[data-key="${CSS.escape(code)}"]`)
-            ?.click(),
-        unlink: (codes) => {
-          const book = sheetHandle?.getDoc();
-          if (!book) return;
-          for (const s of book.시트) {
-            const rest = (s.연결 ?? []).filter((l) => !codes.includes(l.자재?.코드 ?? l.키));
-            if (rest.length) s.연결 = rest;
-            else delete s.연결;
-          }
-          sheetHandle?.setDoc(book);
-          dirty = !readOnly;
+        beforeEdit: async () => true,
+        onApplied: async () => {
+          await remount(kind, at, readOnly);
+          await cpanel?.refresh();
         },
       });
-      cpanel.setMine(matPanel.root);
+      if (mine === seq) cpanel?.setMine(bar);
     } catch {
       empty(L("M02_NoSpreadsheet"));
     }
   }
 
-  /** 시트만 다시 붙임(알약을 새로 받음) — 저장 안 한 시트 고침은 그대로 옮김 ·
-   * `fresh` = 이 열 조합이 바뀜(재료는 자재 조합 · 담은 자재 표를 새로 받음) */
+  /** 시트만 다시 붙임(알약을 새로 받음) — 저장 안 한 시트 고침은 그대로 옮김 */
   async function remount(
     kind: "area" | "material",
     at: Selection,
     readOnly: boolean,
-    fresh: boolean,
   ): Promise<void> {
     const kept = sheetHandle?.getDoc();
     if (sel !== at || !kept) return;
     editor?.destroy();
     editor = null;
-    if (fresh && kind === "material") {
-      matPanel = null;
-      matState = null;
-    }
     await mountSheet(kept, kind, at, readOnly);
   }