From af92f0553e7c58009e3b449e88745dc64763791c Mon Sep 17 00:00:00 2001
From: umsangdon <umsangdon@gmail.com>
Date: Sun, 4 Oct 2026 17:34:10 +0900
Subject: [PATCH] =?UTF-8?q?feat(M02):=20=E3=80=8C=EC=A0=84=EC=B2=B4=20?=
 =?UTF-8?q?=ED=95=AD=EB=AA=A9=E3=80=8D=20=ED=99=94=EB=A9=B4=20=E2=80=94=20?=
 =?UTF-8?q?=EA=B5=AC=EC=A1=B0=EB=AC=BC=20=EB=8F=84=EB=A9=B4=20=C2=B7=20?=
 =?UTF-8?q?=EC=9D=BC=EC=9C=84=EB=8C=80=EA=B0=80=20=C2=B7=20=EB=A9=B4?=
 =?UTF-8?q?=EC=A0=81=EC=82=B0=EC=B6=9C=20=ED=95=98=EC=9C=84=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=EC=9D=84=20=EC=83=81=EC=84=B8=20=EC=B9=B8=EC=97=90=20?=
 =?UTF-8?q?=C2=B7=20=EC=A4=84=20=EB=88=84=EB=A6=84=20=3D=20=EA=B7=B8=20?=
 =?UTF-8?q?=ED=95=AD=EB=AA=A9=20=EC=83=81=EC=84=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

39-5 H2 — 좌측 onAll(39-2) 이음 · 제목 「하위 · 전체 항목」 · 목록 = ItemList(M01 꼴).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt
---
 .../M02_MasterTemplete_ItemList.ts            | 17 ++++++++++++
 .../M02_MasterTemplete_UI_Page.ts             | 26 +++++++++++++++++--
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/M02_MasterTemplete/M02_MasterTemplete_ItemList.ts b/M02_MasterTemplete/M02_MasterTemplete_ItemList.ts
index 363c48e5c..4d015ca6b 100644
--- a/M02_MasterTemplete/M02_MasterTemplete_ItemList.ts
+++ b/M02_MasterTemplete/M02_MasterTemplete_ItemList.ts
@@ -35,6 +35,7 @@ const TEXT = {
   none: "항목이 없음",
   noMatch: "맞는 항목이 없음",
   loading: "불러오는 중",
+  failed: "목록을 못 받음",
 };
 
 const SIZE = 30;
@@ -111,6 +112,22 @@ export function pageOf<R>(
 export const loadItems = async (layer: Layer, owner: string | null): Promise<ItemRow[]> =>
   (await fetchTree(layer, owner)).items as ItemRow[];
 
+/** 「전체 항목」 화면(39-5) — 한 층 · 한 하위 목록 · 줄 누름 = 그 항목 상세(좌측 열 줄 누름과 같음) */
+export function buildAllItems(
+  kind: ListKind,
+  layer: Layer,
+  owner: string | null,
+  onOpen: (row: ItemRow) => void,
+): HTMLElement {
+  const list = buildItemList();
+  loadItems(layer, owner).then(
+    (rows) => list.show(rows, ITEM_COLS[kind], onOpen),
+    (error: unknown) =>
+      list.message(`${TEXT.failed} — ${error instanceof Error ? error.message : String(error)}`),
+  );
+  return list.root;
+}
+
 export interface ItemListHandle {
   root: HTMLElement;
   /** 줄 · 칸 · 누를 일을 바꿔 그림(찾는 글은 그대로 · 쪽은 1) */
diff --git a/M02_MasterTemplete/M02_MasterTemplete_UI_Page.ts b/M02_MasterTemplete/M02_MasterTemplete_UI_Page.ts
index a19bc482a..9b792a9ce 100644
--- a/M02_MasterTemplete/M02_MasterTemplete_UI_Page.ts
+++ b/M02_MasterTemplete/M02_MasterTemplete_UI_Page.ts
@@ -15,7 +15,7 @@ import { t as L } from "@ui/ui_template_locale";
 import { createWorkflowOverlays } from "@ui/ui_template_overlay";
 import { navigateTo, type MountedPage } from "../A00_Common/router";
 import { fetchSessionUser } from "../A06_Login/A06_Login_Api_Fetch";
-import { fetchOwners, setActiveLayer } from "./M02_MasterTemplete_Api_Fetch";
+import { fetchOwners, setActiveLayer, type Kind } from "./M02_MasterTemplete_Api_Fetch";
 import {
   accessFor,
   buildReadOnlyBar,
@@ -41,9 +41,17 @@ import {
   seesOthers,
 } from "./M02_MasterTemplete_TreePanel_Roots";
 import { canEdit, createMain, newItemButton, type Selection } from "./M02_MasterTemplete_UI_Main";
-import { buildSide } from "./M02_MasterTemplete_UI_Side";
+import { buildSide, type AllKind } from "./M02_MasterTemplete_UI_Side";
+import { buildAllItems } from "./M02_MasterTemplete_ItemList";
 import "./M02_MasterTemplete_UI_Style.css";
 
+/** 「전체 항목」 화면 제목 앞마디 — 하위 이름 */
+const ALL_TITLE = {
+  structure: "M02_KindStructure",
+  labor: "M02_KindLabor",
+  area: "M02_KindArea",
+} as const satisfies Record<AllKind, string>;
+
 export async function renderM02MasterTemplate(root: HTMLElement): Promise<MountedPage> {
   const user = await fetchSessionUser().catch(() => null);
   const entry = entryFromHash();
@@ -155,6 +163,20 @@ export async function renderM02MasterTemplate(root: HTMLElement): Promise<Mounte
       layerBar("구조물조합", tree.add, () => void main.openTable(layer)),
       peopleTree("구조물조합", tree.root),
     ],
+    // 「전체 항목」(39-5) — 메인 칸에 그 하위 목록 · 줄 누름 = 그 항목 상세(좌측 열 줄과 같은 `open`)
+    onAll: (kind) =>
+      void main.showView(
+        `${L(ALL_TITLE[kind])} · ${L("M02_ItemsAll")}`,
+        buildAllItems(kind, layer, owner, (row) => {
+          void main.open({
+            layer,
+            projectId: null,
+            kind: kind as Kind,
+            name: row.열,
+            label: row.이름,
+          });
+        }),
+      ),
   });
 
   const layout = el("div", { className: "ui-workflow-layout m02-master" });