feat(842-2): 기계 비활성 — M01 기계 목록 「사용」 스위치 · 끈 기계는 찾기 · 고르기 · 잇기에서 뺌 · 해상 기계 79 대 끔

- 표지 = 기계 줄 맨 위 칸 `비활성: true`(없음 = 켜짐 · 값 묶음 밖) · 틀 검사 = 기계 줄에만 true(check_master OFF)
- M01 기계 목록 = 끝 열 「사용」 스위치(초안 → 페이지 [저장] · 자동저장 없음) · 끈 줄 흐림 · 머리 「비활성 같이 보기」(끄면 서버 rows state 「켜짐」)
- 뺌 = 요소 찾기 창(elements · 찾아 넣기 · 단가산출 기계 창) · logic-lib rows · M01 시험 계산 기계 고르기 표 · 내 기계 「비슷한 기계에서 시작」 ·
  불러오기 기계 잇기(M02_Machine_Find 표) · 기계경비식 「기계」 옵션(새 GET /api/m02/df/machine-off · 고른 값은 남기고 「· 비활성 기계」 꼬리)
- 셈 길은 그대로 — 끈 기계를 쓰던 단가산출 · 사본 값 같음
- 자료 = 해상장비 79 대(펌프 준설선 13 · 그래브 준설선 10 · 하천골재채취선 7 · 기중기선 5 · 예선 9 · 양묘선 11 · 토운선 6 · 이우선 2 · 대선 16) 끔
- 시험 = test_842_2_machine_off 새로 · test_804_10 옵션 글 단언을 새 글로 고침(끈 기계 거름이 들어간 줄)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

M01_MasterData/M01_MasterData_UI_Machine.ts

@@ -3,14 +3,17 @@
  * M01 기계 목록(PLAN 821-2 · 요구 790-2) — 표는 목록용 열만(이름 · 규격 · 구분 · 가격 · 손료계수 ·
  * 주연료 · 조종원 · 시간당 경비(서버 값) · 별칭 · 비고) · 줄을 누르면 상세 페이지 · [새 기계] = 양식.
  * 단위 · 출처 열 없음 · 고친 것 · 새 줄 · 지울 줄은 초안(노랑 · 새 · 지움 표시) — 저장은 페이지 [저장].
+ * 「사용」 열(842-2) = 스위치 · 끄면 줄 맨 위 칸 `비활성: true`(초안 → [저장]) · 끈 줄은 흐림 ·
+ * 머리 「비활성 같이 보기」 끄면 서버가 끈 줄을 뺌(`rows` state 「켜짐」).
  * ========================================================================== */
 
 import { createButton, el, showToast } from "@ui/ui_template_elements";
 import { t as L } from "@ui/ui_template_locale";
 import { createEmpty } from "@ui/ui_template_empty";
+import { createToggle } from "@ui/ui_template_toggle";
 import { guessRows, pageKeepFirst, watchFit } from "@ui/ui_template_pager";
 import { fetchRows, type Row, type RowsPage } from "./M01_MasterData_Api_Fetch";
-import { onDraftChange, peek, same } from "./M01_MasterData_Draft";
+import { editRow, onDraftChange, peek, same } from "./M01_MasterData_Draft";
 import { fetchMachineHourly } from "./M01_MasterData_Machine_Api";
 import { buildPager } from "./M01_MasterData_UI_Cells";
 import { saveView, type Pick } from "./M01_MasterData_UI_Side";
@@ -38,6 +41,8 @@ const COLS: [string, (r: Row) => string][] = [
   ],
 ];
 const val = (r: Row): Record<string, unknown> => (r["값"] ?? {}) as Record<string, unknown>;
+const OFF = "비활성"; // 842-2 기계 줄 맨 위 칸 — true 만 · 켜짐 = 칸 없음
+let showOff = true; // 「비활성 같이 보기」(페이지 안에서 기억)
 
 /** 돌려받은 함수 = 걷기. `open(target)` = 상세(키 · 새 줄 `add:<차례>` · 새 기계 `new`). */
 export function renderMachines(
@@ -53,9 +58,31 @@ export function renderMachines(
   const hourly = new Map<string, string>();
 
   const hourText = (key: string): string => hourly.get(key) ?? "…";
+  /** 「사용」 칸 — 스위치(새 줄은 빈 칸) · 바꾸면 초안 */
+  const useCell = (row: Row, cur: Row, key: string): HTMLElement => {
+    const td = el("td", { className: "m01-machine__use" });
+    if (!key || !data) return td;
+    const version = data.version;
+    const sw = createToggle({
+      label: "",
+      size: 20,
+      checked: !cur[OFF],
+      onChange: (on) => {
+        const next: Row = { ...cur };
+        if (on) delete next[OFF];
+        else next[OFF] = true;
+        editRow(file, version, key, row, next);
+      },
+    });
+    sw.root.setAttribute("aria-label", L("M01_MachineUse"));
+    sw.root.addEventListener("click", (e) => e.stopPropagation());
+    td.classList.toggle("is-changed", !!cur[OFF] !== !!row[OFF]);
+    td.append(sw.root);
+    return td;
+  };
   const line = (row: Row, cur: Row, cls: string, target: string, key = ""): HTMLElement => {
     const tr = el("tr", {
-      className: `m01-machine__row ${cls}`.trim(),
+      className: `m01-machine__row ${cls} ${cur[OFF] ? "is-off" : ""}`.trim(),
       attrs: { "data-key": key || target },
       children: [
         ...COLS.map(([, get]) => {
@@ -71,6 +98,7 @@ export function renderMachines(
         }),
         el("td", { text: String(cur["별칭"] ?? ""), attrs: { title: String(cur["별칭"] ?? "") } }),
         el("td", { text: String(cur["비고"] ?? ""), attrs: { title: String(cur["비고"] ?? "") } }),
+        useCell(row, cur, key),
       ],
     });
     tr.addEventListener("click", () => open(target));
@@ -91,12 +119,21 @@ export function renderMachines(
     }
     const add = createButton({ label: L("M01_MachineNew"), variant: "ghost", iconStart: "plus" });
     add.addEventListener("click", () => open("new"));
+    const offSwitch = createToggle({
+      label: L("M01_MachineShowOff"),
+      checked: showOff,
+      onChange: (on) => {
+        showOff = on;
+        page = 1;
+        void load();
+      },
+    });
     const empty =
       d.rows.length || draft?.adds.length
         ? []
         : [createEmpty({ text: L("M01_NoRows"), small: true })];
     host.replaceChildren(
-      el("div", { className: "ui-toolbar m01-master__bar", children: [add] }),
+      el("div", { className: "ui-toolbar m01-master__bar", children: [add, offSwitch.root] }),
       el("div", {
         className: "ui-table-wrap m01-master__grid-wrap m01-machine__wrap",
         children: [
@@ -111,6 +148,7 @@ export function renderMachines(
                       el("th", { text: `${L("M01_MachineHourly")}(원)` }),
                       el("th", { text: "별칭" }),
                       el("th", { text: "비고" }),
+                      el("th", { className: "m01-machine__use", text: L("M01_MachineUse") }),
                     ],
                   }),
                 ],
@@ -152,7 +190,8 @@ export function renderMachines(
   const load = async (): Promise<void> => {
     const mine = ++ticket;
     try {
-      const got = await fetchRows(file, page, size, q, false, pick.sub, pick.detail, pick.state);
+      const state = showOff ? pick.state : "켜짐";
+      const got = await fetchRows(file, page, size, q, false, pick.sub, pick.detail, state);
       if (mine !== ticket) return;
       data = got;
       saveView(pick.group, { page: data.page });