Phase X-B 진행중: 유형 B 조립 + 텍스트 보존 강화 + 원본 MDX 복구

X-B-3~5 완료:
- space_allocator: build_containers_type_b() 추가
- assemble_stage2: _assemble_type_b() 추가 (소제목 카드형)
- pipeline.py: layout_template 분기 (A/B)
- pipeline_context: Analysis.layout_template 필드
- validators: 유형 B 검증 완화

텍스트 보존 강화:
- KEI_PROMPT: 제목 원본 그대로, 텍스트 재작성 금지
- KEI_STRUCTURED_TEXT_PROMPT: 소제목 유지, 원본 문장 그대로

원본 MDX 복구:
- samples/mdx_batch/02.mdx: 표 데이터 누락 수정 (원본에서 재복사)

미해결 (다음 세션):
- 들여쓰기: 대제목→중제목→소제목→본문 계층 구조
- 이미지 캡션: [그림 제목] 형식 (대괄호 포함)
- 상단 컨테이너: 빈칸 위로 붙이기
- 카드 디자인: 안전과품질/생산성향상/소통과신뢰 디자인 개선
- 제목: Kei가 원본 제목 바꾸는 문제 잔존

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

scripts/assemble_stage2.py

@@ -44,8 +44,13 @@ def assemble(run_dir: str):
     popups = ctx.get("normalized", {}).get("popups", [])
     title = ctx.get("analysis", {}).get("title", "")
     ratio = ctx.get("container_ratio", [71, 29])
+    layout_template = ctx.get("analysis", {}).get("layout_template", "A")
 
-    # ── 유틸 ──
+    # Phase X-B: 유형 B면 별도 함수로 분기
+    if layout_template == "B":
+        return _assemble_type_b(run, ctx)
+
+    # ── 유틸 (유형 A) ──
     def bold(text, role):
         """V-10 bold 키워드 적용."""
         for kw in bold_kw.get(role, []):
