Add content-driven layout families for run-002 and run-003

docs/run-003/05-execution/generated_html.json

@@ -1,6 +1,6 @@
 {
-  "body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:10px;\"><div style=\"background:#fff7ed; border:1px solid #fdba74; border-radius:14px; padding:12px 14px;\"><div style=\"font-size:13px; font-weight:900; color:#9a3412; margin-bottom:8px;\">DX 시행을 위한 필수 요건</div><ul style=\"font-size:10.4px; line-height:1.6; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:6px;\">기술(디지털): Digital 기술(S/W, H/W)과 업무 Process의 통합, 분야별 전문 지식 보유</li><li style=\"margin-left:16px; margin-bottom:6px;\">사람(역량): 혁신적 사고방식과 창의적 문제 해결 능력, 사용자 중심 사고와 DX 수행 경험</li><li style=\"margin-left:16px; margin-bottom:6px;\">자연(여건): 지속적인 투자 및 실행 의지.</li></ul></div><div style=\"display:grid; grid-template-columns:1.05fr 0.95fr; gap:12px; align-items:start;\"><div style=\"background:#eff6ff; border:1px solid #93c5fd; border-radius:14px; padding:12px 14px;\"><div style=\"font-size:13px; font-weight:900; color:#1e3a8a; margin-bottom:8px;\">과정(Process)의 혁신</div><ul style=\"font-size:10.4px; line-height:1.6; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:6px;\">Analogue 기반 업무의 Digital화: 개념·문서·행정 절차 중심에서 시각화된 목적물, 소통, 투명성 중심으로 전환</li><li style=\"margin-left:16px; margin-bottom:6px;\">GIS + BIM의 연계: 위치정보와 3D모델 기반 건설 정보의 연계를 통한 업무 프로세스 혁신</li><li style=\"margin-left:16px; margin-bottom:6px;\">사용자 중심의 Solution 제공: 분절화된 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공.</li></ul></div><div style=\"background:#f8fafc; border:1px solid #cbd5e1; border-radius:14px; padding:12px 14px;\"><div style=\"font-size:13px; font-weight:900; color:#334155; margin-bottom:8px;\">결과(Product)의 변화</div><ul style=\"font-size:10.4px; line-height:1.6; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:6px;\">Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상</li><li style=\"margin-left:16px; margin-bottom:6px;\">Analogue 기반 도서 외 Digital 기반 정보물 추가</li><li style=\"margin-left:16px; margin-bottom:6px;\">Solution을 활용한 업무 효율화와 협업 환경 조성.</li></ul></div></div></div>",
-  "sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"background:#f8fafc; border:1px solid #cbd5e1; border-radius:14px; padding:12px 14px;\"><div style=\"font-size:13px; font-weight:900; color:#334155; margin-bottom:8px;\">결과(Product)의 변화</div><ul style=\"font-size:10.4px; line-height:1.6; color:#334155; padding-left:0; margin:0; list-style:disc;\"><li style=\"margin-left:16px; margin-bottom:6px;\">Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상</li><li style=\"margin-left:16px; margin-bottom:6px;\">Analogue 기반 도서 외 Digital 기반 정보물 추가</li><li style=\"margin-left:16px; margin-bottom:6px;\">Solution을 활용한 업무 효율화와 협업 환경 조성.</li></ul></div></div>",
+  "body_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; color:#0f172a; display:flex; flex-direction:column; gap:12px;\"><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box;\"><div style=\"font-size:15px; font-weight:900; color:#0f172a; margin-bottom:10px;\">DX 시행을 위한 필수 요건</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #2563eb; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">기술(디지털)</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">Digital 기술(S/W, H/W)과 업무 Process의 통합</li><li style=\"margin-bottom:4px;\">기존 업무 프로세스에 다양한 디지털 기술을 접목하여 업무 수행</li><li style=\"margin-bottom:4px;\">프로젝트 전반에 걸친 업무 프로세스의 연결 및 조율</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #7c3aed; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">사람(역량)</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">혁신적 사고방식과 창의적 문제 해결 능력</li><li style=\"margin-bottom:4px;\">기존 수행 방식과 관습적 사고 등에 의한 접근 방식 탈피</li><li style=\"margin-bottom:4px;\">디지털 기술을 활용한 창의적, 혁신적인 솔루션 제시</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-top:5px solid #16a34a; border-radius:12px; padding:12px;\"><div style=\"font-size:12px; font-weight:900; color:#0f172a; margin-bottom:8px;\">자연(여건)</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">지속적인 투자 및 실행 의지</li><li style=\"margin-bottom:4px;\">기술 도입 초기 단계에 필요한 인력·기간·비용 등의 대규모 투자</li><li style=\"margin-bottom:4px;\">기술 고도화를 위한 지속적인 개선 및 투자 체계 구축</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-req').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">Requirements details</button></div></div><div style=\"background:#ffffff; border:1px solid #cbd5e1; border-radius:14px; padding:14px; box-sizing:border-box; flex:1;\"><div style=\"font-size:14px; font-weight:900; color:#0f172a; margin-bottom:10px;\">과정(Process)의 혁신</div><div style=\"display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px;\"><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">Analogue 기반 업무의 Digital화</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">GIS + BIM의 연계</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">지리·지형·지반 등 위치정보(GIS)와 3D모델(형상, 속성정보) 기반의 건설 정보를 포함하는 BIM의 연계를 통한 업무 프로세스의 혁신</li></ul></div><div style=\"background:#f8fafc; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#1e3a8a; margin-bottom:6px;\">사용자 중심의 Solution 제공</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">서로 다른 S/W로 작성되어 분절화된 Analogue 방식의 성과물과 정보물을 연계할 수 있는 설계·시공 Solution 제공</li></ul></div></div><div style=\"display:flex; justify-content:flex-end; margin-top:10px;\"><button type=\"button\" onclick=\"document.getElementById('popup-process').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">Process details</button></div></div><div id=\"popup-req\" style=\"display:none; position:fixed; inset:0; background:rgba(1Line truncated
+  "sidebar_html": "<div style=\"width:100%; height:100%; box-sizing:border-box; font-family:Segoe UI,sans-serif; display:flex; flex-direction:column; gap:10px;\"><div style=\"font-size:12px; font-weight:800; color:#475569; padding:2px 6px;\">결과(Product)의 변화</div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#0f172a; margin-bottom:6px;\">Copy & Paste로 인해 하향 평준화된 기존 성과물의 품질 향상</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">과거 수작업으로 시행하면서 발생하던 오류 등의 최소화</li><li style=\"margin-bottom:4px;\">정확한 Data에 기반한 계획으로 고품질 성과물 도출</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#0f172a; margin-bottom:6px;\">Analogue 기반 도서 외 Digital 기반 정보물 추가</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">기존 성과물(도면, 수량, 계산서, 시방서 등)에 3D 모델, Simulation 등의 Digital 기반 정보물 추가</li></ul></div><div style=\"background:#ffffff; border:1px solid #d7e2f0; border-radius:12px; padding:12px;\"><div style=\"font-size:11px; font-weight:800; color:#0f172a; margin-bottom:6px;\">Solution을 활용한 업무 효율화</div><ul style=\"margin:0; padding-left:16px; font-size:9.7px; line-height:1.48; color:#334155;\"><li style=\"margin-bottom:4px;\">Engn. Solution을 통해 성과물에 관한 이슈를 함께 검토·논의하는 협업 환경 조성</li><li style=\"margin-bottom:4px;\">건설 단계별 정보를 디지털 데이터로 축적하여, 건설 전 과정을 통합관리</li></ul></div><div style=\"display:flex; justify-content:flex-end;\"><button type=\"button\" onclick=\"document.getElementById('popup-product').style.display='flex'\" style=\"margin-top:6px; border:none; background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:700; cursor:pointer;\">Product details</button></div></div>",
   "footer_html": "<div style=\"background:linear-gradient(135deg, #0b6ef3 0%, #17a6f5 100%); border-radius:10px; padding:10px 20px; text-align:center; color:#ffffff; width:100%; height:58px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;\"><div style=\"font-size:13px; font-weight:900; line-height:1.35;\">DX는 필요한 요건과 체계를 갖춘 후 시행해야만 그 효과를 기대할 수 있다.</div></div>",
-  "reasoning": "generic retry layout for non-run001 documents: preserve section titles, keep visible summary blocks, and move overflow detail into popups"
+  "reasoning": "requirements-process-product layout selected from document content traits"
 }