refs #703: avoid blocking Smilegate backoffice rendering

deploy/caddy/smilegate/Caddyfile

@@ -1,9 +1,6 @@
 {
 	servers {
-		# A client HTTP/2 connection retained queued response bytes after Caddy
-		# completed schema-metadata. Serve the Smilegate PoC over HTTP/1.1 until
-		# that client-side flow-control path is proven stable.
-		protocols h1
+		protocols h1 h2
 	}
 }
 

docs/design/703-smilegate-backoffice-finalization/README.md

@@ -58,7 +58,8 @@ MCP tool은 `SGMP_POC_HAIKU45` 프로파일을 기준으로 게임 데이터의
 
 백오피스 도메인은 Caddy에서 `gzip`만 사용한다. Edge가 HTTP/2 `zstd` HTML 응답을 완료된 상태에서도 pending으로 표시한 운영 증거가 있어, Streamlit 콘솔과 분리해 관리 UI 응답의 압축 호환성을 우선한다.
 
-운영 확인에서 Edge의 HTTP/2 연결에 응답 전송 대기 바이트가 남아 문서 요청이 pending으로 유지됐다. 동일 Caddy listener를 공유하는 Smilegate PoC는 원인 분리 기간에 HTTP/1.1로 운용하고, Caddy 재기동으로 기존 HTTP/2 연결을 종료한다.
+공통 화면 head의 외부 UI 보조 스크립트는 `defer`로 로드한다. CDN 지연이 정적 서버 렌더링 화면의 HTML 파싱·첫 표시를 막아서는 안 된다. `schema-metadata`는 서버 렌더링만으로 테이블 선택과 comment/annotation 보기를 제공한다.
+
 
 ## 변경 파일과 책임
 

vpd-backoffice/src/main/resources/templates/fragments/layout.html

@@ -8,7 +8,10 @@
   <title th:text="${title == (product?.pageTitle() ?: 'Data & AI Backoffice') ? title : title + ' · ' + (product?.pageTitle() ?: 'Data & AI Backoffice')}">Data &amp; AI Backoffice</title>
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
   <link href="/css/app.css" rel="stylesheet">
-  <script src="https://unpkg.com/htmx.org@2.0.4"></script>
+  <!-- External UI helpers must not block initial HTML rendering.  In
+       particular, schema-metadata is a server-rendered management page and
+       remains usable while a client network delays the CDN. -->
+  <script defer src="https://unpkg.com/htmx.org@2.0.4"></script>
   <script defer src="https://unpkg.com/alpinejs@3.14.8/dist/cdn.min.js"></script>
   <script defer src="/js/app.js"></script>
 </head>