릴리스: v1.2.63 메인 영역 잘림과 셸 높이 계산 보정

docs/update.md

@@ -1,5 +1,9 @@
 # 업데이트 로그
 
+## 2026-03-31 v1.2.63
+- 앱 셸과 워크스페이스에 걸려 있던 고정 `100dvh` 높이를 풀어, 본문이 길어질 때 중앙 `main` 영역이 잘리거나 접히는 현상을 보정함.
+- 좌우 레일은 그대로 화면 기준 높이를 유지하되, 중앙 작업 영역은 내용만큼 자연스럽게 늘어나도록 높이 계산을 다시 정리함.
+
 ## 2026-03-31 v1.2.62
 - 템플릿 요청 모달의 제목/설명 입력을 Settings 화면과 같은 어두운 입력 문법으로 맞춰 흰 배경/흰 글자처럼 보이던 문제를 정리함.
 - 앱 셸은 사이드 기본 바탕색을 중심으로 재정리하고, 중앙 바디에 배경과 좌우 보더를 줘 긴 스크롤에서도 사이드가 잘리는 듯한 인상을 줄이도록 조정함.

frontend/src/App.vue

@@ -416,7 +416,6 @@ function submitGlobalSearch() {
 <style scoped>
 .appShell {
   min-height: 100dvh;
-  height: 100dvh;
   display: grid;
   grid-template-columns: var(--left-rail-width, 248px) minmax(0, 1fr) var(--right-rail-width, 320px);
   background: rgba(14, 14, 14, 0.96);
@@ -431,7 +430,6 @@ function submitGlobalSearch() {
 .leftRail,
 .rightRail {
   min-height: 100dvh;
-  height: 100dvh;
   border-right: 1px solid rgba(255, 255, 255, 0.08);
   background: rgba(14, 14, 14, 0.92);
   box-sizing: border-box;
@@ -790,7 +788,7 @@ function submitGlobalSearch() {
 
 .appMain {
   min-width: 0;
-  min-height: 100dvh;
+  min-height: 0;
   box-sizing: border-box;
   background: rgba(18, 18, 18, 0.98);
   border-left: 1px solid rgba(255, 255, 255, 0.08);
@@ -806,7 +804,6 @@ function submitGlobalSearch() {
   grid-template-rows: 56px minmax(0, 1fr);
   gap: 0;
   min-height: 100dvh;
-  height: 100dvh;
 }
 
 .workspace--localRail {
@@ -1007,7 +1004,6 @@ function submitGlobalSearch() {
 @media (max-width: 860px) {
   .appShell {
     grid-template-columns: 1fr;
-    height: auto;
     min-height: 100dvh;
   }