feat(709-2): M01 표 · M02 목록 줄 수 = 화면 높이 · 쪽 단추 표 아래 · 한 장 표 화면 안 스크롤

- 쪽 있는 표(요소 · 표 목록 · 로직 목록 · 재료 고르기 모달 · M02 서고 · 새 항목 목록): 줄 수를 표 칸 위치 ~ 화면 아래로 셈(watchFit) · 창 크기 · 글꼴 늦게 실림에도 다시 셈 · 쪽 크기 바뀌어도 첫 줄 유지
- 쪽 단추 = 표 바로 아래 · 줄이 모자라면 표와 함께 위로 붙음
- 쪽 없는 한 장 표(소요량 · 계수): 높이를 화면 아래로 묶고 안에서 스크롤(watchHeight · 표 아래 주 높이 뺌)
- UI_Style.css 의 max-height calc(100dvh - 300px) 제거 · m01-master__pager 규칙 제거(부품 ui-pager 로)
- 낡은 점검 51-10(쪽 단추가 거름 줄 안에 있다고 봄) = 표 바로 아래 ui-pager 로 고침

M01_MasterData/M01_MasterData_UI_Rows.ts

@@ -29,8 +29,10 @@ import {
   withCell,
 } from "./M01_MasterData_UI_Cells";
 import { createEmpty } from "@ui/ui_template_empty";
+import { guessRows, pageKeepFirst, watchFit } from "@ui/ui_template_pager";
 
-const SIZE = 50;
+/** 표 칸 위에 오는 도구줄(단추 줄 + 간격) 높이 — 첫 줄 수 어림에만 씀 */
+const BAR_H = 52;
 const MARKET = "재료_자재품목.json";
 const LINKED = "재료_품셈재료.json";
 const JOB = ["인력.json"];
@@ -94,6 +96,7 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
   const { sub, detail, state } = pick;
   const file = pick.file.file;
   let page = pick.view?.page ?? 1;
+  let size = guessRows(host, BAR_H); // 화면 높이로 셈 — 그린 뒤 다시 재서 어긋나면 바로잡음
   let data: RowsPage | null = null;
   let unlinked = false;
 
@@ -210,7 +213,7 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
     host.replaceChildren(
       el("div", {
         className: "ui-toolbar m01-master__bar",
-        children: [add, ...only, buildPager(d.total, SIZE, d.page, go)],
+        children: [add, ...only],
       }),
       el("div", {
         className: "ui-table-wrap m01-master__grid-wrap",
@@ -221,8 +224,10 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
           }),
         ],
       }),
+      buildPager(d.total, size, d.page, go),
       ...empty,
     );
+    fit.ask();
   };
 
   const go = (next: number): void => {
@@ -232,7 +237,7 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
 
   const load = async (): Promise<void> => {
     try {
-      data = await fetchRows(file, page, SIZE, q, unlinked, sub, detail, state);
+      data = await fetchRows(file, page, size, q, unlinked, sub, detail, state);
       for (const [key, name] of Object.entries(data.refs ?? {})) names.set(key, name);
       saveView(pick.group, { page: data.page });
       paint();
@@ -241,9 +246,22 @@ export function renderRows(host: HTMLElement, pick: Pick, q: string): () => void
     }
   };
 
+  const fit = watchFit(
+    host,
+    () => host.querySelector<HTMLElement>(".m01-master__grid-wrap"),
+    (rows) => {
+      if (rows === size) return;
+      page = pageKeepFirst(data?.page ?? page, size, rows);
+      size = rows;
+      void load();
+    },
+  );
   const off = onDraftChange(paint);
   void load();
-  return off;
+  return () => {
+    fit.stop();
+    off();
+  };
 }
 
 function actionCell(label: string, onClick: () => void): HTMLTableCellElement {