feat(B07): CAD를 AutoCAD 명령 체계로 재구성한다 (조사표 1·2·3·5절)

저장소 사고로 잃은 4개 커밋(38eb7cd4·b8a11756·281528bf·f60b488d)의 작업물을
하나로 다시 담았다. 내용은 동일하다.

■ 구조
- commands/: 명령 정의(id·AutoCAD 별칭·글리프·도구/즉시실행)를 단일 소스로 두고
  리본·명령행·단축키가 모두 이 레지스트리를 읽는다. tools/tool.consts.ts 폐지.
- ribbon/: 탭→패널→명령 데이터(ribbon.config.ts)와 범용 렌더러 분리.
  AutoCAD 배치(홈·삽입·주석·뷰·출력)와 패널 확장(▾)을 따른다.
- tools/factories/sequence-tool.ts: 점·숫자·문자·객체·선택 단계를 선언하면
  xstate 머신을 만들어 주는 공장. 명령당 170줄 보일러플레이트 제거.
- helpers/geometry/: 3점 호·정다각형·타원·스플라인·구름형·평행이동·해치 스캔선·
  점렬 샘플링 등 상태 없는 순수 함수.
- Toolbar 483줄을 QuickAccessBar/Ribbon/InspectorPanel/StatusBar/CommandLine/
  ViewControls/PropertiesEditor/QuickProperties로 분해.

■ 명령 (조사표 기준)
- 1절 그리기 21건, 2절 수정 27건, 3절 도면층·특성·그룹·유틸리티 39건 전부 반영.
- 5절 주석 34건 중 26건 반영(문자·치수 16종·지시선·표·구름형·주석 축척).
- HatchEntity 추가(solid·pattern·cross·gradient) + JSON 왕복, Layer에 색·선가중치·
  선종류·동결·투명도 필드 추가, 그리기 루프가 동결·숨김·투명도를 반영.

■ 화면 실측에서 고친 결함
- 명령행 포커스 상태에서 ENTER가 도구로 가지 않던 문제
- 명령행 문자 입력이 접두사가 같은 명령으로 실행되던 문제
- 명령이 끝나도 입력을 계속 먹던 문제(점 입력 명령만 반복, 나머지는 선택 도구 복귀)
- 시퀀스 단계 인덱스 오사용 9건 + 단계 값 종류 검사 추가
- 해치 내부를 클릭해도 선택되지 않던 문제

미반영 8건(맞춤법 검사·꺾기 치수·치수 끊기/재연관/검사 치수·기하공차·지시선 수집·
축척 리스트 편집)은 조사표 `반영` 열과 PLAN.md에 사유를 적었다.

B07_DesignDetail/openwebcad/src/components/CommandLine.tsx

@@ -0,0 +1,98 @@
+/** 명령행 — AutoCAD 명령행처럼 기록·입력·자동완성을 담당한다. */
+import { type FC, type FormEvent, useMemo, useRef, useState } from 'react';
+import { describeCommand, matchCommandPrefixes } from '../commands/registry';
+import { getCommandHistory, runCommandInput } from '../commands/run-command';
+import { getInputController, getLastStateInstructions } from '../state';
+
+export const CommandLine: FC = () => {
+	const [text, setText] = useState('');
+	const [historyIndex, setHistoryIndex] = useState<number | null>(null);
+	const inputRef = useRef<HTMLInputElement>(null);
+	const history = getCommandHistory();
+	const instruction = getLastStateInstructions() || '명령을 입력하거나 도구를 선택하십시오.';
+
+	const suggestions = useMemo(() => matchCommandPrefixes(text).slice(0, 8), [text]);
+
+	const submit = (event: FormEvent) => {
+		event.preventDefault();
+		const value = text.trim();
+		if (!value) {
+			// 빈 ENTER는 활성 명령의 확정 신호다 (선택 끝내기·직전 명령 반복)
+			getInputController().handleEnterKey();
+			return;
+		}
+		// 진행 중인 명령이 문자·숫자를 기다리면 그쪽으로, 아니면 명령으로 해석된다
+		getInputController().submitText(value);
+		setText('');
+		setHistoryIndex(null);
+	};
+
+	const recallHistory = (direction: -1 | 1) => {
+		if (!history.length) return;
+		const nextIndex =
+			historyIndex === null
+				? history.length - 1
+				: Math.min(history.length - 1, Math.max(0, historyIndex + direction));
+		setHistoryIndex(nextIndex);
+		setText(history[nextIndex].split(' ')[0]);
+	};
+
+	return (
+		<section className="cad-command-area controls">
+			<div className="cad-command-history">
+				{history.slice(-3).map((line, index) => (
+					// biome-ignore lint/suspicious/noArrayIndexKey: 기록은 순서 자체가 식별자다
+					<span key={`${line}-${index}`}>{line}</span>
+				))}
+			</div>
+			<form onSubmit={submit}>
+				<label htmlFor="cad-command">명령:</label>
+				<input
+					id="cad-command"
+					ref={inputRef}
+					value={text}
+					onChange={(event) => setText(event.target.value)}
+					onKeyDown={(event) => {
+						if (event.key === 'Escape') {
+							event.preventDefault();
+							getInputController().handleEscapeKey();
+						}
+						if (event.key === 'ArrowUp') {
+							event.preventDefault();
+							recallHistory(-1);
+						}
+						if (event.key === 'ArrowDown') {
+							event.preventDefault();
+							recallHistory(1);
+						}
+						if (event.key === 'Tab' && suggestions.length) {
+							event.preventDefault();
+							setText(suggestions[0].id);
+						}
+					}}
+					placeholder="명령 입력 (예: L, LINE, REC, MOVE)"
+					autoComplete="off"
+					spellCheck={false}
+				/>
+				<span className="cad-command-prompt">{instruction}</span>
+			</form>
+			{text.trim() && suggestions.length > 0 && (
+				<div className="cad-command-suggestions">
+					{suggestions.map((command) => (
+						<button
+							type="button"
+							key={command.id}
+							onClick={() => {
+								runCommandInput(command.id);
+								setText('');
+								inputRef.current?.focus();
+							}}
+						>
+							{describeCommand(command)}
+						</button>
+					))}
+				</div>
+			)}
+		</section>
+	);
+};