전략편집기 수정

frontend/src/components/VirtualTradingPage.tsx

@@ -29,6 +29,7 @@ import {
   type VirtualTargetItem,
 } from '../utils/virtualTradingStorage';
 import { useAppSettings, resolveAppDefaults } from '../hooks/useAppSettings';
+import { coerceFiniteNumber } from '../utils/safeFormat';
 import '../styles/virtualTradingDashboard.css';
 
 type RightTab = 'trade' | 'orderbook';
@@ -105,10 +106,13 @@ const VirtualTradingPage: React.FC<Props> = ({
 
   const posQty = useMemo(() => {
     const p = summary?.positions?.find(x => x.symbol === selectedMarket);
-    return p?.quantity ?? 0;
+    return coerceFiniteNumber(p?.quantity) ?? 0;
   }, [summary?.positions, selectedMarket]);
 
-  const tradePrice = tickers?.get(selectedMarket)?.tradePrice ?? null;
+  const tradePrice = useMemo(
+    () => coerceFiniteNumber(tickers?.get(selectedMarket)?.tradePrice),
+    [tickers, selectedMarket],
+  );
 
   const handleSelectMarket = useCallback((market: string) => {
     setSelectedMarket(market);
@@ -226,10 +230,13 @@ const VirtualTradingPage: React.FC<Props> = ({
       subtitle="Virtual Trading"
       loading={loading}
       loadingText="가상투자 대시보드 로딩…"
+      collapsiblePanels
       leftStorageKey="vtd-left-width"
       leftDefaultWidth={380}
+      leftCollapsedStorageKey="vtd-left-open"
       rightStorageKey="vtd-right-width"
       rightDefaultWidth={380}
+      rightCollapsedStorageKey="vtd-right-open"
       left={(
         <VirtualLeftTargetPanel
           targets={targets}
@@ -278,7 +285,7 @@ const VirtualTradingPage: React.FC<Props> = ({
                     side="buy"
                     market={selectedMarket}
                     tradePrice={tradePrice}
-                    availableKrw={summary?.cashBalance ?? 0}
+                    availableKrw={coerceFiniteNumber(summary?.cashBalance) ?? 0}
                     fillRequest={fillBuy}
                     searchAnchorRef={orderAnchorRef}
                     onMarketSelect={handleSelectMarket}