# InsuRo AI 원스탑 포스팅 가이드 허브 — Phase 2

## 작업 레벨: Lv.2

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 미팅 기록
- `/home/jay/workspace/memory/meetings/2026-04-28-onestop-posting-ux.md`

## 기능 개요
/ai-onestop 페이지를 "Coming Soon" 안내에서 "플랜별 기능 안내 + 활용 가이드 + CTA" 허브로 전면 개편.

## 수정 사항

### AiOnestop.tsx 전면 개편
파일: `src/pages/AiOnestop.tsx`

현재: Coming Soon 안내 (108줄)
변경: 가이드 허브 페이지

#### 페이지 구성

**상단 고정 CTA 배너**:
```
"지금 바로 AI 콘텐츠 작성하기 →" 버튼 → /generate로 이동
```

**플랜별 차등 표시**:
- 무료/베이직: 기능 미리보기 (잠금 아이콘 🔒 + 기능 비교표) + "프로 플랜 업그레이드" CTA
- 프로/맥스/히든: 채널 연동 상태 요약 + 실제 활용 가이드

**채널별 활용 가이드** (4개 탭 또는 카드):
- 스레드: "스레드에 보험 콘텐츠 발행하기" — 토큰 등록 방법 + 발행 플로우 안내
- 네이버 블로그: "준비 중" (향후 제공 예정)
- 티스토리: "준비 중"
- 인스타그램: "준비 중"

**활용 시나리오 3~5개**:
- "오늘 스레드에 올릴 글 하나 만들기" → /generate 딥링크 (채널=스레드)
- "어제 만든 글을 스레드에 올리기" → /contents 딥링크
- "키워드로 블로그 글 작성하기" → /generate 딥링크 (채널=네이버블로그)

**하단**: 시나리오별 딥링크 버튼

#### 필요 상태
- usePlanFeatures 또는 useUserPlan 훅으로 현재 플랜 확인
- user_api_keys에서 연동된 채널 목록 확인 (GET /api/insuro/publish-status 활용)

## affected_files
- `src/pages/AiOnestop.tsx` (전면 개편)

## 검증 시나리오
1. 무료 플랜 → 기능 미리보기 + 업그레이드 CTA 표시
2. 프로 플랜 → 채널 연동 상태 + 활용 가이드 표시
3. "AI 콘텐츠 작성하기" CTA → /generate로 이동
4. 시나리오별 딥링크 → 올바른 페이지로 이동
5. 모바일 반응형 확인
6. npm run build 성공
