크로스헤어 세로선 교차점 on off 설정

frontend/src/App.tsx

@@ -475,6 +475,14 @@ function AppMainContent({
                 onChartCandleAreaPriceLabels={v => saveAppDef({ chartCandleAreaPriceLabels: v })}
                 chartSeriesPriceLabels={appDefaults.chartSeriesPriceLabels ?? true}
                 onChartSeriesPriceLabels={v => saveAppDef({ chartSeriesPriceLabels: v })}
+                chartCrosshairInfoVisible={appDefaults.chartCrosshairInfoVisible ?? true}
+                onChartCrosshairInfoVisible={v => saveAppDef({ chartCrosshairInfoVisible: v })}
+                chartCrosshairMarkersVisible={appDefaults.chartCrosshairMarkersVisible ?? true}
+                onChartCrosshairMarkersVisible={v => saveAppDef({ chartCrosshairMarkersVisible: v })}
+                chartLegendOptions={appDefaults.chartLegendOptions}
+                onChartLegendOptionsChange={patch => saveAppDef({
+                  chartLegendOptions: { ...appDefaults.chartLegendOptions, ...patch },
+                })}
               />
             </Suspense>
           )}

frontend/src/components/SettingsPage.tsx

@@ -1239,36 +1239,34 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
         </SettingSection>
       )}
 
-      {chartLegendOptions && onChartLegendOptionsChange && (
-        <SettingSection title="크로스헤어 정보">
-          <SettingRow
-            label="크로스헤어 정보 표시"
-            desc="마우스로 차트를 가리킬 때 표시되는 시가·고가·저가·종가와 보조지표 수치를 켜거나 끕니다. 종목·현재가·보조지표 이름은 유지됩니다."
-          >
-            <label className="stg-toggle">
-              <input
-                type="checkbox"
-                checked={chartCrosshairInfoVisible}
-                onChange={e => onChartCrosshairInfoVisible?.(e.target.checked)}
-              />
-              <span className="stg-toggle-slider" />
-            </label>
-          </SettingRow>
-          <SettingRow
-            label="교차점 점 표시"
-            desc="켜면 세로 크로스헤어가 캔들·보조지표 선과 만나는 위치에 색 점이 표시됩니다. 끄면 크로스헤어 선만 표시됩니다."
-          >
-            <label className="stg-toggle">
-              <input
-                type="checkbox"
-                checked={chartCrosshairMarkersVisible}
-                onChange={e => onChartCrosshairMarkersVisible?.(e.target.checked)}
-              />
-              <span className="stg-toggle-slider" />
-            </label>
-          </SettingRow>
-        </SettingSection>
-      )}
+      <SettingSection title="크로스헤어 정보">
+        <SettingRow
+          label="크로스헤어 정보 표시"
+          desc="마우스로 차트를 가리킬 때 표시되는 시가·고가·저가·종가와 보조지표 수치를 켜거나 끕니다. 종목·현재가·보조지표 이름은 유지됩니다."
+        >
+          <label className="stg-toggle">
+            <input
+              type="checkbox"
+              checked={chartCrosshairInfoVisible}
+              onChange={e => onChartCrosshairInfoVisible?.(e.target.checked)}
+            />
+            <span className="stg-toggle-slider" />
+          </label>
+        </SettingRow>
+        <SettingRow
+          label="교차점 점 표시"
+          desc="켜면 세로 크로스헤어가 캔들·보조지표 선과 만나는 위치에 색 점이 표시됩니다. 끄면 크로스헤어 선만 표시됩니다."
+        >
+          <label className="stg-toggle">
+            <input
+              type="checkbox"
+              checked={chartCrosshairMarkersVisible}
+              onChange={e => onChartCrosshairMarkersVisible?.(e.target.checked)}
+            />
+            <span className="stg-toggle-slider" />
+          </label>
+        </SettingRow>
+      </SettingSection>
 
       {chartLegendOptions && onChartLegendOptionsChange && (
         <SettingSection title="상단 정보 표시">