wip: phase_z2 evidence 파이프라인 + matching 실험(phase2~26) + 프론트 trace 패널 진행분 스냅샷

- src: phase_z2 composition/mapper/pipeline/placement_planner/retry, ai_fallback(prompts/schema/validate), mdx_text_atoms 신규
- Front: PipelineTracePanel 신규, FramePanel/SlideCanvas/Home/designAgentApi 등 갱신 + 테스트 4종 추가
- templates/phase_z2: catalog(component_expansion_registry, node_slot_mapping 신규), frames, families, slide_base 갱신
- tests/matching: phase2~26 매칭 실험 스크립트·리포트·온톨로지 전체 (미커밋 진행분)
- tests: b4_v4 evidence, task5~28.5 시리즈, regression(imp95 baseline) 등 신규 테스트 대량 추가
- docs/reference: MDX 구조 인벤토리, MDX→Frame 구조 계약 문서
- scripts: mdx 계약/parity/coverage/viewport 체크, gitea comment, run sync 유틸
- .gitignore: tmp*.json, chromedriver, .orchestrator, *.pkl, Front_test* 등 임시/스냅샷 제외

미완성 작업의 보존용 스냅샷 커밋 (2026-07-02)

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

templates/phase_z2/families/three_parallel_requirements.html

@@ -80,13 +80,13 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
   .f13b__col--nature .f13b__bar { background: linear-gradient(180deg, #39BE49 21%, #23742C 100%); }
   /* PROMOTED Figma frame 13 line 92-93 — main + parenthetical stacked vertically */
   .f13b__bar-main {
-    font-size: var(--font-sub-title);    /* 12px — main word "기술/사람/자연" */
+    font-size: var(--font-sub-title);
     font-weight: 700;
     line-height: 1.2;
     display: block;
   }
   .f13b__bar-paren {
-    font-size: var(--font-caption);      /* 10px — "(디지털/역량/여건)" */
+    font-size: var(--font-caption);
     font-weight: 500;
     line-height: 1.2;
     display: block;
@@ -96,29 +96,29 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
   .f13b__body {
     flex: 1;
     display: flex; flex-direction: column;
-    padding: 8px 12px;                   /* breathing (was 6px 10px) */
+    padding: 8px 12px;
     min-width: 0;
     overflow: hidden;
   }
   .f13b__section {
     flex: 1;
-    padding: 6px 0;                       /* breathing (was 4px) */
+    padding: 6px 0;
     overflow: hidden;
     min-height: 0;
   }
   .f13b__section + .f13b__section {
     border-top: 2px dashed #000;        /* PROMOTED line 103 */
-    margin-top: 6px;                      /* visible section gap (was 4px) */
-    padding-top: 8px;                     /* breathing (was 6px) */
+    margin-top: 6px;
+    padding-top: 8px;
   }
   /* heading — 부소목차 (사용자 5-layer 직설 2026-05-07): Digital 기술과... 같은 깊이 1 굵은 bullet */
   .f13b__heading {
-    font-size: var(--font-sub-title);    /* 12px — 부소목차 위계 */
+    font-size: var(--font-sub-title);
     font-weight: 700;
     line-height: var(--lh-sub-title);
     -webkit-background-clip: text; background-clip: text;
     color: transparent;
-    margin-bottom: 6px;                   /* visible heading-body gap (was 4px) */
+    margin-bottom: 6px;
   }
   .f13b__col--tech   .f13b__heading { background-image: linear-gradient(180deg, #0D78D0 0%, #134D7F 100%); }
   .f13b__col--people .f13b__heading { background-image: linear-gradient(180deg, #FE900C 0%, #D18B37 100%); }
@@ -141,7 +141,6 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
   .f13b__desc {
     line-height: clamp(1.2em, calc(20cqh / var(--max-body-lines, 4)), 1.6em);
   }
-
   /* IMP-36 (Gitea #65 u4) P1 — aspect-ratio < 1.5 rotation rule. zone 의
      가로:세로 비가 1.5 미만으로 좁아지면 (vertical-2 narrow / 또는 임의
      세로형 geometry) 3-col grid 가 1-col stack 으로 회전. */