From 2fd78f48b59107174af257ee8c6eaaabc8a1c0eb Mon Sep 17 00:00:00 2001
From: Mina Choi <mnchoi@o2o.kr>
Date: Thu, 14 May 2026 17:36:38 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A0=9C=EA=B1=B0=EB=90=9C=20=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20(channel=20=EC=88=98=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/channels/hooks/useEnrichment.ts | 76 +++-----------------
 src/shared/api/api.ts                        | 14 +++-
 2 files changed, 22 insertions(+), 68 deletions(-)

diff --git a/src/features/channels/hooks/useEnrichment.ts b/src/features/channels/hooks/useEnrichment.ts
index a95fbbd..b6af761 100644
--- a/src/features/channels/hooks/useEnrichment.ts
+++ b/src/features/channels/hooks/useEnrichment.ts
@@ -1,19 +1,16 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { useVerifyChannels } from '@/shared/api/generated/channels/channels';
-import { mergeEnrichment, type EnrichmentData } from '@/features/report/lib/transformReport';
+import { useState } from 'react';
 import type { MarketingReport } from '@/features/report/types/report';
 
-// TODO(migration): 기존 enrichChannels Edge Function 은 백엔드의 /api/channels/verify 로 통합.
-// 응답 스펙이 약간 다르므로 데이터 정합 시점에 추가 매핑 필요.
+// 신규 백엔드 파이프라인에서는 channel enrichment 가 startAnalysis 단계에 통합됨.
+// 기존 /api/channels/verify 엔드포인트는 제거되어 별도 호출 불필요.
+// 본 훅은 호출부 호환을 위해 인터페이스만 유지하고 no-op 으로 동작.
 
 type EnrichmentStatus = 'idle' | 'loading' | 'success' | 'error';
 
 interface UseEnrichmentResult {
   status: EnrichmentStatus;
   enrichedReport: MarketingReport | null;
-  /** 재시도 시도 횟수 */
   retryCount: number;
-  /** enrichment를 재시도할 때 호출 (최대 2회 재시도) */
   retry: () => void;
 }
 
@@ -27,68 +24,15 @@ interface EnrichmentParams {
   address?: string;
 }
 
-const MAX_RETRIES = 2;
-
-/**
- * Phase 1 리포트 렌더링 후 백그라운드 채널 enrichment를 트리거.
- * 한 번만 실행되며, 백엔드 verify 엔드포인트 완료(~27초)까지 대기한 후
- * 병합된 리포트를 반환. 최대 2회까지 수동 재시도 지원.
- */
 export function useEnrichment(
-  baseReport: MarketingReport | null,
-  params: EnrichmentParams | null,
+  _baseReport: MarketingReport | null,
+  _params: EnrichmentParams | null,
 ): UseEnrichmentResult {
-  const [status, setStatus] = useState<EnrichmentStatus>('idle');
-  const [enrichedReport, setEnrichedReport] = useState<MarketingReport | null>(null);
-  const [retryCount, setRetryCount] = useState(0);
-  const hasTriggered = useRef(false);
-  const { mutateAsync: verifyChannelsAsync } = useVerifyChannels();
-
-  const doEnrich = useCallback(async () => {
-    if (!baseReport || !params?.reportId) return;
-
-    setStatus('loading');
-
-    try {
-      const result = await verifyChannelsAsync({
-        // TODO(migration): backend ChannelVerifyRequest 스키마와 정확한 필드 매핑 확인 필요
-        data: {
-          instagram: params.instagramHandle ? { handle: params.instagramHandle } : undefined,
-          youtube: params.youtubeChannelId ? { channel_id: params.youtubeChannelId } : undefined,
-          facebook: params.facebookHandle ? { handle: params.facebookHandle } : undefined,
-        } as unknown as Parameters<typeof verifyChannelsAsync>[0]['data'],
-      });
-
-      if (result.status === 200 && result.data) {
-        const merged = mergeEnrichment(baseReport, result.data as unknown as EnrichmentData);
-        setEnrichedReport(merged);
-        setStatus('success');
-      } else {
-        setStatus('error');
-      }
-    } catch {
-      setStatus('error');
-    }
-  }, [baseReport, params, verifyChannelsAsync]);
-
-  // 초기 트리거
-  useEffect(() => {
-    if (!baseReport || !params?.reportId || hasTriggered.current) return;
-    hasTriggered.current = true;
-    doEnrich();
-  }, [baseReport, params, doEnrich]);
-
-  // 수동 재시도
-  const retry = useCallback(() => {
-    if (retryCount >= MAX_RETRIES) return;
-    setRetryCount(prev => prev + 1);
-    doEnrich();
-  }, [retryCount, doEnrich]);
-
+  const [retryCount] = useState(0);
   return {
-    status,
-    enrichedReport,
+    status: 'idle',
+    enrichedReport: null,
     retryCount,
-    retry,
+    retry: () => {},
   };
 }
diff --git a/src/shared/api/api.ts b/src/shared/api/api.ts
index 99ec4d9..70e5577 100644
--- a/src/shared/api/api.ts
+++ b/src/shared/api/api.ts
@@ -8,7 +8,16 @@
  */
 import ky, { type KyInstance } from 'ky'
 
-const API_KEY = import.meta.env.VITE_API_KEY as string | undefined;
+// Vite 가 빌드 시 치환하는 환경변수 (개발 서버에서도 동일).
+// import.meta 를 모듈 최상단에서 읽으면 일부 번들러가 cjs 변환 시 경고를 내므로
+// 함수 내부에서 lazy 하게 접근.
+function getApiKey(): string | undefined {
+  try {
+    return (import.meta as { env?: { VITE_API_KEY?: string } }).env?.VITE_API_KEY;
+  } catch {
+    return undefined;
+  }
+}
 
 export const kyInstance: KyInstance = ky.create({
   timeout: 10_000,
@@ -18,7 +27,8 @@ export const kyInstance: KyInstance = ky.create({
   hooks: {
     beforeRequest: [
       (request) => {
-        if (API_KEY) request.headers.set('x-api-key', API_KEY);
+        const apiKey = getApiKey();
+        if (apiKey) request.headers.set('x-api-key', apiKey);
       },
       // TODO: 인증 토큰 주입
       // request => {