추세검색 화면 적용

frontend/src/App.tsx

@@ -70,6 +70,7 @@ import { BacktestHistoryPage } from './components/BacktestHistoryPage';
 import SettingsPage from './components/SettingsPage';
 import PaperTradingPage from './components/PaperTradingPage';
 import VirtualTradingPage from './components/VirtualTradingPage';
+import TrendSearchPage from './components/TrendSearchPage';
 import DashboardPage from './components/DashboardPage';
 import { loadPaperSummary, resetPaperAccount, loadActiveLiveStrategySettings, expandLiveStrategySubscriptions } from './utils/backendApi';
 import ChartLegendBar from './components/ChartLegendBar';
@@ -85,6 +86,7 @@ import {
   type BacktestSignal,
 } from './utils/backendApi';
 import { useVirtualLiveStrategy } from './hooks/useVirtualLiveStrategy';
+import type { ChartRealtimeSource } from './hooks/useChartRealtimeData';
 import { VIRTUAL_SESSION_CHANGED_EVENT } from './utils/virtualTradingStorage';
 import { notifyPaperTradesChanged } from './utils/paperTradeEvents';
 import { useIsMobile } from './hooks/useMediaQuery';
@@ -1628,6 +1630,15 @@ function App() {
         />
       )}
 
+      {menuPage === 'trend-search' && (
+        <TrendSearchPage
+          theme={theme}
+          chartRealtimeSource={(appDefaults.chartRealtimeSource ?? 'BACKEND_STOMP') as ChartRealtimeSource}
+          chartSeriesPriceLabels={appDefaults.chartSeriesPriceLabels}
+          tickers={marketTickers}
+        />
+      )}
+
       {/* ── 설정 화면 ──────────────────────────────────────────────────── */}
       {menuPage === 'notifications' && (
         <TradeNotificationListPage
@@ -1993,6 +2004,7 @@ function App() {
                 chartVolumeVisible={chartVolumeVisible}
                 chartRealtimeSource={chartRealtimeSource as 'BACKEND_STOMP' | 'UPBIT_DIRECT'}
                 displayTimezone={displayTimezone}
+                compactMode
               />
             </div>
             {/* 슬롯 1~7 */}
@@ -2028,6 +2040,7 @@ function App() {
                     chartVolumeVisible={chartVolumeVisible}
                     chartRealtimeSource={chartRealtimeSource as 'BACKEND_STOMP' | 'UPBIT_DIRECT'}
                     displayTimezone={displayTimezone}
+                    compactMode
                   />
                 </div>
               ))}