refactor(B05,B06): 화면 상태 보관소를 한 곳으로 — 등록표 신설 + 취향값 이관

2026-09-06 사용자 지시(캐시·세션 일원화 1단계). 세션 접근이 19개 파일 64곳에
흩어져 있고 키 이름이 네 갈래라 같은 설계값인데 두 화면이 서로의 값을 못 보는
자리가 있었다.

- `A00_Common/b_page_state.ts` 신설 — 값마다 통(① 취향 · ② 초안 · ④ 계산 결과)과
  범위(전역·프로젝트·노선)를 한 줄로 적는 등록표. 키 형식은
  `aislo:{통}:{이름}:{프로젝트}[:{노선}]` 하나이고 **페이지 이름을 키에 넣지 않는다**.
- 옛 키는 처음 읽을 때 새 키로 한 번 옮기고 지운다(사용자가 쓰던 배치 유지).
- 초안 비우기(`clearDrafts`)·결과 버리기(`clearResults`)를 그 한 곳에 둠.
- 이번 커밋은 ① 취향값 11개를 이관 — 패널 접힘·높이, 유토곡선 펼침·높이·범례,
  테이블 펼침·높이, 배수유역 접힘·폭, B06 패널 접힘·높이.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

B05_Profile/B05_Profile_UI_Profile_TableOverlay.ts

@@ -10,12 +10,13 @@
  *    가로 오프셋). 테이블 내용물은 Profile_Panel의 draw()가 만들어 setTable로 넣는다.
  * ========================================================================== */
 
+import { readStateRaw, stateKey, writeStateRaw } from "../A00_Common/b_page_state";
 import { createWorkflowPanelHandle } from "@ui/ui_template_overlay";
 import { createPanelResizer } from "@ui/ui_template_resizer";
 import { attachWheelHorizontalScroll } from "./B05_Profile_UI_Profile_Wheel";
 
-const OPEN_KEY = "b05:profile:table:open";
-const HEIGHT_KEY = "b05:profile:table:height";
+/* 펼침·높이는 화면 취향(①) — 키는 등록표(`b_page_state`)가 만든다. */
+const HEIGHT_KEY = stateKey("table-height") ?? "";
 const OVERLAY_MIN_HEIGHT = 140;
 /** 테이블 오버레이 최소 높이 — 메인 패널 하한 계산(Profile_Panel)이 함께 쓴다. */
 export const TABLE_OVERLAY_MIN_HEIGHT = OVERLAY_MIN_HEIGHT;
@@ -61,7 +62,7 @@ export function createProfileTableOverlay(onChanged: () => void): RouteProfileTa
 
   // 상태 선언은 리사이저 생성보다 먼저 — 세션 높이 복원이 생성 중 onResize를 부른다
   // (유토곡선 TDZ 크래시와 같은 함정, 2026-08-04 확인).
-  let open = sessionStorage.getItem(OPEN_KEY) !== "false"; // 기본 펼침(기존 테이블 상시 표시 유지)
+  let open = readStateRaw("table-open") !== "false"; // 기본 펼침(기존 테이블 상시 표시 유지)
   let bottomOffset = 0;
   let resizeRedrawPending = false;
   const resizer = createPanelResizer({
@@ -99,7 +100,7 @@ export function createProfileTableOverlay(onChanged: () => void): RouteProfileTa
 
   function applyOpen(next: boolean): void {
     open = next;
-    sessionStorage.setItem(OPEN_KEY, String(next));
+    writeStateRaw("table-open", String(next));
     handleControl.setOpen(next);
     handleControl.root.title = next ? "테이블 접기" : "테이블 펼치기";
     handle.classList.toggle("is-open", next);
@@ -136,7 +137,7 @@ export function createProfileTableOverlay(onChanged: () => void): RouteProfileTa
     commitHeight: (px) => {
       const next = Math.round(px);
       overlay.style.setProperty(HEIGHT_VAR, `${next}px`);
-      sessionStorage.setItem(HEIGHT_KEY, String(next));
+      writeStateRaw("table-height", String(next));
       syncHandlePosition();
     },
     contentHeight: () => Math.max(0, overlay.offsetHeight - 6),