diff --git a/frontend/src/components/korea/CorrelationPanel.tsx b/frontend/src/components/korea/CorrelationPanel.tsx
index 413ac59..62b81ab 100644
--- a/frontend/src/components/korea/CorrelationPanel.tsx
+++ b/frontend/src/components/korea/CorrelationPanel.tsx
@@ -6,6 +6,8 @@ import type { UseGroupPolygonsResult } from '../../hooks/useGroupPolygons';
 import { FONT_MONO } from '../../styles/fonts';
 import { MODEL_ORDER, MODEL_COLORS, MODEL_DESC } from './fleetClusterConstants';
 import { useGearReplayStore } from '../../stores/gearReplayStore';
+import { useTranslation } from 'react-i18next';
+import { useReplayCenterPanelLayout } from './useReplayCenterPanelLayout';
 
 interface CorrelationPanelProps {
   selectedGearGroup: string;
@@ -17,6 +19,8 @@ interface CorrelationPanelProps {
   enabledVessels: Set<string>;
   correlationLoading: boolean;
   hoveredTarget: { mmsi: string; model: string } | null;
+  hasRightReviewPanel?: boolean;
+  reviewDriven?: boolean;
   onEnabledModelsChange: (updater: (prev: Set<string>) => Set<string>) => void;
   onEnabledVesselsChange: (updater: (prev: Set<string>) => Set<string>) => void;
   onHoveredTargetChange: (target: { mmsi: string; model: string } | null) => void;
@@ -35,11 +39,19 @@ const CorrelationPanel = ({
   enabledVessels,
   correlationLoading,
   hoveredTarget,
+  hasRightReviewPanel = false,
+  reviewDriven = false,
   onEnabledModelsChange,
   onEnabledVesselsChange,
   onHoveredTargetChange,
 }: CorrelationPanelProps) => {
+  const { t } = useTranslation();
   const historyActive = useGearReplayStore(s => s.historyFrames.length > 0);
+  const layout = useReplayCenterPanelLayout({
+    minWidth: 252,
+    maxWidth: 966,
+    hasRightReviewPanel,
+  });
 
   // Local tooltip state
   const [hoveredModelTip, setHoveredModelTip] = useState<string | null>(null);
@@ -193,16 +205,30 @@ const CorrelationPanel = ({
         key={`${modelName}-${c.targetMmsi}`}
         style={{
           fontSize: 9, marginBottom: 1, display: 'flex', alignItems: 'center', gap: 3,
-          padding: '1px 2px', borderRadius: 2, cursor: 'pointer',
+          padding: '1px 2px', borderRadius: 2, cursor: reviewDriven ? 'default' : 'pointer',
           background: isHovered ? `${color}22` : 'transparent',
-          opacity: isEnabled ? 1 : 0.5,
+          opacity: reviewDriven ? 1 : isEnabled ? 1 : 0.5,
         }}
-        onClick={() => toggleVessel(c.targetMmsi)}
-        onMouseEnter={() => onHoveredTargetChange({ mmsi: c.targetMmsi, model: modelName })}
-        onMouseLeave={() => onHoveredTargetChange(null)}
+        onClick={reviewDriven ? undefined : () => toggleVessel(c.targetMmsi)}
+        onMouseEnter={reviewDriven ? undefined : () => onHoveredTargetChange({ mmsi: c.targetMmsi, model: modelName })}
+        onMouseLeave={reviewDriven ? undefined : () => onHoveredTargetChange(null)}
       >
-        <input type="checkbox" checked={isEnabled} readOnly title="맵 표시"
-          style={{ accentColor: color, width: 9, height: 9, flexShrink: 0, pointerEvents: 'none' }} />
+        {reviewDriven ? (
+          <span
+            title={t('parentInference.reference.reviewDriven')}
+            style={{
+              width: 9,
+              height: 9,
+              borderRadius: 999,
+              background: color,
+              flexShrink: 0,
+              opacity: 0.9,
+            }}
+          />
+        ) : (
+          <input type="checkbox" checked={isEnabled} readOnly title="맵 표시"
+            style={{ accentColor: color, width: 9, height: 9, flexShrink: 0, pointerEvents: 'none' }} />
+        )}
         <span style={{ color: isVessel ? '#60a5fa' : '#f97316', width: 10, textAlign: 'center', flexShrink: 0 }}>
           {isVessel ? '⛴' : '◆'}
         </span>
@@ -219,6 +245,15 @@ const CorrelationPanel = ({
     );
   };
 
+  const visibleModelNames = useMemo(() => {
+    if (reviewDriven) {
+      return availableModels
+        .filter(model => (correlationByModel.get(model.name) ?? []).length > 0)
+        .map(model => model.name);
+    }
+    return availableModels.filter(model => enabledModels.has(model.name)).map(model => model.name);
+  }, [availableModels, correlationByModel, enabledModels, reviewDriven]);
+
   // Member row renderer (identity model — no score, independent hover)
   const renderMemberRow = (m: { mmsi: string; name: string }, icon: string, iconColor: string, keyPrefix = 'id') => {
     const isHovered = hoveredTarget?.mmsi === m.mmsi && hoveredTarget?.model === 'identity';
@@ -251,10 +286,8 @@ const CorrelationPanel = ({
     <div style={{
       position: 'absolute',
       bottom: historyActive ? 120 : 20,
-      left: 'calc(50% + 100px)',
-      transform: 'translateX(-50%)',
-      width: 'calc(100vw - 880px)',
-      maxWidth: 1320,
+      left: `${layout.left}px`,
+      width: `${layout.width}px`,
       display: 'flex',
       gap: 6,
       alignItems: 'flex-end',
@@ -270,6 +303,7 @@ const CorrelationPanel = ({
         border: '1px solid rgba(249,115,22,0.3)',
         borderRadius: 8,
         padding: '8px 10px',
+        width: 165,
         minWidth: 165,
         flexShrink: 0,
         boxShadow: '0 4px 16px rgba(0,0,0,0.5)',
@@ -278,6 +312,22 @@ const CorrelationPanel = ({
           <span style={{ fontWeight: 700, color: '#f97316', fontSize: 11 }}>{selectedGearGroup}</span>
           <span style={{ color: '#64748b', fontSize: 9 }}>{memberCount}개</span>
         </div>
+        <div style={{
+          marginBottom: 7,
+          padding: '6px 7px',
+          borderRadius: 6,
+          background: 'rgba(15,23,42,0.72)',
+          border: '1px solid rgba(249,115,22,0.14)',
+          color: '#cbd5e1',
+          fontSize: 8,
+          lineHeight: 1.45,
+          whiteSpace: 'normal',
+          wordBreak: 'keep-all',
+        }}>
+          {reviewDriven
+            ? t('parentInference.reference.reviewDriven')
+            : t('parentInference.reference.shipOnly')}
+        </div>
         <div style={{ fontSize: 9, fontWeight: 700, color: '#93c5fd', marginBottom: 4 }}>폴리곤 오버레이</div>
         <label style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 9, cursor: 'pointer', marginBottom: 3 }}>
           <input
@@ -300,15 +350,19 @@ const CorrelationPanel = ({
           const gc = modelItems.filter(c => c.targetType !== 'VESSEL').length;
           const am = availableModels.find(m => m.name === mn);
           return (
-            <label key={mn} style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 9, cursor: hasData ? 'pointer' : 'default', marginBottom: 3, opacity: hasData ? 1 : 0.4 }}>
-              <input type="checkbox" checked={enabledModels.has(mn)}
-                disabled={!hasData}
-                onChange={() => onEnabledModelsChange(prev => {
-                  const next = new Set(prev);
-                  if (next.has(mn)) next.delete(mn); else next.add(mn);
-                  return next;
-                })}
-                style={{ accentColor: color, width: 11, height: 11 }} title={mn} />
+            <label key={mn} style={{ display: 'flex', alignItems: 'center', gap: 4, fontSize: 9, cursor: reviewDriven ? 'default' : hasData ? 'pointer' : 'default', marginBottom: 3, opacity: hasData ? 1 : 0.4 }}>
+              {reviewDriven ? (
+                <span style={{ width: 11, height: 11, borderRadius: 999, background: hasData ? color : 'rgba(148,163,184,0.2)', flexShrink: 0 }} />
+              ) : (
+                <input type="checkbox" checked={enabledModels.has(mn)}
+                  disabled={!hasData}
+                  onChange={() => onEnabledModelsChange(prev => {
+                    const next = new Set(prev);
+                    if (next.has(mn)) next.delete(mn); else next.add(mn);
+                    return next;
+                  })}
+                  style={{ accentColor: color, width: 11, height: 11 }} title={mn} />
+              )}
               <span style={{ width: 8, height: 8, borderRadius: '50%', background: color, flexShrink: 0, opacity: hasData ? 1 : 0.3 }} />
               <span style={{ color: hasData ? '#e2e8f0' : '#64748b', flex: 1 }}>{mn}{am?.isDefault ? '*' : ''}</span>
               <span style={{ color: '#64748b', fontSize: 8 }}>{hasData ? `${vc}⛴${gc}◆` : '—'}</span>
@@ -324,7 +378,7 @@ const CorrelationPanel = ({
       }}>
 
       {/* 이름 기반 카드 (체크 시) */}
-      {enabledModels.has('identity') && (identityVessels.length > 0 || identityGear.length > 0) && (
+      {(reviewDriven || enabledModels.has('identity')) && (identityVessels.length > 0 || identityGear.length > 0) && (
         <div ref={(el) => setCardRef('identity', el)} style={{ ...cardStyle, borderColor: 'rgba(249,115,22,0.25)', position: 'relative' }}>
                     <div style={getCardBodyStyle('identity')}>
             {identityVessels.length > 0 && (
@@ -335,7 +389,9 @@ const CorrelationPanel = ({
             )}
             {identityGear.length > 0 && (
               <>
-                <div style={{ fontSize: 8, color: '#64748b', marginBottom: 2, marginTop: 3 }}>연관 어구 ({identityGear.length})</div>
+                <div style={{ fontSize: 8, color: '#94a3b8', marginBottom: 2, marginTop: 3 }}>
+                  {t('parentInference.reference.referenceGear')} ({identityGear.length})
+                </div>
                 {identityGear.map(m => renderMemberRow(m, '◆', '#f97316'))}
               </>
             )}
@@ -355,7 +411,9 @@ const CorrelationPanel = ({
       )}
 
       {/* 각 Correlation 모델 카드 (체크 시 우측에 추가) */}
-      {availableModels.filter(m => enabledModels.has(m.name)).map(m => {
+      {visibleModelNames.map(modelName => {
+        const m = availableModels.find(model => model.name === modelName);
+        if (!m) return null;
         const color = MODEL_COLORS[m.name] ?? '#94a3b8';
         const items = correlationByModel.get(m.name) ?? [];
         const vessels = items.filter(c => c.targetType === 'VESSEL');
@@ -372,7 +430,9 @@ const CorrelationPanel = ({
               )}
               {gears.length > 0 && (
                 <>
-                  <div style={{ fontSize: 8, color: '#64748b', marginBottom: 2, marginTop: 3 }}>연관 어구 ({gears.length})</div>
+                  <div style={{ fontSize: 8, color: '#94a3b8', marginBottom: 2, marginTop: 3 }}>
+                    {t('parentInference.reference.referenceGear')} ({gears.length})
+                  </div>
                   {gears.map(c => renderRow(c, color, m.name))}
                 </>
               )}
diff --git a/frontend/src/components/korea/FleetClusterLayer.tsx b/frontend/src/components/korea/FleetClusterLayer.tsx
index 57f5a25..b8478b8 100644
--- a/frontend/src/components/korea/FleetClusterLayer.tsx
+++ b/frontend/src/components/korea/FleetClusterLayer.tsx
@@ -1,14 +1,41 @@
-import { useState, useEffect, useMemo, useCallback } from 'react';
+import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import type { Layer as DeckLayer } from '@deck.gl/core';
+import { GeoJsonLayer, ScatterplotLayer } from '@deck.gl/layers';
+import booleanPointInPolygon from '@turf/boolean-point-in-polygon';
+import { point, polygon, lineString } from '@turf/helpers';
 import type { Ship, VesselAnalysisDto } from '../../types';
-import { fetchFleetCompanies, fetchGroupHistory, fetchGroupCorrelations, fetchCorrelationTracks } from '../../services/vesselAnalysis';
-import type { FleetCompany, GearCorrelationItem, CorrelationVesselTrack } from '../../services/vesselAnalysis';
+import {
+  fetchFleetCompanies,
+  fetchGroupHistory,
+  fetchGroupCorrelations,
+  fetchCorrelationTracks,
+  fetchGroupParentInference,
+  fetchParentCandidateExclusions,
+  fetchParentLabelSessions,
+  fetchParentInferenceReview,
+  createGroupParentLabelSession,
+  createGroupCandidateExclusion,
+  createGlobalCandidateExclusion,
+  cancelParentLabelSession,
+  releaseCandidateExclusion,
+} from '../../services/vesselAnalysis';
+import type {
+  FleetCompany,
+  GearCorrelationItem,
+  CorrelationVesselTrack,
+  GroupParentInferenceItem,
+  ParentCandidateExclusion,
+  ParentLabelSession,
+} from '../../services/vesselAnalysis';
 import type { UseGroupPolygonsResult } from '../../hooks/useGroupPolygons';
 import { useGearReplayStore } from '../../stores/gearReplayStore';
+import type { ReplayReviewCandidate } from '../../stores/gearReplayStore';
 import { useFleetClusterDeckLayers } from '../../hooks/useFleetClusterDeckLayers';
 import { useShipDeckStore } from '../../stores/shipDeckStore';
 import type { PickedPolygonFeature } from '../../hooks/useFleetClusterDeckLayers';
 import { useFontScale } from '../../hooks/useFontScale';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useAuth } from '../../hooks/useAuth';
 import type { GroupPolygonDto } from '../../services/vesselAnalysis';
 
 /** 서브클러스터 center 시계열 (독립 추적용) */
@@ -107,6 +134,84 @@ function splitAndMergeHistory(history: GroupPolygonDto[]) {
   return { frames: fillGapFrames(frames as HistoryFrame[]), subClusterCenters };
 }
 
+function compareReviewQueueItems(
+  a: GroupParentInferenceItem,
+  b: GroupParentInferenceItem,
+  mode: ReviewQueueSortMode,
+  zoneDistanceByKey?: Map<string, number>,
+) {
+  switch (mode) {
+    case 'topScore':
+      return (b.parentInference?.topScore ?? -1) - (a.parentInference?.topScore ?? -1)
+        || (b.memberCount ?? -1) - (a.memberCount ?? -1)
+        || a.groupKey.localeCompare(b.groupKey)
+        || a.subClusterId - b.subClusterId;
+    case 'memberCount':
+      return (b.memberCount ?? -1) - (a.memberCount ?? -1)
+        || (b.parentInference?.topScore ?? -1) - (a.parentInference?.topScore ?? -1)
+        || a.groupKey.localeCompare(b.groupKey)
+        || a.subClusterId - b.subClusterId;
+    case 'candidateCount':
+      return (b.candidateCount ?? -1) - (a.candidateCount ?? -1)
+        || (b.parentInference?.topScore ?? -1) - (a.parentInference?.topScore ?? -1)
+        || a.groupKey.localeCompare(b.groupKey)
+        || a.subClusterId - b.subClusterId;
+    case 'name':
+      return a.groupKey.localeCompare(b.groupKey)
+        || a.subClusterId - b.subClusterId;
+    case 'zoneDistance':
+      return (zoneDistanceByKey?.get(reviewItemKey(a.groupKey, a.subClusterId)) ?? Number.POSITIVE_INFINITY)
+        - (zoneDistanceByKey?.get(reviewItemKey(b.groupKey, b.subClusterId)) ?? Number.POSITIVE_INFINITY)
+        || (b.parentInference?.topScore ?? -1) - (a.parentInference?.topScore ?? -1)
+        || (b.memberCount ?? -1) - (a.memberCount ?? -1)
+        || a.groupKey.localeCompare(b.groupKey)
+        || a.subClusterId - b.subClusterId;
+    case 'backend':
+    default:
+      return 0;
+  }
+}
+
+interface MapPointerPayload {
+  coordinate: [number, number];
+  screen: [number, number];
+}
+
+interface ReviewSpatialVertex {
+  coordinate: [number, number];
+  screen: [number, number];
+}
+
+function reviewItemKey(groupKey: string, subClusterId: number) {
+  return `${groupKey}:${subClusterId}`;
+}
+
+function haversineNm(a: [number, number], b: [number, number]) {
+  const toRad = (deg: number) => deg * Math.PI / 180;
+  const [lng1, lat1] = a;
+  const [lng2, lat2] = b;
+  const dLat = toRad(lat2 - lat1);
+  const dLng = toRad(lng2 - lng1);
+  const rLat1 = toRad(lat1);
+  const rLat2 = toRad(lat2);
+  const hav = Math.sin(dLat / 2) ** 2
+    + Math.cos(rLat1) * Math.cos(rLat2) * Math.sin(dLng / 2) ** 2;
+  const km = 6371 * (2 * Math.atan2(Math.sqrt(hav), Math.sqrt(1 - hav)));
+  return km / 1.852;
+}
+
+function zoneDistanceNm(group: GroupPolygonDto | undefined) {
+  if (!group) return Number.POSITIVE_INFINITY;
+  const zone = classifyFishingZone(group.centerLat, group.centerLon);
+  if (zone.zone !== 'OUTSIDE') return 0;
+  const center: [number, number] = [group.centerLon, group.centerLat];
+  let nearest = Number.POSITIVE_INFINITY;
+  for (const boundaryPoint of ZONE_BOUNDARY_POINTS) {
+    nearest = Math.min(nearest, haversineNm(center, boundaryPoint));
+  }
+  return nearest;
+}
+
 // ── 분리된 모듈 ──
 import type { PickerCandidate, HoverTooltipState, GearPickerPopupState, SubFrame, HistoryFrame } from './fleetClusterTypes';
 import { EMPTY_ANALYSIS } from './fleetClusterTypes';
@@ -116,6 +221,52 @@ import FleetClusterMapLayers from './FleetClusterMapLayers';
 import CorrelationPanel from './CorrelationPanel';
 import HistoryReplayController from './HistoryReplayController';
 import FleetGearListPanel from './FleetGearListPanel';
+import ParentReviewPanel, { type ReviewQueueSortMode } from './ParentReviewPanel';
+import {
+  MIN_PARENT_REVIEW_MEMBER_COUNT,
+  MIN_PARENT_REVIEW_SCORE,
+  MIN_PARENT_REVIEW_SCORE_PCT,
+} from './parentInferenceConstants';
+import { ZONE_POLYGONS, classifyFishingZone } from '../../utils/fishingAnalysis';
+
+const REVIEW_SORT_MODES: ReviewQueueSortMode[] = ['backend', 'topScore', 'memberCount', 'candidateCount', 'name', 'zoneDistance'];
+
+function sanitizeWorkflowDurationDays(value: unknown): 1 | 3 | 5 {
+  return value === 3 || value === 5 ? value : 1;
+}
+
+function sanitizeReviewMinTopScorePct(value: unknown) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) return MIN_PARENT_REVIEW_SCORE_PCT;
+  return Math.max(MIN_PARENT_REVIEW_SCORE_PCT, Math.min(100, Math.round(numeric)));
+}
+
+function sanitizeReviewMinMemberCount(value: unknown) {
+  const numeric = Number(value);
+  if (!Number.isFinite(numeric)) return MIN_PARENT_REVIEW_MEMBER_COUNT;
+  return Math.max(MIN_PARENT_REVIEW_MEMBER_COUNT, Math.floor(numeric));
+}
+
+function sanitizeReviewSortMode(value: unknown): ReviewQueueSortMode {
+  return typeof value === 'string' && REVIEW_SORT_MODES.includes(value as ReviewQueueSortMode)
+    ? value as ReviewQueueSortMode
+    : 'backend';
+}
+
+function sanitizeReviewSearchText(value: unknown) {
+  if (typeof value !== 'string') return '';
+  return value.slice(0, 80);
+}
+
+function normalizeReviewSearchText(value: string) {
+  return value.toLowerCase().replace(/\s+/g, '');
+}
+
+const ZONE_BOUNDARY_POINTS: [number, number][] = ZONE_POLYGONS.flatMap(zone =>
+  zone.geojson.geometry.coordinates.flatMap(poly =>
+    poly[0].map(coord => [coord[0], coord[1]] as [number, number]),
+  ),
+);
 
 // ── re-export (KoreaMap 호환) ──
 export type { SelectedGearGroupData, SelectedFleetData } from './fleetClusterTypes';
@@ -131,11 +282,31 @@ interface Props {
   groupPolygons?: UseGroupPolygonsResult;
   zoomScale?: number;
   onDeckLayersChange?: (layers: DeckLayer[]) => void;
+  registerMapClickHandler?: (handler: ((payload: MapPointerPayload) => void) | null) => void;
+  registerMapMoveHandler?: (handler: ((payload: MapPointerPayload) => void) | null) => void;
+  autoOpenReviewPanel?: boolean;
 }
 
-export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipSelect, onFleetZoom, onSelectedGearChange, onSelectedFleetChange, groupPolygons, zoomScale = 1, onDeckLayersChange }: Props) {
+export function FleetClusterLayer({
+  ships,
+  analysisMap: analysisMapProp,
+  onShipSelect,
+  onFleetZoom,
+  onSelectedGearChange,
+  onSelectedFleetChange,
+  groupPolygons,
+  zoomScale = 1,
+  onDeckLayersChange,
+  registerMapClickHandler,
+  registerMapMoveHandler,
+  autoOpenReviewPanel = false,
+}: Props) {
   const analysisMap = analysisMapProp ?? EMPTY_ANALYSIS;
   const { fontScale } = useFontScale();
+  const { user } = useAuth();
+  const legacyReviewActor = typeof window === 'undefined'
+    ? ''
+    : (window.localStorage.getItem('kcg-parent-review-actor') || '').trim();
 
   // ── 선단/어구 패널 상태 ──
   const [companies, setCompanies] = useState<Map<number, FleetCompany>>(new Map());
@@ -143,7 +314,7 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
   const [activeSection, setActiveSection] = useState<string | null>('fleet');
   const toggleSection = (key: string) => setActiveSection(prev => prev === key ? null : key);
   const [hoveredFleetId, setHoveredFleetId] = useState<number | null>(null);
-  const [hoveredGearName, setHoveredGearName] = useState<string | null>(null);
+  const [hoveredGearCompositeKey, setHoveredGearCompositeKey] = useState<string | null>(null);
   const [expandedGearGroup, setExpandedGearGroup] = useState<string | null>(null);
   const [selectedGearGroup, setSelectedGearGroup] = useState<string | null>(null);
 
@@ -159,6 +330,27 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
   const [enabledVessels, setEnabledVessels] = useState<Set<string>>(new Set());
   const [enabledModels, setEnabledModels] = useState<Set<string>>(new Set(['identity', 'default', 'aggressive', 'conservative', 'proximity-heavy', 'visit-pattern']));
   const [hoveredTarget, setHoveredTarget] = useState<{ mmsi: string; model: string } | null>(null);
+  const [parentInferenceItems, setParentInferenceItems] = useState<GroupParentInferenceItem[]>([]);
+  const [parentInferenceQueue, setParentInferenceQueue] = useState<GroupParentInferenceItem[]>([]);
+  const [parentActiveGroupExclusions, setParentActiveGroupExclusions] = useState<ParentCandidateExclusion[]>([]);
+  const [parentActiveGlobalExclusions, setParentActiveGlobalExclusions] = useState<ParentCandidateExclusion[]>([]);
+  const [parentActiveLabelSessions, setParentActiveLabelSessions] = useState<ParentLabelSession[]>([]);
+  const [parentInferenceLoading, setParentInferenceLoading] = useState(false);
+  const [parentInferenceSubmittingKey, setParentInferenceSubmittingKey] = useState<string | null>(null);
+  const [parentReviewActor, setParentReviewActor] = useLocalStorage<string>('parentReviewActor', legacyReviewActor);
+  const [storedParentWorkflowDurationDays, setStoredParentWorkflowDurationDays] = useLocalStorage<1 | 3 | 5>('parentReviewDurationDays', 1);
+  const [storedReviewMinTopScorePct, setStoredReviewMinTopScorePct] = useState<number>(MIN_PARENT_REVIEW_SCORE_PCT);
+  const [storedReviewMinMemberCount, setStoredReviewMinMemberCount] = useState<number>(MIN_PARENT_REVIEW_MEMBER_COUNT);
+  const [storedReviewSortMode, setStoredReviewSortMode] = useState<ReviewQueueSortMode>('backend');
+  const [storedReviewSearchText, setStoredReviewSearchText] = useState<string>('');
+  const [reviewFiltersTouched, setReviewFiltersTouched] = useState(false);
+  const [reviewHighlightedQueueKey, setReviewHighlightedQueueKey] = useState<string | null>(null);
+  const [selectedReviewQueueKey, setSelectedReviewQueueKey] = useState<string | null>(null);
+  const [reviewSpatialFilterVertices, setReviewSpatialFilterVertices] = useState<ReviewSpatialVertex[]>([]);
+  const [reviewSpatialFilterDrawing, setReviewSpatialFilterDrawing] = useState(false);
+  const [reviewSpatialCursor, setReviewSpatialCursor] = useState<MapPointerPayload | null>(null);
+  const lastReviewSpatialClickRef = useRef<{ coordinate: [number, number]; at: number } | null>(null);
+  const autoOpenedReviewRef = useRef(false);
 
   // ── Zustand store (히스토리 재생) ──
   const historyActive = useGearReplayStore(s => s.historyFrames.length > 0);
@@ -170,13 +362,195 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     fetchFleetCompanies().then(setCompanies).catch(() => {});
   }, []);
 
+  useEffect(() => {
+    const sanitized = sanitizeWorkflowDurationDays(storedParentWorkflowDurationDays);
+    if (sanitized !== storedParentWorkflowDurationDays) {
+      setStoredParentWorkflowDurationDays(sanitized);
+    }
+  }, [setStoredParentWorkflowDurationDays, storedParentWorkflowDurationDays]);
+
+  useEffect(() => {
+    if (!user?.name) return;
+    setParentReviewActor(user.name);
+  }, [setParentReviewActor, user?.name]);
+
+  const parentWorkflowDurationDays = sanitizeWorkflowDurationDays(storedParentWorkflowDurationDays);
+  const reviewMinTopScorePct = sanitizeReviewMinTopScorePct(storedReviewMinTopScorePct);
+  const reviewMinMemberCount = sanitizeReviewMinMemberCount(storedReviewMinMemberCount);
+  const reviewSortMode = sanitizeReviewSortMode(storedReviewSortMode);
+  const reviewSearchText = sanitizeReviewSearchText(storedReviewSearchText);
+  const reviewDrivenOverlayMode = !!selectedGearGroup;
+
+  const getSnappedReviewPointer = useCallback((payload: MapPointerPayload): MapPointerPayload => {
+    if (reviewSpatialFilterVertices.length < 3) return payload;
+    const first = reviewSpatialFilterVertices[0];
+    const dx = first.screen[0] - payload.screen[0];
+    const dy = first.screen[1] - payload.screen[1];
+    const pixelDistance = Math.hypot(dx, dy);
+    if (pixelDistance <= 18) {
+      return {
+        coordinate: first.coordinate,
+        screen: first.screen,
+      };
+    }
+    return payload;
+  }, [reviewSpatialFilterVertices]);
+
+  const handleReviewSpatialFilterMove = useCallback((payload: MapPointerPayload) => {
+    if (!reviewSpatialFilterDrawing) return;
+    setReviewSpatialCursor(getSnappedReviewPointer(payload));
+  }, [getSnappedReviewPointer, reviewSpatialFilterDrawing]);
+
+  const handleReviewSpatialFilterClick = useCallback((payload: MapPointerPayload) => {
+    if (!reviewSpatialFilterDrawing) return;
+    const snapped = getSnappedReviewPointer(payload);
+    const now = Date.now();
+    const last = lastReviewSpatialClickRef.current;
+    if (
+      last
+      && now - last.at < 400
+      && Math.abs(last.coordinate[0] - snapped.coordinate[0]) < 1e-6
+      && Math.abs(last.coordinate[1] - snapped.coordinate[1]) < 1e-6
+    ) {
+      return;
+    }
+    lastReviewSpatialClickRef.current = { coordinate: snapped.coordinate, at: now };
+    setReviewSpatialCursor(snapped);
+
+    if (reviewSpatialFilterVertices.length >= 3) {
+      const first = reviewSpatialFilterVertices[0];
+      const isClosingClick = Math.abs(first.coordinate[0] - snapped.coordinate[0]) < 1e-10
+        && Math.abs(first.coordinate[1] - snapped.coordinate[1]) < 1e-10;
+      if (isClosingClick) {
+        setReviewSpatialFilterDrawing(false);
+        return;
+      }
+    }
+
+    setReviewSpatialFilterVertices(prev => [...prev, {
+      coordinate: snapped.coordinate,
+      screen: snapped.screen,
+    }]);
+  }, [getSnappedReviewPointer, reviewSpatialFilterDrawing, reviewSpatialFilterVertices]);
+
+  const startReviewSpatialFilter = useCallback(() => {
+    setGearPickerPopup(null);
+    setPickerHoveredGroup(null);
+    lastReviewSpatialClickRef.current = null;
+    setReviewSpatialFilterVertices([]);
+    setReviewSpatialCursor(null);
+    setReviewSpatialFilterDrawing(true);
+  }, []);
+
+  const finishReviewSpatialFilter = useCallback(() => {
+    setReviewSpatialFilterDrawing(prev => (reviewSpatialFilterVertices.length >= 3 ? false : prev));
+  }, [reviewSpatialFilterVertices.length]);
+
+  const clearReviewSpatialFilter = useCallback(() => {
+    lastReviewSpatialClickRef.current = null;
+    setReviewSpatialFilterDrawing(false);
+    setReviewSpatialFilterVertices([]);
+    setReviewSpatialCursor(null);
+  }, []);
+
+  useEffect(() => {
+    registerMapClickHandler?.(reviewSpatialFilterDrawing ? handleReviewSpatialFilterClick : null);
+    registerMapMoveHandler?.(reviewSpatialFilterDrawing ? handleReviewSpatialFilterMove : null);
+    return () => {
+      registerMapClickHandler?.(null);
+      registerMapMoveHandler?.(null);
+    };
+  }, [
+    handleReviewSpatialFilterClick,
+    handleReviewSpatialFilterMove,
+    registerMapClickHandler,
+    registerMapMoveHandler,
+    reviewSpatialFilterDrawing,
+  ]);
+
+  const reloadParentInference = useCallback(async (
+    groupKey: string,
+    options?: { reloadQueue?: boolean },
+  ) => {
+    setParentInferenceLoading(true);
+    try {
+      const requests: Promise<unknown>[] = [];
+      if (options?.reloadQueue !== false) {
+        requests.push(
+          fetchParentInferenceReview('REVIEW_REQUIRED', 100).catch(
+            () => ({ count: 0, items: [] as GroupParentInferenceItem[] }),
+          ),
+        );
+      }
+      requests.push(
+        fetchGroupParentInference(groupKey).catch(() => ({ groupKey, count: 0, items: [] as GroupParentInferenceItem[] })),
+        fetchParentCandidateExclusions({ groupKey, activeOnly: true, limit: 200 }).catch(
+          () => ({ count: 0, items: [] as ParentCandidateExclusion[] }),
+        ),
+        fetchParentCandidateExclusions({ scopeType: 'GLOBAL', activeOnly: true, limit: 500 }).catch(
+          () => ({ count: 0, items: [] as ParentCandidateExclusion[] }),
+        ),
+        fetchParentLabelSessions({ groupKey, activeOnly: true, limit: 100 }).catch(
+          () => ({ count: 0, items: [] as ParentLabelSession[] }),
+        ),
+      );
+
+      const results = await Promise.all(requests);
+      let resultIndex = 0;
+      if (options?.reloadQueue !== false) {
+        const queueRes = results[resultIndex] as { count: number; items: GroupParentInferenceItem[] };
+        setParentInferenceQueue(queueRes.items);
+        resultIndex += 1;
+      }
+      const detailRes = results[resultIndex++] as { groupKey: string; count: number; items: GroupParentInferenceItem[] };
+      const groupExclusionRes = results[resultIndex++] as { count: number; items: ParentCandidateExclusion[] };
+      const globalExclusionRes = results[resultIndex++] as { count: number; items: ParentCandidateExclusion[] };
+      const labelSessionRes = results[resultIndex] as { count: number; items: ParentLabelSession[] };
+
+      setParentInferenceItems(detailRes.items);
+      setParentActiveGroupExclusions(groupExclusionRes.items);
+      setParentActiveGlobalExclusions(globalExclusionRes.items);
+      setParentActiveLabelSessions(labelSessionRes.items);
+    } finally {
+      setParentInferenceLoading(false);
+    }
+  }, []);
+
+  const refreshParentInferenceQueue = useCallback(async () => {
+    setParentInferenceLoading(true);
+    try {
+      const queueRes = await fetchParentInferenceReview('REVIEW_REQUIRED', 100).catch(
+        () => ({ count: 0, items: [] as GroupParentInferenceItem[] }),
+      );
+      setParentInferenceQueue(queueRes.items);
+      if (selectedGearGroup) {
+        const [groupExclusionRes, globalExclusionRes, labelSessionRes] = await Promise.all([
+          fetchParentCandidateExclusions({ groupKey: selectedGearGroup, activeOnly: true, limit: 200 }).catch(
+            () => ({ count: 0, items: [] as ParentCandidateExclusion[] }),
+          ),
+          fetchParentCandidateExclusions({ scopeType: 'GLOBAL', activeOnly: true, limit: 500 }).catch(
+            () => ({ count: 0, items: [] as ParentCandidateExclusion[] }),
+          ),
+          fetchParentLabelSessions({ groupKey: selectedGearGroup, activeOnly: true, limit: 100 }).catch(
+            () => ({ count: 0, items: [] as ParentLabelSession[] }),
+          ),
+        ]);
+        setParentActiveGroupExclusions(groupExclusionRes.items);
+        setParentActiveGlobalExclusions(globalExclusionRes.items);
+        setParentActiveLabelSessions(labelSessionRes.items);
+      }
+    } finally {
+      setParentInferenceLoading(false);
+    }
+  }, [selectedGearGroup]);
+
   // ── 히스토리 로드 (3개 API 순차 await → 스토어 초기화 → 재생) ──
   const loadHistory = async (groupKey: string) => {
     // 1. 모든 데이터를 병렬 fetch
     const [history, corrRes, trackRes] = await Promise.all([
       fetchGroupHistory(groupKey, 12),
       fetchGroupCorrelations(groupKey, 0.3).catch(() => ({ items: [] as GearCorrelationItem[] })),
-      fetchCorrelationTracks(groupKey, 24, 0.3).catch(() => ({ vessels: [] as CorrelationVesselTrack[] })),
+      fetchCorrelationTracks(groupKey, 24, 0).catch(() => ({ vessels: [] as CorrelationVesselTrack[] })),
     ]);
 
     // 2. resolution별 분리 → 1h(primary) + 6h(secondary)
@@ -214,7 +588,7 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
 
     // 4. 스토어 초기화 (1h + 6h 모든 데이터 포함) → 재생 시작
     const store = useGearReplayStore.getState();
-    store.loadHistory(filled, corrTracks, corrData, enabledModels, vessels, filled6h);
+    store.loadHistory(filled, corrTracks, corrData, new Set(['identity']), vessels, filled6h);
     // 서브클러스터별 독립 center 궤적 + 전체 구간 고유 멤버 저장
     const seen = new Set<string>();
     const allHistoryMembers: { mmsi: string; name: string; isParent: boolean }[] = [];
@@ -232,10 +606,7 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
 
   const closeHistory = useCallback(() => {
     useGearReplayStore.getState().reset();
-    setSelectedGearGroup(null);
-    setCorrelationData([]);
-    setCorrelationTracks([]);
-    setEnabledVessels(new Set());
+    setHoveredTarget(null);
   }, []);
 
   // ── cnFishing 탭 off (unmount) 시 재생 상태 + deck layers 전체 초기화 ──
@@ -249,8 +620,10 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
 
   // ── enabledModels/enabledVessels/hoveredTarget → store 동기화 ──
   useEffect(() => {
-    useGearReplayStore.getState().setEnabledModels(enabledModels);
-  }, [enabledModels]);
+    useGearReplayStore
+      .getState()
+      .setEnabledModels(reviewDrivenOverlayMode ? new Set(['identity']) : enabledModels);
+  }, [enabledModels, reviewDrivenOverlayMode]);
 
   useEffect(() => {
     useGearReplayStore.getState().setEnabledVessels(enabledVessels);
@@ -260,6 +633,44 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     useGearReplayStore.getState().setHoveredMmsi(hoveredTarget?.mmsi ?? null);
   }, [hoveredTarget]);
 
+  useEffect(() => {
+    const replayStore = useGearReplayStore.getState();
+    if (!selectedGearGroup || parentInferenceItems.length === 0) {
+      replayStore.setReviewCandidates([]);
+      return;
+    }
+
+      const dedup = new Map<string, ReplayReviewCandidate>();
+    for (const item of parentInferenceItems) {
+      for (const candidate of (item.candidates ?? []).filter(entry => (entry.finalScore ?? 0) >= MIN_PARENT_REVIEW_SCORE)) {
+        const next: ReplayReviewCandidate = {
+          mmsi: candidate.candidateMmsi,
+          name: candidate.candidateName || candidate.candidateMmsi,
+          rank: candidate.rank,
+          score: candidate.finalScore ?? null,
+          trackAvailable: !!candidate.trackAvailable,
+          subClusterId: item.subClusterId,
+        };
+        const prev = dedup.get(candidate.candidateMmsi);
+        if (!prev || next.rank < prev.rank || ((next.score ?? 0) > (prev.score ?? 0))) {
+          dedup.set(candidate.candidateMmsi, next);
+        }
+      }
+    }
+
+    replayStore.setReviewCandidates(
+      [...dedup.values()].sort((a, b) => {
+        if (a.rank !== b.rank) return a.rank - b.rank;
+        return (b.score ?? 0) - (a.score ?? 0);
+      }),
+    );
+  }, [parentInferenceItems, selectedGearGroup]);
+
+  useEffect(() => {
+    if ((selectedGearGroup && parentInferenceItems.length > 0) || hoveredTarget?.model !== 'parent-review') return;
+    setHoveredTarget(null);
+  }, [hoveredTarget, parentInferenceItems.length, selectedGearGroup]);
+
   // ── ESC 키 ──
   useEffect(() => {
     const onKeyDown = (e: KeyboardEvent) => {
@@ -283,6 +694,227 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     return m;
   }, [ships]);
 
+  const gearGroupLookup = useMemo(() => {
+    const byCompositeKey = new Map<string, GroupPolygonDto>();
+    const byGroupKey = new Map<string, GroupPolygonDto>();
+    const allGroups = groupPolygons?.allGroups.filter(group => group.groupType !== 'FLEET') ?? [];
+    for (const group of allGroups) {
+      byCompositeKey.set(`${group.groupKey}:${group.subClusterId ?? 0}`, group);
+      if (!byGroupKey.has(group.groupKey)) byGroupKey.set(group.groupKey, group);
+    }
+    return { byCompositeKey, byGroupKey };
+  }, [groupPolygons?.allGroups]);
+
+  const reviewSpatialFilterPoints = useMemo(
+    () => reviewSpatialFilterVertices.map(vertex => vertex.coordinate),
+    [reviewSpatialFilterVertices],
+  );
+
+  const reviewSpatialPreviewCoordinate = reviewSpatialCursor?.coordinate ?? null;
+
+  const reviewSpatialFilterPolygon = useMemo(() => {
+    if (reviewSpatialFilterPoints.length < 3 || reviewSpatialFilterDrawing) return null;
+    return polygon([[...reviewSpatialFilterPoints, reviewSpatialFilterPoints[0]]]);
+  }, [reviewSpatialFilterDrawing, reviewSpatialFilterPoints]);
+
+  const reviewZoneDistanceByKey = useMemo(() => {
+    const map = new Map<string, number>();
+    for (const item of parentInferenceQueue) {
+      const key = reviewItemKey(item.groupKey, item.subClusterId);
+      const group = gearGroupLookup.byCompositeKey.get(key) ?? gearGroupLookup.byGroupKey.get(item.groupKey);
+      map.set(key, zoneDistanceNm(group));
+    }
+    return map;
+  }, [gearGroupLookup.byCompositeKey, gearGroupLookup.byGroupKey, parentInferenceQueue]);
+
+  const reviewSpatialFilterLayers = useMemo<DeckLayer[]>(() => {
+    if (reviewSpatialFilterPoints.length === 0) return [];
+
+    const layers: DeckLayer[] = [];
+    const previewCoordinates = reviewSpatialPreviewCoordinate
+      ? [...reviewSpatialFilterPoints, reviewSpatialPreviewCoordinate]
+      : reviewSpatialFilterPoints;
+    const previewPolygon = reviewSpatialFilterDrawing && previewCoordinates.length >= 3
+      ? polygon([[...previewCoordinates, previewCoordinates[0]]])
+      : null;
+    const geometry = reviewSpatialFilterPolygon
+      ?? previewPolygon
+      ?? (previewCoordinates.length >= 2 ? lineString(previewCoordinates) : point(previewCoordinates[0]));
+
+    layers.push(new GeoJsonLayer({
+      id: 'parent-review-spatial-filter-shape',
+      data: geometry,
+      pickable: false,
+      stroked: true,
+      filled: !!(reviewSpatialFilterPolygon || previewPolygon),
+      getLineColor: reviewSpatialFilterDrawing ? [56, 189, 248, 255] : [34, 197, 94, 255],
+      getFillColor: reviewSpatialFilterDrawing ? [56, 189, 248, 28] : [34, 197, 94, 26],
+      lineWidthMinPixels: reviewSpatialFilterPolygon ? 3 : 2,
+    }));
+
+    layers.push(new ScatterplotLayer({
+      id: 'parent-review-spatial-filter-points',
+      data: [
+        ...reviewSpatialFilterPoints.map((position, index) => ({
+          position,
+          isLast: index === reviewSpatialFilterPoints.length - 1,
+          isPreview: false,
+          isStart: index === 0,
+        })),
+        ...(reviewSpatialFilterDrawing && reviewSpatialPreviewCoordinate
+          ? [{
+              position: reviewSpatialPreviewCoordinate,
+              isLast: false,
+              isPreview: true,
+              isStart: false,
+            }]
+          : []),
+      ],
+      pickable: false,
+      getPosition: (datum: { position: [number, number] }) => datum.position,
+      getFillColor: (datum: { position: [number, number]; isLast: boolean; isPreview: boolean; isStart: boolean }) => {
+        if (datum.isPreview) return [56, 189, 248, 220];
+        if (datum.isStart && reviewSpatialPreviewCoordinate
+          && datum.position[0] === reviewSpatialPreviewCoordinate[0]
+          && datum.position[1] === reviewSpatialPreviewCoordinate[1]) {
+          return [34, 197, 94, 255];
+        }
+        return datum.isLast ? [125, 211, 252, 255] : [226, 232, 240, 220];
+      },
+      getLineColor: [8, 15, 24, 255],
+      getRadius: (datum: { position: [number, number]; isLast: boolean; isPreview: boolean; isStart: boolean }) => {
+        if (datum.isPreview) return 7;
+        if (datum.isStart && reviewSpatialPreviewCoordinate
+          && datum.position[0] === reviewSpatialPreviewCoordinate[0]
+          && datum.position[1] === reviewSpatialPreviewCoordinate[1]) {
+          return 9;
+        }
+        return datum.isLast ? 8 : 6;
+      },
+      radiusUnits: 'pixels',
+      stroked: true,
+      lineWidthMinPixels: 1.5,
+    }));
+
+    return layers;
+  }, [
+    reviewSpatialFilterDrawing,
+    reviewSpatialFilterPoints,
+    reviewSpatialFilterPolygon,
+    reviewSpatialPreviewCoordinate,
+  ]);
+
+  const filteredParentInferenceQueue = useMemo(() => {
+    const threshold = Math.max(MIN_PARENT_REVIEW_SCORE_PCT, reviewMinTopScorePct) / 100;
+    const normalizedSearch = normalizeReviewSearchText(reviewSearchText);
+    const filtered = parentInferenceQueue.filter(item => {
+      const topScore = item.parentInference?.topScore ?? 0;
+      if (topScore < threshold) return false;
+      if ((item.memberCount ?? 0) < reviewMinMemberCount) return false;
+      if (normalizedSearch) {
+        const haystack = normalizeReviewSearchText([
+          item.groupKey,
+          item.groupLabel,
+          item.zoneName,
+          item.parentInference?.selectedParentName,
+        ].filter(Boolean).join(' '));
+        if (!haystack.includes(normalizedSearch)) return false;
+      }
+      if (!reviewSpatialFilterPolygon) return true;
+      const group = gearGroupLookup.byCompositeKey.get(`${item.groupKey}:${item.subClusterId}`)
+        ?? gearGroupLookup.byGroupKey.get(item.groupKey);
+      if (!group) return false;
+      return booleanPointInPolygon(point([group.centerLon, group.centerLat]), reviewSpatialFilterPolygon);
+    });
+
+    if (reviewSortMode === 'backend') return filtered;
+    return [...filtered].sort((a, b) => compareReviewQueueItems(a, b, reviewSortMode, reviewZoneDistanceByKey));
+  }, [
+    gearGroupLookup.byCompositeKey,
+    gearGroupLookup.byGroupKey,
+    parentInferenceQueue,
+    reviewMinMemberCount,
+    reviewSearchText,
+    reviewMinTopScorePct,
+    reviewSortMode,
+    reviewSpatialFilterPolygon,
+    reviewZoneDistanceByKey,
+  ]);
+
+  const reviewFilterFallbackActive = autoOpenReviewPanel
+    && !reviewFiltersTouched
+    && filteredParentInferenceQueue.length === 0
+    && parentInferenceQueue.length > 0;
+
+  const displayedParentInferenceQueue = reviewFilterFallbackActive
+    ? parentInferenceQueue
+    : filteredParentInferenceQueue;
+
+  const displayedParentInferenceQueueKeys = useMemo(
+    () => new Set(displayedParentInferenceQueue.map(item => reviewItemKey(item.groupKey, item.subClusterId))),
+    [displayedParentInferenceQueue],
+  );
+
+  const selectedQueueKeyForView = useMemo(() => {
+    if (selectedReviewQueueKey) return selectedReviewQueueKey;
+    if (!selectedGearGroup) return null;
+    const firstMatch = displayedParentInferenceQueue.find(item => item.groupKey === selectedGearGroup)
+      ?? parentInferenceQueue.find(item => item.groupKey === selectedGearGroup);
+    return firstMatch ? reviewItemKey(firstMatch.groupKey, firstMatch.subClusterId) : null;
+  }, [displayedParentInferenceQueue, parentInferenceQueue, selectedGearGroup, selectedReviewQueueKey]);
+
+  const focusedReviewQueueKey = reviewHighlightedQueueKey ?? (historyActive ? selectedQueueKeyForView : null);
+  const reviewScrollTargetQueueKey = useMemo(() => {
+    if (hoverTooltip?.type === 'gear') {
+      const hoveredQueueKey = hoverTooltip.compositeKey ?? null;
+      return hoveredQueueKey && displayedParentInferenceQueueKeys.has(hoveredQueueKey) ? hoveredQueueKey : null;
+    }
+    return historyActive ? selectedQueueKeyForView : null;
+  }, [displayedParentInferenceQueueKeys, historyActive, hoverTooltip, selectedQueueKeyForView]);
+
+  const reviewMapFilterActive = reviewMinTopScorePct > MIN_PARENT_REVIEW_SCORE_PCT
+    || reviewMinMemberCount > MIN_PARENT_REVIEW_MEMBER_COUNT
+    || reviewSearchText.trim().length > 0
+    || !!reviewSpatialFilterPolygon;
+  const reviewAutoFocusMode = autoOpenReviewPanel && !historyActive;
+  const effectiveEnabledModels = useMemo(
+    () => (reviewAutoFocusMode ? new Set<string>() : reviewDrivenOverlayMode ? new Set<string>(['identity']) : enabledModels),
+    [enabledModels, reviewAutoFocusMode, reviewDrivenOverlayMode],
+  );
+
+  const visibleReviewQueueKeys = useMemo(
+    () => (reviewMapFilterActive ? displayedParentInferenceQueueKeys : null),
+    [displayedParentInferenceQueueKeys, reviewMapFilterActive],
+  );
+
+  const activeLabelSessionByQueueKey = useMemo(() => {
+    const map = new Map<string, ParentLabelSession>();
+    for (const session of parentActiveLabelSessions) {
+      map.set(reviewItemKey(session.groupKey, session.subClusterId), session);
+    }
+    return map;
+  }, [parentActiveLabelSessions]);
+
+  const activeGroupExclusionByKey = useMemo(() => {
+    const map = new Map<string, ParentCandidateExclusion>();
+    for (const exclusion of parentActiveGroupExclusions) {
+      if (!exclusion.groupKey || exclusion.subClusterId == null) continue;
+      map.set(
+        `${reviewItemKey(exclusion.groupKey, exclusion.subClusterId)}:${exclusion.candidateMmsi}`,
+        exclusion,
+      );
+    }
+    return map;
+  }, [parentActiveGroupExclusions]);
+
+  const activeGlobalExclusionByMmsi = useMemo(() => {
+    const map = new Map<string, ParentCandidateExclusion>();
+    for (const exclusion of parentActiveGlobalExclusions) {
+      map.set(exclusion.candidateMmsi, exclusion);
+    }
+    return map;
+  }, [parentActiveGlobalExclusions]);
+
 
 
   // ── 부모 콜백 동기화: 어구 그룹 선택 ──
@@ -321,11 +953,44 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     return () => { cancelled = true; };
   }, [selectedGearGroup, historyActive]);
 
+  useEffect(() => {
+    if (!autoOpenReviewPanel) return;
+    void refreshParentInferenceQueue();
+  }, [autoOpenReviewPanel, refreshParentInferenceQueue]);
+
+  useEffect(() => {
+    if (!selectedGearGroup) {
+      setParentInferenceItems([]);
+      setParentActiveGroupExclusions([]);
+      setParentActiveGlobalExclusions([]);
+      setParentActiveLabelSessions([]);
+      setSelectedReviewQueueKey(null);
+      return;
+    }
+    let cancelled = false;
+    void reloadParentInference(selectedGearGroup, { reloadQueue: false }).catch(() => {
+      if (!cancelled) {
+        setParentInferenceItems([]);
+        setParentActiveGroupExclusions([]);
+        setParentActiveGlobalExclusions([]);
+        setParentActiveLabelSessions([]);
+      }
+    });
+    return () => { cancelled = true; };
+  }, [reloadParentInference, selectedGearGroup]);
+
+  useEffect(() => {
+    if (!selectedReviewQueueKey) return;
+    if (!selectedGearGroup || !selectedReviewQueueKey.startsWith(`${selectedGearGroup}:`)) {
+      setSelectedReviewQueueKey(null);
+    }
+  }, [selectedGearGroup, selectedReviewQueueKey]);
+
   // ── 연관 선박 항적 로드 (loadHistory에서 일괄 처리, 여기서는 비재생 모드만) ──
   useEffect(() => {
     if (!selectedGearGroup || historyActive) { if (!selectedGearGroup) { setCorrelationTracks([]); setEnabledVessels(new Set()); } return; }
     let cancelled = false;
-    fetchCorrelationTracks(selectedGearGroup, 24, 0.3)
+      fetchCorrelationTracks(selectedGearGroup, 24, 0)
       .then(res => {
         if (!cancelled) {
           setCorrelationTracks(res.vessels);
@@ -356,22 +1021,37 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
 
   // ── GeoJSON 훅 ──
   const hoveredMmsi = hoveredTarget?.mmsi ?? null;
+  const hoveredParentCandidateMmsi = hoveredTarget?.model === 'parent-review' ? hoveredTarget.mmsi : null;
   const geo = useFleetClusterGeoJson({
     ships, shipMap, groupPolygons, analysisMap,
-    hoveredFleetId, selectedGearGroup, pickerHoveredGroup,
+    hoveredFleetId,
+    hoveredGearCompositeKey,
+    visibleGearCompositeKeys: visibleReviewQueueKeys,
+    selectedGearGroup,
+    selectedGearCompositeKey: selectedQueueKeyForView,
+    pickerHoveredGroup,
     historyActive,
     correlationData, correlationTracks,
-    enabledModels, enabledVessels, hoveredMmsi,
+    enabledModels: effectiveEnabledModels, enabledVessels, hoveredMmsi,
   });
 
   // ── deck.gl 이벤트 콜백 ──
   const handleDeckPolygonClick = useCallback((features: PickedPolygonFeature[], coordinate: [number, number]) => {
+    if (reviewSpatialFilterDrawing) {
+      handleReviewSpatialFilterClick(
+        reviewSpatialCursor
+          ? { coordinate, screen: reviewSpatialCursor.screen }
+          : { coordinate, screen: [0, 0] },
+      );
+      return;
+    }
     if (features.length === 0) return;
     if (features.length === 1) {
       const c = features[0];
       if (c.type === 'fleet' && c.clusterId != null) {
         setExpandedFleet(prev => prev === c.clusterId ? null : c.clusterId!);
         setActiveSection('fleet');
+        setSelectedReviewQueueKey(null);
         const group = groupPolygons?.fleetGroups.find(g => Number(g.groupKey) === c.clusterId);
         if (group && group.members.length > 0) {
           let minLat = Infinity, maxLat = -Infinity, minLng = Infinity, maxLng = -Infinity;
@@ -384,13 +1064,18 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
           if (minLat !== Infinity) onFleetZoom?.({ minLat, maxLat, minLng, maxLng });
         }
         loadHistory(String(c.clusterId));
-      } else if (c.type === 'gear' && c.name) {
-        setSelectedGearGroup(prev => prev === c.name ? null : c.name!);
-        setExpandedGearGroup(c.name);
-        const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === c.name);
+      } else if (c.type === 'gear' && c.groupKey) {
+        const nextQueueKey = c.compositeKey ?? reviewItemKey(c.groupKey, c.subClusterId ?? 0);
+        const isSameSelection = selectedGearGroup === c.groupKey && selectedQueueKeyForView === nextQueueKey;
+        setSelectedReviewQueueKey(isSameSelection ? null : nextQueueKey);
+        setSelectedGearGroup(isSameSelection ? null : c.groupKey);
+        setExpandedGearGroup(c.groupKey);
+        const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === c.groupKey);
         setActiveSection(isInZone ? 'inZone' : 'outZone');
         const allGroups = groupPolygons ? [...groupPolygons.gearInZoneGroups, ...groupPolygons.gearOutZoneGroups] : [];
-        const group = allGroups.find(g => g.groupKey === c.name);
+        const group = c.compositeKey
+          ? gearGroupLookup.byCompositeKey.get(c.compositeKey) ?? allGroups.find(g => g.groupKey === c.groupKey)
+          : allGroups.find(g => g.groupKey === c.groupKey);
         if (group && group.members.length > 0) {
           let minLat = Infinity, maxLat = -Infinity, minLng = Infinity, maxLng = -Infinity;
           for (const m of group.members) {
@@ -401,7 +1086,7 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
           }
           if (minLat !== Infinity) onFleetZoom?.({ minLat, maxLat, minLng, maxLng });
         }
-        loadHistory(c.name);
+        loadHistory(c.groupKey);
       }
     } else {
       // 겹친 폴리곤 → 피커 팝업
@@ -414,24 +1099,54 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
       });
       setGearPickerPopup({ lng: coordinate[0], lat: coordinate[1], candidates });
     }
-  }, [groupPolygons, onFleetZoom, loadHistory]);
+  }, [
+    groupPolygons,
+    gearGroupLookup.byCompositeKey,
+    handleReviewSpatialFilterClick,
+    loadHistory,
+    onFleetZoom,
+    reviewSpatialCursor,
+    reviewSpatialFilterDrawing,
+    selectedGearGroup,
+    selectedQueueKeyForView,
+  ]);
 
-  const handleDeckPolygonHover = useCallback((info: { lng: number; lat: number; type: 'fleet' | 'gear'; id: string | number } | null) => {
+  const handleDeckPolygonHover = useCallback((info: {
+    lng: number;
+    lat: number;
+    type: 'fleet' | 'gear';
+    id: string | number;
+    groupKey?: string;
+    subClusterId?: number;
+    compositeKey?: string;
+  } | null) => {
     if (info) {
       if (info.type === 'fleet') {
         setHoveredFleetId(info.id as number);
-        setHoveredGearName(null);
+        setHoveredGearCompositeKey(null);
+        setReviewHighlightedQueueKey(null);
       } else {
         setHoveredFleetId(null);
-        setHoveredGearName(info.id as string);
+        const compositeKey = info.compositeKey ?? null;
+        setHoveredGearCompositeKey(compositeKey);
+        setReviewHighlightedQueueKey(compositeKey && displayedParentInferenceQueueKeys.has(compositeKey) ? compositeKey : null);
       }
-      setHoverTooltip({ lng: info.lng, lat: info.lat, type: info.type, id: info.id });
+      setHoverTooltip({
+        lng: info.lng,
+        lat: info.lat,
+        type: info.type,
+        id: info.id,
+        groupKey: info.groupKey,
+        subClusterId: info.subClusterId,
+        compositeKey: info.compositeKey,
+      });
     } else {
       setHoveredFleetId(null);
-      setHoveredGearName(null);
+      setHoveredGearCompositeKey(null);
+      setReviewHighlightedQueueKey(null);
       setHoverTooltip(null);
     }
-  }, []);
+  }, [displayedParentInferenceQueueKeys]);
 
   // ── deck.gl 레이어 빌드 ──
   const focusMode = useGearReplayStore(s => s.focusMode);
@@ -439,8 +1154,8 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
   const fleetDeckLayers = useFleetClusterDeckLayers(geo, {
     selectedGearGroup,
     hoveredMmsi,
-    hoveredGearGroup: hoveredGearName,
-    enabledModels,
+    hoveredGearCompositeKey,
+    enabledModels: effectiveEnabledModels,
     historyActive,
     hasCorrelationTracks: correlationTracks.length > 0,
     zoomScale,
@@ -452,8 +1167,8 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
   });
 
   useEffect(() => {
-    onDeckLayersChange?.(fleetDeckLayers);
-  }, [fleetDeckLayers, onDeckLayersChange]);
+    onDeckLayersChange?.([...fleetDeckLayers, ...reviewSpatialFilterLayers]);
+  }, [fleetDeckLayers, onDeckLayersChange, reviewSpatialFilterLayers]);
 
   // ── 어구 그룹 데이터 ──
   const inZoneGearGroups = groupPolygons?.gearInZoneGroups ?? [];
@@ -474,20 +1189,18 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     onFleetZoom?.({ minLat, maxLat, minLng, maxLng });
   }, [groupPolygons?.fleetGroups, onFleetZoom]);
 
-  const handleGearGroupZoom = useCallback((parentName: string) => {
-    setSelectedGearGroup(prev => prev === parentName ? null : parentName);
-    setExpandedGearGroup(parentName);
-    const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === parentName);
-    setActiveSection(isInZone ? 'inZone' : 'outZone');
-    requestAnimationFrame(() => {
-      setTimeout(() => {
-        document.getElementById(`gear-row-${parentName}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      }, 50);
-    });
+  const focusGearGroupBounds = useCallback((parentName: string, subClusterId?: number | null) => {
     const allGroups = groupPolygons ? [...groupPolygons.gearInZoneGroups, ...groupPolygons.gearOutZoneGroups] : [];
-    const group = allGroups.find(g => g.groupKey === parentName);
+    const group = subClusterId != null
+      ? gearGroupLookup.byCompositeKey.get(reviewItemKey(parentName, subClusterId))
+        ?? allGroups.find(g => g.groupKey === parentName && (g.subClusterId ?? 0) === subClusterId)
+        ?? allGroups.find(g => g.groupKey === parentName)
+      : allGroups.find(g => g.groupKey === parentName);
     if (!group || group.members.length === 0) return;
-    let minLat = Infinity, maxLat = -Infinity, minLng = Infinity, maxLng = -Infinity;
+    let minLat = Infinity;
+    let maxLat = -Infinity;
+    let minLng = Infinity;
+    let maxLng = -Infinity;
     for (const m of group.members) {
       if (m.lat < minLat) minLat = m.lat;
       if (m.lat > maxLat) maxLat = m.lat;
@@ -496,8 +1209,151 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
     }
     if (minLat === Infinity) return;
     onFleetZoom?.({ minLat, maxLat, minLng, maxLng });
+  }, [gearGroupLookup.byCompositeKey, groupPolygons, onFleetZoom]);
+
+  const handleGearGroupZoom = useCallback((parentName: string, subClusterId?: number | null) => {
+    const nextQueueKey = subClusterId != null ? reviewItemKey(parentName, subClusterId) : null;
+    const isSameSelection = subClusterId != null
+      ? selectedGearGroup === parentName && selectedQueueKeyForView === nextQueueKey
+      : selectedGearGroup === parentName;
+    if (subClusterId != null) {
+      setSelectedReviewQueueKey(isSameSelection ? null : nextQueueKey);
+    }
+    setSelectedGearGroup(isSameSelection ? null : parentName);
+    setExpandedGearGroup(parentName);
+    const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === parentName);
+    setActiveSection(isInZone ? 'inZone' : 'outZone');
+    requestAnimationFrame(() => {
+      setTimeout(() => {
+        document.getElementById(`gear-row-${parentName}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      }, 50);
+    });
+    focusGearGroupBounds(parentName, subClusterId);
     loadHistory(parentName);
-  }, [groupPolygons, onFleetZoom]);
+  }, [focusGearGroupBounds, groupPolygons, selectedGearGroup, selectedQueueKeyForView]);
+
+  const handleJumpToReviewGroup = useCallback((groupKey: string, subClusterId: number) => {
+    setSelectedGearGroup(groupKey);
+    setExpandedGearGroup(groupKey);
+    setSelectedReviewQueueKey(reviewItemKey(groupKey, subClusterId));
+    const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === groupKey);
+    setActiveSection(isInZone ? 'inZone' : 'outZone');
+    focusGearGroupBounds(groupKey, subClusterId);
+  }, [focusGearGroupBounds, groupPolygons?.gearInZoneGroups]);
+
+  const handleParentWorkflowAction = useCallback(async (
+    subClusterId: number,
+    action: 'LABEL' | 'GROUP_EXCLUDE' | 'GLOBAL_EXCLUDE' | 'CANCEL_LABEL' | 'RELEASE_GROUP_EXCLUSION' | 'RELEASE_GLOBAL_EXCLUSION',
+    candidateMmsi?: string,
+  ) => {
+    if (!selectedGearGroup) return;
+    const actor = parentReviewActor.trim() || user?.name?.trim() || 'lab-ui';
+    const submitKey = `${selectedGearGroup}:${subClusterId}`;
+    const queueKey = reviewItemKey(selectedGearGroup, subClusterId);
+    setParentInferenceSubmittingKey(submitKey);
+    try {
+      switch (action) {
+        case 'LABEL':
+          if (!candidateMmsi) throw new Error('selectedParentMmsi is required');
+          await createGroupParentLabelSession(selectedGearGroup, subClusterId, {
+            selectedParentMmsi: candidateMmsi,
+            durationDays: parentWorkflowDurationDays,
+            actor,
+          });
+          break;
+        case 'GROUP_EXCLUDE':
+          if (!candidateMmsi) throw new Error('candidateMmsi is required');
+          await createGroupCandidateExclusion(selectedGearGroup, subClusterId, {
+            candidateMmsi,
+            durationDays: parentWorkflowDurationDays,
+            actor,
+          });
+          break;
+        case 'GLOBAL_EXCLUDE':
+          if (!candidateMmsi) throw new Error('candidateMmsi is required');
+          await createGlobalCandidateExclusion({
+            candidateMmsi,
+            actor,
+          });
+          break;
+        case 'CANCEL_LABEL': {
+          const session = activeLabelSessionByQueueKey.get(queueKey);
+          if (!session) throw new Error('active label session not found');
+          await cancelParentLabelSession(session.id, { actor });
+          break;
+        }
+        case 'RELEASE_GROUP_EXCLUSION': {
+          if (!candidateMmsi) throw new Error('candidateMmsi is required');
+          const exclusion = activeGroupExclusionByKey.get(`${queueKey}:${candidateMmsi}`);
+          if (!exclusion) throw new Error('active group exclusion not found');
+          await releaseCandidateExclusion(exclusion.id, { actor });
+          break;
+        }
+        case 'RELEASE_GLOBAL_EXCLUSION': {
+          if (!candidateMmsi) throw new Error('candidateMmsi is required');
+          const exclusion = activeGlobalExclusionByMmsi.get(candidateMmsi);
+          if (!exclusion) throw new Error('active global exclusion not found');
+          await releaseCandidateExclusion(exclusion.id, { actor });
+          break;
+        }
+        default:
+          throw new Error('unsupported parent workflow action');
+      }
+      await reloadParentInference(selectedGearGroup);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : 'parent workflow action failed';
+      console.warn('[parent-workflow] 실패:', message);
+      window.alert(message);
+    } finally {
+      setParentInferenceSubmittingKey(null);
+    }
+  }, [
+    activeGlobalExclusionByMmsi,
+    activeGroupExclusionByKey,
+    activeLabelSessionByQueueKey,
+    parentReviewActor,
+    parentWorkflowDurationDays,
+    reloadParentInference,
+    selectedGearGroup,
+    user?.name,
+  ]);
+
+  const handleParentReviewSelectGroup = useCallback((groupKey: string, subClusterId: number) => {
+    setSelectedReviewQueueKey(reviewItemKey(groupKey, subClusterId));
+    if (groupKey === selectedGearGroup) {
+      void reloadParentInference(groupKey);
+      return;
+    }
+    handleGearGroupZoom(groupKey, subClusterId);
+  }, [handleGearGroupZoom, reloadParentInference, selectedGearGroup]);
+
+  useEffect(() => {
+    if (!autoOpenReviewPanel || autoOpenedReviewRef.current || selectedGearGroup || displayedParentInferenceQueue.length === 0) {
+      return;
+    }
+    const first = displayedParentInferenceQueue[0];
+    autoOpenedReviewRef.current = true;
+    setSelectedReviewQueueKey(reviewItemKey(first.groupKey, first.subClusterId));
+    setSelectedGearGroup(first.groupKey);
+    setExpandedGearGroup(first.groupKey);
+    const isInZone = groupPolygons?.gearInZoneGroups.some(g => g.groupKey === first.groupKey);
+    setActiveSection(isInZone ? 'inZone' : 'outZone');
+  }, [autoOpenReviewPanel, displayedParentInferenceQueue, groupPolygons?.gearInZoneGroups, selectedGearGroup]);
+
+  const resetParentReviewFilters = useCallback(() => {
+    setReviewFiltersTouched(false);
+    setStoredReviewMinTopScorePct(MIN_PARENT_REVIEW_SCORE_PCT);
+    setStoredReviewMinMemberCount(MIN_PARENT_REVIEW_MEMBER_COUNT);
+    setStoredReviewSortMode('backend');
+    setStoredReviewSearchText('');
+    clearReviewSpatialFilter();
+  }, [
+    clearReviewSpatialFilter,
+    setStoredReviewMinMemberCount,
+    setStoredReviewMinTopScorePct,
+    setStoredReviewSearchText,
+    setStoredReviewSortMode,
+  ]);
 
   // ── Picker 콜백 ──
   const handlePickerSelect = useCallback((c: PickerCandidate) => {
@@ -537,7 +1393,7 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
       />
 
       {/* ── 연관성 패널 ── */}
-      {selectedGearGroup && (
+      {selectedGearGroup && !reviewAutoFocusMode && (
         <CorrelationPanel
           selectedGearGroup={selectedGearGroup}
           memberCount={selectedGroupMemberCount}
@@ -548,36 +1404,92 @@ export function FleetClusterLayer({ ships, analysisMap: analysisMapProp, onShipS
           enabledVessels={enabledVessels}
           correlationLoading={correlationLoading}
           hoveredTarget={hoveredTarget}
+          hasRightReviewPanel={!!selectedGearGroup}
+          reviewDriven={reviewDrivenOverlayMode}
           onEnabledModelsChange={(updater) => setEnabledModels(updater)}
           onEnabledVesselsChange={(updater) => setEnabledVessels(updater)}
           onHoveredTargetChange={setHoveredTarget}
         />
       )}
 
+      {selectedGearGroup && (
+        <ParentReviewPanel
+          selectedGearGroup={selectedGearGroup}
+          items={parentInferenceItems}
+          reviewQueue={displayedParentInferenceQueue}
+          reviewQueueFilteredCount={filteredParentInferenceQueue.length}
+          activeGroupExclusions={parentActiveGroupExclusions}
+          activeGlobalExclusions={parentActiveGlobalExclusions}
+          activeLabelSessions={parentActiveLabelSessions}
+          reviewQueueTotalCount={parentInferenceQueue.length}
+          filterFallbackActive={reviewFilterFallbackActive}
+          isLoading={parentInferenceLoading}
+          submittingKey={parentInferenceSubmittingKey}
+          actor={parentReviewActor}
+          workflowDurationDays={parentWorkflowDurationDays}
+          hoveredCandidateMmsi={hoveredParentCandidateMmsi}
+          minTopScorePct={reviewMinTopScorePct}
+          minMemberCount={reviewMinMemberCount}
+          sortMode={reviewSortMode}
+          searchText={reviewSearchText}
+          selectedQueueKey={selectedQueueKeyForView}
+          focusedQueueKey={focusedReviewQueueKey}
+          scrollTargetQueueKey={reviewScrollTargetQueueKey}
+          isSpatialFilterDrawing={reviewSpatialFilterDrawing}
+          hasSpatialFilter={!!reviewSpatialFilterPolygon}
+          spatialFilterPointCount={reviewSpatialFilterPoints.length}
+          onActorChange={setParentReviewActor}
+          onWorkflowDurationDaysChange={(value) => setStoredParentWorkflowDurationDays(sanitizeWorkflowDurationDays(value))}
+          onRefresh={() => { void reloadParentInference(selectedGearGroup); }}
+          onSelectGroup={handleParentReviewSelectGroup}
+          onJumpToGroup={handleJumpToReviewGroup}
+          onQueueHover={(queueKey) => {
+            setReviewHighlightedQueueKey(queueKey);
+            setHoveredGearCompositeKey(queueKey);
+          }}
+          onCandidateHover={(mmsi) => {
+            setHoveredTarget(mmsi ? { mmsi, model: 'parent-review' } : null);
+          }}
+          onMinTopScorePctChange={(value) => {
+            setReviewFiltersTouched(true);
+            setStoredReviewMinTopScorePct(sanitizeReviewMinTopScorePct(value));
+          }}
+          onMinMemberCountChange={(value) => {
+            setReviewFiltersTouched(true);
+            setStoredReviewMinMemberCount(sanitizeReviewMinMemberCount(value));
+          }}
+          onSortModeChange={(value) => {
+            setReviewFiltersTouched(true);
+            setStoredReviewSortMode(sanitizeReviewSortMode(value));
+          }}
+          onSearchTextChange={(value) => {
+            setReviewFiltersTouched(true);
+            setStoredReviewSearchText(sanitizeReviewSearchText(value));
+          }}
+          onResetFilters={resetParentReviewFilters}
+          onStartSpatialFilter={() => {
+            setReviewFiltersTouched(true);
+            startReviewSpatialFilter();
+          }}
+          onFinishSpatialFilter={() => {
+            setReviewFiltersTouched(true);
+            finishReviewSpatialFilter();
+          }}
+          onClearSpatialFilter={() => {
+            setReviewFiltersTouched(true);
+            clearReviewSpatialFilter();
+          }}
+          onWorkflowAction={(subClusterId, action, candidateMmsi) => {
+            void handleParentWorkflowAction(subClusterId, action, candidateMmsi);
+          }}
+        />
+      )}
+
       {/* ── 재생 컨트롤러 ── */}
       {historyActive && (
         <HistoryReplayController
           onClose={closeHistory}
-          onFilterByScore={(minPct) => {
-            // 전역: 모든 모델의 모든 대상에 적용 (모델 on/off 무관)
-            // null(전체) = 30% 이상 전부 ON (API minScore=0.3 기준)
-            if (minPct === null) {
-              setEnabledVessels(new Set(correlationTracks.filter(v => v.score >= 0.3).map(v => v.mmsi)));
-            } else {
-              const threshold = minPct / 100;
-              const filtered = new Set<string>();
-              // correlationData에서 모든 모델의 모든 대상 중 최고 score 기준
-              const maxScores = new Map<string, number>();
-              for (const c of correlationData) {
-                const prev = maxScores.get(c.targetMmsi) ?? 0;
-                if (c.score > prev) maxScores.set(c.targetMmsi, c.score);
-              }
-              for (const [mmsi, score] of maxScores) {
-                if (score >= threshold) filtered.add(mmsi);
-              }
-              setEnabledVessels(filtered);
-            }
-          }}
+          hasRightReviewPanel={!!selectedGearGroup}
         />
       )}
 
diff --git a/frontend/src/components/korea/FleetGearListPanel.tsx b/frontend/src/components/korea/FleetGearListPanel.tsx
index 72182c0..1898088 100644
--- a/frontend/src/components/korea/FleetGearListPanel.tsx
+++ b/frontend/src/components/korea/FleetGearListPanel.tsx
@@ -4,6 +4,7 @@ import type { UseGroupPolygonsResult } from '../../hooks/useGroupPolygons';
 import type { FleetListItem } from './fleetClusterTypes';
 import { panelStyle, headerStyle, toggleButtonStyle } from './fleetClusterConstants';
 import GearGroupSection from './GearGroupSection';
+import { useTranslation } from 'react-i18next';
 
 interface FleetGearListPanelProps {
   fleetList: FleetListItem[];
@@ -42,14 +43,15 @@ const FleetGearListPanel = ({
   onExpandGearGroup,
   onShipSelect,
 }: FleetGearListPanelProps) => {
+  const { t } = useTranslation();
   return (
     <div style={panelStyle}>
       {/* ── 선단 현황 섹션 ── */}
       <div style={{ ...headerStyle, cursor: 'pointer' }} onClick={() => onToggleSection('fleet')}>
         <span style={{ fontWeight: 700, color: '#63b3ed', letterSpacing: 0.5 }}>
-          선단 현황 ({fleetList.length}개)
+          {t('fleetGear.fleetSection', { count: fleetList.length })}
         </span>
-        <button type="button" style={toggleButtonStyle} aria-label="선단 현황 접기/펴기">
+        <button type="button" style={toggleButtonStyle} aria-label={t('fleetGear.toggleFleetSection')}>
           {activeSection === 'fleet' ? '▲' : '▼'}
         </button>
       </div>
@@ -57,12 +59,12 @@ const FleetGearListPanel = ({
         <div style={{ padding: '4px 0', overflowY: 'auto', flex: 1 }}>
           {fleetList.length === 0 ? (
             <div style={{ color: '#64748b', textAlign: 'center', padding: '8px 10px' }}>
-              선단 데이터 없음
+              {t('fleetGear.emptyFleet')}
             </div>
           ) : (
             fleetList.map(({ id, mmsiList, label, color, members }) => {
               const company = companies.get(id);
-              const companyName = company?.nameCn ?? label ?? `선단 #${id}`;
+              const companyName = company?.nameCn ?? label ?? t('fleetGear.fleetFallback', { id });
               const isOpen = expandedFleet === id;
               const isHovered = hoveredFleetId === id;
 
@@ -95,17 +97,19 @@ const FleetGearListPanel = ({
                       title={company ? `${company.nameCn} / ${company.nameEn}` : companyName}>
                       {companyName}
                     </span>
-                    <span style={{ color: '#64748b', fontSize: 10, flexShrink: 0 }}>({mmsiList.length}척)</span>
+                    <span style={{ color: '#64748b', fontSize: 10, flexShrink: 0 }}>
+                      {t('fleetGear.vesselCountCompact', { count: mmsiList.length })}
+                    </span>
                     <button type="button" onClick={e => { e.stopPropagation(); onFleetZoom(id); }}
                       style={{ background: 'none', border: '1px solid rgba(99,179,237,0.3)', borderRadius: 3, color: '#63b3ed', fontSize: 9, cursor: 'pointer', padding: '1px 4px', flexShrink: 0 }}
-                      title="이 선단으로 지도 이동">
-                      zoom
+                      title={t('fleetGear.moveToFleet')}>
+                      {t('fleetGear.zoom')}
                     </button>
                   </div>
 
                   {isOpen && (
                     <div style={{ paddingLeft: 22, paddingRight: 10, paddingBottom: 6, fontSize: 10, color: '#94a3b8', borderLeft: `2px solid ${color}33`, marginLeft: 10 }}>
-                      <div style={{ color: '#64748b', fontSize: 9, marginBottom: 3 }}>선박:</div>
+                      <div style={{ color: '#64748b', fontSize: 9, marginBottom: 3 }}>{t('fleetGear.shipList')}:</div>
                       {displayMembers.map(m => {
                         const dto = analysisMap.get(m.mmsi);
                         const role = dto?.algorithms.fleetRole.role ?? m.role;
@@ -116,11 +120,11 @@ const FleetGearListPanel = ({
                               {displayName}
                             </span>
                             <span style={{ color: role === 'LEADER' ? '#fbbf24' : '#64748b', fontSize: 9, flexShrink: 0 }}>
-                              ({role === 'LEADER' ? 'MAIN' : 'SUB'})
+                              ({role === 'LEADER' ? t('fleetGear.roleMain') : t('fleetGear.roleSub')})
                             </span>
                             <button type="button" onClick={() => onShipSelect(m.mmsi)}
                               style={{ background: 'none', border: 'none', color: '#63b3ed', fontSize: 10, cursor: 'pointer', padding: '0 2px', flexShrink: 0 }}
-                              title="선박으로 이동" aria-label={`${displayName} 선박으로 이동`}>
+                              title={t('fleetGear.moveToShip')} aria-label={t('fleetGear.moveToShipItem', { name: displayName })}>
                               ▶
                             </button>
                           </div>
@@ -139,7 +143,7 @@ const FleetGearListPanel = ({
       <GearGroupSection
         groups={inZoneGearGroups}
         sectionKey="inZone"
-        sectionLabel={`조업구역내 어구 (${inZoneGearGroups.length}개)`}
+        sectionLabel={t('fleetGear.inZoneSection', { count: inZoneGearGroups.length })}
         accentColor="#dc2626"
         hoverBgColor="rgba(220,38,38,0.06)"
         isActive={activeSection === 'inZone'}
@@ -154,7 +158,7 @@ const FleetGearListPanel = ({
       <GearGroupSection
         groups={outZoneGearGroups}
         sectionKey="outZone"
-        sectionLabel={`비허가 어구 (${outZoneGearGroups.length}개)`}
+        sectionLabel={t('fleetGear.outZoneSection', { count: outZoneGearGroups.length })}
         accentColor="#f97316"
         hoverBgColor="rgba(255,255,255,0.04)"
         isActive={activeSection === 'outZone'}
diff --git a/frontend/src/components/korea/GearGroupSection.tsx b/frontend/src/components/korea/GearGroupSection.tsx
index 16081d6..08eb66f 100644
--- a/frontend/src/components/korea/GearGroupSection.tsx
+++ b/frontend/src/components/korea/GearGroupSection.tsx
@@ -1,6 +1,7 @@
 import type { GroupPolygonDto } from '../../services/vesselAnalysis';
 import { FONT_MONO } from '../../styles/fonts';
 import { headerStyle, toggleButtonStyle } from './fleetClusterConstants';
+import { useTranslation } from 'react-i18next';
 
 interface GearGroupSectionProps {
   groups: GroupPolygonDto[];
@@ -29,8 +30,47 @@ const GearGroupSection = ({
   onGroupZoom,
   onShipSelect,
 }: GearGroupSectionProps) => {
+  const { t } = useTranslation();
   const isInZoneSection = sectionKey === 'inZone';
 
+  const getInferenceBadge = (status: string | null | undefined) => {
+    switch (status) {
+      case 'AUTO_PROMOTED':
+        return { label: t('parentInference.badges.AUTO_PROMOTED'), color: '#22c55e' };
+      case 'MANUAL_CONFIRMED':
+        return { label: t('parentInference.badges.MANUAL_CONFIRMED'), color: '#38bdf8' };
+      case 'DIRECT_PARENT_MATCH':
+        return { label: t('parentInference.badges.DIRECT_PARENT_MATCH'), color: '#2dd4bf' };
+      case 'REVIEW_REQUIRED':
+        return { label: t('parentInference.badges.REVIEW_REQUIRED'), color: '#f59e0b' };
+      case 'SKIPPED_SHORT_NAME':
+        return { label: t('parentInference.badges.SKIPPED_SHORT_NAME'), color: '#94a3b8' };
+      case 'NO_CANDIDATE':
+        return { label: t('parentInference.badges.NO_CANDIDATE'), color: '#c084fc' };
+      case 'UNRESOLVED':
+        return { label: t('parentInference.badges.UNRESOLVED'), color: '#64748b' };
+      default:
+        return null;
+    }
+  };
+
+  const getInferenceStatusLabel = (status: string | null | undefined) => {
+    if (!status) return '';
+    return t(`parentInference.status.${status}`, { defaultValue: status });
+  };
+
+  const getInferenceReason = (inference: GroupPolygonDto['parentInference']) => {
+    if (!inference) return '';
+    switch (inference.status) {
+      case 'SKIPPED_SHORT_NAME':
+        return t('parentInference.reasons.shortName');
+      case 'NO_CANDIDATE':
+        return t('parentInference.reasons.noCandidate');
+      default:
+        return inference.statusReason || inference.skipReason || '';
+    }
+  };
+
   return (
     <>
       <div
@@ -42,7 +82,7 @@ const GearGroupSection = ({
         onClick={onToggleSection}
       >
         <span style={{ fontWeight: 700, color: accentColor, letterSpacing: 0.3, fontFamily: FONT_MONO }}>
-          {sectionLabel} ({groups.length}개)
+          {sectionLabel}
         </span>
         <button
           type="button"
@@ -61,6 +101,8 @@ const GearGroupSection = ({
             const parentMember = g.members.find(m => m.isParent);
             const gearMembers = g.members.filter(m => !m.isParent);
             const zoneName = g.zoneName ?? '';
+            const inference = g.parentInference ?? null;
+            const badge = getInferenceBadge(inference?.status);
 
             return (
               <div key={name} id={`gear-row-${name}`}>
@@ -117,6 +159,25 @@ const GearGroupSection = ({
                       ⚓
                     </span>
                   )}
+                  {badge && (
+                    <span
+                      style={{
+                        color: badge.color,
+                        border: `1px solid ${badge.color}55`,
+                        borderRadius: 3,
+                        padding: '0 4px',
+                        fontSize: 8,
+                        flexShrink: 0,
+                      }}
+                      title={
+                        inference?.selectedParentName
+                          ? `${getInferenceStatusLabel(inference.status)}: ${inference.selectedParentName}`
+                          : getInferenceReason(inference) || getInferenceStatusLabel(inference?.status) || ''
+                      }
+                    >
+                      {badge.label}
+                    </span>
+                  )}
                   {isInZoneSection && zoneName && (
                     <span style={{ color: '#ef4444', fontSize: 9, flexShrink: 0 }}>{zoneName}</span>
                   )}
@@ -139,9 +200,9 @@ const GearGroupSection = ({
                       padding: '1px 4px',
                       flexShrink: 0,
                     }}
-                    title="이 어구 그룹으로 지도 이동"
+                    title={t('fleetGear.moveToGroup')}
                   >
-                    zoom
+                    {t('fleetGear.zoom')}
                   </button>
                 </div>
 
@@ -158,10 +219,17 @@ const GearGroupSection = ({
                   }}>
                     {parentMember && (
                       <div style={{ color: '#fbbf24', marginBottom: 2 }}>
-                        모선: {parentMember.name || parentMember.mmsi}
+                        {t('parentInference.summary.recommendedParent')}: {parentMember.name || parentMember.mmsi}
                       </div>
                     )}
-                    <div style={{ color: '#64748b', marginBottom: 2 }}>어구 목록:</div>
+                    {inference && (
+                      <div style={{ marginBottom: 4, color: inference.status === 'AUTO_PROMOTED' ? '#22c55e' : '#94a3b8' }}>
+                        {t('parentInference.summary.label')}: {getInferenceStatusLabel(inference.status)}
+                        {inference.selectedParentName ? ` / ${inference.selectedParentName}` : ''}
+                        {getInferenceReason(inference) ? ` / ${getInferenceReason(inference)}` : ''}
+                      </div>
+                    )}
+                    <div style={{ color: '#64748b', marginBottom: 2 }}>{t('fleetGear.gearList')}:</div>
                     {gearMembers.map(m => (
                       <div key={m.mmsi} style={{
                         display: 'flex',
@@ -190,8 +258,8 @@ const GearGroupSection = ({
                             padding: '0 2px',
                             flexShrink: 0,
                           }}
-                          title="어구 위치로 이동"
-                          aria-label={`${m.name || m.mmsi} 위치로 이동`}
+                          title={t('fleetGear.moveToGear')}
+                          aria-label={t('fleetGear.moveToGearItem', { name: m.name || m.mmsi })}
                         >
                           ▶
                         </button>
diff --git a/frontend/src/components/korea/HistoryReplayController.tsx b/frontend/src/components/korea/HistoryReplayController.tsx
index fb81d16..24c8dac 100644
--- a/frontend/src/components/korea/HistoryReplayController.tsx
+++ b/frontend/src/components/korea/HistoryReplayController.tsx
@@ -1,16 +1,40 @@
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { FONT_MONO } from '../../styles/fonts';
 import { useGearReplayStore } from '../../stores/gearReplayStore';
+import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { MODEL_COLORS } from './fleetClusterConstants';
 import type { HistoryFrame } from './fleetClusterTypes';
 import type { GearCorrelationItem } from '../../services/vesselAnalysis';
+import { useReplayCenterPanelLayout } from './useReplayCenterPanelLayout';
 
 interface HistoryReplayControllerProps {
   onClose: () => void;
-  onFilterByScore: (minPct: number | null) => void;
+  hasRightReviewPanel?: boolean;
 }
 
 const MIN_AB_GAP_MS = 2 * 3600_000;
+const BASE_PLAYBACK_SPEED = 0.5;
+const SPEED_MULTIPLIERS = [1, 2, 5, 10] as const;
+
+interface ReplayUiPrefs {
+  showTrails: boolean;
+  showLabels: boolean;
+  focusMode: boolean;
+  show1hPolygon: boolean;
+  show6hPolygon: boolean;
+  abLoop: boolean;
+  speedMultiplier: 1 | 2 | 5 | 10;
+}
+
+const DEFAULT_REPLAY_UI_PREFS: ReplayUiPrefs = {
+  showTrails: true,
+  showLabels: true,
+  focusMode: false,
+  show1hPolygon: true,
+  show6hPolygon: false,
+  abLoop: false,
+  speedMultiplier: 1,
+};
 
 // 멤버 정보 + 소속 모델 매핑
 interface TooltipMember {
@@ -70,7 +94,7 @@ function buildTooltipMembers(
   return [...map.values()];
 }
 
-const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayControllerProps) => {
+const HistoryReplayController = ({ onClose, hasRightReviewPanel = false }: HistoryReplayControllerProps) => {
   const isPlaying = useGearReplayStore(s => s.isPlaying);
   const snapshotRanges = useGearReplayStore(s => s.snapshotRanges);
   const snapshotRanges6h = useGearReplayStore(s => s.snapshotRanges6h);
@@ -78,6 +102,9 @@ const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayCont
   const historyFrames6h = useGearReplayStore(s => s.historyFrames6h);
   const frameCount = historyFrames.length;
   const frameCount6h = historyFrames6h.length;
+  const dataStartTime = useGearReplayStore(s => s.dataStartTime);
+  const dataEndTime = useGearReplayStore(s => s.dataEndTime);
+  const playbackSpeed = useGearReplayStore(s => s.playbackSpeed);
   const showTrails = useGearReplayStore(s => s.showTrails);
   const showLabels = useGearReplayStore(s => s.showLabels);
   const focusMode = useGearReplayStore(s => s.focusMode);
@@ -95,11 +122,15 @@ const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayCont
   const [hoveredTooltip, setHoveredTooltip] = useState<{ pos: number; time: number; frame1h: HistoryFrame | null; frame6h: HistoryFrame | null } | null>(null);
   const [pinnedTooltip, setPinnedTooltip] = useState<{ pos: number; time: number; frame1h: HistoryFrame | null; frame6h: HistoryFrame | null } | null>(null);
   const [dragging, setDragging] = useState<'A' | 'B' | null>(null);
+  const [replayUiPrefs, setReplayUiPrefs] = useLocalStorage<ReplayUiPrefs>('gearReplayUiPrefs', DEFAULT_REPLAY_UI_PREFS);
   const trackRef = useRef<HTMLDivElement>(null);
   const progressIndicatorRef = useRef<HTMLDivElement>(null);
   const timeDisplayRef = useRef<HTMLSpanElement>(null);
 
   const store = useGearReplayStore;
+  const speedMultiplier = SPEED_MULTIPLIERS.includes(replayUiPrefs.speedMultiplier)
+    ? replayUiPrefs.speedMultiplier
+    : 1;
 
   // currentTime → 진행 인디케이터
   useEffect(() => {
@@ -123,6 +154,34 @@ const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayCont
     if (isPlaying) setPinnedTooltip(null);
   }, [isPlaying]);
 
+  useEffect(() => {
+    const replayStore = store.getState();
+    replayStore.setShowTrails(replayUiPrefs.showTrails);
+    replayStore.setShowLabels(replayUiPrefs.showLabels);
+    replayStore.setFocusMode(replayUiPrefs.focusMode);
+    replayStore.setShow1hPolygon(replayUiPrefs.show1hPolygon);
+    replayStore.setShow6hPolygon(has6hData ? replayUiPrefs.show6hPolygon : false);
+  }, [
+    has6hData,
+    replayUiPrefs.focusMode,
+    replayUiPrefs.show1hPolygon,
+    replayUiPrefs.show6hPolygon,
+    replayUiPrefs.showLabels,
+    replayUiPrefs.showTrails,
+    store,
+  ]);
+
+  useEffect(() => {
+    store.getState().setAbLoop(replayUiPrefs.abLoop);
+  }, [dataEndTime, dataStartTime, replayUiPrefs.abLoop, store]);
+
+  useEffect(() => {
+    const nextSpeed = BASE_PLAYBACK_SPEED * speedMultiplier;
+    if (Math.abs(playbackSpeed - nextSpeed) > 1e-9) {
+      store.getState().setPlaybackSpeed(nextSpeed);
+    }
+  }, [playbackSpeed, speedMultiplier, store]);
+
   const posToProgress = useCallback((clientX: number) => {
     const rect = trackRef.current?.getBoundingClientRect();
     if (!rect) return 0;
@@ -258,13 +317,17 @@ const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayCont
   const btnActiveStyle: React.CSSProperties = {
     ...btnStyle, background: 'rgba(99,179,237,0.15)', color: '#93c5fd',
   };
+  const layout = useReplayCenterPanelLayout({
+    minWidth: 266,
+    maxWidth: 966,
+    hasRightReviewPanel,
+  });
 
   return (
     <div style={{
       position: 'absolute', bottom: 20,
-      left: 'calc(50% + 100px)', transform: 'translateX(-50%)',
-      width: 'calc(100vw - 880px)',
-      minWidth: 380, maxWidth: 1320,
+      left: `${layout.left}px`,
+      width: `${layout.width}px`,
       background: 'rgba(12,24,37,0.95)', border: '1px solid rgba(99,179,237,0.25)',
       borderRadius: 8, padding: '8px 14px', display: 'flex', flexDirection: 'column', gap: 4,
       zIndex: 50, fontFamily: FONT_MONO, fontSize: 10, color: '#e2e8f0',
@@ -452,38 +515,44 @@ const HistoryReplayController = ({ onClose, onFilterByScore }: HistoryReplayCont
           style={{ ...btnStyle, fontSize: 12 }}>{isPlaying ? '⏸' : '▶'}</button>
         <span ref={timeDisplayRef} style={{ color: '#fbbf24', minWidth: 36, textAlign: 'center' }}>--:--</span>
         <span style={{ color: '#475569' }}>|</span>
-        <button type="button" onClick={() => store.getState().setShowTrails(!showTrails)}
+        <button type="button" onClick={() => setReplayUiPrefs(prev => ({ ...prev, showTrails: !prev.showTrails }))}
           style={showTrails ? btnActiveStyle : btnStyle} title="항적">항적</button>
-        <button type="button" onClick={() => store.getState().setShowLabels(!showLabels)}
+        <button type="button" onClick={() => setReplayUiPrefs(prev => ({ ...prev, showLabels: !prev.showLabels }))}
           style={showLabels ? btnActiveStyle : btnStyle} title="이름">이름</button>
-        <button type="button" onClick={() => store.getState().setFocusMode(!focusMode)}
+        <button type="button" onClick={() => setReplayUiPrefs(prev => ({ ...prev, focusMode: !prev.focusMode }))}
           style={focusMode ? { ...btnStyle, background: 'rgba(239,68,68,0.15)', color: '#f87171' } : btnStyle}
           title="집중 모드">집중</button>
         <span style={{ color: '#475569' }}>|</span>
-        <button type="button" onClick={() => store.getState().setShow1hPolygon(!show1hPolygon)}
+        <button type="button" onClick={() => setReplayUiPrefs(prev => ({ ...prev, show1hPolygon: !prev.show1hPolygon }))}
           style={show1hPolygon ? { ...btnActiveStyle, background: 'rgba(251,191,36,0.15)', color: '#fbbf24', border: '1px solid rgba(251,191,36,0.4)' } : btnStyle}
           title="1h 폴리곤">1h</button>
-        <button type="button" onClick={() => store.getState().setShow6hPolygon(!show6hPolygon)}
+        <button type="button" onClick={() => has6hData && setReplayUiPrefs(prev => ({ ...prev, show6hPolygon: !prev.show6hPolygon }))}
           style={!has6hData ? { ...btnStyle, opacity: 0.3, cursor: 'not-allowed' }
             : show6hPolygon ? { ...btnActiveStyle, background: 'rgba(147,197,253,0.15)', color: '#93c5fd', border: '1px solid rgba(147,197,253,0.4)' } : btnStyle}
           disabled={!has6hData} title="6h 폴리곤">6h</button>
         <span style={{ color: '#475569' }}>|</span>
-        <button type="button" onClick={() => store.getState().setAbLoop(!abLoop)}
+        <button type="button" onClick={() => setReplayUiPrefs(prev => ({ ...prev, abLoop: !prev.abLoop }))}
           style={abLoop ? { ...btnStyle, background: 'rgba(34,197,94,0.15)', color: '#22c55e', border: '1px solid rgba(34,197,94,0.4)' } : btnStyle}
           title="A-B 구간 반복">A-B</button>
         <span style={{ color: '#475569' }}>|</span>
-        <span style={{ color: '#64748b', fontSize: 9 }}>일치율</span>
-        <select defaultValue="70"
-          onChange={e => { onFilterByScore(e.target.value === '' ? null : Number(e.target.value)); }}
-          style={{ background: 'rgba(15,23,42,0.9)', border: '1px solid rgba(99,179,237,0.3)', borderRadius: 4, color: '#e2e8f0', fontSize: 9, fontFamily: FONT_MONO, padding: '1px 4px', cursor: 'pointer' }}
-          title="일치율 필터" aria-label="일치율 필터">
-          <option value="">전체 (30%+)</option>
-          <option value="50">50%+</option>
-          <option value="60">60%+</option>
-          <option value="70">70%+</option>
-          <option value="80">80%+</option>
-          <option value="90">90%+</option>
-        </select>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
+          {SPEED_MULTIPLIERS.map(multiplier => {
+            const active = speedMultiplier === multiplier;
+            return (
+              <button
+                key={multiplier}
+                type="button"
+                onClick={() => setReplayUiPrefs(prev => ({ ...prev, speedMultiplier: multiplier }))}
+                style={active
+                  ? { ...btnActiveStyle, background: 'rgba(250,204,21,0.16)', color: '#fde68a', border: '1px solid rgba(250,204,21,0.32)' }
+                  : btnStyle}
+                title={`재생 속도 x${multiplier}`}
+              >
+                x{multiplier}
+              </button>
+            );
+          })}
+        </div>
         <span style={{ flex: 1 }} />
         <span style={{ color: '#64748b', fontSize: 9 }}>
           <span style={{ color: '#fbbf24' }}>{frameCount}</span>
diff --git a/frontend/src/components/korea/KoreaMap.tsx b/frontend/src/components/korea/KoreaMap.tsx
index 32a4120..cf120d2 100644
--- a/frontend/src/components/korea/KoreaMap.tsx
+++ b/frontend/src/components/korea/KoreaMap.tsx
@@ -241,11 +241,19 @@ export function KoreaMap({ ships, allShips, aircraft, satellites, layers, osintF
   useEncMapSettings(maplibreRef, mapMode, encSettings, encSyncEpoch);
   const replayLayerRef = useRef<DeckLayer[]>([]);
   const fleetClusterLayerRef = useRef<DeckLayer[]>([]);
+  const fleetMapClickHandlerRef = useRef<((payload: { coordinate: [number, number]; screen: [number, number] }) => void) | null>(null);
+  const fleetMapMoveHandlerRef = useRef<((payload: { coordinate: [number, number]; screen: [number, number] }) => void) | null>(null);
   const requestRenderRef = useRef<(() => void) | null>(null);
   const handleFleetDeckLayers = useCallback((layers: DeckLayer[]) => {
     fleetClusterLayerRef.current = layers;
     requestRenderRef.current?.();
   }, []);
+  const registerFleetMapClickHandler = useCallback((handler: ((payload: { coordinate: [number, number]; screen: [number, number] }) => void) | null) => {
+    fleetMapClickHandlerRef.current = handler;
+  }, []);
+  const registerFleetMapMoveHandler = useCallback((handler: ((payload: { coordinate: [number, number]; screen: [number, number] }) => void) | null) => {
+    fleetMapMoveHandlerRef.current = handler;
+  }, []);
   const [infra, setInfra] = useState<PowerFacility[]>([]);
   const [flyToTarget, setFlyToTarget] = useState<{ lng: number; lat: number; zoom: number } | null>(null);
   const [selectedAnalysisMmsi, setSelectedAnalysisMmsi] = useState<string | null>(null);
@@ -684,6 +692,24 @@ export function KoreaMap({ ships, allShips, aircraft, satellites, layers, osintF
       mapStyle={activeMapStyle}
       onZoom={handleZoom}
       onLoad={handleMapLoad}
+      onClick={event => {
+        const handler = fleetMapClickHandlerRef.current;
+        if (handler) {
+          handler({
+            coordinate: [event.lngLat.lng, event.lngLat.lat],
+            screen: [event.point.x, event.point.y],
+          });
+        }
+      }}
+      onMouseMove={event => {
+        const handler = fleetMapMoveHandlerRef.current;
+        if (handler) {
+          handler({
+            coordinate: [event.lngLat.lng, event.lngLat.lat],
+            screen: [event.point.x, event.point.y],
+          });
+        }
+      }}
     >
       <NavigationControl position="top-right" />
 
@@ -825,10 +851,13 @@ export function KoreaMap({ ships, allShips, aircraft, satellites, layers, osintF
           groupPolygons={groupPolygons}
           zoomScale={zoomScale}
           onDeckLayersChange={handleFleetDeckLayers}
+          registerMapClickHandler={registerFleetMapClickHandler}
+          registerMapMoveHandler={registerFleetMapMoveHandler}
           onShipSelect={handleAnalysisShipSelect}
           onFleetZoom={handleFleetZoom}
           onSelectedGearChange={setSelectedGearData}
           onSelectedFleetChange={setSelectedFleetData}
+          autoOpenReviewPanel={koreaFilters.cnFishing}
         />
       )}
       {vesselAnalysis && vesselAnalysis.analysisMap.size > 0 && !replayFocusMode && (
diff --git a/frontend/src/components/korea/fleetClusterTypes.ts b/frontend/src/components/korea/fleetClusterTypes.ts
index 0f274ca..31c7111 100644
--- a/frontend/src/components/korea/fleetClusterTypes.ts
+++ b/frontend/src/components/korea/fleetClusterTypes.ts
@@ -36,6 +36,9 @@ export interface HoverTooltipState {
   lat: number;
   type: 'fleet' | 'gear';
   id: number | string;
+  groupKey?: string;
+  subClusterId?: number;
+  compositeKey?: string;
 }
 
 export interface PickerCandidate {
diff --git a/frontend/src/components/korea/useFleetClusterGeoJson.ts b/frontend/src/components/korea/useFleetClusterGeoJson.ts
index 2560bf7..7ffa69f 100644
--- a/frontend/src/components/korea/useFleetClusterGeoJson.ts
+++ b/frontend/src/components/korea/useFleetClusterGeoJson.ts
@@ -13,7 +13,10 @@ export interface UseFleetClusterGeoJsonParams {
   groupPolygons: UseGroupPolygonsResult | undefined;
   analysisMap: Map<string, VesselAnalysisDto>;
   hoveredFleetId: number | null;
+  hoveredGearCompositeKey?: string | null;
+  visibleGearCompositeKeys?: Set<string> | null;
   selectedGearGroup: string | null;
+  selectedGearCompositeKey?: string | null;
   pickerHoveredGroup: string | null;
   historyActive: boolean;
   correlationData: GearCorrelationItem[];
@@ -32,6 +35,7 @@ export interface FleetClusterGeoJsonResult {
   memberMarkersGeoJson: GeoJSON;
   pickerHighlightGeoJson: GeoJSON;
   selectedGearHighlightGeoJson: GeoJSON.FeatureCollection | null;
+  hoveredGearHighlightGeoJson: GeoJSON.FeatureCollection | null;
   // correlation GeoJSON
   correlationVesselGeoJson: GeoJSON;
   correlationTrailGeoJson: GeoJSON;
@@ -74,7 +78,10 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
     shipMap,
     groupPolygons,
     hoveredFleetId,
+    hoveredGearCompositeKey = null,
+    visibleGearCompositeKeys = null,
     selectedGearGroup,
+    selectedGearCompositeKey = null,
     pickerHoveredGroup,
     historyActive,
     correlationData,
@@ -195,10 +202,15 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
     if (!groupPolygons) return { type: 'FeatureCollection', features };
     for (const g of groupPolygons.allGroups.filter(x => x.groupType !== 'FLEET')) {
       if (!g.polygon) continue;
+      const compositeKey = `${g.groupKey}:${g.subClusterId ?? 0}`;
+      if (visibleGearCompositeKeys && !visibleGearCompositeKeys.has(compositeKey)) continue;
       features.push({
         type: 'Feature',
         properties: {
           name: g.groupKey,
+          groupKey: g.groupKey,
+          subClusterId: g.subClusterId ?? 0,
+          compositeKey,
           gearCount: g.memberCount,
           inZone: g.groupType === 'GEAR_IN_ZONE' ? 1 : 0,
         },
@@ -206,7 +218,7 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
       });
     }
     return { type: 'FeatureCollection', features };
-  }, [groupPolygons]);
+  }, [groupPolygons, visibleGearCompositeKeys]);
 
   // 가상 선박 마커 GeoJSON (API members + shipMap heading 보정)
   const memberMarkersGeoJson = useMemo((): GeoJSON => {
@@ -248,10 +260,12 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
     }
     for (const g of [...groupPolygons.gearInZoneGroups, ...groupPolygons.gearOutZoneGroups]) {
       const color = g.groupType === 'GEAR_IN_ZONE' ? '#dc2626' : '#f97316';
+      const compositeKey = `${g.groupKey}:${g.subClusterId ?? 0}`;
+      if (visibleGearCompositeKeys && !visibleGearCompositeKeys.has(compositeKey)) continue;
       for (const m of g.members) addMember(m, g.groupKey, g.groupType, color);
     }
     return { type: 'FeatureCollection', features };
-  }, [groupPolygons, shipMap]);
+  }, [groupPolygons, shipMap, visibleGearCompositeKeys]);
 
   // picker 호버 하이라이트 (선단 + 어구 통합)
   const pickerHighlightGeoJson = useMemo((): GeoJSON => {
@@ -270,17 +284,47 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
     const allGroups = groupPolygons
       ? [...groupPolygons.gearInZoneGroups, ...groupPolygons.gearOutZoneGroups]
       : [];
-    const matches = allGroups.filter(g => g.groupKey === selectedGearGroup && g.polygon);
+    const matches = allGroups.filter(g => {
+      if (!g.polygon || g.groupKey !== selectedGearGroup) return false;
+      const compositeKey = `${g.groupKey}:${g.subClusterId ?? 0}`;
+      if (selectedGearCompositeKey && compositeKey !== selectedGearCompositeKey) return false;
+      if (visibleGearCompositeKeys && !visibleGearCompositeKeys.has(compositeKey)) return false;
+      return true;
+    });
     if (matches.length === 0) return null;
     return {
       type: 'FeatureCollection',
       features: matches.map(g => ({
         type: 'Feature' as const,
-        properties: { subClusterId: g.subClusterId },
+        properties: {
+          subClusterId: g.subClusterId,
+          compositeKey: `${g.groupKey}:${g.subClusterId ?? 0}`,
+        },
         geometry: g.polygon!,
       })),
     };
-  }, [selectedGearGroup, enabledModels, historyActive, groupPolygons]);
+  }, [selectedGearGroup, selectedGearCompositeKey, enabledModels, historyActive, groupPolygons, visibleGearCompositeKeys]);
+
+  const hoveredGearHighlightGeoJson = useMemo((): GeoJSON.FeatureCollection | null => {
+    if (!hoveredGearCompositeKey || !groupPolygons) return null;
+    const group = groupPolygons.allGroups.find(
+      item => item.groupType !== 'FLEET' && `${item.groupKey}:${item.subClusterId ?? 0}` === hoveredGearCompositeKey && item.polygon,
+    );
+    if (!group?.polygon) return null;
+    return {
+      type: 'FeatureCollection',
+      features: [{
+        type: 'Feature',
+        properties: {
+          groupKey: group.groupKey,
+          subClusterId: group.subClusterId ?? 0,
+          compositeKey: hoveredGearCompositeKey,
+          inZone: group.groupType === 'GEAR_IN_ZONE' ? 1 : 0,
+        },
+        geometry: group.polygon,
+      }],
+    };
+  }, [groupPolygons, hoveredGearCompositeKey]);
 
   // ── 연관 대상 마커 (ships[] fallback) ──
   const correlationVesselGeoJson = useMemo((): GeoJSON => {
@@ -416,6 +460,7 @@ export function useFleetClusterGeoJson(params: UseFleetClusterGeoJsonParams): Fl
     memberMarkersGeoJson,
     pickerHighlightGeoJson,
     selectedGearHighlightGeoJson,
+    hoveredGearHighlightGeoJson,
     correlationVesselGeoJson,
     correlationTrailGeoJson,
     modelBadgesGeoJson,
diff --git a/frontend/src/hooks/useFleetClusterDeckLayers.ts b/frontend/src/hooks/useFleetClusterDeckLayers.ts
index 1608865..fa04b9c 100644
--- a/frontend/src/hooks/useFleetClusterDeckLayers.ts
+++ b/frontend/src/hooks/useFleetClusterDeckLayers.ts
@@ -12,7 +12,7 @@ import { clusterLabels } from '../utils/labelCluster';
 export interface FleetClusterDeckConfig {
   selectedGearGroup: string | null;
   hoveredMmsi: string | null;
-  hoveredGearGroup: string | null; // gear polygon hover highlight
+  hoveredGearCompositeKey: string | null;
   enabledModels: Set<string>;
   historyActive: boolean;
   hasCorrelationTracks: boolean;
@@ -21,13 +21,24 @@ export interface FleetClusterDeckConfig {
   fontScale?: number;  // fontScale.analysis (default 1)
   focusMode?: boolean; // 집중 모드 — 라이브 폴리곤/마커 숨김
   onPolygonClick?: (features: PickedPolygonFeature[], coordinate: [number, number]) => void;
-  onPolygonHover?: (info: { lng: number; lat: number; type: 'fleet' | 'gear'; id: string | number } | null) => void;
+  onPolygonHover?: (info: {
+    lng: number;
+    lat: number;
+    type: 'fleet' | 'gear';
+    id: string | number;
+    groupKey?: string;
+    subClusterId?: number;
+    compositeKey?: string;
+  } | null) => void;
 }
 
 export interface PickedPolygonFeature {
   type: 'fleet' | 'gear';
   clusterId?: number;
   name?: string;
+  groupKey?: string;
+  subClusterId?: number;
+  compositeKey?: string;
   gearCount?: number;
   inZone?: boolean;
 }
@@ -112,6 +123,9 @@ function findPolygonsAtPoint(
       results.push({
         type: 'gear',
         name: f.properties?.name,
+        groupKey: f.properties?.groupKey,
+        subClusterId: f.properties?.subClusterId,
+        compositeKey: f.properties?.compositeKey,
         gearCount: f.properties?.gearCount,
         inZone: f.properties?.inZone === 1,
       });
@@ -136,7 +150,7 @@ export function useFleetClusterDeckLayers(
   const {
     selectedGearGroup,
     hoveredMmsi,
-    hoveredGearGroup,
+    hoveredGearCompositeKey,
     enabledModels,
     historyActive,
     zoomScale,
@@ -243,7 +257,15 @@ export function useFleetClusterDeckLayers(
             const f = info.object as GeoJSON.Feature;
             const name = f.properties?.name;
             if (name) {
-              onPolygonHover?.({ lng: info.coordinate![0], lat: info.coordinate![1], type: 'gear', id: name });
+              onPolygonHover?.({
+                lng: info.coordinate![0],
+                lat: info.coordinate![1],
+                type: 'gear',
+                id: f.properties?.groupKey ?? name,
+                groupKey: f.properties?.groupKey ?? name,
+                subClusterId: f.properties?.subClusterId,
+                compositeKey: f.properties?.compositeKey,
+              });
             }
           } else {
             onPolygonHover?.(null);
@@ -258,25 +280,20 @@ export function useFleetClusterDeckLayers(
     }
 
     // ── 4b. Gear hover highlight ──────────────────────────────────────────
-    if (hoveredGearGroup && gearFc.features.length > 0) {
-      const hoveredGearFeatures = gearFc.features.filter(
-        f => f.properties?.name === hoveredGearGroup,
-      );
-      if (hoveredGearFeatures.length > 0) {
-        layers.push(new GeoJsonLayer({
-          id: 'gear-hover-highlight',
-          data: { type: 'FeatureCollection' as const, features: hoveredGearFeatures },
-          getFillColor: (f: GeoJSON.Feature) =>
-            f.properties?.inZone === 1 ? [220, 38, 38, 64] : [249, 115, 22, 64],
-          getLineColor: (f: GeoJSON.Feature) =>
-            f.properties?.inZone === 1 ? [220, 38, 38, 255] : [249, 115, 22, 255],
-          getLineWidth: 2.5,
-          lineWidthUnits: 'pixels',
-          filled: true,
-          stroked: true,
-          pickable: false,
-        }));
-      }
+    if (hoveredGearCompositeKey && geo.hoveredGearHighlightGeoJson && geo.hoveredGearHighlightGeoJson.features.length > 0) {
+      layers.push(new GeoJsonLayer({
+        id: 'gear-hover-highlight',
+        data: geo.hoveredGearHighlightGeoJson,
+        getFillColor: (f: GeoJSON.Feature) =>
+          f.properties?.inZone === 1 ? [220, 38, 38, 72] : [249, 115, 22, 72],
+        getLineColor: (f: GeoJSON.Feature) =>
+          f.properties?.inZone === 1 ? [220, 38, 38, 255] : [249, 115, 22, 255],
+        getLineWidth: 2.5,
+        lineWidthUnits: 'pixels',
+        filled: true,
+        stroked: true,
+        pickable: false,
+      }));
     }
 
     // ── 5. Selected gear highlight (selectedGearHighlightGeoJson) ────────────
@@ -539,7 +556,7 @@ export function useFleetClusterDeckLayers(
     geo,
     selectedGearGroup,
     hoveredMmsi,
-    hoveredGearGroup,
+    hoveredGearCompositeKey,
     enabledModels,
     historyActive,
     zoomScale,
diff --git a/frontend/src/hooks/useGearReplayLayers.ts b/frontend/src/hooks/useGearReplayLayers.ts
index 010fd8d..48db28b 100644
--- a/frontend/src/hooks/useGearReplayLayers.ts
+++ b/frontend/src/hooks/useGearReplayLayers.ts
@@ -6,6 +6,7 @@ import { useGearReplayStore } from '../stores/gearReplayStore';
 import { findFrameAtTime, interpolateMemberPositions, interpolateSubFrameMembers } from '../stores/gearReplayPreprocess';
 import type { MemberPosition } from '../stores/gearReplayPreprocess';
 import { MODEL_ORDER, MODEL_COLORS } from '../components/korea/fleetClusterConstants';
+import { getParentReviewCandidateColor } from '../components/korea/parentReviewCandidateColors';
 import { buildInterpPolygon } from '../components/korea/fleetClusterUtils';
 import type { GearCorrelationItem } from '../services/vesselAnalysis';
 import { SHIP_ICON_MAPPING } from '../utils/shipIconSvg';
@@ -41,6 +42,80 @@ interface CorrPosition {
   isVessel: boolean;
 }
 
+interface TripDatumLike {
+  id: string;
+  path: [number, number][];
+  timestamps: number[];
+  color: [number, number, number, number];
+}
+
+function interpolateTripPosition(
+  trip: TripDatumLike,
+  relTime: number,
+): { lon: number; lat: number; cog: number } | null {
+  const ts = trip.timestamps;
+  const path = trip.path;
+  if (path.length === 0 || ts.length === 0) return null;
+  if (relTime < ts[0] || relTime > ts[ts.length - 1]) return null;
+
+  if (path.length === 1 || ts.length === 1) {
+    return { lon: path[0][0], lat: path[0][1], cog: 0 };
+  }
+
+  if (relTime <= ts[0]) {
+    const dx = path[1][0] - path[0][0];
+    const dy = path[1][1] - path[0][1];
+    return {
+      lon: path[0][0],
+      lat: path[0][1],
+      cog: (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360,
+    };
+  }
+
+  if (relTime >= ts[ts.length - 1]) {
+    const last = path.length - 1;
+    const dx = path[last][0] - path[last - 1][0];
+    const dy = path[last][1] - path[last - 1][1];
+    return {
+      lon: path[last][0],
+      lat: path[last][1],
+      cog: (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360,
+    };
+  }
+
+  let lo = 0;
+  let hi = ts.length - 1;
+  while (lo < hi - 1) {
+    const mid = (lo + hi) >> 1;
+    if (ts[mid] <= relTime) lo = mid;
+    else hi = mid;
+  }
+  const ratio = ts[hi] !== ts[lo] ? (relTime - ts[lo]) / (ts[hi] - ts[lo]) : 0;
+  const dx = path[hi][0] - path[lo][0];
+  const dy = path[hi][1] - path[lo][1];
+  return {
+    lon: path[lo][0] + dx * ratio,
+    lat: path[lo][1] + (path[hi][1] - path[lo][1]) * ratio,
+    cog: (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360,
+  };
+}
+
+function clipTripPathToTime(trip: TripDatumLike, relTime: number): [number, number][] {
+  const ts = trip.timestamps;
+  if (trip.path.length < 2 || ts.length < 2) return [];
+  if (relTime < ts[0]) return [];
+  if (relTime >= ts[ts.length - 1]) return trip.path;
+
+  let hi = ts.findIndex(value => value > relTime);
+  if (hi <= 0) hi = 1;
+  const clipped = trip.path.slice(0, hi);
+  const interpolated = interpolateTripPosition(trip, relTime);
+  if (interpolated) {
+    clipped.push([interpolated.lon, interpolated.lat]);
+  }
+  return clipped;
+}
+
 // ── Hook ──────────────────────────────────────────────────────────────────────
 
 /**
@@ -67,8 +142,8 @@ export function useGearReplayLayers(
   const enabledModels = useGearReplayStore(s => s.enabledModels);
   const enabledVessels = useGearReplayStore(s => s.enabledVessels);
   const hoveredMmsi = useGearReplayStore(s => s.hoveredMmsi);
+  const reviewCandidates = useGearReplayStore(s => s.reviewCandidates);
   const correlationByModel = useGearReplayStore(s => s.correlationByModel);
-  const modelCenterTrails = useGearReplayStore(s => s.modelCenterTrails);
   const showTrails = useGearReplayStore(s => s.showTrails);
   const showLabels = useGearReplayStore(s => s.showLabels);
   const show1hPolygon = useGearReplayStore(s => s.show1hPolygon);
@@ -217,6 +292,11 @@ export function useGearReplayLayers(
     // Member positions (interpolated) — 항상 계산 (배지/오퍼레이셔널에서 사용)
     const members = interpolateMemberPositions(state.historyFrames, frameIdx, ct);
     const memberPts: [number, number][] = members.map(m => [m.lon, m.lat]);
+    const relTime = ct - st;
+    const visibleMemberMmsis = new Set(members.map(m => m.mmsi));
+    const reviewCandidateMap = new Map(reviewCandidates.map(candidate => [candidate.mmsi, candidate]));
+    const reviewCandidateSet = new Set(reviewCandidateMap.keys());
+    const corrTrackMap = new Map(correlationTripsData.map(d => [d.id, d]));
 
     // 서브클러스터 프레임 (identity 폴리곤 + operational 폴리곤에서 공유)
     const subFrames = frame.subFrames ?? [{ subClusterId: 0, centerLon: frame.centerLon, centerLat: frame.centerLat, members: frame.members, memberCount: frame.memberCount }];
@@ -226,7 +306,7 @@ export function useGearReplayLayers(
       // 멤버 전체 항적 (identity — 항상 ON)
       if (memberTripsData.length > 0) {
         for (const trip of memberTripsData) {
-          if (trip.path.length < 2) continue;
+          if (!visibleMemberMmsis.has(trip.id) || trip.path.length < 2) continue;
           layers.push(new PathLayer({
             id: `replay-member-path-${trip.id}`,
             data: [{ path: trip.path }],
@@ -236,6 +316,7 @@ export function useGearReplayLayers(
           }));
         }
       }
+
       // 연관 선박 전체 항적 (correlation)
       if (correlationTripsData.length > 0) {
         const activeMmsis = new Set<string>();
@@ -246,7 +327,7 @@ export function useGearReplayLayers(
           }
         }
         for (const trip of correlationTripsData) {
-          if (!activeMmsis.has(trip.id) || trip.path.length < 2) continue;
+          if (!activeMmsis.has(trip.id) || reviewCandidateSet.has(trip.id) || trip.path.length < 2) continue;
           layers.push(new PathLayer({
             id: `replay-corr-path-${trip.id}`,
             data: [{ path: trip.path }],
@@ -256,31 +337,29 @@ export function useGearReplayLayers(
           }));
         }
       }
-    }
 
-    // 1. Correlation TripsLayer (GPU animated, 항상 ON, 고채도)
-    if (correlationTripsData.length > 0) {
-      const activeMmsis = new Set<string>();
-      for (const [mn, items] of correlationByModel) {
-        if (!enabledModels.has(mn)) continue;
-        for (const c of items as GearCorrelationItem[]) {
-          if (enabledVessels.has(c.targetMmsi)) activeMmsis.add(c.targetMmsi);
+      if (reviewCandidates.length > 0) {
+        for (const candidate of reviewCandidates) {
+          const trip = corrTrackMap.get(candidate.mmsi);
+          if (!trip || trip.path.length < 2) continue;
+          const [r, g, b] = hexToRgb(getParentReviewCandidateColor(candidate.rank));
+          const hovered = hoveredMmsi === candidate.mmsi;
+          layers.push(new PathLayer({
+            id: `replay-review-path-glow-${candidate.mmsi}`,
+            data: [{ path: trip.path }],
+            getPath: (d: { path: [number, number][] }) => d.path,
+            getColor: hovered ? [255, 255, 255, 110] : [255, 255, 255, 45],
+            widthMinPixels: hovered ? 7 : 4,
+          }));
+          layers.push(new PathLayer({
+            id: `replay-review-path-${candidate.mmsi}`,
+            data: [{ path: trip.path }],
+            getPath: (d: { path: [number, number][] }) => d.path,
+            getColor: [r, g, b, hovered ? 230 : 160],
+            widthMinPixels: hovered ? 4.5 : 2.5,
+          }));
         }
       }
-      const enabledTrips = correlationTripsData.filter(d => activeMmsis.has(d.id));
-      if (enabledTrips.length > 0) {
-        layers.push(new TripsLayer({
-          id: 'replay-corr-trails',
-          data: enabledTrips,
-          getPath: d => d.path,
-          getTimestamps: d => d.timestamps,
-          getColor: [100, 180, 255, 220], // 고채도 파랑 (항적보다 밝게)
-          widthMinPixels: 2.5,
-          fadeTrail: true,
-          trailLength: TRAIL_LENGTH_MS,
-          currentTime: ct - st,
-        }));
-      }
     }
 
     // (identity 레이어는 최하단 — 최상위 z-index로 이동됨)
@@ -329,11 +408,10 @@ export function useGearReplayLayers(
       }
     }
 
-    // 6. Correlation vessel positions (트랙 보간 → 끝점 clamp → live fallback)
+    // 6. Correlation vessel positions (현재 리플레이 시점에 실제로 보이는 대상만)
     const corrPositions: CorrPosition[] = [];
-    const corrTrackMap = new Map(correlationTripsData.map(d => [d.id, d]));
-    const liveShips = shipsRef.current;
-    const relTime = ct - st;
+    const reviewPositions: CorrPosition[] = [];
+    void shipsRef;
 
     for (const [mn, items] of correlationByModel) {
       if (!enabledModels.has(mn)) continue;
@@ -342,80 +420,44 @@ export function useGearReplayLayers(
 
       for (const c of items as GearCorrelationItem[]) {
         if (!enabledVessels.has(c.targetMmsi)) continue; // OFF → 아이콘+트레일+폴리곤 모두 제외
+        if (reviewCandidateSet.has(c.targetMmsi)) continue;
         if (corrPositions.some(p => p.mmsi === c.targetMmsi)) continue;
 
-        let lon: number | undefined;
-        let lat: number | undefined;
-        let cog = 0;
-
-        // 방법 1: 트랙 데이터 (보간 + 범위 밖은 끝점 clamp)
         const tripData = corrTrackMap.get(c.targetMmsi);
-        if (tripData && tripData.path.length > 0) {
-          const ts = tripData.timestamps;
-          const path = tripData.path;
-
-          if (relTime <= ts[0]) {
-            // 트랙 시작 전 → 첫 점 사용
-            lon = path[0][0]; lat = path[0][1];
-            if (path.length > 1) {
-              const dx = path[1][0] - path[0][0];
-              const dy = path[1][1] - path[0][1];
-              cog = (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360;
-            }
-          } else if (relTime >= ts[ts.length - 1]) {
-            // 트랙 종료 후 → 마지막 점 사용
-            const last = path.length - 1;
-            lon = path[last][0]; lat = path[last][1];
-            if (last > 0) {
-              const dx = path[last][0] - path[last - 1][0];
-              const dy = path[last][1] - path[last - 1][1];
-              cog = (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360;
-            }
-          } else {
-            // 범위 내 → 보간
-            let lo = 0;
-            let hi = ts.length - 1;
-            while (lo < hi - 1) {
-              const mid = (lo + hi) >> 1;
-              if (ts[mid] <= relTime) lo = mid; else hi = mid;
-            }
-            const ratio = ts[hi] !== ts[lo] ? (relTime - ts[lo]) / (ts[hi] - ts[lo]) : 0;
-            lon = path[lo][0] + (path[hi][0] - path[lo][0]) * ratio;
-            lat = path[lo][1] + (path[hi][1] - path[lo][1]) * ratio;
-            const dx = path[hi][0] - path[lo][0];
-            const dy = path[hi][1] - path[lo][1];
-            cog = (dx === 0 && dy === 0) ? 0 : (Math.atan2(dx, dy) * 180 / Math.PI + 360) % 360;
-          }
-        }
-
-        // 방법 2: live 선박 위치 fallback
-        if (lon === undefined) {
-          const ship = liveShips.get(c.targetMmsi);
-          if (ship) {
-            lon = ship.lng;
-            lat = ship.lat;
-            cog = ship.course ?? 0;
-          }
-        }
-
-        if (lon === undefined || lat === undefined) continue;
+        const position = tripData ? interpolateTripPosition(tripData, relTime) : null;
+        if (!position) continue;
 
         corrPositions.push({
           mmsi: c.targetMmsi,
           name: c.targetName || c.targetMmsi,
-          lon,
-          lat,
-          cog,
+          lon: position.lon,
+          lat: position.lat,
+          cog: position.cog,
           color: [r, g, b, 230],
           isVessel: c.targetType === 'VESSEL',
         });
       }
     }
 
+    for (const candidate of reviewCandidates) {
+      const tripData = corrTrackMap.get(candidate.mmsi);
+      const position = tripData ? interpolateTripPosition(tripData, relTime) : null;
+      if (!position) continue;
+      const [r, g, b] = hexToRgb(getParentReviewCandidateColor(candidate.rank));
+      reviewPositions.push({
+        mmsi: candidate.mmsi,
+        name: candidate.name,
+        lon: position.lon,
+        lat: position.lat,
+        cog: position.cog,
+        color: [r, g, b, hoveredMmsi === candidate.mmsi ? 255 : 235],
+        isVessel: true,
+      });
+    }
+
     // 디버그: 첫 프레임에서 전체 상태 출력
     if (shouldLog) {
       const trackHit = corrPositions.filter(p => corrTrackMap.has(p.mmsi)).length;
-      const liveHit = corrPositions.length - trackHit;
       const sampleTrip = memberTripsData[0];
       console.log('[GearReplay] renderFrame:', {
         historyFrames: state.historyFrames.length,
@@ -427,7 +469,8 @@ export function useGearReplayLayers(
         currentTime: Math.round((ct - st) / 60000) + 'min (rel)',
         members: members.length,
         corrPositions: corrPositions.length,
-        posSource: `track:${trackHit} live:${liveHit}`,
+        reviewPositions: reviewPositions.length,
+        posSource: `track:${trackHit}`,
         memberTrip0: sampleTrip ? { id: sampleTrip.id, pts: sampleTrip.path.length, tsRange: `${Math.round(sampleTrip.timestamps[0]/60000)}~${Math.round(sampleTrip.timestamps[sampleTrip.timestamps.length-1]/60000)}min` } : 'none',
       });
       // 모델별 상세
@@ -440,6 +483,73 @@ export function useGearReplayLayers(
       }
     }
 
+    const visibleCorrMmsis = new Set(corrPositions.map(position => position.mmsi));
+    const visibleReviewMmsis = new Set(reviewPositions.map(position => position.mmsi));
+    const visibleMemberTrips = memberTripsData.filter(d => visibleMemberMmsis.has(d.id));
+    const enabledCorrTrips = correlationTripsData.filter(d => visibleCorrMmsis.has(d.id) && !reviewCandidateSet.has(d.id));
+    const reviewVisibleTrips = correlationTripsData
+      .filter(d => visibleReviewMmsis.has(d.id))
+      .map(d => {
+        const candidate = reviewCandidateMap.get(d.id);
+        const [r, g, b] = hexToRgb(getParentReviewCandidateColor(candidate?.rank ?? 1));
+        return { ...d, color: [r, g, b, hoveredMmsi === d.id ? 255 : 230] as [number, number, number, number] };
+      });
+    const hoveredReviewTrips = reviewVisibleTrips.filter(d => d.id === hoveredMmsi);
+    const defaultReviewTrips = reviewVisibleTrips.filter(d => d.id !== hoveredMmsi);
+
+    if (enabledCorrTrips.length > 0) {
+      layers.push(new TripsLayer({
+        id: 'replay-corr-trails',
+        data: enabledCorrTrips,
+        getPath: d => d.path,
+        getTimestamps: d => d.timestamps,
+        getColor: [100, 180, 255, 220],
+        widthMinPixels: 2.5,
+        fadeTrail: true,
+        trailLength: TRAIL_LENGTH_MS,
+        currentTime: ct - st,
+      }));
+    }
+
+    if (defaultReviewTrips.length > 0) {
+      layers.push(new TripsLayer({
+        id: 'replay-review-trails',
+        data: defaultReviewTrips,
+        getPath: d => d.path,
+        getTimestamps: d => d.timestamps,
+        getColor: d => d.color,
+        widthMinPixels: 4,
+        fadeTrail: true,
+        trailLength: TRAIL_LENGTH_MS,
+        currentTime: ct - st,
+      }));
+    }
+
+    if (hoveredReviewTrips.length > 0) {
+      layers.push(new TripsLayer({
+        id: 'replay-review-hover-trails-glow',
+        data: hoveredReviewTrips,
+        getPath: d => d.path,
+        getTimestamps: d => d.timestamps,
+        getColor: [255, 255, 255, 190],
+        widthMinPixels: 7,
+        fadeTrail: true,
+        trailLength: TRAIL_LENGTH_MS,
+        currentTime: ct - st,
+      }));
+      layers.push(new TripsLayer({
+        id: 'replay-review-hover-trails',
+        data: hoveredReviewTrips,
+        getPath: d => d.path,
+        getTimestamps: d => d.timestamps,
+        getColor: d => d.color,
+        widthMinPixels: 5,
+        fadeTrail: true,
+        trailLength: TRAIL_LENGTH_MS,
+        currentTime: ct - st,
+      }));
+    }
+
     if (corrPositions.length > 0) {
       layers.push(new IconLayer<CorrPosition>({
         id: 'replay-corr-vessels',
@@ -470,10 +580,57 @@ export function useGearReplayLayers(
       }
     }
 
+    if (reviewPositions.length > 0) {
+      layers.push(new ScatterplotLayer({
+        id: 'replay-review-vessel-glow',
+        data: reviewPositions,
+        getPosition: d => [d.lon, d.lat],
+        getFillColor: d => {
+          const alpha = hoveredMmsi === d.mmsi ? 90 : 40;
+          return [255, 255, 255, alpha] as [number, number, number, number];
+        },
+        getRadius: d => hoveredMmsi === d.mmsi ? 420 : 260,
+        radiusUnits: 'meters',
+        radiusMinPixels: 10,
+      }));
+
+      layers.push(new IconLayer<CorrPosition>({
+        id: 'replay-review-vessels',
+        data: reviewPositions,
+        getPosition: d => [d.lon, d.lat],
+        getIcon: () => SHIP_ICON_MAPPING['ship-triangle'],
+        getSize: d => hoveredMmsi === d.mmsi ? 24 : 20,
+        getAngle: d => -(d.cog || 0),
+        getColor: d => d.color,
+        sizeUnits: 'pixels',
+        billboard: false,
+      }));
+
+      if (showLabels) {
+        const clusteredReview = clusterLabels(reviewPositions, d => [d.lon, d.lat], zoomLevel);
+        layers.push(new TextLayer<CorrPosition>({
+          id: 'replay-review-labels',
+          data: clusteredReview,
+          getPosition: d => [d.lon, d.lat],
+          getText: d => {
+            const candidate = reviewCandidateMap.get(d.mmsi);
+            return candidate ? `#${candidate.rank} ${d.name}` : d.name;
+          },
+          getColor: d => d.color,
+          getSize: d => hoveredMmsi === d.mmsi ? 10 * fs : 9 * fs,
+          getPixelOffset: [0, 17],
+          background: true,
+          getBackgroundColor: [0, 0, 0, 215],
+          backgroundPadding: [3, 2],
+        }));
+      }
+    }
+
     // 7. Hover highlight
     if (hoveredMmsi) {
       const hoveredMember = members.find(m => m.mmsi === hoveredMmsi);
-      const hoveredCorr = corrPositions.find(c => c.mmsi === hoveredMmsi);
+      const hoveredCorr = corrPositions.find(c => c.mmsi === hoveredMmsi)
+        ?? reviewPositions.find(c => c.mmsi === hoveredMmsi);
       const hoveredPos: [number, number] | null = hoveredMember
         ? [hoveredMember.lon, hoveredMember.lat]
         : hoveredCorr
@@ -506,16 +663,8 @@ export function useGearReplayLayers(
 
       // Hover trail (from correlation track)
       const hoveredTrack = correlationTripsData.find(d => d.id === hoveredMmsi);
-      if (hoveredTrack) {
-        const relTime = ct - st;
-        let clipIdx = hoveredTrack.timestamps.length;
-        for (let i = 0; i < hoveredTrack.timestamps.length; i++) {
-          if (hoveredTrack.timestamps[i] > relTime) {
-            clipIdx = i;
-            break;
-          }
-        }
-        const clippedPath = hoveredTrack.path.slice(0, clipIdx);
+      if (hoveredTrack && !reviewCandidateSet.has(hoveredMmsi) && (visibleCorrMmsis.has(hoveredMmsi) || visibleMemberMmsis.has(hoveredMmsi))) {
+        const clippedPath = clipTripPathToTime(hoveredTrack, relTime);
         if (clippedPath.length >= 2) {
           layers.push(new PathLayer({
             id: 'replay-hover-trail',
@@ -537,6 +686,9 @@ export function useGearReplayLayers(
       for (const c of corrPositions) {
         if (state.pinnedMmsis.has(c.mmsi)) pinnedPositions.push({ position: [c.lon, c.lat] });
       }
+      for (const c of reviewPositions) {
+        if (state.pinnedMmsis.has(c.mmsi)) pinnedPositions.push({ position: [c.lon, c.lat] });
+      }
       if (pinnedPositions.length > 0) {
         // glow
         layers.push(new ScatterplotLayer({
@@ -566,12 +718,8 @@ export function useGearReplayLayers(
       // pinned trails (correlation tracks)
       const relTime = ct - st;
       for (const trip of correlationTripsData) {
-        if (!state.pinnedMmsis.has(trip.id)) continue;
-        let clipIdx = trip.timestamps.length;
-        for (let i = 0; i < trip.timestamps.length; i++) {
-          if (trip.timestamps[i] > relTime) { clipIdx = i; break; }
-        }
-        const clippedPath = trip.path.slice(0, clipIdx);
+        if (!state.pinnedMmsis.has(trip.id) || !visibleCorrMmsis.has(trip.id)) continue;
+        const clippedPath = clipTripPathToTime(trip, relTime);
         if (clippedPath.length >= 2) {
           layers.push(new PathLayer({
             id: `replay-pinned-trail-${trip.id}`,
@@ -583,14 +731,24 @@ export function useGearReplayLayers(
         }
       }
 
+      for (const trip of reviewVisibleTrips) {
+        if (!state.pinnedMmsis.has(trip.id)) continue;
+        const clippedPath = clipTripPathToTime(trip, relTime);
+        if (clippedPath.length >= 2) {
+          layers.push(new PathLayer({
+            id: `replay-pinned-review-trail-${trip.id}`,
+            data: [{ path: clippedPath }],
+            getPath: (d: { path: [number, number][] }) => d.path,
+            getColor: trip.color,
+            widthMinPixels: 3.5,
+          }));
+        }
+      }
+
       // pinned member trails (identity tracks)
       for (const trip of memberTripsData) {
-        if (!state.pinnedMmsis.has(trip.id)) continue;
-        let clipIdx = trip.timestamps.length;
-        for (let i = 0; i < trip.timestamps.length; i++) {
-          if (trip.timestamps[i] > relTime) { clipIdx = i; break; }
-        }
-        const clippedPath = trip.path.slice(0, clipIdx);
+        if (!state.pinnedMmsis.has(trip.id) || !visibleMemberMmsis.has(trip.id)) continue;
+        const clippedPath = clipTripPathToTime(trip, relTime);
         if (clippedPath.length >= 2) {
           layers.push(new PathLayer({
             id: `replay-pinned-mtrail-${trip.id}`,
@@ -642,62 +800,6 @@ export function useGearReplayLayers(
       }
     }
 
-    // 8.5. Model center trails + current center point (모델×서브클러스터별 중심 경로)
-    for (const trail of modelCenterTrails) {
-      if (!enabledModels.has(trail.modelName)) continue;
-      if (trail.path.length < 2) continue;
-      const color = MODEL_COLORS[trail.modelName] ?? '#94a3b8';
-      const [r, g, b] = hexToRgb(color);
-
-      // 중심 경로 (PathLayer, 연한 모델 색상)
-      layers.push(new PathLayer({
-        id: `replay-model-trail-${trail.modelName}-s${trail.subClusterId}`,
-        data: [{ path: trail.path }],
-        getPath: (d: { path: [number, number][] }) => d.path,
-        getColor: [r, g, b, 100],
-        widthMinPixels: 1.5,
-      }));
-
-      // 현재 중심점 (보간)
-      const ts = trail.timestamps;
-      if (ts.length > 0 && relTime >= ts[0] && relTime <= ts[ts.length - 1]) {
-        let lo = 0, hi = ts.length - 1;
-        while (lo < hi - 1) { const mid = (lo + hi) >> 1; if (ts[mid] <= relTime) lo = mid; else hi = mid; }
-        const ratio = ts[hi] !== ts[lo] ? (relTime - ts[lo]) / (ts[hi] - ts[lo]) : 0;
-        const cx = trail.path[lo][0] + (trail.path[hi][0] - trail.path[lo][0]) * ratio;
-        const cy = trail.path[lo][1] + (trail.path[hi][1] - trail.path[lo][1]) * ratio;
-
-        const centerData = [{ position: [cx, cy] as [number, number] }];
-        layers.push(new ScatterplotLayer({
-          id: `replay-model-center-${trail.modelName}-s${trail.subClusterId}`,
-          data: centerData,
-          getPosition: (d: { position: [number, number] }) => d.position,
-          getFillColor: [r, g, b, 255],
-          getRadius: 150,
-          radiusUnits: 'meters',
-          radiusMinPixels: 5,
-          stroked: true,
-          getLineColor: [255, 255, 255, 200],
-          lineWidthMinPixels: 1.5,
-        }));
-        if (showLabels) {
-          layers.push(new TextLayer({
-            id: `replay-model-center-label-${trail.modelName}-s${trail.subClusterId}`,
-            data: centerData,
-            getPosition: (d: { position: [number, number] }) => d.position,
-            getText: () => trail.modelName,
-            getColor: [r, g, b, 255],
-            getSize: 9 * fs,
-            getPixelOffset: [0, -12],
-            background: true,
-            getBackgroundColor: [0, 0, 0, 200],
-            backgroundPadding: [3, 1],
-            fontFamily: '"Fira Code Variable", monospace',
-          }));
-        }
-      }
-    }
-
     // 9. Model badges (small colored dots next to each vessel/gear per model)
     {
       const badgeTargets = new Map<string, { lon: number; lat: number; models: Set<string> }>();
@@ -797,10 +899,10 @@ export function useGearReplayLayers(
     }
 
     // TripsLayer (멤버 트레일)
-    if (memberTripsData.length > 0) {
+    if (visibleMemberTrips.length > 0) {
       layers.push(new TripsLayer({
         id: 'replay-identity-trails',
-        data: memberTripsData,
+        data: visibleMemberTrips,
         getPath: d => d.path,
         getTimestamps: d => d.timestamps,
         getColor: [255, 200, 60, 220],
@@ -848,6 +950,8 @@ export function useGearReplayLayers(
         const frame6h = state.historyFrames6h[frameIdx6h];
         const subFrames6h = frame6h.subFrames ?? [{ subClusterId: 0, centerLon: frame6h.centerLon, centerLat: frame6h.centerLat, members: frame6h.members, memberCount: frame6h.memberCount }];
         const members6h = interpolateMemberPositions(state.historyFrames6h, frameIdx6h, ct);
+        const visibleMemberMmsis6h = new Set(members6h.map(member => member.mmsi));
+        const visibleMemberTrips6h = memberTripsData6h.filter(trip => visibleMemberMmsis6h.has(trip.id));
 
         // 6h 폴리곤
         for (const sf of subFrames6h) {
@@ -908,10 +1012,10 @@ export function useGearReplayLayers(
         }
 
         // 6h TripsLayer (항적 애니메이션)
-        if (memberTripsData6h.length > 0) {
+        if (visibleMemberTrips6h.length > 0) {
           layers.push(new TripsLayer({
             id: 'replay-6h-identity-trails',
-            data: memberTripsData6h,
+            data: visibleMemberTrips6h,
             getPath: d => d.path,
             getTimestamps: d => d.timestamps,
             getColor: [147, 197, 253, 180] as [number, number, number, number],
@@ -957,7 +1061,7 @@ export function useGearReplayLayers(
     centerTrailSegments, centerDotsPositions,
     centerTrailSegments6h, centerDotsPositions6h, subClusterCenters6h,
     enabledModels, enabledVessels, hoveredMmsi, correlationByModel,
-    modelCenterTrails, subClusterCenters, showTrails, showLabels,
+    reviewCandidates, subClusterCenters, showTrails, showLabels,
     show1hPolygon, show6hPolygon, pinnedMmsis, fs, zoomLevel,
     replayLayerRef, requestRender,
   ]);
diff --git a/frontend/src/stores/gearReplayStore.ts b/frontend/src/stores/gearReplayStore.ts
index 60a70c9..b0153a0 100644
--- a/frontend/src/stores/gearReplayStore.ts
+++ b/frontend/src/stores/gearReplayStore.ts
@@ -37,8 +37,18 @@ export interface CenterTrailSegment {
   isInterpolated: boolean;
 }
 
+export interface ReplayReviewCandidate {
+  mmsi: string;
+  name: string;
+  rank: number;
+  score: number | null;
+  trackAvailable: boolean;
+  subClusterId: number;
+}
+
 // ── Speed factor: 1x = 30 real seconds covers 12 timeline hours ──
 const SPEED_FACTOR = (12 * 60 * 60 * 1000) / (30 * 1000); // 1440
+const DEFAULT_AB_RANGE_MS = 2 * 60 * 60 * 1000;
 
 // ── Module-level rAF state (outside React) ───────────────────────
 let animationFrameId: number | null = null;
@@ -52,6 +62,8 @@ interface GearReplayState {
   currentTime: number;
   startTime: number;
   endTime: number;
+  dataStartTime: number;
+  dataEndTime: number;
   playbackSpeed: number;
 
   // Source data (1h = primary identity polygon)
@@ -84,6 +96,7 @@ interface GearReplayState {
   enabledModels: Set<string>;
   enabledVessels: Set<string>;
   hoveredMmsi: string | null;
+  reviewCandidates: ReplayReviewCandidate[];
   correlationByModel: Map<string, GearCorrelationItem[]>;
   showTrails: boolean;
   showLabels: boolean;
@@ -111,6 +124,7 @@ interface GearReplayState {
   setEnabledModels: (models: Set<string>) => void;
   setEnabledVessels: (vessels: Set<string>) => void;
   setHoveredMmsi: (mmsi: string | null) => void;
+  setReviewCandidates: (candidates: ReplayReviewCandidate[]) => void;
   setShowTrails: (show: boolean) => void;
   setShowLabels: (show: boolean) => void;
   setFocusMode: (focus: boolean) => void;
@@ -169,6 +183,8 @@ export const useGearReplayStore = create<GearReplayState>()(
       currentTime: 0,
       startTime: 0,
       endTime: 0,
+      dataStartTime: 0,
+      dataEndTime: 0,
       playbackSpeed: 1,
 
       // Source data
@@ -198,6 +214,7 @@ export const useGearReplayStore = create<GearReplayState>()(
       enabledModels: new Set<string>(),
       enabledVessels: new Set<string>(),
       hoveredMmsi: null,
+      reviewCandidates: [],
       showTrails: true,
       showLabels: true,
       focusMode: false,
@@ -216,6 +233,52 @@ export const useGearReplayStore = create<GearReplayState>()(
         const endTime = Date.now();
         const frameTimes = frames.map(f => new Date(f.snapshotTime).getTime());
         const frameTimes6h = (frames6h ?? []).map(f => new Date(f.snapshotTime).getTime());
+        let primaryDataStartTime = Number.POSITIVE_INFINITY;
+        let primaryDataEndTime = 0;
+        let fallbackDataStartTime = Number.POSITIVE_INFINITY;
+        let fallbackDataEndTime = 0;
+
+        const pushPrimaryTime = (value: number) => {
+          if (!Number.isFinite(value) || value <= 0) return;
+          primaryDataStartTime = Math.min(primaryDataStartTime, value);
+          primaryDataEndTime = Math.max(primaryDataEndTime, value);
+        };
+
+        const pushFallbackTime = (value: number) => {
+          if (!Number.isFinite(value) || value <= 0) return;
+          fallbackDataStartTime = Math.min(fallbackDataStartTime, value);
+          fallbackDataEndTime = Math.max(fallbackDataEndTime, value);
+        };
+
+        frameTimes.forEach(pushPrimaryTime);
+        frameTimes6h.forEach(pushPrimaryTime);
+        for (const track of corrTracks) {
+          for (const point of track.track) {
+            pushFallbackTime(point.ts);
+          }
+        }
+
+        let dataStartTime = Number.isFinite(primaryDataStartTime)
+          ? primaryDataStartTime
+          : fallbackDataStartTime;
+        let dataEndTime = Number.isFinite(primaryDataStartTime)
+          ? primaryDataEndTime
+          : fallbackDataEndTime;
+
+        if (!Number.isFinite(dataStartTime) || dataStartTime <= 0) {
+          dataStartTime = startTime;
+          dataEndTime = endTime;
+        } else if (dataEndTime <= dataStartTime) {
+          const paddedStart = Math.max(startTime, dataStartTime - DEFAULT_AB_RANGE_MS / 2);
+          const paddedEnd = Math.min(endTime, dataStartTime + DEFAULT_AB_RANGE_MS / 2);
+          if (paddedEnd > paddedStart) {
+            dataStartTime = paddedStart;
+            dataEndTime = paddedEnd;
+          } else {
+            dataStartTime = startTime;
+            dataEndTime = endTime;
+          }
+        }
 
         const memberTrips = buildMemberTripsData(frames, startTime);
         const corrTrips = buildCorrelationTripsData(corrTracks, startTime);
@@ -248,6 +311,8 @@ export const useGearReplayStore = create<GearReplayState>()(
           snapshotRanges6h: ranges6h,
           startTime,
           endTime,
+          dataStartTime,
+          dataEndTime,
           currentTime: startTime,
           rawCorrelationTracks: corrTracks,
           memberTripsData: memberTrips,
@@ -305,17 +370,29 @@ export const useGearReplayStore = create<GearReplayState>()(
       },
 
       setHoveredMmsi: (mmsi) => set({ hoveredMmsi: mmsi }),
+      setReviewCandidates: (candidates) => set({ reviewCandidates: candidates }),
       setShowTrails: (show) => set({ showTrails: show }),
       setShowLabels: (show) => set({ showLabels: show }),
       setFocusMode: (focus) => set({ focusMode: focus }),
       setShow1hPolygon: (show) => set({ show1hPolygon: show }),
       setShow6hPolygon: (show) => set({ show6hPolygon: show }),
       setAbLoop: (on) => {
-        const { startTime, endTime } = get();
+        const { startTime, endTime, dataStartTime, dataEndTime } = get();
         if (on && startTime > 0) {
-          // 기본 A-B: 전체 구간의 마지막 4시간
-          const dur = endTime - startTime;
-          set({ abLoop: true, abA: endTime - Math.min(dur, 4 * 3600_000), abB: endTime });
+          let rangeStart = dataStartTime > 0 ? Math.max(startTime, dataStartTime) : startTime;
+          let rangeEnd = dataEndTime > rangeStart ? Math.min(endTime, dataEndTime) : endTime;
+          if (rangeEnd <= rangeStart) {
+            const fallbackStart = Math.max(startTime, rangeStart - DEFAULT_AB_RANGE_MS / 2);
+            const fallbackEnd = Math.min(endTime, rangeStart + DEFAULT_AB_RANGE_MS / 2);
+            if (fallbackEnd > fallbackStart) {
+              rangeStart = fallbackStart;
+              rangeEnd = fallbackEnd;
+            } else {
+              rangeStart = startTime;
+              rangeEnd = endTime;
+            }
+          }
+          set({ abLoop: true, abA: rangeStart, abB: rangeEnd });
         } else {
           set({ abLoop: false, abA: 0, abB: 0 });
         }
@@ -358,6 +435,8 @@ export const useGearReplayStore = create<GearReplayState>()(
           currentTime: 0,
           startTime: 0,
           endTime: 0,
+          dataStartTime: 0,
+          dataEndTime: 0,
           playbackSpeed: 1,
           historyFrames: [],
           historyFrames6h: [],
@@ -381,6 +460,7 @@ export const useGearReplayStore = create<GearReplayState>()(
           enabledModels: new Set<string>(),
           enabledVessels: new Set<string>(),
           hoveredMmsi: null,
+          reviewCandidates: [],
           showTrails: true,
           showLabels: true,
           focusMode: false,