Merge remote-tracking branch 'origin/sub_laptop_1' into main_laptop_1

B05_Profile/B05_Profile_UI_RouteEdit_Recommend.ts

@@ -14,6 +14,7 @@
  * ========================================================================== */
 
 import { openModal } from "@ui/ui_template_modal";
+import { createCheckbox } from "@ui/ui_template_checkbox";
 import { showToast } from "@ui/ui_template_elements";
 import type {
   RouteInitialCriteria,
@@ -218,11 +219,10 @@ export function openRecommendModal(params: RecommendParams): void {
               </div>
               <span class="b05-routerec__sum" data-weight-sum></span>
             </div>
-            <label class="b05-routerec__profile-opt" data-profile-opt
+            <div class="b05-routerec__profile-opt" data-profile-opt
               title="켬 = 후보마다 균형 종단을 세워 토공 점수에 넣음 · 끔 = 원지반만 보고 점수를 냄(더 빠름)">
-              <input type="checkbox" data-with-profile /> 종단 반영
               <small>끄면 원지반만 · 이 창 안에서만</small>
-            </label>
+            </div>
             <div class="b05-routerec__criteria">
               ${CRITERIA_KEYS.map(
                 (key) => `<label title="${CRITERIA_FIELD[key].title}">${CRITERIA_FIELD[key].label}
@@ -267,8 +267,12 @@ export function openRecommendModal(params: RecommendParams): void {
       const stateEl = q<HTMLElement>("[data-state]");
       const line = (name: string): HTMLElement => q<HTMLElement>(`[data-line="${name}"]`);
       const criteriaInputs = body.querySelectorAll<HTMLInputElement>("[data-criteria]");
-      const profileBox = q<HTMLInputElement>("[data-with-profile]");
-      profileBox.checked = params.profileMemory.withProfile;
+      const profileCheck = createCheckbox("종단 반영", {
+        checked: params.profileMemory.withProfile,
+      });
+      profileCheck.input.dataset.withProfile = "";
+      q<HTMLElement>("[data-profile-opt]").prepend(profileCheck.root);
+      const profileBox = profileCheck.input;
       bindRecommendHelp(body);
 
       criteriaInputs.forEach((input) => {

B05_Profile/B05_Profile_UI_Style_RouteRecommend.css

@@ -121,12 +121,6 @@
   display: flex;
   align-items: center;
   gap: var(--spacing-8);
-  color: var(--color-text-body);
-  cursor: pointer;
-}
-
-.b05-routerec__profile-opt input {
-  accent-color: var(--color-primary);
 }
 
 .b05-routerec__profile-opt small {