Skip to content

Story: 어드민 연동 모니터링 UI

메타

항목
Story IDE-05-S-08
EpicE-05 연동 자동화
상태ready-for-dev
우선순위P1
규모M
담당 개발자수민 (FE)

사용자 스토리

As a 운영팀,
I want 현재 진행 중인 연동 상태를 한눈에 보고 싶다,
So that 문제 발생 시 빠르게 대응할 수 있다.


수락 기준 (Acceptance Criteria)

AC-01: 연동 현황 대시보드

항목내용
Given어드민 페이지에서
When연동 현황 페이지에 진입하면
Then현재 Lock 상태와 대기열이 표시된다

AC-02: 세션 목록

항목내용
Given연동 현황 페이지에서
When세션 목록을 볼 때
Then진행중/대기중/완료/실패 상태별로 필터링할 수 있다

AC-03: 세션 상세

항목내용
Given세션 목록에서
When특정 세션을 클릭하면
Then상세 정보와 히스토리가 표시된다

AC-04: 수동 조치

항목내용
Given실패 또는 타임아웃 세션에서
When조치 버튼을 클릭하면
Then재시도 안내 발송 또는 수동 모드 전환이 가능하다

AC-05: 통계

항목내용
Given연동 현황 페이지에서
When통계 섹션을 볼 때
Then오늘 완료/진행/실패 건수가 표시된다

태스크 분해

Task 1: 대시보드 레이아웃 AC-01, AC-05

  • [ ] 1.1: /admin/integration 라우트 생성
  • [ ] 1.2: Lock 상태 카드 (현재 Lock 보유자, 남은 시간)
  • [ ] 1.3: 통계 카드 (완료/진행/실패)

Task 2: 세션 목록 AC-02

  • [ ] 2.1: 세션 테이블 컴포넌트
  • [ ] 2.2: 상태별 필터 탭
  • [ ] 2.3: 실시간 업데이트 (WebSocket 또는 폴링)

Task 3: 세션 상세 AC-03

  • [ ] 3.1: 세션 상세 모달/사이드패널
  • [ ] 3.2: 상태 히스토리 타임라인
  • [ ] 3.3: 수신된 인증번호 표시

Task 4: 수동 조치 AC-04

  • [ ] 4.1: 재시도 안내 발송 버튼
  • [ ] 4.2: 수동 인증번호 입력 모달
  • [ ] 4.3: Lock 강제 해제 버튼

화면 구성

┌───────────────────────────────────────────────────────────────┐
│ 📊 연동 현황                                        [새로고침] │
├───────────────────────────────────────────────────────────────┤
│                                                               │
│  🔒 현재 Lock: 김셀러 (shop_123) - 남은 시간 1:23             │
│                                                               │
│  [전체] [진행중] [대기중] [완료] [실패]                       │
│                                                               │
│  ┌─────────────────────────────────────────────────────────┐ │
│  │ 상태 │ 셀러 │ 시작 시간 │ 현재 단계 │ 액션             │ │
│  ├─────────────────────────────────────────────────────────┤ │
│  │ 🔵   │ 김셀러 │ 10:30   │ SMS 대기  │ -               │ │
│  │ 🟡   │ 박셀러 │ 10:31   │ Lock 대기 │ -               │ │
│  │ 🟢   │ 이셀러 │ 10:15   │ 완료      │ -               │ │
│  │ 🔴   │ 최셀러 │ 10:00   │ 타임아웃  │ [재시도] [수동] │ │
│  └─────────────────────────────────────────────────────────┘ │
│                                                               │
│  📈 오늘 통계: 완료 12건 / 진행 2건 / 실패 1건               │
│                                                               │
└───────────────────────────────────────────────────────────────┘

Dev Notes

의존성

  • E-05-S-04: 세션 상태 머신 (API)
  • E-05-S-05: WebSocket (실시간 업데이트)

API 필요

  • GET /admin/integration/sessions - 세션 목록
  • GET /admin/integration/stats - 통계
  • POST /admin/integration/sessions/:id/retry - 재시도

생성일: 2026-01-20

장사왕 Product Team