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>
This commit is contained in:
2026-07-02 17:03:42 +09:00
co-authored by Claude Opus 4.8
parent 97b7833a1b
commit b836e79ee1
527 changed files with 673036 additions and 717 deletions
@@ -57,6 +57,7 @@ slots: title, center_quote (옵션), quadrant_{1,2,3,4}_{label, body}
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-auto-rows: minmax(0, 1fr);
gap: 6px;
position: relative;
min-height: 0;
@@ -85,6 +86,10 @@ slots: title, center_quote (옵션), quadrant_{1,2,3,4}_{label, body}
background: linear-gradient(0deg, #f2f2f2 0%, #ffffff 100%);
border-radius: 0 0 14px 14px;
}
.f16b__quadrant--extra {
background: linear-gradient(0deg, #f2f2f2 0%, #ffffff 100%);
border-radius: 14px;
}
/* Header ribbon — PROMOTED gradient + token font */
.f16b__ribbon {
@@ -108,7 +113,8 @@ slots: title, center_quote (옵션), quadrant_{1,2,3,4}_{label, body}
background: linear-gradient(270deg, rgba(165,161,150,0.5) -26.87%, #39321E 73.13%);
}
.f16b__quadrant--tr .f16b__ribbon,
.f16b__quadrant--br .f16b__ribbon {
.f16b__quadrant--br .f16b__ribbon,
.f16b__quadrant--extra .f16b__ribbon {
background: linear-gradient(90deg, rgba(41,107,85,0.5) 0%, #032118 100%);
}
@@ -213,7 +219,27 @@ slots: title, center_quote (옵션), quadrant_{1,2,3,4}_{label, body}
</div>
{# Center quote — 옵션 #}
{% if slot_payload.center_quote %}
{% set slot_count = slot_payload._slot_count or 4 %}
{% if slot_count > 4 %}
{% for n in range(5, slot_count + 1) %}
{% set label = slot_payload['quadrant_' ~ n ~ '_label'] %}
{% set body = slot_payload['quadrant_' ~ n ~ '_body'] %}
{% set headline = slot_payload['quadrant_' ~ n ~ '_headline'] %}
<div class="f16b__quadrant f16b__quadrant--extra" data-frame-slot-id="quadrant_dynamic" data-quadrant-n="{{ n }}">
{% if label %}
<div class="f16b__ribbon">{{ label | safe }}</div>
{% endif %}
{% if headline or body %}
<div class="f16b__body">
{% if headline %}<div class="f16b__headline">{{ headline | safe }}</div>{% endif %}
{% for line in body %}<div class="text-line text-line--bullet{% if line.indent > 0 %} text-line--indent-{{ line.indent }}{% endif %}">{{ line.text | safe }}</div>{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
{% endif %}
{% if slot_payload.center_quote and slot_count <= 4 %}
<div class="f16b__center">
<div class="f16b__center-quote">{{ slot_payload.center_quote | safe }}</div>
</div>
@@ -159,7 +159,6 @@ slots: title (omitted), banner_left, banner_right,
}
/* f29b 의 본문 = .text-line 공통 contract 사용. bullet color override. */
.f29b__cell .text-line--bullet { color: #000; font-weight: 700; }
/* AS-IS/TO-BE 좌우 + arrow (PROMOTED 구조) */
.f29b__transform {
display: grid;
@@ -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 으로 회전. */
@@ -90,10 +90,40 @@ Asset path runtime resolution :
}
.f14b__cols {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-auto-rows: minmax(0, 1fr);
gap: 10px;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.f14b__intro {
flex: 0 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 6px;
max-height: 76px;
overflow: hidden;
}
.f14b__intro-card {
border: 1px solid rgba(40, 91, 74, 0.35);
border-radius: 8px;
background: rgba(255, 255, 255, 0.72);
padding: 5px 8px;
min-width: 0;
overflow: hidden;
}
.f14b__intro-label {
font-size: var(--font-caption);
line-height: var(--lh-caption);
font-weight: 700;
color: #285b4a;
margin-bottom: 2px;
}
.f14b__intro-body .text-line {
font-size: var(--font-caption);
line-height: var(--lh-caption);
color: #1a1a1a;
}
.f14b__col {
position: relative;
@@ -223,10 +253,36 @@ Asset path runtime resolution :
opacity: 0.7; /* index.html L53 — opacity 0.70 */
display: block;
}
.f14b--with-intro .f14b__intro { max-height: 56px; }
.f14b--with-intro .f14b__badge {
width: 46px;
height: 46px;
margin: 3px auto 2px;
}
.f14b--with-intro .f14b__body {
padding: 2px 8px 5px;
}
.f14b--with-intro .f14b__photo {
display: none;
}
</style>
<div class="f14b" data-frame-id="1171281191" data-template-id="three_persona_benefits">
<div class="f14b{% if slot_payload.intro_sections %} f14b--with-intro{% endif %}" data-frame-id="1171281191" data-template-id="three_persona_benefits">
<div class="f14b__title">{{ slot_payload.title }}</div>
{% if slot_payload.intro_sections %}
<div class="f14b__intro">
{% for section in slot_payload.intro_sections %}
<div class="f14b__intro-card">
{% if section.label %}<div class="f14b__intro-label">{{ section.label | safe }}</div>{% endif %}
{% if section.body %}
<div class="f14b__intro-body">
{% for line in section.body %}<div class="text-line{% if line.indent > 0 %} text-line--indent-{{ line.indent }}{% endif %}">{{ line.text | safe }}</div>{% endfor %}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endif %}
<div class="f14b__cols">
{% for persona in slot_payload.personas %}
<div class="f14b__col f14b__col--{{ persona.color_class }}">
@@ -258,11 +314,11 @@ Asset path runtime resolution :
{# bottom photo — per persona 실사 사진 #}
<div class="f14b__photo">
{% if persona.color_class == "client" %}
<img src="assets/three_persona_benefits/d2c070f200af83f563976b6b0f309d38321d204d.png" alt="">
<img src="assets/three_persona_benefits/d2c070f200af83f563976b6b0f309d38321d204d.png" alt="" data-allow-aspect-crop="1">
{% elif persona.color_class == "constructor" %}
<img src="assets/three_persona_benefits/2a6a58e7bf7a645b5ede65115feb2890ccc414d1.png" alt="">
<img src="assets/three_persona_benefits/2a6a58e7bf7a645b5ede65115feb2890ccc414d1.png" alt="" data-allow-aspect-crop="1">
{% elif persona.color_class == "designer" %}
<img src="assets/three_persona_benefits/39113493f6e3ae76d766e86e293b0f0dcbf55d91.png" alt="">
<img src="assets/three_persona_benefits/39113493f6e3ae76d766e86e293b0f0dcbf55d91.png" alt="" data-allow-aspect-crop="1">
{% endif %}
</div>
</div>