diff --git a/A00_Common/app_shell.ts b/A00_Common/app_shell.ts index 0d95b131d..5ca816bc8 100644 --- a/A00_Common/app_shell.ts +++ b/A00_Common/app_shell.ts @@ -525,6 +525,16 @@ html.is-bm-route .app-burger { box-shadow: var(--shadow-lg); } html.is-bm-route[data-touch="on"] .app-burger { min-height: 44px; } +/* 좌측 패널이 펼쳐진 동안 ☰ 는 패널 제목 줄 앞 칸에 든 모양(테두리 · 바탕 · 그림자 없음 · 자리 그대로) — + 패널을 접으면 떠 있는 단추(위 규칙)로 돌아감(352-4) */ +html.is-bm-route:has(.ui-workflow-overlay__panel--title:not(.is-collapsed)) .app-burger { + border-color: transparent; + background: transparent; + box-shadow: none; +} +html.is-bm-route:has(.ui-workflow-overlay__panel--title:not(.is-collapsed)) .app-burger:hover { + background: color-mix(in srgb, var(--color-text) 10%, transparent); +} html.is-bm-route .app-header.is-drawer-open .app-drawer { left: 0; right: auto; @@ -535,7 +545,7 @@ html.is-bm-route .app-drawer__brand { min-height: 44px; padding-left: calc(var(--app-burger-inset) - var(--spacing-16)); } -html.is-bm-route .app-drawer__brand .app-brand { align-self: flex-start; } +html.is-bm-route .app-drawer__brand .app-brand { align-self: flex-end; } `; export function injectShellStyles(): void { diff --git a/B05_Profile/B05_Profile_Api_Replan.ts b/B05_Profile/B05_Profile_Api_Replan.ts index d6626e02e..d8e10a59b 100644 --- a/B05_Profile/B05_Profile_Api_Replan.ts +++ b/B05_Profile/B05_Profile_Api_Replan.ts @@ -23,16 +23,29 @@ import type { RouteDraft } from "../A00_Common/design/logic/design_pipeline_type /** 편집 창 분석 지형 — las = 확정 지표면(라이다) · sheet = 수치지형도 서피스. */ export type AnalysisTerrain = "las" | "sheet"; -/** 고른 분석 지형 — 화면 상태 보관소 pref 통(노선 편집 고정과 같은 자리). 없으면 `fallback` - * (모달이 열 때 설계 지형으로 채움). [확인] 때 이 값이 설계 지형이 됨(PLAN 133-2). */ +/** 편집기가 열 때 알리는 지형 사정(352-3) — 저장하지 않음. 고를 수 있나(라이다 · 수치지형도 둘) · 설계 지형. */ +const terrainContext = new Map(); + +export const setTerrainContext = ( + projectId: string, + choosable: boolean, + design: AnalysisTerrain, +): void => void terrainContext.set(projectId, { choosable, design }); + +/** 지금 쓰는 분석 지형 — 하나뿐인 프로젝트는 그것 · 둘이면 사용자가 고른 값(화면 상태 보관소 pref 통 · + * 노선 편집 고정과 같은 자리), 고른 적 없으면 데이터대로(= 설계 지형 · 라이다가 있으면 라이다). + * 고른 값은 [저장] 때 설계 지형이 됨(PLAN 133-2). */ export const analysisTerrain = ( projectId: string, fallback: AnalysisTerrain = "las", ): AnalysisTerrain => { + const context = terrainContext.get(projectId); + if (context && !context.choosable) return context.design; const saved = readState("routeedit-terrain", projectId); - return saved === "sheet" || saved === "las" ? saved : fallback; + return saved === "sheet" || saved === "las" ? saved : (context?.design ?? fallback); }; +/** 사용자가 고를 때만 기억 — 열 때 기본값은 쓰지 않음. */ export const setAnalysisTerrain = (projectId: string, terrain: AnalysisTerrain): void => writeState("routeedit-terrain", terrain, projectId); diff --git a/B05_Profile/B05_Profile_UI_RouteEdit.ts b/B05_Profile/B05_Profile_UI_RouteEdit.ts index 50fb2d7fc..192f19255 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit.ts @@ -35,6 +35,7 @@ import { fetchRoutePlan, fetchTerrainSources, setAnalysisTerrain, + setTerrainContext, type AnalysisTerrain, } from "./B05_Profile_Api_Replan"; import { bindRouteApply } from "./B05_Profile_UI_RouteEdit_Apply"; @@ -185,7 +186,7 @@ export async function mountRouteEditor( let designTerrain: AnalysisTerrain = "las"; /** [확인]에 실을 분석 지형 — 고르기가 안 보이면 null(설계 지형 그대로). */ const pickedTerrain = (): AnalysisTerrain | null => - terrainSelect.closest("label")!.hidden ? null : analysisTerrain(projectId, designTerrain); + terrainSelect.closest("label")!.hidden ? null : analysisTerrain(projectId); /** 등고선 말고 함께 깔 도엽 레이어(하천중심선). */ let otherSheets: PreparedLayer[] = []; /** 고른 등고선 가닥 — 없으면 -1(계획서 0-9 ⑦). */ @@ -291,13 +292,6 @@ export async function mountRouteEditor( planMinRadiusM: () => minRadiusM, apply: (snapshot, message) => restoreSnapshot(snapshot, message, true), }); - // [저장 전으로] — 마지막 저장(페이지를 세운 때) 노선 · 그 걸음의 「현재 추천」으로. 되돌리기로 다시 살림. - overlay.querySelector('[data-act="cancel"]')!.addEventListener("click", () => { - const snapshot = history?.reset(); - if (!snapshot) return showToast("반영 뒤 고친 노선이 없습니다.", "info"); - initial.restoreTag(snapshot.rec); - restoreSnapshot(snapshot, "반영 전 노선으로 되돌렸습니다.", false); - }); function resize(): void { if (closed || !overlay.isConnected) return; @@ -638,21 +632,21 @@ export async function mountRouteEditor( syncCurveBar(); if (!planned.length) planned = plannedLine.map((vertex) => [vertex[0], vertex[1]]); meta = drainage.meta; - // 분석 지형 고르기(PLAN 133-1) — 라이다 · 수치지형도 둘 다 있을 때만 보임 · 기본 라이다. - // 고른 값이 없으면 지금 설계 지형(133-2) · 못 고르는 프로젝트는 설계 지형 그대로. + // 분석 지형 고르기(PLAN 133-1) — 라이다 · 수치지형도 둘 다 있을 때만 보임 · 열 때 안 씀(352-3). + // 고른 적 없으면 데이터대로(설계 지형 · 라이다가 있으면 라이다) · 사용자가 바꿀 때만 기억. designTerrain = sources?.design ?? "las"; const choosable = !!sources?.sources.includes("las") && !!sources?.sources.includes("sheet"); terrainSelect.closest("label")!.hidden = !choosable; - setAnalysisTerrain( - projectId, - choosable ? analysisTerrain(projectId, designTerrain) : designTerrain, - ); + setTerrainContext(projectId, choosable, designTerrain); terrainSelect.value = analysisTerrain(projectId); // 등고선은 따로 고른다(LAS 우선 · 수치지형도를 고르면 도엽). 나머지 도엽 레이어(하천중심선)만 배경으로 깐다. + // 확정 모델 등고선은 설계 지형이 라이다일 때만 라이다 것 — 수치지형도 설계면 도엽 선(글도 도엽). const loadBackground = () => loadRouteEditBackground(projectId, drainage, { surfaceModelId: - analysisTerrain(projectId) === "sheet" ? null : (options.surfaceModelId ?? null), + analysisTerrain(projectId) === "las" && designTerrain === "las" + ? (options.surfaceModelId ?? null) + : null, intervalM: options.contourIntervalM ?? 1, smooth: options.smooth ?? false, }); @@ -679,6 +673,9 @@ export async function mountRouteEditor( let terrainTicket = 0; terrainSelect.addEventListener("change", () => { setAnalysisTerrain(projectId, terrainSelect.value === "sheet" ? "sheet" : "las"); + // 계산 묶음에 알림 — 노선이 그대로여도 지형이 설계와 다르면 초안으로 다시 셈(352-3). + const dirty = history?.isDirty() || pickedTerrain() !== designTerrain; + options.draft?.edited(dirty ? draftLink.draftOfSnapshot(snapshotNow(), stationSnap) : null); const mine = ++terrainTicket; void loadBackground().then((background) => { if (closed || mine !== terrainTicket) return; diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_Chrome.ts b/B05_Profile/B05_Profile_UI_RouteEdit_Chrome.ts index c2d51167e..211b0658a 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_Chrome.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_Chrome.ts @@ -8,13 +8,13 @@ import { bindFootprintToggle } from "./B05_Profile_UI_RouteEdit_Footprint"; * `B05_Profile_UI_RouteEdit.ts` 가 700줄을 넘겨 떼어낸 조각이다(2026-09-12). 생김새만 있고 * 동작은 없다 — 배선은 본체와 각 조각(`_Apply`·`_Rotate`·`_History`…)이 한다. * - * **배치**(2026-09-12 사용자 지시 ⑩~⑬·⑱) — 아래 정보행을 없애고 지도 위 오버레이로 옮겼다. - * 단추는 제목행 오른쪽, 조작 설명은 지도 왼쪽 위 2열, 상태·범례는 왼쪽 아래, 잰 값은 오른쪽 - * 아래. 메인 창은 왼쪽으로 밀고 오른쪽 세로 칸에 횡단 두 판이 앉는다. + * **배치**(352-1) — 지도가 칸 전체 · 머리 줄 · 테두리 없음. 도구는 3D 와 같은 떠 있는 유리 단추 + * (지도 왼쪽 위 · ☰ 비킴), [?] 조작 설명은 도구줄 아래 2열, 상태·범례는 왼쪽 아래, 잰 값은 오른쪽 + * 아래. 횡단 두 판은 지도 오른쪽을 덮는 판(아래 종단 판이 그 위). * * 자리(345-3) — 모달이 아니라 종단 보기 가운데 위 본문(옛 3D 자리)에 붙는다. 덮개 · 전체 화면 · - * 닫기 단추는 걷었다 · [취소] → [저장 전으로] · [확인] · [노선 반영]은 없앰(346-3 — 노선은 페이지 [저장]이 - * 맨 앞에서 보냄) · 오른쪽 횡단 칸은 접는 칸. + * 닫기 단추는 걷었다 · [취소] · [확인] · [노선 반영] · [저장 전으로]는 없앰(346-3 · 352-2 — 노선은 페이지 + * [저장]이 맨 앞에서 보냄) · 오른쪽 횡단 칸은 접는 칸. * 머리 `tools` 자리에 부른 쪽 단추([3D])가 앉는다. [노선 추천] · 현재 추천 · [초기화]는 좌측 * 「노선 추천」 칸으로 옮겼다(345-4 · `_Panel_Recommend`). * ========================================================================== */ @@ -57,12 +57,11 @@ export function createRouteEditChrome( const overlay = document.createElement("div"); overlay.className = "b05-routeedit"; overlay.innerHTML = ` -
-
-

계획노선

- +
+ +
- + - - - - - - - - - - -
-
- + + + +
@@ -123,15 +117,16 @@ export function createRouteEditChrome(
-
-
+ `; parent.append(overlay); + // 부른 쪽 단추([3D])도 같은 유리 단추로 — 지도 위에 떠 있는 도구줄. + tools.forEach((tool) => tool.classList.replace("ui-btn--ghost", "ui-btn--glass")); overlay.querySelector('[data-slot="tools"]')!.replaceWith(...tools); // 횡단 미리보기 = 접는 칸 — 좁은 화면은 접힌 채 시작(지도가 먼저다). @@ -139,6 +134,7 @@ export function createRouteEditChrome( const sideToggle = overlay.querySelector('[data-act="side-toggle"]')!; const setSide = (open: boolean): void => { sideWrap.classList.toggle("is-collapsed", !open); + overlay.classList.toggle("is-side-open", open); // 회전 단추 · 잰 값 창이 판을 비킴 sideToggle.setAttribute("aria-expanded", String(open)); }; setSide(window.innerWidth >= 1500); diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_Draft.ts b/B05_Profile/B05_Profile_UI_RouteEdit_Draft.ts index a9fdd9ebe..de49bffad 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_Draft.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_Draft.ts @@ -1,14 +1,14 @@ /* ============================================================================= * B05_Profile_UI_RouteEdit_Draft.ts * 노선 편집기 ↔ 계산 묶음 다리(PLAN 346-1) — 노선을 한 번 고칠 때마다(놓기 · 더함 · 지움 · 곡선 · - * 되돌리기 · 다시하기 · [저장 전으로] · 추천 [적용]) 노선 초안을 넘김. 끄는 동안은 넘기지 않음 + * 되돌리기 · 다시하기 · 추천 [적용]) 노선 초안을 넘김. 끄는 동안은 넘기지 않음 * (사진첩에 쌓이는 때 = 손을 놓은 때). * * 편집기는 사진첩(`_History`)을 `watch` 로 감싸기만 함 — 고친 줄 하나. 저장 안 한 초안은 * 다리가 캐시 칸(`route-draft`)에 두고, 편집기가 자료를 읽은 뒤 `restore` 로 한 번 되살림 * (새로고침 · 보기 전환에도 남음). 계산 · 가게는 `A00_Common/design/design_pipeline_page.ts` 몫. * - * 되돌리기 줄(346-4) — 페이지 사진첩(`_Profile_History`)이 있으면 쌓기 · [저장 전으로] 뒤 사진첩에 한 걸음 · + * 되돌리기 줄(346-4) — 페이지 사진첩(`_Profile_History`)이 있으면 쌓기 · * [되돌리기] · [다시하기]는 사진첩이 함(평면 · 종단 · 횡단 · 관 · 구조물 한 줄) · 사진첩이 되쓴 노선 * 초안은 `fromPage` 로 편집기 새 걸음이 됨. 사진첩이 없으면 편집기 사진 그대로. * ========================================================================== */ @@ -99,11 +99,6 @@ export function watch( album.redo(); return null; }, - reset: () => { - const snapshot = tell(history.reset()); - if (snapshot) pageHistory()?.record(); - return snapshot; - }, canUndo: () => pageHistory()?.canUndo() ?? history.canUndo(), canRedo: () => pageHistory()?.canRedo() ?? history.canRedo(), fromPage, diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_History.ts b/B05_Profile/B05_Profile_UI_RouteEdit_History.ts index 1a2added5..4c2f2273b 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_History.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_History.ts @@ -11,7 +11,7 @@ * * 되돌리기 줄은 페이지 사진첩 하나(`_Profile_History` · 346-4) — 계산 묶음 다리가 있으면(`_Draft.watch`) * [되돌리기] · [다시하기] · Ctrl+Z · Y 는 사진첩이 받고, 여기 사진은 고정 · 추천 꼬리표 · 고른 점을 - * 되살리는 기록(`match`)과 [저장 전으로](`reset`) · 고친 것 있음(`isDirty`)에만 씀. + * 되살리는 기록(`match`) · 고친 것 있음(`isDirty`)에만 씀. * ========================================================================== */ import { onPageHistory } from "./B05_Profile_UI_Profile_History"; @@ -44,8 +44,6 @@ export interface RouteEditHistory { undo: () => RouteEditSnapshot | null; /** 한 걸음 앞으로. 없으면 null. */ redo: () => RouteEditSnapshot | null; - /** 창을 연 상태로. 이미 그 상태면 null. */ - reset: () => RouteEditSnapshot | null; canUndo: () => boolean; canRedo: () => boolean; /** 창을 연 뒤로 고친 것이 있나 — [초기화]를 켤지 정한다. */ @@ -115,15 +113,6 @@ export function createRouteEditHistory(initial: RouteEditSnapshot): RouteEditHis at += 1; return clone(steps[at]); }, - reset() { - // 이미 연 상태 그대로면 할 일이 없다 — 눌러도 걸음만 늘어난다. - if (sameRoute(steps[at], steps[0])) return null; - // 초기화도 **되돌릴 수 있어야** 한다 — 첫 사진을 새 걸음으로 쌓는다. - steps.length = at + 1; - steps.push(clone(steps[0])); - at = steps.length - 1; - return clone(steps[at]); - }, canUndo: () => at > 0, canRedo: () => at < steps.length - 1, isDirty: () => !sameRoute(steps[at], steps[0]), diff --git a/B05_Profile/B05_Profile_UI_RouteEdit_Label.ts b/B05_Profile/B05_Profile_UI_RouteEdit_Label.ts index b4bfdb3ca..de2c38274 100644 --- a/B05_Profile/B05_Profile_UI_RouteEdit_Label.ts +++ b/B05_Profile/B05_Profile_UI_RouteEdit_Label.ts @@ -197,7 +197,7 @@ export function createCurveLabel( lockApex.dataset.act = "lock-apex"; root.querySelector('[data-slot="lock-apex"]')!.replaceWith(lockApex); - /** 끝점에서는 숨길 곡선 칸 — 곡선 지우기 단추 · 반지름 줄 · 곡선 길이 줄 · 내각 글. */ + /** 끝점에서는 숨길 곡선 칸 — 곡선 삭제 단추 · 반지름 줄 · 곡선 길이 줄 · 내각 글. */ const curveOnly = [toggle, radiusField.wrapper, arcField.wrapper, info]; // 패널 위에서 누른 것이 캔버스로 새어 나가면 노드가 딸려 움직인다. @@ -327,7 +327,7 @@ export function createCurveLabel( lockApex.title = end ? `${name} 고정 — 켜면 끌어 옮길 수 없습니다. 풀면 끌어 옮깁니다` : "교각점 고정 — 이 꺾임점의 자리를 못 박습니다. 노드도 손잡이도 안 끌리고 반지름·곡선 길이 칸으로만 바뀝니다"; - toggle.textContent = state.curveOn ? "곡선 지우기" : "곡선 넣기"; + toggle.textContent = state.curveOn ? "곡선 삭제" : "곡선 추가"; radius.disabled = !state.curveOn; arc.disabled = !state.curveOn; lockRadius.disabled = !state.curveOn; diff --git a/B05_Profile/B05_Profile_UI_Style_RouteEdit.css b/B05_Profile/B05_Profile_UI_Style_RouteEdit.css index a9cc78586..00e97dd68 100644 --- a/B05_Profile/B05_Profile_UI_Style_RouteEdit.css +++ b/B05_Profile/B05_Profile_UI_Style_RouteEdit.css @@ -1,59 +1,37 @@ /* 계획노선 편집(평면) — 종단 보기 가운데 위 본문(옛 3D 자리 · 345-3). 덮개 · 전체 화면은 걷음 — 재계산 대기 막만 화면을 덮는다(노선 재탐색 · CLAUDE.md 5장). 색은 전부 테마 토큰을 쓴다. */ +/* 평면 = 가운데 칸 전체(352-1) — 머리 줄 · 테두리 없음. 도구줄은 3D 와 같은 떠 있는 유리 단추 + (`.b05-route__view-controls` · ☰ 비킴 `--wf-burger-pad`) · 횡단 판은 오른쪽을 덮는 판. */ .b05-routeedit { + --b05-side-open: 0px; /* 횡단 판이 펴져 지도를 덮는 폭 */ + --b05-side-top: 64px; /* 접힌 [횡단] 단추가 위 오른쪽을 덮는 폭 */ position: relative; display: flex; flex: 1 1 auto; - gap: var(--spacing-8); min-height: 0; - padding: var(--spacing-8); } -/* 메인 창은 **왼쪽**, 횡단 두 판은 오른쪽 세로 칸(2026-09-12 사용자 지시 ⑱). - 좁은 화면에서는 오른쪽 칸이 접히고 메인이 폭을 다 가진다. */ -.b05-routeedit__box { - position: relative; - display: flex; - flex: 1 1 auto; - flex-direction: column; - min-width: 0; - height: 100%; - overflow: hidden; - border: 1px solid var(--color-border); - border-radius: var(--radius-md); - background: var(--color-surface-raised); +.b05-routeedit.is-side-open { + --b05-side-open: 460px; + --b05-side-top: 460px; } -/* 머리 = 도구줄 — 왼쪽 이름 · 오른쪽 단추 묶음. */ -.b05-routeedit__head { - display: flex; - flex: none; - align-items: center; - gap: var(--spacing-12); - padding: var(--spacing-8) var(--spacing-12); - border-bottom: 1px solid var(--color-border); -} - -.b05-routeedit__head > h3 { - margin: 0; - font-size: var(--text-body); -} - -/* 제목행 — 왼쪽에 이름, **오른쪽 끝에 단추 묶음**(2026-09-12 사용자 지시 ⑪). - 단추는 공용 규격(`.ui-btn`)을 그대로 쓴다 — 모달이 따로 만든 크기를 걷어냈다. */ -.b05-routeedit__actions { - display: flex; - flex: 1 1 auto; +/* 도구줄 — 3D 도구줄 규격 그대로 · 오른쪽 회전 단추 · 횡단 판을 비켜 줄바꿈. */ +.b05-routeedit__tools { + right: calc(var(--spacing-12) + var(--b05-side-top) + 104px); flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - gap: var(--spacing-8); + pointer-events: none; /* 빈 자리는 지도 조작을 통과 */ +} + +.b05-routeedit__tools > * { + pointer-events: auto; } .b05-routeedit__canvas-wrap { position: relative; flex: 1 1 auto; + min-width: 0; min-height: 0; overflow: hidden; background: var(--color-surface); @@ -86,10 +64,10 @@ z-index: 1; } -/* 조작 설명 — 지도 왼쪽 위 · 기본 접힘 · [?] 로 펼침(345-5 덧 3) · 펼치면 **2열**(사용자 지시 ⑩). */ +/* 조작 설명 — 도구줄 아래 왼쪽 · 기본 접힘 · [?] 로 펼침(345-5 덧 3 · 352-1) · 펼치면 **2열**(사용자 지시 ⑩). */ .b05-routeedit__hint { - top: var(--spacing-12); - left: var(--spacing-12); + top: calc(var(--spacing-16) + 34px + var(--spacing-8)); + left: var(--spacing-16); display: flex; align-items: flex-start; gap: var(--spacing-8); @@ -173,11 +151,11 @@ color: var(--color-text-body); } -/* 회전 단추 — 지도 오른쪽 위(사용자 지시 ⑯). 여기만 클릭을 받는다. */ +/* 회전 단추 — 지도 오른쪽 위(사용자 지시 ⑯) · 횡단 판 왼쪽에 앉음(352-1). 여기만 클릭을 받는다. */ .b05-routeedit__spin { position: absolute; - top: var(--spacing-12); - right: var(--spacing-12); + top: var(--spacing-16); + right: calc(var(--spacing-12) + var(--b05-side-top)); z-index: 1; display: flex; gap: var(--spacing-8); @@ -211,18 +189,34 @@ border-top: 2px solid var(--map-route, #f97316); } -/* 오른쪽 세로 칸 — 위아래 반씩 나눠 **지금 횡단**과 **이전 횡단**이 앉는다. 접는 칸(345-3) — - 좁은 화면은 접힌 채 시작(`_Chrome`) · [횡단] 단추로 펴고 접는다. */ +/* 오른쪽 덮는 판 — 위아래 반씩 나눠 **지금 횡단**과 **이전 횡단**이 앉는다(352-1). 지도 위에 얹고 + 아래 종단 판(z 3)이 그 위를 덮는다. 접는 칸(345-3) — 좁은 화면은 접힌 채 시작(`_Chrome`) · + [횡단] 단추로 펴고 접는다. 빈 자리는 지도 조작을 통과. */ .b05-routeedit__side-wrap { + position: absolute; + z-index: 2; + top: var(--spacing-16); + right: var(--spacing-12); + bottom: var(--spacing-12); display: flex; - flex: none; flex-direction: column; gap: var(--spacing-8); min-height: 0; + pointer-events: none; +} + +.b05-routeedit__side-wrap.is-collapsed { + bottom: auto; +} + +.b05-routeedit__side-wrap > * { + pointer-events: auto; } .b05-routeedit__side-toggle { align-self: flex-end; + min-width: 56px; + height: 34px; } .b05-routeedit__side { @@ -323,21 +317,20 @@ line-height: 1.5; } -/* ㉓ 거리 재기와 되돌리기 사이 구분선. */ -.b05-routeedit__divider { - width: 1px; - height: 20px; - margin: 0 var(--spacing-4, 4px); - background: var(--color-border); -} - -/* 분석 지형 고르기(PLAN 133-1) — 라이다 있는 프로젝트만 보임. */ +/* 분석 지형 고르기(PLAN 133-1) — 라이다 있는 프로젝트만 보임 · 글에 유리 바탕(352-1). */ .b05-routeedit__terrain { display: inline-flex; align-items: center; gap: var(--spacing-4, 4px); + height: 34px; + padding: 0 var(--spacing-8); + border: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent); + border-radius: var(--radius-8, 6px); + background: color-mix(in srgb, var(--color-surface-raised) 72%, transparent); + backdrop-filter: blur(6px); + -webkit-backdrop-filter: blur(6px); font-size: 12px; - color: var(--color-text-muted, inherit); + color: var(--color-text-body); } .b05-routeedit__terrain[hidden] { @@ -347,7 +340,7 @@ /* ㉔ 잰 값 — 지도 오른쪽 아래 작은 창(뜬 종단 판이 덮으면 가려진 채 · 349-0). 닫으면 잰 것이 지워진다. */ .b05-routeedit__measure { position: absolute; - right: var(--spacing-12); + right: calc(var(--spacing-12) + var(--b05-side-open)); bottom: var(--spacing-12); z-index: 1; display: flex; @@ -461,11 +454,3 @@ color: var(--color-text-secondary); line-height: 1.35; } - -/* 「거리 재기」가 켜진 동안 — 단추가 눌린 꼴로 남는다(2026-09-12 사용자 지시 ⑥). - `is-active` 는 예전에도 붙고 있었으나 꼴이 없어 겉모습이 그대로였다. */ -.b05-routeedit__actions .ui-btn.is-active { - border-color: transparent; - background: var(--color-primary, #7c3aed); - color: #fff; -} diff --git a/resources/tester/helper_346_1_pipeline_page.cjs b/resources/tester/helper_346_1_pipeline_page.cjs index 7f177fc8b..03151b31f 100644 --- a/resources/tester/helper_346_1_pipeline_page.cjs +++ b/resources/tester/helper_346_1_pipeline_page.cjs @@ -243,7 +243,7 @@ async function run() { // ③ 편집기 다리 — 사진첩 감싸기 · 초안 되살림 { const told = []; - let dirty = true; + const dirty = true; const fake = { commit: () => undefined, undo: () => ({ @@ -259,15 +259,6 @@ async function run() { picked: -1, }), redo: () => null, - reset: () => ({ - planned: [[0, 0]], - curveOn: [true], - curveRadius: [null], - curveLock: [null], - curveArc: [null], - apexLock: [false], - picked: -1, - }), canUndo: () => true, canRedo: () => false, isDirty: () => dirty, @@ -287,8 +278,6 @@ async function run() { }); watched.undo(); watched.redo(); - dirty = false; - watched.reset(); const restored = []; draftLink.restore(bridge, (snap, message, record) => restored.push([snap.planned.length, record]), diff --git a/resources/tester/helper_346_4_one_undo.cjs b/resources/tester/helper_346_4_one_undo.cjs index 5471833af..963db4efd 100644 --- a/resources/tester/helper_346_4_one_undo.cjs +++ b/resources/tester/helper_346_4_one_undo.cjs @@ -151,11 +151,6 @@ const snap = (nodes, lock = false) => ({ out.redo3 = state(); out.editorAfterRedo = editor.slice(out.editorAfterUndo.length); out.profileReads = profileReads; - // [반영 전으로] — 사진첩 한 걸음 · 되돌리면 옮긴 노선 - history.reset(); - out.reset = state(); - pageAlbum.undo(); - out.resetUndo = state(); controls.dispose(); process.stdout.write(JSON.stringify(out)); })(); diff --git a/resources/tester/helper_352_3_terrain.cjs b/resources/tester/helper_352_3_terrain.cjs new file mode 100644 index 000000000..1bb86fc36 --- /dev/null +++ b/resources/tester/helper_352_3_terrain.cjs @@ -0,0 +1,61 @@ +/* PLAN 352-3 단위검증 헬퍼 — 분석 지형 기본값(고른 적 없으면 데이터대로) · 사용자가 바꿀 때만 기억. + * 진짜 `B05_Profile_Api_Replan.ts` 를 트랜스파일해 Node 로 돌림. 화면 상태 보관소만 가짜(쓰기 횟수 셈). + * 결과 = 표준출력 JSON 한 벌. 짝 = `test_352_3_analysis_terrain_default.py`. */ +const fs = require("fs"); +const path = require("path"); +const ts = require(path.join(__dirname, "..", "..", "config", "node_modules", "typescript")); + +const ROOT = path.join(__dirname, "..", ".."); +const store = new Map(); +let writes = 0; +const STUBS = { + config_frontend: { API_BASE_URL: "" }, + b_page_state: { + readState: (key, scope) => store.get(`${key}|${scope}`) ?? null, + writeState: (key, value, scope) => (writes++, store.set(`${key}|${scope}`, value)), + }, + common_util_surface_sampler: { heightAt: () => 0 }, + B05_Profile_Api_TerrainGrid: { loadDesignTerrainGrid: async () => null }, +}; +const cache = new Map(); +function loadTs(full) { + if (cache.has(full)) return cache.get(full); + const js = ts.transpileModule(fs.readFileSync(full, "utf8"), { + compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2020 }, + }).outputText; + const box = { exports: {} }; + cache.set(full, box.exports); + const localRequire = (request) => { + const key = Object.keys(STUBS).find((name) => request.endsWith(name)); + if (key) return STUBS[key]; + return require(request); + }; + new Function("exports", "module", "require", js)(box.exports, box, localRequire); + return box.exports; +} +const api = loadTs(path.join(ROOT, "B05_Profile", "B05_Profile_Api_Replan.ts")); + +const out = {}; +// ① 사정을 모를 때 — 라이다 +out.unknown = api.analysisTerrain("p0"); +// ② 둘 다 있고 고른 적 없음 — 데이터대로(설계 라이다 → 라이다) · 쓰기 0 +api.setTerrainContext("p1", true, "las"); +out.bothNoPick = api.analysisTerrain("p1"); +out.writesAfterOpen = writes; +// ③ 설계가 수치지형도인 프로젝트 · 고른 적 없음 — 설계대로(고르기 글 = 실제 쓰는 지형) +api.setTerrainContext("p2", true, "sheet"); +out.sheetDesignNoPick = api.analysisTerrain("p2"); +// ④ 사용자가 바꿈 — 그때만 기억 · 다음 접근(사정 다시 알림)에도 남음 +api.setAnalysisTerrain("p1", "sheet"); +out.afterPick = api.analysisTerrain("p1"); +out.writesAfterPick = writes; +api.setTerrainContext("p1", true, "las"); +out.nextAccess = api.analysisTerrain("p1"); +// ⑤ 하나뿐인 프로젝트 — 옛 값이 남아 있어도 있는 것만 씀 +store.set("routeedit-terrain|p3", "las"); +api.setTerrainContext("p3", false, "sheet"); +out.sheetOnlyStale = api.analysisTerrain("p3"); +store.set("routeedit-terrain|p4", "sheet"); +api.setTerrainContext("p4", false, "las"); +out.lasOnlyStale = api.analysisTerrain("p4"); +process.stdout.write(JSON.stringify(out)); diff --git a/resources/tester/test_133_1_analysis_terrain.py b/resources/tester/test_133_1_analysis_terrain.py index 3ec2db211..eba2b8ab9 100644 --- a/resources/tester/test_133_1_analysis_terrain.py +++ b/resources/tester/test_133_1_analysis_terrain.py @@ -166,7 +166,7 @@ def test_화면_고르기_배선(): assert '' in chrome assert '' in chrome assert 'sources?.sources.includes("las") && !!sources?.sources.includes("sheet")' in main - assert 'saved === "sheet" || saved === "las" ? saved : fallback' in api + assert 'saved === "sheet" || saved === "las" ? saved : (context?.design ?? fallback)' in api # 모달 분석 셋(종단 띠는 345-5 에서 없앰)이 고른 지형을 실어 보냄 · [확인] 재계산은 안 실음 assert api.count("terrain: analysisTerrain(projectId)") == 2 assert "terrain: analysisTerrain(projectId)" in initial_api diff --git a/resources/tester/test_133_2_design_terrain.py b/resources/tester/test_133_2_design_terrain.py index 552358ff8..c8d0edf84 100644 --- a/resources/tester/test_133_2_design_terrain.py +++ b/resources/tester/test_133_2_design_terrain.py @@ -294,4 +294,6 @@ def test_화면_확인이_고른_지형을_실음(): # 346-3 — 노선 초안(draft.terrain)에 실림 · [저장]이 보냄 assert "terrain: params.terrain() })" in apply and "terrain: settings.terrain," in apply assert "pickedTerrain() !== designTerrain" in main # 지형만 바꿔도 [확인]이 다시 셈 - assert "analysisTerrain(projectId, designTerrain)" in main # 고른 값 없으면 설계 지형 + assert ( + "setTerrainContext(projectId, choosable, designTerrain)" in main + ) # 고른 값 없으면 설계 지형 diff --git a/resources/tester/test_346_1_pipeline_page.py b/resources/tester/test_346_1_pipeline_page.py index f100e72c2..a10480a78 100644 --- a/resources/tester/test_346_1_pipeline_page.py +++ b/resources/tester/test_346_1_pipeline_page.py @@ -173,7 +173,7 @@ def test_늦은_응답_버림(r): def test_편집기_다리(r): d = r["draftLink"] - assert d["told"] == [3, 2, None] # 쌓기 · 되돌리기 · 열 때로(null) — 다시하기 없음은 안 알림 + assert d["told"] == [3, 2] # 쌓기 · 되돌리기 — 다시하기 없음은 안 알림 assert d["restored"] == [ [r["n"], True] ] # 저장 안 한 초안 = 새 걸음으로 되살림 · 없으면 안 부름 diff --git a/resources/tester/test_346_4_one_undo.py b/resources/tester/test_346_4_one_undo.py index 2fa120d9a..f2423b500 100644 --- a/resources/tester/test_346_4_one_undo.py +++ b/resources/tester/test_346_4_one_undo.py @@ -54,11 +54,6 @@ def test_다시하기는_앞으로(out) -> None: assert out["profileReads"] == 6 # 종단도도 걸음마다 다시 읽음 -def test_반영_전으로도_한_걸음(out) -> None: - assert out["reset"]["route"] is None and out["reset"]["cross"] # 노선만 열 때로 - assert out["resetUndo"]["route"] == 70 - - def test_단축키는_사진첩_한_곳(): tools = (ROOT / "B05_Profile/B05_Profile_UI_Profile_Panel_Tools.ts").read_text(encoding="utf-8") assert "undoOwner" not in tools diff --git a/resources/tester/test_352_3_analysis_terrain_default.py b/resources/tester/test_352_3_analysis_terrain_default.py new file mode 100644 index 000000000..00aa1b676 --- /dev/null +++ b/resources/tester/test_352_3_analysis_terrain_default.py @@ -0,0 +1,54 @@ +"""352-3 분석 지형 기본값 — 고른 적 없으면 데이터대로 · 열 때 안 씀 · 사용자가 바꿀 때만 기억 · 바꾸면 묶음에 알림. + +./venv/Scripts/python.exe -m pytest resources/tester/test_352_3_analysis_terrain_default.py -q +""" + +from __future__ import annotations + +import json +import subprocess +from pathlib import Path + +import pytest + +HERE = Path(__file__).resolve().parent +ROOT = HERE.parents[1] + + +@pytest.fixture(scope="module") +def out() -> dict: + run = subprocess.run( # noqa: S603 — 고정 실행 파일 + ["node", str(HERE / "helper_352_3_terrain.cjs")], + capture_output=True, + text=True, + encoding="utf-8", + ) + assert run.returncode == 0, run.stderr + return json.loads(run.stdout) + + +def test_고른_적_없으면_데이터대로_열_때_안_씀(out) -> None: + assert out["unknown"] == "las" + assert out["bothNoPick"] == "las" # 라이다가 있는 프로젝트 = 라이다 + assert out["writesAfterOpen"] == 0 # 열 때 pref 에 쓰지 않음 + assert out["sheetDesignNoPick"] == "sheet" # 설계 지형대로 — 고르기 글 = 실제 쓰는 지형 + + +def test_사용자가_바꿀_때만_기억(out) -> None: + assert out["afterPick"] == "sheet" and out["writesAfterPick"] == 1 + assert out["nextAccess"] == "sheet" # 다음 접근에도 + + +def test_하나뿐이면_있는_것만(out) -> None: + assert out["sheetOnlyStale"] == "sheet" + assert out["lasOnlyStale"] == "las" + + +def test_편집기_배선() -> None: + main = (ROOT / "B05_Profile/B05_Profile_UI_RouteEdit.ts").read_text(encoding="utf-8") + assert main.count("setAnalysisTerrain(") == 1 # 바꿀 때 한 곳뿐 — 열 때 쓰기 없음 + handler = main.split('terrainSelect.addEventListener("change"', 1)[1][:900] + assert "setAnalysisTerrain(projectId" in handler + assert "options.draft?.edited(" in handler # 바꾸면 계산 묶음에 알림 + # 설계 지형이 수치지형도면 확정 모델(수치지형도 서피스) 등고선을 「LAS」로 쓰지 않음 + assert 'analysisTerrain(projectId) === "las" && designTerrain === "las"' in main diff --git a/resources/tester/test_b05_routeedit_chrome_modal.py b/resources/tester/test_b05_routeedit_chrome_modal.py index d07655715..2dfc14a68 100644 --- a/resources/tester/test_b05_routeedit_chrome_modal.py +++ b/resources/tester/test_b05_routeedit_chrome_modal.py @@ -1,7 +1,7 @@ """계획노선 편집 겉틀 — 345-3 부터 모달이 아니라 종단 보기 가운데 위 본문(PLAN 127-1 의 공용 모달 조각은 걷음). · 덮개(`ui-modal__backdrop`) · 전체 화면 · 닫기 단추 없음 · 부모를 받아 붙음(`document.body` 아님) -· [취소] → [반영 전으로](이력 처음으로) · [확인] → [노선 반영] · 머리 끝 `tools` 자리([3D]) +· [저장 전으로] 없음(352-2) · ↶ ↷ 는 기호 단추 · 머리 끝 `tools` 자리([3D]) · 오른쪽 횡단 미리보기 = 접는 칸 · 재계산 대기 막은 화면 전체(fixed) · R 라벨은 칸 안 절대 위치 · 바깥 누름 · Esc 로 안 닫힘(모달 아님) """ @@ -33,13 +33,16 @@ def test_겉틀은_본문_칸(): assert 'overlay.className = "b05-routeedit";' in chrome assert "b05-routeedit__close" not in chrome and 'data-slot="close"' not in chrome assert '"tools"' in chrome and "replaceWith(...tools)" in chrome - # 346-3 — [노선 반영] 없앰(노선은 페이지 [저장]이 맨 앞에서 보냄) · [취소] = [저장 전으로] - assert ">저장 전으로" in chrome and 'data-act="apply"' not in chrome - assert "노선 반영" not in chrome + # 346-3 — [노선 반영] 없앰(노선은 페이지 [저장]이 맨 앞에서 보냄) · 352-2 — [저장 전으로] 없앰 + assert 'data-act="apply"' not in chrome and 'data-act="cancel"' not in chrome + assert ">저장 전으로" not in chrome and "노선 반영" not in chrome assert ">취소" not in chrome and ">확인" not in chrome + # 352-2 — 되돌리기 · 다시하기 = 글 없이 기호 + aria-label · title(단축키) + assert 'aria-label="되돌리기" disabled>↶' in chrome + assert 'aria-label="다시하기" disabled>↷' in chrome + assert 'title="되돌리기 (Ctrl+Z)"' in chrome and 'title="다시하기 (Ctrl+Y)"' in chrome # 시험 · 배선이 집는 자리는 남김 - for hook in ('data-act="cancel"', "b05-routeedit__measure-close"): - assert hook in chrome + assert "b05-routeedit__measure-close" in chrome assert 'data-act="side-toggle"' in chrome and "is-collapsed" in chrome @@ -58,6 +61,36 @@ def test_CSS_덮개_걷음_대기막은_전체(): assert "@media (width < 1500px)" not in css # 접기는 단추로(처음만 폭으로) +def test_352_1_머리줄_상자_없음_도구는_뜬_단추_횡단은_우측_덮개(): + chrome = _read("B05_Profile_UI_RouteEdit_Chrome.ts") + for gone in ("b05-routeedit__box", "b05-routeedit__head", "b05-routeedit__actions", "

"): + assert gone not in chrome + # 도구줄 = 3D 와 같은 떠 있는 유리 단추 · 구분선도 3D 것 + assert 'class="b05-route__view-controls b05-routeedit__tools"' in chrome + assert "ui-btn--ghost" not in chrome.split(" chrome.index("b05-routeedit__busy") + css = _read("B05_Profile_UI_Style_RouteEdit.css") + for gone in (".b05-routeedit__box", ".b05-routeedit__head", ".b05-routeedit__actions"): + assert gone not in css + root = _block(css, ".b05-routeedit") + assert "padding" not in root and "gap" not in root + side = _block(css, ".b05-routeedit__side-wrap") + assert "position: absolute;" in side and "right: var(--spacing-12);" in side + z = int(re.search(r"z-index: (\d+);", side).group(1)) + assert z < 3 # 아래 종단 판(z 3)이 위 + style = _read("B05_Profile_UI_Style.css") + assert "z-index: 3;" in _block(style, ".b05-route-profile") + # 회전 단추 · 잰 값 창은 펴진 횡단 판을 비킴 + assert "var(--b05-side-top)" in _block(css, ".b05-routeedit__spin") + assert "var(--b05-side-open)" in _block(css, ".b05-routeedit__measure") + assert "is-side-open" in chrome + glass = _block(css, ".b05-routeedit__terrain") + assert "backdrop-filter: blur(6px);" in glass and "background:" in glass + + def test_페이지_수명_닫기_없음(): main = _read("B05_Profile_UI_RouteEdit.ts") assert "openModal" not in main and "Escape" not in main @@ -67,10 +100,13 @@ def test_페이지_수명_닫기_없음(): assert "new ResizeObserver(" in main assert "host.onDispose(dispose);" in main assert "historyControls.listen(host.visible());" in main - assert "history?.reset();" in main # [반영 전으로] + assert "history?.reset()" not in main # 352-2 — [저장 전으로] 지움 + hist = _read("B05_Profile_UI_RouteEdit_History.ts") + assert "reset" not in hist.split("export interface RouteEditHistory", 1)[1].split("}", 1)[0] assert len(main.splitlines()) <= 700 label = _read("B05_Profile_UI_RouteEdit_Label.ts") assert "document.body.append" not in label and "container.append(root);" in label + assert '"곡선 삭제" : "곡선 추가"' in label # 352-5 — 버튼 이름은 명사형 assert "container: overlay," in main apply = _read("B05_Profile_UI_RouteEdit_Apply.ts") assert "close" not in apply.split("export function bindRouteApply", 1)[1] diff --git a/resources/tester/test_b05_routeedit_initial.py b/resources/tester/test_b05_routeedit_initial.py index ae7d1c855..7cce14368 100644 --- a/resources/tester/test_b05_routeedit_initial.py +++ b/resources/tester/test_b05_routeedit_initial.py @@ -210,9 +210,9 @@ def test_노선_추천_다듬기_23_3(): chrome = read("B05_Profile_UI_RouteEdit_Chrome.ts") # 345-4 — [노선 추천]은 좌측 칸 · 머리 구분선은 [3D](tools) 뒤 · 되돌리기 앞 둘 그대로 tools = chrome.index('data-slot="tools"') - divider = chrome.index("b05-routeedit__divider", tools) + divider = chrome.index("b05-route__view-separator", tools) # 352-1 — 3D 도구줄 구분선 그대로 assert tools < divider < chrome.index('data-act="contour-minor"') - assert chrome.count("b05-routeedit__divider") == 2 + assert chrome.count("b05-route__view-separator") == 2 shared = read("B05_Profile_UI_RouteEdit_Recommend_Map.ts") for name in ("bindRouteEditNavigation", "createMapRotation", "fitCanvas", "metricToScreen"): assert f"{name}(" in shared diff --git a/resources/tester/test_device_drawer.py b/resources/tester/test_device_drawer.py index e7f454e3a..c791d30d0 100644 --- a/resources/tester/test_device_drawer.py +++ b/resources/tester/test_device_drawer.py @@ -6,6 +6,8 @@ ③ 휴대폰 · 공개 쪽(A01) = 위 줄 그대로(본문 위 끝 64) · ☰ 는 위 줄 오른쪽 ④ 데스크탑(1440 · 마우스) · 로그인 뒤 B 쪽 = 위 줄 걷힘 · ☰ 왼쪽 위 36×36 · 진행 판 없음 · 위 줄 항목이 모두 서랍에 · Esc 로 닫힘 ⑤ 데스크탑 · 공개 쪽(A01) = 위 줄 그대로 · ☰ 없음 +⑥ (352-4) 좌측 패널이 펼쳐진 동안 ☰ 는 제목 줄 앞 칸에 든 모양(테두리 · 바탕 · 그림자 없음 · 자리 8,8 그대로) + · 접으면 떠 있는 단추 · 서랍 첫 줄 로고 우측 · 프로젝트 이름 우측 끝 — 글로 봄(서버 없이) """ import json @@ -131,3 +133,22 @@ def test_drawer_holds_steps_and_header_folds(): assert desk.evaluate(OUTLET_TOP) == 64 assert not desk.evaluate("document.querySelector('.app-burger').getClientRects().length") browser.close() + + +def test_352_4_burger_in_panel_title_row_text(): + root = Path(__file__).resolve().parents[2] + shell = (root / "A00_Common/app_shell.ts").read_text(encoding="utf-8") + open_panel = ( + "html.is-bm-route:has(.ui-workflow-overlay__panel--title:not(.is-collapsed)) .app-burger {" + ) + assert open_panel in shell # 패널 펼침 = 제목 줄에 든 모양 + body = shell.split(open_panel, 1)[1].split("}", 1)[0] + for line in ("border-color: transparent;", "background: transparent;", "box-shadow: none;"): + assert line in body + # 자리(8,8 · 36)는 그대로 — 접으면 아래 기본 규칙(떠 있는 단추)으로 돌아감 + base = shell.split("html.is-bm-route .app-burger {", 1)[1].split("}", 1)[0] + assert "position: fixed;" in base and "left: var(--spacing-8);" in base + assert "html.is-bm-route .app-drawer__brand .app-brand { align-self: flex-end; }" in shell + overlay = (root / "ui_template/ui_template_overlay.css").read_text(encoding="utf-8") + project = overlay.split(".ui-workflow-overlay__project {", 1)[1].split("}", 1)[0] + assert "margin-left: auto;" in project diff --git a/ui_template/ui_template_overlay.css b/ui_template/ui_template_overlay.css index 7565877b4..2d672e9bb 100644 --- a/ui_template/ui_template_overlay.css +++ b/ui_template/ui_template_overlay.css @@ -131,6 +131,7 @@ .ui-workflow-overlay__project { flex: 0 1 auto; + margin-left: auto; max-width: 60%; min-width: 0; overflow: hidden;