Rinda · Admin Frontend

캠페인 화면 지도

코드베이스 기준 캠페인(=시퀀스) 관련 화면 전체와, 각 화면이 어디서 진입되는지 정리한 문서입니다. AI 캠페인 · 수동 캠페인 · 바이어 검색 이후 흐름을 포함합니다.

11개 화면 React 19 + Vite 기준: 2026-06-10

1 바이어 검색 → 캠페인 진입 흐름

바이어를 검색·선택하면 고객그룹이 생성되고, 모드 선택 모달에서 AI / 수동으로 분기됩니다. 모든 context는 URL 쿼리 파라미터(customerGroupId, workspaceId, sessionId)로 전달됩니다.

바이어 검색
리드 발굴 · 채팅
/lead-discovery
바이어 선택
선택 → CSV 수집
고객그룹 생성
customerGroupId 발급
모드 선택 모달
CampaignModeSelectModal
AI 개인화 캠페인
개인화 모드 선택 시
/sequences/create-personalized
수동(통합) 캠페인
수동 모드 선택 시
/sequences/create-unified
핵심. "Sequence(시퀀스)"와 "Campaign(캠페인)"은 동일 개념입니다. 라우트·API는 sequence, UI·컴포넌트는 Campaign*으로 혼용되며 사이드바 라벨은 "캠페인"입니다.

2 핵심 캠페인 화면 (생성 · 관리 · 편집)

캠페인을 직접 만들고 관리·편집하는 화면들입니다.

핵심 AI 수동 레거시

캠페인 목록 관리 허브

/sequences

모든 캠페인을 상태별 탭(활성·진행중·일시정지·완료)으로 보고 관리. "새 캠페인" 버튼으로 생성 시작.

진입: 사이드바 "캠페인" 메뉴 · 대시보드 인사이트 "캠페인 시작"
pages/sequences/SequencesPage.tsx

AI 개인화 캠페인 AI

/sequences/create-personalized

고객그룹 기반으로 AI가 수신자별 개인화 이메일을 생성. 자동저장(useCampaignAutoSave) 지원.

진입: 바이어 검색 후 모드 모달에서 "개인화" · 기존 AI 캠페인 편집(?id=)
pages/sequences/CreatePersonalizedCampaignPage.tsx

통합 캠페인 (수동+AI) 수동

/sequences/create-unified

최신 통합 생성 화면. Phase 상태머신: setup → proposal → generating → review. 고객그룹·이메일계정·제품 선택 후 AI 블루프린트 생성.

진입: 바이어 검색 후 모드 모달에서 "수동" · SequencesPage 새 캠페인
pages/sequences/UnifiedCampaignPage.tsx

AI 제안 (블루프린트) AI

/sequences/proposal

SSE 실시간 진단 기반 캠페인 제안. Phase: setup → diagnosing → review → committing → done. 사용자 피드백을 반영해 이메일 수정.

진입: SequencesPage "새 캠페인" → "AI 제안" 모드
pages/sequences/proposal/SequenceProposalPage.tsx

수동 캠페인 (레거시) 레거시

/sequences/create

3-Step 수동 생성: Step1 정보·그룹 → Step2 이메일 단계 작성 → Step3 검토·활성화. ?prefill=true&tier= 로 AI prefill 진입 가능.

진입: SequencesPage "수동 작성" 모드(통합으로 라우팅되는 경우 多)
pages/sequences/CreateCampaignPage.tsx

캠페인 편집 편집

/sequences/edit?id=…

기존 캠페인의 정보·단계·수신자 편집. 임시저장 + 활성화/일시정지/삭제 액션.

진입: SequencesPage 테이블 행 클릭 · 행 액션 메뉴(편집·복제·보기)
pages/sequences/SequenceEditPage.tsx

3 진입점 화면 (캠페인을 시작시키는 화면)

직접 캠페인을 만들진 않지만, 캠페인 생성/관리로 들어가는 출발점이 되는 화면들입니다.

홈 대시보드

/dashboard

로그인 후 기본 진입점. QuickActions "캠페인 생성", 최근 캠페인 리스트(클릭 시 편집), 인사이트 "캠페인 시작" 링크.

나가는 곳: /sequences/create · /sequences/proposal · /sequences/edit
pages/dashboard/home/index.tsx

바이어 검색 (Mastra)

/lead-discovery

