[251216] fix: panelHistoryMiddleware log

🕐 커밋 시간: 2025. 12. 16. 10:09:15 📊 변경 통계: • 총 파일: 1개 • 추가: +7줄 • 삭제: -4줄 📝 수정된 파일: ~ com.twin.app.shoptime/src/middleware/panelHistoryMiddleware.js 🔧 주요 변경 내용: • 핵심 비즈니스 로직 개선 • 코드 정리 및 최적화
2025-12-16 10:09:15 +09:00
33 changed files with 805 additions and 1469 deletions
--- a/com.twin.app.shoptime/src/App/deepLinkHandler.js
+++ b/com.twin.app.shoptime/src/App/deepLinkHandler.js
@@ -85,7 +85,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, _getState) => {
            patnrId: patnrId,
            chanId: chanId,
            shptmBanrTpNm: "LIVE",
-            modal: false, // DeepLink 진입 시 fullscreen으로 재생
            // expsOrd: expsOrd,
          };
          break;
@@ -102,7 +101,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, _getState) => {
            patnrId: patnrId,
            showId: showId,
            shptmBanrTpNm: "VOD",
-            modal: false, // DeepLink 진입 시 fullscreen으로 재생
            // expsOrd: expsOrd,
          };
          break;
@@ -276,18 +274,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, _getState) => {
        const action =
          panelName === panel_names.HOME_PANEL ? updateHomeInfo : pushPanel;

-        // 🔽 LS(Live Show) 또는 VS(VOD Show)인 경우 DeepLink 진입 플래그 설정
-        if ((type === 'LS' || type === 'VS') && action === pushPanel) {
-          dispatch(
-            updateHomeInfo({
-              name: panel_names.HOME_PANEL,
-              panelInfo: {
-                isDeepLinkEntry: true, // DeepLink PlayerPanel 진입 플래그
-              },
-            })
-          );
-        }
-
        dispatch(
          action({
            name: panelName,
--- a/com.twin.app.shoptime/src/actions/mediaActions.js
+++ b/com.twin.app.shoptime/src/actions/mediaActions.js
@@ -99,25 +99,17 @@ export const finishMediaPreview = () => (dispatch, getState) => {
 export const finishModalMediaForce = () => (dispatch, getState) => {
  const panels = getState().panels.panels;

-  // console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] finishModalMediaForce called', {
-  //   panelCount: panels.length,
-  //   panelNames: panels.map((p) => p.name),
-  // });
-
  const hasProductVideoPanel = panels.some(
    (panel) =>
      panel.name === panel_names.MEDIA_PANEL &&
      (panel.panelInfo?.modal || panel.panelInfo?.modalContainerId === 'product-video-player')
  );

-  // console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] hasProductVideoPanel:', hasProductVideoPanel);
-
  if (hasProductVideoPanel) {
    if (startMediaFocusTimer) {
      clearTimeout(startMediaFocusTimer);
      startMediaFocusTimer = null;
    }
-    // console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] Calling popPanel(panel_names.MEDIA_PANEL)');
    dispatch(popPanel(panel_names.MEDIA_PANEL));
  }
 };
--- a/com.twin.app.shoptime/src/actions/panelActions.js
+++ b/com.twin.app.shoptime/src/actions/panelActions.js
@@ -6,7 +6,7 @@ import { updateHomeInfo } from './homeActions';
 import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
-const DEBUG_MODE = false;
+const DEBUG_MODE = true;
 const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);

 // 시작 메뉴 추적을 위한 상수
@@ -40,20 +40,12 @@ export const pushPanel = (panel, duplicatable = false) => ({
 });

 export const popPanel = (panelName) => {
-  const stack = new Error().stack;
-  const stackLines = stack?.split('\n') || [];
-
-  // console.log('[💜UNIQUE_PANEL_STACK💜] popPanel action dispatcher - REMOVING PANEL:', {
-  //   panelName,
-  //   timestamp: Date.now(),
-  //   fullStack: stackLines.slice(1, 6).map((line) => line.trim()),
-  // });
-
  if (DEBUG_MODE) {
-    console.log('[💜UNIQUE_PANEL_STACK💜] popPanel action creator stack:', {
+    console.log('[PANEL-TRACE] popPanel action creator', {
      panelName,
-      caller: stackLines[2]?.trim(),
+      caller: new Error().stack?.split('\n')[2]?.trim(),
    });
+    console.trace('[PANEL-TRACE] popPanel stack trace');
  }
  return {
    type: types.POP_PANEL,
--- a/com.twin.app.shoptime/src/actions/playActions.js
+++ b/com.twin.app.shoptime/src/actions/playActions.js
@@ -74,7 +74,7 @@ export const startVideoPlayer =
  }) =>
  (dispatch, getState) => {
    const caller = new Error().stack?.split('\n')[2]?.trim();
-    dlog('[PTRACE-SP] startVideoPlayer call', {
+    console.log('[PTRACE-SP] startVideoPlayer call', {
      modal,
      modalContainerId,
      modalClassName,
@@ -115,7 +115,7 @@ export const startVideoPlayer =

    // 기존 PlayerPanel이 어디든 있으면 완전히 초기화: 타이머 정리 후 pop → 새로 push
    if (existingPlayerPanel) {
-      dlog('[PTRACE-SP] startVideoPlayer: popping existing player before push', {
+      console.log('[PTRACE-SP] startVideoPlayer: popping existing player before push', {
        stack: panels.map((p) => p.name),
      });
      dlog('[startVideoPlayer] 🔄 Resetting existing PLAYER_PANEL before start');
@@ -148,14 +148,14 @@ export const startVideoPlayer =

    // [COMMENTED OUT] 비디오 재생 시 강제 포커스 이동 비활성화
    // if (modal && modalContainerId && !spotlightDisable) {
-    //   dlog('[startVideoPlayer] 🎯 Setting Spotlight focus - containerId:', modalContainerId);
+    //   console.log('[startVideoPlayer] 🎯 Setting Spotlight focus - containerId:', modalContainerId);
    //   Spotlight.setPointerMode(false);
    //   startVideoFocusTimer = setTimeout(() => {
-    //     dlog('[startVideoPlayer] 🔍 Spotlight.focus called');
+    //     console.log('[startVideoPlayer] 🔍 Spotlight.focus called');
    //     Spotlight.focus(modalContainerId);
    //   }, 0);
    // } else {
-    //   dlog('[startVideoPlayer] ⏭️ Spotlight focus skipped - modal:', modal, ', modalContainerId:', !!modalContainerId, ', spotlightDisable:', spotlightDisable);
+    //   console.log('[startVideoPlayer] ⏭️ Spotlight focus skipped - modal:', modal, ', modalContainerId:', !!modalContainerId, ', spotlightDisable:', spotlightDisable);
    // }

    dlog('[startVideoPlayer] ✅ END');
@@ -196,7 +196,7 @@ export const startVideoPlayerNew =
  }) =>
  (dispatch, getState) => {
    const caller = new Error().stack?.split('\n')[2]?.trim();
-    dlog('[PTRACE-SPN] startVideoPlayerNew call', {
+    console.log('[PTRACE-SPN] startVideoPlayerNew call', {
      bannerId,
      modal,
      modalContainerId,
@@ -239,7 +239,7 @@ export const startVideoPlayerNew =

    // 기존 PlayerPanel이 있으면 완전히 초기화: 타이머 정리 후 pop → 새로 push
    if (existingPlayerPanel) {
-      dlog('[PTRACE-SPN] popping existing player before push', {
+      console.log('[PTRACE-SPN] popping existing player before push', {
        stack: panels.map((p) => p.name),
      });
      dlog('[startVideoPlayerNew] *** 🔄 Resetting existing PLAYER_PANEL before start');
@@ -332,14 +332,14 @@ export const startVideoPlayerNew =

    // [COMMENTED OUT] 비디오 재생 시 강제 포커스 이동 비활성화
    // if (modal && modalContainerId && !spotlightDisable) {
-    //   dlog('[startVideoPlayerNew] *** 🎯 Setting Spotlight focus - containerId:', modalContainerId);
+    //   console.log('[startVideoPlayerNew] *** 🎯 Setting Spotlight focus - containerId:', modalContainerId);
    //   Spotlight.setPointerMode(false);
    //   startVideoFocusTimer = setTimeout(() => {
-    //     dlog('[startVideoPlayerNew] *** 🔍 Spotlight.focus called');
+    //     console.log('[startVideoPlayerNew] *** 🔍 Spotlight.focus called');
    //     Spotlight.focus(modalContainerId);
    //   }, 0);
    // } else {
-    //   dlog('[startVideoPlayerNew] *** ⏭️ Spotlight focus skipped - modal:', modal, ', modalContainerId:', !!modalContainerId, ', spotlightDisable:', spotlightDisable);
+    //   console.log('[startVideoPlayerNew] *** ⏭️ Spotlight focus skipped - modal:', modal, ', modalContainerId:', !!modalContainerId, ', spotlightDisable:', spotlightDisable);
    // }

    dlog('[startVideoPlayerNew] *** ✅ END');
@@ -352,7 +352,7 @@ export const finishVideoPreview = () => (dispatch, getState) => {
  const panels = getState().panels.panels;
  const topPanel = panels[panels.length - 1];
  if (topPanel && topPanel.name === panel_names.PLAYER_PANEL && topPanel.panelInfo.modal) {
-    dlog('[PANEL-TRACE] finishVideoPreview: popping modal player', {
+    console.log('[PANEL-TRACE] finishVideoPreview: popping modal player', {
      topPanelName: topPanel.name,
      modal: topPanel.panelInfo.modal,
      stack: panels.map((p) => p.name),
@@ -417,7 +417,7 @@ export const pauseModalVideo = () => (dispatch, getState) => {
    (panel) => panel.name === panel_names.PLAYER_PANEL && panel.panelInfo?.modal
  );

-  dlog('[Detail-BG] ⏸️  pauseModalVideo - Pausing modal video', {
+  console.log('[Detail-BG] ⏸️  pauseModalVideo - Pausing modal video', {
    found: !!modalPlayerPanel,
    playerPanelModal: modalPlayerPanel?.panelInfo?.modal,
    currentIsPaused: modalPlayerPanel?.panelInfo?.isPaused,
@@ -438,11 +438,11 @@ export const pauseModalVideo = () => (dispatch, getState) => {
      })
    );

-    dlog('[Detail-BG] ✅ pauseModalVideo - Modal video paused successfully', {
+    console.log('[Detail-BG] ✅ pauseModalVideo - Modal video paused successfully', {
      timestamp: Date.now(),
    });
  } else {
-    dlog('[Detail-BG] ⚠️  pauseModalVideo - No modal PlayerPanel found', {
+    console.log('[Detail-BG] ⚠️  pauseModalVideo - No modal PlayerPanel found', {
      timestamp: Date.now(),
    });
  }
@@ -457,7 +457,7 @@ export const resumeModalVideo = () => (dispatch, getState) => {
    (panel) => panel.name === panel_names.PLAYER_PANEL && panel.panelInfo?.modal
  );

-  dlog('[Detail-BG] ▶️  resumeModalVideo - Resuming modal video', {
+  console.log('[Detail-BG] ▶️  resumeModalVideo - Resuming modal video', {
    found: !!modalPlayerPanel,
    playerPanelModal: modalPlayerPanel?.panelInfo?.modal,
    currentIsPaused: modalPlayerPanel?.panelInfo?.isPaused,
@@ -478,11 +478,11 @@ export const resumeModalVideo = () => (dispatch, getState) => {
      })
    );

-    dlog('[Detail-BG] ✅ resumeModalVideo - Modal video resumed successfully', {
+    console.log('[Detail-BG] ✅ resumeModalVideo - Modal video resumed successfully', {
      timestamp: Date.now(),
    });
  } else {
-    dlog('[Detail-BG] ⚠️  resumeModalVideo - Modal video not paused or panel not found', {
+    console.log('[Detail-BG] ⚠️  resumeModalVideo - Modal video not paused or panel not found', {
      found: !!modalPlayerPanel,
      isPaused: modalPlayerPanel?.panelInfo?.isPaused,
      timestamp: Date.now(),
@@ -499,7 +499,7 @@ export const pauseFullscreenVideo = () => (dispatch, getState) => {
    (panel) => panel.name === panel_names.PLAYER_PANEL && !panel.panelInfo?.modal
  );

-  dlog('[Detail-BG] ⏸️  pauseFullscreenVideo - Pausing fullscreen video', {
+  console.log('[Detail-BG] ⏸️  pauseFullscreenVideo - Pausing fullscreen video', {
    found: !!fullscreenPlayerPanel,
    playerPanelModal: fullscreenPlayerPanel?.panelInfo?.modal,
    currentIsPaused: fullscreenPlayerPanel?.panelInfo?.isPaused,
@@ -517,11 +517,11 @@ export const pauseFullscreenVideo = () => (dispatch, getState) => {
      })
    );

-    dlog('[Detail-BG] ✅ pauseFullscreenVideo - Fullscreen video paused successfully', {
+    console.log('[Detail-BG] ✅ pauseFullscreenVideo - Fullscreen video paused successfully', {
      timestamp: Date.now(),
    });
  } else {
-    dlog('[Detail-BG] ⚠️  pauseFullscreenVideo - No fullscreen PlayerPanel found', {
+    console.log('[Detail-BG] ⚠️  pauseFullscreenVideo - No fullscreen PlayerPanel found', {
      timestamp: Date.now(),
    });
  }
@@ -536,7 +536,7 @@ export const resumeFullscreenVideo = () => (dispatch, getState) => {
    (panel) => panel.name === panel_names.PLAYER_PANEL && !panel.panelInfo?.modal
  );

-  dlog('[Detail-BG] ▶️  resumeFullscreenVideo - Resuming fullscreen video', {
+  console.log('[Detail-BG] ▶️  resumeFullscreenVideo - Resuming fullscreen video', {
    found: !!fullscreenPlayerPanel,
    playerPanelModal: fullscreenPlayerPanel?.panelInfo?.modal,
    currentIsPaused: fullscreenPlayerPanel?.panelInfo?.isPaused,
@@ -554,11 +554,11 @@ export const resumeFullscreenVideo = () => (dispatch, getState) => {
      })
    );

-    dlog('[Detail-BG] ✅ resumeFullscreenVideo - Fullscreen video resumed successfully', {
+    console.log('[Detail-BG] ✅ resumeFullscreenVideo - Fullscreen video resumed successfully', {
      timestamp: Date.now(),
    });
  } else {
-    dlog('[Detail-BG] ⚠️  resumeFullscreenVideo - Fullscreen video not paused or panel not found', {
+    console.log('[Detail-BG] ⚠️  resumeFullscreenVideo - Fullscreen video not paused or panel not found', {
      found: !!fullscreenPlayerPanel,
      isPaused: fullscreenPlayerPanel?.panelInfo?.isPaused,
      timestamp: Date.now(),
@@ -601,7 +601,7 @@ export const hideModalVideo = () => (dispatch, getState) => {
      },
    };

-    // dlog('[HomePanel] hideModalVideo: saving shrinkInfo', {
+    // console.log('[HomePanel] hideModalVideo: saving shrinkInfo', {
    //   shrinkInfo: updatedPlayerState.shrinkInfo,
    //   modalStyle: panelInfo.modalStyle,
    // });
@@ -1038,7 +1038,7 @@ export const resumePlayerControl = (ownerId) => (dispatch, getState) => {
 * 이 액션은 어떤 배너에서든 클릭 시 호출됩니다.
 */
 export const goToFullScreen = () => (dispatch, getState) => {
-  dlog('[Detail-BG] 🎬 goToFullScreen - Setting PlayerPanel to fullscreen mode', {
+  console.log('[Detail-BG] 🎬 goToFullScreen - Setting PlayerPanel to fullscreen mode', {
    targetModal: false,
    action: 'updatePanel',
    timestamp: Date.now(),
@@ -1055,7 +1055,7 @@ export const goToFullScreen = () => (dispatch, getState) => {
    })
  );

-  dlog('[Detail-BG] ✅ goToFullScreen - PlayerPanel modal set to false (fullscreen)', {
+  console.log('[Detail-BG] ✅ goToFullScreen - PlayerPanel modal set to false (fullscreen)', {
    timestamp: Date.now(),
  });
 };
@@ -1268,7 +1268,7 @@ export const startBannerVideo = (videoInfo) => (dispatch, getState) => {
    ...rest
  } = videoInfo;

-  dlog('[Detail-BG] 🎥 startBannerVideo - Starting banner video', {
+  console.log('[Detail-BG] 🎥 startBannerVideo - Starting banner video', {
    modalStatus: modal,
    bannerId,
    displayMode: modal ? 'VISIBLE (modal=true)' : 'FULLSCREEN (modal=false)',
@@ -1295,7 +1295,7 @@ export const startBannerVideo = (videoInfo) => (dispatch, getState) => {
  // 기존 PlayerPanel이 있으면 초기화
  if (existingPlayerPanel) {
    dlog('[startBannerVideo] 🔄 Resetting existing PLAYER_PANEL before start');
-    dlog('[Detail-BG] 🔄 startBannerVideo - Clearing existing PlayerPanel', {
+    console.log('[Detail-BG] 🔄 startBannerVideo - Clearing existing PlayerPanel', {
      existingModalStatus: existingPlayerPanel.panelInfo?.modal,
      timestamp: Date.now(),
    });
@@ -1304,7 +1304,7 @@ export const startBannerVideo = (videoInfo) => (dispatch, getState) => {
  }

  // 새로운 PlayerPanel push
-  dlog('[Detail-BG] ➕ startBannerVideo - Pushing new PlayerPanel with modal status', {
+  console.log('[Detail-BG] ➕ startBannerVideo - Pushing new PlayerPanel with modal status', {
    modal,
    modalContainerId,
    timestamp: Date.now(),
@@ -1331,7 +1331,7 @@ export const startBannerVideo = (videoInfo) => (dispatch, getState) => {
    )
  );

-  dlog('[Detail-BG] ✅ startBannerVideo - PlayerPanel pushed with modal=' + modal, {
+  console.log('[Detail-BG] ✅ startBannerVideo - PlayerPanel pushed with modal=' + modal, {
    timestamp: Date.now(),
  });

--- a/com.twin.app.shoptime/src/components/TPopUp/TNewPopUp.module.less
+++ b/com.twin.app.shoptime/src/components/TPopUp/TNewPopUp.module.less
@@ -483,7 +483,7 @@
    .default-style();

    .scrollInfo {
-      width: 850px;
+      width: 900px;
      background-color: @BG_COLOR_01;
      color: @COLOR_GRAY03;
      display: flex;
--- a/com.twin.app.shoptime/src/middleware/panelHistoryMiddleware.js
+++ b/com.twin.app.shoptime/src/middleware/panelHistoryMiddleware.js
@@ -16,7 +16,7 @@ import { calculateIsPanelOnTop } from '../utils/panelUtils'; // 🎯 isOnTop 유

 // DEBUG_MODE - true인 경우에만 로그 출력
 // ⚠️ [251122] panelHistory 로그 비활성화 - 로그 생성 차단
-const DEBUG_MODE = false;
+const DEBUG_MODE = true;

 /**
 * Panel history middleware
@@ -33,8 +33,8 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {
    (action.type.includes('PANEL') || action.type === 'CLEAR_PANEL_HISTORY')
  ) {
    const caller = new Error().stack.split('\n')[1]?.trim();
-    // console.log(`[PANEL DEBUG] ${action.type} from: ${caller}`);
-    // console.log('  Payload:', action.payload);
+    console.log(`[PANEL DEBUG] ${action.type} from: ${caller}`);
+    console.log('  Payload:', action.payload);
  }

  // GNB 호출 식별을 위한 helper 함수
@@ -81,7 +81,7 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {
            const isGNB = isGNBCall();
            const isOnTop = calculateIsOnTop(panelName); // 🎯 isOnTop 계산
            if (DEBUG_MODE)
-              console.log(`[PANEL] PUSH_PANEL: ${panelName}`, {
+              console.log('[PANEL] PUSH_PANEL:', {
                panelName,
                panelInfo,
                isGNB,
@@ -126,7 +126,7 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {
        if (panels.length > 0) {
          const topPanel = panels[panels.length - 1];
          if (DEBUG_MODE) {
-            console.log(`[PANEL-TRACE] POP_PANEL middleware stack: ${topPanel?.name}`, {
+            console.log('[PANEL-TRACE] POP_PANEL middleware stack', {
              stack: panels.map((p) => p.name),
              topPanel: topPanel?.name,
              payload: action.payload,
@@ -137,7 +137,7 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {
            const isGNB = isGNBCall();
            const isOnTop = calculateIsOnTop(topPanel.name); // 🎯 isOnTop 계산
            if (DEBUG_MODE)
-              console.log(`[PANEL] POP_PANEL: ${topPanel.name}`, {
+              console.log('[PANEL] POP_PANEL:', {
                panelName: topPanel.name,
                panelInfo: topPanel.panelInfo || {},
                isGNB,
@@ -185,7 +185,7 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {
            const isGNB = isGNBCall();
            const isOnTop = calculateIsOnTop(panelName); // 🎯 isOnTop 계산
            if (DEBUG_MODE)
-              console.log(`[PANEL] UPDATE_PANEL: ${panelName}`, {
+              console.log('[PANEL] UPDATE_PANEL:', {
                panelName,
                panelInfo,
                isGNB,
@@ -226,15 +226,11 @@ export const panelHistoryMiddleware = (store) => (next) => (action) => {

      // RESET_PANELS: GNB 네비게이션 또는 완전 초기화
      case types.RESET_PANELS: {
-        if (DEBUG_MODE) {
-          const resetPanelNameForLog = (action.payload && action.payload.length > 0)
-            ? action.payload[0].name
-            : 'homepanel';
-          console.log(`[PANEL] RESET_PANELS: ${resetPanelNameForLog}`, {
+        if (DEBUG_MODE)
+          console.log('[PANEL] RESET_PANELS:', {
            payload: action.payload,
            timestamp: new Date().toISOString(),
          });
-        }
        if (DEBUG_MODE)
          console.log('[PANEL_HISTORY] Before RESET_PANELS:', store.getState().panelHistory);

--- a/com.twin.app.shoptime/src/reducers/panelReducer.js
+++ b/com.twin.app.shoptime/src/reducers/panelReducer.js
@@ -94,12 +94,6 @@ export const panelsReducer = (state = initialState, action) => {
    }

    case types.POP_PANEL: {
-      // console.log('[💜UNIQUE_PANEL_STACK💜] POP_PANEL reducer START', {
-      //   targetPanel: action.payload || 'last_panel',
-      //   currentPanels: state.panels.map((p) => p.name),
-      //   timestamp: Date.now(),
-      // });
-
      dlog('[panelReducer] 🔴 POP_PANEL START', {
        targetPanel: action.payload || 'last_panel',
        currentPanels: state.panels.map((p) => p.name),
@@ -124,13 +118,6 @@ export const panelsReducer = (state = initialState, action) => {
        resultPanels = state.panels.slice(0, state.panels.length - 1);
      }

-      // console.log('[💜UNIQUE_PANEL_STACK💜] POP_PANEL reducer END', {
-      //   resultPanels: resultPanels.map((p) => p.name),
-      //   panelCount: resultPanels.length,
-      //   lastAction,
-      //   timestamp: Date.now(),
-      // });
-
      dlog('[panelReducer] 🔴 POP_PANEL END', {
        resultPanels: resultPanels.map((p) => p.name),
        lastAction,
--- a/com.twin.app.shoptime/src/utils/Config.js
+++ b/com.twin.app.shoptime/src/utils/Config.js
@@ -114,7 +114,6 @@ export const ACTIVE_POPUP = {
  optionalConfirm: 'optionalConfirm',
  energyPopup: 'energyPopup',
  addCartPopup: 'addCartPopup',
-  scrollPopup: 'scrollPopup',
 };
 export const DEBUG_VIDEO_SUBTITLE_TEST = false;
 export const AUTO_SCROLL_DELAY = 600;
--- a/com.twin.app.shoptime/src/utils/lodashFpEx.js
+++ b/com.twin.app.shoptime/src/utils/lodashFpEx.js
@@ -458,7 +458,7 @@ const tap = fp.curry((fn, value) => {
 * @param {*} value 대상 값
 */
 const trace = fp.curry((label, value) => {
-  // console.log(label, value);
+  console.log(label, value);
  return value;
 });

--- a/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
@@ -280,7 +280,6 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {

  useEffect(() => {
    return () => {
-      // console.log('[🟡UNIQUE_DETAIL_CLEANUP🟡] DetailPanel cleanup - calling finishModalMediaForce');
      dispatch(finishModalMediaForce());
    };
  }, [dispatch]);
@@ -304,25 +303,26 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
      const sourcePanel = panelInfo?.sourcePanel;
      const sourceMenu = panelInfo?.sourceMenu;

-      // console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel cleanup/unmount triggered', {
-      //   sourcePanel,
-      //   sourceMenu,
-      //   panelsSnapshot: panels.map((p) => p.name),
-      //   timestamp: Date.now(),
-      // });
+      console.log('[DP-TRACE] Detail unmount start', {
+        sourcePanel,
+        sourceMenu,
+        panelsSnapshot: panels.map((p) => p.name),
+      });
+
+      console.log('[Detail-BG] 306-line sourcePanel:', sourcePanel, 'sourceMenu:', sourceMenu);

      // DetailPanel이 unmount되는 시점
-      // console.log('[🔴UNIQUE_DETAIL_UNMOUNT🔴] DetailPanel unmount details:', {
-      //   sourcePanel,
-      //   sourceMenu,
-      //   timestamp: Date.now(),
-      // });
+      console.log('[DetailPanel] unmount:', {
+        sourcePanel,
+        sourceMenu,
+        timestamp: Date.now(),
+      });

      // sourcePanel에 따른 상태 업데이트
      switch (sourcePanel) {
        case panel_names.PLAYER_PANEL: {
          // PlayerPanel에서 온 경우: PlayerPanel에 detailPanelClosed flag 전달
-          console.log('[PANEL][DetailPanel] unmount - PlayerPanel에 detailPanelClosed flag 전달');
+          console.log('[DetailPanel] unmount - PlayerPanel에 detailPanelClosed flag 전달');
          dispatch(
            updatePanel({
              name: panel_names.PLAYER_PANEL,
@@ -385,14 +385,6 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
      const sourcePanel = panelInfo?.sourcePanel;
      const sourceMenu = panelInfo?.sourceMenu;

-      // console.log('[🟠UNIQUE_DETAIL_BACK🟠] onBackClick triggered', {
-      //   sourcePanel,
-      //   sourceMenu,
-      //   isCancelClick,
-      //   currentPanels: panels.map((p) => p.name),
-      //   timestamp: Date.now(),
-      // });
-
      fp.pipe(
        () => {
          dispatch(clearAllToasts()); // BuyOption Toast 포함 모든 토스트 제거
@@ -401,7 +393,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
          switch (sourcePanel) {
            case panel_names.PLAYER_PANEL:
              // PlayerPanel에서 온 경우: 플레이어 비디오는 그대로 두고 모달만 정리
-              console.log('[🟠UNIQUE_DETAIL_BACK🟠] PlayerPanel 출신: 모달 정리만 수행');
+              console.log('[DetailPanel] onBackClick - PlayerPanel 출신: 모달 정리만 수행');
              dispatch(finishModalMediaForce()); // MEDIA_PANEL(ProductVideo) 강제 종료
              dispatch(finishVideoPreview());
              break;
@@ -410,18 +402,17 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
            case panel_names.SEARCH_PANEL:
            default:
              // HomePanel, SearchPanel 등에서 온 경우: 백그라운드 비디오 일시 중지
-              // console.log(
-              //   '[🟠UNIQUE_DETAIL_BACK🟠] source panel:',
-              //   sourcePanel,
-              //   '백그라운드 비디오 일시 중지'
-              // );
+              console.log(
+                '[DetailPanel] onBackClick - source panel:',
+                sourcePanel,
+                '백그라운드 비디오 일시 중지'
+              );
              dispatch(pauseFullscreenVideo()); // PLAYER_PANEL 비디오 중지
              dispatch(finishModalMediaForce()); // MEDIA_PANEL(ProductVideo) 강제 종료
              dispatch(finishVideoPreview());
              break;
          }

-          // console.log('[🟠UNIQUE_DETAIL_BACK🟠] Calling popPanel(DETAIL_PANEL)');
          dispatch(popPanel(panel_names.DETAIL_PANEL));
        },
        () => {
@@ -443,7 +434,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {

              if (shouldUpdatePanel) {
                console.log(
-                  '[PANEL][DetailPanel] onBackClick - PlayerPanel에 detailPanelClosed flag 전달'
+                  '[DetailPanel] onBackClick - PlayerPanel에 detailPanelClosed flag 전달'
                );
                dispatch(
                  updatePanel({
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
@@ -9,21 +9,30 @@ import React, {
 import classNames from 'classnames';
 // import { throttle } from 'lodash';
 import { PropTypes } from 'prop-types';
-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';

 import Spotlight from '@enact/spotlight';
 /* eslint-disable react/jsx-no-bind */
 // src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
-import SpotlightContainerDecorator from '@enact/spotlight/SpotlightContainerDecorator';
+import SpotlightContainerDecorator
+  from '@enact/spotlight/SpotlightContainerDecorator';
 import Spottable from '@enact/spotlight/Spottable';

 import couponImg from '../../../../assets/images/icons/coupon.png';
 import arrowDownIcon from '../../../../assets/images/icons/ic-arrow-down.svg';
 // import Spottable from '@enact/spotlight/Spottable';
 //image
-import arrowDown from '../../../../assets/images/icons/ic_arrow_down_3x_new.png';
-import indicatorDefaultImage from '../../../../assets/images/img-thumb-empty-144@3x.png';
-import { setHidePopup, setShowPopup } from '../../../actions/commonActions.js';
+import arrowDown
+  from '../../../../assets/images/icons/ic_arrow_down_3x_new.png';
+import indicatorDefaultImage
+  from '../../../../assets/images/img-thumb-empty-144@3x.png';
+import {
+  setHidePopup,
+  setShowPopup,
+} from '../../../actions/commonActions.js';
 import {
  getProductCouponDownload,
  getProductCouponSearch,
@@ -53,7 +62,8 @@ import CustomImage from '../../../components/CustomImage/CustomImage.jsx';
 // ProductInfoSection imports
 import TButton, { TYPES } from '../../../components/TButton/TButton';
 import TPopUp from '../../../components/TPopUp/TPopUp.jsx';
-import TVirtualGridList from '../../../components/TVirtualGridList/TVirtualGridList.jsx';
+import TVirtualGridList
+  from '../../../components/TVirtualGridList/TVirtualGridList.jsx';
 import useReviews from '../../../hooks/useReviews/useReviews';
 import useScrollTo from '../../../hooks/useScrollTo';
 import { BUYNOW_CONFIG } from '../../../utils/BuyNowConfig';
@@ -79,7 +89,10 @@ import {
  tap,
  when,
 } from '../../../utils/fp';
-import { $L, formatGMTString } from '../../../utils/helperMethods';
+import {
+  $L,
+  formatGMTString,
+} from '../../../utils/helperMethods';
 import { SpotlightIds } from '../../../utils/SpotlightIds';
 import ShowUserReviews from '../../UserReview/ShowUserReviews';
 // import CustomScrollbar from '../components/CustomScrollbar/CustomScrollbar';
@@ -90,14 +103,21 @@ import StarRating from '../components/StarRating';
 // ProductContentSection imports
 import TScrollerDetail from '../components/TScroller/TScrollerDetail';
 import DetailPanelSkeleton from '../DetailPanelSkeleton/DetailPanelSkeleton';
-import ProductDescription from '../ProductContentSection/ProductDescription/ProductDescription';
-import ProductDetail from '../ProductContentSection/ProductDetail/ProductDetail.new';
-import { ProductVideoV2 } from '../ProductContentSection/ProductVideo/ProductVideo.v2.jsx';
-import ProductVideo from '../ProductContentSection/ProductVideo/ProductVideo.v3';
-import SeeMoreProducts from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts';
+import ProductDescription
+  from '../ProductContentSection/ProductDescription/ProductDescription';
+import ProductDetail
+  from '../ProductContentSection/ProductDetail/ProductDetail.new';
+import {
+  ProductVideoV2,
+} from '../ProductContentSection/ProductVideo/ProductVideo.v2.jsx';
+import ProductVideo
+  from '../ProductContentSection/ProductVideo/ProductVideo.v3';
+import SeeMoreProducts
+  from '../ProductContentSection/SeeMoreProducts/SeeMoreProducts';
 import UserReviews from '../ProductContentSection/UserReviews/UserReviews';
 // import ViewAllReviewsButton from '../ProductContentSection/UserReviews/ViewAllReviewsButton';
-import YouMayAlsoLike from '../ProductContentSection/YouMayAlsoLike/YouMayAlsoLike';
+import YouMayAlsoLike
+  from '../ProductContentSection/YouMayAlsoLike/YouMayAlsoLike';
 import QRCode from '../ProductInfoSection/QRCode/QRCode';
 import ProductOverview from '../ProductOverview/ProductOverview';
 // CSS imports
@@ -146,8 +166,7 @@ const ShopByMobileContainer = SpotlightContainerDecorator(
    spotlightDirection: 'horizontal',
    enterTo: 'last-focused',
    restrict: 'self-only',
-    defaultElement:
-      SpotlightIds?.DETAIL_SHOPBYMOBILE || 'detail_shop_by_mobile',
+    defaultElement: SpotlightIds?.DETAIL_SHOPBYMOBILE || 'detail_shop_by_mobile',
  },
  'div'
 );
@@ -239,27 +258,17 @@ export default function ProductAllSection({
  const dispatch = useDispatch();

  // Redux 상태
-  const webOSVersion = useSelector(
-    (state) => state.common.appStatus.webOSVersion
-  );
+  const webOSVersion = useSelector((state) => state.common.appStatus.webOSVersion);
  const groupInfos = useSelector((state) => state.product.groupInfo);
  const nowMenu = useSelector((state) => state.common.menu.nowMenu);

  // YouMayLike 데이터는 API 응답 시간이 걸리므로 직접 구독
  const youmaylikeData = useSelector((state) => state.main.youmaylikeData);
  //coupon
-  const { partnerCoupon } = useSelector(
-    (state) => state.coupon.productCouponSearchData
-  );
-  const { userNumber } = useSelector(
-    (state) => state.common.appStatus.loginUserData
-  );
-  const { popupVisible, activePopup } = useSelector(
-    (state) => state.common.popup
-  );
-  const cursorVisible = useSelector(
-    (state) => state.common.appStatus.cursorVisible
-  );
+  const { partnerCoupon } = useSelector((state) => state.coupon.productCouponSearchData);
+  const { userNumber } = useSelector((state) => state.common.appStatus.loginUserData);
+  const { popupVisible, activePopup } = useSelector((state) => state.common.popup);
+  const cursorVisible = useSelector((state) => state.common.appStatus.cursorVisible);
  // 🆕 [251210] patnrId=21 카테고리 그룹 데이터
  const brandShopByShowCategoryGroups = useSelector(
    (state) => state.brand.brandShopByShowCategoryGroups
@@ -284,15 +293,12 @@ export default function ProductAllSection({

  // 출처 정보 통합 (향후 확장성 대비)
  // YouMayLike 상품이 아닐 경우 fromPanel을 초기화하여 오기 방지
-  const fromPanel = useMemo(
-    () => ({
+  const fromPanel = useMemo(() => ({
    fromYouMayLike: panelInfo?.fromPanel?.fromYouMayLike || false,
    // 향후 다른 출처 플래그들 추가 가능
    // fromRecommendation: panelInfo?.fromPanel?.fromRecommendation || false,
    // fromSearch: panelInfo?.fromPanel?.fromSearch || false,
-    }),
-    [panelInfo?.fromPanel?.fromYouMayLike]
-  );
+  }), [panelInfo?.fromPanel?.fromYouMayLike]);

  //구매 하단 토스트 노출 확인을 위한 용도
  const [openToast, setOpenToast] = useState(false);
@@ -326,13 +332,16 @@ export default function ProductAllSection({
        scrollTop({ y: 0, animate: true });
        setTimeout(()=>{
          if(hasVideo){            
-          Spotlight.focus('product-video-player');
+            Spotlight.focus("product-video-player");
          } else {
-          Spotlight.focus('product-detail-container-0');
+            Spotlight.focus("product-detail-container-0");
          }
        },100);
      }
-  }, [scrollTop, hasVideo]);
+  }, [
+    scrollTop,
+    hasVideo
+  ]);

  const fetchCouponData = useCallback(() => {
    dispatch(
@@ -394,9 +403,7 @@ export default function ProductAllSection({

  const handleCouponTotDownload = useCallback(() => {
    if (selectedCoupon && userNumber) {
-      const couponCodesArray = couponCodes
-        .split(',')
-        .map((code) => parseInt(code.trim()));
+      const couponCodesArray = couponCodes.split(',').map((code) => parseInt(code.trim()));
      setDownloadCouponArr((prevArr) => [...prevArr, ...couponCodesArray]);

      dispatch(
@@ -467,9 +474,7 @@ export default function ProductAllSection({
          return;
        }
        setDownloadCouponArr((prevArr) => [...prevArr, cpnSno]);
-        dispatch(
-          getProductCouponDownload({ mbrNo: userNumber, cpnSno: cpnSno })
-        );
+        dispatch(getProductCouponDownload({ mbrNo: userNumber, cpnSno: cpnSno }));
        dispatch(showToast({ message: 'Your coupon download is complete.' }));
      };

@@ -484,13 +489,7 @@ export default function ProductAllSection({
        >
          <div
            className={css.couponItem}
-            aria-label={
-              'Purchase over ' +
-              cpnAplyMinPurcAmt +
-              'up to ' +
-              cpnAplyMaxDcAmt +
-              ' off'
-            }
+            aria-label={'Purchase over ' + cpnAplyMinPurcAmt + 'up to ' + cpnAplyMaxDcAmt + ' off'}
          >
            <div className={css.couponTopContents}>
              {shptmDcTpCd === 'CPN00401' && (
@@ -506,9 +505,7 @@ export default function ProductAllSection({

            <div className={css.couponMiddleContents}>
              <span>
-                {$L(
-                  'Purchase over ${cpnAplyMinPurcAmt} (up to ${cpnAplyMaxDcAmt} off)'
-                )
+                {$L('Purchase over ${cpnAplyMinPurcAmt} (up to ${cpnAplyMaxDcAmt} off)')
                  .replace('{cpnAplyMinPurcAmt}', cpnAplyMinPurcAmt)
                  .replace('{cpnAplyMaxDcAmt}', cpnAplyMaxDcAmt)}
              </span>
@@ -521,9 +518,7 @@ export default function ProductAllSection({
              <div
                className={classNames(
                  css.couponBottomButton,
-                  downloadCouponArr.length > 0 &&
-                    downloadCouponArr.includes(cpnSno) &&
-                    css.disable,
+                  downloadCouponArr.length > 0 && downloadCouponArr.includes(cpnSno) && css.disable,
                  duplDwldYn === 'N' && downloadYn === 'Y' && css.disable,
                  !downloadCouponArr.includes(cpnSno) &&
                    index === selectedCouponIndex &&
@@ -532,9 +527,7 @@ export default function ProductAllSection({
                )}
                aria-label="Download Button"
              >
-                {downloadCouponArr.length > 0 &&
-                downloadCouponArr.includes(cpnSno) &&
-                duplDwldYn === 'N'
+                {downloadCouponArr.length > 0 && downloadCouponArr.includes(cpnSno) && duplDwldYn === 'N'
                  ? $L('DOWNLOAD COMPLETED')
                  : $L('DOWNLOAD')}
              </div>
@@ -573,25 +566,13 @@ export default function ProductAllSection({
  const [activeButton, setActiveButton] = useState(null);

  const productData = useMemo(
-    () =>
-      getProductData(
-        productType,
-        themeProductInfo,
-        themeProducts,
-        selectedIndex,
-        productInfo
-      ),
+    () => getProductData(productType, themeProductInfo, themeProducts, selectedIndex, productInfo),
    [productType, themeProductInfo, themeProducts, selectedIndex, productInfo]
  );

-  // ProductDescription 데이터 유무 확인
-  const hasProductDescription = useMemo(() => {
-    return !!productData?.prdtDesc;
-  }, [productData?.prdtDesc]);
-
  // 🆕 [251211] patnrId=21인 경우 QR 데이터 확인
  useEffect(() => {
-    if (productData?.patnrId === 21 || productData?.patnrId === '21') {
+    if (productData?.patnrId === 21 || productData?.patnrId === "21") {
      console.log('[QR-Data] patnrId=21 QR 데이터 확인:', {
        patnrId: productData?.patnrId,
        prdtId: productData?.prdtId,
@@ -648,9 +629,7 @@ export default function ProductAllSection({
    if (webOSVersion < '6.0') {
      return (
        productData?.pmtSuptYn === 'N' ||
-        (productData?.pmtSuptYn === 'Y' &&
-          productData?.grPrdtProcYn === 'N' &&
-          panelInfo?.prdtId)
+        (productData?.pmtSuptYn === 'Y' && productData?.grPrdtProcYn === 'N' && panelInfo?.prdtId)
      );
    }

@@ -671,10 +650,7 @@ export default function ProductAllSection({

  // 여행/테마 상품 - DetailPanel.backup.jsx와 동일한 로직
  const isTravelProductVisible = useMemo(() => {
-    return (
-      panelInfo?.curationId &&
-      (panelInfo?.type === 'theme' || panelInfo?.type === 'hotel')
-    );
+    return panelInfo?.curationId && (panelInfo?.type === 'theme' || panelInfo?.type === 'hotel');
  }, [panelInfo]);

  // useReviews Hook 사용 - 모든 리뷰 관련 로직을 담당
@@ -746,13 +722,13 @@ export default function ProductAllSection({
    if (productData && Object.keys(productData).length > 0) {
      // sendLogDetail - 제품 상세 버튼 클릭 로깅 (Source와 동일)
      const detailLogParams = {
-        curationId: productData?.curationId ?? '',
-        curationNm: productData?.curationNm ?? '',
-        inDt: '',
-        linkTpCd: panelInfo?.linkTpCd ?? '',
+        curationId: productData?.curationId ?? "",
+        curationNm: productData?.curationNm ?? "",
+        inDt: "",
+        linkTpCd: panelInfo?.linkTpCd ?? "",
        logTpNo: LOG_TP_NO.DETAIL.DETAIL_BUTTON_CLICK,
-        patncNm: productData?.patncNm ?? '',
-        patnrId: productData?.patnrId ?? '',
+        patncNm: productData?.patncNm ?? "",
+        patnrId: productData?.patnrId ?? "",
      };

      dispatch(sendLogDetail(detailLogParams));
@@ -769,22 +745,14 @@ export default function ProductAllSection({
        menuType = Config.LOG_MENU.DETAIL_PAGE_PRODUCT_DETAIL;
      }

-      dispatch(
-        sendLogTotalRecommend({
+      dispatch(sendLogTotalRecommend({
        menu: menuType,
-          buttonTitle: 'DESCRIPTION',
+        buttonTitle: "DESCRIPTION",
        contextName: LOG_CONTEXT_NAME.DETAILPAGE,
        messageId: LOG_MESSAGE_ID.BUTTONCLICK,
-        })
-      );
+      }));
    }
-  }, [
-    productData,
-    panelInfo,
-    isBillingProductVisible,
-    isGroupProductVisible,
-    isTravelProductVisible,
-  ]);
+  }, [productData, panelInfo, isBillingProductVisible, isGroupProductVisible, isTravelProductVisible]);

  // sendLogGNB 로깅 - Source의 DetailPanel 컴포넌트들과 동일한 패턴
  useEffect(() => {
@@ -806,9 +774,7 @@ export default function ProductAllSection({
    }

    // YouMayLike에서 상품 선택 시 메뉴 변경 (Source의 isYouMayLikeOpened와 동일 패턴)
-    const menu =
-      fromPanel?.fromYouMayLike !== undefined &&
-      fromPanel?.fromYouMayLike === true
+    const menu = (fromPanel?.fromYouMayLike !== undefined && fromPanel?.fromYouMayLike === true)
      ? `${baseMenu}/${Config.LOG_MENU.DETAIL_PAGE_YOU_MAY_LIKE}`
      : baseMenu;

@@ -832,17 +798,15 @@ export default function ProductAllSection({
  // sendLogGNB 전송 후 플래그 초기화 (1회 사용 후 비활성화)
  useEffect(() => {
    if (fromPanel?.fromYouMayLike === true) {
-      dispatch(
-        updatePanel({
+      dispatch(updatePanel({
        name: panel_names.DETAIL_PANEL,
        panelInfo: {
          ...panelInfo,
          fromPanel: {
-              fromYouMayLike: false, // 플래그 초기화
-            },
-          },
-        })
-      );
+            fromYouMayLike: false  // 플래그 초기화
+          }
+        }
+      }));
    }
  }, [fromPanel?.fromYouMayLike, dispatch, panelInfo]);

@@ -867,24 +831,24 @@ export default function ProductAllSection({
    lastProductDetailLogKeyRef.current = logKey;

    const params = {
-      befPrice: productData?.priceInfo?.split('|')[0],
-      curationId: productData?.curationId ?? '',
-      curationNm: productData?.curationNm ?? '',
+      befPrice: productData?.priceInfo?.split("|")[0],
+      curationId: productData?.curationId ?? "",
+      curationNm: productData?.curationNm ?? "",
      entryMenu: entryMenuRef.current,
-      expsOrd: '1',
+      expsOrd: "1",
      inDt: formatGMTString(new Date()),
-      lastPrice: productData?.priceInfo?.split('|')[1],
-      lgCatCd: productData?.catCd ?? '',
-      lgCatNm: productData?.catNm ?? '',
-      linkTpCd: panelInfo?.linkTpCd ?? '',
+      lastPrice: productData?.priceInfo?.split("|")[1],
+      lgCatCd: productData?.catCd ?? "",
+      lgCatNm: productData?.catNm ?? "",
+      linkTpCd: panelInfo?.linkTpCd ?? "",
      logTpNo,
-      patncNm: productData?.patncNm ?? '',
-      patnrId: productData?.patnrId ?? '',
-      prdtId: productData?.prdtId ?? '',
-      prdtNm: productData?.prdtNm ?? '',
-      revwGrd: productData?.revwGrd ?? '',
-      rewdAplyFlag: productData.priceInfo?.split('|')[2],
-      tsvFlag: productData?.todaySpclFlag ?? '',
+      patncNm: productData?.patncNm ?? "",
+      patnrId: productData?.patnrId ?? "",
+      prdtId: productData?.prdtId ?? "",
+      prdtNm: productData?.prdtNm ?? "",
+      revwGrd: productData?.revwGrd ?? "",
+      rewdAplyFlag: productData.priceInfo?.split("|")[2],
+      tsvFlag: productData?.todaySpclFlag ?? "",
    };

    dispatch(sendLogProductDetail(params));
@@ -921,22 +885,13 @@ export default function ProductAllSection({

      // 🚀 SingleOption.jsx의 sendLogTotalRecommend 로직 추가
      if (productData && Object.keys(productData).length > 0) {
-        const {
-          priceInfo,
-          patncNm,
-          prdtId,
-          prdtNm,
-          brndNm,
-          catNm,
-          showId,
-          showNm,
-        } = productData;
-        const regularPrice = priceInfo?.split('|')[0];
-        const discountPrice = priceInfo?.split('|')[1];
-        const discountRate = priceInfo?.split('|')[4];
+        const { priceInfo, patncNm, prdtId, prdtNm, brndNm, catNm, showId, showNm } = productData;
+        const regularPrice = priceInfo?.split("|")[0];
+        const discountPrice = priceInfo?.split("|")[1];
+        const discountRate = priceInfo?.split("|")[4];

        // Option 정보는 현재 선택된 옵션이 없으므로 기본값 사용
-        const prodOptCval = ''; // 실제로는 선택된 옵션 값이 들어가야 함
+        const prodOptCval = ""; // 실제로는 선택된 옵션 값이 들어가야 함

        dispatch(
          sendLogTotalRecommend({
@@ -951,8 +906,8 @@ export default function ProductAllSection({
            category: catNm,
            contextName: Config.LOG_CONTEXT_NAME.DETAILPAGE,
            messageId: Config.LOG_MESSAGE_ID.BUY_NOW,
-            showId: showId ?? '',
-            showNm: showNm ?? '',
+            showId: showId ?? "",
+            showNm: showNm ?? "",
          })
        );
      }
@@ -992,29 +947,23 @@ export default function ProductAllSection({
  );

  //닫히도록
-  const handleCloseToast = useCallback(
-    (e) => {
+  const handleCloseToast = useCallback((e) => {    
    // 팝업이 열려있으면 닫지 않음
    if (popupVisible) {
      return; // 팝업이 활성이면 무시
    }
    dispatch(clearAllToasts());
    setOpenToast(false);
-    },
-    [dispatch, popupVisible]
-  );
+  }, [dispatch, popupVisible]);

-  const handleFocus = useCallback(
-    (e) => {
+  const handleFocus = useCallback((e)=>{
    // 팝업이 열려있으면 닫지 않음
    if (popupVisible && cursorVisible) {
      return; // 팝업이 활성이면 무시
    }
    dispatch(clearAllToasts());
    setOpenToast(false);
-    },
-    [dispatch, popupVisible, cursorVisible]
-  );
+  },[dispatch, popupVisible, cursorVisible])

  // 스크롤 컨테이너의 클릭 이벤트 추적용 로깅
  const handleScrollContainerClick = useCallback((e) => {
@@ -1061,10 +1010,7 @@ export default function ProductAllSection({
    // TODO: 장바구니 추가 로직 구현
  }, []);

-  const { revwGrd, orderPhnNo } = useMemo(
-    () => extractProductMeta(productInfo),
-    [productInfo]
-  );
+  const { revwGrd, orderPhnNo } = useMemo(() => extractProductMeta(productInfo), [productInfo]);

  const [favoriteOverride, setFavoriteOverride] = useState(null);
  const favoriteFlag = useMemo(
@@ -1073,8 +1019,7 @@ export default function ProductAllSection({
  );

  const [mobileSendPopupOpen, setMobileSendPopupOpen] = useState(false);
-  const [isShowUserReviewsFocused, setIsShowUserReviewsFocused] =
-    useState(false);
+  const [isShowUserReviewsFocused, setIsShowUserReviewsFocused] = useState(false);
  // 🆕 [251210] patnrId=21 SEE MORE PRODUCTS 버튼 표시 여부
  const [hasSeeMoreProducts, setHasSeeMoreProducts] = useState(false);
  const [seeMoreProductsData, setSeeMoreProductsData] = useState([]);
@@ -1103,8 +1048,8 @@ export default function ProductAllSection({
  const handleUserReviewsClick = useCallback(() => {
    scrollToSection('scroll-marker-user-reviews');
    setTimeout(()=>{
-      Spotlight.focus('user-reviews-container');
-    }, 100);
+      Spotlight.focus("user-reviews-container");
+    },100)
  }, [scrollToSection]);

  // ProductVideo V1 전용 - MediaPanel minimize 포함
@@ -1180,10 +1125,7 @@ export default function ProductAllSection({

    document.addEventListener('detailpanel-scroll-reset', handleScrollReset);
    return () => {
-      document.removeEventListener(
-        'detailpanel-scroll-reset',
-        handleScrollReset
-      );
+      document.removeEventListener('detailpanel-scroll-reset', handleScrollReset);
    };
  }, []);
  const productDetailRef = useRef(null); //높이값 변경때문
@@ -1208,11 +1150,7 @@ export default function ProductAllSection({
    }

    // 이미지들 추가
-    if (
-      productData &&
-      productData.imgUrls600 &&
-      productData.imgUrls600.length > 0
-    ) {
+    if (productData && productData.imgUrls600 && productData.imgUrls600.length > 0) {
      productData.imgUrls600.forEach((image, imgIndex) => {
        items.push({
          type: 'image',
@@ -1232,9 +1170,7 @@ export default function ProductAllSection({
  // renderItems에 Video가 존재하는지 확인하는 boolean 상태
  const hasVideo = useMemo(() => {
    return (
-      renderItems &&
-      renderItems.length > 0 &&
-      renderItems.some((item) => item.type === 'video')
+      renderItems && renderItems.length > 0 && renderItems.some((item) => item.type === 'video')
    );
  }, [renderItems]);

@@ -1246,11 +1182,10 @@ export default function ProductAllSection({
  const handleShopByMobileOpen = useCallback(() => {
    // sendLogShopByMobile - Source와 동일한 로깅 추가
    if (productData && Object.keys(productData).length > 0) {
-      const { priceInfo, patncNm, patnrId, prdtId, prdtNm, brndNm, catNm } =
-        productData;
-      const regularPrice = priceInfo?.split('|')[0];
-      const discountPrice = priceInfo?.split('|')[1];
-      const discountRate = priceInfo?.split('|')[4];
+      const { priceInfo, patncNm, patnrId, prdtId, prdtNm, brndNm, catNm } = productData;
+      const regularPrice = priceInfo?.split("|")[0];
+      const discountPrice = priceInfo?.split("|")[1];
+      const discountRate = priceInfo?.split("|")[4];

      const logParams = {
        prdtId,
@@ -1298,8 +1233,7 @@ export default function ProductAllSection({
  }, [promotions, isBillingProductVisible, shopByMobileId, stackOrder]);

  const firstCouponId = useMemo(
-    () =>
-      promotions && promotions.length > 0 ? 'detail-coupon-button-0' : null,
+    () => (promotions && promotions.length > 0 ? 'detail-coupon-button-0' : null),
    [promotions]
  );

@@ -1308,8 +1242,7 @@ export default function ProductAllSection({
    []
  );

-  const handleThemeItemButtonClick = useCallback(
-    (e) => {
+  const handleThemeItemButtonClick = useCallback((e) => {
    e.stopPropagation();
    dispatch(
      showToast({
@@ -1336,29 +1269,24 @@ export default function ProductAllSection({
        // },
      })
    );    
-    },
-    [dispatch, themeProducts, setSelectedIndex, panelInfo]
-  );
+  }, [dispatch, themeProducts, setSelectedIndex, panelInfo]);

  const handleProductDetailsClick = useCallback(() => {
-    // 제품 설명 데이터가 없을 때 클릭 방지
-    if (!hasProductDescription) return;
-
    dispatch(minimizeModalMedia());
    scrollToSection('scroll-marker-product-details');

    // Source의 handleIndicatorOptions와 동일한 로깅 기능 추가
    handleIndicatorOptions();
    setTimeout(()=>{
-      Spotlight.focus('product-description-content');
+      Spotlight.focus("product-description-content")
    },100);
-  }, [scrollToSection, dispatch, handleIndicatorOptions, hasProductDescription]);
+  }, [scrollToSection, dispatch, handleIndicatorOptions]);

  const handleYouMayAlsoLikeClick = useCallback(() => {
    dispatch(minimizeModalMedia());
    scrollToSection('scroll-marker-you-may-also-like');
    setTimeout(()=>{
-      Spotlight.focus('detail_youMayAlsoLike_area');
+      Spotlight.focus("detail_youMayAlsoLike_area")
    },100);
  }, [scrollToSection, dispatch]);

@@ -1367,21 +1295,16 @@ export default function ProductAllSection({
    // 버튼 클릭 시 스크롤만 처리 (데이터는 useEffect에서 처리)
    scrollToSection('scroll-marker-see-more-products');
    setTimeout(() => {
-      Spotlight.focus('detail_seeMoreProducts_area');
+      Spotlight.focus("detail_seeMoreProducts_area");
    }, 100);
  }, [scrollToSection]);

  // 🆕 [251210] patnrId=21인 경우 그룹 상품 데이터 미리 처리
  useEffect(() => {
-    if (panelInfo?.patnrId === 21 || panelInfo?.patnrId === '21') {
-      console.log(
-        '[SEE MORE PRODUCTS] patnrId=21 detected - processing group data on panel mount'
-      );
+    if (panelInfo?.patnrId === 21 || panelInfo?.patnrId === "21") {
+      console.log('[SEE MORE PRODUCTS] patnrId=21 detected - processing group data on panel mount');
      console.log('[SEE MORE PRODUCTS] panelInfo:', panelInfo);
-      console.log(
-        '[SEE MORE PRODUCTS] brandShopByShowCategoryGroups:',
-        brandShopByShowCategoryGroups
-      );
+      console.log('[SEE MORE PRODUCTS] brandShopByShowCategoryGroups:', brandShopByShowCategoryGroups);

      const patnrIdString = String(panelInfo.patnrId);
      const currentPrdtId = panelInfo.prdtId;
@@ -1400,25 +1323,16 @@ export default function ProductAllSection({
        // 모든 contsId에서 현재 상품이 속한 그룹 찾기
        for (const contsId in categoryGroups) {
          const contsInfo = categoryGroups[contsId];
-          console.log(
-            `[SEE MORE PRODUCTS] Checking contsId: ${contsId}, contsNm: ${contsInfo.contsNm}`
-          );
+          console.log(`[SEE MORE PRODUCTS] Checking contsId: ${contsId}, contsNm: ${contsInfo.contsNm}`);

          if (contsInfo.brandShopByShowClctInfos) {
            for (const group of contsInfo.brandShopByShowClctInfos) {
-              console.log(
-                `[SEE MORE PRODUCTS] Checking group: ${group.clctNm} (${group.clctId})`
-              );
+              console.log(`[SEE MORE PRODUCTS] Checking group: ${group.clctNm} (${group.clctId})`);

              if (group.brandProductInfos) {
-                const foundProduct = group.brandProductInfos.find(
-                  (p) => p.prdtId === currentPrdtId
-                );
+                const foundProduct = group.brandProductInfos.find(p => p.prdtId === currentPrdtId);
                if (foundProduct) {
-                  console.log(
-                    '[SEE MORE PRODUCTS] 🎯 Found current product:',
-                    foundProduct
-                  );
+                  console.log('[SEE MORE PRODUCTS] 🎯 Found current product:', foundProduct);
                  foundGroup = group;
                  foundConts = contsInfo;
                  break;
@@ -1437,28 +1351,22 @@ export default function ProductAllSection({
          console.log('  - Group ID:', foundGroup.clctId);

          // 현재 상품을 제외한 다른 상품들 확인
-          const otherProducts = foundGroup.brandProductInfos.filter(
-            (p) => p.prdtId !== currentPrdtId
-          );
+          const otherProducts = foundGroup.brandProductInfos.filter(p => p.prdtId !== currentPrdtId);
          console.log('  - Other products count:', otherProducts.length);

          if (otherProducts.length > 0) {
            // 다른 상품이 있을 때만 버튼 표시
            shouldShowButton = true;

-            console.log(
-              '[SEE MORE PRODUCTS] 📦 Showing button - group has other products:'
-            );
+            console.log('[SEE MORE PRODUCTS] 📦 Showing button - group has other products:');
            otherProducts.forEach((product, index) => {
-              console.log(
-                `    ${index + 1}. ${product.prdtNm} (${product.prdtId})`
-              );
+              console.log(`    ${index + 1}. ${product.prdtNm} (${product.prdtId})`);
              console.log(`       - Price: ${product.priceInfo}`);
              console.log(`       - Brand: ${product.brndNm || 'N/A'}`);
            });

            // 🆕 SeeMoreProducts 컴포넌트를 위한 데이터 변환
-            const formattedProducts = otherProducts.map((product) => ({
+            const formattedProducts = otherProducts.map(product => ({              
              prdtId: product.prdtId,
              prdtNm: product.prdtNm,
              priceInfo: product.priceInfo,
@@ -1474,20 +1382,14 @@ export default function ProductAllSection({
            // YouMayAlsoLike 데이터 형식으로 맞추기
            setSeeMoreProductsData(formattedProducts);
          } else {
-            console.log(
-              '[SEE MORE PRODUCTS] ❌ No other products in group - hiding button'
-            );
+            console.log('[SEE MORE PRODUCTS] ❌ No other products in group - hiding button');
            setSeeMoreProductsData([]);
          }
        } else {
-          console.log(
-            '[SEE MORE PRODUCTS] ❌ No group found for current product - hiding button'
-          );
+          console.log('[SEE MORE PRODUCTS] ❌ No group found for current product - hiding button');
        }
      } else {
-        console.log(
-          '[SEE MORE PRODUCTS] ❌ No category groups found for patnrId 21 - hiding button'
-        );
+        console.log('[SEE MORE PRODUCTS] ❌ No category groups found for patnrId 21 - hiding button');
      }

      // 버튼 표시 여부 상태 설정
@@ -1515,7 +1417,9 @@ export default function ProductAllSection({
  const mediaMinimizedRef = useRef(false);
  const getTotalContentHeight = useCallback(() => {
    const measuredHeight =
-      contentHeightRef.current || scrollContainerRef.current?.scrollHeight || 0;
+      contentHeightRef.current ||
+      scrollContainerRef.current?.scrollHeight ||
+      0;
    return measuredHeight + (youMayAlsoLikelRef.current?.scrollHeight || 0);
  }, []);

@@ -1548,8 +1452,7 @@ export default function ProductAllSection({
      const prevScrollTop = prevScrollTopRef.current;

      scrollPositionRef.current = currentScrollTop;
-      contentHeightRef.current =
-        e?.scrollHeight || contentHeightRef.current || 0;
+      contentHeightRef.current = e?.scrollHeight || contentHeightRef.current || 0;
            
      // 기존 bottom 체크 로직 유지
      const totalHeight = getTotalContentHeight();
@@ -1607,13 +1510,7 @@ export default function ProductAllSection({
      }
      // v2: onScrollStop에서 처리 (기존 로직 유지)
    },
-    [
-      isBottom,
-      productVideoVersion,
-      isVideoPlaying,
-      dispatch,
-      getTotalContentHeight,
-    ]
+    [isBottom, productVideoVersion, isVideoPlaying, dispatch, getTotalContentHeight]
  );

  // 스크롤 멈추었을 때만 호출 (성능 최적화)
@@ -1621,8 +1518,7 @@ export default function ProductAllSection({
    (e) => {
      const currentScrollTop = e.scrollTop;
      scrollPositionRef.current = currentScrollTop;
-      contentHeightRef.current =
-        e?.scrollHeight || contentHeightRef.current || 0;
+      contentHeightRef.current = e?.scrollHeight || contentHeightRef.current || 0;
      const totalHeight = getTotalContentHeight();
      if (totalHeight) {
        const isAtBottom = currentScrollTop + 944 >= totalHeight;
@@ -1687,9 +1583,7 @@ export default function ProductAllSection({
  // 초기 로딩 후 Skeleton 숨기기
  useEffect(() => {
    const hasDataReady =
-      productType === 'theme'
-        ? hasThemeContents && !!productData
-        : !!productData;
+      productType === 'theme' ? hasThemeContents && !!productData : !!productData;

    if (productType && hasDataReady && isInitialLoading) {
      const timer = setTimeout(() => {
@@ -1789,8 +1683,8 @@ export default function ProductAllSection({
    };
  }, []);

-  // 초기 로딩 중에는 Skeleton 표시 (비활성화됨)
-  if (false && isInitialLoading) {
+  // 초기 로딩 중에는 Skeleton 표시
+  if (isInitialLoading) {
    return (
      <div className={css.detailArea}>
        <DetailPanelSkeleton />
@@ -1799,11 +1693,7 @@ export default function ProductAllSection({
  }

  return (
-    <HorizontalContainer
-      className={css.detailArea}
-      onClick={handleCloseToast}
-      onFocus={handleFocus}
-    >
+    <HorizontalContainer className={css.detailArea} onClick={handleCloseToast} onFocus={handleFocus}>
      {/* Left Margin Section - 60px */}
      <div className={css.leftMarginSection}></div>

@@ -1837,10 +1727,7 @@ export default function ProductAllSection({
                  {isShowQRCode ? (
                    <>
                    {/* <QRCode productInfo={productData} productType={productType} kind={'detail'} /> */}
-                      <QRCode
-                        productInfo={productData}
-                        productType={productType}
-                      />
+                    <QRCode productInfo={productData} productType={productType} />
                    </>
                  ) : (
                    <div className={css.qrRollingWrap}>
@@ -1876,9 +1763,7 @@ export default function ProductAllSection({
                      return (
                        <div className={css.couponContainer} key={idx}>
                          <div className={css.couponTitleText}>
-                            <div className={css.firstTitle}>
-                              SPECIAL PROMOTION
-                            </div>
+                            <div className={css.firstTitle}>SPECIAL PROMOTION</div>
                            <div className={css.secondTitle}>
                              Coupon only applicable to this product!
                            </div>
@@ -1930,9 +1815,7 @@ export default function ProductAllSection({
                    className={css.shopByMobileButton}
                    onClick={handleShopByMobileOpen}
                  >
-                    <div className={css.shopByMobileText}>
-                      {$L('SHOP BY MOBILE')}
-                    </div>
+                    <div className={css.shopByMobileText}>{$L('SHOP BY MOBILE')}</div>
                  </TButton>
                  {panelInfo && (
                    <div className={css.favoriteBtnWrapper}>
@@ -1952,9 +1835,7 @@ export default function ProductAllSection({
              <div className={css.callToOrderSection}>
                {orderPhnNo && (
                  <>
-                    <div className={css.callToOrderText}>
-                      {$L('Call to Order')}
-                    </div>
+                    <div className={css.callToOrderText}>{$L('Call to Order')}</div>
                    <div className={css.phoneSection}>
                      <div className={css.phoneIconContainer}>
                        <div className={css.phoneIcon} />
@@ -1969,7 +1850,6 @@ export default function ProductAllSection({
                className={css.actionButtonsWrapper}
                spotlightId="product-info-button-container"
              >
-                {hasProductDescription && (
                <TButton
                  className={classNames(
                    css.productDetailsButton,
@@ -1980,7 +1860,6 @@ export default function ProductAllSection({
                >
                  {$L('PRODUCT DETAILS')}
                </TButton>
-                )}
                {isReviewDataComplete && (
                  <>
                    {/*
@@ -2002,8 +1881,7 @@ export default function ProductAllSection({
                    </TButton>
                  </>
                )}
-                {(panelInfo?.patnrId !== 21 || panelInfo?.patnrId !== '21') &&
-                  hasYouMayAlsoLike && (
+                {(panelInfo?.patnrId !== 21 || panelInfo?.patnrId !== "21") && hasYouMayAlsoLike && (
                  <TButton
                    className={classNames(
                      css.youMayLikeButton,
@@ -2015,8 +1893,7 @@ export default function ProductAllSection({
                  </TButton>
                )}
                {/* 🆕 [251210] patnrId=21인 경우 SEE MORE PRODUCTS 버튼 */}
-                {(panelInfo?.patnrId === 21 || panelInfo?.patnrId === '21') &&
-                  hasSeeMoreProducts && (
+                {(panelInfo?.patnrId === 21 || panelInfo?.patnrId === "21") && hasSeeMoreProducts && (
                  <TButton
                    className={classNames(
                      css.seeMoreProductButton,
@@ -2058,10 +1935,7 @@ export default function ProductAllSection({
                      }}
                    >
                      <div>{$L('THEME ITEM')}</div>
-                      <img
-                        src={arrowDownIcon}
-                        className={css.themeButtonIcon}
-                      />
+                      <img src={arrowDownIcon} className={css.themeButtonIcon} />
                    </TButton>
                  </Container>
              )}
@@ -2107,9 +1981,7 @@ export default function ProductAllSection({
                  onBlur={handleButtonBlur}                  
                >
                  {/* 비디오가 있으면 먼저 렌더링 (productVideoVersion이 3이 아닐 때만) */}
-                  {hasVideo &&
-                    renderItems[0].type === 'video' &&
-                    productVideoVersion !== 3 && (
+                  {hasVideo && renderItems[0].type === 'video' && productVideoVersion !== 3 && (
                    <>
                      {productVideoVersion === 1 ? (
                        <ProductVideo
@@ -2135,10 +2007,7 @@ export default function ProductAllSection({
                          onScrollToImages={handleScrollToImagesV2}
                        />
                      )}
-                        <div
-                          id="scroll-marker-after-video"
-                          className={css.scrollMarker}
-                        ></div>
+                      <div id="scroll-marker-after-video" className={css.scrollMarker}></div>
                    </>
                  )}

@@ -2159,10 +2028,7 @@ export default function ProductAllSection({
                        ))
                    : !hasVideo && <ProductDetail productInfo={productData} />}
                </div>
-                <div
-                  id="scroll-marker-product-details"
-                  className={css.scrollMarker}
-                ></div>
+                <div id="scroll-marker-product-details" className={css.scrollMarker}></div>
                <div
                  id="product-description-section"
                  ref={descriptionRef}
@@ -2172,10 +2038,7 @@ export default function ProductAllSection({
                  <ProductDescription productInfo={productData} />
                </div>
                {/* 리뷰 데이터가 완전할 때만 UserReviews 섹션 표시 */}
-                <div
-                  id="scroll-marker-user-reviews"
-                  className={css.scrollMarker}
-                ></div>
+                <div id="scroll-marker-user-reviews" className={css.scrollMarker}></div>
                {isReviewDataComplete && (
                  <div
                    id="user-reviews-section"
@@ -2203,11 +2066,8 @@ export default function ProductAllSection({
                )}
              </div>
              <div ref={youMayAlsoLikelRef}>
-                <div
-                  id="scroll-marker-you-may-also-like"
-                  className={css.scrollMarker}
-                ></div>
-                {panelInfo?.patnrId !== '21' && hasYouMayAlsoLike && (
+                <div id="scroll-marker-you-may-also-like" className={css.scrollMarker}></div>
+                {(panelInfo?.patnrId !== 21 || panelInfo?.patnrId !== "21") && hasYouMayAlsoLike && (
                  <div id="you-may-also-like-section">
                    {/* {(() => {
                      console.log('[YouMayLike] YouMayAlsoLike 컴포넌트 렌더링:', {
@@ -2230,16 +2090,10 @@ export default function ProductAllSection({
              </div>

              {/* 🆕 [251210] patnrId=21인 경우 SEE MORE PRODUCTS 섹션 */}
-              {panelInfo?.patnrId === '21' && hasSeeMoreProducts && (
+              {(panelInfo?.patnrId === 21 || panelInfo?.patnrId === "21") && hasSeeMoreProducts && (
                <div ref={seeMoreProductsRef}>
-                  <div
-                    id="scroll-marker-see-more-products"
-                    className={css.scrollMarker}
-                  ></div>
-                  <div
-                    id="see-more-products-section"
-                    data-spotlight-id="see-more-products-area"
-                  >
+                  <div id="scroll-marker-see-more-products" className={css.scrollMarker}></div>
+                  <div id="see-more-products-section" data-spotlight-id="see-more-products-area">
                    <SeeMoreProducts
                      groupProducts={seeMoreProductsData}
                      sponserImage={sponserImage}
@@ -2302,9 +2156,7 @@ export default function ProductAllSection({
              />
            )}
          </Container>
-          <div
-            className={css.couponRemain}
-          >{`1/${selectedCoupon?.length}`}</div>
+          <div className={css.couponRemain}>{`1/${selectedCoupon?.length}`}</div>
        </TPopUp>
      )}
    </HorizontalContainer>
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductDescription/ProductDescription.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductDescription/ProductDescription.jsx
@@ -1,32 +1,9 @@
-import React, {
-  useCallback,
-  useMemo,
-} from 'react';
-
-import {
-  useDispatch,
-  useSelector,
-} from 'react-redux';
-
-import Spotlight from '@enact/spotlight';
-import SpotlightContainerDecorator
-  from '@enact/spotlight/SpotlightContainerDecorator';
-import Spottable from '@enact/spotlight/Spottable';
-
-import {
-  setHidePopup,
-  setShowPopup,
-} from '../../../../actions/commonActions';
-import TButtonScroller
-  from '../../../../components/TButtonScroller/TButtonScroller';
-import TNewPopUp from '../../../../components/TPopUp/TNewPopUp';
-import * as Config from '../../../../utils/Config';
-import {
-  $L,
-  removeSpecificTags,
-} from '../../../../utils/helperMethods';
-import css from './ProductDescription.module.less';
-
+import React, { useCallback } from "react";
+import css from "./ProductDescription.module.less";
+import { $L, removeSpecificTags } from "../../../../utils/helperMethods";
+import Spottable from "@enact/spotlight/Spottable";
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import Spotlight from "@enact/spotlight";
 // TVerticalPagenator 제거됨 - TScrollerNew와 충돌 문제로 인해

 const SpottableComponent = Spottable("div");
@@ -42,22 +19,11 @@ const Container = SpotlightContainerDecorator(
 );

 export default function ProductDescription({ productInfo }) {
-  const { popupVisible, activePopup } = useSelector(
-    (state) => state.common.popup
-  );
-
-  const dispatch = useDispatch();
-
-
  const productDescription = useCallback(() => {
    const sanitizedString = removeSpecificTags(productInfo?.prdtDesc);
    return { __html: sanitizedString };
  }, [productInfo?.prdtDesc]);

-  const productDescriptionText = useMemo(() => {
-    return removeSpecificTags(productInfo?.prdtDesc);
-  }, [productInfo?.prdtDesc]);
-  
  // 왼쪽 화살표 키 이벤트 처리
  const handleKeyDown = useCallback((ev) => {
    if (ev.keyCode === 37) { // 왼쪽 화살표 키
@@ -68,16 +34,6 @@ export default function ProductDescription({ productInfo }) {
    }
  }, []);

-  const descriptionClick = useCallback(() => {      
-      dispatch(setShowPopup(Config.ACTIVE_POPUP.scrollPopup));      
-    },
-    [dispatch]
-  );
-
-  const _onClose = useCallback(()=>{
-    dispatch(setHidePopup());
-  },[dispatch])
-
  // ProductDescription: Container 직접 사용 패턴
  // prdtDesc가 없으면 렌더링하지 않음
  if (!productInfo?.prdtDesc) {
@@ -85,7 +41,6 @@ export default function ProductDescription({ productInfo }) {
  }

  return (
-    <>
    <Container 
      className={css.descriptionContainer}
      spotlightId="product-description-container"
@@ -106,8 +61,7 @@ export default function ProductDescription({ productInfo }) {
      <SpottableComponent 
        className={css.descriptionWrapper}
        spotlightId="product-description-content"
-          // onClick={() => console.log("[ProductDescription] Content clicked")}
-          onClick={descriptionClick}
+        onClick={() => console.log("[ProductDescription] Content clicked")}
        onFocus={() => console.log("[ProductDescription] Content focused")}
        onBlur={() => console.log("[ProductDescription] Content blurred")}
        onKeyDown={handleKeyDown}
@@ -118,28 +72,5 @@ export default function ProductDescription({ productInfo }) {
        />
      </SpottableComponent>
    </Container>
-      {activePopup === Config.ACTIVE_POPUP.scrollPopup && (
-      <TNewPopUp
-        kind="scrollPopup"
-        open={popupVisible}
-        hasText
-        title={$L("DESCRIPTION")}        
-        onClick={_onClose}
-        hasButton
-        button1Text={$L("OK")}
-      >
-        <TButtonScroller
-          boxHeight={460} 
-          width={844} 
-          kind={"figmaTermsPopup"}
-        >
-          <div
-            className={css.scrollContainer}
-            dangerouslySetInnerHTML={{ __html: productDescriptionText }}
-          />
-        </TButtonScroller>
-      </TNewPopUp>
-      )}
-    </>
  );
 }
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductDescription/ProductDescription.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductDescription/ProductDescription.module.less
@@ -51,8 +51,3 @@
   
  }
 }
-.scrollContainer {
-  padding: 31px;
-  font-size: 26px;
-  line-height: 1.5;
-}
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.module.less
@@ -5,10 +5,11 @@
  position: relative;
  width: 1114px; // ProductDetail과 동일한 고정 크기
  max-width: 1114px;
-  height: 632px !important; // ProductDetail과 동일한 고정 높이  
+  height: 740px; // ProductDetail과 동일한 고정 높이
+  margin-bottom: 30px; // ProductDetail과 동일한 간격
  cursor: pointer;
  background-color: rgba(0, 0, 0, 1);
-  border-radius: 12px 12px 0 0;
+  border-radius: 12px;
  box-sizing: border-box;
  padding: 6px; // 포커스 테두리를 위한 공간
  overflow: hidden;
@@ -79,7 +80,7 @@
      z-index: 23; // MediaPanel(z-index: 22)보다 위에 표시되어야 비디오 재생 중에도 포커스 테두리가 보임
      border: 6px solid @PRIMARY_COLOR_RED;
      box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
-      border-radius: 12px 12px 0px 0px;
+      border-radius: 12px;
      content: "";
    }

@@ -216,13 +217,15 @@
 }

 .notice {
-  width: calc(100% - 10px);
+    width: 100%;
    height: 54px;
    background: #000000;
    .flex(@justifyCenter:flex-start);
    padding: 6px 18px 18px 18px;
+    position: absolute;
+    bottom: 0;
    border-radius: 0 0 12px 12px;
-  margin-bottom: 30px; // ProductDetail과 동일한 간격
+
    .marquee {
      width: 100%;
      height: 100%;
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/ProductVideo/ProductVideo.v3.jsx
@@ -311,7 +311,6 @@ export default function ProductVideo({
  if (!canPlayVideo) return null;

  return (
-  <>
    <SpottableComponent
      className={css.videoContainer}
      onClick={handleVideoClick}
@@ -331,13 +330,12 @@ export default function ProductVideo({
          <img src={playImg} alt="재생" />
        </div>
      </div>
-    </SpottableComponent>
      <div className={css.notice}>
        <Marquee className={css.marquee} marqueeOn="render">
          <img src={ic_warning} alt={disclaimer} />
          <span>{disclaimer}</span>
        </Marquee>
      </div>
-  </>
+    </SpottableComponent>
  );
 }
--- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/YouMayAlsoLike/YouMayAlsoLike.jsx
@@ -1,41 +1,21 @@
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';

-import {
-  useDispatch,
-  useSelector,
-} from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';

 import { Job } from '@enact/core/util';
-import SpotlightContainerDecorator
-  from '@enact/spotlight/SpotlightContainerDecorator';
+import SpotlightContainerDecorator from '@enact/spotlight/SpotlightContainerDecorator';
 import Spottable from '@enact/spotlight/Spottable';

 import { clearThemeDetail } from '../../../../actions/homeActions';
 import { finishModalMediaForce } from '../../../../actions/mediaActions';
-import {
-  popPanel,
-  pushPanel,
-  updatePanel,
-} from '../../../../actions/panelActions';
+import { popPanel, pushPanel, updatePanel } from '../../../../actions/panelActions';
 import { finishVideoPreview } from '../../../../actions/playActions';
 import THeader from '../../../../components/THeader/THeader';
 import TItemCardNew from '../../../../components/TItemCard/TItemCard.new';
-import TVerticalPagenator
-  from '../../../../components/TVerticalPagenator/TVerticalPagenator';
-import TVirtualGridList
-  from '../../../../components/TVirtualGridList/TVirtualGridList';
+import TVerticalPagenator from '../../../../components/TVerticalPagenator/TVerticalPagenator';
+import TVirtualGridList from '../../../../components/TVirtualGridList/TVirtualGridList';
 import useScrollTo from '../../../../hooks/useScrollTo';
-import {
-  LOG_CONTEXT_NAME,
-  LOG_MESSAGE_ID,
-  panel_names,
-} from '../../../../utils/Config';
+import { LOG_CONTEXT_NAME, LOG_MESSAGE_ID, panel_names } from '../../../../utils/Config';
 import { $L } from '../../../../utils/helperMethods';
 import css from './YouMayAlsoLike.module.less';

@@ -178,7 +158,7 @@ export default function YouMayAlsoLike({
                      // DetailPanel을 언마운트하지 않고 상품 정보만 업데이트
                      // 이렇게 하면 백그라운드 비디오 제어 상태가 유지됨
                      dispatch(
-                        pushPanel({
+                        updatePanel({
                          name: panel_names.DETAIL_PANEL,
                          panelInfo: {
                            showNm: panelInfo?.showNm,
--- a/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/ThemeItemCard.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/ThemeProduct/ThemeItemCard.jsx
@@ -78,35 +78,35 @@ export default function ThemeItemCard({
  const { originalPrice, discountedPrice, discountRate } =
  usePriceInfo(priceInfo) || {};
  
-//   const mockEnergyLabel = [
-//     {
-//         "enrgLblExpsOrd": "0",
-//         "enrgLblTpCd": "EL_TYPE_05",
-//         "enrgLblCd": "MNLC",
-//         "enrgClasCd": "A",
-//         "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_a.png",
-//         "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241113229264&ORIGINAL_NAME_b1_a1=27U511SA EU (E).pdf&FILE_NAME=27U511SA EU (E)[20241113011401634].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
-//         "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241125231113&ORIGINAL_NAME_b1_a1=27U511SA-W.pdf&FILE_NAME=27U511SA-W[20241125231113].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
-//     },
-//     {
-//         "enrgLblExpsOrd": "0",
-//         "enrgLblTpCd": "EL_TYPE_05",
-//         "enrgLblCd": "MNLC",
-//         "enrgClasCd": "D",
-//         "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_d.png",
-//         "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241230236057&ORIGINAL_NAME_b1_a1=27U421A EU (E).pdf&FILE_NAME=27U421A EU (E)[20241230015816192].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
-//         "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241224235911&ORIGINAL_NAME_b1_a1=27U421A-B.pdf&FILE_NAME=27U421A-B[20241224235911].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
-//     },
-//     {
-//         "enrgLblExpsOrd": "0",
-//         "enrgLblTpCd": "EL_TYPE_05",
-//         "enrgLblCd": "MNLC",
-//         "enrgClasCd": "D",
-//         "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_d.png",
-//         "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241230236057&ORIGINAL_NAME_b1_a1=27U421A EU (E).pdf&FILE_NAME=27U421A EU (E)[20241230015816192].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
-//         "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241224235911&ORIGINAL_NAME_b1_a1=27U421A-B.pdf&FILE_NAME=27U421A-B[20241224235911].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
-//     }    
-// ];
+  const mockEnergyLabel = [
+    {
+        "enrgLblExpsOrd": "0",
+        "enrgLblTpCd": "EL_TYPE_05",
+        "enrgLblCd": "MNLC",
+        "enrgClasCd": "A",
+        "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_a.png",
+        "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241113229264&ORIGINAL_NAME_b1_a1=27U511SA EU (E).pdf&FILE_NAME=27U511SA EU (E)[20241113011401634].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
+        "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241125231113&ORIGINAL_NAME_b1_a1=27U511SA-W.pdf&FILE_NAME=27U511SA-W[20241125231113].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
+    },
+    {
+        "enrgLblExpsOrd": "0",
+        "enrgLblTpCd": "EL_TYPE_05",
+        "enrgLblCd": "MNLC",
+        "enrgClasCd": "D",
+        "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_d.png",
+        "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241230236057&ORIGINAL_NAME_b1_a1=27U421A EU (E).pdf&FILE_NAME=27U421A EU (E)[20241230015816192].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
+        "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241224235911&ORIGINAL_NAME_b1_a1=27U421A-B.pdf&FILE_NAME=27U421A-B[20241224235911].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
+    },
+    {
+        "enrgLblExpsOrd": "0",
+        "enrgLblTpCd": "EL_TYPE_05",
+        "enrgLblCd": "MNLC",
+        "enrgClasCd": "D",
+        "enrgLblIcnUrl": "http://eic-ngfts.lge.com/fts/gftsDownload.lge?biz_code=LGSHOPPING&func_code=IMAGE&file_path=/lgshopping/image/gb_class_arrows_ag_d.png",
+        "enrgLblUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241230236057&ORIGINAL_NAME_b1_a1=27U421A EU (E).pdf&FILE_NAME=27U421A EU (E)[20241230015816192].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N",
+        "enrgShetUrl": "https://www.lg.com/uk/lgecs.downloadFile.ldwf?DOC_ID=20241224235911&ORIGINAL_NAME_b1_a1=27U421A-B.pdf&FILE_NAME=27U421A-B[20241224235911].pdf&TC=DwnCmd&GSRI_DOC=GSRI&SPEC_DOWNLOAD=N"
+    }    
+];

  const setEnactFitZIndex = (zIndexValue) => {
    const target = document.getElementById("floatLayer");
@@ -211,7 +211,7 @@ export default function ThemeItemCard({
              ))}
            </div>
          )} */}
-          {/* {mockEnergyLabel && mockEnergyLabel.length > 0 && (
+          {mockEnergyLabel && mockEnergyLabel.length > 0 && (
            <div className={css.energyLabels}>
              {mockEnergyLabel.map((label, labelIndex) => (
                <SpottableTemp
@@ -228,7 +228,7 @@ export default function ThemeItemCard({
                </SpottableTemp>
              ))}
            </div>
-          )} */}
+          )}
        </div>
      </SpottableDiv>
      {(() => {
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.jsx
@@ -93,6 +93,9 @@ export default function THeaderCustom({
          role="button"
        />
      )}
+      {type === "theme" && themeTitle && (
+      <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: themeTitle }} />        
+      )}
      {kind ? (
        ""
      ) : (
@@ -104,9 +107,6 @@ export default function THeaderCustom({
          }}
        />
      )}
-      {type === "theme" && themeTitle && (
-        <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: `[${themeTitle}]` }} />        
-      )}
      <Marquee
        marqueeOn="render"
        className={css.title}
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/THeaderCustom.module.less
@@ -61,5 +61,4 @@
  color: #eaeaea;
  width: max-content;
  margin-right: 20px;
-  margin-left: 10px;
 }
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/TScroller/TScrollerDetail.jsx
@@ -1,26 +1,14 @@
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useRef, useState, useMemo, forwardRef } from 'react';

 import classNames from 'classnames';
 import { useSelector } from 'react-redux';

-import {
-  off,
-  on,
-} from '@enact/core/dispatcher';
+import { off, on } from '@enact/core/dispatcher';
 import { Job } from '@enact/core/util';
 import Scroller from '@enact/sandstone/Scroller';
 import Spotlight from '@enact/spotlight';

-import AutoScrollAreaDetail, {
-  POSITION,
-} from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
+import AutoScrollAreaDetail, { POSITION } from '../AutoScrollAreaDetail/AutoScrollAreaDetail';
 import css from './TScrollerDetail.module.less';

 /**
@@ -218,8 +206,7 @@ const TScrollerDetail = forwardRef(
          onScrollStop={_onScrollStop}
          onScroll={_onScroll}
          scrollMode={scrollMode || 'translate'}
-          // focusableScrollbar={focusableScrollbar}
-          focusableScrollbar={false}
+          focusableScrollbar={focusableScrollbar}
          className={classNames(isMounted && css.tScroller, noScrollByWheel && css.preventScroll)}
          direction={direction}
          horizontalScrollbar={horizontalScrollbar}
--- a/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
+++ b/com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShowsContents/RecommendedShowsProductList/RecommendedShowsProductList.jsx
@@ -5,8 +5,8 @@ import { useDispatch, useSelector } from "react-redux";
 import { Job } from "@enact/core/util";
 import Spotlight from "@enact/spotlight";

-import { pushPanel, updatePanel } from "../../../../../actions/panelActions";
-// import { startVideoPlayer } from "../../../../../actions/playActions";
+import { updatePanel } from "../../../../../actions/panelActions";
+import { startVideoPlayer } from "../../../../../actions/playActions";
 import TItemCard, {
  removeDotAndColon,
 } from "../../../../../components/TItemCard/TItemCard";
@@ -113,36 +113,27 @@ export default function RecommendedShowsProductList({
        );
      }

-      // 🆕 DetailPanel로 이동 (ShopByShow 방식)
+      let y =
+        index < 2
+          ? 0
+          : index === 2
+          ? scaleH(208)
+          : scaleH(index * 248 - 248 - 40);
+
      dispatch(
-        pushPanel({
-          name: panel_names.DETAIL_PANEL,
-          panelInfo: { patnrId, prdtId },
+        startVideoPlayer({
+          modal: false,
+          patnrId,
+          prdtId,
+          showId,
+          shptmBanrTpNm: "VOD",
+          thumbnail: videoThumbnail,
+          targetId: "spotlightId-" + prdtId,
+          y,
        })
      );
-
-      // 🔴 기존 PlayerPanel 로직 (주석처리)
-      // let y =
-      //   index < 2
-      //     ? 0
-      //     : index === 2
-      //     ? scaleH(208)
-      //     : scaleH(index * 248 - 248 - 40);
-      //
-      // dispatch(
-      //   startVideoPlayer({
-      //     modal: false,
-      //     patnrId,
-      //     prdtId,
-      //     showId,
-      //     shptmBanrTpNm: "VOD",
-      //     thumbnail: videoThumbnail,
-      //     targetId: "spotlightId-" + prdtId,
-      //     y,
-      //   })
-      // );
    },
-    [catCd, dispatch, patnrId]
+    [catCd, dispatch, patnrId, showId, videoThumbnail]
  );

  const handleFocus = useCallback(() => {
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
@@ -6,11 +6,7 @@ import Spotlight from '@enact/spotlight';
 import { SpotlightContainerDecorator } from '@enact/spotlight/SpotlightContainerDecorator';
 import Spottable from '@enact/spotlight/Spottable';

-import {
-  navigateFromBestSeller,
-  pushPanel,
-  updatePanel,
-} from '../../../actions/panelActions';
+import { pushPanel, updatePanel, navigateFromBestSeller } from '../../../actions/panelActions';
 import { navigateToDetailFromHome } from '../../../actions/panelNavigationActions';
 import SectionTitle from '../../../components/SectionTitle/SectionTitle';
 import Tag from '../../../components/TItemCard/Tag';
@@ -19,20 +15,13 @@ import TItemCardNew from '../../../components/TItemCard/TItemCard.new';
 import TScroller from '../../../components/TScroller/TScroller';
 import useScrollReset from '../../../hooks/useScrollReset';
 import useScrollTo from '../../../hooks/useScrollTo';
-import {
-  LOG_CONTEXT_NAME,
-  LOG_MESSAGE_ID,
-  panel_names,
-} from '../../../utils/Config';
+import { LOG_CONTEXT_NAME, LOG_MESSAGE_ID, panel_names } from '../../../utils/Config';
 import { $L, scaleW } from '../../../utils/helperMethods';
 import { SpotlightIds } from '../../../utils/SpotlightIds';
 import css from './BestSeller.module.less';

 const SpottableComponent = Spottable('div');
-const Container = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
-);
+const Container = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');

 const BestSeller = ({
  order,
@@ -44,26 +33,15 @@ const BestSeller = ({
  shelfTitle,
 }) => {
  const { getScrollTo, scrollLeft } = useScrollTo();
-  const { handleScrollReset, handleStopScrolling } = useScrollReset(
-    scrollLeft,
-    true
-  );
+  const { handleScrollReset, handleStopScrolling } = useScrollReset(scrollLeft, true);

  const dispatch = useDispatch();

  const { cursorVisible } = useSelector((state) => state.common.appStatus);

-  const bestSellerDatas = useSelector(
-    (state) => state.product.bestSellerData?.bestSeller
-  );
+  const bestSellerDatas = useSelector((state) => state.product.bestSellerData?.bestSeller);

-  const bestSellerNewDatas = useSelector(
-    (state) => state.foryou?.recommendInfo?.recommendProduct
-  );
-
-  const { userNumber } = useSelector(
-    (state) => state.common.appStatus.loginUserData
-  );
+  const bestSellerNewDatas = useSelector((state) => state.foryou?.recommendInfo?.recommendProduct);

  const [drawChk, setDrawChk] = useState(false);
  const [firstChk, setFirstChk] = useState(0);
@@ -73,14 +51,11 @@ const BestSeller = ({

  useEffect(() => {
    setBestInfos(
-      bestSellerNewDatas?.filter(
-        (item) => item.recommendTpCd === 'BESTSELLER'
-      ) || [] // 기본값으로 빈 배열 설정
+      bestSellerNewDatas?.filter((item) => item.recommendTpCd === 'BESTSELLER') || [] // 기본값으로 빈 배열 설정
    );
  }, [bestSellerNewDatas]);

  useEffect(() => {
-    if (userNumber) {
    if (!bestInfos || bestInfos.length === 0) {
      const baseData =
        bestSellerDatas?.map((item) => ({
@@ -97,9 +72,7 @@ const BestSeller = ({
        foryou: true,
      })) || [];

-      const recommendedPrdtIds = new Set(
-        recommendedData.map((item) => item.prdtId)
-      );
+    const recommendedPrdtIds = new Set(recommendedData.map((item) => item.prdtId));

    const baseData =
      bestSellerDatas?.map((item) => ({
@@ -108,10 +81,7 @@ const BestSeller = ({
      })) || [];

    setBestItemNewData(baseData);
-    } else {
-      setBestItemNewData(bestSellerDatas);
-    }
-  }, [bestSellerDatas, bestInfos, userNumber]);
+  }, [bestSellerDatas, bestInfos]);

  const orderStyle = useMemo(() => ({ order: order }), [order]);

@@ -174,10 +144,7 @@ const BestSeller = ({
        if (c) {
          let cAriaLabel = c.getAttribute('aria-label');
          if (cAriaLabel) {
-            const newcAriaLabel = cAriaLabel.replace(
-              'Best Seller, Heading 1,',
-              ''
-            );
+            const newcAriaLabel = cAriaLabel.replace('Best Seller, Heading 1,', '');
            c.setAttribute('aria-label', newcAriaLabel);
          }
        }
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBanner.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/HomeBanner.jsx
@@ -54,9 +54,6 @@ export default function HomeBanner({

  const popupVisible = useSelector((state) => state.common.popup.popupVisible);
  const panels = useSelector((state) => state.panels.panels);
-  const isDeepLinkEntry = useSelector(
-    (state) => state.home.homeInfo?.panelInfo?.isDeepLinkEntry
-  );
  // 🔽 useFocusHistory - 경량화된 범용 포커스 히스토리
  const focusHistory = useFocusHistory({
    enableLogging: true,
@@ -167,11 +164,10 @@ export default function HomeBanner({
      videoData = targetBannerData.bannerDetailInfos?.[0];
    }

-    // 🔽 [251221] DetailPanel이나 DeepLink PlayerPanel이 떠 있으면 배너 자동 재생 스킵
+    // DetailPanel이 떠 있는 동안에는 배너 자동 재생을 스킵 (PlayerPanel 모달 재설정 방지)
    const hasDetailPanel = panels.some((p) => p.name === panel_names.DETAIL_PANEL);
-    const hasPlayerPanel = panels.some((p) => p.name === panel_names.PLAYER_PANEL);

-    if (!hasDetailPanel && !hasPlayerPanel && !isDeepLinkEntry && videoData && (videoData.shptmBanrTpNm === 'LIVE' || videoData.shptmBanrTpNm === 'VOD')) {
+    if (!hasDetailPanel && videoData && (videoData.shptmBanrTpNm === 'LIVE' || videoData.shptmBanrTpNm === 'VOD')) {
      console.log('[HomeBanner] 초기 비디오 자동 재생:', defaultFocus);

      dispatch(
@@ -189,7 +185,7 @@ export default function HomeBanner({
        })
      );
    }
-  }, [bannerDataList, defaultFocus, dispatch, panels, isDeepLinkEntry]);
+  }, [bannerDataList, defaultFocus, dispatch, panels]);

  const renderItem = useCallback(
    (index, isHorizontal) => {
--- a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx
@@ -7,7 +7,10 @@ import React, {
 } from 'react';

 import classNames from 'classnames';
-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 import { applyMiddleware } from 'redux';

 import Spotlight from '@enact/spotlight';
@@ -20,11 +23,11 @@ import {
 import hsn from '../../../assets/images/bg/hsn_new.png';
 import koreaKiosk from '../../../assets/images/bg/koreaKiosk_new.png';
 import lgelectronics from '../../../assets/images/bg/lgelectronics_new.png';
-import nbcu from '../../../assets/images/bg/nbcu_new.png';
 import ontv4u from '../../../assets/images/bg/ontv4u_new.png';
 import Pinkfong from '../../../assets/images/bg/Pinkfong_new.png';
 import qvc from '../../../assets/images/bg/qvc_new.png';
 import shoplc from '../../../assets/images/bg/shoplc_new.png';
+import nbcu from '../../../assets/images/bg/nbcu_new.png';
 import { types } from '../../actions/actionTypes';
 import {
  changeAppStatus,
@@ -42,8 +45,14 @@ import {
  getHomeMainContents,
  updateHomeInfo,
 } from '../../actions/homeActions';
-import { sendLogGNB, sendLogTotalRecommend } from '../../actions/logActions';
-import { getSubCategory, getTop20Show } from '../../actions/mainActions';
+import {
+  sendLogGNB,
+  sendLogTotalRecommend,
+} from '../../actions/logActions';
+import {
+  getSubCategory,
+  getTop20Show,
+} from '../../actions/mainActions';
 import { setMyPageTermsAgree } from '../../actions/myPageActions';
 import { getHomeOnSaleInfo } from '../../actions/onSaleActions';
 import { updatePanel } from '../../actions/panelActions';
@@ -60,7 +69,8 @@ import TButton, { TYPES } from '../../components/TButton/TButton';
 import TPanel from '../../components/TPanel/TPanel';
 import TNewPopUp from '../../components/TPopUp/TNewPopUp';
 import TPopUp from '../../components/TPopUp/TPopUp';
-import TVerticalPagenator from '../../components/TVerticalPagenator/TVerticalPagenator';
+import TVerticalPagenator
+  from '../../components/TVerticalPagenator/TVerticalPagenator';
 import useDebugKey from '../../hooks/useDebugKey';
 import { useFocusHistory } from '../../hooks/useFocusHistory/useFocusHistory';
 import usePrevious from '../../hooks/usePrevious';
@@ -168,113 +178,68 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
  // });
  const isGnbOpened = useSelector((state) => state.common.isGnbOpened);
  const homeLayoutInfo = useSelector((state) => state.home.layoutData);
-  const panelInfo = useSelector(
-    (state) => state.home.homeInfo?.panelInfo ?? {}
-  );
+  const panelInfo = useSelector((state) => state.home.homeInfo?.panelInfo ?? {});
  const panels = useSelector((state) => state.panels.panels);
-  const webOSVersion = useSelector(
-    (state) => state.common.appStatus?.webOSVersion
-  );
+  const webOSVersion = useSelector((state) => state.common.appStatus?.webOSVersion);
  const enterThroughGNB = useSelector((state) => state.home.enterThroughGNB);
  const defaultFocus = useSelector((state) => state.home.defaultFocus);
-  const bannerDataList = useSelector(
-    (state) => state.home.bannerData?.bannerInfos
-  );
+  const bannerDataList = useSelector((state) => state.home.bannerData?.bannerInfos);

  // ✅ PlayerPanel의 shouldShrinkTo1px 상태 추적
  const playerPanelShouldShrink = useSelector((state) => {
-    const playerPanel = state.panels.panels.find(
-      (p) => p.name === panel_names.PLAYER_PANEL
-    );
+    const playerPanel = state.panels.panels.find((p) => p.name === panel_names.PLAYER_PANEL);
    return playerPanel?.panelInfo?.shouldShrinkTo1px ?? false;
  });

  // ✅ PlayerPanel의 modal 상태 추적 (false → true 감지용)
  const playerModalState = useSelector((state) => {
-    const playerPanel = state.panels.panels.find(
-      (p) => p.name === panel_names.PLAYER_PANEL
-    );
+    const playerPanel = state.panels.panels.find((p) => p.name === panel_names.PLAYER_PANEL);
    return playerPanel?.panelInfo?.modal ?? false;
  });
  const prevPlayerModalStateRef = useRef(false);

-  const categoryInfos = useSelector(
-    (state) => state.onSale.homeOnSaleData?.data?.categoryInfos
-  );
+  const categoryInfos = useSelector((state) => state.onSale.homeOnSaleData?.data?.categoryInfos);

-  const categoryItemInfos = useSelector(
-    (state) => state.main.subCategoryData?.categoryItemInfos
-  );
+  const categoryItemInfos = useSelector((state) => state.main.subCategoryData?.categoryItemInfos);

-  const { popupVisible, activePopup } = useSelector(
-    (state) => state.common.popup
-  );
+  const { popupVisible, activePopup } = useSelector((state) => state.common.popup);

-  const eventPopInfosData = useSelector(
-    (state) => state.event.eventData.eventPopInfo
-  );
+  const eventPopInfosData = useSelector((state) => state.event.eventData.eventPopInfo);
  const eventData = useSelector((state) => state.event.eventData);
-  const eventClickSuccess = useSelector(
-    (state) => state.event.eventClickSuccess
-  );
-  const homeOnSaleInfos = useSelector(
-    (state) => state.onSale.homeOnSaleData?.data.homeOnSaleInfos
-  );
-  const bestSellerDatas = useSelector(
-    (state) => state.product.bestSellerData?.bestSeller
-  );
+  const eventClickSuccess = useSelector((state) => state.event.eventClickSuccess);
+  const homeOnSaleInfos = useSelector((state) => state.onSale.homeOnSaleData?.data.homeOnSaleInfos);
+  const bestSellerDatas = useSelector((state) => state.product.bestSellerData?.bestSeller);
  const topInfos = useSelector((state) => state.main.top20ShowData.topInfos);
-  const isDeepLink = useSelector(
-    (state) => state.common.deepLinkInfo.isDeepLink
-  );
+  const isDeepLink = useSelector((state) => state.common.deepLinkInfo.isDeepLink);

  // 선택약관 관련 Redux 상태
  const termsData = useSelector((state) => state.home.termsData);
  const termsIdMap = useSelector((state) => state.home.termsIdMap);
-  const optionalTermsAvailable = useSelector(
-    (state) => state.home.optionalTermsAvailable
-  );
+  const optionalTermsAvailable = useSelector((state) => state.home.optionalTermsAvailable);
  const optionalTermsData = useSelector((state) => {
-    if (
-      state.home.termsData &&
-      state.home.termsData.data &&
-      state.home.termsData.data.terms
-    ) {
-      return state.home.termsData.data.terms.find(
-        (term) => term.trmsTpCd === 'MST00405'
-      );
+    if (state.home.termsData && state.home.termsData.data && state.home.termsData.data.terms) {
+      return state.home.termsData.data.terms.find((term) => term.trmsTpCd === 'MST00405');
    }
    return null;
  });
  const termsLoading = useSelector((state) => state.common.termsLoading);
  const currentTermsFlag = useSelector((state) => state.common.termsFlag);
-  const optionalTermsPopupFlow = useSelector(
-    (state) => state.common.optionalTermsPopupFlow
-  );
-
-  const { userNumber } = useSelector(
-    (state) => state.common.appStatus.loginUserData
-  );
+  const optionalTermsPopupFlow = useSelector((state) => state.common.optionalTermsPopupFlow);

  const [btnDisabled, setBtnDisabled] = useState(true);
  const [arrowBottom, setArrowBottom] = useState(true);
  const [firstSpot, setFirstSpot] = useState(false);
  const [eventPopOpen, setEventPopOpen] = useState(false);
  const [nowShelf, setNowShelf] = useState(panelInfo.nowShelf);
-  const [firstLgCatCd, setFirstLgCatCd] = useState(
-    panelInfo.currentCatCd ?? null
-  );
+  const [firstLgCatCd, setFirstLgCatCd] = useState(panelInfo.currentCatCd ?? null);
  const [cateCd, setCateCd] = useState(panelInfo.currentCatCd ?? null);
  const [cateNm, setCateNm] = useState(panelInfo.currentCateName ?? null);
  // 선택약관 팝업 상태
-  const [isOptionalConfirmVisible, setIsOptionalConfirmVisible] =
-    useState(false);
+  const [isOptionalConfirmVisible, setIsOptionalConfirmVisible] = useState(false);
  const [isOptionalTermsVisible, setIsOptionalTermsVisible] = useState(false);
  const [optionalTermsAgreed, setOptionalTermsAgreed] = useState(false);
  const { entryMenu, nowMenu } = useSelector((state) => state.common.menu);
-  const [focusedContainerId, setFocusedContainerId] = useState(
-    panelInfo.focusedContainerId
-  );
+  const [focusedContainerId, setFocusedContainerId] = useState(panelInfo.focusedContainerId);
  // DetailPanel 진입 시 포커스 대상 저장
  const lastFocusedTargetRef = useRef(panelInfo.lastFocusedTargetId || null);

@@ -289,9 +254,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
  useEffect(() => {
    if (prevIsOnTopRef.current && !isOnTop) {
      const current = Spotlight.getCurrent();
-      const tBody = document.querySelector(
-        `[data-spotlight-id="${SpotlightIds.HOME_TBODY}"]`
-      );
+      const tBody = document.querySelector(`[data-spotlight-id="${SpotlightIds.HOME_TBODY}"]`);

      if (current && tBody && tBody.contains(current)) {
        const targetId = current.getAttribute('data-spotlight-id');
@@ -323,9 +286,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
      ImagePreloader.preloadAllImages(BACKGROUND_IMAGES)
        .then((results) => {
          const successCount = results.filter((r) => r !== null).length;
-          dlog(
-            `[HomePanel] Background images preloaded: ${successCount}/${results.length} images`
-          );
+          dlog(`[HomePanel] Background images preloaded: ${successCount}/${results.length} images`);

          // 프리로딩 통계 정보 로깅 (디버깅용)
          const stats = ImagePreloader.getStats();
@@ -351,9 +312,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {

  const sortedHomeLayoutInfo = useMemo(() => {
    if (homeLayoutInfo && homeLayoutInfo.homeLayoutInfo) {
-      const sorted = [...homeLayoutInfo.homeLayoutInfo].sort(
-        (x, y) => x.expsOrd - y.expsOrd
-      );
+      const sorted = [...homeLayoutInfo.homeLayoutInfo].sort((x, y) => x.expsOrd - y.expsOrd);
      return sorted;
    }
    return [];
@@ -378,9 +337,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
  const expandAttemptRef = useRef(0); // 복구 시도 횟수

  const loadingComplete = useSelector((state) => state.common?.loadingComplete);
-  const isVideoTransitionLocked = useSelector(
-    (state) => state.home.videoTransitionLocked
-  );
+  const isVideoTransitionLocked = useSelector((state) => state.home.videoTransitionLocked);

  // 선택약관 동의 핸들러
  const handleOptionalAgree = useCallback(() => {
@@ -460,7 +417,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
    });
    setTimeout(()=>{
      Spotlight.focus('home_tbody');
-    }, 100);
+    },100)
  }, [handleOptionalAgree, dispatch, currentTermsFlag]);

  const handleOptionalDeclineClick = useCallback(() => {
@@ -471,7 +428,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
    setIsOptionalConfirmVisible(false);
    setTimeout(()=>{
      Spotlight.focus('home_tbody');
-    }, 100);
+    },100)
  }, [dispatch]);

  const handleTermsPopupClosed = useCallback(() => {
@@ -542,12 +499,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {

      return () => clearTimeout(timer);
    }
-  }, [
-    shouldShowOptionalTermsPopup,
-    termsLoading,
-    isOptionalConfirmVisible,
-    dispatch,
-  ]);
+  }, [shouldShowOptionalTermsPopup, termsLoading, isOptionalConfirmVisible, dispatch]);

  const onCancel = useCallback(() => {
    const currentSpot = Spotlight.getCurrent();
@@ -598,8 +550,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
      const containerId = sortedHomeLayoutInfo[0].shptmApphmDspyOptCd;
      const navigableEls = getContainerNavigableElements(containerId);
      const navigableIds = navigableEls.filter((el) => typeof el === 'string');
-      const target =
-        containerId === TEMPLATE_CODE_CONF.TOP ? 'banner0' : containerId;
+      const target = containerId === TEMPLATE_CODE_CONF.TOP ? 'banner0' : containerId;

      if (navigableIds.length > 0) {
        setContainerLastFocusedElement(null, navigableIds);
@@ -675,9 +626,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
                <HomeBanner
                  key={el.shptmApphmDspyOptCd}
                  spotlightId={el.shptmApphmDspyOptCd}
-                  firstSpot={
-                    !panelInfo.focusedContainerId && !panelInfo.currentSpot
-                  }
+                  firstSpot={!panelInfo.focusedContainerId && !panelInfo.currentSpot}
                  className={css.homeBannerWrap}
                  handleShelfFocus={handleItemFocus(
                    el.shptmApphmDspyOptCd,
@@ -769,7 +718,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
              } else break;
            }
            case TEMPLATE_CODE_CONF.PICK_FOR_YOU: {
-              if (userNumber) {
+              if (bestSellerDatas && bestSellerDatas.length > 0) {
                return (
                  <PickedForYou
                    key={el.shptmApphmDspyOptCd}
@@ -788,9 +737,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
            }
          }
        })}
-        {loadingComplete &&
-          sortedHomeLayoutInfo &&
-          sortedHomeLayoutInfo.length > 0 && (
+        {loadingComplete && sortedHomeLayoutInfo && sortedHomeLayoutInfo.length > 0 && (
          <TButton
            className={css.tButton}
            onClick={handleTopButtonClick}
@@ -967,9 +914,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
      // console.log('[HomePanel] playVideo 호출 완료');

      if (isDeepLink || (!panels.length && !panelInfo.focusedContainerId)) {
-        dispatch(
-          changeAppStatus({ showLoadingPanel: { show: true, type: 'wait' } })
-        );
+        dispatch(changeAppStatus({ showLoadingPanel: { show: true, type: 'wait' } }));
        dispatch(getHomeMainContents());
        dispatch(getHomeLayout());
        dispatch(
@@ -1126,9 +1071,6 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
  const detailPanelClosedTime = useSelector(
    (state) => state.home.homeInfo?.panelInfo?.detailPanelClosedAt
  );
-  const isDeepLinkEntry = useSelector(
-    (state) => state.home.homeInfo?.panelInfo?.isDeepLinkEntry
-  );

  useEffect(() => {
    if (detailPanelClosed && isOnTop) {
@@ -1140,18 +1082,9 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
      // console.log('[HomePanel] *** videoPlayIntentRef.current:', videoPlayIntentRef.current);
      // console.log('[HomePanel] *** lastPlayedBannerIdRef.current:', lastPlayedBannerIdRef.current);

-      // 🔽 [251221] DeepLink로 PlayerPanel이 진입한 경우 자동 재생 스킵
-      // (플래그 리셋은 PlayerPanel cleanup에서 처리하므로 여기서는 스킵만)
-      if (isDeepLinkEntry) {
-        dlog('[HomePanel] *** [DeepLink] isDeepLinkEntry=true 감지 - 자동 재생 스킵');
-        return;
-      }
-
      // 🔽 videoPlayIntentRef가 null인 경우: 비디오 재생 가능한 첫 번째 배너 찾기
      if (!videoPlayIntentRef.current && bannerDataList) {
-        dlog(
-          '[HomePanel] *** videoPlayIntentRef가 null - 첫 번째 비디오 배너 검색'
-        );
+        dlog('[HomePanel] *** videoPlayIntentRef가 null - 첫 번째 비디오 배너 검색');

        // HomeBanner.jsx의 defaultFocus 계산 로직과 동일
        let targetIndex = 0;
@@ -1205,10 +1138,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
          };

          lastPlayedBannerIdRef.current = bannerId;
-          dlog(
-            '[HomePanel] *** videoPlayIntentRef 설정 완료:',
-            videoPlayIntentRef.current
-          );
+          dlog('[HomePanel] *** videoPlayIntentRef 설정 완료:', videoPlayIntentRef.current);
        } else {
          dlog('[HomePanel] *** ⚠️ 비디오 재생 가능한 배너를 찾지 못함');
        }
@@ -1251,8 +1181,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {

        // 🔽 DetailPanel에서 돌아온 뒤 포커스를 마지막 포커스 대상에 복원
        dlog('[HomePanel] *** 🎯 Focus 복원 준비');
-        const targetFocusId =
-          panelInfo.lastFocusedTargetId || lastFocusedTargetRef.current;
+        const targetFocusId = panelInfo.lastFocusedTargetId || lastFocusedTargetRef.current;
        dlog(
          '[HomePanel] *** 📍 targetFocusId:',
          targetFocusId,
@@ -1290,7 +1219,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
        );
      }
    }
-  }, [detailPanelClosed, isOnTop, bannerDataList, isDeepLinkEntry, dispatch]);
+  }, [detailPanelClosed, isOnTop, bannerDataList, dispatch]);
  // =======
  //     const justCameBack = !prevIsOnTopRef.current && isOnTop;

@@ -1321,9 +1250,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
        targetSpotlightCateNm = c.getAttribute('data-catcd-nm');
      }

-      const tBody = document.querySelector(
-        `[data-spotlight-id="${SpotlightIds.HOME_TBODY}"]`
-      );
+      const tBody = document.querySelector(`[data-spotlight-id="${SpotlightIds.HOME_TBODY}"]`);
      const currentSpot = c && tBody.contains(c) ? targetSpotlightId : null;

      dispatch(checkEnterThroughGNB(false));
@@ -1336,8 +1263,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
            currentCateName: targetSpotlightCateNm,
            // <<<<<<< HEAD
            focusedContainerId: focusedContainerIdRef.current,
-            lastFocusedTargetId:
-              lastFocusedTargetRef.current || panelInfo.lastFocusedTargetId,
+            lastFocusedTargetId: lastFocusedTargetRef.current || panelInfo.lastFocusedTargetId,
            // =======
            //             focusedContainerId: focusedContainerId,
            // >>>>>>> gitlab/develop
@@ -1413,9 +1339,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
    <>
      {/* HomePanel용 메모리 상주 그라데이션 배경 */}
      <div
-        className={classNames(css.gradientBackground, {
-          [css.visible]: showGradientBackground,
-        })}
+        className={classNames(css.gradientBackground, { [css.visible]: showGradientBackground })}
        aria-hidden="true"
      />

@@ -1445,10 +1369,7 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
        )}

        {arrowBottom && (
-          <p
-            className={classNames(css.arrow, css.arrowBottom)}
-            onClick={handleArrowClick}
-          />
+          <p className={classNames(css.arrow, css.arrowBottom)} onClick={handleArrowClick} />
        )}

        {activePopup === ACTIVE_POPUP.exitPopup && (
@@ -1465,8 +1386,9 @@ const HomePanel = ({ isOnTop, showGradientBackground = false }) => {
            text={$L('Are you sure you want to exit Shop Time?')}
          />
        )}
-        {(activePopup === ACTIVE_POPUP.eventPopup ||
-          activePopup === ACTIVE_POPUP.smsPopup) && <EventPopUpBanner />}
+        {(activePopup === ACTIVE_POPUP.eventPopup || activePopup === ACTIVE_POPUP.smsPopup) && (
+          <EventPopUpBanner />
+        )}
        {/* 선택약관 동의 팝업 */}
        <OptionalConfirm
          open={isOptionalConfirmVisible}
--- a/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
@@ -1,14 +1,24 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';

-import { useDispatch, useSelector } from 'react-redux';
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';

 import Spotlight from '@enact/spotlight';
-import { SpotlightContainerDecorator } from '@enact/spotlight/SpotlightContainerDecorator';
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
 import Spottable from '@enact/spotlight/Spottable';
 import { getContainerId } from '@enact/spotlight/src/container';

 import { updateHomeInfo } from '../../../actions/homeActions';
-import { popPanel, pushPanel } from '../../../actions/panelActions';
+import { pushPanel, popPanel } from '../../../actions/panelActions';
 import { startVideoPlayer } from '../../../actions/playActions';
 import SectionTitle from '../../../components/SectionTitle/SectionTitle';
 import Tag from '../../../components/TItemCard/Tag';
@@ -25,15 +35,18 @@ import {
  LOG_MESSAGE_ID,
  panel_names,
 } from '../../../utils/Config';
-import { $L, scaleW } from '../../../utils/helperMethods';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
 import { SpotlightIds } from '../../../utils/SpotlightIds';
 import { TEMPLATE_CODE_CONF } from '../HomePanel';
 import css from '../PopularShow/PopularShow.module.less';

-const SpottableComponent = Spottable('div');
+const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
+  { enterTo: "last-focused" },
+  "div"
 );

 const PopularShow = ({
@@ -59,13 +72,9 @@ const PopularShow = ({
  const panels = useSelector((state) => state.panels.panels);

  const topInfos = useSelector((state) => state.main.top20ShowData.topInfos);
-  const recommendInfo = useSelector(
-    (state) => state.foryou?.recommendInfo?.recommendShow
-  );
+  const recommendInfo = useSelector((state) => state.foryou?.recommendInfo?.recommendShow);
+

-  const { userNumber } = useSelector(
-    (state) => state.common.appStatus.loginUserData
-  );

  const orderStyle = useMemo(() => ({ order: order }), [order]);
  const [drawChk, setDrawChk] = useState(false);
@@ -80,16 +89,15 @@ const PopularShow = ({

  useEffect(()=>{
    setShowInfos(
-      recommendInfo?.filter((item) => item.recommendTpCd === 'POPULARSHOW') ||
-        []
-    );
-  }, [recommendInfo]);
+      recommendInfo?.filter(
+        (item) => item.recommendTpCd === "POPULARSHOW"
+      ) || []
+    )
+  },[recommendInfo])

  useEffect(() => {
-    if (userNumber) {
    if (!showInfos || showInfos.length === 0) {
-        const baseData =
-          topInfos?.map((item) => ({
+      const baseData = topInfos?.map((item) => ({
        ...item,
        foryou: false,
      })) || [];
@@ -97,27 +105,23 @@ const PopularShow = ({
      return;
    }

-      const recommendedData =
-        showInfos[0].showInfos?.map((item) => ({
+    const recommendedData = showInfos[0].showInfos?.map((item) => ({
      ...item,
      foryou: true,
    })) || [];

-      const recommendedPrdtIds = new Set(
-        recommendedData?.map((item) => item.showId)
-      );
+    const recommendedPrdtIds = new Set(recommendedData?.map(item => item.showId));

-      const baseData =
-        topInfos?.map((item) => ({
+    const baseData = topInfos?.map((item) => ({
      ...item,
      foryou: recommendedPrdtIds.has(item.showId),
    })) || [];

    setShowNewInfos([ ...baseData]);
-    } else {
-      setShowNewInfos(topInfos);
-    }
-  }, [topInfos, showInfos, userNumber]);
+
+  }, [topInfos, showInfos]);
+
+

  const handleCardClick = useCallback(
    (patnrId, showId, catCd, showUrl) => () => {
@@ -131,7 +135,7 @@ const PopularShow = ({
        startVideoPlayer({
          showId,
          patnrId,
-          shptmBanrTpNm: 'VOD',
+          shptmBanrTpNm: "VOD",
          lgCatCd: catCd,
          modal: false,
          showUrl: showUrl,
@@ -147,7 +151,7 @@ const PopularShow = ({
        {
          name: panel_names.TRENDING_NOW_PANEL,
          panelInfo: {
-            pageName: 'PS',
+            pageName: "PS",
            focusedContainerId: SpotlightIds.TRENDING_NOW_POPULAR_SHOW,
          },
        },
@@ -175,23 +179,23 @@ const PopularShow = ({

      if (firstChk === 0 && itemIndex === 0) {
        const c = Spotlight.getCurrent();
-        const getAriaLabel = c.getAttribute('aria-label');
+        const getAriaLabel = c.getAttribute("aria-label");
        if (c) {
-          let cAriaLabel = c.getAttribute('aria-label');
-          cAriaLabel = 'POPULAR SHOW, Heading 1,' + cAriaLabel;
-          c.setAttribute('aria-label', cAriaLabel);
+          let cAriaLabel = c.getAttribute("aria-label");
+          cAriaLabel = "POPULAR SHOW, Heading 1," + cAriaLabel;
+          c.setAttribute("aria-label", cAriaLabel);
        }
        setFirstChk(1);
      } else if (firstChk === 1 && itemIndex === 0) {
        const c = Spotlight.getCurrent();
        if (c) {
-          let cAriaLabel = c.getAttribute('aria-label');
+          let cAriaLabel = c.getAttribute("aria-label");
          if (cAriaLabel) {
            const newcAriaLabel = cAriaLabel.replace(
-              'POPULAR SHOW, Heading 1,',
-              ''
+              "POPULAR SHOW, Heading 1,",
+              ""
            );
-            c.setAttribute('aria-label', newcAriaLabel);
+            c.setAttribute("aria-label", newcAriaLabel);
          }
        }
      } else {
@@ -242,7 +246,7 @@ const PopularShow = ({
    >
      <SectionTitle
        className={css.subTitle}
-        title={$L('POPULAR SHOW')}
+        title={$L("POPULAR SHOW")}
        data-title-index="homePopularShow"
        label="POPULAR SHOW"
      />
@@ -289,8 +293,8 @@ const PopularShow = ({
                  showId={showId}
                  showTitle={showNm}
                  imageSource={
-                    thumbnailUrl && thumbnailUrl960
-                      ? thumbnailUrl !== thumbnailUrl960
+                    (thumbnailUrl && thumbnailUrl960) ?
+                    thumbnailUrl !== thumbnailUrl960
                      ? thumbnailUrl960
                      : thumbnailUrl
                    : thumbnailUrl
@@ -300,7 +304,7 @@ const PopularShow = ({
                  nonPosition={true}
                  type={TYPES.videoShow}
                  imgType={
-                    vtctpYn !== 'Y'
+                    vtctpYn !== "Y"
                      ? IMAGETYPES.imgHorizontal
                      : IMAGETYPES.imgVertical
                  }
@@ -309,11 +313,11 @@ const PopularShow = ({
                  onFocus={handleFocus(itemIndex)}
                  onBlur={handleBlur(itemIndex)}
                  onClick={handleCardClick(patnrId, showId, catCd, showUrl)}
-                  firstLabel={patncNm + ' '}
-                  label={itemIndex * 1 + 1 + ' of ' + showNewInfos.length}
+                  firstLabel={patncNm + " "}
+                  label={itemIndex * 1 + 1 + " of " + showNewInfos.length}
                  lastLabel=" go to detail, button"
                >
-                  {foryou === true && <Tag text={'For You'} />}
+                  {foryou === true && <Tag text={"For You"} />}
                </TItemCardNew>
              );
            }
@@ -325,7 +329,7 @@ const PopularShow = ({
              className={css.displayBox}
              onClick={handleMoreCardClick}
              onFocus={_handleItemFocus}
-              spotlightId={'home-popularshow-more-btn'}
+              spotlightId={"home-popularshow-more-btn"}
            ></SpottableComponent>
          </div>
        )}
--- a/com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/SubCategory/SubCategory.jsx
@@ -8,32 +8,21 @@ import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';

 import { sendLogCuration } from '../../../actions/logActions';
 import { getSubCategory } from '../../../actions/mainActions';
-import {
-  navigateFromSubCategory,
-  pushPanel,
-} from '../../../actions/panelActions';
+import { pushPanel, navigateFromSubCategory } from '../../../actions/panelActions';
 import Tag from '../../../components/TItemCard/Tag';
 import TItemCardNew from '../../../components/TItemCard/TItemCard.new';
 import TScroller from '../../../components/TScroller/TScroller';
 import usePrevious from '../../../hooks/usePrevious';
 import useScrollReset from '../../../hooks/useScrollReset';
 import useScrollTo from '../../../hooks/useScrollTo';
-import {
-  LOG_CONTEXT_NAME,
-  LOG_MESSAGE_ID,
-  LOG_TP_NO,
-  panel_names,
-} from '../../../utils/Config';
+import { LOG_CONTEXT_NAME, LOG_MESSAGE_ID, LOG_TP_NO, panel_names } from '../../../utils/Config';
 import { SpotlightIds } from '../../../utils/SpotlightIds';
 import CategoryNav from '../../HomePanel/SubCategory/CategoryNav/CategoryNav';
 import css from '../../HomePanel/SubCategory/SubCategory.module.less';

 const SpottableComponent = Spottable('div');
 const Container = SpotlightContainerDecorator({ enterTo: null }, 'div');
-const ContainerBasic = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
-);
+const ContainerBasic = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');

 const getExpsOrdByLgCatCd = (array, value) => {
  const expsOrd = array.findIndex(({ lgCatCd }) => value === lgCatCd) + 1;
@@ -51,24 +40,12 @@ export default memo(function SubCategory({
 }) {
  const dispatch = useDispatch();
  const { getScrollTo, scrollLeft } = useScrollTo();
-  const { handleScrollReset, handleStopScrolling } = useScrollReset(
-    scrollLeft,
-    false
-  );
+  const { handleScrollReset, handleStopScrolling } = useScrollReset(scrollLeft, false);

-  const categoryInfos = useSelector(
-    (state) => state.home.menuData?.data?.homeCategory
-  );
-  const categoryItemInfos = useSelector(
-    (state) => state.main.subCategoryData?.categoryItemInfos
-  );
+  const categoryInfos = useSelector((state) => state.home.menuData?.data?.homeCategory);
+  const categoryItemInfos = useSelector((state) => state.main.subCategoryData?.categoryItemInfos);

-  const foruItemInfos = useSelector(
-    (state) => state.main.recommendProduct[0]?.productInfos
-  );
-  const { userNumber } = useSelector(
-    (state) => state.common.appStatus.loginUserData
-  );
+  const foruItemInfos = useSelector((state) => state.main.recommendProduct[0]?.productInfos);

  const nowMenu = useSelector((state) => state.common.menu.nowMenu);

@@ -230,7 +207,6 @@ export default memo(function SubCategory({
  }, [handleShelfFocus]);

  useEffect(() => {
-    if (userNumber) {
    if (!foruItemInfos || foruItemInfos.length === 0) {
      const baseData =
        categoryItemInfos?.subCatItemList?.map((item) => ({
@@ -247,9 +223,7 @@ export default memo(function SubCategory({
        foryou: true,
      })) || [];

-      const recommendedPrdtIds = new Set(
-        recommendedData.map((item) => item.prdtId)
-      );
+    const recommendedPrdtIds = new Set(recommendedData.map((item) => item.prdtId));

    const baseData =
      categoryItemInfos?.subCatItemList?.map((item) => ({
@@ -258,17 +232,10 @@ export default memo(function SubCategory({
      })) || [];

    setCategoryItemNewData([...baseData]);
-    } else {
-      setCategoryItemNewData(categoryItemInfos?.subCatItemList);
-    }
-  }, [categoryItemInfos?.subCatItemList, foruItemInfos, userNumber]);
+  }, [categoryItemInfos?.subCatItemList, foruItemInfos]);

  return (
-    <Container
-      spotlightId={spotlightId}
-      data-wheel-point
-      onFocus={_handleShelfFocus}
-    >
+    <Container spotlightId={spotlightId} data-wheel-point onFocus={_handleShelfFocus}>
      <CategoryNav
        categoryInfos={categoryInfos}
        currentCategoryCode={currentLgCatCd}
@@ -326,12 +293,7 @@ export default memo(function SubCategory({
                    offerInfo={offerInfo}
                    data-catcd-num={currentLgCatCd}
                    data-catcd-nm={currentLgCatNm}
-                    label={
-                      itemIndex * 1 +
-                      1 +
-                      ' of ' +
-                      (categoryItemNewData?.length || 0)
-                    }
+                    label={itemIndex * 1 + 1 + ' of ' + (categoryItemNewData?.length || 0)}
                    lastLabel=" go to detail, button"
                    euEnrgLblInfos={euEnrgLblInfos}
                  >
--- a/com.twin.app.shoptime/src/views/MainView/MainView.jsx
+++ b/com.twin.app.shoptime/src/views/MainView/MainView.jsx
@@ -209,9 +209,6 @@ export default function MainView({ className, initService }) {
      const hasFeaturedBrandsPanel = panels.some(
        (panel) => panel?.name === Config.panel_names.FEATURED_BRANDS_PANEL
      );
-      const hasTrendingNowPanel = panels.some(
-        (panel) => panel?.name === Config.panel_names.TRENDING_NOW_PANEL
-      );
      // 단독 패널 체크 - CheckOutPanel, CartPanel 등 단독으로 렌더링되어야 하는 패널들
      if (DEBUG_MODE) {
        console.log(`[PANEL_MainView] 🔍 Top panel name: ${topPanel?.name}`);
@@ -253,11 +250,7 @@ export default function MainView({ className, initService }) {
              '[MainView] Rendering 3-layer structure: PlayerPanel + DetailPanel + MediaPanel'
            );
          }
-          if (hasFeaturedBrandsPanel || hasTrendingNowPanel) {
-            renderingPanels = panels.slice(-4);
-          } else {
-            renderingPanels = panels.slice(-3);
-          }
+          renderingPanels = hasFeaturedBrandsPanel ? panels.slice(-4) : panels.slice(-3);
        } else if (
          panels[panels.length - 1]?.name === Config.panel_names.PLAYER_PANEL ||
          panels[panels.length - 1]?.name === Config.panel_names.PLAYER_PANEL_NEW ||
@@ -265,11 +258,7 @@ export default function MainView({ className, initService }) {
          panels[panels.length - 2]?.name === Config.panel_names.PLAYER_PANEL ||
          panels[panels.length - 2]?.name === Config.panel_names.MEDIA_PANEL
        ) {
-          if (hasFeaturedBrandsPanel || hasTrendingNowPanel) {
-            renderingPanels = panels.slice(-3);
-          } else {
-            renderingPanels = panels.slice(-2);
-          }
+          renderingPanels = hasFeaturedBrandsPanel ? panels.slice(-3) : panels.slice(-2);
        } else {
          renderingPanels = panels.slice(-1);
        }
--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.jsx
@@ -391,7 +391,6 @@ const MediaPanel = React.forwardRef(
    const onEnded = useCallback(
      (e) => {
        debugLog('[MediaPanel] Video ended');
-        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MediaPanel onEnded triggered - will pop after 1500ms');
        // continuousPlay는 MediaPlayer(VideoPlayer) 컴포넌트 내부에서 loop 속성으로 처리
        // onEnded가 호출되면 loop=false 인 경우이므로 패널을 닫음
        Spotlight.pause();
@@ -403,7 +402,6 @@ const MediaPanel = React.forwardRef(

        // ✅ 새로운 타이머 저장 (cleanup 시 정리용)
        onEndedTimerRef.current = setTimeout(() => {
-          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Executing popPanel(MEDIA_PANEL) after 1500ms');
          Spotlight.resume();
          dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
          onEndedTimerRef.current = null;
--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.module.less
@@ -26,7 +26,7 @@
    video {
      max-width: 100%;
      max-height: 100%;
-      object-fit: contain; /* 높이 기준으로 맞추고 좌우는 잘림 */
+      object-fit: contain; /* 비율 유지하면서 컨테이너 안에 맞춤 */
    }
  }

--- a/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
+++ b/com.twin.app.shoptime/src/views/MediaPanel/MediaPanel.v3.jsx
@@ -912,7 +912,7 @@ const MediaPanel = React.forwardRef(
        }

        if (!panelInfo.modal) {
-          dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
+          dispatch(PanelActions.popPanel());
          dispatch(changeAppStatus({ cursorVisible: false }));
          document?.dispatchEvent?.(new CustomEvent('detailpanel-scroll-reset'));

@@ -937,7 +937,7 @@ const MediaPanel = React.forwardRef(
        // 패널이 2개 존재할때만 popPanel 진행
        // fullscreen 전환 중이면 popPanel하지 않음
        if (panelInfo.modal && !isOnTop && !isTransitioningToFullscreen.current) {
-          dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
+          dispatch(PanelActions.popPanel());
        } else {
          Spotlight.focus('tbody');
        }
@@ -1576,7 +1576,7 @@ const MediaPanel = React.forwardRef(
      ) {
        // case: Featured Brands
        if (panelInfo?.sourcePanel === panel_names.FEATURED_BRANDS_PANEL) {
-          dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
+          dispatch(PanelActions.popPanel());
        }
      }
    }, [
@@ -2043,25 +2043,19 @@ const MediaPanel = React.forwardRef(
      (e) => {
        const currentInfo = panelInfoRef.current;

-        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] onEnded triggered - shptmBanrTpNm:', currentInfo?.shptmBanrTpNm);
-
        // MEDIA: 기존 동작 유지 (배경 복원 없이 즉시 pop)
        if (currentInfo.shptmBanrTpNm === 'MEDIA') {
-          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] MEDIA type - popPanel will be called');
+          console.log('[MediaPanel] 🚫 Skipping background restoration for ended media');
          Spotlight.pause();
          setTimeout(() => {
-            //  console.log('[🔥UNIQUE_MEDIA_ENDED🔥] setTimeout fired - dispatching popPanel(MEDIA_PANEL)');
            Spotlight.resume();
-            dispatch(PanelActions.popPanel(panel_names.MEDIA_PANEL));
+            dispatch(PanelActions.popPanel());
          }, VIDEO_END_ACTION_DELAY);
-          e?.stopPropagation();
-          e?.preventDefault();
          return;
        }

        // VOD: modal 여부에 따라 동작 분리
        if (currentInfo.shptmBanrTpNm === 'VOD') {
-          // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] VOD type - popPanel will be called');
          Spotlight.pause();
          setTimeout(() => {
            stopExternalPlayer();
@@ -2080,8 +2074,6 @@ const MediaPanel = React.forwardRef(
          e?.preventDefault();
          return;
        }
-
-        // console.log('[🔥UNIQUE_MEDIA_ENDED🔥] Unknown shptmBanrTpNm - no action taken');
      },
      [dispatch, focusBackButtonOrFallback, stopExternalPlayer]
    );
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerPanel.jsx
@@ -30,7 +30,6 @@ import {
  getMainLiveShow,
  getMainLiveShowNowProduct,
 } from '../../actions/mainActions';
-import { updateHomeInfo } from '../../actions/homeActions';
 import * as PanelActions from '../../actions/panelActions';
 import { updatePanel } from '../../actions/panelActions';
 import {
@@ -408,10 +407,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
          lastFocusedTargetId: panelInfo.lastFocusedTargetId,
        });

-        // TabContainerV2의 tabIndex를 ShopNowContents(0)로 리셋
-        dlog('[PlayerPanel] 📑 TabContainerV2 tabIndex를 ShopNowContents(0)로 리셋');
-        setTabIndexV2(0);
-
        // 포커스 복원 로직 추가 (1000ms 지연)
        if (panelInfo.lastFocusedTargetId) {
          dlog(
@@ -436,7 +431,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
          };
        }

-        console.log('[PANEL] PlayerPanel updatePanel - detailPanelClosed reset');
        dispatch(
          updatePanel({
            name: panel_names.PLAYER_PANEL,
@@ -509,10 +503,10 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props

  // PanelInfo 상태 변화 모니터링 useEffect (isPaused가 실제로 변경될 때만)
  useEffect(() => {
+    const isOnTop = panel_names.HOME_PANEL === topPanel?.name;
    const isPausedChanged = previousPanelInfo.current?.isPaused !== panelInfo?.isPaused;

-    // isOnTop 여부와 관계없이 isPaused 변경을 감지하여 비디오 제어
-    if (panelInfo?.isPaused !== undefined && isPausedChanged) {
+    if (isOnTop && panelInfo?.isPaused !== undefined && isPausedChanged) {
      // 상태 변경 시에만 디버깅 로그 출력
      dlog('🔍 [PlayerPanel] PanelInfo isPaused changed', {
        previousIsPaused: previousPanelInfo.current?.isPaused,
@@ -545,7 +539,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
    }

    previousPanelInfo.current = panelInfo;
-  }, [panelInfo?.isPaused, currentPlayingUrl]);
+  }, [panelInfo?.isPaused, topPanel?.name, currentPlayingUrl]);

  // VideoPlayer 인스턴스 및 소스 변경 모니터링 (중요 변화만)
  useEffect(() => {
@@ -653,7 +647,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
  useEffect(() => {
    if (currentLiveShowInfo && Object.keys(currentLiveShowInfo).length > 0) {
      if (currentLiveShowInfo.showId !== panelInfo?.showId) {
-        console.log('[PANEL] PlayerPanel updatePanel - LIVE showId update');
        dispatch(
          updatePanel({
            name: panel_names.PLAYER_PANEL,
@@ -1153,7 +1146,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        videoPlayer.current?.hideControls();
        setSelectedIndex(backupInitialIndex);
        if (panelInfo.shptmBanrTpNm === 'MEDIA') {
-          console.log('[PANEL] PlayerPanel updatePanel - DETAIL_PANEL launchedFromPlayer false');
          dispatch(
            updatePanel({
              name: panel_names.DETAIL_PANEL,
@@ -1171,7 +1163,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
      if (!panelInfo.modal) {
        console.log('[PlayerPanel] popPanel - closeButtonHandler');
        dispatch(PanelActions.popPanel());
-        // 🔽 [251221] cleanup useEffect에서 isDeepLinkEntry 리셋 처리
        dispatch(changeAppStatus({ cursorVisible: false }));

        //딮링크로 플레이어 진입 후 이전버튼 클릭시
@@ -1208,17 +1199,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        topPanel: panels[panels.length - 1]?.name,
        stack: panels.map((p) => p.name),
      });
-
-      // 🔽 [251221] PlayerPanel unmount 시 DeepLink 플래그 리셋
-      dispatch(
-        updateHomeInfo({
-          name: panel_names.HOME_PANEL,
-          panelInfo: {
-            isDeepLinkEntry: false,
-          },
-        })
-      );
-
      const topPanelName = panels[panels.length - 1]?.name;
      if (
        panelInfo.modal &&
@@ -1232,7 +1212,7 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        Spotlight.focus('tbody');
      }
    };
-  }, [panelInfo?.modal, isOnTop, panels, dispatch]);
+  }, [panelInfo?.modal, isOnTop, panels]);

  useEffect(() => {
    if (showNowInfos && panelInfo.shptmBanrTpNm === 'LIVE') {
@@ -1329,21 +1309,10 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props

  // 최상단 패널이 DetailPanel이고 PlayerPanel에서 진입했는지 확인
  const isTopPanelDetailFromPlayer = useMemo(() => {
-    let result =
+    const result =
      topPanel?.name === panel_names.DETAIL_PANEL &&
      topPanel?.panelInfo?.launchedFromPlayer === true;

-    // MediaPanel이 최상단에 있고 그 아래가 DetailPanel인 경우도 체크
-    if (!result && topPanel?.name === panel_names.MEDIA_PANEL) {
-      const prevPanel = panels[panels.length - 2];
-      if (
-        prevPanel?.name === panel_names.DETAIL_PANEL &&
-        prevPanel?.panelInfo?.launchedFromPlayer === true
-      ) {
-        result = true;
-      }
-    }
-
    // 🔍 DetailPanel 상태 변화 로깅
    if (result) {
      dlog('🎬 [PlayerPanel] DetailPanel is now on top (from Player)', {
@@ -1889,7 +1858,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        window.requestAnimationFrame(() => {
          window.requestAnimationFrame(() => {
            dlog('[PlayerPanel] Condition 2.5: Removing skipFlag after DOM render');
-            console.log('[PANEL] PlayerPanel updatePanel - skipModalStyleRecalculation remove');
            dispatch(
              updatePanel({
                name: panel_names.PLAYER_PANEL,
@@ -1930,7 +1898,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
          scale = width / window.innerWidth;
          setModalScale(scale);
        }
-        console.log('[PANEL] PlayerPanel updatePanel - modalStyle and scale update');
        dispatch(
          updatePanel({
            name: panel_names.PLAYER_PANEL,
@@ -2256,7 +2223,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        );
        Spotlight.focus('playVideoShopNowBox');
      } else {
-        console.log('[PANEL] PlayerPanel updatePanel - handleIndicatorDownClick');
        dispatch(
          updatePanel({
            name: panel_names.PLAYER_PANEL,
@@ -2304,7 +2270,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
        );
        Spotlight.focus('playVideoShopNowBox');
      } else {
-        console.log('[PANEL] PlayerPanel updatePanel - handleIndicatorUpClick');
        dispatch(
          updatePanel({
            name: panel_names.PLAYER_PANEL,
@@ -2424,7 +2389,6 @@ const PlayerPanel = ({ isTabActivated, panelInfo, isOnTop, spotlightId, ...props
  const onEnded = useCallback(
    (e) => {
      if (panelInfoRef.current.shptmBanrTpNm === 'MEDIA') {
-        console.log('[PANEL] PlayerPanel updatePanel - DETAIL_PANEL video ended');
        dispatch(
          updatePanel({
            name: panel_names.DETAIL_PANEL,
--- a/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx
+++ b/com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.v2.jsx
@@ -1,11 +1,5 @@
 // src/views/SearchPanel/SearchPanel.new.jsx
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';

 import classNames from 'classnames';
 import { useDispatch, useSelector } from 'react-redux';
@@ -39,9 +33,7 @@ import {
 //   showWarningToast,
 // } from '../../actions/toastActions';
 import TBody from '../../components/TBody/TBody';
-import TItemCardNew, {
-  removeDotAndColon,
-} from '../../components/TItemCard/TItemCard.new';
+import TItemCardNew, { removeDotAndColon } from '../../components/TItemCard/TItemCard.new';
 import TPanel from '../../components/TPanel/TPanel';
 import TVerticalPagenator from '../../components/TVerticalPagenator/TVerticalPagenator';
 import TVirtualGridList from '../../components/TVirtualGridList/TVirtualGridList';
@@ -49,22 +41,15 @@ import usePanelHistory from '../../hooks/usePanelHistory/usePanelHistory';
 // import VirtualKeyboardContainer from "../../components/TToast/VirtualKeyboardContainer";
 import usePrevious from '../../hooks/usePrevious';
 import { useSearchHistory } from '../../hooks/useSearchHistory';
-import {
-  LOG_CONTEXT_NAME,
-  LOG_MENU,
-  LOG_MESSAGE_ID,
-  panel_names,
-} from '../../utils/Config';
-import { createDebugHelpers } from '../../utils/debug';
+import { LOG_CONTEXT_NAME, LOG_MENU, LOG_MESSAGE_ID, panel_names } from '../../utils/Config';
 import NoSearchResults from './NoSearchResults/NoSearchResults';
 // import NoSearchResults from './NoSearchResults/NoSearchResults';
 import SearchInputOverlay from './SearchInputOverlay';
 import css from './SearchPanel.new.module.less';
 import SearchResultsNew from './SearchResults.new.v2';
 import TInputSimple, { ICONS, KINDS } from './TInput/TInputSimple';
-import VoiceInputOverlay, {
-  VOICE_MODES,
-} from './VoiceInputOverlay/VoiceInputOverlay';
+import VoiceInputOverlay, { VOICE_MODES } from './VoiceInputOverlay/VoiceInputOverlay';
+import { createDebugHelpers } from '../../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
@@ -90,22 +75,13 @@ export const SEARCH_PANEL_MODES = {
  VOICE_RESULT: 'voice_result', // 음성 검색 결과 표시
 };

-const ContainerBasic = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
-);
+const ContainerBasic = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');

 // 검색 입력 영역 컨테이너
-const InputContainer = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
-);
+const InputContainer = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');

 // 콘텐츠 섹션 컨테이너
-const SectionContainer = SpotlightContainerDecorator(
-  { enterTo: 'last-focused' },
-  'div'
-);
+const SectionContainer = SpotlightContainerDecorator({ enterTo: 'last-focused' }, 'div');

 // 메모리 누수 방지를 위한 안전한 이미지 컴포넌트 (컴포넌트 외부로 이동)
 const SafeImageComponent = ({ src, alt, className, ...props }) => {
@@ -142,9 +118,7 @@ const SafeImageComponent = ({ src, alt, className, ...props }) => {
    };
  }, []);

-  return (
-    <img ref={imgRef} src={src} alt={alt} className={className} {...props} />
-  );
+  return <img ref={imgRef} src={src} alt={alt} className={className} {...props} />;
 };

 const ITEMS_PER_PAGE = 9;
@@ -178,36 +152,22 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  // 0hun: 패널 전역 상태
  const panels = useSelector((state) => state.panels.panels);
  // 0hun: 음성 검색 결과에 대한 전역 상태
-  const shopperHouseData = useSelector(
-    (state) => state.search.shopperHouseData
-  );
-  const shopperHouseError = useSelector(
-    (state) => state.search.shopperHouseError
-  );
+  const shopperHouseData = useSelector((state) => state.search.shopperHouseData);
+  const shopperHouseError = useSelector((state) => state.search.shopperHouseError);
  // 0hun: 음성 검색 searchId (Redux에서 별도 관리)
-  const shopperHouseSearchId = useSelector(
-    (state) => state.search.shopperHouseSearchId
-  );
+  const shopperHouseSearchId = useSelector((state) => state.search.shopperHouseSearchId);
  // 0hun: 음성 검색 relativeQueries (Redux에서 별도 관리)
  const shopperHouseRelativeQueries = useSelector(
    (state) => state.search.shopperHouseRelativeQueries
  );
  // 🔄 이전 shopperHouseData (sortingType 변경 시 사용)
-  const preShopperHouseData = useSelector(
-    (state) => state.search.preShopperHouseData
-  );
+  const preShopperHouseData = useSelector((state) => state.search.preShopperHouseData);
  // 0hun: 검색 메인, Hot Picks for you 영역에 대한 전역 상태 값
-  const hotPicksForYou = useSelector(
-    (state) => state.search.searchMainData.hotPicksForYou
-  );
+  const hotPicksForYou = useSelector((state) => state.search.searchMainData.hotPicksForYou);
  // 0hun: 검색 메인, Popular Brands 영역에 대한 전역 상태 값
-  const popularBrands = useSelector(
-    (state) => state.search.searchMainData.popularBrands
-  );
+  const popularBrands = useSelector((state) => state.search.searchMainData.popularBrands);
  // 0hun: 검색 메인, Top Searchs 영역에 대한 전역 상태 값
-  const topSearchs = useSelector(
-    (state) => state.search.searchMainData.topSearchs
-  );
+  const topSearchs = useSelector((state) => state.search.searchMainData.topSearchs);
  // jhun: 검색 메인, Today Deals 영역에 대한 전역 상태 값
  const tsvInfo = useSelector((state) => state.search.searchMainData.tsvInfo);

@@ -217,9 +177,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  // 0hun: 초기 포커스 유무를 나타내는 Boolean 상태
  const [firstSpot, setFirstSpot] = useState(false);
  // 0hun: 검색어 상태
-  const [searchQuery, setSearchQuery] = useState(
-    panelInfo.searchVal ? panelInfo.searchVal : null
-  );
+  const [searchQuery, setSearchQuery] = useState(panelInfo.searchVal ? panelInfo.searchVal : null);
  // 0hun: 검색 컨테이너 포커스 position 상태 값
  const [position, setPosition] = useState(null);
  // 0hun: 가상 키보드 Display 유무 Boolean 값 (주석: 현재 VirtualKeyboardContainer가 비활성화됨)
@@ -233,17 +191,14 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  // ✨ [Phase 3] TInput의 입력 모드 상태 제거 (더 이상 InputField가 없으므로 불필요)
  // const [isInputModeActive, setIsInputModeActive] = useState(false);
  // 0hun: 현재 포커스된 container의 spotlightId를 관리하는 상태 값
-  const [focusedContainerId, setFocusedContainerId] = useState(
-    panelInfo?.focusedContainerId
-  );
+  const [focusedContainerId, setFocusedContainerId] = useState(panelInfo?.focusedContainerId);

  // ✨ [Phase 1] SearchPanel의 현재 모드 상태 (VoiceInputOverlay의 VOICE_MODES와 동일한 개념)
  const [currentMode, setCurrentMode] = useState(SEARCH_PANEL_MODES.INITIAL);
  const [isShopperHousePending, setIsShopperHousePending] = useState(false);
  const [voiceOverlayMode, setVoiceOverlayMode] = useState(VOICE_MODES.PROMPT);
  const [voiceOverlayResponseText, setVoiceOverlayResponseText] = useState('');
-  const [isVoiceOverlayBubbleSearch, setIsVoiceOverlayBubbleSearch] =
-    useState(false);
+  const [isVoiceOverlayBubbleSearch, setIsVoiceOverlayBubbleSearch] = useState(false);
  const [shouldFocusVoiceResult, setShouldFocusVoiceResult] = useState(false);

  // 🎯 HowAboutThese 포커스 관리 - 검색 입력 영역 포커스 감지용 상태
@@ -330,16 +285,11 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  const unifiedFocusTimerRef = useRef(null);

  // ShopperHouse 에러 팝업 상태 가져오기
-  const shopperHouseErrorPopup = useSelector(
-    (state) => state.search.shopperHouseErrorPopup
-  );
+  const shopperHouseErrorPopup = useSelector((state) => state.search.shopperHouseErrorPopup);

  // API 실패 시 fallback reference 초기화
  useEffect(() => {
-    if (
-      shopperHouseErrorPopup?.visible &&
-      shopperHouseErrorPopup?.type === 'API_FAILURE'
-    ) {
+    if (shopperHouseErrorPopup?.visible && shopperHouseErrorPopup?.type === 'API_FAILURE') {
      dlog('[SearchPanel] 🧹 API 실패 감지 - fallbackShopperHouseData 초기화');
      shopperHouseDataRef.current = null;
    }
@@ -357,12 +307,8 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  /**
   * useSearchHistory Hook 적용
   */
-  const {
-    normalSearches,
-    addNormalSearch,
-    refreshHistory,
-    executeSearchFromHistory,
-  } = useSearchHistory();
+  const { normalSearches, addNormalSearch, refreshHistory, executeSearchFromHistory } =
+    useSearchHistory();

  /**
   * 🎯 [DetailPanel 복귀 감지] usePanelHistory Hook 적용
@@ -476,9 +422,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {

      // ✨ [Phase 4] Enter/OK 키 처리 - SearchInputOverlay 표시
      if (e.key === 'Enter' || e.keyCode === 13) {
-        dlog(
-          '[DEBUG] [SearchPanel] TInputSimple에서 Enter/OK 키 감지 → SearchInputOverlay 오픈'
-        );
+        dlog('[DEBUG] [SearchPanel] TInputSimple에서 Enter/OK 키 감지 → SearchInputOverlay 오픈');
        e.preventDefault();

        // ✨ [Phase 6] SearchInputOverlay 오픈 후 자동으로 입력 준비 완료
@@ -506,11 +450,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
      ];
      if (arrowKeys.includes(e.key)) {
        // 입력 필드가 비어있고 왼쪽 화살표인 경우에만 방지
-        if (
-          position === 0 &&
-          (e.key === 'Left' || e.key === 'ArrowLeft') &&
-          !searchQuery
-        ) {
+        if (position === 0 && (e.key === 'Left' || e.key === 'ArrowLeft') && !searchQuery) {
          e.preventDefault();
          return;
        }
@@ -521,9 +461,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          // DOM 쿼리 최적화: 캐싱된 input element 사용
          const input =
            inputElementRef.current ||
-            document.querySelector(
-              `[data-spotlight-id="input-field-box"] > input`
-            );
+            document.querySelector(`[data-spotlight-id="input-field-box"] > input`);
          if (input) {
            inputElementRef.current = input; // 캐싱
            if (position === input.value.length) {
@@ -720,9 +658,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          '[DEBUG]-VOICE_RESULT: Clearing ShopperHouse data (searchId will be preserved for 2nd search)'
        );
        dlog('[VoiceInput]-SearchPanel-onCancel-VOICE_RESULT');
-        dlog(
-          '[VoiceInput] 🧹 VOICE_RESULT 모드에서 ESC 누름 - clearShopperHouseData 호출'
-        );
+        dlog('[VoiceInput] 🧹 VOICE_RESULT 모드에서 ESC 누름 - clearShopperHouseData 호출');
      }
      // 🎯 [포커스 로직 통합] 포커스는 상태 변경에 의해 자동으로 처리됨
      setIsShopperHousePending(false);
@@ -880,9 +816,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    if (isReturningFromDetailPanel) {
      const currentSpot = currentPanel?.panelInfo?.currentSpot;
      if (DEBUG_MODE) {
-        dlog(
-          '[Focus] usePanelHistory로 DetailPanel 복귀 감지 - 이전 상품으로 포커스 이동'
-        );
+        dlog('[Focus] usePanelHistory로 DetailPanel 복귀 감지 - 이전 상품으로 포커스 이동');
        dlog('[FOCUS] 🎯 Scenario: DETAIL_PANEL_RETURN (usePanelHistory)', {
          currentSpot,
          mode: currentMode,
@@ -926,9 +860,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    ) {
      const usedHistoryOnTop = currentIsOnTop && isOnTopChange?.becameOnTop;
      if (DEBUG_MODE) {
-        dlog(
-          '[Focus] 개선된 방식으로 DetailPanel 복귀 감지 - 이전 상품으로 포커스 이동'
-        );
+        dlog('[Focus] 개선된 방식으로 DetailPanel 복귀 감지 - 이전 상품으로 포커스 이동');
        dlog('[FOCUS] 🎯 Scenario: DETAIL_PANEL_RETURN (improved fallback)', {
          currentSpot: panelInfo.currentSpot,
          mode: currentMode,
@@ -996,8 +928,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          prevMode: currentModeRef.current,
          nextMode: currentMode,
          isOnTopChanged: isOnTop !== isOnTopRef.current,
-          modeChanged:
-            currentModeRef.current !== SEARCH_PANEL_MODES.VOICE_RESULT,
+          modeChanged: currentModeRef.current !== SEARCH_PANEL_MODES.VOICE_RESULT,
          dataChanged: shopperHouseDataRef.current !== shopperHouseData,
        });
      }
@@ -1015,9 +946,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
      // 이렇게 하면 VOICE_OVERLAY_CLOSED 시나리오에서 TInput으로 가는 것을 방지
      if (shopperHouseData && currentMode === SEARCH_PANEL_MODES.VOICE_RESULT) {
        if (DEBUG_MODE) {
-          dlog(
-            '[FOCUS] 🔄 VOICE_OVERLAY_CLOSED + new data → NEW_SEARCH_LOADED 우선 처리'
-          );
+          dlog('[FOCUS] 🔄 VOICE_OVERLAY_CLOSED + new data → NEW_SEARCH_LOADED 우선 처리');
        }
        return 'NEW_SEARCH_LOADED';
      }
@@ -1080,10 +1009,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        let currentSpot = null;

        // 1. usePanelHistory의 currentSpot 우선 사용
-        if (
-          isReturningFromDetailPanel &&
-          currentPanel?.panelInfo?.currentSpot
-        ) {
+        if (isReturningFromDetailPanel && currentPanel?.panelInfo?.currentSpot) {
          currentSpot = currentPanel.panelInfo.currentSpot;
          if (DEBUG_MODE) {
            dlog('[FOCUS] 🎯 usePanelHistory currentSpot 사용:', currentSpot);
@@ -1093,19 +1019,13 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        else if (panelInfo?.currentSpot) {
          currentSpot = panelInfo.currentSpot;
          if (DEBUG_MODE) {
-            dlog(
-              '[FOCUS] 🔄 fallback으로 panelInfo.currentSpot 사용:',
-              currentSpot
-            );
+            dlog('[FOCUS] 🔄 fallback으로 panelInfo.currentSpot 사용:', currentSpot);
          }
        }

        if (currentSpot && currentSpot.startsWith('searchItemContents')) {
          if (DEBUG_MODE) {
-            dlog(
-              '[FOCUS] 🎯 DETAIL_PANEL_RETURN: 이전 상품으로 포커스 복원:',
-              currentSpot
-            );
+            dlog('[FOCUS] 🎯 DETAIL_PANEL_RETURN: 이전 상품으로 포커스 복원:', currentSpot);
          }
          return currentSpot;
        } else {
@@ -1146,9 +1066,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        // SearchInputOverlay에서 검색을 실행하면 isSearchOverlayVisible이 false로 설정되고
        // 동시에 검색 결과에 따라 모드가 변경되므로, 이 케이스는 검색어 선택 후 닫을 때만 발생
        if (DEBUG_MODE) {
-          dlog(
-            '[FOCUS] 🎯 Scenario: SEARCH_OVERLAY_CLOSED - TInputSimple으로 포커스'
-          );
+          dlog('[FOCUS] 🎯 Scenario: SEARCH_OVERLAY_CLOSED - TInputSimple으로 포커스');
        }
        return SPOTLIGHT_IDS.SEARCH_INPUT_BOX;

@@ -1372,27 +1290,17 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          {...rest}
        >
          <div className={css.productImageWrapper}>
-            <SafeImage
-              src={bgImgPath}
-              alt={curationNm}
-              className={css.productImage}
-            />
+            <SafeImage src={bgImgPath} alt={curationNm} className={css.productImage} />
          </div>
          <div className={css.productInfo}>
            {showBrandLogo && (
              <div className={css.productBrandWrapper}>
-                <SafeImage
-                  src={patncLogoPath}
-                  alt={patncNm}
-                  className={css.brandLogo}
-                />
+                <SafeImage src={patncLogoPath} alt={patncNm} className={css.brandLogo} />
              </div>
            )}
            <div className={css.productDetails}>
              {showBrandName && <div className={css.brandName}>{patncNm}</div>}
-              {showProductTitle && (
-                <div className={css.productTitle}>{curationNm}</div>
-              )}
+              {showProductTitle && <div className={css.productTitle}>{curationNm}</div>}
            </div>
          </div>
        </SpottableProduct>
@@ -1415,8 +1323,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {

  const renderTsvItem = useCallback(
    ({ index, ...rest }) => {
-      const { offerInfo, prdtId, imgUrl, patnrId, prdtNm, priceInfo } =
-        tsvInfo[index];
+      const { offerInfo, prdtId, imgUrl, patnrId, prdtNm, priceInfo } = tsvInfo[index];

      return (
        <TItemCardNew
@@ -1429,9 +1336,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          priceInfo={priceInfo}
          productId={prdtId}
          productName={prdtNm}
-          spotlightId={
-            'searchMain-tsvInfo-spotlightId-' + removeDotAndColon(prdtId)
-          }
+          spotlightId={'searchMain-tsvInfo-spotlightId-' + removeDotAndColon(prdtId)}
          {...rest}
        />
      );
@@ -1698,13 +1603,10 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    // 우선순위 2: 음성 검색 결과가 있으면 VOICE_RESULT 모드
    else if (shopperHouseData || isShopperHousePending) {
      if (DEBUG_MODE) {
-        dlog(
-          '[DEBUG]-MODE: shopperHouseData EXISTS or pending → VOICE_RESULT',
-          {
+        dlog('[DEBUG]-MODE: shopperHouseData EXISTS or pending → VOICE_RESULT', {
          hasData: !!shopperHouseData,
          isPending: isShopperHousePending,
-          }
-        );
+        });
      }
      nextMode = SEARCH_PANEL_MODES.VOICE_RESULT;
    }
@@ -1738,9 +1640,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    // 모드가 변경되었을 때만 업데이트
    if (nextMode !== currentMode) {
      if (DEBUG_MODE) {
-        dlog(
-          `[DEBUG]-VOICE_RESULT 🔀 Mode changed: ${currentMode} → ${nextMode}`,
-          {
+        dlog(`[DEBUG]-VOICE_RESULT 🔀 Mode changed: ${currentMode} → ${nextMode}`, {
          isVoiceOverlayVisible,
          shopperHouseData: !!shopperHouseData,
          isShopperHousePending,
@@ -1753,8 +1653,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
          ),
          isSearchOverlayVisible,
          inputFocus,
-          }
-        );
+        });
      }
      setCurrentMode(nextMode);
    } else {
@@ -1880,14 +1779,10 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    // NEW_SEARCH_LOADED: 음성 검색 결과 로드 시 VoiceInputOverlay와 충돌 방지
    // 다른 시나리오에서는 기존과 같은 지연 시간 (100ms)
    const focusDelay =
-      scenario === 'DETAIL_PANEL_RETURN' || scenario === 'NEW_SEARCH_LOADED'
-        ? 50
-        : 100;
+      scenario === 'DETAIL_PANEL_RETURN' || scenario === 'NEW_SEARCH_LOADED' ? 50 : 100;

    unifiedFocusTimerRef.current = setTimeout(() => {
-      const targetElement = document.querySelector(
-        `[data-spotlight-id="${targetId}"]`
-      );
+      const targetElement = document.querySelector(`[data-spotlight-id="${targetId}"]`);

      if (targetElement || targetId === SPOTLIGHT_IDS.SEARCH_INPUT_BOX) {
        Spotlight.focus(targetId);
@@ -1910,14 +1805,9 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        }

        // 🎯 DETAIL_PANEL_RETURN에서 요소를 찾지 못하면 fallback으로 첫 번째 상품 시도
-        if (
-          scenario === 'DETAIL_PANEL_RETURN' &&
-          targetId.startsWith('searchItemContents')
-        ) {
+        if (scenario === 'DETAIL_PANEL_RETURN' && targetId.startsWith('searchItemContents')) {
          const fallbackTarget = 'searchItemContents0';
-          const fallbackElement = document.querySelector(
-            `[data-spotlight-id="${fallbackTarget}"]`
-          );
+          const fallbackElement = document.querySelector(`[data-spotlight-id="${fallbackTarget}"]`);
          if (fallbackElement) {
            if (DEBUG_MODE) {
              dlog(
@@ -1935,15 +1825,10 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {

    // 🎯 [NEW_SEARCH_LOADED] 1초 후 다시 첫 번째 아이템으로 포커스 이동
    // TInputSimple과 Mic Icon의 포커스 충돌 해결을 위해
-    if (
-      scenario === 'NEW_SEARCH_LOADED' &&
-      targetId === 'searchItemContents0'
-    ) {
+    if (scenario === 'NEW_SEARCH_LOADED' && targetId === 'searchItemContents0') {
      setTimeout(() => {
        if (DEBUG_MODE) {
-          dlog(
-            '[FOCUS] 🔄 NEW_SEARCH_LOADED: 1초 후 첫 번째 상품으로 다시 포커스 이동'
-          );
+          dlog('[FOCUS] 🔄 NEW_SEARCH_LOADED: 1초 후 첫 번째 상품으로 다시 포커스 이동');
        }
        Spotlight.focus('searchItemContents0');
      }, 500); // 0.5초 후
@@ -1981,13 +1866,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
    isVoiceOverlayVisibleRef.current = isVoiceOverlayVisible;
    isSearchOverlayVisibleRef.current = isSearchOverlayVisible;
    currentModeRef.current = currentMode;
-  }, [
-    shopperHouseData,
-    searchDatas,
-    isVoiceOverlayVisible,
-    isSearchOverlayVisible,
-    currentMode,
-  ]);
+  }, [shopperHouseData, searchDatas, isVoiceOverlayVisible, isSearchOverlayVisible, currentMode]);

  /**
   * 🎯 SearchInputOverlay 닫힘 후 포커스 관리
@@ -2010,13 +1889,10 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
      });

      if (DEBUG_MODE) {
-        dlog(
-          '[FOCUS] 🎯 SearchInputOverlay 닫힘 후 포커스 관리 useEffect 실행',
-          {
+        dlog('[FOCUS] 🎯 SearchInputOverlay 닫힘 후 포커스 관리 useEffect 실행', {
          shouldFocusSearchInput,
          timestamp: new Date().toISOString(),
-          }
-        );
+        });
      }

      // 500ms 후 TInputSimple에 포커스 이동
@@ -2027,13 +1903,10 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        });

        if (DEBUG_MODE) {
-          dlog(
-            '[FOCUS] ⏰ 500ms 타이머 콜백 실행 - TInputSimple으로 포커스 이동',
-            {
+          dlog('[FOCUS] ⏰ 500ms 타이머 콜백 실행 - TInputSimple으로 포커스 이동', {
            targetId: SPOTLIGHT_IDS.SEARCH_INPUT_BOX,
            timestamp: new Date().toISOString(),
-            }
-          );
+          });
        }

        dlog('[DEBUG] Spotlight.focus() 호출 직전', {
@@ -2077,12 +1950,9 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
        });
        if (focusTimer) {
          if (DEBUG_MODE) {
-            dlog(
-              '[FOCUS] 🧹 SearchInputOverlay 포커스 관리 useEffect cleanup - 타이머 정리',
-              {
+            dlog('[FOCUS] 🧹 SearchInputOverlay 포커스 관리 useEffect cleanup - 타이머 정리', {
              timestamp: new Date().toISOString(),
-              }
-            );
+            });
          }
          clearTimeout(focusTimer);
        }
@@ -2183,18 +2053,12 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
  }, [currentMode, isOnTop, refreshHistory]);

  return (
-    <TPanel
-      className={css.container}
-      handleCancel={onCancel}
-      spotlightId={spotlightId}
-    >
+    <TPanel className={css.container} handleCancel={onCancel} spotlightId={spotlightId}>
      {/* ✨ [Phase 2] spotlightDisabled를 currentMode로 제어 */}
      <TBody
        className={css.tBody}
        scrollable
-        spotlightDisabled={
-          !isOnTop || currentMode === SEARCH_PANEL_MODES.SEARCH_INPUT
-        }
+        spotlightDisabled={!isOnTop || currentMode === SEARCH_PANEL_MODES.SEARCH_INPUT}
      >
        <ContainerBasic>
          {isOnTop && (
@@ -2214,8 +2078,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
                className={classNames(
                  css.inputContainer,
                  inputFocus === true && css.inputFocus,
-                  searchDatas &&
-                    css.searchValue /* 이건 결과값 있을때만. 조건 추가필요 */,
+                  searchDatas && css.searchValue /* 이건 결과값 있을때만. 조건 추가필요 */,
                  (currentMode === SEARCH_PANEL_MODES.VOICE_INPUT ||
                    currentMode === SEARCH_PANEL_MODES.INPUT_FOCUSED) &&
                    css.hidden
@@ -2266,7 +2129,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
                      placeholder="Search products or brands"
                    />
                  </div>
-                  {/* <SpottableMicButton
+                  <SpottableMicButton
                    className={css.microphoneButton}
                    onClick={onClickMic}
                    onFocus={onFocusMic}
@@ -2285,7 +2148,7 @@ export default function SearchPanel({ panelInfo, isOnTop, spotlightId }) {
                    <div className={css.microphoneCircle}>
                      <SafeImage src={micIcon} alt="Microphone" className={css.microphoneIcon} />
                    </div>
-                  </SpottableMicButton> */}
+                  </SpottableMicButton>
                </div>
              </InputContainer>

--- a/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
+++ b/com.twin.app.shoptime/src/views/TrendingNowPanel/TrendingNowPanel.jsx
@@ -291,7 +291,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {

  return (
    <div className={css.trendingNowWrap}>
-      {isOnTop && selectedIndex >= 1 && showButton && (
+      {selectedIndex >= 1 && showButton && (
        <TButton
          className={classNames(css.button, css.prevBtn)}
          onClick={handleIndicatorClick("prev")}
@@ -411,7 +411,7 @@ const TrendingNowPanel = ({ panelInfo, spotlightId, isOnTop, ...rest }) => {
          </TVerticalPagenator>
        </TBody>
      </TPanel>
-      {isOnTop && topInfos &&
+      {topInfos &&
        topInfos?.length > 0 &&
        selectedIndex !== topInfos?.length - 1 &&
        showButton && (