Merge remote-tracking branch 'origin/dev' into sub_laptop_7

# Conflicts:
#	M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts

M02_MasterTemplete/M02_MasterTemplete_UI_Side.ts

@@ -83,8 +83,8 @@ export interface SideOptions {
 export interface SideHandle {
   root: HTMLElement;
   refresh: () => Promise<void>;
-  /** 좌측 고름 표시만 옮김 — 화면은 열지 않음 */
-  select: (kind: Kind, name: string) => void;
+  /** 고름 표시를 지금 열린 것 한 줄로 — 편집 칸이 무엇을 열든(카드 [도면 수정] 등) 부름 */
+  paint: () => void;
 }
 
 /** 서버 이름 규칙과 같게 — 화면에서 먼저 막음 */
@@ -105,8 +105,6 @@ export function buildSide(opt: SideOptions): SideHandle {
   let numbers: Record<string, StructureNumbers> = {};
   let seq = 0;
 
-  let picked: { kind: Kind; name: string } | null = null;
-
   const section = (title: string, body: HTMLElement, ...more: HTMLElement[]): HTMLElement =>
     el("section", {
       className: "m02-side__group ui-collapsible ui-sidebar-section ui-sidebar-card is-collapsed",
@@ -136,12 +134,7 @@ export function buildSide(opt: SideOptions): SideHandle {
     confirmLeave: opt.confirmLeave,
     show: opt.showView,
     close: () => opt.onOpen(null),
-    onOpen: () => {
-      picked = null;
-      paintList();
-      paintColumns();
-      paintButtons();
-    },
+    onOpen: () => paint(),
   });
   const matsetSection = section(matset.title, matset.body, ...matset.actions);
   // 펼칠 때마다 새로 받음 — 재료산출 옆 판이 갈라 낸 조합도 바로 보이게
@@ -161,9 +154,8 @@ export function buildSide(opt: SideOptions): SideHandle {
 
   const root = el("div", { className: "m02-side ui-sidebar-panel", children: [listHost] });
 
-  /** 고름 표시 — `picked`(방금 누름) 이 있으면 그것 · 없으면 지금 열린 것과 비교 */
+  /** 고름 표시 — 편집 칸에 지금 열린 것 하나뿐 */
   const isPicked = (kind: Kind, name: string): boolean => {
-    if (picked) return picked.kind === kind && picked.name === name;
     const cur = opt.getOpen();
     return !!cur && cur.layer === layer && cur.kind === kind && cur.name === name;
   };
@@ -220,23 +212,25 @@ export function buildSide(opt: SideOptions): SideHandle {
     for (const [kind, b] of editButtons) b.copy.disabled = b.del.disabled = cur?.종류 !== kind;
   }
 
+  /** 고름 표시는 여기서만 — 목록 · 열 줄 · 자재 조합 줄을 함께 그려야 두 줄이 동시에 안 남음
+   * (양식이 열려 있으면 자재 조합 고름은 지움 · 자재 조합 상세는 열린 양식이 없음) */
+  function paint(): void {
+    if (opt.getOpen()) matset.clear();
+    paintList();
+    paintColumns();
+    paintButtons();
+  }
+
+  // 여는 것은 편집 칸(`onOpen`) — 편집 칸이 열 때마다 `paint` 를 부름(페이지가 이음)
   async function select(info: TemplateInfo): Promise<void> {
     if (!isOpen(info) && !(await opt.confirmLeave())) return;
-    picked = null;
-    matset.clear();
     opt.onOpen({ layer, projectId: null, kind: info.종류, name: info.이름 });
-    paintList();
-    paintButtons();
   }
 
   async function selectColumn(col: StructureColumn, kind: ColumnKind): Promise<void> {
     if (!isPicked(kind, col.id) && !(await opt.confirmLeave())) return;
-    picked = null;
-    matset.clear();
     // 제목은 편집 화면이 문서 번호를 앞에 붙임(「SD010101 돌기슭막이 …」)
     opt.onOpen({ layer, projectId: null, kind, name: col.id, label: columnHead(col) });
-    paintColumns();
-    paintButtons();
   }
 
   async function refreshStructure(): Promise<void> {
@@ -351,13 +345,5 @@ export function buildSide(opt: SideOptions): SideHandle {
   }
 
   void refresh();
-  return {
-    root,
-    refresh,
-    select: (kind, name) => {
-      picked = { kind, name };
-      paintList();
-      paintColumns();
-    },
-  };
+  return { root, refresh, paint };
 }