From e25471830933e83152f5a5603d571f002daa512c Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 21 Oct 2026 23:36:37 +0000 Subject: [PATCH] feat(viewer): revise web viewer UI/UX to Prism design system (webapp module) - Apply webapp/module.webapp.md: CSS variable block (verbatim), W1 app shell (header with meta slots, left nav rail >=904px, stacked below), 38em measure. - Colours and type from tokens only; part colours mapped to dv tokens. - Controls per catalog: one primary button, secondary/quiet variants, verb-first labels <=8 chars, 44px hit areas, 3px focus ring with 2px offset. - Theme: system / light / dark, choice persisted (try/catch); prefers-reduced-motion. - Part attributes shown as a specsheet in the tooltip and in the rail; keyboard part picker added for non-pointer users. Co-Authored-By: Claude Haiku 5.5 Claude-Session: https://claude.ai/code/session_01A5Cun3RHQKna9qxE6ybZ4A --- viewer/index.html | 602 ++++++++++++++++++++++++++++++++++++---------- 1 file changed, 475 insertions(+), 127 deletions(-) diff --git a/viewer/index.html b/viewer/index.html index 7a30e30..91e858c 100644 --- a/viewer/index.html +++ b/viewer/index.html @@ -2,75 +2,324 @@ - + 대산2터널 본선 3D 모델 -
-
+ + +

대산2터널 본선 3D 모델

-
측점 4+745 ~ 5+480 · 단위 m
-
- -

구간 보기 (시작 · 끝 측점)

-
-
- - +
+
측점
4+745 ~ 5+480
+
부품
—
+
단위
m
+
상태
불러오는 중
+
+
+ + +
-
4+745 ~ 5+480
-
+
-

지보패턴 (라이닝·굴착 여유대)

-
-

굴착 여유대

- -

구성요소

-
+
+ + +
+ + +
-
-
불러오는 중…
+