feat(M02): 구조물 도면 = 좌측 셋째 컨테이너 · 열마다 미리 만듦

- 좌측 「구조물 도면」을 「표 양식」·「도면 양식」과 같은 층 컨테이너로
- 구조물집계표 열마다 빈 구조물 도면을 서버가 미리 만들어 둠(도번 자동 · 도각 없는
  빈 CAD 문서 · 산출근거 빈 줄 셋) — 좌측 줄에 항상 도번이 붙음
- 새 열을 더해 집계표를 저장하면 그 열의 빈 구조물 도면도 서버가 같이 만듦
  (`M02_MasterTemplete_Store.write` → `backfill_missing_structures`)
- 좌측 구조물 도면 줄을 누르면 그 CAD 화면이 곧장 열림(열 머리글 · 도번을 제목에)
- 지금 있는 49개 열의 구조물 도면을 미리 만들어 커밋(`resources/master_template/structure/`)

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

M02_MasterTemplete/M02_MasterTemplete_Structure.ts

@@ -1,17 +1,18 @@
 /* =============================================================================
  * M02_MasterTemplete_Structure.ts
  * 구조물집계표 아래 설계 컨테이너 — 고른 열의 구조물 도면 미리보기 · [도면 수정] · 상세 산출근거 표.
+ * 카드 둘(도면 정보 · 상세 산출근거)은 좌측 패널과 같은 공용 ui-sidebar 틀.
  *
  * 구조물 도면은 집계표 열마다 하나(`resources/master_template/structure/<열 id>.json`) ·
- * 도번은 서버가 매김(`구-01` 꼴 · 없으면 「없음」) · 문서 = {열 · 도번 · 도면(CAD) · 산출근거(표)}.
+ * 서버가 열마다 미리 만들어 둠(도번 자동 · 새 열도 집계표 저장 때 서버가 같이 만듦 — `M02_MasterTemplete_Store.py`).
  * 이 칸은 표 부품 host 밖 형제 자리에 붙음 — 집계표는 그대로 두고 여기만 열마다 다시 그림.
  * 글자는 이 파일에 둠(도면 부품 `M02_MasterTemplete_Drawing.ts` 와 같은 방식).
  * ========================================================================== */
 
 import { createButton, el, showConfirmDialog, showToast } from "@ui/ui_template_elements";
