/keeper-out/admin Lead Detail View 설계

01.한 줄 결정 요청

02.현재 admin이 보여주는 데이터

app/keeper-out/admin/AdminClient.tsx의 풀퍼널 list가 PipelineRow 한 줄짜리만 출력 중이고, 개별 lead의 detail view는 아예 없음:

// 현재 PipelineRow 한 줄
{lead.store_name} · {lead.business_no}
{lead.phone} · {lead.current_security} · {lead.camera_count}대 · {scenario benefit}
[🏬 매장] [📷 실사리드] [☎️ 콜매칭] [🚩 설치완료]   // 4단계 진행 버튼
[💸 N페이 송금 대기]                              // payout pending시

즉 영업맨이 매장 방문 전 talking point 준비할 페이지가 없음. 자동님이 지금 만들자는 게 정확히 이 부분.

03.자동님이 원한 풀 데이터 매핑

자동님 발화 verbatim — "페인포인트를 포함한 고객의 모든 데이터와 사진들이 다 포함되고 영업자가 누군지까지, 매장 데이터, 연락처, 지급 여부와 금액, 에이전트 1,2,3 항목들도". 이걸 DB 컬럼/테이블로 풀어보면:

04.더 있을 것 — 제 추가 제안

자동님이 "음... 더 뭐있지?"라고 열어두셔서, 제가 떠올린 것 5건:

05.새 페이지 레이아웃 (13 섹션)

경로: app/keeper-out/admin/leads/[id]/page.tsx + LeadDetailClient.tsx

섹션 4 — Pain Points 상세 (오늘 핵심)

선택된 chip만 컬러 강조. pain_note는 따옴표 인용 박스로 사장님 발화 재현.

06.API 변경

현재 app/api/keeper-out/lead/[id]/route.ts는 PATCH만 있음. GET 추가해서 lead + agents + payouts + funnel_events 한 번에 fetch:

export async function GET(req, { params }) {
  const { id } = await params;
  // PostgREST embed로 한 방에
  const rows = await sbSelect(
    "keeper_outbound_leads",
    `select=*,
      agent_1_data:keeper_outbound_agents!agent_1(id,name,phone,role),
      agent_2_data:keeper_outbound_agents!agent_2(id,name,phone,role),
      agent_3_data:keeper_outbound_agents!agent_3(id,name,phone,role),
      payouts:keeper_outbound_payouts(*),
      events:keeper_outbound_funnel_events(*)
      &id=eq.${id}`
  );
  return NextResponse.json({ ok: true, lead: rows[0] });
}

07.Phase 분할

08.함정 / 미확정

09.결정 요청