feat(abut): 교대 벽체·흉벽 삽도와 수축줄눈·흉벽 Level 입력 추가

- 벽체·흉벽 개략 단면 SVG(src/view/abut-section-svg.ts)를 형상 카드 맨 위에 추가. 치수 글자는 카드 입력값을 mm로 표시하고, 값을 바꾸면 다시 그림
- 형상 입력에 수축줄눈 개수(정수 0 이상)와 흉벽 상단 Level 좌·우(450·995, 계산 미사용·QA-4)를 추가. 기하 계산에는 쓰지 않음
- 테스트 619건 통과, 타입 검사·빌드 통과

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>

src/view/abut-section-svg.ts

@@ -0,0 +1,43 @@
+import { type AbutShape, type ResolvedShape } from '../core/abut/shape';
+
+/**
+ * 벽체·흉벽 개략 단면 (시안 ② 삽도). Not to scale: the heights are fixed for legibility,
+ * and the labels show the card's values in mm, so the numbers the user types are what the drawing names.
+ * t runs along the 교대 직각 방향 (배면 −, 전면 +); the 교대축 is t = 0.
+ */
+export function abutSectionSvg(r: ResolvedShape, v: AbutShape): string {
+  const S = 100; // px per m
+  const YMAX = 4.6; // highest drawn height (m above the footing bottom)
+  const tMin = r.footingBackM - 0.4;
+  const tMax = r.footingFrontM + 0.6;
+  const W = (tMax - tMin) * S;
+  const H = (YMAX + 0.5) * S;
+  const X = (t: number) => (t - tMin) * S;
+  const Y = (h: number) => (YMAX - h) * S;
+  const fT = r.footingThicknessM;
+  const wallTop = fT + 2.0; // illustrative wall height
+  const parapetTop = wallTop + 0.9; // illustrative parapet height
+  const rect = (t0: number, t1: number, h0: number, h1: number, cls: string) =>
+    `<rect class="${cls}" x="${X(t0)}" y="${Y(h1)}" width="${(t1 - t0) * S}" height="${(h1 - h0) * S}"/>`;
+  const text = (x: number, y: number, s: string, anchor = 'start') =>
+    `<text x="${x}" y="${y}" text-anchor="${anchor}">${s}</text>`;
+  const wallMid = (r.wallBackM + r.wallFrontM) / 2;
+  return [
+    `<svg viewBox="0 0 ${W} ${H}" width="100%" role="img" aria-label="벽체·흉벽 개략 단면 (축척 아님)">`,
+    rect(r.footingBackM, r.footingFrontM, 0, fT, 'abut-footing'),
+    rect(r.wallBackM, r.wallFrontM, fT, wallTop, 'abut-wall'),
+    rect(r.parapetBackM, 0, wallTop, parapetTop, 'abut-parapet'),
+    text(4, Y(wallTop + 0.45), `흉벽 높이 ${v.parapetHeightMm}`),
+    text(X(r.parapetBackM) - 4, Y(parapetTop + 0.2), `흉벽 두께 ${v.parapetThicknessMm}`, 'start'),
+    text(X(wallMid), Y(fT + 1.0), `벽체 두께 ${v.wallThicknessMm}`, 'middle'),
+    text(X(r.wallFrontM) + 6, Y(wallTop - 0.3), `벽체 전면 ${v.wallFrontMm}`),
+    text(X(r.wallFrontM) + 6, Y(wallTop - 0.8), `브라켓 높이 ${v.bracketHeightMm}`),
+    text(X(r.wallFrontM) + 6, Y(fT + 0.4), `수축줄눈 ${v.shrinkJointCount}개`),
+    text(4, Y(fT / 2) + 4, `저판 두께 ${v.footingThicknessMm}`),
+    text(X(r.footingBackM), Y(0) + 18, `저판 뒷굽 ${v.footingBackMm}`),
+    text(X(r.footingFrontM), Y(0) + 18, `저판 앞굽 ${v.footingFrontMm}`, 'end'),
+    text(4, H - 22, '개략 도시 · 축척 아님', 'start'),
+    text(4, H - 6, `흉벽 상단 Level 좌 ${v.parapetLevelLeftMm} · 우 ${v.parapetLevelRightMm} (계산 미사용, QA-4)`, 'start'),
+    '</svg>',
+  ].join('');
+}