[Deploy] develop → main 배포 반영

[YermIm]

🚨 관련 이슈

N/A

✨ 변경사항

• 🐞 BugFix Something isn't working
• 💻 CrossBrowsing Browser compatibility
• 🌏 Deploy Deploy
• 🎨 Design Markup & styling
• 📃 Docs Documentation writing and editing (README.md, etc.)
• ✨ Feature Feature
• 🔨 Refactor Code refactoring
• ⚙️ Setting Development environment setup
• ✅ Test Test related (storybook, jest, etc.)

✏️ 작업 내용

N/A

😅 미완성 작업

N/A

📢 논의 사항 및 참고 사항

N/A

💬 리뷰어 가이드 (P-Rules)
P1: 필수 반영 (Critical) - 버그 가능성, 컨벤션 위반. 해결 전 머지 불가.
P2: 적극 권장 (Recommended) - 더 나은 대안 제시. 가급적 반영 권장.
P3: 제안 (Suggestion) - 아이디어 공유. 반영 여부는 드라이버 자율.
P4: 단순 확인/칭찬 (Nit) - 사소한 오타, 칭찬 등 피드백.

Summary by CodeRabbit

• 새로운 기능

  • 연결이 해제된 플랫폼 계정을 기존 계정으로 다시 연동할 수 있습니다.
  • 타임라인 성과 패널에 클릭수·전환수·노출수·ROAS별 일별 추이 차트가 추가되었습니다.
  • 타임라인 너비가 화면 컨테이너에 맞춰 동적으로 조정됩니다.

• 개선 사항

  • 타임라인 성과 상태가 누락되거나 예상과 다른 경우에도 안정적인 스타일로 표시됩니다.
  • 플랫폼 연동 상태와 재연동 진행 상황을 더 명확하게 확인할 수 있습니다.
  • 연동 해제 모달에 재연동 및 계정 삭제 일정 안내가 추가되었습니다.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 2efa3e5d-9b41-41c8-ace6-5836241cb203

📥 Commits

Reviewing files that changed from the base of the PR and between 4a9eb79 and a0ef752.

📒 Files selected for processing (20)

• src/api/integration/platformAccounts.ts
• src/components/integration/PlatformDisconnectModal.tsx
• src/components/integration/PlatformIntegrationCard.tsx
• src/components/timeline/TimelineBar.tsx
• src/components/timeline/TimelinePerformancePanel.tsx
• src/components/timeline/charts/TimelineDailyTrendChart.tsx
• src/components/timeline/charts/timelineDailyTrendChart.config.ts
• src/constants/timeline/layout.ts
• src/constants/timeline/statusStyle.ts
• src/hooks/timeline/useContainerWidth.ts
• src/pages/dashboard/timeline/Timeline.tsx
• src/pages/integration/PlatformIntegrationsPage.tsx
• src/types/integration/platformConnection.ts
• src/types/timeline/api.ts
• src/types/timeline/summary.ts
• src/types/timeline/timeline.mock.ts
• src/utils/integration/mapPlatformAccounts.ts
• src/utils/timeline/buildTimelineChartSeries.ts
• src/utils/timeline/buildTimelineGrid.ts
• src/utils/timeline/buildTimelineSummaryPanel.ts

---

📝 Walkthrough

Walkthrough

플랫폼 계정 재연동과 soft disconnected UI를 추가하고, 타임라인의 성과 상태 null 처리, 일별 추이 ApexCharts, 반응형 열 너비 및 편집·삭제 흐름을 개선했습니다.

Changes

플랫폼 계정 재연동