+import { attachCollapsible } from "@ui/ui_template_collapsible";
 import { createSheet, type SheetDoc, type SheetHandle } from "@ui/sheet/ui_template_sheet";
 import {
-  createStructure,
   fetchStructureNumbers,
   readTemplate,
   saveTemplate,
@@ -29,20 +30,18 @@ import "./M02_MasterTemplete_Structure.css";
 export const STRUCTURE_TABLE = "구조물집계표";
 
 const TEXT = {
+  drawingInfo: "도면 정보",
   edit: "도면 수정",
   save: "산출근거 저장",
   basis: "상세 산출근거",
   noNumber: "도번 없음",
-  noDrawing: "도면 없음 — [도면 수정] 을 누르면 새로 만들어 엶",
+  noDrawing: "도면 없음",
   noBasis: "표 없음 — 도면이 아직 없음",
-  pick: "집계표에서 열을 고를 것",
-  created: "구조물 도면을 만들었음 — {value}",
   saved: "산출근거를 저장했음",
   dirty: "저장 안 한 산출근거 고침이 있음 — 버리고 넘어갈까?",
   kept: "열을 바꾸지 않음 — 산출근거를 먼저 저장할 것",
   stale: "그 사이 구조물 도면이 바뀜 — 열을 다시 고를 것",
   readFailed: "구조물 도면을 못 읽음 — {value}",
-  makeFailed: "구조물 도면을 못 만듦 — {value}",
   saveFailed: "저장 못 함 — {value}",
 };
 
@@ -60,12 +59,10 @@ export const columnHead = (col: StructureColumn): string =>
   col.머리.filter((part): part is string => !!part && part.trim() !== "").join(" · ") || col.id;
 
 export interface StructurePanelOptions {
-  /** 시스템 관리자만 새로 만들고 저장함 */
+  /** 시스템 관리자만 저장함(구조물 도면은 서버가 미리 만들어 둠) */
   isAdmin: boolean;
-  /** [도면 수정] — 그 열 구조물 도면을 CAD 편집으로 엶(페이지의 `open`) */
-  onEdit: (column: string) => void;
-  /** 새로 만든 뒤 — 집계표 도면 줄을 새 도번으로 다시 그림 */
-  onCreated: () => void;
+  /** [도면 수정] — 그 열 구조물 도면을 CAD 편집으로 엶(페이지의 `open`) · label 은 화면 제목에 씀 */
+  onEdit: (column: string, label: string) => void;
   /** 집계표에 저장 안 한 고침이 있으면 버릴지 물음 — 취소면 false */
   confirmLeave: () => Promise<boolean>;
 }
@@ -84,6 +81,7 @@ export interface StructurePanelHandle {
 export function createStructurePanel(opts: StructurePanelOptions): StructurePanelHandle {
   let numbers: Record<string, string> = {};
   let column: string | null = null;
+  let columnLabel = "";
   let doc: StructureDoc | null = null;
   let version = "";
   let preview: DrawingTemplateHandle | null = null;
@@ -92,26 +90,37 @@ export function createStructurePanel(opts: StructurePanelOptions): StructurePane
   let busy = false;
   let seq = 0;
 
-  const title = el("h3", { className: "m02-struct__title", text: TEXT.pick });
+  const columnName = el("span", { className: "m02-struct__title" });
   const number = el("span", { className: "m02-struct__no" });
   const edit = createButton({ label: TEXT.edit, variant: "filled" });
-  const saveBasis = createButton({ label: TEXT.save, variant: "ghost" });
   const previewHost = el("div", { className: "m02-struct__preview" });
-  const basisHost = el("div", { className: "m02-struct__sheet" });
-  const root = el("section", {
-    className: "m02-struct",
-    attrs: { hidden: "" },
+  const infoCard = el("section", {
+    className: "m02-struct__card ui-collapsible ui-sidebar-section ui-sidebar-card",
     children: [
-      el("div", { className: "m02-struct__head", children: [title, number, edit] }),
+      el("h3", { className: "ui-collapsible__title", text: TEXT.drawingInfo }),
+      el("div", { className: "m02-struct__head", children: [columnName, number, edit] }),
       previewHost,
-      el("div", {
-        className: "m02-struct__subhead",
-        children: [el("h4", { className: "m02-struct__subtitle", text: TEXT.basis }), saveBasis],
-      }),
+    ],
+  });
+
+  const saveBasis = createButton({ label: TEXT.save, variant: "ghost" });
+  const basisHost = el("div", { className: "m02-struct__sheet" });
+  const basisCard = el("section", {
+    className: "m02-struct__card ui-collapsible ui-sidebar-section ui-sidebar-card",
+    children: [
+      el("h3", { className: "ui-collapsible__title", text: TEXT.basis }),
+      el("div", { className: "m02-struct__subhead", children: [saveBasis] }),
       basisHost,
     ],
   });
 
+  const root = el("div", {
+    className: "m02-struct ui-sidebar-panel",
+    attrs: { hidden: "" },
+    children: [infoCard, basisCard],
+  });
+  attachCollapsible(root);
+
   const drop = (): void => {
     preview?.destroy();
     preview = null;
@@ -136,7 +145,7 @@ export function createStructurePanel(opts: StructurePanelOptions): StructurePane
     apply();
   };
 
-  /** 미리보기 · 산출근거 표 — 문서가 없으면 없음 글 */
+  /** 미리보기 · 산출근거 표 — 문서가 없으면 없음 글(서버가 열마다 미리 만들어 둬 보통은 없음) */
   const paintBody = (): void => {
     drop();
     number.textContent = doc?.도번 || numbers[column ?? ""] || TEXT.noNumber;
@@ -174,7 +183,8 @@ export function createStructurePanel(opts: StructurePanelOptions): StructurePane
     }
     root.hidden = false;
     column = col.id;
-    title.textContent = columnHead(col);
+    columnLabel = columnHead(col);
+    columnName.textContent = columnLabel;
     number.textContent = numbers[col.id] ?? TEXT.noNumber;
     doc = null;
     version = "";
@@ -236,25 +246,7 @@ export function createStructurePanel(opts: StructurePanelOptions): StructurePane
     if (basisDirty && !(await showConfirmDialog(TEXT.dirty))) return;
     basisDirty = false;
     if (!(await opts.confirmLeave())) return;
-    if (!doc) {
-      busy = true;
-      edit.disabled = true;
-      try {
-        const got = await createStructure(at);
-        doc = got.문서 as StructureDoc;
-        version = got.판 ?? "";
-        numbers = await fetchStructureNumbers();
-        showToast(fill(TEXT.created, doc.도번), "success");
-        opts.onCreated(); // 좌측 목록 · 집계표 도면 줄
-      } catch (error) {
-        showToast(fill(TEXT.makeFailed, why(error)), "error");
-        return;
-      } finally {
-        busy = false;
-        edit.disabled = false;
-      }
-    }
-    opts.onEdit(at);
+    opts.onEdit(at, columnLabel);
   });
 
   return {