feat(m02-df): 입력 판 재료 방식 셋 · 자재 찾기 쪽 넘기기 · 다른 로직 입력 초안

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

M02_MasterTemplete/DataFlow/M02_DF_InputPanel.ts

@@ -37,6 +37,8 @@ import {
   valueOf,
   type M01Row,
 } from "./M02_DF_InputPanel_Build";
+import { renderLogicInput } from "./M02_DF_InputPanel_Logic";
+import { renderMaterial } from "./M02_DF_InputPanel_Material";
 import { renderTablePick } from "./M02_DF_InputPanel_Table";
 import { renderVariables } from "./M02_DF_InputPanel_Vars";
 import "./M02_DF_InputPanel.css";
@@ -62,6 +64,7 @@ const apiAdd = cfUserElementAdd as unknown as (e: Omit<UserEl, "id">) => Promise
 const TEXT = {
   Kind: ["무엇을 넣을까요?", "What goes in?"],
   Variable: ["변수", "Variable"],
+  Logic: ["다른 로직", "Another logic"],
   인력: ["인력", "Labor"],
   재료: ["재료", "Material"],
   유가전력: ["유가·전력", "Fuel · power"],
@@ -148,22 +151,26 @@ export function renderInputPanel(
   const fixed = reconcileUnit(lg, boxId);
   if (fixed !== lg) return on.change(fixed);
   const input = box.input ?? { mode: "variable" as const, elements: [], variables: [] };
-  const kind: CfGroup | "변수" = input.mode === "variable" ? "변수" : (input.group ?? "인력");
+  const kind: CfGroup | "변수" | "다른 로직" =
+    input.mode === "variable"
+      ? "변수"
+      : input.mode === "logic"
+        ? "다른 로직"
+        : (input.group ?? "인력");
   const body = el("div", { className: "m02-dfip__body" });
 
-  // ① 갈래 — 그룹 여덟 + 변수
+  // ① 갈래 — 그룹 여덟 + 다른 로직 + 변수
   const kinds = el("div", {
     className: "m02-dfip__chips",
     attrs: { role: "tablist", "aria-label": t("Kind") },
-    children: [...GROUPS, "변수" as const].map((k) => {
-      const b = el("button", {
-        className: `m02-dfip__chip${k === kind && (k !== "변수" ? input.mode === "group" : true) ? " is-on" : ""}`,
-        attrs: { type: "button", role: "tab" },
-        text: k === "변수" ? t("Variable") : t(k),
-      });
-      b.addEventListener("click", () => k !== kind && on.change(setKind(lg, boxId, k)));
-      return b;
-    }),
+    children: [...GROUPS, "다른 로직" as const, "변수" as const].map((k) =>
+      createButton({
+        label: k === "변수" ? t("Variable") : k === "다른 로직" ? t("Logic") : t(k),
+        variant: k === kind ? "filled" : "pill",
+        size: "sm",
+        onClick: () => k !== kind && on.change(setKind(lg, boxId, k)),
+      }),
+    ),
   });
   const unit = el("p", {
     className: "m02-dfip__unit",
@@ -172,7 +179,9 @@ export function renderInputPanel(
   host.replaceChildren(el("h4", { text: t("Kind") }), kinds, unit, body);
 
   if (kind === "변수") renderVariables(body, lg, boxId, on);
+  else if (kind === "다른 로직") renderLogicInput(body, lg, boxId, on);
   else if (kind === "소요량" || kind === "계수") renderTablePick(body, lg, boxId, kind, on);
+  else if (kind === "재료") renderMaterial(body, lg, boxId, on, (l, e) => addElement(l, boxId, e));
   else renderGroup(body, lg, box, kind, on);
 }