@@ -563,3 +568,335 @@ body{{background:#e5e5e5;padding:10px;font-family:'Pretendard Variable','Noto Sa
 if __name__ == "__main__":
     run_dir = sys.argv[1] if len(sys.argv) > 1 else "data/runs/20260403_120051"
     assemble(run_dir)
+
+
+# ══════════════════════════════════════
+# Phase X-B: 유형 B 조립
+# ══════════════════════════════════════
+def _assemble_type_b(run: Path, ctx: dict):
+    """유형 B: 상단(top+이미지) + 하단 2분할 + 결론.
+
+    기존 유형 A 코드를 건드리지 않는 별도 함수.
+    """
+    import re
+    from src.fit_verifier import _load_design_tokens
+
+    topics = ctx["topics"]
+    topic_map = {t["id"]: t for t in topics}
+    ps = ctx["page_structure"]
+    if "roles" in ps:
+        ps = ps["roles"]
+    containers = ctx["containers"]
+    fh = ctx.get("font_hierarchy", {})
+    enh = ctx.get("enhancement_result", {})
+    bold_kw = enh.get("bold_keywords", {}) if isinstance(enh.get("bold_keywords"), dict) else {}
+    popups = ctx.get("normalized", {}).get("popups", [])
+    title = ctx.get("analysis", {}).get("title", "")
+    core_message = ctx.get("analysis", {}).get("core_message", "")
+    slide_images = ctx.get("slide_images", [])
+
+    tokens = _load_design_tokens()
+    pad = tokens["spacing_page"]
+    header_h = tokens.get("header_height", 66)
+    gap_block = tokens["spacing_block"]
+    gap_small = tokens["spacing_small"]
+    slide_w = tokens.get("slide_width", 1280)
+    slide_h = tokens.get("slide_height", 720)
+    inner_w = slide_w - pad * 2
+
+    # ── 유틸 ──
+    def get_text(topic):
+        if isinstance(topic, dict):
+            return topic.get("structured_text", "") or topic.get("source_data", "")
+        return ""
+
+    def bold(text, role):
+        for kw in bold_kw.get(role, []):
+            if kw in text:
+                text = text.replace(kw, f"<strong>{kw}</strong>")
+        return text
+
+    def find_popup(title_keyword):
+        for p in popups:
+            if title_keyword in p.get("title", ""):
+                return p
+        return None
+
+    # ── zone별 역할 분류 ──
+    top_role = None
+    bottom_left_role = None
+    bottom_right_role = None
+    footer_role = None
+
+    for role_name, info in ps.items():
+        if not isinstance(info, dict):
+            continue
+        zone = info.get("zone", "")
+        if zone == "top":
+            top_role = (role_name, info)
+        elif zone == "bottom_left":
+            bottom_left_role = (role_name, info)
+        elif zone == "bottom_right":
+            bottom_right_role = (role_name, info)
+        elif zone == "footer":
+            footer_role = (role_name, info)
+
+    # ── 좌표 계산 (containers에서 동적으로) ──
+    # footer
+    footer_ci = containers.get(footer_role[0], {}) if footer_role else {}
+    footer_h = footer_ci.get("height_px", 53) if isinstance(footer_ci, dict) else 53
+    ft_top = slide_h - pad - footer_h
+
+    # 상단
+    top_ci = containers.get(top_role[0], {}) if top_role else {}
+    top_h = top_ci.get("height_px", 200) if isinstance(top_ci, dict) else 200
+    top_w = top_ci.get("width_px", inner_w) if isinstance(top_ci, dict) else inner_w
+    top_top = pad + header_h + gap_block
+
+    # 이미지 크기
+    img_constraints = top_ci.get("block_constraints", {}) if isinstance(top_ci, dict) else {}
+    img_w = img_constraints.get("img_width_px", 0)
+    has_image = img_constraints.get("has_image", False)
+
+    # 이미지 높이: 실제 비율로
+    img_h = 0
+    img_html = ""
+    if has_image and slide_images:
+        for img in slide_images:
+            b64 = img.get("b64", "")
+            if b64:
+                img_ratio = img.get("ratio", 1)
+                img_h = int(img_w / img_ratio) if img_ratio > 0 else top_h
+                img_html = f'<img src="data:image/png;base64,{b64}" style="width:100%;height:100%;object-fit:contain;" />'
+                break
+
+    # 하단
+    bottom_top = top_top + top_h + gap_small
+    # V'-4: 결론 바로 위까지 채움
+    column_bottom = ft_top - gap_block
+    bottom_h = column_bottom - bottom_top
+    bottom_col_w = (inner_w - gap_block) // 2
+
+    # ── 역할별 HTML 조립 ──
+    font_size = fh.get("core", 12)
+
+    # 상단 (텍스트 + 이미지 나란히)
+    top_html = ""
+    if top_role:
+        rn, info = top_role
+        tids = info.get("topic_ids", [])
+        all_text = "\n".join(get_text(topic_map.get(tid, {})) for tid in tids if topic_map.get(tid))
+        # 마크다운 bold → HTML
+        all_text_clean = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', all_text)
+
+        # 팝업 분리
+        popup_titles = []
+        content_lines = []
+        for line in all_text_clean.split("\n"):
+            stripped = line.strip()
+            if not stripped:
+                continue
+            popup_match = re.search(r'\[팝업:\s*([^\]]+)\]', stripped)
+            if popup_match:
+                popup_titles.append(popup_match.group(1))
+                continue
+            if re.search(r'\[이미지:', stripped):
+                continue
+            content_lines.append(stripped)
+
+        # 팝업 링크 우측상단
+        popup_html = ""
+        if popup_titles:
+            links = " ".join(f'<span style="color:#2563eb;font-size:{font_size-2}px;cursor:pointer;">[{t}→]</span>' for t in popup_titles)
+            popup_html = f'<div style="position:absolute;top:4px;right:8px;text-align:right;z-index:1;">{links}</div>'
+
+        # 소제목(###) + 불릿을 카드형으로 분리
+        sections = []  # [(소제목, [불릿들])]
+        current_section = ("", [])
+        for line in content_lines:
+            if line.startswith("### ") or line.startswith("###"):
+                if current_section[0] or current_section[1]:
+                    sections.append(current_section)
+                current_section = (line.lstrip("# ").strip(), [])
+            else:
+                clean = line.lstrip("• ")
+                if clean.startswith("출처:"):
+                    continue
+                current_section[1].append(bold(clean, rn))
+        if current_section[0] or current_section[1]:
+            sections.append(current_section)
+
+        # 카드형 HTML 생성
+        bullets = ""
+        if len(sections) > 1 and sections[0][0]:
+            # 소제목이 있는 경우 → 카드형
+            card_gap = max(3, int(font_size * 0.4))
+            for sec_title, sec_items in sections:
+                items_html = "".join(
+                    f'<div class="bl" style="font-size:{font_size}px;"><span class="bl-m">•</span><span class="bl-t">{item}</span></div>'
+                    for item in sec_items
+                )
+                if sec_title:
+                    bullets += (
+                        f'<div style="background:#1e293b;color:#fff;border-radius:4px;'
+                        f'padding:{int(font_size*0.4)}px {int(font_size*0.6)}px;margin-bottom:{card_gap}px;">'
+                        f'<div style="font-size:{font_size}px;font-weight:700;color:#fbbf24;margin-bottom:2px;">{bold(sec_title, rn)}</div>'
+                        f'<div style="font-size:{font_size-1}px;line-height:1.5;">{items_html}</div></div>\n'
+                    )
+                else:
+                    bullets += items_html
+        else:
+            # 소제목 없는 경우 → 일반 불릿
+            for sec_title, sec_items in sections:
+                for item in sec_items:
+                    bullets += f'<div class="bl" style="font-size:{font_size}px;"><span class="bl-m">•</span><span class="bl-t">{item}</span></div>\n'
+
+        # 이미지 캡션: 출처 → [이미지:] 마커 → 없으면 빈 문자열
+        img_caption = ""
+        for line in all_text.split("\n"):
+            stripped = line.strip().lstrip("• ")
+            if stripped.startswith("출처:"):
+                img_caption = re.sub(r'^출처:\s*', '', stripped)
+                break
+        if not img_caption:
+            img_marker = re.search(r'\[이미지:\s*([^\]]+)\]', all_text)
+            if img_marker:
+                img_caption = img_marker.group(1)
+
+        caption_html = f'<div style="font-size:{font_size-2}px;color:#94a3b8;text-align:center;margin-top:2px;">{img_caption}</div>' if img_caption else ""
+
+        # 이미지 블록
+        img_block = ""
+        if has_image and img_html:
+            img_block = (
+                f'<div style="width:{img_w}px;flex-shrink:0;">'
+                f'<div style="height:{img_h}px;border-radius:6px;overflow:hidden;">{img_html}</div>'
+                f'{caption_html}</div>'
+            )
+
+        # 제목
+        primary_topic = topic_map.get(tids[0], {}) if tids else {}
+        topic_title = bold(primary_topic.get("title", ""), rn)
+
+        top_html = (
+            f'<div style="position:relative;height:100%;padding:{gap_small}px;box-sizing:border-box;">'
+            f'{popup_html}'
+            f'<div style="font-weight:700;font-size:{font_size+1}px;color:#1a365d;margin-bottom:4px;">{topic_title}</div>'
+            f'<div style="display:flex;gap:{max(6, int(font_size*0.8))}px;align-items:flex-start;">'
+            f'<div style="flex:1;font-size:{font_size}px;line-height:1.55;color:#333;">{bullets}</div>'
+            f'{img_block}</div></div>'
+        )
+
+    # 하단 좌측
+    bl_html = ""
+    if bottom_left_role:
+        rn, info = bottom_left_role
+        tids = info.get("topic_ids", [])
+        all_text = "\n".join(get_text(topic_map.get(tid, {})) for tid in tids if topic_map.get(tid))
+        all_text = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', all_text)
+
+        primary_topic = topic_map.get(tids[0], {}) if tids else {}
+        topic_title = bold(primary_topic.get("title", ""), rn)
+
+        bullets = ""
+        for line in all_text.split("\n"):
+            stripped = line.strip()
+            if not stripped or re.search(r'\[팝업:|\[이미지:', stripped):
+                continue
+            clean = stripped.lstrip("• ")
+            clean = bold(clean, rn)
+            bullets += f'<div class="bl" style="font-size:{font_size}px;"><span class="bl-m">•</span><span class="bl-t">{clean}</span></div>\n'
+
+        bl_html = (
+            f'<div style="height:100%;padding:{gap_small}px;box-sizing:border-box;">'
+            f'<div style="font-weight:700;font-size:{font_size+1}px;color:#1a365d;margin-bottom:4px;">{topic_title}</div>'
+            f'<div style="font-size:{font_size}px;line-height:1.55;color:#333;">{bullets}</div></div>'
+        )
+
+    # 하단 우측
+    br_html = ""
+    if bottom_right_role:
+        rn, info = bottom_right_role
+        tids = info.get("topic_ids", [])
+        all_text = "\n".join(get_text(topic_map.get(tid, {})) for tid in tids if topic_map.get(tid))
+        all_text = re.sub(r'\*\*(.+?)\*\*', r'<strong>\1</strong>', all_text)
+
+        primary_topic = topic_map.get(tids[0], {}) if tids else {}
+        topic_title = bold(primary_topic.get("title", ""), rn)
+
+        # 팝업 분리
+        popup_titles_br = []
+        content_lines_br = []
+        for line in all_text.split("\n"):
+            stripped = line.strip()
+            if not stripped:
+                continue
+            popup_match = re.search(r'\[팝업:\s*([^\]]+)\]', stripped)
+            if popup_match:
+                popup_titles_br.append(popup_match.group(1))
+                continue
+            if re.search(r'\[이미지:', stripped):
+                continue
+            content_lines_br.append(stripped)
+
+        popup_html_br = ""
+        if popup_titles_br:
+            links = " ".join(f'<span style="color:#2563eb;font-size:{font_size-2}px;cursor:pointer;">[{t}→]</span>' for t in popup_titles_br)
+            popup_html_br = f'<div style="position:absolute;top:4px;right:8px;text-align:right;z-index:1;">{links}</div>'
+
+        bullets = ""
+        for line in content_lines_br:
+            clean = line.lstrip("• ")
+            clean = bold(clean, rn)
+            bullets += f'<div class="bl" style="font-size:{font_size}px;"><span class="bl-m">•</span><span class="bl-t">{clean}</span></div>\n'
+
+        br_html = (
+            f'<div style="position:relative;height:100%;padding:{gap_small}px;box-sizing:border-box;">'
+            f'{popup_html_br}'
+            f'<div style="font-weight:700;font-size:{font_size+1}px;color:#1a365d;margin-bottom:4px;">{topic_title}</div>'
+            f'<div style="font-size:{font_size}px;line-height:1.55;color:#333;">{bullets}</div></div>'
+        )
+
+    # 결론
+    footer_html = ""
+    if footer_role:
+        rn, info = footer_role
+        footer_html = (
+            f'<div class="block-banner-grad" style="background:linear-gradient(135deg,#006aff 0%,#00aaff 100%);'
+            f'border-radius:8px;padding:{int(font_size*1.2)}px;text-align:center;color:#fff;height:100%;'
+            f'display:flex;align-items:center;justify-content:center;">'
+            f'<div style="font-size:{fh.get("key_msg",14)}px;font-weight:700;">{bold(core_message, rn)}</div></div>'
+        )
+
+    # ── HTML 조립 ──
+    _color_palette = ["#2563eb", "#16a34a", "#d97706", "#7c3aed"]
+
+    html = f"""<!DOCTYPE html><html><head><meta charset="UTF-8">
+<style>
+*{{margin:0;padding:0;box-sizing:border-box;}}
+body{{background:#e5e5e5;padding:10px;font-family:'Pretendard Variable','Noto Sans KR',sans-serif;word-break:keep-all;}}
+.bl{{display:flex;gap:0;margin-bottom:2px;}}.bl-m{{flex-shrink:0;width:1em;text-align:left;}}.bl-t{{flex:1;word-break:keep-all;}}
+</style></head><body>
+<div style="font-size:14px;font-weight:bold;margin-bottom:4px;">Stage 2: 코드 조립 (유형 B)</div>
+<div style="width:{slide_w}px;height:{slide_h}px;background:white;position:relative;border:1px solid #ccc;">
+
+<div style="position:absolute;left:{pad}px;top:{pad}px;width:{inner_w}px;height:{header_h}px;background:#f8fafc;border-bottom:3px solid #2563eb;display:flex;align-items:center;padding:0 20px;font-size:22px;font-weight:900;color:#1e293b;">{title}</div>
+
+<div style="position:absolute;left:{pad}px;top:{top_top}px;width:{inner_w}px;height:{top_h}px;border:2px solid {_color_palette[0]};border-radius:6px;overflow:hidden;">
+{top_html}</div>
+
+<div style="position:absolute;left:{pad}px;top:{bottom_top}px;width:{bottom_col_w}px;height:{bottom_h}px;border:2px solid {_color_palette[1]};border-radius:6px;overflow:hidden;">
+{bl_html}</div>
+
+<div style="position:absolute;left:{pad + bottom_col_w + gap_block}px;top:{bottom_top}px;width:{bottom_col_w}px;height:{bottom_h}px;border:2px solid {_color_palette[2]};border-radius:6px;overflow:hidden;">
+{br_html}</div>
+
+<div style="position:absolute;left:{pad}px;top:{ft_top}px;width:{inner_w}px;height:{footer_h}px;border-radius:8px;overflow:hidden;">
+{footer_html}</div>
+
+</div></body></html>"""
+
+    out = run / "steps" / "stage_2_code_assembled.html"
+    out.parent.mkdir(parents=True, exist_ok=True)
+    out.write_text(html, encoding="utf-8")
+    print(f"저장: {out} ({len(html)} bytes)")