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>
 );
+};