# InsuRo 정보성 키워드 탭 — LockedView 컴포넌트 교체

## 작업 레벨: Lv.1

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

## 버그 설명
AI키워드분석 > 정보성 키워드 탭에서 무료/베이직/프로 플랜 사용자에게 보이는 잠금 화면이 너무 단순함.
현재: 간단한 자물쇠 + "맥스 플랜 이상에서 이용 가능합니다" 한 줄
기대: InfoKeyword.tsx에 이미 만들어진 상세한 LockedView (서울대보험쌤 브랜딩 + 블러 샘플 + 기능 설명 카드 3개 + CTA)

## 수정 사항

### 1. InfoKeyword.tsx — LockedView를 export
파일: `src/pages/InfoKeyword.tsx` 라인 77

```tsx
// Before:
function LockedView() {

// After:
export function LockedView() {
```

### 2. KeywordAnalysis.tsx — fallback을 LockedView로 교체
파일: `src/pages/KeywordAnalysis.tsx` 라인 661~667

```tsx
// Before:
import { InfoKeywordContent } from "@/pages/InfoKeyword";

<FeatureGate feature="infoKeyword" fallback={
  <Card className="p-12 flex flex-col items-center justify-center text-center space-y-4">
    <Lock size={48} className="text-muted-foreground/40" />
    <h3 className="text-lg font-semibold text-muted-foreground">맥스 플랜 이상에서 이용 가능합니다</h3>
    <p className="text-sm text-muted-foreground/70 max-w-md">정보성 키워드 분석은 맥스 플랜 이상에서 사용할 수 있습니다.</p>
  </Card>
}>

// After:
import { InfoKeywordContent, LockedView as InfoKeywordLockedView } from "@/pages/InfoKeyword";

<FeatureGate feature="infoKeyword" fallback={<InfoKeywordLockedView />}>
```

## affected_files
- `src/pages/InfoKeyword.tsx` (수정 — LockedView export 추가)
- `src/pages/KeywordAnalysis.tsx` (수정 — fallback 교체)

## 검증 시나리오
1. 무료 플랜 → AI키워드분석 > 정보성 키워드 탭 → 서울대보험쌤 브랜딩 + 블러 샘플 + 기능 카드 3개 + CTA 표시
2. 맥스 플랜 → 정보성 키워드 탭 → InfoKeywordContent 정상 표시 (기존과 동일)
3. npm run build 성공