feat(CAD): 331-4 동적 입력 — 커서 옆 길이 · 각도 두 칸 · Tab 잠금

- 기준점 있는 점 단계에서만 Tab 가로챔(그 밖은 브라우저 초점 이동) · 숫자 넣고 Tab = 그 칸 잠금 + 다음 칸 · 빈 Tab = 칸만 바꿈
- 각도 칸 잠금 = 각도 고정 · 길이 잠근 채 Enter = 그 길이 · `100` Tab `30` Enter → (86.603, 50)
- 커서 옆 줄 `▸[길이 100 🔒] [각도 30_]` — 잠금 🔒 · 지금 칸 ▸ · 나머지는 기준점→커서 실측
- 한 점 · Esc · 새 명령이면 각도 고정 · 길이 잠금 모두 풂(releaseOnePoint)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013QyNXY2TUKXCFMwAca2APG

B07_DesignDetail/openwebcad/src/inputController/input-controller.ts

@@ -55,12 +55,25 @@ import {
 	isImeKey,
 	isPlainSpace,
 } from './ime-sink.ts';
-import { drawInputField } from './input-field-draw.ts';
+import { drawInputField, dynamicInputLine } from './input-field-draw.ts';
 import { ctrlShortcut } from './input-shortcut.ts';
 import { wheelZoom } from './input-wheel.ts';
 import { attachTouch } from './input-touch.ts';
-import { ANGLE_LOCK_REGEXP, parsePointText, type PointTextEvent } from './input-patterns.ts';
-import { angleLockHint, setAngleLock } from './input-angle-lock.ts';
+import {
+	ANGLE_LOCK_REGEXP,
+	NUMBER_REGEXP,
+	parsePointText,
+	type PointTextEvent,
+} from './input-patterns.ts';
+import {
+	angleLockHint,
+	getAngleLock,
+	getDynamicField,
+	getLockedLength,
+	releaseOnePoint,
+	setAngleLock,
+	tabDynamicInput,
+} from './input-angle-lock.ts';
 import {
 	getSnapOverride,
 	isSnapName,
@@ -132,6 +145,19 @@ export class InputController {
 			const roundedY = round(drawController.getWorldMouseLocation().y, 2);
 			texts.push(`${roundedX},${roundedY}`);
 		}
+		const base = getAngleGuideOriginPoint();
+		if (base && this.dynamicInputApplies()) {
+			texts.push(
+				dynamicInputLine(
+					base,
+					drawController.getWorldMouseLocation(),
+					getDynamicField(),
+					this.text,
+					getLockedLength(),
+					getAngleLock()
+				)
+			);
+		}
 		texts.push(...compact([angleLockHint(), snapOverrideHint()]));
 		// 입력 중인 문자로 시작하는 명령 후보. 예: C => CIRCLE (C), COPY (CO)
 		texts.push(...this.getCommandSuggestions());
@@ -385,7 +411,13 @@ export class InputController {
 			return;
 		}
 		if (evt.key === 'Tab') {
-			// Tab => move keyboard focus
+			// 점 단계(기준점 있음) = 동적 입력 칸 넘김 · 그 밖 = 브라우저 초점 이동
+			if (!this.dynamicInputApplies()) return;
+			evt.preventDefault();
+			const isNumber = NUMBER_REGEXP.test(this.text);
+			if (this.text && !isNumber) return; // 숫자 아닌 글(@x,y 등)은 그대로 둠
+			tabDynamicInput(isNumber ? Number.parseFloat(this.text) : null);
+			this.text = '';
 			return;
 		}
 		if (evt.ctrlKey && evt.code === 'KeyV') {
@@ -451,7 +483,7 @@ export class InputController {
 	}
 
 	public handleEscapeKey() {
-		setAngleLock(null);
+		releaseOnePoint();
 		setSnapOverride(null);
 		if (getSelectedEntities().length > 0) {
 			// Deselect entities
@@ -479,7 +511,11 @@ export class InputController {
 	public handleEnterKey(repeatIfIdle = false) {
 		// submit the text as input to the active tool and clear the input field
 
-		if (this.text === '') {
+		const lockedLength = getLockedLength();
+		if (this.text === '' && lockedLength !== null && this.dynamicInputApplies()) {
+			// 동적 입력 길이를 잠근 채 Enter — 그 길이(방향 = 각도 고정 · 아니면 커서)
+			this.sendPointEvent(this.distanceEvent(lockedLength));
+		} else if (this.text === '') {
 			console.log('ENTER: ', {
 				text: this.text,
 				activeTool: getActiveToolActor(),
@@ -502,6 +538,15 @@ export class InputController {
 		} else if (activeToolWantsFreeText()) {
 			// 글 단계(TEXT · MTEXT · 표 칸 …)는 친 그대로 — 숫자 · 명령 이름도 글
 			this.sendText();
+		} else if (
+			getDynamicField() === 'angle' &&
+			NUMBER_REGEXP.test(this.text) &&
+			this.dynamicInputApplies()
+		) {
+			// 동적 입력 각도 칸 — 각도 고정 · 길이를 잠갔으면 바로 그 점
+			setAngleLock(Number.parseFloat(this.text));
+			this.text = '';
+			if (lockedLength !== null) this.sendPointEvent(this.distanceEvent(lockedLength));
 		} else if (ANGLE_LOCK_REGEXP.test(this.text)) {
 			// 각도 고정 `<30` — 다음 한 점만 그 방향
 			setAngleLock(Number.parseFloat((ANGLE_LOCK_REGEXP.exec(this.text) as RegExpExecArray)[1]));
@@ -538,21 +583,33 @@ export class InputController {
 		this.text = '';
 	}
 
-	/** 친 글을 점 · 거리 사건으로 — 거리의 방향 = 스냅 · 가이드 · 커서 */
-	private pointEventFromText(): PointTextEvent | null {
-		return parsePointText(
-			this.text,
-			() =>
-				getSnapPointOnAngleGuide()?.point ||
-				getSnapPoint()?.point ||
-				getScreenCanvasDrawController().getWorldMouseLocation()
+	/** 거리의 방향 = 스냅 · 가이드 · 커서 */
+	private distanceCursor() {
+		return (
+			getSnapPointOnAngleGuide()?.point ||
+			getSnapPoint()?.point ||
+			getScreenCanvasDrawController().getWorldMouseLocation()
 		);
 	}
 
+	private distanceEvent(value: number): PointTextEvent {
+		return { type: ActorEvent.NUMBER_INPUT, value, worldMouseLocation: this.distanceCursor() };
+	}
+
+	/** 친 글을 점 · 거리 사건으로 */
+	private pointEventFromText(): PointTextEvent | null {
+		return parsePointText(this.text, () => this.distanceCursor());
+	}
+
+	/** 동적 입력(길이 · 각도 칸 · Tab) — 기준점이 있는 점 단계에서만 */
+	private dynamicInputApplies(): boolean {
+		return activeToolWantsPoint() && !!getAngleGuideOriginPoint();
+	}
+
 	/** 점 하나를 도구에 보냄 — 각도 고정 · 한 번 스냅은 이 한 점으로 끝 */
 	private sendPointEvent(event: PointTextEvent | MouseClickEvent) {
 		getActiveToolActor()?.send(event);
-		setAngleLock(null);
+		releaseOnePoint();
 		setSnapOverride(null);
 	}