Add separate results folder for run outputs

docs/run-002/05-execution/measurement.json

@@ -10,26 +10,26 @@
     "body": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     },
     "footer": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 66,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 66
     },
     "sidebar": {
       "block_count": 0,
       "blocks": [],
-      "clientHeight": 178,
+      "clientHeight": 461,
       "excess_px": 0,
       "overflowed": false,
-      "scrollHeight": 178
+      "scrollHeight": 461
     }
   }
 }

docs/run-002/05-execution/stage_0_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",

docs/run-002/05-execution/stage_1_5a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,27 +129,74 @@
     0
   ],
   "containers": {
-    "??": {
-      "role": "??",
+    "body": {
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
-      "height_px": 490,
+      "weight": 0.72,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
-        "max_items": 8,
-        "chars_per_line": 51,
-        "max_chars_total": 867,
-        "max_chars_per_item": 108,
-        "font_size_px": 15.2,
-        "padding_px": 20,
-        "line_height": 1.7
+        "max_lines": 6,
+        "max_items": 3,
+        "chars_per_line": 56,
+        "max_chars_total": 336,
+        "max_chars_per_item": 112,
+        "font_size_px": 14.0,
+        "padding_px": 16,
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },

docs/run-002/05-execution/stage_1_5b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,39 +129,100 @@
     0
   ],
   "containers": {
-    "??": {
-      "role": "??",
+    "body": {
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
-      "height_px": 490,
+      "weight": 0.72,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": {
-        "available_height_px": 352,
+        "available_height_px": 186,
         "available_width_px": 740,
-        "max_circle_diameter": 350,
+        "max_circle_diameter": 184,
         "max_img_width": 740,
-        "max_img_height": 352,
+        "max_img_height": 186,
         "fits": true
       },
       "block_constraints": {
-        "max_lines": 17,
-        "max_items": 8,
-        "chars_per_line": 51,
-        "max_chars_total": 867,
-        "max_chars_per_item": 108,
-        "font_size_px": 15.2,
-        "padding_px": 20,
-        "line_height": 1.7
+        "max_lines": 6,
+        "max_items": 3,
+        "chars_per_line": 56,
+        "max_chars_total": 336,
+        "max_chars_per_item": 112,
+        "font_size_px": 14.0,
+        "padding_px": 16,
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": {
+        "available_height_px": 0,
+        "available_width_px": 740,
+        "max_circle_diameter": 0,
+        "max_img_width": 740,
+        "max_img_height": 0,
+        "fits": false
+      },
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -177,6 +251,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-002/05-execution/stage_1_7_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -63,10 +63,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -76,10 +76,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -97,9 +97,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }
@@ -116,32 +129,79 @@
     0
   ],
   "containers": {
-    "??": {
-      "role": "??",
+    "body": {
+      "role": "body",
       "zone": "body",
       "topic_ids": [
-        6
+        1,
+        2
       ],
-      "weight": 0.1,
-      "height_px": 490,
+      "weight": 0.72,
+      "height_px": 324,
       "width_px": 780,
-      "max_height_cost": "xlarge",
+      "max_height_cost": "large",
       "text_budget": null,
       "design_budget": null,
       "block_constraints": {
-        "max_lines": 17,
-        "max_items": 8,
-        "chars_per_line": 51,
-        "max_chars_total": 867,
-        "max_chars_per_item": 108,
-        "font_size_px": 15.2,
-        "padding_px": 20,
-        "line_height": 1.7
+        "max_lines": 6,
+        "max_items": 3,
+        "chars_per_line": 56,
+        "max_chars_total": 336,
+        "max_chars_per_item": 112,
+        "font_size_px": 14.0,
+        "padding_px": 16,
+        "line_height": 1.6
+      }
+    },
+    "sidebar": {
+      "role": "sidebar",
+      "zone": "body",
+      "topic_ids": [
+        3
+      ],
+      "weight": 0.18,
+      "height_px": 81,
+      "width_px": 780,
+      "max_height_cost": "medium",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 3,
+        "max_items": 1,
+        "chars_per_line": 62,
+        "max_chars_total": 186,
+        "max_chars_per_item": 186,
+        "font_size_px": 13.0,
+        "padding_px": 8,
+        "line_height": 1.5
+      }
+    },
+    "footer": {
+      "role": "footer",
+      "zone": "body",
+      "topic_ids": [
+        4
+      ],
+      "weight": 0.1,
+      "height_px": 45,
+      "width_px": 780,
+      "max_height_cost": "compact",
+      "text_budget": null,
+      "design_budget": null,
+      "block_constraints": {
+        "max_lines": 1,
+        "max_items": 1,
+        "chars_per_line": 67,
+        "max_chars_total": 67,
+        "max_chars_per_item": 67,
+        "font_size_px": 12.0,
+        "padding_px": 8,
+        "line_height": 1.4
       }
     }
   },
   "references": {
-    "??": [
+    "body": [
       {
         "block_id": "quote-big-mark",
         "variant": "default",
@@ -170,6 +230,97 @@
         "topic_id": null,
         "supporting_topic_ids": [],
         "is_hierarchical": false
+      },
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "sidebar": [
+      {
+        "block_id": "quote-big-mark",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "quote_text": {
+            "max_lines": 3,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 120,
+              "sidebar": 70
+            },
+            "note": "16px, 큰따옴표 장식 안, 3줄 이내"
+          },
+          "source": {
+            "max_lines": 1,
+            "font_size": 14,
+            "ref_chars": {
+              "body": 30,
+              "sidebar": 20
+            },
+            "note": "caption, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- quote-big-mark: 좌상단 ❝ + 우하단 ❞ 큰따옴표 장식. 연한 배경 박스 + 인용문 + 우측 출처. -->\n<!-- 차별점: 유사 블록과의 차이:\n- quote-question: 파란 배경 + 파란 테두리 + 큰 질문(22px). 독자에게 질문을 던지는 구조\n- callout-warning: 빨간 배경  -->\n<!-- 적합 상황: 임팩트 있는 인용문. 문제 제기를 인용 형태로 강조. 출처가 있는 인용. -->\n<!-- SLOT: quote_text (3줄, 16px, max 120자) -->\n<!-- SLOT: source (1줄, 14px, max 30자) -->\n<!-- 큰따옴표 장식 인용: ❝❞ 큰따옴표 + 인용 텍스트 -->\n<!--\n  📋 quote-big-mark\n  ─────────────────\n  용도: 문제 제기, 핵심 발언, 임팩트 있는 인용\n  슬롯: quote_text (필수), source (선택)\n  Figma 원본: DX와 BIM 슬라이드 상단 인용 박스 (큰따옴표 장식)\n-->\n<div class=\"block-quote-big\">\n  <div class=\"qb-mark qb-open\">❝</div>\n  <div class=\"qb-content\">\n    <div class=\"qb-text\">중요한 인용문 텍스트</div>\n    <div class=\"qb-source\">— 출처</div>\n  </div>\n  <div class=\"qb-mark qb-close\">❞</div>\n</div>\n\n<style>\n.block-quote-big {\n  background: #f8fafc;\n  border-radius: var(--radius);\n  padding: 24px 28px;\n  position: relative;\n  border: 1px solid #e2e8f0;\n}\n.qb-mark {\n  font-size: 3rem;\n  color: #cbd5e1;\n  font-weight: 900;\n  line-height: 1;\n  position: absolute;\n}\n.qb-open {\n  top: 8px;\n  left: 12px;\n}\n.qb-close {\n  bottom: -8px;\n  right: 16px;\n}\n.qb-content {\n  padding: 10px 30px 0;\n}\n.qb-text {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1e293b;\n  line-height: 1.8;\n  word-break: keep-all;\n  white-space: pre-line;\n}\n.qb-source {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  margin-top: 10px;\n  text-align: right;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
+      }
+    ],
+    "footer": [
+      {
+        "block_id": "banner-gradient",
+        "variant": "default",
+        "visual_type": "default",
+        "schema_info": {
+          "text": {
+            "max_lines": 1,
+            "font_size": 16,
+            "ref_chars": {
+              "body": 38,
+              "sidebar": 18
+            },
+            "note": "16px bold white, 1줄"
+          },
+          "sub_text": {
+            "max_lines": 1,
+            "font_size": 12,
+            "ref_chars": {
+              "body": 50,
+              "sidebar": 30
+            },
+            "note": "12px, 1줄"
+          }
+        },
+        "design_reference_html": "<!-- banner-gradient: 전체 너비 파란 그라데이션 배경(둥근 모서리 8px) + 중앙 흰색 굵은 텍스트(16px) + 선택적 서브텍스트. -->\n<!-- 적합 상황: ★ 결론 강조에 가장 적합. 핵심 메시지 한 줄 선언. footer 배치에 최적(compact, 50~60px). 페이지의 \"기억해야 할 단 하 -->\n<!-- SLOT: text (1줄, 16px, max 38자) -->\n<!-- SLOT: sub_text (1줄, 12px, max 50자) -->\n<!-- 그라데이션 배너 바: 전체 너비 파란 그라데이션 + 중앙 텍스트 -->\n<!--\n  📋 banner-gradient\n  ─────────────────\n  용도: 섹션 구분, 핵심 선언, 강조 문구를 전체 너비 배너로\n  슬롯: text (필수), sub_text (선택)\n  Figma 원본: 2-2_01 하단, 2-2_03 분류 바\n-->\n<div class=\"block-banner-grad\">\n  <div class=\"bg-text\">핵심 메시지 한 줄</div>\n  <div class=\"bg-sub\">부연 설명</div>\n</div>\n\n<style>\n.block-banner-grad {\n  background: linear-gradient(135deg, #006aff 0%, #00aaff 100%);\n  border-radius: 8px;\n  padding: 16px 30px;\n  text-align: center;\n  color: #ffffff;\n}\n.bg-text {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1.5;\n}\n.bg-sub {\n  font-size: 12px;\n  font-weight: 400;\n  opacity: 0.85;\n  margin-top: 4px;\n}\n</style>",
+        "topic_id": null,
+        "supporting_topic_ids": [],
+        "is_hierarchical": false
       }
     ]
   },

docs/run-002/05-execution/stage_1a_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -89,9 +89,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-002/05-execution/stage_1b_context.json

@@ -1,5 +1,5 @@
 {
-  "run_id": "20260403_162506",
+  "run_id": "20260403_163401",
   "run_dir": "D:\\ad-hoc\\C.E.L._slide_test\\docs\\run-002\\05-execution",
   "raw_content": "---\ntitle: DX의 시행 목표 및 기대효과\nsidebar:\n  order: 1\n---\n\nimport DxEffect from '../../../../components/dx.astro';\n\n\n## 1. DX의 궁극적 목표\n\n- **안전과 품질** \n  - 시설물의 요구 성능을 설계-시공-운영 전 과정에서 **디지털로 검증**하여 **안전성 확보**\n  - Copy & Paste로 하향 평준화된 성과물의 **하자 최소화**로 **고품질 성과물 제공**\n<br/>\n- **생산성 향상**\n  - Analogue 기반 업무를 Digital 기반 프로세스로 전환하여 **업무 속도·정확성·일관성 향상**\n  - 건설 비용 및 유지관리비 절감, 건설 기간 단축, 인력투입 최소화를 통해 **부가가치 제고**\n<br/>\n- **소통과 신뢰**\n  - 성과품과 Solution을 통한 협업 강화로 **의사소통 효율 및 운영·유지관리**의 **편리성 증진**\n  - 3D 모델 및 데이터 기반 검증을 통한 **오류 최소화 및 Claim 예방**으로 **신뢰성 확보**\n![DX의 궁극적 목표](/assets/images/궁극적목표.png) \n<br/>\n\n## 2. DX 기반 Process 혁신에 따른 주체별 기대효과\n<br/>\n### 2.1 업무 수행 과정(Process)의 변화\n  - **생산 방식**: 수작업 의존의 반복 업무에서 벗어나, **SW를 활용한 체계화된 방식**으로 전환\n  - **인지·검토**: 2D 도면 해석 중심에서 **3D 모델 기반의 직관적 인지·검토 체계**로 전환\n  - **협업 구조**: 개별 문서 중심 협업에서 **데이터 통합 기반의 정보 공유·관리 협업 환경**으로 전환\n  - **검증·대응**: 사후 대응 중심의 문제 처리에서 **사전 검증 중심의 예방적 업무 방식**으로 전환\n<br/>\n### 2.2 DX 시행 주체별 기대효과\n\n<DxEffect />\n<br/>\n<br/>\n:::note[핵심 요약]\n* 고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.\n:::\n<br/>\n",
   "base_path": "D:\\ad-hoc\\C.E.L._slide_test",
@@ -55,10 +55,10 @@
       "layer": "core",
       "source_hint": "?? ?? ??(Process)? ??",
       "relation_type": "process",
-      "expression_hint": "Preserve the four process-change bullets in original order.",
+      "expression_hint": "Preserve the four process-change bullets in original order. 본문 첫 블록에서 DX는 상위 개념, BIM은 핵심 기술이라는 문구를 그대로 가시 텍스트로 노출한다.",
       "source_data": "",
       "structured_text": "",
-      "summary": ""
+      "summary": "DX는 상위 개념이고 BIM은 핵심 기술이다."
     },
     {
       "id": 3,
@@ -68,10 +68,10 @@
       "layer": "supporting",
       "source_hint": "DX ?? ??? ????",
       "relation_type": "stakeholder_effect",
-      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area.",
+      "expression_hint": "Preserve the stakeholder-effect block and treat the component area as a visible reference area. 관계도는 팝업이나 숨김영역이 아니라 본문 중앙의 가시 다이어그램으로 렌더링한다.",
       "source_data": "<DxEffect /> ???? ?? ???? ??",
       "structured_text": "",
-      "summary": "<DxEffect /> ???? ?? ???? ??"
+      "summary": "<DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다."
     },
     {
       "id": 4,
@@ -89,9 +89,22 @@
   ],
   "page_structure": {
     "roles": {
-      "??": {
+      "body": {
         "topic_ids": [
-          6
+          1,
+          2
+        ],
+        "weight": 0.72
+      },
+      "sidebar": {
+        "topic_ids": [
+          3
+        ],
+        "weight": 0.18
+      },
+      "footer": {
+        "topic_ids": [
+          4
         ],
         "weight": 0.1
       }

docs/run-002/05-execution/steps/stage_1a.html

@@ -5,9 +5,9 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:900px;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">purpose</th><th style="padding:8px;">layer</th><th style="padding:8px;">relation_type</th>
-<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">?</td></tr>
+<th style="padding:8px;">영역</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">goal</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;">???? ??</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;">process</td><td style="padding:6px 8px;color:#333;font-weight:700;">body</td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;">??? ????</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;">stakeholder_effect</td><td style="padding:6px 8px;color:#333;font-weight:700;">sidebar</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;">?? ??</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;color:#333;font-weight:700;">footer</td></tr>
 </table>
-<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>??: topic_ids=[6], weight=0.1</div></body></html>
+<div style="margin-top:12px;font-size:12px;color:#555;"><b>페이지 구조:</b><br>body: topic_ids=[1, 2], weight=0.72<br>sidebar: topic_ids=[3], weight=0.18<br>footer: topic_ids=[4], weight=0.1</div></body></html>

docs/run-002/05-execution/steps/stage_1b.html

@@ -6,8 +6,8 @@
 <table style="border-collapse:collapse;font-size:12px;width:100%;">
 <tr style="background:#1e293b;color:white;"><th style="padding:8px;">ID</th><th style="padding:8px;">제목</th>
 <th style="padding:8px;">영역</th><th style="padding:8px;">layer</th>
-<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
-<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">&lt;DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ??</td></tr>
-<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">?</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
+<th style="padding:8px;">source_data (미리보기)</th><th style="padding:8px;">summary</th></tr><tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">1</td><td style="padding:6px 8px;font-weight:700;">DX? ??? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;"></td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">2</td><td style="padding:6px 8px;font-weight:700;">?? ?? ??(Process)? ??</td><td style="padding:6px 8px;color:#333;">body</td><td style="padding:6px 8px;">core</td><td style="padding:6px 8px;font-size:10px;"></td><td style="padding:6px 8px;font-size:10px;color:#555;">DX는 상위 개념이고 BIM은 핵심 기술이다.</td></tr>
+<tr style="background:#fff;"><td style="padding:6px 8px;text-align:center;">3</td><td style="padding:6px 8px;font-weight:700;">DX ?? ??? ????</td><td style="padding:6px 8px;color:#333;">sidebar</td><td style="padding:6px 8px;">supporting</td><td style="padding:6px 8px;font-size:10px;">&lt;DxEffect /> ???? ?? ???? ??</td><td style="padding:6px 8px;font-size:10px;color:#555;"><DxEffect /> ???? ?? ???? ?? DX와 GIS, BIM, Digital Twin의 관계를 시각적으로 드러낸다.</td></tr>
+<tr style="background:#f8fafc;"><td style="padding:6px 8px;text-align:center;">4</td><td style="padding:6px 8px;font-weight:700;">?? ??</td><td style="padding:6px 8px;color:#333;">footer</td><td style="padding:6px 8px;">conclusion</td><td style="padding:6px 8px;font-size:10px;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td><td style="padding:6px 8px;font-size:10px;color:#555;">고품질의 성과품, 비용 절감, 시간 단축, 의사소통에 도움이 안 되면 DX가 아니다.</td></tr>
 </table></body></html>

docs/run-002/05-execution/steps/stage_4.html

@@ -5,8 +5,8 @@
 <div style="font-size:24px;font-weight:900;color:#16a34a;margin-bottom:12px;">품질 점수: 100</div>
 <div style="font-size:12px;color:#555;margin-bottom:4px;">슬라이드: clientHeight=720px, scrollHeight=720px, overflow=False</div>
 <table style="border-collapse:collapse;font-size:12px;width:100%;max-width:600px;margin-top:8px;">
-<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
-<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">178px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#1e293b;color:white;"><th style="padding:8px;">영역</th><th style="padding:8px;">clientH</th><th style="padding:8px;">scrollH</th><th style="padding:8px;">excess</th></tr><tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ body</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ footer</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">66px</td><td style="padding:6px 8px;">+0px</td></tr>
+<tr style="background:#f0fdf4;"><td style="padding:6px 8px;">✅ sidebar</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">461px</td><td style="padding:6px 8px;">+0px</td></tr>
 </table>
 </body></html>