# InsuRo 이미지 편집기 — OverlayPanel/AIPanel default 메시지 제거

## 작업 레벨: Lv.1

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

## 문제
이미지 편집기에서 크롭 등 다른 도구를 선택해도 오른쪽 패널에 "도구를 선택하세요." + "AI 도구를 선택하세요." 메시지가 항상 표시됨.

### 원인
- `OverlayPanel`과 `AIPanel`이 항상 렌더링됨 (ImageEditor.tsx 1470-1481줄)
- 각 패널의 switch문 `default` case에서 안내 메시지를 반환
- 자기 담당 도구가 아닌 activeTool일 때도 메시지 표시 → 크롭 선택 시 불필요한 메시지 노출

## 수정 사항

### OverlayPanel.tsx (867-870줄)
```typescript
// 기존
default:
  return (
    <p className="text-xs text-gray-500">도구를 선택하세요.</p>
  );

// 변경
default:
  return null;
```

### AIPanel.tsx (448-451줄)
```typescript
// 기존
default:
  return (
    <p className="text-xs text-gray-500">AI 도구를 선택하세요.</p>
  );

// 변경
default:
  return null;
```

### 추가: 빈 패널일 때 wrapper div도 숨기기
두 패널 모두 `renderPanel()`이 null이면 wrapper div도 렌더링하지 않아야 함:

**OverlayPanel.tsx:**
```typescript
export default function OverlayPanel({ activeTool, imageLoaded, overlay }: OverlayPanelProps) {
  const renderPanel = () => { ... };
  const panel = renderPanel();
  if (!panel) return null;
  return (
    <div className="bg-white p-3 space-y-3">
      {panel}
    </div>
  );
}
```

**AIPanel.tsx:** 동일 패턴 적용.

## affected_files
- `src/components/image-editor/OverlayPanel.tsx` (수정 — default null + wrapper 조건부 렌더링)
- `src/components/image-editor/AIPanel.tsx` (수정 — default null + wrapper 조건부 렌더링)

## 검증 시나리오
1. 크롭 도구 선택 → 오른쪽 패널에 크롭 설정만 표시 (불필요한 안내 메시지 없음)
2. 리사이즈 도구 선택 → 리사이즈 설정만 표시
3. 텍스트 도구 선택 → OverlayPanel의 텍스트 패널만 표시 (AIPanel 메시지 없음)
4. WM삭제(AI) 도구 선택 → AIPanel의 WM삭제 패널만 표시 (OverlayPanel 메시지 없음)
5. npm run build 성공