2026-06-12 세션 — 관계도·토픽 내비 UI (새탭·홈 순서·메뉴 오버레이)
논의·대안
Evidence 리포트 UI 3건(페페 지시). ① 사이드 메뉴의 관계도·토픽 링크 새탭 열기 — Evidence 사이드바는 frontmatter에 target 옵션이 없어, 커스텀 레이아웃(report/pages/+layout.svelte)을 신설해 기본 EvidenceDefaultLayout을 감싸고 /graph·/topics 앵커에 target=_blank rel=noopener를 부여(데스크톱 aside + 모바일 드로어 #mobileScrollable, SPA 재렌더 대응 MutationObserver). SvelteKit 라우터는 target 있는 링크를 가로채지 않아 네이티브 새탭으로 동작. ② home 페이지 카드 순서 — 관계도·토픽 카드를 프로젝트 카드들 위(최상단)로, 관계도 첫번째. ③ 관계도(/graph) 페이지 좌측 사이드 메뉴의 흰 배경 흔적 제거 — iframe을 position:fixed 풀블리드(헤더 48px 아래 전체 화면)로 깔고, 사이드 메뉴는 배경·그림자 없이 밝은 텍스트만 그래프 위에 오버레이(/graph에서만 조건부 CSS 주입). 메뉴 시작을 top 112px로 내려 그래프 자체 헤더와의 겹침을 회피, 하단 Built with Evidence는 그래프 도움말 줄과 겹쳐 이 페이지에서만 숨김, h1·브레드크럼 숨김, 기존 '전체화면으로 열기' 버튼은 래퍼 자체가 풀스크린이 되어 제거.
결정
- 사이드 메뉴 새탭 대상 URL = 래퍼 페이지(
/graph·/topics) 유지(풀스크린 정적/docs/graph.html이 아님) — 래퍼가 풀블리드+메뉴 텍스트 오버레이로 사실상 전체화면이라 별도 버튼 불필요. - 레이아웃 커스터마이즈는
pages/+layout.svelte1파일로 한정(Evidence 빌드가pages/**를src/pages/로 복사해 기본 레이아웃을 덮어쓰는 공식 메커니즘).build_graph.py·매니페스트·데이터 불변.
산출물·커밋
report/pages/+layout.svelte신설,report/pages/graph.md(풀블리드 iframe)·report/pages/index.md(카드 순서) 수정 — 커밋b082089.- 검증:
npm run sources+buildexit 0, Playwright 20/20(표준 10 + 그래프 10), 새탭 실클릭(원탭 유지·새탭 /graph), home 카드 순서·/graph 오버레이 스크린샷 육안, 일반 페이지 사이드바 회귀 없음.
다음
- 없음(요청 범위 완료). 모바일 드로어는 흰 배경 유지(자체 배경 있는 오버레이라 가독 문제 없음).
관계
- 주제 그룹: (없음 — UI 단건)
- 관련 문서: ub-handoff, user-brief-sessions