fix(M02): 도면 칸 CAD 💾 · Ctrl+S 가 페이지 [저장] 을 부름 · 엉터리 도각 파일은 400 · 자리표 패널 접기 단추 (PLAN 10-3)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01PxvYb5ufV1kWdBvZbpDfu6

B07_DesignDetail/openwebcad/src/components/FramePlaceholderPanel.tsx

@@ -113,6 +113,8 @@ function boxSizeOf(entity: TextEntity | ImageEntity): { width: number; height: n
 
 export const FramePlaceholderPanel: FC = () => {
 	const [visible, setVisible] = useState(isFrameEditMode());
+	// 접으면 그림 오른쪽 아래를 덮지 않는다 — 머리 줄만 남는다.
+	const [folded, setFolded] = useState(false);
 	const [picked, setPicked] = useState<TextEntity | ImageEntity | null>(null);
 	const [size, setSize] = useState({ width: 0, height: 0 });
 
@@ -139,8 +141,21 @@ export const FramePlaceholderPanel: FC = () => {
 	return (
 		<section className="cad-frame-tokens controls">
 			<header className="cad-frame-tokens__header">
-				자리표 놓기 — 누르면 화면 가운데에 서고, 끌어서 자리를 잡습니다
+				<span>
+					{folded ? '자리표 놓기' : '자리표 놓기 — 누르면 화면 가운데에 서고, 끌어서 자리를 잡습니다'}
+				</span>
+				<button
+					type="button"
+					className="cad-frame-tokens__fold"
+					aria-expanded={!folded}
+					title={folded ? '자리표 패널 펴기' : '자리표 패널 접기'}
+					onClick={() => setFolded(!folded)}
+				>
+					{folded ? '▴' : '▾'}
+				</button>
 			</header>
+			{!folded && (
+				<>
 			<div className="cad-frame-tokens__group">
 				<span className="cad-frame-tokens__title">글자</span>
 				{TEXT_TOKENS.map((token) => (
@@ -190,6 +205,8 @@ export const FramePlaceholderPanel: FC = () => {
 					</label>
 				</div>
 			)}
+				</>
+			)}
 		</section>
 	);
 };