fix(M02): 도면 양식 CAD 머리 글을 「도면 양식 편집」으로 · 저장 단추는 페이지 머리 한 곳 · 자동백업 칸에 층(과 프로젝트)을 붙임

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

B07_DesignDetail/openwebcad/src/components/QuickAccessBar.tsx

@@ -1,14 +1,23 @@
 /** 제목표시줄 + 빠른 실행 도구막대 (AutoCAD 상단 막대) */
-import type { FC } from 'react';
+import { type FC, useEffect, useState } from 'react';
+import { HtmlEvent } from '../App.types';
 import { getCommandById } from '../commands/registry';
 import { runCommand } from '../commands/run-command';
 import { QUICK_ACCESS_COMMANDS } from '../ribbon/ribbon.config';
+import { getHostTitle } from '../state';
 
-export const QuickAccessBar: FC = () => (
+export const QuickAccessBar: FC = () => {
+	const [hostTitle, setTitle] = useState(getHostTitle());
+	useEffect(() => {
+		const refresh = () => setTitle(getHostTitle());
+		window.addEventListener(HtmlEvent.UPDATE_STATE, refresh);
+		return () => window.removeEventListener(HtmlEvent.UPDATE_STATE, refresh);
+	}, []);
+	return (
 	<header className="cad-titlebar controls">
 		<div className="cad-brand">
 			<strong>Aislo CAD</strong>
-			<span>B07 상세 설계</span>
+			<span>{hostTitle}</span>
 		</div>
 		<div className="cad-quick-access">
 			{QUICK_ACCESS_COMMANDS.map((id) => {
@@ -32,3 +41,4 @@ export const QuickAccessBar: FC = () => (
 		</div>
 	</header>
 );
+};

B07_DesignDetail/openwebcad/src/integration/aislo-drawing-bridge.ts

@@ -21,6 +21,7 @@ import {
 	setEntities,
 	setFrameEditMode,
 	setHostReadOnly,
+	setHostTitle,
 	setLayers,
 } from '../state.ts';
 import { toast } from 'react-toastify';
@@ -50,6 +51,8 @@ interface DrawingLoadMessage {
 	recoveryScope?: string;
 	/** 보기 전용으로 싣는가 — 확정본처럼 그리기·수정을 막는다. */
 	readOnly?: boolean;
+	/** 제목표시줄 부제 — 없으면 「B07 상세 설계」. */
+	hostTitle?: string;
 }
 
 interface DrawingSaveRequestMessage {
@@ -193,6 +196,7 @@ export function registerAisloDrawingBridge() {
 			setDesignMeta(event.data.meta ?? null);
 			setFrameEditMode(event.data.frameEdit === true, event.data.frameFields ?? {});
 			setHostReadOnly(event.data.readOnly === true);
+			setHostTitle(event.data.hostTitle ?? 'B07 상세 설계');
 			if (event.data.frameEdit) applyFramePreview();
 			// 앞 도면에서 켜 둔 그리기 도구를 내린다. 안 내리면 **확정한 도면 위에도**
 			// 그 도구가 계속 그린다 — 읽기 전용은 새 명령만 막기 때문이다(2026-09-01 실측:

B07_DesignDetail/openwebcad/src/state.ts

@@ -192,6 +192,7 @@ let frameEditMode = false;
 let frameFields: Record<string, string> = {};
 /** 부모가 보기 전용으로 실었는가 — M02 에서 고칠 권한이 없는 양식을 볼 때. */
 let hostReadOnly = false;
+let hostTitle = 'B07 상세 설계';
 
 /**
  * 실은 뒤로 실제 편집이 있었는가. 도면을 바꾸기 전에 부모가 물어보는 근거다 —
@@ -496,6 +497,12 @@ export const setDesignMeta = (newMeta: DesignMeta | null) => {
 };
 /** 도각 편집 모드 켜고 끄기 — 자리표 패널의 표시 여부를 가른다 (2026-09-06 사용자 지시). */
 /** 부모가 실은 도면을 보기 전용으로 둔다 — 확정본과 같은 막힘(도면을 실을 때마다 새로 정함). */
+/** 제목표시줄 부제 — 부모가 도면을 실을 때 정함(없으면 B07 기본 글). */
+export const getHostTitle = (): string => hostTitle;
+export const setHostTitle = (title: string) => {
+	hostTitle = title;
+	notifyWindow(HtmlEvent.UPDATE_STATE);
+};
 export const setHostReadOnly = (readOnly: boolean) => {
 	hostReadOnly = readOnly;
 	notifyWindow(HtmlEvent.UPDATE_STATE);