Layer / File(s)	Summary
재연동 API와 페이지 흐름 src/api/integration/platformAccounts.ts, src/pages/integration/PlatformIntegrationsPage.tsx	재연동 PATCH API와 mutation을 추가하고 성공·실패 토스트, 쿼리 무효화, 중복 실행 방지를 연결했습니다.
Soft disconnected 카드와 안내 UI src/components/integration/PlatformIntegrationCard.tsx, src/components/integration/PlatformDisconnectModal.tsx, src/utils/integration/mapPlatformAccounts.ts	platformAccountId가 있는 disconnected 계정의 상태 라벨, 토큰 만료 표시, 재연동 로딩 버튼 및 안내 문구를 변경했습니다.

타임라인 성과 및 레이아웃 개선

Layer / File(s)	Summary
성과 상태 정규화와 렌더링 src/constants/timeline/statusStyle.ts, src/types/timeline/api.ts, src/utils/timeline/buildTimelineGrid.ts, src/utils/timeline/buildTimelineSummaryPanel.ts, src/components/timeline/TimelineBar.tsx, src/components/timeline/TimelinePerformancePanel.tsx	null 또는 알 수 없는 성과 상태를 ON_TRACK으로 정규화하고 관련 타입·스타일·패널 데이터에 적용했습니다.
일별 추이 데이터와 차트 src/types/timeline/summary.ts, src/types/timeline/timeline.mock.ts, src/utils/timeline/buildTimelineChartSeries.ts, src/components/timeline/charts/*, src/components/timeline/TimelinePerformancePanel.tsx	일별 추이 타입과 mock을 추가하고 선택 지표에 따른 ApexCharts 시리즈, 축 옵션, 로딩·빈 상태 UI를 연결했습니다.
반응형 열 너비와 편집 흐름 src/hooks/timeline/useContainerWidth.ts, src/pages/dashboard/timeline/Timeline.tsx, src/constants/timeline/layout.ts	컨테이너 폭과 ResizeObserver를 사용해 열 너비를 계산하고 축·그리드·바에 전달하며 편집·삭제 핸들러를 정리했습니다.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

플랫폼 계정 재연동

sequenceDiagram
  participant PlatformIntegrationsPage
  participant reconnectPlatformAccount
  participant PlatformAccountsAPI
  participant PlatformIntegrationCard
  PlatformIntegrationsPage->>reconnectPlatformAccount: orgId와 accountId 전달
  reconnectPlatformAccount->>PlatformAccountsAPI: reconnect PATCH 요청
  PlatformAccountsAPI-->>PlatformIntegrationsPage: 완료 또는 오류 반환
  PlatformIntegrationsPage->>PlatformIntegrationCard: 재연동 로딩 상태 전달

Loading

타임라인 일별 추이 차트

sequenceDiagram
  participant TimelinePerformancePanel
  participant TimelineDailyTrendChart
  participant buildTimelineChartSeries
  participant buildTimelineDailyTrendChartOptions
  participant ReactApexChart
  TimelinePerformancePanel->>TimelineDailyTrendChart: dailyTrend와 metric 전달
  TimelineDailyTrendChart->>buildTimelineChartSeries: 차트 시리즈 계산
  buildTimelineChartSeries-->>TimelineDailyTrendChart: series와 축 범위 반환
  TimelineDailyTrendChart->>buildTimelineDailyTrendChartOptions: metric과 축 범위 전달
  buildTimelineDailyTrendChartOptions-->>TimelineDailyTrendChart: ApexOptions 반환
  TimelineDailyTrendChart->>ReactApexChart: area 차트 렌더링

Loading

Possibly related PRs

• WhereYouAd/WhereYouAd-Frontend#299: 동일한 플랫폼 재연동 API와 연동 페이지·카드·모달 흐름을 수정합니다.
• WhereYouAd/WhereYouAd-Frontend#293: 타임라인 성과 패널과 일별 추이 ApexCharts 경로를 직접 다룹니다.
• WhereYouAd/WhereYouAd-Frontend#298: 동일한 타임라인 컨테이너 폭과 열 너비 계산 경로를 수정합니다.

Suggested labels: ✨ Feature, 📬 API

Suggested reviewers: jjjsun, seojegyeong

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch develop

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}