실시간 챠트 오류 수정

frontend/src/App.css

@@ -942,6 +942,10 @@ html.theme-blue {
   overflow-y: auto;
   overflow-x: hidden;
 }
+/* 캔들 전체보기 — 보조지표 스크롤 영역 잠금 (전환 시 scrollTop 드리프트 방지) */
+.tv-chart-wrap--candle-only {
+  overflow-y: hidden;
+}
 .tv-chart-wrap::-webkit-scrollbar       { width: 6px; }
 .tv-chart-wrap::-webkit-scrollbar-track { background: transparent; }
 .tv-chart-wrap::-webkit-scrollbar-thumb { background: var(--bg4); border-radius: 3px; }

frontend/src/components/TradingChart.tsx

@@ -347,8 +347,9 @@ const TradingChart: React.FC<TradingChartProps> = ({
       return;
     }
 
+    const candleOnly = candleOnlyModeRef.current;
     let required: number;
-    if (candleOnlyModeRef.current) {
+    if (candleOnly) {
       mgr.applyCandleOnlyLayout(true, wrapperH);
       required = wrapperH;
     } else {
@@ -358,14 +359,16 @@ const TradingChart: React.FC<TradingChartProps> = ({
       required = mgr.resetPaneHeights(wrapperH);
     }
 
-    if (paneLayoutClamp) {
+    const w = wrapper.clientWidth;
+
+    if (candleOnly || paneLayoutClamp) {
+      // 전체보기·미니차트: 래퍼 높이에 고정 resize (autoSize 피드백 루프·무한 스크롤 방지)
       try {
-        const w = wrapper.clientWidth;
         if (w > 0 && wrapperH > 0) mgr.resize(w, wrapperH);
       } catch { /* ok */ }
-    }
-
-    if (!paneLayoutClamp && required > wrapperH + 4) {
+      container.style.height = `${wrapperH}px`;
+      if (candleOnly) wrapper.scrollTop = 0;
+    } else if (required > wrapperH + 4) {
       container.style.height = `${required}px`;
     } else {
       container.style.height = '';
@@ -979,9 +982,22 @@ const TradingChart: React.FC<TradingChartProps> = ({
       if (width === prevW && height === prevH) return;
       // 이전 크기가 0이었다가 유효해진 경우 (= display:none → visible 전환)
       const wasHidden = prevW <= 0 || prevH <= 0;
-      prevW = width; prevH = height;
       if (width <= 0 || height <= 0) return;
 
+      // 캔들 전체보기: 컨테이너가 래퍼보다 커지면 즉시 클램프 (ResizeObserver ↔ autoSize 루프 차단)
+      if (candleOnlyModeRef.current) {
+        const wh = wrapperRef.current?.clientHeight ?? 0;
+        if (wh > 0 && height > wh + 4) {
+          prevW = width;
+          prevH = wh;
+          const m = managerRef.current;
+          if (m) applyPaneLayout(m);
+          return;
+        }
+      }
+
+      prevW = width; prevH = height;
+
       if (resizeDebounceRef.current) clearTimeout(resizeDebounceRef.current);
       resizeDebounceRef.current = window.setTimeout(() => {
         resizeDebounceRef.current = null;
@@ -1426,7 +1442,7 @@ const TradingChart: React.FC<TradingChartProps> = ({
     // wrapperRef: 스크롤 영역 (overflow-y: auto → App.css .tv-chart-wrap)
     <div
       ref={wrapperRef}
-      className="tv-chart-wrap"
+      className={`tv-chart-wrap${candleOnlyMode ? ' tv-chart-wrap--candle-only' : ''}`}
       style={{ flex: 1, position: 'relative', minHeight: 0 }}
       onPointerMove={handleWrapperMouseMove}
     >

frontend/src/styles/tradeNotificationList.css

@@ -1160,14 +1160,15 @@ ul.tnl-list.tnl-list--grid {
   min-height: 300px;
 }
 
-/* 그리드형 — 상세 메타와 투자전략 구분선 사이 여백 축소 */
+/* 그리드형 — 메타 하단 빈 공간 제거, 구분선·투자전략 간격 분리 */
 .tnl-summary-card--grid .tnl-summary-meta {
   flex: 0 1 auto;
+  margin-bottom: -4px;
 }
 
 .tnl-summary-card--grid .tnl-summary-strategy-field {
-  margin-top: -6px;
-  padding-top: 2px;
+  margin-top: 0;
+  padding-top: 8px;
 }
 
 .tnl-row--grid.tnl-row--unread .tnl-summary-card {

frontend/src/utils/ChartManager.ts

@@ -2643,9 +2643,13 @@ export class ChartManager {
           visible: false,
         } as Parameters<ISeriesApi<SeriesType>['applyOptions']>[0]);
       } catch { /* ok */ }
-      this.container.style.height = '';
       this._resetPaneHeightsCandleFullscreen(availableHeight);
       this._hideAllSubPaneIndicators();
+      const H = availableHeight && availableHeight > 0 ? availableHeight : 0;
+      const W = this.container.clientWidth;
+      if (H > 0 && W > 0) {
+        try { this.chart.resize(W, H); } catch { /* ok */ }
+      }
     } else {
       this.restoreFromCandleFullscreen(availableHeight);
     }