feat(editorial-story): 스토리에 스타일 핵심 아이템(essentials) 명시 노출

[cocoyoon]

배경 / 피드백

person 제거 후 남은 두 유형(style-archetype / item-anchor)은 결국 **"어떤 스타일을 구축했는가"**가 주제. 피드백: 그 스타일의 핵심 아이템(essentials)도 스토리에 명시적으로 구성되면 좋겠다.
→ decoded의 "Recreate The Style" 본질과 정합 — 피스를 알아야 재현 가능. 스타일 스토리가 피스를 안 보여주면 무드보드에 그침.

현재 상태 (machinery는 이미 있음, 노출만 빠짐)

• 모델/데이터: 각 beat의 spotlights(solution_id + label), item_spotlight role, source_solution_ids. compose 프롬프트도 "each look의 ESSENTIALS 2-4 key pieces"를 요구 (editorial_story/prompts.py L193-196).
• 하지만 render는 essentials 프레임 + spot dot만 그리고 아이템 이름/브랜드 라벨은 안 그림 (render.py L533 "라벨 없음"). → 핵심 피스가 캡처는 되는데 뷰어에게 안 보임. (BLACKPINK 예시: 코너 프레임만, 아이템명 없음)
• 원 설계는 의도적으로 "상품 카드/솔루션 링크의 정반대"(style-first, 아이템-쇼케이스 매거진과 구분). → 이 스탠스는 유지.

방향 (style-first 유지, 카탈로그 아님)

핵심 피스를 에디토리얼 아이템 콜아웃으로 노출 — 쇼퍼블 상품카드가 아니라 "스타일을 구성하는 피스"를 명명:

• (a) essentials 프레임에 라벨 부착(이름/브랜드 짧게) — 이미 캡처된 spotlight를 그리기만 하면 됨
• (b) beat 하단 compact 한 줄 — "THE PIECES: 레더 봄버 · 와이드 카고 · Dodgers 캡"
• (c) 선택: 마지막에 "the essentials / the kit" 집약 슬라이드 → 재현성 명시

두 angle_type 통일 프레이밍: style = 주장(thesis), items = 근거(receipts). 매 beat가 이미 essentials를 프레이밍하니 이름만 붙이면 됨.

상한

solutions(포스트별 식별 아이템) 커버리지에 종속 — 얇으면 라벨도 얇음 (#1011 데이터 커버리지와 연결).

위치

• compose: packages/ai-server/src/editorial_story/prompts.py (essentials 신뢰도 강화)
• render: packages/ai-server/src/editorial_story/render.py (라벨 드로잉 — L533 essentials 프레임)

[cocoyoon]

참고 레퍼런스 (angle_type별 signature 레이아웃 방향)

raf 제공 (참고용). 두 유형별로 스토리의 centerpiece 슬라이드 템플릿을 다르게 가져가는 방향.

item-anchor → "N Ways to Style [item]" 트립틱

• 한 아이템(예: 레더 재킷)을 2-4가지로 다르게 스타일링한 룩을 나란히 grid.
• 각 컬럼 하단에 스타일링 접근 라벨: CASUAL / DENIM + TEE, MINIMAL / TROUSERS + KNIT, FEMININE / SKIRT + BOOTS.
• 상단 헤드라인: "3 WAYS TO STYLE A LEATHER JACKET" (아이템만 accent).
• 데이터: 같은 아이템을 공유하는 여러 룩 필요 → item-anchor 앵글이 이미 지향하는 구성. 룩 사진 ✓ / 스타일링 라벨 ✓(cody_analysis·style).

style-archetype → "The Formula" 분해 (= decoded Style Formula)

• 좌: 히어로 룩 풀샷(decoded 코너 프레임) / 우: THE FORMULA 분해.
• 컴포넌트 2-4개: 각 아이콘 + 라벨(OVERSIZED BLAZER) + 짧은 why(Structured shoulders, relaxed fit).
• 하단 OVERALL MOOD pill 태그: Modern · Confident · Timeless.
• 데이터: 히어로 사진 ✓ / 컴포넌트+why ✓(cody_analysis 스타일 분해) / mood 태그 ✓(style_tags). 컴포넌트 아이콘 ✗(solution에 상품 이미지 없음) → 지금은 텍스트/라인 버전, 아이콘은 카테고리 line-icon 세트 확보 시.

현재까지 프로토타입 (이 이슈)

• inline THE PIECES 라인 (beat별) — render_image_beat, 구현/렌더 확인됨
• render_essentials "The Edit" 아이템 전용 슬라이드 (넘버링+brand+price) — 렌더 확인됨
  → 위 레퍼런스는 이걸 angle_type별 signature 템플릿으로 발전시키는 방향. (아이템 리스트=간단 버전, formula/triptych=풍부 버전)

[cocoyoon]

파이프라인 연동 진행 (렌더 + compose 완료)

디자인 확정 후 실제 파이프라인에 연동. 커밋: 9fd79cd2(렌더/모델/assets), 59d998d0(compose).

확정 디자인: 커버 → decode 룩 ×N (풀블리드 룩 + THE STYLE FORMULA: 아이템 이미지 4:5 카드 + 라벨 + 인사이트, 2-4개) → 클로징(정사각 프레임 + 태그라인 "Decode The Look. Recreate The Style." + "Shop the look at www.decoded.style", 가운데). 로고 좌상단 고정, 브랜드색 #f7e64a, em-dash 없음.

구현:

• models: Spotlight.insight, StorySlide.dek. spotlights = STYLE FORMULA 큐레이션.
• render.py: render_decode_look(feat(responsive): 메인페이지 + 주요 페이지 모바일 반응형 최적화 #41), render_closing_cta, _draw_item_thumb(순백 카드). 라우팅 beat→decode_look, closing→cta.
• service._resolve_assets: solution thumbnail_url 다운로드 → 아이템 카드.
• prompts: 아크 재작성 (dek + STYLE FORMULA label/insight 생성, lede/pullquote 제거).

검증: compose 스모크(cover→beat×4→closing, 전 beat dek+label+insight, PASS) + render 스모크(render_storyboard 5슬라이드 정상).

남은 것: E2E(compose→render) 재확인 + 로컬/prod 라이브 생성 검증. (render_image_beat/render_essentials 등 dead code 정리는 후속.)