출시 직후 UX 보강 — 공통 UI 컴포넌트 + 글로벌 검색 + 알림 센터 + 메이트 신고 자동 차단 — POP-SPOT v2.18 (+v2.18.1)

// v2.18 — src/components/common/EmptyState.tsx (신규)
type Props = {
  icon?: React.ReactNode;
  title: string;
  description?: string;
  action?: { label: string; href: string };
};

export function EmptyState({ icon, title, description, action }: Props) {
  return (
    <div className="flex flex-col items-center justify-center py-12 px-6 text-center">
      {icon && <div className="mb-3 text-zinc-400">{icon}</div>}
      <h3 className="text-sm font-medium text-zinc-700 mb-1">{title}</h3>
      {description && (
        <p className="text-xs text-zinc-500 max-w-xs">{description}</p>
      )}
      {action && (
        <Link href={action.href}
              className="mt-4 px-4 py-2 text-xs font-medium rounded-full bg-lime-400 text-zinc-900">
          {action.label}
        </Link>
      )}
    </div>
  );
}

// v2.18 — Header.tsx 안에 글로벌 검색 폼
const [searchQuery, setSearchQuery] = useState('');

<form onSubmit={e => {
  e.preventDefault();
  router.push(`/?q=${encodeURIComponent(searchQuery)}`);
}}>
  <input
    type="text"
    placeholder="팝업을 검색해보세요"
    value={searchQuery}
    onChange={e => setSearchQuery(e.target.value)}
  />
</form>

// v2.18 — src/lib/usePopupVisitHistory.ts (신규). 최근 본 팝업 5개 관리
const KEY = 'popspot.visitHistory';
const MAX = 5;

export function recordVisit(popupId: number, popupName: string) {
  const raw = localStorage.getItem(KEY);
  const list = raw ? JSON.parse(raw) : [];
  const filtered = list.filter(v => v.id !== popupId);
  const next = [{ id: popupId, name: popupName, visitedAt: Date.now() }, ...filtered].slice(0, MAX);
  localStorage.setItem(KEY, JSON.stringify(next));
}

// v2.18.1 — Notification 엔티티 신규
@Entity
public class Notification {
  @Id @GeneratedValue
  private Long id;
  @Column(nullable = false)
  private Long userId;
  @Column(nullable = false)
  private String kind;
  @Column(nullable = false)
  private String title;
  private String body;
  private String deepLink;
  @Column(nullable = false)
  private LocalDateTime createdAt;
  private LocalDateTime readAt;
}

// v2.18.1 — MateBoardService.reportPost(). 3회 신고 시 자동 숨김
@Transactional
public void reportPost(Long postId, Long reporterId, String reason) {
  MatePost post = matePostRepository.findById(postId).orElseThrow();
  post.addReport(reporterId, reason);

  if (post.getReportCount() >= 3) {
    post.setHidden(true);
    emailService.sendOperatorAlert(
        "메이트 글 자동 숨김",
        "postId: " + postId + ", reports: " + post.getReportCount()
    );
  }
}

// v2.18.1 — WishlistExpirationScheduler. 매일 09:00 위시 D-3 메일
@Scheduled(cron = "0 0 9 * * *", zone = "Asia/Seoul")
public void notifyExpiringWishlist() {
  LocalDate target = LocalDate.now(clock).plusDays(3);

  List<Wishlist> expiring = wishlistRepository
      .findByPopupEndDateAndNotifiedFalse(target);

  Map<Long, List<Wishlist>> byUser = expiring.stream()
      .collect(Collectors.groupingBy(Wishlist::getUserId));

  byUser.forEach((userId, wishes) -> {
    User user = userRepository.findById(userId).orElseThrow();
    emailService.sendWishExpiring(user.getEmail(), wishes);
    wishes.forEach(w -> w.markNotified());
  });
}