현행 리드 발굴·채팅 화면. 바이어 선택 → 고객그룹 생성 → 모드 선택 모달로 캠페인 진입.

나가는 곳: CampaignModeSelectModal → AI/수동 캠페인
pages/lead-discovery/LeadDiscoveryMastraPage.tsx · ChatRoom.tsx

바이어 검색 (V1 레거시) 레거시

/lead-discovery-v1

구버전 리드 발굴 화면. 테이블에서 선택 후 handleStartCampaignFromTable로 동일한 캠페인 모달 흐름 진입.

나가는 곳: ChatRoom → CampaignModeSelectModal
pages/lead-discovery/LeadDiscoveryPage.tsx

모드 선택 모달

(모달) CampaignModeSelectModal

바이어 검색 → 그룹 생성 직후 뜨는 분기 지점. "개인화" → create-personalized, "수동" → create-unified로 navigate.

전달: customerGroupId · workspaceId · sessionId
pages/sequences/CampaignModeSelectModal.tsx

4 관리자 · 운영 화면

관리자/운영자 전용으로, 캠페인을 모니터링하거나 다중 워크스페이스 관점에서 다루는 화면입니다.

관리자 전용레거시

운영 콘솔 — 캠페인 캘린더 관리자

/operations?tab=calendar

다중 워크스페이스의 캠페인 발송 일정을 월/주 뷰로 시각화. 배치 그룹·발송량 팝오버. 운영 콘솔의 5개 탭 중 calendar.

진입: 사이드바 "운영 콘솔" → Calendar 탭
pages/operations/OperationsPage.tsx · campaign-calendar/CampaignCalendarPage.tsx

캠페인 캘린더 (단독/레거시) 레거시

/campaign-calendar → 리다이렉트

구 단독 캘린더 경로. 현재 /operations?tab=calendar로 리다이렉트. /campaign-calendar/standalone만 단독 유지.

진입: 레거시 URL · 북마크
pages/campaign-calendar/CampaignCalendarPage.tsx

캠페인 건강도 메뉴 미노출

/campaign-health

워크스페이스 건강도 점수 + 시퀀스별 상태 + warmup 도메인. 사이드바 미등록, URL 직접 접근만 가능(대시보드 통계로 이관 중).

진입: URL 직접 입력(관리자)
pages/campaign-health/CampaignHealthPage.tsx

LinkedIn SDR (미션=캠페인) 관리자

/linkedin-sdr

LinkedIn 자동화. "미션"이 캠페인에 해당하며 동일한 상태 관리(active/paused/completed)·일일한도·warmup·건강도 스코어를 가짐.

진입: 사이드바 "LinkedIn SDR" 메뉴(관리자 전용)
pages/linkedin-sdr/LinkedInSdrPage.tsx

5 화면 간 전달 파라미터

캠페인 화면들은 상태를 URL 쿼리 파라미터로 주고받습니다(진입 context의 유일한 운반 수단).

파라미터용도주로 쓰는 화면
customerGroupId대상 고객그룹(바이어 묶음)create-personalized · create-unified · create
workspaceId워크스페이스 IDcreate-personalized · create-unified
sessionId바이어 탐색 세션(중복 draft 방지)create-personalized
id기존 시퀀스 편집(resume)create · create-personalized · proposal · unified · edit
step현재 단계(Step 1~3)create
prefill / tierAI prefill 모드 / 바이어 우선순위(hot·warm·cold)create
tab운영 콘솔 탭(calendar 등)operations

6 전체 라우트 표

캠페인 관련 라우트 한눈에 보기.

라우트화면분류
/sequences캠페인 목록·관리핵심
/sequences/create-personalizedAI 개인화 캠페인AI
/sequences/proposalAI 제안(블루프린트)AI
/sequences/create-unified통합 캠페인(수동+AI)수동
/sequences/create수동 캠페인(3-Step)레거시
/sequences/edit?id=캠페인 편집핵심
/dashboard홈 대시보드(진입점)진입
/lead-discovery바이어 검색(Mastra)진입
/lead-discovery-v1바이어 검색(V1)레거시
/operations?tab=calendar캠페인 캘린더(운영)관리자
/campaign-calendar캘린더(리다이렉트)레거시
/campaign-health캠페인 건강도미노출
/linkedin-sdrLinkedIn SDR(미션)관리자