feat(B07): 그립으로 고치고, 음수·극좌표를 받고, 편집분을 잃지 않는다

조사표 8~13절 검토에서 "기본 기능"으로 고른 것을 반영한다.

- 좌표 입력: 절대·상대 좌표가 양수만 받아 `@-100,50`을 거부했다. 부호를 허용하고
  극좌표 `@거리<각도`·`거리<각도`를 더했다. `-`·`+`가 확대·축소 단축키로 먼저
  잡혀 음수의 첫 글자를 먹고 있어 그 두 단축키를 뺐다(줌은 휠·뷰 막대·명령).
- 그립 편집: 선택 객체에 그립을 그리고 집어서 옮긴다. 선 끝점·중점, 폴리선 정점,
  사각형 모서리, 원 중심·반지름, 문자·점 기준점. 폴리선은 세그먼트 중점을 끌면
  정점이 늘고 정점 위 Ctrl+클릭이면 준다. 형상 필드가 private이라 공개 생성자로
  다시 만들어 바꿔 끼우고 id·도면층·색·그룹을 물려받는다.
- 자동 백업·복구: 5초 디바운스로 복구 전용 키에 저장하고, 시작할 때 백업이 있으면
  눌러서 되살리는 안내를 띄운다. 저장(QSAVE)에 성공하면 백업을 지운다.
- 선택 순환: 같은 자리를 다시 클릭하면 겹친 후보를 차례로 돌린다.
- 상태막대: `극좌표 추적` 버튼이 `직교`와 같은 onClick이라 같은 일을 하고 있었다.
  각각 45°·90°를 켜고 끄도록 고치고, 스냅 추적 토글과 F3·F7·F8·F10을 붙였다.
- 문자 굵게·기울임을 캔버스·SVG·JSON·스타일 패널에 연결했다.
- 조사표: 이미 되어 있던 5건의 표기를 정정하고, 출력·내보내기(9절)는 결재창 이후
  PDF·DXF·DWG로 반영할 것이라 보류(P)로 구분해 사유를 남겼다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

B07_DesignDetail/openwebcad/src/components/RibbonWidgets.tsx

@@ -1,5 +1,6 @@
 /** 리본 안에 들어가는 위젯 패널 — 특성(색·굵기·선종류), 도면층, 문자 스타일 */
 import type { FC } from 'react';
+import { runCommandInput } from '../commands/run-command';
 import type { Entity } from '../entities/Entity';
 import { EntityName } from '../entities/Entity';
 import type { TextEntity } from '../entities/TextEntity';
@@ -19,7 +20,6 @@ import {
 	setActiveTextStyle,
 	setEntities,
 } from '../state';
-import { runCommandInput } from '../commands/run-command';
 
 export const LINE_TYPES: { value: string; label: string; dash: number[] | undefined }[] = [
 	{ value: 'solid', label: '실선', dash: undefined },
@@ -178,6 +178,22 @@ export const TextStyleWidget: FC = () => {
 					}}
 				/>
 			</label>
+			<label className="cad-prop" title="굵게">
+				<span>굵게</span>
+				<input
+					type="checkbox"
+					checked={textStyle.bold}
+					onChange={(event) => handle({ bold: event.target.checked })}
+				/>
+			</label>
+			<label className="cad-prop" title="기울임">
+				<span>기울임</span>
+				<input
+					type="checkbox"
+					checked={textStyle.italic}
+					onChange={(event) => handle({ italic: event.target.checked })}
+				/>
+			</label>
 			<label className="cad-prop" title="문자 색상">
 				<span>색상</span>
 				<input

B07_DesignDetail/openwebcad/src/components/StatusBar.tsx

@@ -4,9 +4,11 @@ import {
 	getAngleStep,
 	getGridEnabled,
 	getSnapEnabled,
+	getSnapTrackingEnabled,
 	setAngleStep,
 	setGridEnabled,
 	setSnapEnabled,
+	setSnapTrackingEnabled,
 } from '../state';
 
 interface StatusBarProps {
@@ -18,6 +20,8 @@ export const StatusBar: FC<StatusBarProps> = ({ commandLineVisible, onToggleComm
 	const snap = getSnapEnabled();
 	const grid = getGridEnabled();
 	const ortho = getAngleStep() === 90;
+	const polar = getAngleStep() === 45;
+	const snapTracking = getSnapTrackingEnabled();
 
 	return (
 		<footer className="cad-statusbar controls">
@@ -32,19 +36,27 @@ export const StatusBar: FC<StatusBarProps> = ({ commandLineVisible, onToggleComm
 			<button
 				type="button"
 				data-active={ortho}
-				title="직교 모드 — 켜면 90°, 끄면 45° 간격 각도 가이드"
-				onClick={() => setAngleStep(ortho ? 45 : 90)}
+				title="직교 모드 (F8) — 90° 간격 각도 가이드"
+				onClick={() => setAngleStep(ortho ? 0 : 90)}
 			>
 				직교
 			</button>
 			<button
 				type="button"
-				data-active={!ortho}
-				title="극좌표 추적 — 45° 간격 각도 가이드"
-				onClick={() => setAngleStep(ortho ? 45 : 90)}
+				data-active={polar}
+				title="극좌표 추적 (F10) — 45° 간격 각도 가이드"
+				onClick={() => setAngleStep(polar ? 0 : 45)}
 			>
 				극좌표 추적
 			</button>
+			<button
+				type="button"
+				data-active={snapTracking}
+				title="객체 스냅 추적 — 스냅점에 잠시 머물면 그 점에서 정렬선이 뻗는다"
+				onClick={() => setSnapTrackingEnabled(!snapTracking)}
+			>
+				스냅 추적
+			</button>
 			<button
 				type="button"
 				data-active={grid}