feat(M01): 옛 일위대가 로직 컨테이너는 호표 표 그대로 · 아래에 「로직 쉽게 보기·만들기」 컨테이너를 더해 방식 C + 새로 만들기 모달을 담음

- 일위대가 로직 컨테이너 = 로직을 누르면 옛 호표 표 + 시험 계산 칸이 바로 열림 · 보기 전환 단추와 보기 캐시 값 없앰 · 「새로 만들기」 는 옛 초안 방식
- 새 컨테이너 = 같은 목록·API 를 쓰되 거름 기억과 저장 안 한 것 캐시를 따로 둠 · 로직을 고르면 흐름 그림 · 새로 만들기 모달 · 본떠 만들기 · 상자 고치기

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

M01_MasterData/M01_MasterData_UI_Page.ts

@@ -54,6 +54,7 @@ function buildPage(): HTMLElement {
   let query = "";
   let dispose = (): void => {};
   let logicMounted = false;
+  let easyMounted = false;
 
   /* --- 우측: 머리(제목·찾기·저장) + 알림 + 본문 --- */
   const title = el("h2", { className: "m01-master__title", text: L("M01_PickFile") });
@@ -69,6 +70,7 @@ function buildPage(): HTMLElement {
     children: [title, searchField.root, summary, drop, save],
   });
   const logicHost = el("div", { className: "m01-master__logic", attrs: { hidden: "" } });
+  const easyHost = el("div", { className: "m01-master__logic", attrs: { hidden: "" } });
   const elementView = el("div", {
     className: "m01-master__elements",
     children: [head, notice, body],
@@ -86,8 +88,9 @@ function buildPage(): HTMLElement {
   onDraftChange(refreshBar);
   refreshBar();
 
-  const showMode = (mode: "elements" | "logic"): void => {
+  const showMode = (mode: "elements" | "logic" | "easy"): void => {
     logicHost.hidden = mode !== "logic";
+    easyHost.hidden = mode !== "easy";
     elementView.hidden = mode !== "elements";
   };
 
@@ -193,8 +196,21 @@ function buildPage(): HTMLElement {
     });
   };
 
+  /** 「로직 쉽게 보기·만들기」 — 같은 로직 목록에 방식 C 흐름 그림 + 새로 만들기 모달 */
+  const openEasyTab = (): void => {
+    dispose();
+    dispose = (): void => {};
+    current = null;
+    showMode("easy");
+    if (easyMounted) return;
+    easyMounted = true;
+    void import("./M01_MasterData_UI_Logic_Page").then((m) =>
+      m.mountM01Logic(easyHost, side, undefined, true),
+    );
+  };
+
   /* --- 좌측: 컨테이너 --- */
-  const side = buildSide(openFile, () => openLogicTab());
+  const side = buildSide(openFile, () => openLogicTab(), openEasyTab);
 
   const layout = el("div", { className: "ui-workflow-layout m01-master" });
   const main = el("main", {
@@ -202,7 +218,7 @@ function buildPage(): HTMLElement {
     children: [
       el("div", {
         className: "m01-master__panel",
-        children: [elementView, logicHost],
+        children: [elementView, logicHost, easyHost],
       }),
     ],
   });