# InsuRo AI키워드분석 — 정보성키워드 탭 내부 임베딩

## 작업 레벨: Lv.1

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

## 현재 문제
AI마케팅 > AI키워드분석 > "정보성 키워드" 탭 클릭 시 `/info-keyword`(분석&도구 카테고리)로 페이지 이동됨.
사용자가 AI마케팅 메뉴에서 벗어나므로 UX 혼란 발생.

## 수정 사항
파일: `src/pages/KeywordAnalysis.tsx`

### 1. navigate 제거
```tsx
// Before (라인 251~254):
onValueChange={(value) => {
  if (value === "info-keyword") {
    navigate("/info-keyword");
  }
}}

// After:
// navigate 코드 삭제. 탭 전환만으로 동작.
```

### 2. InfoKeywordContent 임베딩
```tsx
import { InfoKeywordContent } from "@/pages/InfoKeyword";

// 정보성 키워드 TabsContent 내부에 직접 렌더링
<TabsContent value="info-keyword">
  <InfoKeywordContent />
</TabsContent>
```

★ `InfoKeywordContent`가 현재 named export인지 확인 필요. 아니면 export 추가:
```tsx
// InfoKeyword.tsx에서:
export function InfoKeywordContent() { ... }  // 이미 export 되어 있는지 확인
```

### 3. 분석&도구 사이드바 "정보성 키워드 분석" 메뉴 — URL 변경
파일: `src/components/navigation/navigationConfig.ts`

analytics-tools 카테고리의 정보성 키워드 항목 URL을 변경:
```ts
// Before:
{ title: "정보성 키워드 분석", url: "/info-keyword", ... }

// After:
{ title: "정보성 키워드 분석", url: "/keyword-analysis?tab=info-keyword", ... }
```
★ 메뉴는 유지. URL만 변경하여 AI키워드분석 페이지의 정보성키워드 탭으로 이동.

### 4. KeywordAnalysis 페이지 — URL 쿼리파라미터로 탭 제어
파일: `src/pages/KeywordAnalysis.tsx`

URL의 `?tab=info-keyword` 쿼리파라미터를 읽어서 해당 탭을 활성화:
```tsx
const [searchParams] = useSearchParams();
const defaultTab = searchParams.get("tab") || "volume";

<Tabs defaultValue={defaultTab} ...>
```

### 5. /info-keyword 라우트 → /keyword-analysis?tab=info-keyword로 리다이렉트
기존 URL(/info-keyword)로 직접 접속하는 사용자를 위해 redirect 처리.
파일: `src/App.tsx` 또는 라우터 설정에서 Navigate 컴포넌트 사용.

### 5. FeatureGate 적용
InfoKeywordContent는 내부에서 이미 FeatureGate를 사용하므로 별도 처리 불필요.
단, KeywordAnalysis 탭 내에서도 플랜 제한이 동일하게 동작하는지 확인.

## 선행 작업
- task-2314 (키워드 탭 디자인 개선) 완료 후 진행 — 같은 파일 충돌 방지

## affected_files
- `src/pages/KeywordAnalysis.tsx` (수정 — navigate 제거, InfoKeywordContent 임베딩)
- `src/pages/InfoKeyword.tsx` (확인 — InfoKeywordContent export 여부)
- `src/components/navigation/navigationConfig.ts` (수정 — 정보성 키워드 URL 변경)
- `src/App.tsx` 또는 라우터 설정 (수정 — /info-keyword → redirect)

## 검증 시나리오
1. AI마케팅 > AI키워드분석 > "정보성 키워드" 탭 클릭 → 페이지 이동 없이 탭 내부에 정보성 키워드 UI 표시
2. 정보성 키워드 기능 (주제 입력 → 키워드 생성 → 분석) 정상 동작
3. 분석&도구 사이드바 "정보성 키워드 분석" 클릭 → AI키워드분석 페이지의 정보성키워드 탭 활성화
4. /info-keyword 직접 접속 시 /keyword-analysis?tab=info-keyword로 리다이렉트
5. ?tab=info-keyword 쿼리파라미터로 접속 시 정보성키워드 탭 자동 선택
4. npm run build 성공