diff --git a/scripts/smoke_frame_render.py b/scripts/smoke_frame_render.py index 60817a0..6ae5ecb 100644 --- a/scripts/smoke_frame_render.py +++ b/scripts/smoke_frame_render.py @@ -218,6 +218,27 @@ _MOCK_BIM_DX_COMPARISON = { ], } +# Track A frame 5 — dx_sw_necessity_three_perspectives (frame 20). +# Builder reuse = quadrant_flat_slots (F11 pattern) — pad_to=3, perspective_N keys. +_MOCK_DX_SW_NECESSITY = { + "title": "디지털 전환(DX)은 S/W가 필수다", + "perspective_1_label": "BIM 전면설계", + "perspective_1_body": [ + {"text": "건설산업 생산성 향상", "indent": 0}, + {"text": "고부가가치 산업 전환", "indent": 0}, + ], + "perspective_2_label": "디지털 전환 S/W", + "perspective_2_body": [ + {"text": "노동집약형 업무 탈피", "indent": 0}, + {"text": "S/W 고도화 + 투자 필요", "indent": 0}, + ], + "perspective_3_label": "고부가가치 산업전환", + "perspective_3_body": [ + {"text": "기본기술 이해 발전 필요", "indent": 0}, + {"text": "DX 통한 Process 혁신", "indent": 0}, + ], +} + SELF_CHECK_FIXTURES: dict[str, dict] = { "three_parallel_requirements": _MOCK_THREE_PARALLEL, "process_product_two_way": _MOCK_PROCESS_PRODUCT, @@ -226,6 +247,7 @@ SELF_CHECK_FIXTURES: dict[str, dict] = { "construction_goals_three_circle_intersection": _MOCK_CONSTRUCTION_GOALS, "construction_bim_three_usage": _MOCK_CONSTRUCTION_BIM_USAGE, "bim_dx_comparison_table": _MOCK_BIM_DX_COMPARISON, + "dx_sw_necessity_three_perspectives": _MOCK_DX_SW_NECESSITY, } diff --git a/templates/phase_z2/catalog/frame_contracts.yaml b/templates/phase_z2/catalog/frame_contracts.yaml index cdd7711..2bc2720 100644 --- a/templates/phase_z2/catalog/frame_contracts.yaml +++ b/templates/phase_z2/catalog/frame_contracts.yaml @@ -451,3 +451,67 @@ bim_dx_comparison_table: - "BIM" - "DX" max_rows: 12 # typical 4-8, overflow 보호 + + +dx_sw_necessity_three_perspectives: + # Reason : V4 LE=2 (03-1 + 01-1) + RS=1 — V4 LE tier strongest 잔여. + # Pattern : cards / cards-3-header — 3 columns horizontal (DX 필수성 3 관점). + # Track A frame 5 (Codex round 45 accepted, V4 priority strict). + # builder 재사용 = `quadrant_flat_slots` (F16/F11 pattern). 새 builder/parser 0. + template_id: dx_sw_necessity_three_perspectives + frame_id: 1171281198 + family: cards + + source_shape: top_bullets + cardinality: + strict: 3 # 3 perspective columns + overflow_policy: abort_or_review + + # 순서 기반 role naming (3 perspective 각자 color 도 다를 수 있음 — 단순 ordering). + role_order: + - perspective_1 + - perspective_2 + - perspective_3 + + # min_height_px derivation : + # 3 column × (header 30 + body bullets ~3 × 25) + title 30 + padding 30 = ~ 195. + # safety buffer (label 길고 body 5+ bullets 보호) = 125 → **320**. + # F12/F11/F18 와 동등 class. confirm via smoke + R3. + visual_hints: + min_height_px: 320 + + accepted_content_types: + - text_block + + # Frame Slot 선언 : 3 perspective columns (각 column = label + body). + sub_zones: + - id: perspective_1 + role: main_text + accepts: [text_block] + cardinality: { strict: 1 } + partial_target_path: ".f20b__cols > .f20b__col:nth-child(1)" + - id: perspective_2 + role: main_text + accepts: [text_block] + cardinality: { strict: 1 } + partial_target_path: ".f20b__cols > .f20b__col:nth-child(2)" + - id: perspective_3 + role: main_text + accepts: [text_block] + cardinality: { strict: 1 } + partial_target_path: ".f20b__cols > .f20b__col:nth-child(3)" + + payload: + title: + source: section.title + # Builder 재사용 = `quadrant_flat_slots` (F16/F11 pattern). + # 새 builder / 새 parser 0. F18 같은 새 builder 도입 아님 (Codex round 45 secondary reuse 허용). + builder: quadrant_flat_slots + builder_options: + item_parser: quadrant_item # F16/F11 의 parser 재사용 + pad_to: 3 # 3 perspectives + truncate_at: 3 + label_key_pattern: "perspective_{n}_label" + body_key_pattern: "perspective_{n}_body" + empty_label: "" + empty_body: [] diff --git a/templates/phase_z2/families/dx_sw_necessity_three_perspectives.html b/templates/phase_z2/families/dx_sw_necessity_three_perspectives.html new file mode 100644 index 0000000..5a079e4 --- /dev/null +++ b/templates/phase_z2/families/dx_sw_necessity_three_perspectives.html @@ -0,0 +1,158 @@ + +{# +───────────────────────────────────────────────────────────────────────────── +Visual Provenance — figma_to_html_agent/blocks/1171281198/ (frame 20) +───────────────────────────────────────────────────────────────────────────── +Frame 20 = "디지털 전환(DX)은 S/W가 필수다" (cards-3-header). Figma 원본 = +상단 dark green banner ("디지털 전환(DX)은 S/W가 필수다" green/white mix) + +좌측 DX circular area + 우측 3 perspective cards (BIM 전면설계 / 디지털 +전환 S/W / 고부가가치 산업전환). + +본 partial = Track A frame 5 (Codex round 45 accepted, V4 LE tier strongest). +builder 재사용 = `quadrant_flat_slots` (F11 cards-3-category pattern). 새 +builder/parser 0. + +3-layer architecture (matrix §0) : +- V4 = matching authority — V4 ranked this frame light_edit for 03-1 + 01-1. +- figma_to_html (1171281198) = source/evidence — 386-line index.html + assets/. +- Phase Z = runtime — 본 commit adds catalog + partial + smoke fixture. + +PROMOTED — CSS : + - 3 column header bg : dark green (`#296B55` family, Figma green theme) + - header text white bold + green accent + - title gradient (#000 → #883700, F13/F14/F12/F11/F18 zone-title family) + - card border + bullet markers (green family) + +NOT PROMOTED (P1 case-by-case, compact zone fit) : + - 상단 dark green banner (Figma 의 큰 visual 영역, MDX 의 *title 만* 핵심) + - 좌측 DX circular area (multi-image + center text + decor — Figma 의 main + rhetorical anchor 단 compact zone 에서 표현 불가). title 의 gradient 로 의도 보존 + - 한자/장식/배경 텍스처 — Figma source evidence 보존, 미 promote + +ADAPTED : + - Figma 90/65/40px → token-fixed (zone-title 13 / sub-title 12 / caption / body 11) + - 1280×426 absolute positioning + zoom → Phase Z 3-column grid + - 3 perspective cards (header + body) → flex column +───────────────────────────────────────────────────────────────────────────── +min_height_px derivation : + 3 col × (header 30 + body 3-bullets × 25) + title 30 + padding 30 = ~195 + + safety buffer (longer label / 5+ bullets) 125 = **320**. F12/F11/F18 class. +───────────────────────────────────────────────────────────────────────────── +slots : + - title : section.title + - perspective_1/2/3_label : 3 column headers + - perspective_1/2/3_body : list[{text, indent}] : 3 column bullets +───────────────────────────────────────────────────────────────────────────── +4-class failure taxonomy : + - class 1 readiness : builder reuse `quadrant_flat_slots` + `quadrant_item`. + contract + partial + smoke fixture. + - class 2 content-fit : header label 짧게 (single line). body 3-5 bullets per + column (zone fit). 6+ bullets 시 watch. +#} + + + +
+
{{ slot_payload.title }}
+
+ {# 3 columns — quadrant_flat_slots produces perspective_N_label / perspective_N_body for N=1..3 #} +
+
{{ slot_payload.perspective_1_label | safe }}
+
+ {% if slot_payload.perspective_1_body %} + {% for line in slot_payload.perspective_1_body %}
{{ line.text | safe }}
{% endfor %} + {% endif %} +
+
+
+
{{ slot_payload.perspective_2_label | safe }}
+
+ {% if slot_payload.perspective_2_body %} + {% for line in slot_payload.perspective_2_body %}
{{ line.text | safe }}
{% endfor %} + {% endif %} +
+
+
+
{{ slot_payload.perspective_3_label | safe }}
+
+ {% if slot_payload.perspective_3_body %} + {% for line in slot_payload.perspective_3_body %}
{{ line.text | safe }}
{% endfor %} + {% endif %} +
+
+
+