refactor(cad): CAD 앱 겉 자체 변종을 부품 상자 부품으로 — 상태막대 켜기 칩 · 패널 탭 · 떠 있는 판 · 메뉴 · 아이콘 단추 · 확인창 (PLAN 553-6)

- 부품 상자 CSS · 단추 기본 꼴을 CAD iframe 에 실음(integration/ui-kit.ts) · 자리 · 폭은 cad-* 그대로
- 상태막대 = ui-toggle--chip 22 · 특성/레이어 = ui-tabs 36 · ↶↷ · 리본 접기 · 탐색 막대 = ui-icon-btn 20 · 32
- 빠른 특성 · 블록 라이브러리 · 자리표 = ui-float-panel · 리본 넘침 · 스냅 · 명령 자동완성 = ui-ctx-menu
- window.confirm · window.prompt → askConfirm · askText · 빈 안내 = ui-empty 작은 꼴
- 높이 단: 리본 칸 19→18 · 명령 칸 26→28 · 레이어 줄 40→42 · 문서 탭 25→24 · 도각 편집 단추 24
- 마우스 바탕 = --color-hover · 켜짐 = --color-accent-soft · 도면 그림 색(--draw-*) 안 건드림
- 안 쓰는 DropdownButton 지움(쓰는 곳 0 · grep)

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

B07_DesignDetail/openwebcad/src/commands/commands.insert.ts

@@ -5,6 +5,7 @@ import { setBlockLibraryVisible } from '../components/ui-state';
 import { importImageFromFile } from '../helpers/import-export-handlers/import-image-from-file';
 import { pickFile } from '../helpers/pick-file';
 import { importDrawingFile } from '../integration/dxf-clip-paste';
+import { askText } from '../integration/ui-kit';
 import { getActiveToolActor, getSelectedEntities } from '../state';
 import { Tool } from '../tools';
 import { imageImportToolStateMachine } from '../tools/image-import-tool';
@@ -39,13 +40,15 @@ export const INSERT_COMMANDS: CadCommand[] = [
 		needsSelection: true,
 		run: () => {
 			const entities = getSelectedEntities();
-			const name = window.prompt('블록 이름', '')?.trim();
-			if (!name) return '블록 작성 취소';
-			void saveBlockFromEntities(name, entities).then(() => {
+			// 글 묻기 = 확인창 부품(window.prompt 대신 · 553-6)
+			void askText({ message: '블록 이름', okLabel: '저장' }).then(async (text) => {
+				const name = text?.trim();
+				if (!name) return;
+				await saveBlockFromEntities(name, entities);
 				toast.success(`블록 '${name}' 저장 (객체 ${entities.length}개)`);
 				setBlockLibraryVisible(true);
 			});
-			return `블록 '${name}' 저장`;
+			return '블록 이름 입력';
 		},
 	},
 	{